npm - @7shifts/sous-chef - Versions diffs - 4.4.1 → 4.5.0 - Mend

@7shifts/sous-chef 4.4.1 → 4.5.0

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 (53) hide show

package/dist/index.js CHANGED Viewed

@@ -240,7 +240,30 @@ var COLORS = {
   'hover-lighten': 'var(--color-hover-lighten)',
   'hover-darken': 'var(--color-hover-darken)',
   'brand-neutrals-caviar-dynamic': 'var(--color-brand-neutrals-caviar-dynamic)',
+  'brand-neutrals-caviar-hue': 'var(--color-brand-neutrals-caviar-hue)',
   'brand-neutrals-chefscoat-dynamic': 'var(--color-brand-neutrals-chefscoat-dynamic)',
+  'brand-neutrals-chefscoat-hue': 'var(--color-brand-neutrals-chefscoat-hue)',
+  'brand-neutrals-marshmallow-hue': 'var(--color-brand-neutrals-marshmallow-hue)',
+  'brand-neutrals-oat-hue': 'var(--color-brand-neutrals-oat-hue)',
+  'brand-neutrals-earl-hue': 'var(--color-brand-neutrals-earl-hue)',
+  'brand-primary-spritz-hue': 'var(--color-brand-primary-spritz-hue)',
+  'brand-primary-spritz-tint': 'var(--color-brand-primary-spritz-tint)',
+  'brand-primary-spritz-shade': 'var(--color-brand-primary-spritz-shade)',
+  'brand-primary-curacao-hue': 'var(--color-brand-primary-curacao-hue)',
+  'brand-primary-curacao-tint': 'var(--color-brand-primary-curacao-tint)',
+  'brand-primary-curacao-shade': 'var(--color-brand-primary-curacao-shade)',
+  'brand-primary-mojito-hue': 'var(--color-brand-primary-mojito-hue)',
+  'brand-primary-mojito-tint': 'var(--color-brand-primary-mojito-tint)',
+  'brand-primary-mojito-shade': 'var(--color-brand-primary-mojito-shade)',
+  'brand-primary-empress-hue': 'var(--color-brand-primary-empress-hue)',
+  'brand-primary-empress-tint': 'var(--color-brand-primary-empress-tint)',
+  'brand-primary-empress-shade': 'var(--color-brand-primary-empress-shade)',
+  'brand-secondary-ice-hue': 'var(--color-brand-secondary-ice-hue)',
+  'brand-secondary-zest-hue': 'var(--color-brand-secondary-zest-hue)',
+  'brand-secondary-lavender-hue': 'var(--color-brand-secondary-lavender-hue)',
+  'brand-secondary-ranch-hue': 'var(--color-brand-secondary-ranch-hue)',
+  'brand-secondary-pesto-hue': 'var(--color-brand-secondary-pesto-hue)',
+  'brand-secondary-babaganoush-hue': 'var(--color-brand-secondary-babaganoush-hue)',
   'on-graphic-black': 'var(--color-on-graphic-black)',
   'on-graphic-white': 'var(--color-on-graphic-white)',
   'canvas-background-color': 'var(--color-canvas-background-color)'
@@ -318,7 +341,7 @@ var kebabize = function kebabize(str) {
   });
 };
-var _excluded$em = ["m", "margin", "mt", "marginTop", "mr", "marginRight", "mb", "marginBottom", "ml", "marginLeft"];
+var _excluded$en = ["m", "margin", "mt", "marginTop", "mr", "marginRight", "mb", "marginBottom", "ml", "marginLeft"];
 var getPositionProps = function getPositionProps(_ref) {
   var m = _ref.m,
     margin = _ref.margin,
@@ -330,7 +353,7 @@ var getPositionProps = function getPositionProps(_ref) {
     marginBottom = _ref.marginBottom,
     ml = _ref.ml,
     marginLeft = _ref.marginLeft,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$em);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$en);
   return {
     positionProps: {
       m: m,
@@ -364,7 +387,7 @@ var getDataProps = function getDataProps(props, config) {
   });
 };
-var _excluded$el = ["children", "space", "flex", "alignItems", "justifyContent", "inlineFlex", "direction", "flexItems", "flexWrap", "flexGrow", "testId", "extraClass"];
+var _excluded$em = ["children", "space", "flex", "alignItems", "justifyContent", "inlineFlex", "direction", "flexItems", "flexWrap", "flexGrow", "testId", "extraClass"];
 /**
  * Flex is a internal component used by Stack and Inline. DON'T use this component outside of Sous Chef
  */
@@ -389,7 +412,7 @@ var Flex = function Flex(_ref) {
     flexGrow = _ref.flexGrow,
     testId = _ref.testId,
     extraClass = _ref.extraClass,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$el);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$em);
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
     otherProps = _getPositionProps.otherProps;
@@ -420,14 +443,14 @@ var Flex = function Flex(_ref) {
   }));
 };
