@ornikar/kitt-universal 18.0.2 → 19.0.0

package/dist/index.es.js

@@ -555,14 +555,6 @@ var button = {
       activeColor: colors.hover
     }
   },
-  white: {
-    "default": {
-      backgroundColor: 'rgba(255, 255, 255, 0.05)',
-      pressedBackgroundColor: 'rgba(255, 255, 255, 0.1)',
-      hoverBackgroundColor: 'rgba(255, 255, 255, 0.1)',
-      focusBorderColor: 'rgba(255, 255, 255, 0.1)'
-    }
-  },
   danger: {
     "default": {
       backgroundColor: lateOceanColorPalette.warmEmbraceLight1,
@@ -1208,8 +1200,8 @@ var iconButton = {
   "default": {
     pressedBackgroundColor: button["default"]["default"].pressedBackgroundColor
   },
-  white: {
-    pressedBackgroundColor: button.white["default"].hoverBackgroundColor
+  ghost: {
+    pressedBackgroundColor: button["default"].ghost.pressedBackgroundColor
   },
   primary: {
     pressedBackgroundColor: lateOceanColorPalette.moonPurpleLight1
@@ -2069,13 +2061,11 @@ function TypographyIcon(_ref2) {
   return /*#__PURE__*/jsx(TypographyIconInheritColor, _objectSpread({}, props));
 }
 
-var getTextColorByType = function (type, variant, isHovered, isPressed) {
+var getButtonTextColorByType = function (type, variant, isHovered, isPressed) {
   var isButtonInteractedWith = isHovered || isPressed;
   switch (type) {
     case 'primary':
       return variant === 'ghost' ? 'primary' : 'white';
-    case 'white':
-      return 'white';
     case 'danger':
       return 'danger';
     case 'subtle':
@@ -2165,7 +2155,7 @@ function ButtonContent(_ref3) {
     isPressed = _ref3.isPressed;
     _ref3.isFocused;
     var props = _objectWithoutProperties(_ref3, _excluded$J);
-  var color = isDisabled ? 'black-light' : getTextColorByType(type, variant, isHovered, isPressed);
+  var color = isDisabled ? 'black-light' : getButtonTextColorByType(type, variant, isHovered, isPressed);
   return /*#__PURE__*/jsx(View, {
     _web: {
       // Make the multilines case work properly on web
@@ -6892,8 +6882,8 @@ function getBackgroundColor(color, isDisabled) {
   switch (color) {
     case 'primary':
       return 'kitt.iconButton.primary.pressed.backgroundColor';
-    case 'white':
-      return 'kitt.iconButton.white.pressed.backgroundColor';
+    case 'ghost':
+      return 'kitt.iconButton.ghost.pressed.backgroundColor';
     case 'black':
     default:
       return 'kitt.iconButton.black.pressed.backgroundColor';
@@ -7020,6 +7010,18 @@ function useNativeAnimation(_ref) {
   };
 }
 
+var getIconButtonTextColorByColor = function (color, disabled) {
+  if (disabled) {
+    return 'black-light';
+  }
+  switch (color) {
+    case 'ghost':
+      return 'white';
+    default:
+      return color;
+  }
+};
+
 function IconButton(_ref) {
   var icon = _ref.icon,
     _ref$color = _ref.color,
@@ -7084,7 +7086,7 @@ function IconButton(_ref) {
           alignItems: "center",
           justifyContent: "center",
           children: /*#__PURE__*/jsx(TypographyIcon, {
-            color: disabled ? 'black-light' : color,
+            color: getIconButtonTextColorByColor(color, disabled),
             icon: icon
           })
         })]
@@ -7478,7 +7480,7 @@ var getIconButtonColor = function (messageType) {
   switch (messageType) {
     case 'success':
     case 'danger':
-      return 'white';
+      return 'ghost';
     case 'warning':
     default:
       return 'black';
@@ -7705,7 +7707,6 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
           "default": theme.button["default"],
           primary: theme.button.primary,
           danger: theme.button.danger,
-          white: theme.button.white,
           subtle: theme.button.subtle,
           'subtle-dark': theme.button['subtle-dark'],
           disabled: theme.button.disabled
@@ -7908,9 +7909,9 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
               backgroundColor: theme.iconButton["default"].pressedBackgroundColor
             }
           },
-          white: {
+          ghost: {
             pressed: {
-              backgroundColor: theme.iconButton.white.pressedBackgroundColor
+              backgroundColor: theme.iconButton.ghost.pressedBackgroundColor
             }
           },
           primary: {