@ornikar/kitt-universal 18.0.2 → 19.0.0

package/dist/index.es.web.js

@@ -551,14 +551,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,
@@ -1204,8 +1196,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
@@ -2111,13 +2103,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':
@@ -2207,7 +2197,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
@@ -5893,8 +5883,8 @@ function getBackgroundColor$1(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';
@@ -5999,6 +5989,18 @@ function useNativeAnimation() {
   };
 }
 
+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,
@@ -6060,7 +6062,7 @@ function IconButton(_ref) {
           alignItems: "center",
           justifyContent: "center",
           children: /*#__PURE__*/jsx(TypographyIcon, {
-            color: disabled ? 'black-light' : color,
+            color: getIconButtonTextColorByColor(color, disabled),
             icon: icon
           })
         })]
@@ -6454,7 +6456,7 @@ var getIconButtonColor = function (messageType) {
   switch (messageType) {
     case 'success':
     case 'danger':
-      return 'white';
+      return 'ghost';
     case 'warning':
     default:
       return 'black';
@@ -6681,7 +6683,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
@@ -6884,9 +6885,9 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
               backgroundColor: theme.iconButton["default"].pressedBackgroundColor
             }
           },
-          white: {
+          ghost: {
             pressed: {
-              backgroundColor: theme.iconButton.white.pressedBackgroundColor
+              backgroundColor: theme.iconButton.ghost.pressedBackgroundColor
             }
           },
           primary: {