-var _excluded$ek = ["alignItems"];
+var _excluded$el = ["alignItems"];
 /**
  * Layout component to easily stack elements up in a column.
  */
 var Stack = function Stack(_ref) {
   var _ref$alignItems = _ref.alignItems,
     alignItems = _ref$alignItems === void 0 ? 'stretch' : _ref$alignItems,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ek);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$el);
   return React__namespace.createElement(Flex, _extends({}, props, {
     alignItems: alignItems,
     direction: "column"
@@ -436,7 +459,7 @@ var Stack = function Stack(_ref) {
 var styles$1z = {"caption":"_tMhXr","label":"_NfOw5","label--truncate":"_M3aFK","toggle":"_QDQZ1","toggle__label":"_52dky","toggle__caption":"_A-tgL","toggle__switch":"_kBjjH"};
-var _excluded$ej = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
+var _excluded$ek = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
 /**
  * Used when you want to allow the user to turn some information ON and OFF.
  *
@@ -451,7 +474,7 @@ var Toggle = function Toggle(_ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     id = _ref.id,
     testId = _ref.testId,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$ej);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$ek);
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
   return React__default["default"].createElement(Stack, {
@@ -622,7 +645,7 @@ var calculatePosition = function calculatePosition(placement, anchorPosition, to
     };
   }
   var actualPlacement = getActualPlacement(placement, anchorPosition, tooltipRectPosition.height);
-  var overlayPosition = calculateOverlayPosition$1(actualPlacement, anchorPosition, tooltipRectPosition.width);
+  var overlayPosition = calculateOverlayPosition$2(actualPlacement, anchorPosition, tooltipRectPosition.width);
   var arrowPosition = overlayPosition && calculateArrowPosition(actualPlacement.placement, overlayPosition, anchorPosition, tooltipRectPosition);
   return {
     overlay: updateMisalignedOverlay(overlayPosition, arrowPosition, tooltipRectPosition),
@@ -644,7 +667,7 @@ var updateMisalignedOverlay = function updateMisalignedOverlay(overlayPosition,
     left: left
   });
 };
-var calculateOverlayPosition$1 = function calculateOverlayPosition(actualPlacement, anchorPosition, tooltipWidth) {
+var calculateOverlayPosition$2 = function calculateOverlayPosition(actualPlacement, anchorPosition, tooltipWidth) {
   if (tooltipWidth === void 0) {
     tooltipWidth = 156;
   }
@@ -980,7 +1003,7 @@ var COMPONENT_NAMES = {
   BUTTON: 'BUTTON'
 };
-var _excluded$ei = ["children", "type", "theme", "disabled", "onClick", "onMouseEnter", "onMouseLeave", "onBlur", "onFocus", "onKeyDown", "id", "loading", "title", "href", "target", "testId", "size"],
+var _excluded$ej = ["children", "type", "theme", "disabled", "onClick", "onMouseEnter", "onMouseLeave", "onBlur", "onFocus", "onKeyDown", "id", "loading", "title", "href", "target", "testId", "size"],
   _excluded2 = ["id", "onClick", "onMouseEnter", "onMouseLeave", "onBlur", "onFocus", "onKeyDown", "className", "type", "disabled", "href", "target", "children", "position", "dataProps"];
 var ButtonComponent = function ButtonComponent(_ref, ref) {
   var _classnames;
@@ -1005,7 +1028,7 @@ var ButtonComponent = function ButtonComponent(_ref, ref) {
     target = _ref$target === void 0 ? BUTTON_TARGETS.SELF : _ref$target,
     testId = _ref.testId,
     size = _ref.size,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$ei);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$ej);
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
     otherProps = _getPositionProps.otherProps;
@@ -1129,7 +1152,7 @@ var useIsInsideComponent = function useIsInsideComponent(parentComponentName) {
   return componentName === parentComponentName;
 };
-var _excluded$eh = ["testId", "size", "color", "style", "variant"];
+var _excluded$ei = ["testId", "size", "color", "style", "variant"];
 var IconArrowDown = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-down' : _ref$testId,
@@ -1138,7 +1161,7 @@ var IconArrowDown = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$eh);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ei);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1176,7 +1199,7 @@ var IconArrowDown = React.forwardRef(function (_ref, ref) {
 });
 IconArrowDown.displayName = 'IconArrowDown';
-var _excluded$eg = ["testId", "size", "color", "style", "variant"];
+var _excluded$eh = ["testId", "size", "color", "style", "variant"];
 var IconArrowDownWideShort = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-down-wide-short' : _ref$testId,
@@ -1185,7 +1208,7 @@ var IconArrowDownWideShort = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$eg);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$eh);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1221,7 +1244,7 @@ var IconArrowDownWideShort = React.forwardRef(function (_ref, ref) {
 });
 IconArrowDownWideShort.displayName = 'IconArrowDownWideShort';
-var _excluded$ef = ["testId", "size", "color", "style", "variant"];
+var _excluded$eg = ["testId", "size", "color", "style", "variant"];
 var IconArrowLeft = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-left' : _ref$testId,
@@ -1230,7 +1253,7 @@ var IconArrowLeft = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ef);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$eg);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1268,7 +1291,7 @@ var IconArrowLeft = React.forwardRef(function (_ref, ref) {
 });
 IconArrowLeft.displayName = 'IconArrowLeft';
-var _excluded$ee = ["testId", "size", "color", "style", "variant"];
+var _excluded$ef = ["testId", "size", "color", "style", "variant"];
 var IconArrowRight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-right' : _ref$testId,
@@ -1277,7 +1300,7 @@ var IconArrowRight = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ee);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ef);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1315,7 +1338,7 @@ var IconArrowRight = React.forwardRef(function (_ref, ref) {
 });
 IconArrowRight.displayName = 'IconArrowRight';
-var _excluded$ed = ["testId", "size", "color", "style", "variant"];
+var _excluded$ee = ["testId", "size", "color", "style", "variant"];
 var IconArrowToTop = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-to-top' : _ref$testId,
@@ -1324,7 +1347,7 @@ var IconArrowToTop = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ed);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ee);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1360,7 +1383,7 @@ var IconArrowToTop = React.forwardRef(function (_ref, ref) {
 });
 IconArrowToTop.displayName = 'IconArrowToTop';
-var _excluded$ec = ["testId", "size", "color", "style", "variant"];
+var _excluded$ed = ["testId", "size", "color", "style", "variant"];
 var IconArrowTurnDownRight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-turn-down-right' : _ref$testId,
@@ -1369,7 +1392,7 @@ var IconArrowTurnDownRight = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ec);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ed);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1420,7 +1443,7 @@ var IconArrowTurnDownRight = React.forwardRef(function (_ref, ref) {
 });
 IconArrowTurnDownRight.displayName = 'IconArrowTurnDownRight';
-var _excluded$eb = ["testId", "size", "color", "style", "variant"];
+var _excluded$ec = ["testId", "size", "color", "style", "variant"];
 var IconArrowUp = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-up' : _ref$testId,
@@ -1429,7 +1452,7 @@ var IconArrowUp = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$eb);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ec);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1467,7 +1490,7 @@ var IconArrowUp = React.forwardRef(function (_ref, ref) {
 });
 IconArrowUp.displayName = 'IconArrowUp';
-var _excluded$ea = ["testId", "size", "color", "style", "variant"];
+var _excluded$eb = ["testId", "size", "color", "style", "variant"];
 var IconChevronDown = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-down' : _ref$testId,
@@ -1476,7 +1499,7 @@ var IconChevronDown = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ea);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$eb);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1514,7 +1537,7 @@ var IconChevronDown = React.forwardRef(function (_ref, ref) {
 });
 IconChevronDown.displayName = 'IconChevronDown';
-var _excluded$e9 = ["testId", "size", "color", "style", "variant"];
+var _excluded$ea = ["testId", "size", "color", "style", "variant"];
 var IconChevronLeft = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-left' : _ref$testId,
@@ -1523,7 +1546,7 @@ var IconChevronLeft = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e9);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ea);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1561,7 +1584,7 @@ var IconChevronLeft = React.forwardRef(function (_ref, ref) {
 });
 IconChevronLeft.displayName = 'IconChevronLeft';
-var _excluded$e8 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e9 = ["testId", "size", "color", "style", "variant"];
 var IconChevronRight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-right' : _ref$testId,
@@ -1570,7 +1593,7 @@ var IconChevronRight = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e8);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e9);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1608,7 +1631,7 @@ var IconChevronRight = React.forwardRef(function (_ref, ref) {
 });
 IconChevronRight.displayName = 'IconChevronRight';
-var _excluded$e7 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e8 = ["testId", "size", "color", "style", "variant"];
 var IconChevronUp = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-up' : _ref$testId,
@@ -1617,7 +1640,7 @@ var IconChevronUp = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e7);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e8);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1655,7 +1678,7 @@ var IconChevronUp = React.forwardRef(function (_ref, ref) {
 });
 IconChevronUp.displayName = 'IconChevronUp';
-var _excluded$e6 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e7 = ["testId", "size", "color", "style", "variant"];
 var IconExpand = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-expand' : _ref$testId,
@@ -1664,7 +1687,7 @@ var IconExpand = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e6);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e7);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1700,7 +1723,7 @@ var IconExpand = React.forwardRef(function (_ref, ref) {
 });
 IconExpand.displayName = 'IconExpand';
-var _excluded$e5 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e6 = ["testId", "size", "color", "style", "variant"];
 var IconRepeat = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-repeat' : _ref$testId,
@@ -1709,7 +1732,7 @@ var IconRepeat = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e5);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e6);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1745,7 +1768,7 @@ var IconRepeat = React.forwardRef(function (_ref, ref) {
 });
 IconRepeat.displayName = 'IconRepeat';
-var _excluded$e4 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e5 = ["testId", "size", "color", "style", "variant"];
 var IconReply = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-reply' : _ref$testId,
@@ -1754,7 +1777,7 @@ var IconReply = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e4);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e5);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1797,7 +1820,7 @@ var IconReply = React.forwardRef(function (_ref, ref) {
 });
 IconReply.displayName = 'IconReply';
-var _excluded$e3 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e4 = ["testId", "size", "color", "style", "variant"];
 var IconSort = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sort' : _ref$testId,
@@ -1806,7 +1829,7 @@ var IconSort = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e3);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e4);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1842,7 +1865,7 @@ var IconSort = React.forwardRef(function (_ref, ref) {
 });
 IconSort.displayName = 'IconSort';
-var _excluded$e2 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e3 = ["testId", "size", "color", "style", "variant"];
 var IconSync = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sync' : _ref$testId,
@@ -1851,7 +1874,7 @@ var IconSync = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e2);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e3);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1901,7 +1924,7 @@ var IconSync = React.forwardRef(function (_ref, ref) {
 });
 IconSync.displayName = 'IconSync';
-var _excluded$e1 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e2 = ["testId", "size", "color", "style", "variant"];
 var IconSyncExclamation = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sync-exclamation' : _ref$testId,
@@ -1910,7 +1933,7 @@ var IconSyncExclamation = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e1);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e2);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1962,7 +1985,7 @@ var IconSyncExclamation = React.forwardRef(function (_ref, ref) {
 });
 IconSyncExclamation.displayName = 'IconSyncExclamation';
-var _excluded$e0 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e1 = ["testId", "size", "color", "style", "variant"];
 var IconUndo = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-undo' : _ref$testId,
@@ -1971,7 +1994,7 @@ var IconUndo = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e0);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e1);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2021,7 +2044,7 @@ var IconUndo = React.forwardRef(function (_ref, ref) {
 });
 IconUndo.displayName = 'IconUndo';
-var _excluded$d$ = ["testId", "size", "color", "style", "variant"];
+var _excluded$e0 = ["testId", "size", "color", "style", "variant"];
 var IconAnalytics = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-analytics' : _ref$testId,
@@ -2030,7 +2053,7 @@ var IconAnalytics = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e0);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2068,7 +2091,7 @@ var IconAnalytics = React.forwardRef(function (_ref, ref) {
 });
 IconAnalytics.displayName = 'IconAnalytics';
-var _excluded$d_ = ["testId", "size", "color", "style", "variant"];
+var _excluded$d$ = ["testId", "size", "color", "style", "variant"];
 var IconBalanceScale = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-balance-scale' : _ref$testId,
@@ -2077,7 +2100,7 @@ var IconBalanceScale = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d$);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2120,7 +2143,7 @@ var IconBalanceScale = React.forwardRef(function (_ref, ref) {
 });
 IconBalanceScale.displayName = 'IconBalanceScale';
-var _excluded$dZ = ["testId", "size", "color", "style", "variant"];
+var _excluded$d_ = ["testId", "size", "color", "style", "variant"];
 var IconBalanceScaleLeft = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-balance-scale-left' : _ref$testId,
@@ -2129,7 +2152,7 @@ var IconBalanceScaleLeft = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dZ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d_);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2172,7 +2195,7 @@ var IconBalanceScaleLeft = React.forwardRef(function (_ref, ref) {
 });
 IconBalanceScaleLeft.displayName = 'IconBalanceScaleLeft';
-var _excluded$dY = ["testId", "size", "color", "style", "variant"];
+var _excluded$dZ = ["testId", "size", "color", "style", "variant"];
 var IconBarsV = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bars-v' : _ref$testId,
@@ -2181,7 +2204,7 @@ var IconBarsV = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dY);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dZ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2217,7 +2240,7 @@ var IconBarsV = React.forwardRef(function (_ref, ref) {
 });
 IconBarsV.displayName = 'IconBarsV';
-var _excluded$dX = ["testId", "size", "color", "style", "variant"];
+var _excluded$dY = ["testId", "size", "color", "style", "variant"];
 var IconBook = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-book' : _ref$testId,
@@ -2226,7 +2249,7 @@ var IconBook = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dX);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dY);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2262,7 +2285,7 @@ var IconBook = React.forwardRef(function (_ref, ref) {
 });
 IconBook.displayName = 'IconBook';
-var _excluded$dW = ["testId", "size", "color", "style", "variant"];
+var _excluded$dX = ["testId", "size", "color", "style", "variant"];
 var IconCalculator = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calculator' : _ref$testId,
@@ -2271,7 +2294,7 @@ var IconCalculator = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dW);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dX);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2309,7 +2332,7 @@ var IconCalculator = React.forwardRef(function (_ref, ref) {
 });
 IconCalculator.displayName = 'IconCalculator';
-var _excluded$dV = ["testId", "size", "color", "style", "variant"];
+var _excluded$dW = ["testId", "size", "color", "style", "variant"];
 var IconCashRegister = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-cash-register' : _ref$testId,
@@ -2318,7 +2341,7 @@ var IconCashRegister = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dV);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dW);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2368,7 +2391,7 @@ var IconCashRegister = React.forwardRef(function (_ref, ref) {
 });
 IconCashRegister.displayName = 'IconCashRegister';
-var _excluded$dU = ["testId", "size", "color", "style", "variant"];
+var _excluded$dV = ["testId", "size", "color", "style", "variant"];
 var IconChartBar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chart-bar' : _ref$testId,
@@ -2377,7 +2400,7 @@ var IconChartBar = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dU);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dV);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2415,7 +2438,7 @@ var IconChartBar = React.forwardRef(function (_ref, ref) {
 });
 IconChartBar.displayName = 'IconChartBar';
-var _excluded$dT = ["testId", "size", "color", "style", "variant"];
+var _excluded$dU = ["testId", "size", "color", "style", "variant"];
 var IconCreditCard = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-credit-card' : _ref$testId,
@@ -2424,7 +2447,7 @@ var IconCreditCard = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dT);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dU);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2460,7 +2483,7 @@ var IconCreditCard = React.forwardRef(function (_ref, ref) {
 });
 IconCreditCard.displayName = 'IconCreditCard';
-var _excluded$dS = ["testId", "size", "color", "style", "variant"];
+var _excluded$dT = ["testId", "size", "color", "style", "variant"];
 var IconCreditCardPlus = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-credit-card-plus' : _ref$testId,
@@ -2469,7 +2492,7 @@ var IconCreditCardPlus = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dS);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dT);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2525,7 +2548,7 @@ var IconCreditCardPlus = React.forwardRef(function (_ref, ref) {
 });
 IconCreditCardPlus.displayName = 'IconCreditCardPlus';
-var _excluded$dR = ["testId", "size", "color", "style", "variant"];
+var _excluded$dS = ["testId", "size", "color", "style", "variant"];
 var IconDollarSign = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-dollar-sign' : _ref$testId,
@@ -2534,7 +2557,7 @@ var IconDollarSign = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dR);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dS);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2570,7 +2593,7 @@ var IconDollarSign = React.forwardRef(function (_ref, ref) {
 });
 IconDollarSign.displayName = 'IconDollarSign';
-var _excluded$dQ = ["testId", "size", "color", "style", "variant"];
+var _excluded$dR = ["testId", "size", "color", "style", "variant"];
 var IconEnvelopeOpenDollar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-envelope-open-dollar' : _ref$testId,
@@ -2579,7 +2602,7 @@ var IconEnvelopeOpenDollar = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dQ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dR);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2629,7 +2652,7 @@ var IconEnvelopeOpenDollar = React.forwardRef(function (_ref, ref) {
 });
 IconEnvelopeOpenDollar.displayName = 'IconEnvelopeOpenDollar';
-var _excluded$dP = ["testId", "size", "color", "style", "variant"];
+var _excluded$dQ = ["testId", "size", "color", "style", "variant"];
 var IconGanttChart = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-gantt-chart' : _ref$testId,
@@ -2638,7 +2661,7 @@ var IconGanttChart = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dP);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dQ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2674,7 +2697,7 @@ var IconGanttChart = React.forwardRef(function (_ref, ref) {
 });
 IconGanttChart.displayName = 'IconGanttChart';
-var _excluded$dO = ["testId", "size", "color", "style", "variant"];
+var _excluded$dP = ["testId", "size", "color", "style", "variant"];
 var IconHandHoldingCoin = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-hand-holding-coin' : _ref$testId,
@@ -2683,7 +2706,7 @@ var IconHandHoldingCoin = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dO);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dP);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2733,7 +2756,7 @@ var IconHandHoldingCoin = React.forwardRef(function (_ref, ref) {
 });
 IconHandHoldingCoin.displayName = 'IconHandHoldingCoin';
-var _excluded$dN = ["testId", "size", "color", "style", "variant"];
+var _excluded$dO = ["testId", "size", "color", "style", "variant"];
 var IconHandHoldingDollar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-hand-holding-dollar' : _ref$testId,
@@ -2742,7 +2765,7 @@ var IconHandHoldingDollar = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dN);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dO);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2792,7 +2815,7 @@ var IconHandHoldingDollar = React.forwardRef(function (_ref, ref) {
 });
 IconHandHoldingDollar.displayName = 'IconHandHoldingDollar';
-var _excluded$dM = ["testId", "size", "color", "style", "variant"];
+var _excluded$dN = ["testId", "size", "color", "style", "variant"];
 var IconMoneyBill = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-money-bill' : _ref$testId,
@@ -2801,7 +2824,7 @@ var IconMoneyBill = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dM);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dN);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2837,7 +2860,7 @@ var IconMoneyBill = React.forwardRef(function (_ref, ref) {
 });
 IconMoneyBill.displayName = 'IconMoneyBill';
-var _excluded$dL = ["testId", "size", "color", "style", "variant"];
+var _excluded$dM = ["testId", "size", "color", "style", "variant"];
 var IconPercentage = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-percentage' : _ref$testId,
@@ -2846,7 +2869,7 @@ var IconPercentage = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dL);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dM);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2882,7 +2905,7 @@ var IconPercentage = React.forwardRef(function (_ref, ref) {
 });
 IconPercentage.displayName = 'IconPercentage';
-var _excluded$dK = ["testId", "size", "color", "style", "variant"];
+var _excluded$dL = ["testId", "size", "color", "style", "variant"];
 var IconSitemap = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sitemap' : _ref$testId,
@@ -2891,7 +2914,7 @@ var IconSitemap = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dK);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dL);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2927,7 +2950,7 @@ var IconSitemap = React.forwardRef(function (_ref, ref) {
 });
 IconSitemap.displayName = 'IconSitemap';
-var _excluded$dJ = ["testId", "size", "color", "style", "variant"];
+var _excluded$dK = ["testId", "size", "color", "style", "variant"];
 var IconTable = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-table' : _ref$testId,
@@ -2936,7 +2959,7 @@ var IconTable = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dJ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dK);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2972,7 +2995,7 @@ var IconTable = React.forwardRef(function (_ref, ref) {
 });
 IconTable.displayName = 'IconTable';
-var _excluded$dI = ["testId", "size", "color", "style", "variant"];
+var _excluded$dJ = ["testId", "size", "color", "style", "variant"];
 var IconBell = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bell' : _ref$testId,
@@ -2981,7 +3004,7 @@ var IconBell = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dI);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dJ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3017,7 +3040,7 @@ var IconBell = React.forwardRef(function (_ref, ref) {
 });
 IconBell.displayName = 'IconBell';
-var _excluded$dH = ["testId", "size", "color", "style", "variant"];
+var _excluded$dI = ["testId", "size", "color", "style", "variant"];
 var IconBullhorn = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bullhorn' : _ref$testId,
@@ -3026,7 +3049,7 @@ var IconBullhorn = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dH);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dI);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3062,7 +3085,7 @@ var IconBullhorn = React.forwardRef(function (_ref, ref) {
 });
 IconBullhorn.displayName = 'IconBullhorn';
-var _excluded$dG = ["testId", "size", "color", "style", "variant"];
+var _excluded$dH = ["testId", "size", "color", "style", "variant"];
 var IconCamera = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-camera' : _ref$testId,
@@ -3071,7 +3094,7 @@ var IconCamera = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dG);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dH);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3107,7 +3130,7 @@ var IconCamera = React.forwardRef(function (_ref, ref) {
 });
 IconCamera.displayName = 'IconCamera';
-var _excluded$dF = ["testId", "size", "color", "style", "variant"];
+var _excluded$dG = ["testId", "size", "color", "style", "variant"];
 var IconCameraSlash = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-camera-slash' : _ref$testId,
@@ -3116,7 +3139,7 @@ var IconCameraSlash = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dF);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dG);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3152,7 +3175,7 @@ var IconCameraSlash = React.forwardRef(function (_ref, ref) {
 });
 IconCameraSlash.displayName = 'IconCameraSlash';
-var _excluded$dE = ["testId", "size", "color", "style", "variant"];
+var _excluded$dF = ["testId", "size", "color", "style", "variant"];
 var IconComment = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-comment' : _ref$testId,
@@ -3161,7 +3184,7 @@ var IconComment = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dE);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dF);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3197,7 +3220,7 @@ var IconComment = React.forwardRef(function (_ref, ref) {
 });
 IconComment.displayName = 'IconComment';
-var _excluded$dD = ["testId", "size", "color", "style", "variant"];
+var _excluded$dE = ["testId", "size", "color", "style", "variant"];
 var IconCommentLines = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-comment-lines' : _ref$testId,
@@ -3206,7 +3229,7 @@ var IconCommentLines = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dD);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dE);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3242,7 +3265,7 @@ var IconCommentLines = React.forwardRef(function (_ref, ref) {
 });
 IconCommentLines.displayName = 'IconCommentLines';
-var _excluded$dC = ["testId", "size", "color", "style", "variant"];
+var _excluded$dD = ["testId", "size", "color", "style", "variant"];
 var IconEnvelope = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-envelope' : _ref$testId,
@@ -3251,7 +3274,7 @@ var IconEnvelope = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dC);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dD);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3287,7 +3310,7 @@ var IconEnvelope = React.forwardRef(function (_ref, ref) {
 });
 IconEnvelope.displayName = 'IconEnvelope';
-var _excluded$dB = ["testId", "size", "color", "style", "variant"];
+var _excluded$dC = ["testId", "size", "color", "style", "variant"];
 var IconMessages = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-messages' : _ref$testId,
@@ -3296,7 +3319,7 @@ var IconMessages = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dB);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dC);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3332,7 +3355,7 @@ var IconMessages = React.forwardRef(function (_ref, ref) {
 });
 IconMessages.displayName = 'IconMessages';
-var _excluded$dA = ["testId", "size", "color", "style", "variant"];
+var _excluded$dB = ["testId", "size", "color", "style", "variant"];
 var IconMicrophone = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-microphone' : _ref$testId,
@@ -3341,7 +3364,7 @@ var IconMicrophone = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dA);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dB);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3391,7 +3414,7 @@ var IconMicrophone = React.forwardRef(function (_ref, ref) {
 });
 IconMicrophone.displayName = 'IconMicrophone';
-var _excluded$dz = ["testId", "size", "color", "style", "variant"];
+var _excluded$dA = ["testId", "size", "color", "style", "variant"];
 var IconMobile = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-mobile' : _ref$testId,
@@ -3400,7 +3423,7 @@ var IconMobile = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dz);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dA);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3436,7 +3459,7 @@ var IconMobile = React.forwardRef(function (_ref, ref) {
 });
 IconMobile.displayName = 'IconMobile';
-var _excluded$dy = ["testId", "size", "color", "style", "variant"];
+var _excluded$dz = ["testId", "size", "color", "style", "variant"];
 var IconPhone = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-phone' : _ref$testId,
@@ -3445,7 +3468,7 @@ var IconPhone = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dy);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dz);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3481,7 +3504,7 @@ var IconPhone = React.forwardRef(function (_ref, ref) {
 });
 IconPhone.displayName = 'IconPhone';
-var _excluded$dx = ["testId", "size", "color", "style", "variant"];
+var _excluded$dy = ["testId", "size", "color", "style", "variant"];
 var IconVideo = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-video' : _ref$testId,
@@ -3490,7 +3513,7 @@ var IconVideo = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dx);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dy);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3533,7 +3556,7 @@ var IconVideo = React.forwardRef(function (_ref, ref) {
 });
 IconVideo.displayName = 'IconVideo';
-var _excluded$dw = ["testId", "size", "color", "style", "variant"];
+var _excluded$dx = ["testId", "size", "color", "style", "variant"];
 var IconWifi = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-wifi' : _ref$testId,
@@ -3542,7 +3565,7 @@ var IconWifi = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dw);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dx);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3578,7 +3601,7 @@ var IconWifi = React.forwardRef(function (_ref, ref) {
 });
 IconWifi.displayName = 'IconWifi';
-var _excluded$dv = ["testId", "size", "color", "style", "variant"];
+var _excluded$dw = ["testId", "size", "color", "style", "variant"];
 var IconWifiSlash = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-wifi-slash' : _ref$testId,
@@ -3587,7 +3610,7 @@ var IconWifiSlash = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dv);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dw);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3623,7 +3646,7 @@ var IconWifiSlash = React.forwardRef(function (_ref, ref) {
 });
 IconWifiSlash.displayName = 'IconWifiSlash';
-var _excluded$du = ["testId", "size", "color", "style", "variant"];
+var _excluded$dv = ["testId", "size", "color", "style", "variant"];
 var IconBarsH = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bars-h' : _ref$testId,
@@ -3632,7 +3655,7 @@ var IconBarsH = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$du);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dv);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3670,7 +3693,7 @@ var IconBarsH = React.forwardRef(function (_ref, ref) {
 });
 IconBarsH.displayName = 'IconBarsH';
-var _excluded$dt = ["testId", "size", "color", "style", "variant"];
+var _excluded$du = ["testId", "size", "color", "style", "variant"];
 var IconBold = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bold' : _ref$testId,
@@ -3679,7 +3702,7 @@ var IconBold = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dt);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$du);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3715,7 +3738,7 @@ var IconBold = React.forwardRef(function (_ref, ref) {
 });
 IconBold.displayName = 'IconBold';
-var _excluded$ds = ["testId", "size", "color", "style", "variant"];
+var _excluded$dt = ["testId", "size", "color", "style", "variant"];
 var IconCheckCircle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-check-circle' : _ref$testId,
@@ -3724,6 +3747,51 @@ var IconCheckCircle = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dt);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
+  if (variant === 'solid') {
+    return React__default["default"].createElement("svg", _extends({
+      style: getIconStyles(styleProps),
+      "data-testid": testId,
+      ref: ref
+    }, props, {
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 24 25"
+    }), React__default["default"].createElement("path", {
+      fill: "currentColor",
+      d: "M12 24C5.372 24 0 18.628 0 12S5.372 0 12 0s12 5.372 12 12-5.372 12-12 12Zm5.531-17.17a1.124 1.124 0 0 0-1.57.248l-5.597 7.697-2.442-2.442a1.125 1.125 0 0 0-1.59 1.59l3.376 3.374c.234.234.553.351.881.328.328-.023.628-.192.82-.46L17.78 8.4a1.124 1.124 0 0 0-.248-1.57Z"
+    }));
+  }
+  return React__default["default"].createElement("svg", _extends({
+    style: getIconStyles(styleProps),
+    "data-testid": testId,
+    ref: ref
+  }, props, {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 25"
+  }), React__default["default"].createElement("path", {
+    fill: "currentColor",
+    d: "M12 24C5.372 24 0 18.628 0 12S5.372 0 12 0s12 5.372 12 12-5.372 12-12 12Zm0-22.5C6.202 1.5 1.5 6.202 1.5 12S6.202 22.5 12 22.5 22.5 17.798 22.5 12 17.798 1.5 12 1.5Zm3.895 6.31a.75.75 0 0 1 1.21.88l-6 8.25a.738.738 0 0 1-.549.305.762.762 0 0 1-.59-.215l-3-3a.753.753 0 0 1 0-1.06.753.753 0 0 1 1.059 0l2.377 2.377 5.484-7.538h.01Z"
+  }));
+});
+IconCheckCircle.displayName = 'IconCheckCircle';
+var _excluded$ds = ["testId", "size", "color", "style", "variant"];
+var IconCog = React.forwardRef(function (_ref, ref) {
+  var _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'icon-cog' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$ds);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
@@ -3731,51 +3799,6 @@ var IconCheckCircle = React.forwardRef(function (_ref, ref) {
     color: color,
     style: style
   };
-  if (variant === 'solid') {
-    return React__default["default"].createElement("svg", _extends({
-      style: getIconStyles(styleProps),
-      "data-testid": testId,
-      ref: ref
-    }, props, {
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: "0 0 24 25"
-    }), React__default["default"].createElement("path", {
-      fill: "currentColor",
-      d: "M12 24C5.372 24 0 18.628 0 12S5.372 0 12 0s12 5.372 12 12-5.372 12-12 12Zm5.531-17.17a1.124 1.124 0 0 0-1.57.248l-5.597 7.697-2.442-2.442a1.125 1.125 0 0 0-1.59 1.59l3.376 3.374c.234.234.553.351.881.328.328-.023.628-.192.82-.46L17.78 8.4a1.124 1.124 0 0 0-.248-1.57Z"
-    }));
-  }
-  return React__default["default"].createElement("svg", _extends({
-    style: getIconStyles(styleProps),
-    "data-testid": testId,
-    ref: ref
-  }, props, {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 25"
-  }), React__default["default"].createElement("path", {
-    fill: "currentColor",
-    d: "M12 24C5.372 24 0 18.628 0 12S5.372 0 12 0s12 5.372 12 12-5.372 12-12 12Zm0-22.5C6.202 1.5 1.5 6.202 1.5 12S6.202 22.5 12 22.5 22.5 17.798 22.5 12 17.798 1.5 12 1.5Zm3.895 6.31a.75.75 0 0 1 1.21.88l-6 8.25a.738.738 0 0 1-.549.305.762.762 0 0 1-.59-.215l-3-3a.753.753 0 0 1 0-1.06.753.753 0 0 1 1.059 0l2.377 2.377 5.484-7.538h.01Z"
-  }));
-});
-IconCheckCircle.displayName = 'IconCheckCircle';
-var _excluded$dr = ["testId", "size", "color", "style", "variant"];
-var IconCog = React.forwardRef(function (_ref, ref) {
-  var _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'icon-cog' : _ref$testId,
-    size = _ref.size,
-    color = _ref.color,
-    style = _ref.style,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dr);
-  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
-  var styleProps = {
-    size: !size && isInsideButton ? 'medium' : size,
-    color: color,
-    style: style
-  };
   if (variant === 'solid') {
     return React__default["default"].createElement("svg", _extends({
       style: getIconStyles(styleProps),
@@ -3819,7 +3842,7 @@ var IconCog = React.forwardRef(function (_ref, ref) {
 });
 IconCog.displayName = 'IconCog';
-var _excluded$dq = ["testId", "size", "color", "style", "variant"];
+var _excluded$dr = ["testId", "size", "color", "style", "variant"];
 var IconCopy = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-copy' : _ref$testId,
@@ -3828,7 +3851,7 @@ var IconCopy = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dq);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dr);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3878,7 +3901,7 @@ var IconCopy = React.forwardRef(function (_ref, ref) {
 });
 IconCopy.displayName = 'IconCopy';
-var _excluded$dp = ["testId", "size", "color", "style", "variant"];
+var _excluded$dq = ["testId", "size", "color", "style", "variant"];
 var IconEdit = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-edit' : _ref$testId,
@@ -3887,7 +3910,7 @@ var IconEdit = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dp);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dq);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3923,7 +3946,7 @@ var IconEdit = React.forwardRef(function (_ref, ref) {
 });
 IconEdit.displayName = 'IconEdit';
-var _excluded$do = ["testId", "size", "color", "style", "variant"];
+var _excluded$dp = ["testId", "size", "color", "style", "variant"];
 var IconEllipsis = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-ellipsis' : _ref$testId,
@@ -3932,7 +3955,7 @@ var IconEllipsis = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$do);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dp);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3970,7 +3993,7 @@ var IconEllipsis = React.forwardRef(function (_ref, ref) {
 });
 IconEllipsis.displayName = 'IconEllipsis';
-var _excluded$dn = ["testId", "size", "color", "style", "variant"];
+var _excluded$do = ["testId", "size", "color", "style", "variant"];
 var IconEllipsisV = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-ellipsis-v' : _ref$testId,
@@ -3979,7 +4002,7 @@ var IconEllipsisV = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dn);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$do);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4017,7 +4040,7 @@ var IconEllipsisV = React.forwardRef(function (_ref, ref) {
 });
 IconEllipsisV.displayName = 'IconEllipsisV';
-var _excluded$dm = ["testId", "size", "color", "style", "variant"];
+var _excluded$dn = ["testId", "size", "color", "style", "variant"];
 var IconExternalLink = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-external-link' : _ref$testId,
@@ -4026,7 +4049,7 @@ var IconExternalLink = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dm);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dn);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4064,7 +4087,7 @@ var IconExternalLink = React.forwardRef(function (_ref, ref) {
 });
 IconExternalLink.displayName = 'IconExternalLink';
-var _excluded$dl = ["testId", "size", "color", "style", "variant"];
+var _excluded$dm = ["testId", "size", "color", "style", "variant"];
 var IconEye = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-eye' : _ref$testId,
@@ -4073,7 +4096,7 @@ var IconEye = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dl);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dm);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4109,7 +4132,7 @@ var IconEye = React.forwardRef(function (_ref, ref) {
 });
 IconEye.displayName = 'IconEye';
-var _excluded$dk = ["testId", "size", "color", "style", "variant"];
+var _excluded$dl = ["testId", "size", "color", "style", "variant"];
 var IconEyeSlash = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-eye-slash' : _ref$testId,
@@ -4118,7 +4141,7 @@ var IconEyeSlash = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dk);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dl);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4168,7 +4191,7 @@ var IconEyeSlash = React.forwardRef(function (_ref, ref) {
 });
 IconEyeSlash.displayName = 'IconEyeSlash';
-var _excluded$dj = ["testId", "size", "color", "style", "variant"];
+var _excluded$dk = ["testId", "size", "color", "style", "variant"];
 var IconFile = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-file' : _ref$testId,
@@ -4177,7 +4200,7 @@ var IconFile = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dj);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dk);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4227,7 +4250,7 @@ var IconFile = React.forwardRef(function (_ref, ref) {
 });
 IconFile.displayName = 'IconFile';
-var _excluded$di = ["testId", "size", "color", "style", "variant"];
+var _excluded$dj = ["testId", "size", "color", "style", "variant"];
 var IconGripVertical = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-grip-vertical' : _ref$testId,
@@ -4236,7 +4259,7 @@ var IconGripVertical = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$di);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dj);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4272,7 +4295,7 @@ var IconGripVertical = React.forwardRef(function (_ref, ref) {
 });
 IconGripVertical.displayName = 'IconGripVertical';
-var _excluded$dh = ["testId", "size", "color", "style", "variant"];
+var _excluded$di = ["testId", "size", "color", "style", "variant"];
 var IconHouse = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-house' : _ref$testId,
@@ -4281,7 +4304,7 @@ var IconHouse = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dh);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$di);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4317,7 +4340,7 @@ var IconHouse = React.forwardRef(function (_ref, ref) {
 });
 IconHouse.displayName = 'IconHouse';
-var _excluded$dg = ["testId", "size", "color", "style", "variant"];
+var _excluded$dh = ["testId", "size", "color", "style", "variant"];
 var IconImage = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-image' : _ref$testId,
@@ -4326,7 +4349,7 @@ var IconImage = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dg);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dh);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4362,7 +4385,7 @@ var IconImage = React.forwardRef(function (_ref, ref) {
 });
 IconImage.displayName = 'IconImage';
-var _excluded$df = ["testId", "size", "color", "style", "variant"];
+var _excluded$dg = ["testId", "size", "color", "style", "variant"];
 var IconItalic = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-italic' : _ref$testId,
@@ -4371,7 +4394,7 @@ var IconItalic = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$df);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dg);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4407,7 +4430,7 @@ var IconItalic = React.forwardRef(function (_ref, ref) {
 });
 IconItalic.displayName = 'IconItalic';
-var _excluded$de = ["testId", "size", "color", "style", "variant"];
+var _excluded$df = ["testId", "size", "color", "style", "variant"];
 var IconLink = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-link' : _ref$testId,
@@ -4416,7 +4439,7 @@ var IconLink = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$de);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$df);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4452,7 +4475,7 @@ var IconLink = React.forwardRef(function (_ref, ref) {
 });
 IconLink.displayName = 'IconLink';
-var _excluded$dd = ["testId", "size", "color", "style", "variant"];
+var _excluded$de = ["testId", "size", "color", "style", "variant"];
 var IconList = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-list' : _ref$testId,
@@ -4461,7 +4484,7 @@ var IconList = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dd);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$de);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4504,7 +4527,7 @@ var IconList = React.forwardRef(function (_ref, ref) {
 });
 IconList.displayName = 'IconList';
-var _excluded$dc = ["testId", "size", "color", "style", "variant"];
+var _excluded$dd = ["testId", "size", "color", "style", "variant"];
 var IconListOl = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-list-ol' : _ref$testId,
@@ -4513,7 +4536,7 @@ var IconListOl = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dc);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dd);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4549,7 +4572,7 @@ var IconListOl = React.forwardRef(function (_ref, ref) {
 });
 IconListOl.displayName = 'IconListOl';
-var _excluded$db = ["testId", "size", "color", "style", "variant"];
+var _excluded$dc = ["testId", "size", "color", "style", "variant"];
 var IconLock = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-lock' : _ref$testId,
@@ -4558,7 +4581,7 @@ var IconLock = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$db);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dc);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4594,7 +4617,7 @@ var IconLock = React.forwardRef(function (_ref, ref) {
 });
 IconLock.displayName = 'IconLock';
-var _excluded$da = ["testId", "size", "color", "style", "variant"];
+var _excluded$db = ["testId", "size", "color", "style", "variant"];
 var IconMemoMagnifyingGlass = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-memo-magnifying-glass' : _ref$testId,
@@ -4603,7 +4626,7 @@ var IconMemoMagnifyingGlass = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$da);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$db);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4646,7 +4669,7 @@ var IconMemoMagnifyingGlass = React.forwardRef(function (_ref, ref) {
 });
 IconMemoMagnifyingGlass.displayName = 'IconMemoMagnifyingGlass';
-var _excluded$d9 = ["testId", "size", "color", "style", "variant"];
+var _excluded$da = ["testId", "size", "color", "style", "variant"];
 var IconMinus = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-minus' : _ref$testId,
@@ -4655,7 +4678,7 @@ var IconMinus = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d9);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$da);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4691,7 +4714,7 @@ var IconMinus = React.forwardRef(function (_ref, ref) {
 });
 IconMinus.displayName = 'IconMinus';
-var _excluded$d8 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d9 = ["testId", "size", "color", "style", "variant"];
 var IconMinusCircle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-minus-circle' : _ref$testId,
@@ -4700,7 +4723,7 @@ var IconMinusCircle = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d8);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d9);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4750,7 +4773,7 @@ var IconMinusCircle = React.forwardRef(function (_ref, ref) {
 });
 IconMinusCircle.displayName = 'IconMinusCircle';
-var _excluded$d7 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d8 = ["testId", "size", "color", "style", "variant"];
 var IconPaperPlane = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-paper-plane' : _ref$testId,
@@ -4759,7 +4782,7 @@ var IconPaperPlane = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d7);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d8);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4797,7 +4820,7 @@ var IconPaperPlane = React.forwardRef(function (_ref, ref) {
 });
 IconPaperPlane.displayName = 'IconPaperPlane';
-var _excluded$d6 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d7 = ["testId", "size", "color", "style", "variant"];
 var IconPaperPlaneClock = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-paper-plane-clock' : _ref$testId,
@@ -4806,7 +4829,7 @@ var IconPaperPlaneClock = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d6);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d7);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4853,7 +4876,7 @@ var IconPaperPlaneClock = React.forwardRef(function (_ref, ref) {
 });
 IconPaperPlaneClock.displayName = 'IconPaperPlaneClock';
-var _excluded$d5 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d6 = ["testId", "size", "color", "style", "variant"];
 var IconPaperclip = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-paperclip' : _ref$testId,
@@ -4862,7 +4885,7 @@ var IconPaperclip = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d5);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d6);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4905,7 +4928,7 @@ var IconPaperclip = React.forwardRef(function (_ref, ref) {
 });
 IconPaperclip.displayName = 'IconPaperclip';
-var _excluded$d4 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d5 = ["testId", "size", "color", "style", "variant"];
 var IconPencil = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-pencil' : _ref$testId,
@@ -4914,7 +4937,7 @@ var IconPencil = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d4);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d5);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4952,7 +4975,7 @@ var IconPencil = React.forwardRef(function (_ref, ref) {
 });
 IconPencil.displayName = 'IconPencil';
-var _excluded$d3 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d4 = ["testId", "size", "color", "style", "variant"];
 var IconPlus = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-plus' : _ref$testId,
@@ -4961,7 +4984,7 @@ var IconPlus = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d3);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d4);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4997,7 +5020,7 @@ var IconPlus = React.forwardRef(function (_ref, ref) {
 });
 IconPlus.displayName = 'IconPlus';
-var _excluded$d2 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d3 = ["testId", "size", "color", "style", "variant"];
 var IconPrint = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-print' : _ref$testId,
@@ -5006,7 +5029,7 @@ var IconPrint = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d2);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d3);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5044,7 +5067,7 @@ var IconPrint = React.forwardRef(function (_ref, ref) {
 });
 IconPrint.displayName = 'IconPrint';
-var _excluded$d1 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d2 = ["testId", "size", "color", "style", "variant"];
 var IconSearch = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-search' : _ref$testId,
@@ -5053,7 +5076,7 @@ var IconSearch = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d1);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d2);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5089,7 +5112,7 @@ var IconSearch = React.forwardRef(function (_ref, ref) {
 });
 IconSearch.displayName = 'IconSearch';
-var _excluded$d0 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d1 = ["testId", "size", "color", "style", "variant"];
 var IconSignIn = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sign-in' : _ref$testId,
@@ -5098,7 +5121,7 @@ var IconSignIn = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d0);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d1);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5134,7 +5157,7 @@ var IconSignIn = React.forwardRef(function (_ref, ref) {
 });
 IconSignIn.displayName = 'IconSignIn';
-var _excluded$c$ = ["testId", "size", "color", "style", "variant"];
+var _excluded$d0 = ["testId", "size", "color", "style", "variant"];
 var IconSignOut = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sign-out' : _ref$testId,
@@ -5143,7 +5166,7 @@ var IconSignOut = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$c$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d0);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5179,7 +5202,7 @@ var IconSignOut = React.forwardRef(function (_ref, ref) {
 });
 IconSignOut.displayName = 'IconSignOut';
-var _excluded$c_ = ["testId", "size", "color", "style", "variant"];
+var _excluded$c$ = ["testId", "size", "color", "style", "variant"];
 var IconSlidersH = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sliders-h' : _ref$testId,
@@ -5188,7 +5211,7 @@ var IconSlidersH = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$c_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c$);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5224,7 +5247,7 @@ var IconSlidersH = React.forwardRef(function (_ref, ref) {
 });
 IconSlidersH.displayName = 'IconSlidersH';
-var _excluded$cZ = ["testId", "size", "color", "style", "variant"];
+var _excluded$c_ = ["testId", "size", "color", "style", "variant"];
 var IconSortChevron = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sort-chevron' : _ref$testId,
@@ -5233,7 +5256,7 @@ var IconSortChevron = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cZ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c_);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5269,7 +5292,7 @@ var IconSortChevron = React.forwardRef(function (_ref, ref) {
 });
 IconSortChevron.displayName = 'IconSortChevron';
-var _excluded$cY = ["testId", "size", "color", "style", "variant"];
+var _excluded$cZ = ["testId", "size", "color", "style", "variant"];
 var IconSortChevronDown = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sort-chevron-down' : _ref$testId,
@@ -5278,7 +5301,7 @@ var IconSortChevronDown = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cY);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cZ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5314,7 +5337,7 @@ var IconSortChevronDown = React.forwardRef(function (_ref, ref) {
 });
 IconSortChevronDown.displayName = 'IconSortChevronDown';
-var _excluded$cX = ["testId", "size", "color", "style", "variant"];
+var _excluded$cY = ["testId", "size", "color", "style", "variant"];
 var IconSortChevronUp = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sort-chevron-up' : _ref$testId,
@@ -5323,7 +5346,7 @@ var IconSortChevronUp = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cX);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cY);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5359,7 +5382,7 @@ var IconSortChevronUp = React.forwardRef(function (_ref, ref) {
 });
 IconSortChevronUp.displayName = 'IconSortChevronUp';
-var _excluded$cW = ["testId", "size", "color", "style", "variant"];
+var _excluded$cX = ["testId", "size", "color", "style", "variant"];
 var IconStrikethrough = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-strikethrough' : _ref$testId,
@@ -5368,7 +5391,7 @@ var IconStrikethrough = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cW);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cX);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5404,7 +5427,7 @@ var IconStrikethrough = React.forwardRef(function (_ref, ref) {
 });
 IconStrikethrough.displayName = 'IconStrikethrough';
-var _excluded$cV = ["testId", "size", "color", "style", "variant"];
+var _excluded$cW = ["testId", "size", "color", "style", "variant"];
 var IconTimes = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-times' : _ref$testId,
@@ -5413,7 +5436,7 @@ var IconTimes = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cV);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cW);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5449,7 +5472,7 @@ var IconTimes = React.forwardRef(function (_ref, ref) {
 });
 IconTimes.displayName = 'IconTimes';
-var _excluded$cU = ["testId", "size", "color", "style", "variant"];
+var _excluded$cV = ["testId", "size", "color", "style", "variant"];
 var IconTrash = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-trash' : _ref$testId,
@@ -5458,7 +5481,7 @@ var IconTrash = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cU);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cV);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5496,7 +5519,7 @@ var IconTrash = React.forwardRef(function (_ref, ref) {
 });
 IconTrash.displayName = 'IconTrash';
-var _excluded$cT = ["testId", "size", "color", "style", "variant"];
+var _excluded$cU = ["testId", "size", "color", "style", "variant"];
 var IconUnderline = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-underline' : _ref$testId,
@@ -5505,7 +5528,7 @@ var IconUnderline = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cT);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cU);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5548,7 +5571,7 @@ var IconUnderline = React.forwardRef(function (_ref, ref) {
 });
 IconUnderline.displayName = 'IconUnderline';
-var _excluded$cS = ["testId", "size", "color", "style", "variant"];
+var _excluded$cT = ["testId", "size", "color", "style", "variant"];
 var IconUnlock = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-unlock' : _ref$testId,
@@ -5557,7 +5580,7 @@ var IconUnlock = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cS);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cT);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5607,7 +5630,7 @@ var IconUnlock = React.forwardRef(function (_ref, ref) {
 });
 IconUnlock.displayName = 'IconUnlock';
-var _excluded$cR = ["testId", "size", "color", "style", "variant"];
+var _excluded$cS = ["testId", "size", "color", "style", "variant"];
 var IconVolume = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-volume' : _ref$testId,
@@ -5616,7 +5639,7 @@ var IconVolume = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cR);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cS);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5652,7 +5675,7 @@ var IconVolume = React.forwardRef(function (_ref, ref) {
 });
 IconVolume.displayName = 'IconVolume';
-var _excluded$cQ = ["testId", "size", "color", "style", "variant"];
+var _excluded$cR = ["testId", "size", "color", "style", "variant"];
 var IconVolumeMute = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-volume-mute' : _ref$testId,
@@ -5661,7 +5684,7 @@ var IconVolumeMute = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cQ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cR);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5704,7 +5727,7 @@ var IconVolumeMute = React.forwardRef(function (_ref, ref) {
 });
 IconVolumeMute.displayName = 'IconVolumeMute';
-var _excluded$cP = ["testId", "size", "color", "style", "variant"];
+var _excluded$cQ = ["testId", "size", "color", "style", "variant"];
 var IconWrench = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-wrench' : _ref$testId,
@@ -5713,7 +5736,7 @@ var IconWrench = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cP);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cQ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5749,7 +5772,7 @@ var IconWrench = React.forwardRef(function (_ref, ref) {
 });
 IconWrench.displayName = 'IconWrench';
-var _excluded$cO = ["testId", "size", "color", "style", "variant"];
+var _excluded$cP = ["testId", "size", "color", "style", "variant"];
 var IconAddressBook = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-address-book' : _ref$testId,
@@ -5758,7 +5781,7 @@ var IconAddressBook = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cO);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cP);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5801,7 +5824,7 @@ var IconAddressBook = React.forwardRef(function (_ref, ref) {
 });
 IconAddressBook.displayName = 'IconAddressBook';
-var _excluded$cN = ["testId", "size", "color", "style", "variant"];
+var _excluded$cO = ["testId", "size", "color", "style", "variant"];
 var IconFaceSmileRelaxed = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-face-smile-relaxed' : _ref$testId,
@@ -5810,7 +5833,7 @@ var IconFaceSmileRelaxed = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cN);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cO);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5860,7 +5883,7 @@ var IconFaceSmileRelaxed = React.forwardRef(function (_ref, ref) {
 });
 IconFaceSmileRelaxed.displayName = 'IconFaceSmileRelaxed';
-var _excluded$cM = ["testId", "size", "color", "style", "variant"];
+var _excluded$cN = ["testId", "size", "color", "style", "variant"];
 var IconFileUser = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-file-user' : _ref$testId,
@@ -5869,7 +5892,7 @@ var IconFileUser = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cM);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cN);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5905,7 +5928,7 @@ var IconFileUser = React.forwardRef(function (_ref, ref) {
 });
 IconFileUser.displayName = 'IconFileUser';
-var _excluded$cL = ["testId", "size", "color", "style", "variant"];
+var _excluded$cM = ["testId", "size", "color", "style", "variant"];
 var IconGrinBeam = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-grin-beam' : _ref$testId,
@@ -5914,7 +5937,7 @@ var IconGrinBeam = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cL);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cM);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5964,7 +5987,7 @@ var IconGrinBeam = React.forwardRef(function (_ref, ref) {
 });
 IconGrinBeam.displayName = 'IconGrinBeam';
-var _excluded$cK = ["testId", "size", "color", "style", "variant"];
+var _excluded$cL = ["testId", "size", "color", "style", "variant"];
 var IconHand = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-hand' : _ref$testId,
@@ -5973,7 +5996,7 @@ var IconHand = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cK);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cL);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6009,7 +6032,7 @@ var IconHand = React.forwardRef(function (_ref, ref) {
 });
 IconHand.displayName = 'IconHand';
-var _excluded$cJ = ["testId", "size", "color", "style", "variant"];
+var _excluded$cK = ["testId", "size", "color", "style", "variant"];
 var IconHandPointRight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-hand-point-right' : _ref$testId,
@@ -6018,7 +6041,7 @@ var IconHandPointRight = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cJ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cK);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6054,7 +6077,7 @@ var IconHandPointRight = React.forwardRef(function (_ref, ref) {
 });
 IconHandPointRight.displayName = 'IconHandPointRight';
-var _excluded$cI = ["testId", "size", "color", "style", "variant"];
+var _excluded$cJ = ["testId", "size", "color", "style", "variant"];
 var IconHandshake = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-handshake' : _ref$testId,
@@ -6063,7 +6086,7 @@ var IconHandshake = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cI);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cJ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6113,7 +6136,7 @@ var IconHandshake = React.forwardRef(function (_ref, ref) {
 });
 IconHandshake.displayName = 'IconHandshake';
-var _excluded$cH = ["testId", "size", "color", "style", "variant"];
+var _excluded$cI = ["testId", "size", "color", "style", "variant"];
 var IconStar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-star' : _ref$testId,
@@ -6122,7 +6145,7 @@ var IconStar = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cH);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cI);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6172,7 +6195,7 @@ var IconStar = React.forwardRef(function (_ref, ref) {
 });
 IconStar.displayName = 'IconStar';
-var _excluded$cG = ["testId", "size", "color", "style", "variant"];
+var _excluded$cH = ["testId", "size", "color", "style", "variant"];
 var IconThumbsDown = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-thumbs-down' : _ref$testId,
@@ -6181,7 +6204,7 @@ var IconThumbsDown = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cG);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cH);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6231,7 +6254,7 @@ var IconThumbsDown = React.forwardRef(function (_ref, ref) {
 });
 IconThumbsDown.displayName = 'IconThumbsDown';
-var _excluded$cF = ["testId", "size", "color", "style", "variant"];
+var _excluded$cG = ["testId", "size", "color", "style", "variant"];
 var IconThumbsUp = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-thumbs-up' : _ref$testId,
@@ -6240,7 +6263,7 @@ var IconThumbsUp = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cF);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cG);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6290,7 +6313,7 @@ var IconThumbsUp = React.forwardRef(function (_ref, ref) {
 });
 IconThumbsUp.displayName = 'IconThumbsUp';
-var _excluded$cE = ["testId", "size", "color", "style", "variant"];
+var _excluded$cF = ["testId", "size", "color", "style", "variant"];
 var IconUser = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user' : _ref$testId,
@@ -6299,7 +6322,7 @@ var IconUser = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cE);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cF);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6335,7 +6358,7 @@ var IconUser = React.forwardRef(function (_ref, ref) {
 });
 IconUser.displayName = 'IconUser';
-var _excluded$cD = ["testId", "size", "color", "style", "variant"];
+var _excluded$cE = ["testId", "size", "color", "style", "variant"];
 var IconUserComputer = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-computer' : _ref$testId,
@@ -6344,7 +6367,7 @@ var IconUserComputer = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cD);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cE);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6392,7 +6415,7 @@ var IconUserComputer = React.forwardRef(function (_ref, ref) {
 });
 IconUserComputer.displayName = 'IconUserComputer';
-var _excluded$cC = ["testId", "size", "color", "style", "variant"];
+var _excluded$cD = ["testId", "size", "color", "style", "variant"];
 var IconUserFriends = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-friends' : _ref$testId,
@@ -6401,7 +6424,7 @@ var IconUserFriends = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cC);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cD);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6437,7 +6460,7 @@ var IconUserFriends = React.forwardRef(function (_ref, ref) {
 });
 IconUserFriends.displayName = 'IconUserFriends';
-var _excluded$cB = ["testId", "size", "color", "style", "variant"];
+var _excluded$cC = ["testId", "size", "color", "style", "variant"];
 var IconUserPlus = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-plus' : _ref$testId,
@@ -6446,7 +6469,7 @@ var IconUserPlus = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cB);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cC);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6482,7 +6505,7 @@ var IconUserPlus = React.forwardRef(function (_ref, ref) {
 });
 IconUserPlus.displayName = 'IconUserPlus';
-var _excluded$cA = ["testId", "size", "color", "style", "variant"];
+var _excluded$cB = ["testId", "size", "color", "style", "variant"];
 var IconUserSearch = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-search' : _ref$testId,
@@ -6491,7 +6514,7 @@ var IconUserSearch = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cA);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cB);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6536,7 +6559,7 @@ var IconUserSearch = React.forwardRef(function (_ref, ref) {
 });
 IconUserSearch.displayName = 'IconUserSearch';
-var _excluded$cz = ["testId", "size", "color", "style", "variant"];
+var _excluded$cA = ["testId", "size", "color", "style", "variant"];
 var IconUserSlash = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-slash' : _ref$testId,
@@ -6545,7 +6568,7 @@ var IconUserSlash = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cz);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cA);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6588,7 +6611,7 @@ var IconUserSlash = React.forwardRef(function (_ref, ref) {
 });
 IconUserSlash.displayName = 'IconUserSlash';
-var _excluded$cy = ["testId", "size", "color", "style", "variant"];
+var _excluded$cz = ["testId", "size", "color", "style", "variant"];
 var IconUserTag = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-tag' : _ref$testId,
@@ -6597,7 +6620,7 @@ var IconUserTag = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cy);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cz);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6646,7 +6669,7 @@ var IconUserTag = React.forwardRef(function (_ref, ref) {
 });
 IconUserTag.displayName = 'IconUserTag';
-var _excluded$cx = ["testId", "size", "color", "style", "variant"];
+var _excluded$cy = ["testId", "size", "color", "style", "variant"];
 var IconUserTie = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-tie' : _ref$testId,
@@ -6655,7 +6678,7 @@ var IconUserTie = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cx);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cy);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6691,7 +6714,7 @@ var IconUserTie = React.forwardRef(function (_ref, ref) {
 });
 IconUserTie.displayName = 'IconUserTie';
-var _excluded$cw = ["testId", "size", "color", "style", "variant"];
+var _excluded$cx = ["testId", "size", "color", "style", "variant"];
 var IconUsers = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-users' : _ref$testId,
@@ -6700,7 +6723,7 @@ var IconUsers = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cw);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cx);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6736,7 +6759,7 @@ var IconUsers = React.forwardRef(function (_ref, ref) {
 });
 IconUsers.displayName = 'IconUsers';
-var _excluded$cv = ["testId", "size", "color", "style", "variant"];
+var _excluded$cw = ["testId", "size", "color", "style", "variant"];
 var IconBirthdayCake = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-birthday-cake' : _ref$testId,
@@ -6745,7 +6768,7 @@ var IconBirthdayCake = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cv);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cw);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6781,7 +6804,7 @@ var IconBirthdayCake = React.forwardRef(function (_ref, ref) {
 });
 IconBirthdayCake.displayName = 'IconBirthdayCake';
-var _excluded$cu = ["testId", "size", "color", "style", "variant"];
+var _excluded$cv = ["testId", "size", "color", "style", "variant"];
 var IconBolt = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bolt' : _ref$testId,
@@ -6790,7 +6813,7 @@ var IconBolt = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cu);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cv);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6826,7 +6849,7 @@ var IconBolt = React.forwardRef(function (_ref, ref) {
 });
 IconBolt.displayName = 'IconBolt';
-var _excluded$ct = ["testId", "size", "color", "style", "variant"];
+var _excluded$cu = ["testId", "size", "color", "style", "variant"];
 var IconBriefcase = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-briefcase' : _ref$testId,
@@ -6835,7 +6858,7 @@ var IconBriefcase = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ct);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cu);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6871,7 +6894,7 @@ var IconBriefcase = React.forwardRef(function (_ref, ref) {
 });
 IconBriefcase.displayName = 'IconBriefcase';
-var _excluded$cs = ["testId", "size", "color", "style", "variant"];
+var _excluded$ct = ["testId", "size", "color", "style", "variant"];
 var IconBullseyeArrow = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bullseye-arrow' : _ref$testId,
@@ -6880,7 +6903,7 @@ var IconBullseyeArrow = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cs);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ct);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6918,7 +6941,7 @@ var IconBullseyeArrow = React.forwardRef(function (_ref, ref) {
 });
 IconBullseyeArrow.displayName = 'IconBullseyeArrow';
-var _excluded$cr = ["testId", "size", "color", "style", "variant"];
+var _excluded$cs = ["testId", "size", "color", "style", "variant"];
 var IconClipboardList = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-clipboard-list' : _ref$testId,
@@ -6927,7 +6950,7 @@ var IconClipboardList = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cr);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cs);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6965,7 +6988,7 @@ var IconClipboardList = React.forwardRef(function (_ref, ref) {
 });
 IconClipboardList.displayName = 'IconClipboardList';
-var _excluded$cq = ["testId", "size", "color", "style", "variant"];
+var _excluded$cr = ["testId", "size", "color", "style", "variant"];
 var IconDownload = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-download' : _ref$testId,
@@ -6974,7 +6997,7 @@ var IconDownload = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cq);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cr);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7012,7 +7035,7 @@ var IconDownload = React.forwardRef(function (_ref, ref) {
 });
 IconDownload.displayName = 'IconDownload';
-var _excluded$cp = ["testId", "size", "color", "style", "variant"];
+var _excluded$cq = ["testId", "size", "color", "style", "variant"];
 var IconFilePdf = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-file-pdf' : _ref$testId,
@@ -7021,7 +7044,7 @@ var IconFilePdf = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cp);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cq);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7071,7 +7094,7 @@ var IconFilePdf = React.forwardRef(function (_ref, ref) {
 });
 IconFilePdf.displayName = 'IconFilePdf';
-var _excluded$co = ["testId", "size", "color", "style", "variant"];
+var _excluded$cp = ["testId", "size", "color", "style", "variant"];
 var IconFlag = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-flag' : _ref$testId,
@@ -7080,7 +7103,7 @@ var IconFlag = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$co);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cp);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7130,7 +7153,7 @@ var IconFlag = React.forwardRef(function (_ref, ref) {
 });
 IconFlag.displayName = 'IconFlag';
-var _excluded$cn = ["testId", "size", "color", "style", "variant"];
+var _excluded$co = ["testId", "size", "color", "style", "variant"];
 var IconFourDotsCircle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-four-dots-circle' : _ref$testId,
@@ -7139,7 +7162,7 @@ var IconFourDotsCircle = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cn);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$co);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7180,7 +7203,7 @@ var IconFourDotsCircle = React.forwardRef(function (_ref, ref) {
 });
 IconFourDotsCircle.displayName = 'IconFourDotsCircle';
-var _excluded$cm = ["testId", "size", "color", "style", "variant"];
+var _excluded$cn = ["testId", "size", "color", "style", "variant"];
 var IconFourSquares = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-four-squares' : _ref$testId,
@@ -7189,7 +7212,7 @@ var IconFourSquares = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cm);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cn);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7227,7 +7250,7 @@ var IconFourSquares = React.forwardRef(function (_ref, ref) {
 });
 IconFourSquares.displayName = 'IconFourSquares';
-var _excluded$cl = ["testId", "size", "color", "style", "variant"];
+var _excluded$cm = ["testId", "size", "color", "style", "variant"];
 var IconGavel = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-gavel' : _ref$testId,
@@ -7236,7 +7259,7 @@ var IconGavel = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cl);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cm);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7286,7 +7309,7 @@ var IconGavel = React.forwardRef(function (_ref, ref) {
 });
 IconGavel.displayName = 'IconGavel';
-var _excluded$ck = ["testId", "size", "color", "style", "variant"];
+var _excluded$cl = ["testId", "size", "color", "style", "variant"];
 var IconGif = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-gif' : _ref$testId,
@@ -7295,7 +7318,7 @@ var IconGif = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ck);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cl);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7331,7 +7354,7 @@ var IconGif = React.forwardRef(function (_ref, ref) {
 });
 IconGif.displayName = 'IconGif';
-var _excluded$cj = ["testId", "size", "color", "style", "variant"];
+var _excluded$ck = ["testId", "size", "color", "style", "variant"];
 var IconGift = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-gift' : _ref$testId,
@@ -7340,7 +7363,7 @@ var IconGift = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cj);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ck);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7376,7 +7399,7 @@ var IconGift = React.forwardRef(function (_ref, ref) {
 });
 IconGift.displayName = 'IconGift';
-var _excluded$ci = ["testId", "size", "color", "style", "variant"];
+var _excluded$cj = ["testId", "size", "color", "style", "variant"];
 var IconGlobe = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-globe' : _ref$testId,
@@ -7385,7 +7408,7 @@ var IconGlobe = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ci);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cj);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7421,7 +7444,7 @@ var IconGlobe = React.forwardRef(function (_ref, ref) {
 });
 IconGlobe.displayName = 'IconGlobe';
-var _excluded$ch = ["testId", "size", "color", "style", "variant"];
+var _excluded$ci = ["testId", "size", "color", "style", "variant"];
 var IconHatChef = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-hat-chef' : _ref$testId,
@@ -7430,7 +7453,7 @@ var IconHatChef = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ch);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ci);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7480,7 +7503,7 @@ var IconHatChef = React.forwardRef(function (_ref, ref) {
 });
 IconHatChef.displayName = 'IconHatChef';
-var _excluded$cg = ["testId", "size", "color", "style", "variant"];
+var _excluded$ch = ["testId", "size", "color", "style", "variant"];
 var IconIslandTropical = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-island-tropical' : _ref$testId,
@@ -7489,7 +7512,7 @@ var IconIslandTropical = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cg);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ch);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7527,7 +7550,7 @@ var IconIslandTropical = React.forwardRef(function (_ref, ref) {
 });
 IconIslandTropical.displayName = 'IconIslandTropical';
-var _excluded$cf = ["testId", "size", "color", "style", "variant"];
+var _excluded$cg = ["testId", "size", "color", "style", "variant"];
 var IconLaptopSearch = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-laptop-search' : _ref$testId,
@@ -7536,7 +7559,7 @@ var IconLaptopSearch = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cf);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cg);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7598,7 +7621,7 @@ var IconLaptopSearch = React.forwardRef(function (_ref, ref) {
 });
 IconLaptopSearch.displayName = 'IconLaptopSearch';
-var _excluded$ce = ["testId", "size", "color", "style", "variant"];
+var _excluded$cf = ["testId", "size", "color", "style", "variant"];
 var IconMagic = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-magic' : _ref$testId,
@@ -7607,7 +7630,7 @@ var IconMagic = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ce);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cf);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7645,7 +7668,7 @@ var IconMagic = React.forwardRef(function (_ref, ref) {
 });
 IconMagic.displayName = 'IconMagic';
-var _excluded$cd = ["testId", "size", "color", "style", "variant"];
+var _excluded$ce = ["testId", "size", "color", "style", "variant"];
 var IconMapMarker = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-map-marker' : _ref$testId,
@@ -7654,7 +7677,7 @@ var IconMapMarker = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cd);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ce);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7692,7 +7715,7 @@ var IconMapMarker = React.forwardRef(function (_ref, ref) {
 });
 IconMapMarker.displayName = 'IconMapMarker';
-var _excluded$cc = ["testId", "size", "color", "style", "variant"];
+var _excluded$cd = ["testId", "size", "color", "style", "variant"];
 var IconMedal = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-medal' : _ref$testId,
@@ -7701,7 +7724,7 @@ var IconMedal = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cc);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cd);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7751,7 +7774,7 @@ var IconMedal = React.forwardRef(function (_ref, ref) {
 });
 IconMedal.displayName = 'IconMedal';
-var _excluded$cb = ["testId", "size", "color", "style", "variant"];
+var _excluded$cc = ["testId", "size", "color", "style", "variant"];
 var IconMugSaucer = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-mug-saucer' : _ref$testId,
@@ -7760,7 +7783,7 @@ var IconMugSaucer = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cb);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cc);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7796,7 +7819,7 @@ var IconMugSaucer = React.forwardRef(function (_ref, ref) {
 });
 IconMugSaucer.displayName = 'IconMugSaucer';
-var _excluded$ca = ["testId", "size", "color", "style", "variant"];
+var _excluded$cb = ["testId", "size", "color", "style", "variant"];
 var IconNotesMedical = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-notes-medical' : _ref$testId,
@@ -7805,7 +7828,7 @@ var IconNotesMedical = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ca);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cb);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7841,7 +7864,7 @@ var IconNotesMedical = React.forwardRef(function (_ref, ref) {
 });
 IconNotesMedical.displayName = 'IconNotesMedical';
-var _excluded$c9 = ["testId", "size", "color", "style", "variant"];
+var _excluded$ca = ["testId", "size", "color", "style", "variant"];
 var IconPlateUtensils = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-plate-utensils' : _ref$testId,
@@ -7850,7 +7873,7 @@ var IconPlateUtensils = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$c9);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ca);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7893,7 +7916,7 @@ var IconPlateUtensils = React.forwardRef(function (_ref, ref) {
 });
 IconPlateUtensils.displayName = 'IconPlateUtensils';
-var _excluded$c8 = ["testId", "size", "color", "style", "variant"];
+var _excluded$c9 = ["testId", "size", "color", "style", "variant"];
 var IconPlug = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-plug' : _ref$testId,
@@ -7902,7 +7925,7 @@ var IconPlug = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$c8);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c9);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7938,7 +7961,7 @@ var IconPlug = React.forwardRef(function (_ref, ref) {
 });
 IconPlug.displayName = 'IconPlug';
-var _excluded$c7 = ["testId", "size", "color", "style", "variant"];
+var _excluded$c8 = ["testId", "size", "color", "style", "variant"];
 var IconRocket = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-rocket' : _ref$testId,
@@ -7947,7 +7970,7 @@ var IconRocket = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$c7);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c8);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7983,6 +8006,51 @@ var IconRocket = React.forwardRef(function (_ref, ref) {
 });
 IconRocket.displayName = 'IconRocket';
+var _excluded$c7 = ["testId", "size", "color", "style", "variant"];
+var IconSchool = React.forwardRef(function (_ref, ref) {
+  var _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'icon-school' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c7);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
+  if (variant === 'solid') {
+    return React__default["default"].createElement("svg", _extends({
+      style: getIconStyles(styleProps),
+      "data-testid": testId,
+      ref: ref
+    }, props, {
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 24 24"
+    }), React__default["default"].createElement("path", {
+      fill: "currentColor",
+      d: "M10.667 1.792c0-.555.446-1 1-1h4.666c.555 0 1 .445 1 1v2c0 .554-.445 1-1 1h-3v.8l5.334 3.2h2.666A2.67 2.67 0 0 1 24 11.458v9.333a2.67 2.67 0 0 1-2.667 2.667H2.667A2.67 2.67 0 0 1 0 20.792v-9.334a2.67 2.67 0 0 1 2.667-2.667h2.666l5.334-3.2v-3.8ZM10 18.124v3.333h4v-3.333a2 2 0 0 0-4 0Zm-5.333 1.333c.366 0 .666-.3.666-.666v-1.334c0-.366-.3-.666-.666-.666H3.333c-.366 0-.666.3-.666.666v1.334c0 .366.3.666.666.666h1.334Zm.666-6v-1.333c0-.367-.3-.667-.666-.667H3.333c-.366 0-.666.3-.666.667v1.333c0 .367.3.667.666.667h1.334c.366 0 .666-.3.666-.667Zm15.334 6c.366 0 .666-.3.666-.666v-1.334c0-.366-.3-.666-.666-.666h-1.334c-.366 0-.666.3-.666.666v1.334c0 .366.3.666.666.666h1.334Zm.666-6v-1.333c0-.367-.3-.667-.666-.667h-1.334c-.366 0-.666.3-.666.667v1.333c0 .367.3.667.666.667h1.334c.366 0 .666-.3.666-.667Zm-9.333 0a2 2 0 1 0-.001-4 2 2 0 0 0 .001 4Z"
+    }));
+  }
+  return React__default["default"].createElement("svg", _extends({
+    style: getIconStyles(styleProps),
+    "data-testid": testId,
+    ref: ref
+  }, props, {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }), React__default["default"].createElement("path", {
+    fill: "currentColor",
+    d: "M12.667 2.125v1.333H16V2.125h-3.333ZM11.333 5.1V1.792c0-.554.446-1 1-1h4c.555 0 1 .446 1 1v2c0 .554-.445 1-1 1h-3.666V5.1L18.2 8.792h3.133A2.67 2.67 0 0 1 24 11.458v9.334a2.67 2.67 0 0 1-2.667 2.666H2.667A2.67 2.67 0 0 1 0 20.792v-9.334a2.67 2.67 0 0 1 2.667-2.666H5.8L11.333 5.1Zm-4.962 4.913a.648.648 0 0 1-.371.112H2.667c-.738 0-1.334.596-1.334 1.333v9.334c0 .737.596 1.333 1.334 1.333h6.666v-3.333A2.67 2.67 0 0 1 12 16.125a2.67 2.67 0 0 1 2.667 2.667v3.333h6.666c.738 0 1.334-.596 1.334-1.333v-9.334c0-.737-.596-1.333-1.334-1.333H18a.658.658 0 0 1-.37-.112L12 6.258l-5.63 3.755ZM6 19.458H4v-2h2v2Zm-2-4.666v-2h2v2H4Zm16 4.666h-2v-2h2v2Zm-2-4.666v-2h2v2h-2Zm-6-2c.738 0 1.333-.596 1.333-1.334 0-.737-.595-1.333-1.333-1.333s-1.333.596-1.333 1.333c0 .738.595 1.334 1.333 1.334Zm0-4a2.67 2.67 0 0 1 2.667 2.666A2.67 2.67 0 0 1 12 14.125a2.67 2.67 0 0 1-2.667-2.667A2.67 2.67 0 0 1 12 8.792Zm1.333 10c0-.738-.595-1.334-1.333-1.334s-1.333.596-1.333 1.334v3.333h2.666v-3.333Z"
+  }));
+});
+IconSchool.displayName = 'IconSchool';
 var _excluded$c6 = ["testId", "size", "color", "style", "variant"];
 var IconSparkle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
@@ -10348,7 +10416,7 @@ var useDropdownContext = function useDropdownContext() {
 var styles$1r = {"dropdown-pane":"_sp-pT"};
 var DROPDOWN_PANE_PADDING = 14;
-var calculateOverlayPosition = function calculateOverlayPosition(triggerPosition, triggerOffsetHeight, panePosition, alignment) {
+var calculateOverlayPosition$1 = function calculateOverlayPosition(triggerPosition, triggerOffsetHeight, panePosition, alignment) {
   var calculateLeftPosition = alignment === 'right' ? getRightAlignmentPosition : getLeftAlignmentPosition;
   return {
     top: getTopPosition(triggerPosition, triggerOffsetHeight, panePosition.height || 160),
@@ -10477,13 +10545,13 @@ var PaneOverlay = function PaneOverlay(_ref) {
     }
     var triggerPosition = triggerRef.current.getBoundingClientRect();
     var panePosition = paneRef.current.getBoundingClientRect();
-    var pos = calculateOverlayPosition(triggerPosition, triggerRef.current.offsetHeight, panePosition, alignment);
+    var pos = calculateOverlayPosition$1(triggerPosition, triggerRef.current.offsetHeight, panePosition, alignment);
     setPosition(pos);
   }, [triggerRef, alignment, paneRef]);
   useKeyPress(['Escape'], onToggleDropdown);
   var overflow = maxHeight ? 'auto' : undefined;
   return React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$1r['dropdown-pane'], (_classNames = {}, _classNames[styles$1r['dropdown-pane--with-padding']] = true, _classNames)),
+    className: classnames__default["default"](styles$1r['dropdown-pane'], (_classNames = {}, _classNames[styles$1r['dropdown-pane--with-padding']] = true, _classNames['dropdown-pane--custom-width'] = width !== undefined, _classNames)),
     style: _extends({}, position, {
       width: width,
       maxHeight: maxHeight,
@@ -10498,11 +10566,11 @@ var PaneOverlay = function PaneOverlay(_ref) {
   }, children);
 };
-var GAP = 15;
+var GAP$1 = 15;
 var isGoingTowardsPane = function isGoingTowardsPane(panePosition, mouseYAxisPosition) {
-  var isGoingTowardsPane = mouseYAxisPosition + GAP > panePosition.top;
+  var isGoingTowardsPane = mouseYAxisPosition + GAP$1 > panePosition.top;
   if (mouseYAxisPosition > panePosition.top) {
-    return mouseYAxisPosition - GAP < panePosition.bottom;
+    return mouseYAxisPosition - GAP$1 < panePosition.bottom;
   }
   return isGoingTowardsPane;
 };
@@ -11349,7 +11417,7 @@ var DropdownListDivider = function DropdownListDivider(_ref) {
   });
 };
-var styles$1h = {"dropdown-list-item":"_W12mF","dropdown-list-item--selected":"_Zu9cD","dropdown-list-item__content":"_xS6fS","dropdown-list-item__caption":"_7EI7m","dropdown-list-item--disabled":"_0OB5b","dropdown-list-item__prefix":"_dpo67","dropdown-list-item__suffix":"_ObP6B","dropdown-list-item__container":"_IBrNj","dropdown-list-item__link":"_vC0uY","dropdown-list-item__suffix-spot":"_UA23u"};
+var styles$1h = {"dropdown-list-item":"_W12mF","dropdown-list-item--selected":"_Zu9cD","dropdown-list-item__content":"_xS6fS","dropdown-list-item__caption":"_7EI7m","dropdown-list-item--disabled":"_0OB5b","dropdown-list-item__prefix":"_dpo67","dropdown-list-item__suffix":"_ObP6B","dropdown-list-item__container":"_IBrNj","dropdown-list-item__link":"_vC0uY","dropdown-list-item__suffix-spot":"_UA23u","dropdown-list-item__suffix-button":"_rvaeI"};
 var styles$1g = {"dropdown-submenu":"_X4fIx"};
@@ -11472,6 +11540,7 @@ var useSubmenu = function useSubmenu(_ref) {
     submenuDirection: submenuDirection,
     closeSubmenu: scheduleCloseSubmenu,
     openSubmenu: setSubmenuOpen,
+    closePreviouslyOpenSubmenus: closePreviouslyOpenSubmenus,
     itemRef: itemRef,
     submenuRef: submenuRef,
     isOpen: isSubmenuOpen
@@ -11496,7 +11565,9 @@ var DropdownListItem = function DropdownListItem(_ref) {
     submenu = _ref.submenu,
     onSubmenuOpenCallback = _ref.onSubmenuOpen,
     _ref$isSelectable = _ref.isSelectable,
-    isSelectable = _ref$isSelectable === void 0 ? false : _ref$isSelectable;
+    isSelectable = _ref$isSelectable === void 0 ? false : _ref$isSelectable,
+    _ref$openSubmenuOnSuf = _ref.openSubmenuOnSuffixClick,
+    openSubmenuOnSuffixClick = _ref$openSubmenuOnSuf === void 0 ? false : _ref$openSubmenuOnSuf;
   var _useDropdownContext = useDropdownContext(),
     onToggleDropdown = _useDropdownContext.onToggleDropdown;
   var _useSubmenu = useSubmenu({
@@ -11509,7 +11580,8 @@ var DropdownListItem = function DropdownListItem(_ref) {
     submenuDirection = _useSubmenu.submenuDirection,
     itemRef = _useSubmenu.itemRef,
     submenuRef = _useSubmenu.submenuRef,
-    isOpen = _useSubmenu.isOpen;
+    isOpen = _useSubmenu.isOpen,
+    closePreviouslyOpenSubmenus = _useSubmenu.closePreviouslyOpenSubmenus;
   React.useEffect(function () {
     var itemElement = itemRef.current;
     if (!itemElement) {
@@ -11534,10 +11606,15 @@ var DropdownListItem = function DropdownListItem(_ref) {
       return;
     }
     if (!!submenu) {
-      notifySubmenuOpened();
-      _openSubmenu();
-      onClick && onClick(e);
-      return;
+      if (!openSubmenuOnSuffixClick) {
+        notifySubmenuOpened();
+        _openSubmenu();
+        onClick && onClick(e);
+        return;
+      } else {
+        notifySubmenuOpened();
+        return;
+      }
     }
     if (!isSelectable) {
       onToggleDropdown();
@@ -11557,9 +11634,20 @@ var DropdownListItem = function DropdownListItem(_ref) {
     className: styles$1h['dropdown-list-item__caption']
   }, caption))), (suffix || submenu) && React__default["default"].createElement("div", {
     className: styles$1h['dropdown-list-item__suffix']
-  }, suffix, submenu && !suffix && React__default["default"].createElement("div", {
+  }, suffix && openSubmenuOnSuffixClick && submenu ? React__default["default"].createElement("button", {
+    className: styles$1h['dropdown-list-item__suffix-button'],
+    onClick: function onClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      notifySubmenuOpened();
+      _openSubmenu();
+    },
+    type: "button",
+    "aria-label": "Open submenu",
+    disabled: disabled
+  }, suffix) : suffix, submenu && !suffix && React__default["default"].createElement("div", {
     className: styles$1h['dropdown-list-item__suffix-spot']
-  }), submenu && React__default["default"].createElement(IconChevronRight, {
+  }), submenu && !openSubmenuOnSuffixClick && React__default["default"].createElement(IconChevronRight, {
     size: "small"
   })));
   var linkItem = href && (reloadDocument ? React__default["default"].createElement("a", {
@@ -11585,8 +11673,12 @@ var DropdownListItem = function DropdownListItem(_ref) {
       onClick: handleClick,
       onKeyPress: handleClick,
       onMouseEnter: function onMouseEnter() {
-        _openSubmenu();
-        notifySubmenuOpened();
+        if (!openSubmenuOnSuffixClick) {
+          _openSubmenu();
+          notifySubmenuOpened();
+        } else {
+          closePreviouslyOpenSubmenus();
+        }
       },
       "data-testid": testId,
       ref: itemRef,
@@ -12182,9 +12274,9 @@ var FooterContainer = function FooterContainer(_ref2) {
   }, children));
 };
-var dayOverridesStyles = {"root":"_et9Fs","table":"_l7Mis","caption":"_XGu8K","head_cell":"_e0MoB","day_today":"_X7MoW","day_outside":"_AeJUw","nav_button":"_2-bPm","caption_label":"_Mlgd-","day_selected":"_eK8pw"};
+var dayOverridesStyles = {"root":"_et9Fs","table":"_l7Mis","caption":"_XGu8K","head_cell":"_e0MoB","day_today":"_X7MoW","day_outside":"_AeJUw","nav_button":"_2-bPm","day_selected":"_eK8pw"};
-var weekOverridesStyles = {"root":"_QLSA6","table":"_96jgF","caption":"_4ySMr","head_cell":"_2AoB4","day_today":"_Snv-V","day_outside":"_Zf-6C","nav_button":"_iOY4h","caption_label":"_-s7XO","day_range_middle":"_e0lOH","day_range_start":"_4N7l-","day_range_end":"_fMjHG","row":"_GqE-5"};
+var weekOverridesStyles = {"root":"_QLSA6","table":"_96jgF","caption":"_4ySMr","head_cell":"_2AoB4","day_today":"_Snv-V","day_outside":"_Zf-6C","nav_button":"_iOY4h","day_range_middle":"_e0lOH","day_range_start":"_4N7l-","day_range_end":"_fMjHG","row":"_GqE-5"};
 var styles$13 = {"calendar":"_YPyZ6","calendar__overlay":"_-cw0A"};
@@ -16961,7 +17053,7 @@ var getFormikError = function getFormikError(error) {
 var styles$k = {"text-field":"_6cH4X","date-range-field":"_DMb6M","text-field--invalid":"_eXIiZ","text-field--prefixed":"_Lc6QO","text-field--suffixed":"_VWrJD","date-range-field--invalid":"_ZJ2A5","date-range-field--disabled":"_WkaJQ"};
-var calendarStyles = {"root":"_SsQ7L","table":"_Ar-fF","caption":"_Tp79k","head_cell":"_Ya6Zr","day_today":"_lFzs7","day_outside":"_TjttB","nav_button":"_cwiRM","caption_label":"_rpq6-","day_range_middle":"_rJolM","day_range_start":"_nVIPx","day_range_end":"_Y50yT"};
+var calendarStyles = {"root":"_SsQ7L","table":"_Ar-fF","caption":"_Tp79k","head_cell":"_Ya6Zr","day_today":"_lFzs7","day_outside":"_TjttB","nav_button":"_cwiRM","day_range_middle":"_rJolM","day_range_start":"_nVIPx","day_range_end":"_Y50yT"};
 /**Calendar overlay component*/
 var DateRangeCalendar = function DateRangeCalendar(_ref) {
@@ -19046,20 +19138,107 @@ var useColorKeyboardNavigation = function useColorKeyboardNavigation(selectedCol
   };
 };
-var ColorsOverlay = function ColorsOverlay(_ref) {
-  var _triggerRef$current;
+var GAP = 8; // Gap between the trigger and the overlay
+/**
+ * Calculates where the color overlay should be positioned relative to its
+ * trigger so it stays within the viewport. Placements are tried in this order
+ * and the first one that fits is used:
+ *   1. Bottom, aligned to the left edge of the trigger
+ *   2. Bottom, aligned to the right edge of the trigger
+ *   3. Top, aligned to the left edge of the trigger
+ *   4. Top, aligned to the right edge of the trigger (fallback)
+ *
+ * Fit is evaluated in viewport coordinates; the returned position is in
+ * document coordinates (scroll offsets applied) for an absolutely positioned
+ * overlay.
+ */
+var calculateOverlayPosition = function calculateOverlayPosition(triggerRect, overlaySize, viewport, scroll, gap) {
+  if (gap === void 0) {
+    gap = GAP;
+  }
+  var fitsBottom = triggerRect.bottom + gap + overlaySize.height <= viewport.height;
+  var fitsTop = triggerRect.top - gap - overlaySize.height >= 0;
+  // Each alignment must keep both horizontal edges within the viewport. A
+  // left-aligned overlay spans [trigger.left, trigger.left + width] and a
+  // right-aligned overlay spans [trigger.right - width, trigger.right], so we
+  // can't assume the trigger's anchor edge is itself on-screen.
+  var fitsLeftAligned = triggerRect.left >= 0 && triggerRect.left + overlaySize.width <= viewport.width;
+  var fitsRightAligned = triggerRect.right <= viewport.width && triggerRect.right - overlaySize.width >= 0;
+  var bottomTop = triggerRect.bottom + scroll.y + gap;
+  var topTop = triggerRect.top + scroll.y - gap - overlaySize.height;
+  var leftAligned = triggerRect.left + scroll.x;
+  var rightAligned = triggerRect.right + scroll.x - overlaySize.width;
+  // 1. Bottom, from the bottom-left side of the trigger
+  if (fitsBottom && fitsLeftAligned) {
+    return {
+      top: bottomTop,
+      left: leftAligned
+    };
+  }
+  // 2. Bottom, from the bottom-right side of the trigger
+  if (fitsBottom && fitsRightAligned) {
+    return {
+      top: bottomTop,
+      left: rightAligned
+    };
+  }
+  // 3. Top, from the top-left side of the trigger
+  if (fitsTop && fitsLeftAligned) {
+    return {
+      top: topTop,
+      left: leftAligned
+    };
+  }
+  // 4. Top, from the top-right side of the trigger (fallback)
+  return {
+    top: topTop,
+    left: rightAligned
+  };
+};
+var ColorsOverlay = function ColorsOverlay(props) {
+  return (
+    // The overlay is measured and positioned once it is mounted inside the
+    // Portal, so the content lives in a child component that only renders after
+    // the Portal container exists.
+    React__default["default"].createElement(Portal, null, React__default["default"].createElement(OverlayContent, _extends({}, props)))
+  );
+};
+var OverlayContent = function OverlayContent(_ref) {
   var onClose = _ref.onClose,
     triggerRef = _ref.triggerRef,
     selectedColor = _ref.selectedColor,
     onSelect = _ref.onSelect;
   var overlayRef = React.useRef(null);
-  var GAP = 8; // Gap between the trigger and the overlay
-  var triggerRect = (_triggerRef$current = triggerRef.current) == null ? void 0 : _triggerRef$current.getBoundingClientRect();
-  var overlayStyle = triggerRect ? {
-    top: triggerRect.bottom + window.scrollY + GAP,
-    left: triggerRect.left + window.scrollX
+  var _useState = React.useState(null),
+    position = _useState[0],
+    setPosition = _useState[1];
+  // Measure the overlay once it has rendered and position it within the
+  // viewport, falling back through bottom/top and left/right placements.
+  React.useLayoutEffect(function () {
+    if (!triggerRef.current || !overlayRef.current) {
+      return;
+    }
+    var triggerRect = triggerRef.current.getBoundingClientRect();
+    var overlayRect = overlayRef.current.getBoundingClientRect();
+    setPosition(calculateOverlayPosition(triggerRect, {
+      width: overlayRect.width,
+      height: overlayRect.height
+    }, {
+      width: window.innerWidth,
+      height: window.innerHeight
+    }, {
+      x: window.scrollX,
+      y: window.scrollY
+    }));
+  }, [triggerRef]);
+  // Keep the overlay hidden until it has been measured to avoid a flash at
+  // the unpositioned (top-left) corner.
+  var overlayStyle = position ? {
+    top: position.top,
+    left: position.left
   } : {
-    display: 'none'
+    visibility: 'hidden'
   };
   var _useColorKeyboardNavi = useColorKeyboardNavigation(selectedColor || ''),
     selectedColorIndex = _useColorKeyboardNavi.selectedColorIndex,
@@ -19073,7 +19252,7 @@ var ColorsOverlay = function ColorsOverlay(_ref) {
   }, [selectedColorByIndex, onSelect]);
   useKeyPress(['Escape'], onClose);
   useKeyPress(['Enter'], handleEnterPress);
-  return React__default["default"].createElement(Portal, null, React__default["default"].createElement("div", {
+  return React__default["default"].createElement("div", {
     style: overlayStyle,
     ref: overlayRef,
     className: styles$f['color-overlay'],
@@ -19091,7 +19270,7 @@ var ColorsOverlay = function ColorsOverlay(_ref) {
         return setSelectedColorIndex(null);
       }
     });
-  })));
+  }));
 };
 var ColorDisplay = function ColorDisplay(_ref2) {
   var _classNames;
@@ -63237,6 +63416,7 @@ exports.IconQuestionCircle = IconQuestionCircle;
 exports.IconRepeat = IconRepeat;
 exports.IconReply = IconReply;
 exports.IconRocket = IconRocket;
+exports.IconSchool = IconSchool;
 exports.IconSearch = IconSearch;
 exports.IconSignIn = IconSignIn;
 exports.IconSignOut = IconSignOut;