@7shifts/sous-chef 3.65.1 → 3.66.0

package/dist/index.modern.js

@@ -154,7 +154,7 @@ const capitalizeFirstLetter = text => {
 };
 const kebabize = str => str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? '-' : '') + $.toLowerCase());
 
-const _excluded$2W = ["m", "margin", "mt", "marginTop", "mr", "marginRight", "mb", "marginBottom", "ml", "marginLeft"];
+const _excluded$2X = ["m", "margin", "mt", "marginTop", "mr", "marginRight", "mb", "marginBottom", "ml", "marginLeft"];
 const getPositionProps = _ref => {
   let {
       m,
@@ -168,7 +168,7 @@ const getPositionProps = _ref => {
       ml,
       marginLeft
     } = _ref,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2W);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2X);
   return {
     positionProps: {
       m,
@@ -204,7 +204,7 @@ const getDataProps = (props, config) => {
   });
 };
 
-const _excluded$2V = ["children", "space", "flex", "alignItems", "justifyContent", "inlineFlex", "direction", "flexItems", "flexWrap", "flexGrow", "testId", "extraClass"];
+const _excluded$2W = ["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
  */
@@ -223,7 +223,7 @@ const Flex = _ref => {
       testId,
       extraClass
     } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2V);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2W);
   const {
     positionProps,
     otherProps
@@ -264,7 +264,7 @@ const Flex = _ref => {
   }, child)));
 };
 
-const _excluded$2U = ["alignItems"];
+const _excluded$2V = ["alignItems"];
 /**
  * Layout component to easily stack elements up in a column.
  */
