@ornikar/kitt-universal 27.3.0 → 27.4.0

package/dist/index-node-22.17.cjs.web.js

@@ -746,7 +746,7 @@ const webAnimationOverlayEasing$2 = [0.42, 0, 1, 1];
 const maxWidth = 540;
 const overlayHorizontalPadding = 24;
 const cardModal = {
-  borderRadius: 20,
+  borderRadius: spacing * 2,
   maxWidth,
   maxWidthWithPadding: maxWidth + overlayHorizontalPadding * 2,
   minHeight: 280,
@@ -838,7 +838,7 @@ const webAnimationContentEasing$1 = [0.77, 0, 0.175, 1];
 const webAnimationOverlayDuration$1 = 250;
 const webAnimationOverlayEasing$1 = [0.42, 0, 1, 1];
 const dialogModal = {
-  borderRadius: 20,
+  borderRadius: spacing * 2,
   maxWidth: 540,
   overlayPadding: {
     horizontal: 24,
@@ -1807,10 +1807,10 @@ const highlight = {
   },
   primary: {
     default: {
-      backgroundColor: deepPurpleColorPalette['beige.2']
+      backgroundColor: deepPurpleColorPalette['blue.1']
     },
     hover: {
-      backgroundColor: deepPurpleColorPalette['beige.4']
+      backgroundColor: deepPurpleColorPalette['blue.2']
     }
   },
   secondary: {
@@ -1831,10 +1831,14 @@ const 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: {
@@ -7342,6 +7346,8 @@ function AnimatedContainer({
     },
     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
   });
@@ -7421,6 +7427,8 @@ function Highlight({
       borderRadius: "kitt.highlight.borderRadius",
       padding: theme.kitt.highlight.padding[size],
       backgroundColor: `kitt.highlight.${variant}.default.backgroundColor`,
+      borderWidth: theme.kitt.highlight[variant].default.borderWidth,
+      borderColor: theme.kitt.highlight[variant].default.borderColor,
       children: /*#__PURE__*/jsxRuntime.jsxs(HStack, {
         space: highlightStyle[size].spaceBetween,
         children: [icon && /*#__PURE__*/jsxRuntime.jsx(View, {
@@ -7958,6 +7966,8 @@ const getColorByType = type => {
   switch (type) {
     case 'success':
     case 'danger':
+    case 'info':
+      return 'white';
     case 'warning':
     default:
       return 'black';
@@ -7967,6 +7977,8 @@ const getIconButtonColor = messageType => {
   switch (messageType) {
     case 'success':
     case 'danger':
+    case 'info':
+      return 'ghost';
     case 'warning':
     default:
       return 'black';
@@ -7987,7 +7999,7 @@ function BaseMessage({
     justifyContent: "space-between",
     minHeight: "kitt.feedbackMessage.minHeight",
     paddingTop: insets?.top,
-    borderRadius: hasNoRadius ? undefined : 'kitt.5',
+    borderRadius: hasNoRadius ? undefined : 'kitt.2',
     backgroundColor: `kitt.feedbackMessage.${type}.backgroundColor`,
     children: [/*#__PURE__*/jsxRuntime.jsxs(HStack, {
       flexGrow: 1,
@@ -7995,9 +8007,9 @@ function BaseMessage({
       alignSelf: "center",
       alignItems: "flex-start",
       paddingY: "kitt.4",
-      paddingX: "kitt.5",
+      paddingX: "kitt.4",
       children: [centeredText ? null : /*#__PURE__*/jsxRuntime.jsx(View, {
-        marginRight: "kitt.5",
+        marginRight: "kitt.2",
         children: /*#__PURE__*/jsxRuntime.jsx(Icon, {
           color: color,
           icon: /*#__PURE__*/jsxRuntime.jsx(IconContent, {