@ornikar/kitt-universal 3.8.0 → 3.8.1

package/dist/index-browser-all.es.web.js

@@ -1449,7 +1449,7 @@ function StyleWebWrapper(_ref) {
   }));
 }
 
-var _excluded$6 = ["color"];
+var _excluded$6 = ["color", "disabled"];
 
 function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -1459,20 +1459,25 @@ var PressableIconButtonWebWrapper = withTheme( /*#__PURE__*/styled("div")({
   "class": "p1nlccvg",
   vars: {
     "p1nlccvg-0": [function (_ref) {
-      var theme = _ref.theme;
-      return theme.kitt.iconButton.scale.base.hover;
+      var theme = _ref.theme,
+          $isDisabled = _ref.$isDisabled;
+      return $isDisabled ? 1 : theme.kitt.iconButton.scale.base.hover;
     }],
     "p1nlccvg-2": [function (_ref2) {
-      var theme = _ref2.theme;
-      return theme.kitt.iconButton.scale.medium.hover;
+      var theme = _ref2.theme,
+          $isDisabled = _ref2.$isDisabled;
+      return $isDisabled ? 1 : theme.kitt.iconButton.scale.medium.hover;
     }],
     "p1nlccvg-3": [function (_ref3) {
-      var theme = _ref3.theme;
-      return theme.kitt.iconButton.scale.base.active;
+      var theme = _ref3.theme,
+          $isDisabled = _ref3.$isDisabled;
+      return $isDisabled ? 1 : theme.kitt.iconButton.scale.base.active;
     }],
     "p1nlccvg-4": [function (_ref4) {
       var theme = _ref4.theme,
-          $isWhite = _ref4.$isWhite;
+          $isWhite = _ref4.$isWhite,
+          $isDisabled = _ref4.$isDisabled;
+      if ($isDisabled) return theme.kitt.iconButton.disabled.backgroundColor;
       var _theme$kitt$iconButto = theme.kitt.iconButton,
           white = _theme$kitt$iconButto.white,
           defaultIconButton = _theme$kitt$iconButto["default"];
@@ -1507,12 +1512,16 @@ var StyledPressableIconButton = /*#__PURE__*/styled$1(Pressable).withConfig({
 });
 function PressableIconButton(_ref9) {
   var color = _ref9.color,
+      disabled = _ref9.disabled,
       props = _objectWithoutProperties(_ref9, _excluded$6);
 
   return /*#__PURE__*/jsx(StyleWebWrapper, {
     as: PressableIconButtonWebWrapper,
     $isWhite: color === 'white',
-    children: /*#__PURE__*/jsx(StyledPressableIconButton, _objectSpread$7({}, props))
+    $isDisabled: Boolean(disabled),
+    children: /*#__PURE__*/jsx(StyledPressableIconButton, _objectSpread$7(_objectSpread$7({}, props), {}, {
+      disabled: disabled
+    }))
   });
 }