@@ -272,7 +272,7 @@ const Stack = _ref => {
   let {
       alignItems = 'stretch'
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2U);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2V);
   return React.createElement(Flex, _extends({}, props, {
     alignItems: alignItems,
     direction: "column"
@@ -281,7 +281,7 @@ const Stack = _ref => {
 
 var styles$1k = {"caption":"_tMhXr","label":"_NfOw5","label--truncate":"_M3aFK","toggle":"_QDQZ1","toggle__label":"_52dky","toggle__caption":"_A-tgL","toggle__switch":"_kBjjH"};
 
-const _excluded$2T = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
+const _excluded$2U = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
 /**
  * Used when you want to allow the user to turn some information ON and OFF.
  *
@@ -297,7 +297,7 @@ const Toggle = _ref => {
       id,
       testId
     } = _ref,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2T);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2U);
   const {
     dataProps
   } = getDataProps(otherProps);
@@ -820,7 +820,7 @@ const COMPONENT_NAMES = {
   BUTTON: 'BUTTON'
 };
 
-const _excluded$2S = ["children", "type", "theme", "disabled", "onClick", "onMouseEnter", "onMouseLeave", "onBlur", "onFocus", "onKeyDown", "id", "loading", "title", "href", "target", "testId", "size"],
+const _excluded$2T = ["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"];
 const ButtonComponent = (_ref, ref) => {
   let {
@@ -842,7 +842,7 @@ const ButtonComponent = (_ref, ref) => {
       testId,
       size
     } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2S);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2T);
   const {
     positionProps,
     otherProps
@@ -982,7 +982,7 @@ const useIsInsideComponent = parentComponentName => {
   return componentName === parentComponentName;
 };
 
-const _excluded$2R = ["testId", "size", "color", "style"];
+const _excluded$2S = ["testId", "size", "color", "style"];
 const IconInfoCircle = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-info-circle',
@@ -990,7 +990,7 @@ const IconInfoCircle = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2R);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2S);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1013,7 +1013,7 @@ const IconInfoCircle = forwardRef((_ref, ref) => {
 });
 IconInfoCircle.displayName = 'IconInfoCircle';
 
-const _excluded$2Q = ["testId", "size", "color", "style"];
+const _excluded$2R = ["testId", "size", "color", "style"];
 const IconAnalytics = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-analytics',
@@ -1021,7 +1021,7 @@ const IconAnalytics = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2Q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2R);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1044,7 +1044,7 @@ const IconAnalytics = forwardRef((_ref, ref) => {
 });
 IconAnalytics.displayName = 'IconAnalytics';
 
-const _excluded$2P = ["testId", "size", "color", "style"];
+const _excluded$2Q = ["testId", "size", "color", "style"];
 const IconArrowDownWideShort = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-down-wide-short',
@@ -1052,7 +1052,7 @@ const IconArrowDownWideShort = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2P);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2Q);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1073,7 +1073,7 @@ const IconArrowDownWideShort = forwardRef((_ref, ref) => {
 });
 IconArrowDownWideShort.displayName = 'IconArrowDownWideShort';
 
-const _excluded$2O = ["testId", "size", "color", "style"];
+const _excluded$2P = ["testId", "size", "color", "style"];
 const IconArrowDown = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-down',
@@ -1081,7 +1081,7 @@ const IconArrowDown = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2O);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2P);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1104,7 +1104,7 @@ const IconArrowDown = forwardRef((_ref, ref) => {
 });
 IconArrowDown.displayName = 'IconArrowDown';
 
-const _excluded$2N = ["testId", "size", "color", "style"];
+const _excluded$2O = ["testId", "size", "color", "style"];
 const IconArrowLeft = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-left',
@@ -1112,7 +1112,7 @@ const IconArrowLeft = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2N);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2O);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1135,7 +1135,7 @@ const IconArrowLeft = forwardRef((_ref, ref) => {
 });
 IconArrowLeft.displayName = 'IconArrowLeft';
 
-const _excluded$2M = ["testId", "size", "color", "style"];
+const _excluded$2N = ["testId", "size", "color", "style"];
 const IconArrowRight = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-right',
@@ -1143,7 +1143,7 @@ const IconArrowRight = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2M);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2N);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1166,7 +1166,7 @@ const IconArrowRight = forwardRef((_ref, ref) => {
 });
 IconArrowRight.displayName = 'IconArrowRight';
 
-const _excluded$2L = ["testId", "size", "color", "style"];
+const _excluded$2M = ["testId", "size", "color", "style"];
 const IconArrowToTop = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-to-top',
@@ -1174,7 +1174,7 @@ const IconArrowToTop = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2L);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2M);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1195,7 +1195,7 @@ const IconArrowToTop = forwardRef((_ref, ref) => {
 });
 IconArrowToTop.displayName = 'IconArrowToTop';
 
-const _excluded$2K = ["testId", "size", "color", "style"];
+const _excluded$2L = ["testId", "size", "color", "style"];
 const IconArrowTurnDownRight = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-turn-down-right',
@@ -1203,7 +1203,7 @@ const IconArrowTurnDownRight = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2K);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2L);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1232,7 +1232,7 @@ const IconArrowTurnDownRight = forwardRef((_ref, ref) => {
 });
 IconArrowTurnDownRight.displayName = 'IconArrowTurnDownRight';
 
-const _excluded$2J = ["testId", "size", "color", "style"];
+const _excluded$2K = ["testId", "size", "color", "style"];
 const IconArrowUp = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-up',
@@ -1240,7 +1240,7 @@ const IconArrowUp = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2J);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2K);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1263,7 +1263,7 @@ const IconArrowUp = forwardRef((_ref, ref) => {
 });
 IconArrowUp.displayName = 'IconArrowUp';
 
-const _excluded$2I = ["testId", "size", "color", "style"];
+const _excluded$2J = ["testId", "size", "color", "style"];
 const IconAward = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-award',
@@ -1271,7 +1271,7 @@ const IconAward = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2I);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2J);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1294,7 +1294,7 @@ const IconAward = forwardRef((_ref, ref) => {
 });
 IconAward.displayName = 'IconAward';
 
-const _excluded$2H = ["testId", "size", "color", "style"];
+const _excluded$2I = ["testId", "size", "color", "style"];
 const IconAwfulMonochromatic = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-awful-monochromatic',
@@ -1302,7 +1302,7 @@ const IconAwfulMonochromatic = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2H);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2I);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1355,7 +1355,7 @@ const IconAwfulMonochromatic = forwardRef((_ref, ref) => {
 });
 IconAwfulMonochromatic.displayName = 'IconAwfulMonochromatic';
 
-const _excluded$2G = ["testId", "size", "color", "style"];
+const _excluded$2H = ["testId", "size", "color", "style"];
 const IconAwful = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-awful',
@@ -1363,7 +1363,7 @@ const IconAwful = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2G);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2H);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1404,7 +1404,7 @@ const IconAwful = forwardRef((_ref, ref) => {
 });
 IconAwful.displayName = 'IconAwful';
 
-const _excluded$2F = ["testId", "size", "color", "style"];
+const _excluded$2G = ["testId", "size", "color", "style"];
 const IconBadMonochromatic = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bad-monochromatic',
@@ -1412,7 +1412,7 @@ const IconBadMonochromatic = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2F);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2G);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1451,7 +1451,7 @@ const IconBadMonochromatic = forwardRef((_ref, ref) => {
 });
 IconBadMonochromatic.displayName = 'IconBadMonochromatic';
 
-const _excluded$2E = ["testId", "size", "color", "style"];
+const _excluded$2F = ["testId", "size", "color", "style"];
 const IconBad = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bad',
@@ -1459,7 +1459,7 @@ const IconBad = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2E);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2F);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1486,7 +1486,7 @@ const IconBad = forwardRef((_ref, ref) => {
 });
 IconBad.displayName = 'IconBad';
 
-const _excluded$2D = ["testId", "size", "color", "style"];
+const _excluded$2E = ["testId", "size", "color", "style"];
 const IconBalanceScaleLeft = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-balance-scale-left',
@@ -1494,7 +1494,7 @@ const IconBalanceScaleLeft = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2D);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2E);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1522,7 +1522,7 @@ const IconBalanceScaleLeft = forwardRef((_ref, ref) => {
 });
 IconBalanceScaleLeft.displayName = 'IconBalanceScaleLeft';
 
-const _excluded$2C = ["testId", "size", "color", "style"];
+const _excluded$2D = ["testId", "size", "color", "style"];
 const IconBalanceScale = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-balance-scale',
@@ -1530,7 +1530,7 @@ const IconBalanceScale = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2C);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2D);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1558,7 +1558,7 @@ const IconBalanceScale = forwardRef((_ref, ref) => {
 });
 IconBalanceScale.displayName = 'IconBalanceScale';
 
-const _excluded$2B = ["testId", "size", "color", "style"];
+const _excluded$2C = ["testId", "size", "color", "style"];
 const IconBan = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-ban',
@@ -1566,7 +1566,7 @@ const IconBan = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2B);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2C);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1587,7 +1587,7 @@ const IconBan = forwardRef((_ref, ref) => {
 });
 IconBan.displayName = 'IconBan';
 
-const _excluded$2A = ["testId", "size", "color", "style"];
+const _excluded$2B = ["testId", "size", "color", "style"];
 const IconBarsH = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bars-h',
@@ -1595,7 +1595,7 @@ const IconBarsH = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2A);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2B);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1618,7 +1618,7 @@ const IconBarsH = forwardRef((_ref, ref) => {
 });
 IconBarsH.displayName = 'IconBarsH';
 
-const _excluded$2z = ["testId", "size", "color", "style"];
+const _excluded$2A = ["testId", "size", "color", "style"];
 const IconBarsV = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bars-v',
@@ -1626,7 +1626,7 @@ const IconBarsV = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2A);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1647,7 +1647,7 @@ const IconBarsV = forwardRef((_ref, ref) => {
 });
 IconBarsV.displayName = 'IconBarsV';
 
-const _excluded$2y = ["testId", "size", "color", "style"];
+const _excluded$2z = ["testId", "size", "color", "style"];
 const IconBell = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bell',
@@ -1655,7 +1655,7 @@ const IconBell = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2z);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1678,7 +1678,7 @@ const IconBell = forwardRef((_ref, ref) => {
 });
 IconBell.displayName = 'IconBell';
 
-const _excluded$2x = ["testId", "size", "color", "style"];
+const _excluded$2y = ["testId", "size", "color", "style"];
 const IconBirthdayCake = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-birthday-cake',
@@ -1686,7 +1686,7 @@ const IconBirthdayCake = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2x);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2y);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1707,7 +1707,7 @@ const IconBirthdayCake = forwardRef((_ref, ref) => {
 });
 IconBirthdayCake.displayName = 'IconBirthdayCake';
 
-const _excluded$2w = ["testId", "size", "color", "style"];
+const _excluded$2x = ["testId", "size", "color", "style"];
 const IconBold = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bold',
@@ -1715,7 +1715,7 @@ const IconBold = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2w);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2x);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1736,7 +1736,7 @@ const IconBold = forwardRef((_ref, ref) => {
 });
 IconBold.displayName = 'IconBold';
 
-const _excluded$2v = ["testId", "size", "color", "style"];
+const _excluded$2w = ["testId", "size", "color", "style"];
 const IconBolt = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bolt',
@@ -1744,7 +1744,7 @@ const IconBolt = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2v);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2w);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1772,7 +1772,7 @@ const IconBolt = forwardRef((_ref, ref) => {
 });
 IconBolt.displayName = 'IconBolt';
 
-const _excluded$2u = ["testId", "size", "color", "style"];
+const _excluded$2v = ["testId", "size", "color", "style"];
 const IconBook = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-book',
@@ -1780,7 +1780,7 @@ const IconBook = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2u);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2v);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1803,7 +1803,7 @@ const IconBook = forwardRef((_ref, ref) => {
 });
 IconBook.displayName = 'IconBook';
 
-const _excluded$2t = ["testId", "size", "color", "style"];
+const _excluded$2u = ["testId", "size", "color", "style"];
 const IconBriefcase = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-briefcase',
@@ -1811,7 +1811,7 @@ const IconBriefcase = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2t);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2u);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1832,7 +1832,7 @@ const IconBriefcase = forwardRef((_ref, ref) => {
 });
 IconBriefcase.displayName = 'IconBriefcase';
 
-const _excluded$2s = ["testId", "size", "color", "style"];
+const _excluded$2t = ["testId", "size", "color", "style"];
 const IconBullseyeArrow = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bullseye-arrow',
@@ -1840,7 +1840,7 @@ const IconBullseyeArrow = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2s);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2t);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1863,7 +1863,7 @@ const IconBullseyeArrow = forwardRef((_ref, ref) => {
 });
 IconBullseyeArrow.displayName = 'IconBullseyeArrow';
 
-const _excluded$2r = ["testId", "size", "color", "style"];
+const _excluded$2s = ["testId", "size", "color", "style"];
 const IconCalculator = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calculator',
@@ -1871,7 +1871,7 @@ const IconCalculator = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2r);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2s);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1894,7 +1894,7 @@ const IconCalculator = forwardRef((_ref, ref) => {
 });
 IconCalculator.displayName = 'IconCalculator';
 
-const _excluded$2q = ["testId", "size", "color", "style"];
+const _excluded$2r = ["testId", "size", "color", "style"];
 const IconCalendarAlt = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-alt',
@@ -1902,7 +1902,7 @@ const IconCalendarAlt = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2r);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1925,7 +1925,7 @@ const IconCalendarAlt = forwardRef((_ref, ref) => {
 });
 IconCalendarAlt.displayName = 'IconCalendarAlt';
 
-const _excluded$2p = ["testId", "size", "color", "style"];
+const _excluded$2q = ["testId", "size", "color", "style"];
 const IconCalendarCheck = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-check',
@@ -1933,7 +1933,7 @@ const IconCalendarCheck = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2p);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2q);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1956,7 +1956,7 @@ const IconCalendarCheck = forwardRef((_ref, ref) => {
 });
 IconCalendarCheck.displayName = 'IconCalendarCheck';
 
-const _excluded$2o = ["testId", "size", "color", "style"];
+const _excluded$2p = ["testId", "size", "color", "style"];
 const IconCalendarDay = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-day',
@@ -1964,7 +1964,7 @@ const IconCalendarDay = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2o);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2p);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1992,7 +1992,7 @@ const IconCalendarDay = forwardRef((_ref, ref) => {
 });
 IconCalendarDay.displayName = 'IconCalendarDay';
 
-const _excluded$2n = ["testId", "size", "color", "style"];
+const _excluded$2o = ["testId", "size", "color", "style"];
 const IconCalendarExclamation = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-exclamation',
@@ -2000,7 +2000,7 @@ const IconCalendarExclamation = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2n);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2o);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2021,7 +2021,7 @@ const IconCalendarExclamation = forwardRef((_ref, ref) => {
 });
 IconCalendarExclamation.displayName = 'IconCalendarExclamation';
 
-const _excluded$2m = ["testId", "size", "color", "style"];
+const _excluded$2n = ["testId", "size", "color", "style"];
 const IconCalendarStar = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-star',
@@ -2029,7 +2029,7 @@ const IconCalendarStar = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2m);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2n);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2050,7 +2050,7 @@ const IconCalendarStar = forwardRef((_ref, ref) => {
 });
 IconCalendarStar.displayName = 'IconCalendarStar';
 
-const _excluded$2l = ["testId", "size", "color", "style"];
+const _excluded$2m = ["testId", "size", "color", "style"];
 const IconCalendarTomorrow = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-tomorrow',
@@ -2058,7 +2058,7 @@ const IconCalendarTomorrow = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2l);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2m);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2088,7 +2088,7 @@ const IconCalendarTomorrow = forwardRef((_ref, ref) => {
 });
 IconCalendarTomorrow.displayName = 'IconCalendarTomorrow';
 
-const _excluded$2k = ["testId", "size", "color", "style"];
+const _excluded$2l = ["testId", "size", "color", "style"];
 const IconCalendar = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar',
@@ -2096,7 +2096,7 @@ const IconCalendar = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2k);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2l);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2119,7 +2119,7 @@ const IconCalendar = forwardRef((_ref, ref) => {
 });
 IconCalendar.displayName = 'IconCalendar';
 
-const _excluded$2j = ["testId", "size", "color", "style"];
+const _excluded$2k = ["testId", "size", "color", "style"];
 const IconCameraSlash = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-camera-slash',
@@ -2127,7 +2127,7 @@ const IconCameraSlash = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2j);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2k);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2151,7 +2151,7 @@ const IconCameraSlash = forwardRef((_ref, ref) => {
 });
 IconCameraSlash.displayName = 'IconCameraSlash';
 
-const _excluded$2i = ["testId", "size", "color", "style"];
+const _excluded$2j = ["testId", "size", "color", "style"];
 const IconCamera = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-camera',
@@ -2159,7 +2159,7 @@ const IconCamera = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2i);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2j);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2180,7 +2180,7 @@ const IconCamera = forwardRef((_ref, ref) => {
 });
 IconCamera.displayName = 'IconCamera';
 
-const _excluded$2h = ["testId", "size", "color", "style"];
+const _excluded$2i = ["testId", "size", "color", "style"];
 const IconCashRegister = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-cash-register',
@@ -2188,7 +2188,7 @@ const IconCashRegister = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2h);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2i);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2209,7 +2209,7 @@ const IconCashRegister = forwardRef((_ref, ref) => {
 });
 IconCashRegister.displayName = 'IconCashRegister';
 
-const _excluded$2g = ["testId", "size", "color", "style"];
+const _excluded$2h = ["testId", "size", "color", "style"];
 const IconChartBar = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-chart-bar',
@@ -2217,7 +2217,7 @@ const IconChartBar = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2g);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2h);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2240,7 +2240,7 @@ const IconChartBar = forwardRef((_ref, ref) => {
 });
 IconChartBar.displayName = 'IconChartBar';
 
-const _excluded$2f = ["testId", "size", "color", "style"];
+const _excluded$2g = ["testId", "size", "color", "style"];
 const IconCheckCircleIncomplete = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-check-circle-incomplete',
@@ -2248,7 +2248,7 @@ const IconCheckCircleIncomplete = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2f);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2g);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2269,7 +2269,7 @@ const IconCheckCircleIncomplete = forwardRef((_ref, ref) => {
 });
 IconCheckCircleIncomplete.displayName = 'IconCheckCircleIncomplete';
 
-const _excluded$2e = ["testId", "size", "color", "style"];
+const _excluded$2f = ["testId", "size", "color", "style"];
 const IconCheck = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-check',
@@ -2277,7 +2277,7 @@ const IconCheck = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2e);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2f);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2300,7 +2300,7 @@ const IconCheck = forwardRef((_ref, ref) => {
 });
 IconCheck.displayName = 'IconCheck';
 
-const _excluded$2d = ["testId", "size", "color", "style"];
+const _excluded$2e = ["testId", "size", "color", "style"];
 const IconChevronDown = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-chevron-down',
@@ -2308,7 +2308,7 @@ const IconChevronDown = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2d);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2e);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2331,7 +2331,7 @@ const IconChevronDown = forwardRef((_ref, ref) => {
 });
 IconChevronDown.displayName = 'IconChevronDown';
 
-const _excluded$2c = ["testId", "size", "color", "style"];
+const _excluded$2d = ["testId", "size", "color", "style"];
 const IconChevronLeft = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-chevron-left',
@@ -2339,7 +2339,7 @@ const IconChevronLeft = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2c);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2d);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2362,7 +2362,7 @@ const IconChevronLeft = forwardRef((_ref, ref) => {
 });
 IconChevronLeft.displayName = 'IconChevronLeft';
 
-const _excluded$2b = ["testId", "size", "color", "style"];
+const _excluded$2c = ["testId", "size", "color", "style"];
 const IconChevronRight = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-chevron-right',
@@ -2370,7 +2370,7 @@ const IconChevronRight = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2b);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2c);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2393,7 +2393,7 @@ const IconChevronRight = forwardRef((_ref, ref) => {
 });
 IconChevronRight.displayName = 'IconChevronRight';
 
-const _excluded$2a = ["testId", "size", "color", "style"];
+const _excluded$2b = ["testId", "size", "color", "style"];
 const IconChevronUp = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-chevron-up',
@@ -2401,7 +2401,7 @@ const IconChevronUp = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2b);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2424,7 +2424,7 @@ const IconChevronUp = forwardRef((_ref, ref) => {
 });
 IconChevronUp.displayName = 'IconChevronUp';
 
-const _excluded$29 = ["testId", "size", "color", "style"];
+const _excluded$2a = ["testId", "size", "color", "style"];
 const IconClipboardList = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-clipboard-list',
@@ -2432,7 +2432,7 @@ const IconClipboardList = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$29);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2a);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2455,7 +2455,7 @@ const IconClipboardList = forwardRef((_ref, ref) => {
 });
 IconClipboardList.displayName = 'IconClipboardList';
 
-const _excluded$28 = ["testId", "size", "color", "style"];
+const _excluded$29 = ["testId", "size", "color", "style"];
 const IconClockExclamation = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-clock-exclamation',
@@ -2463,7 +2463,7 @@ const IconClockExclamation = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$28);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$29);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2491,7 +2491,7 @@ const IconClockExclamation = forwardRef((_ref, ref) => {
 });
 IconClockExclamation.displayName = 'IconClockExclamation';
 
-const _excluded$27 = ["testId", "size", "color", "style"];
+const _excluded$28 = ["testId", "size", "color", "style"];
 const IconClockRewind = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-clock-rewind',
@@ -2499,7 +2499,7 @@ const IconClockRewind = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$27);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$28);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2527,7 +2527,7 @@ const IconClockRewind = forwardRef((_ref, ref) => {
 });
 IconClockRewind.displayName = 'IconClockRewind';
 
-const _excluded$26 = ["testId", "size", "color", "style"];
+const _excluded$27 = ["testId", "size", "color", "style"];
 const IconClock = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-clock',
@@ -2535,7 +2535,7 @@ const IconClock = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$26);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$27);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2556,7 +2556,7 @@ const IconClock = forwardRef((_ref, ref) => {
 });
 IconClock.displayName = 'IconClock';
 
-const _excluded$25 = ["testId", "size", "color", "style"];
+const _excluded$26 = ["testId", "size", "color", "style"];
 const IconCog = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-cog',
@@ -2564,7 +2564,7 @@ const IconCog = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$25);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$26);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2585,7 +2585,7 @@ const IconCog = forwardRef((_ref, ref) => {
 });
 IconCog.displayName = 'IconCog';
 
-const _excluded$24 = ["testId", "size", "color", "style"];
+const _excluded$25 = ["testId", "size", "color", "style"];
 const IconCommentLines = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-comment-lines',
@@ -2593,7 +2593,7 @@ const IconCommentLines = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$24);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$25);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2619,7 +2619,7 @@ const IconCommentLines = forwardRef((_ref, ref) => {
 });
 IconCommentLines.displayName = 'IconCommentLines';
 
-const _excluded$23 = ["testId", "size", "color", "style"];
+const _excluded$24 = ["testId", "size", "color", "style"];
 const IconComment = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-comment',
@@ -2627,7 +2627,7 @@ const IconComment = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$23);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$24);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2650,7 +2650,7 @@ const IconComment = forwardRef((_ref, ref) => {
 });
 IconComment.displayName = 'IconComment';
 
-const _excluded$22 = ["testId", "size", "color", "style"];
+const _excluded$23 = ["testId", "size", "color", "style"];
 const IconCopy = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-copy',
@@ -2658,7 +2658,7 @@ const IconCopy = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$22);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$23);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2686,7 +2686,7 @@ const IconCopy = forwardRef((_ref, ref) => {
 });
 IconCopy.displayName = 'IconCopy';
 
-const _excluded$21 = ["testId", "size", "color", "style"];
+const _excluded$22 = ["testId", "size", "color", "style"];
 const IconCreditCardPlus = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-credit-card-plus',
@@ -2694,7 +2694,7 @@ const IconCreditCardPlus = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$21);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$22);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2724,7 +2724,7 @@ const IconCreditCardPlus = forwardRef((_ref, ref) => {
 });
 IconCreditCardPlus.displayName = 'IconCreditCardPlus';
 
-const _excluded$20 = ["testId", "size", "color", "style"];
+const _excluded$21 = ["testId", "size", "color", "style"];
 const IconCreditCard = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-credit-card',
@@ -2732,7 +2732,7 @@ const IconCreditCard = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$20);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$21);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2760,7 +2760,7 @@ const IconCreditCard = forwardRef((_ref, ref) => {
 });
 IconCreditCard.displayName = 'IconCreditCard';
 
-const _excluded$1$ = ["testId", "size", "color", "style"];
+const _excluded$20 = ["testId", "size", "color", "style"];
 const IconDecentMonochromatic = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-decent-monochromatic',
@@ -2768,7 +2768,7 @@ const IconDecentMonochromatic = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$20);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2811,7 +2811,7 @@ const IconDecentMonochromatic = forwardRef((_ref, ref) => {
 });
 IconDecentMonochromatic.displayName = 'IconDecentMonochromatic';
 
-const _excluded$1_ = ["testId", "size", "color", "style"];
+const _excluded$1$ = ["testId", "size", "color", "style"];
 const IconDecent = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-decent',
@@ -2819,7 +2819,7 @@ const IconDecent = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1$);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2850,6 +2850,35 @@ const IconDecent = forwardRef((_ref, ref) => {
 });
 IconDecent.displayName = 'IconDecent';
 
+const _excluded$1_ = ["testId", "size", "color", "style"];
+const IconDollarSign = forwardRef((_ref, ref) => {
+  let {
+      testId = 'icon-dollar-sign',
+      size,
+      color,
+      style
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1_);
+  const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  const styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color,
+    style
+  };
+  return React__default.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20",
+    style: getIconStyles(styleProps),
+    "data-testid": testId,
+    ref: ref
+  }, props), React__default.createElement("path", {
+    fill: "currentColor",
+    d: "M10.252.625A.627.627 0 0 0 9.627 0a.627.627 0 0 0-.625.625v1.856a9.155 9.155 0 0 0-.735.036c-.938.078-1.872.304-2.634.805-.785.512-1.352 1.29-1.559 2.383-.148.794-.074 1.493.223 2.099.29.598.762 1.047 1.31 1.395 1.042.664 2.484 1.043 3.797 1.387l.067.016c1.395.367 2.65.7 3.51 1.246.413.266.695.555.855.883.156.325.226.743.117 1.321-.152.81-.719 1.423-1.676 1.798-.973.383-2.31.492-3.83.274-.953-.141-2.384-.473-3.568-.985a.622.622 0 0 0-.82.328.62.62 0 0 0 .328.82c1.313.567 2.856.919 3.88 1.071h.004c.25.035.496.063.739.082v1.935c0 .344.281.625.625.625a.627.627 0 0 0 .625-.625v-1.9c.907-.027 1.75-.183 2.478-.464 1.25-.489 2.196-1.395 2.45-2.732.148-.793.074-1.493-.223-2.098-.289-.598-.766-1.048-1.309-1.392-1.043-.664-2.485-1.043-3.798-1.387l-.067-.016c-1.395-.367-2.65-.699-3.509-1.246-.414-.266-.695-.555-.856-.883-.156-.325-.226-.743-.117-1.321.14-.754.512-1.243 1.016-1.571.524-.344 1.231-.535 2.056-.606 1.653-.136 3.567.235 4.857.547a.624.624 0 1 0 .293-1.215c-.856-.207-2.036-.457-3.275-.563L10.252.625Z"
+  }));
+});
+IconDollarSign.displayName = 'IconDollarSign';
+
 const _excluded$1Z = ["testId", "size", "color", "style"];
 const IconDownload = forwardRef((_ref, ref) => {
   let {
@@ -11302,7 +11331,7 @@ const RadioGroupField = ({
   }, caption), controllers.error && React__default.createElement(ErrorMessage, null, controllers.error))));
 };
 
-var styles$f = {"text-field":"_6Of1F","text-field--invalid":"_NQPNK","text-field--prefixed":"_BpQWQ","text-field--suffixed":"_cpYWb","password-container":"_pAoib","password-toggle":"_WVvS6"};
+var styles$f = {"text-field":"_6Of1F","text-field--invalid":"_NQPNK","text-field--prefixed":"_BpQWQ","text-field--suffixed":"_cpYWb","password-container":"_pAoib","password-toggle":"_WVvS6","password-toggle--disabled":"_G29N3"};
 
 var styles$e = {"password-criteria":"_1ruWK","password-criteria--invalid":"_xR7tb"};
 
@@ -11365,7 +11394,10 @@ const PasswordField = ({
   testId
 }) => {
   const [type, setType] = useState('password');
-  const toggleType = () => setType(type === 'password' ? 'text' : 'password');
+  const toggleType = () => {
+    if (disabled) return;
+    setType(type === 'password' ? 'text' : 'password');
+  };
   const controllers = useFieldControllers({
     name,
     id: inputId,
@@ -11402,7 +11434,9 @@ const PasswordField = ({
     onChange: controllers.onChange,
     onBlur: controllers.onBlur
   }), React__default.createElement("div", {
-    className: styles$f['password-toggle'],
+    className: classnames(styles$f['password-toggle'], {
+      [styles$f['password-toggle--disabled']]: disabled
+    }),
     onClick: toggleType,
     onKeyPress: toggleType,
     "data-testid": testId && `${testId}-toggle`,
@@ -14225,5 +14259,5 @@ const EmptyState = props => {
   return emptyStateContainer;
 };
 
-export { Accordion, ActionList, ActionListItem, AsyncSelectField, Avatar, Badge, Bold, BreadcrumbItem, Breadcrumbs, Button, COLORS, Calendar, CalloutCard, Card, CheckboxField, Chip, CircularProgress, CurrencyField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateFilter, DateRangeField, Dropdown, DropdownList, DropdownListDivider, DropdownListItem, EmptyState, Form, FormFeedback, FormFooter, FormRow, FormSection, HintModal, IconAnalytics, IconArrowDown, IconArrowDownWideShort, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowTurnDownRight, IconArrowUp, IconAward, IconAwful, IconAwfulMonochromatic, IconBad, IconBadMonochromatic, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBirthdayCake, IconBold, IconBolt, IconBook, IconBriefcase, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarStar, IconCalendarTomorrow, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconCheckCircleIncomplete, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconClockExclamation, IconClockRewind, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDecent, IconDecentMonochromatic, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconEnvelopeOpenDollar, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFaceSmileRelaxed, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGavel, IconGif, IconGift, IconGood, IconGoodMonochromatic, IconGreat, IconGreatMonochromatic, IconGrinBeam, IconGripVertical, IconHandHoldingDollar, IconHandPointRight, IconHandshake, IconHatChef, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMedal, IconMegaphone, IconMessages, IconMinus, IconMinusCircle, IconMoneyBill, IconMugSaucerSolid, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlateUtensils, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconReply, IconRocket, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconStar, IconStarSolid, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTable, IconTachometer, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUniversity, IconUnlock, IconUserComputer, IconUserFriends, IconUserLight, IconUserPlus, IconUserSearch, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, InlineBanner, Italic, Link, Modal, ModalBody, ModalFooter, MultiSelectField, NumberField, Page, PaginationControls, PasswordField, Paywall, PercentageField, PersistentBanner, PhoneField, Pill, PillSelectField, ProgressBar, RadioGroupBoxOption, RadioGroupField, RadioGroupOption, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SegmentedControl, SelectField, Skeleton, SousChefProvider, Spinner, Stack, Text, TextAreaField, TextField, TimeField, TimeRangeField, Toggle, ToolbarSelect, Tooltip, Underline, WeekField, ZINDEX, toast, useDataTableContext };
+export { Accordion, ActionList, ActionListItem, AsyncSelectField, Avatar, Badge, Bold, BreadcrumbItem, Breadcrumbs, Button, COLORS, Calendar, CalloutCard, Card, CheckboxField, Chip, CircularProgress, CurrencyField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateFilter, DateRangeField, Dropdown, DropdownList, DropdownListDivider, DropdownListItem, EmptyState, Form, FormFeedback, FormFooter, FormRow, FormSection, HintModal, IconAnalytics, IconArrowDown, IconArrowDownWideShort, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowTurnDownRight, IconArrowUp, IconAward, IconAwful, IconAwfulMonochromatic, IconBad, IconBadMonochromatic, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBirthdayCake, IconBold, IconBolt, IconBook, IconBriefcase, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarStar, IconCalendarTomorrow, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconCheckCircleIncomplete, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconClockExclamation, IconClockRewind, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDecent, IconDecentMonochromatic, IconDollarSign, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconEnvelopeOpenDollar, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFaceSmileRelaxed, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGavel, IconGif, IconGift, IconGood, IconGoodMonochromatic, IconGreat, IconGreatMonochromatic, IconGrinBeam, IconGripVertical, IconHandHoldingDollar, IconHandPointRight, IconHandshake, IconHatChef, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMedal, IconMegaphone, IconMessages, IconMinus, IconMinusCircle, IconMoneyBill, IconMugSaucerSolid, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlateUtensils, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconReply, IconRocket, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconStar, IconStarSolid, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTable, IconTachometer, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUniversity, IconUnlock, IconUserComputer, IconUserFriends, IconUserLight, IconUserPlus, IconUserSearch, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, InlineBanner, Italic, Link, Modal, ModalBody, ModalFooter, MultiSelectField, NumberField, Page, PaginationControls, PasswordField, Paywall, PercentageField, PersistentBanner, PhoneField, Pill, PillSelectField, ProgressBar, RadioGroupBoxOption, RadioGroupField, RadioGroupOption, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SegmentedControl, SelectField, Skeleton, SousChefProvider, Spinner, Stack, Text, TextAreaField, TextField, TimeField, TimeRangeField, Toggle, ToolbarSelect, Tooltip, Underline, WeekField, ZINDEX, toast, useDataTableContext };
 //# sourceMappingURL=index.modern.mjs.map