@ornikar/kitt-universal 27.3.0 → 27.4.0

package/dist/index.es.web.js

@@ -757,7 +757,7 @@ var webAnimationOverlayEasing$2 = [0.42, 0, 1, 1];
 var maxWidth = 540;
 var overlayHorizontalPadding = 24;
 var cardModal = {
-  borderRadius: 20,
+  borderRadius: spacing * 2,
   maxWidth: maxWidth,
   maxWidthWithPadding: maxWidth + overlayHorizontalPadding * 2,
   minHeight: 280,
@@ -849,7 +849,7 @@ var webAnimationContentEasing$1 = [0.77, 0, 0.175, 1];
 var webAnimationOverlayDuration$1 = 250;
 var webAnimationOverlayEasing$1 = [0.42, 0, 1, 1];
 var dialogModal = {
-  borderRadius: 20,
+  borderRadius: spacing * 2,
   maxWidth: 540,
   overlayPadding: {
     horizontal: 24,
@@ -1818,10 +1818,10 @@ var highlight = {
   },
   primary: {
     "default": {
-      backgroundColor: deepPurpleColorPalette['beige.2']
+      backgroundColor: deepPurpleColorPalette['blue.1']
     },
     hover: {
-      backgroundColor: deepPurpleColorPalette['beige.4']
+      backgroundColor: deepPurpleColorPalette['blue.2']
     }
   },
   secondary: {
@@ -1842,10 +1842,14 @@ var highlight = {
   },
   dark: {
     "default": {
-      backgroundColor: deepPurpleColorPalette['beige.2']
+      backgroundColor: deepPurpleColorPalette['grey.0'],
+      borderWidth: 1,
+      borderColor: deepPurpleColorPalette['beige.3']
     },
     hover: {
-      backgroundColor: deepPurpleColorPalette['beige.1']
+      backgroundColor: deepPurpleColorPalette['beige.1'],
+      borderWidth: 1,
+      borderColor: deepPurpleColorPalette['beige.3']
     }
   },
   success: {
@@ -7518,6 +7522,8 @@ function AnimatedContainer(_ref) {
     },
     borderRadius: "kitt.highlight.borderRadius",
     padding: theme.kitt.highlight.padding[size],
+    borderWidth: theme.kitt.highlight[variant]["default"].borderWidth,
+    borderColor: theme.kitt.highlight[variant]["default"].borderColor,
     backgroundColor: isHovered ? theme.kitt.highlight[variant].hover.backgroundColor : theme.kitt.highlight[variant]["default"].backgroundColor,
     children: children
   });
@@ -7608,6 +7614,8 @@ function Highlight(_ref) {
       borderRadius: "kitt.highlight.borderRadius",
       padding: theme.kitt.highlight.padding[size],
       backgroundColor: "kitt.highlight.".concat(variant, ".default.backgroundColor"),
+      borderWidth: theme.kitt.highlight[variant]["default"].borderWidth,
+      borderColor: theme.kitt.highlight[variant]["default"].borderColor,
       children: /*#__PURE__*/jsxs(HStack, {
         space: highlightStyle[size].spaceBetween,
         children: [icon && /*#__PURE__*/jsx(View, {
@@ -8146,6 +8154,8 @@ var getColorByType = function (type) {
   switch (type) {
     case 'success':
     case 'danger':
+    case 'info':
+      return 'white';
     case 'warning':
     default:
       return 'black';
@@ -8155,6 +8165,8 @@ var getIconButtonColor = function (messageType) {
   switch (messageType) {
     case 'success':
     case 'danger':
+    case 'info':
+      return 'ghost';
     case 'warning':
     default:
       return 'black';
@@ -8175,7 +8187,7 @@ function BaseMessage(_ref) {
     justifyContent: "space-between",
     minHeight: "kitt.feedbackMessage.minHeight",
     paddingTop: insets === null || insets === void 0 ? void 0 : insets.top,
-    borderRadius: hasNoRadius ? undefined : 'kitt.5',
+    borderRadius: hasNoRadius ? undefined : 'kitt.2',
     backgroundColor: "kitt.feedbackMessage.".concat(type, ".backgroundColor"),
     children: [/*#__PURE__*/jsxs(HStack, {
       flexGrow: 1,
@@ -8183,9 +8195,9 @@ function BaseMessage(_ref) {
       alignSelf: "center",
       alignItems: "flex-start",
       paddingY: "kitt.4",
-      paddingX: "kitt.5",
+      paddingX: "kitt.4",
       children: [centeredText ? null : /*#__PURE__*/jsx(View, {
-        marginRight: "kitt.5",
+        marginRight: "kitt.2",
         children: /*#__PURE__*/jsx(Icon, {
           color: color,
           icon: /*#__PURE__*/jsx(IconContent, {