@ornikar/kitt-universal 27.3.0 → 27.4.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [27.4.0](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@27.3.0...@ornikar/kitt-universal@27.4.0) (2025-09-01)
+
+
+### Features
+
+* **kitt-universal:** rebrand Highlight OSE-19431 ([#2675](https://github.com/ornikar/kitt/issues/2675)) ([c84f8ed](https://github.com/ornikar/kitt/commit/c84f8ed30cc8601d00babd372a6bf3e05ab95fce))
+* **kitt-universal:** rebrand Message OSE-19432 ([#2676](https://github.com/ornikar/kitt/issues/2676)) ([903886b](https://github.com/ornikar/kitt/commit/903886b367a5ff31ec615a28e774880902db8d57))
+* **kitt-universal:** rebrand modals OSE-19497 ([#2678](https://github.com/ornikar/kitt/issues/2678)) ([fbba9c3](https://github.com/ornikar/kitt/commit/fbba9c353b86205b2428eb45107155e6b2c1ae6a))
+
+
+
 ## [27.3.0](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@27.2.0...@ornikar/kitt-universal@27.3.0) (2025-08-22)
 
 

package/dist/definitions/BaseMessage/helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../src/BaseMessage/helper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,eAAO,MAAM,cAAc,SAAU,WAAW,KAAG,eAQlD,CAAC;AAEF,eAAO,MAAM,kBAAkB,gBAAiB,WAAW,KAAG,eAAe,CAAC,OAAO,CAQpF,CAAC"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../src/BaseMessage/helper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,eAAO,MAAM,cAAc,SAAU,WAAW,KAAG,eAUlD,CAAC;AAEF,eAAO,MAAM,kBAAkB,gBAAiB,WAAW,KAAG,eAAe,CAAC,OAAO,CAUpF,CAAC"}

package/dist/definitions/Highlight/AnimatedContainer/AnimatedContainer.d.ts

@@ -9,5 +9,5 @@ export interface AnimatedContainerProps {
     isHovered: boolean;
     variant: HighlightVariant;
 }
-export declare function AnimatedContainer({ children, size, animatedStyles }: AnimatedContainerProps): ReactNode;
+export declare function AnimatedContainer({ children, size, animatedStyles, variant }: AnimatedContainerProps): ReactNode;
 //# sourceMappingURL=AnimatedContainer.d.ts.map

package/dist/definitions/Highlight/AnimatedContainer/AnimatedContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedContainer.d.ts","sourceRoot":"","sources":["../../../../src/Highlight/AnimatedContainer/AnimatedContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,aAAa,CAAC;IACpB,cAAc,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IACzC,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,gBAAgB,CAAC;CAC3B;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,sBAAsB,GAAG,SAAS,CAUvG"}
+{"version":3,"file":"AnimatedContainer.d.ts","sourceRoot":"","sources":["../../../../src/Highlight/AnimatedContainer/AnimatedContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,aAAa,CAAC;IACpB,cAAc,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IACzC,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,gBAAgB,CAAC;CAC3B;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,sBAAsB,GAAG,SAAS,CAYhH"}

package/dist/definitions/Highlight/AnimatedContainer/AnimatedContainer.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedContainer.web.d.ts","sourceRoot":"","sources":["../../../../src/Highlight/AnimatedContainer/AnimatedContainer.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAElE,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,sBAAsB,GAAG,SAAS,CAuB3G"}
+{"version":3,"file":"AnimatedContainer.web.d.ts","sourceRoot":"","sources":["../../../../src/Highlight/AnimatedContainer/AnimatedContainer.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAElE,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,sBAAsB,GAAG,SAAS,CAyB3G"}

package/dist/definitions/Highlight/Highlight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../../src/Highlight/Highlight.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAYjD,KAAK,0BAA0B,GAAG,SAAS,CAAC;AAE5C,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC/C,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,WAAW,GACX,MAAM,GACN,0BAA0B,GAC1B,OAAO,GACP,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,EACxB,OAAmB,EACnB,WAAmB,EACnB,kBAAyB,EACzB,KAAK,EACL,IAAW,EACX,IAAe,EACf,QAAQ,GACT,EAAE,cAAc,GAAG,SAAS,CA0G5B"}
+{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../../src/Highlight/Highlight.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAYjD,KAAK,0BAA0B,GAAG,SAAS,CAAC;AAE5C,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC/C,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,WAAW,GACX,MAAM,GACN,0BAA0B,GAC1B,OAAO,GACP,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,EACxB,OAAmB,EACnB,WAAmB,EACnB,kBAAyB,EACzB,KAAK,EACL,IAAW,EACX,IAAe,EACf,QAAQ,GACT,EAAE,cAAc,GAAG,SAAS,CA4G5B"}

package/dist/definitions/themes/late-ocean/cardModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cardModal.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/cardModal.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,MAAM,EAAE;QACN,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,cAAc,EAAE;QACd,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,SAAS,EAAE;QACT,OAAO,EAAE;YACP,QAAQ,EAAE,MAAM,CAAC;YACjB,MAAM,EAAE,MAAM,EAAE,CAAC;SAClB,CAAC;QACF,OAAO,EAAE;YACP,QAAQ,EAAE,MAAM,CAAC;YACjB,MAAM,EAAE,MAAM,EAAE,CAAC;SAClB,CAAC;KACH,CAAC;CACH;AAED,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,yBAAyB,UAAsB,CAAC;AAE7D,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,yBAAyB,UAAkB,CAAC;AAKzD,eAAO,MAAM,SAAS,EAAE,cAmCvB,CAAC"}
+{"version":3,"file":"cardModal.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/cardModal.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,MAAM,EAAE;QACN,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,cAAc,EAAE;QACd,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,SAAS,EAAE;QACT,OAAO,EAAE;YACP,QAAQ,EAAE,MAAM,CAAC;YACjB,MAAM,EAAE,MAAM,EAAE,CAAC;SAClB,CAAC;QACF,OAAO,EAAE;YACP,QAAQ,EAAE,MAAM,CAAC;YACjB,MAAM,EAAE,MAAM,EAAE,CAAC;SAClB,CAAC;KACH,CAAC;CACH;AAED,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,yBAAyB,UAAsB,CAAC;AAE7D,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,yBAAyB,UAAkB,CAAC;AAKzD,eAAO,MAAM,SAAS,EAAE,cAmCvB,CAAC"}

package/dist/definitions/themes/late-ocean/dialogModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialogModal.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/dialogModal.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE;QACd,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,SAAS,EAAE;QACT,OAAO,EAAE;YACP,QAAQ,EAAE,MAAM,CAAC;YACjB,MAAM,EAAE,MAAM,EAAE,CAAC;SAClB,CAAC;QACF,OAAO,EAAE;YACP,QAAQ,EAAE,MAAM,CAAC;YACjB,MAAM,EAAE,MAAM,EAAE,CAAC;SAClB,CAAC;KACH,CAAC;CACH;AAED,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,yBAAyB,UAAsB,CAAC;AAE7D,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,yBAAyB,UAAkB,CAAC;AAEzD,eAAO,MAAM,WAAW,EAAE,gBAwBzB,CAAC"}
+{"version":3,"file":"dialogModal.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/dialogModal.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE;QACd,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,SAAS,EAAE;QACT,OAAO,EAAE;YACP,QAAQ,EAAE,MAAM,CAAC;YACjB,MAAM,EAAE,MAAM,EAAE,CAAC;SAClB,CAAC;QACF,OAAO,EAAE;YACP,QAAQ,EAAE,MAAM,CAAC;YACjB,MAAM,EAAE,MAAM,EAAE,CAAC;SAClB,CAAC;KACH,CAAC;CACH;AAED,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,yBAAyB,UAAsB,CAAC;AAE7D,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,yBAAyB,UAAkB,CAAC;AAEzD,eAAO,MAAM,WAAW,EAAE,gBAwBzB,CAAC"}

package/dist/definitions/themes/late-ocean/highlight.d.ts

@@ -1,9 +1,13 @@
 export interface HighlightThemeType {
     default: {
         backgroundColor: string;
+        borderWidth?: number;
+        borderColor?: string;
     };
     hover: {
         backgroundColor: string;
+        borderWidth?: number;
+        borderColor?: string;
     };
 }
 export interface HighlightTheme {

package/dist/definitions/themes/late-ocean/highlight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"highlight.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/highlight.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE;QACP,eAAe,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,KAAK,EAAE;QACL,eAAe,EAAE,MAAM,CAAC;KACzB,CAAC;CACH;AAED,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE;QACP,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,OAAO,EAAE,kBAAkB,CAAC;IAC5B,OAAO,EAAE,kBAAkB,CAAC;IAC5B,SAAS,EAAE,kBAAkB,CAAC;IAC9B,KAAK,EAAE,kBAAkB,CAAC;IAC1B,IAAI,EAAE,kBAAkB,CAAC;IACzB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,OAAO,EAAE,kBAAkB,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS,EAAE,cA+DvB,CAAC"}
+{"version":3,"file":"highlight.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/highlight.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE;QACP,eAAe,EAAE,MAAM,CAAC;QACxB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,KAAK,EAAE;QACL,eAAe,EAAE,MAAM,CAAC;QACxB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH;AAED,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE;QACP,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,OAAO,EAAE,kBAAkB,CAAC;IAC5B,OAAO,EAAE,kBAAkB,CAAC;IAC5B,SAAS,EAAE,kBAAkB,CAAC;IAC9B,KAAK,EAAE,kBAAkB,CAAC;IAC1B,IAAI,EAAE,kBAAkB,CAAC;IACzB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,OAAO,EAAE,kBAAkB,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS,EAAE,cAmEvB,CAAC"}

package/dist/index-metro.es.android.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: {
@@ -8180,13 +8184,16 @@ function AnimatedCaret({
 function AnimatedContainer({
   children,
   size,
-  animatedStyles
+  animatedStyles,
+  variant
 }) {
   const sx = useSx();
   const theme = useTheme();
   const styles = sx({
     borderRadius: theme.kitt.highlight.borderRadius,
-    padding: theme.kitt.highlight.padding[size]
+    padding: theme.kitt.highlight.padding[size],
+    borderWidth: theme.kitt.highlight[variant].default.borderWidth,
+    borderColor: theme.kitt.highlight[variant].default.borderColor
   });
   return /*#__PURE__*/jsx(Animated.View, {
     style: [styles, animatedStyles],
@@ -8310,6 +8317,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__*/jsxs(HStack, {
         space: highlightStyle[size].spaceBetween,
         children: [icon && /*#__PURE__*/jsx(View, {
@@ -8765,6 +8774,8 @@ const getColorByType = type => {
   switch (type) {
     case 'success':
     case 'danger':
+    case 'info':
+      return 'white';
     case 'warning':
     default:
       return 'black';
@@ -8774,6 +8785,8 @@ const getIconButtonColor = messageType => {
   switch (messageType) {
     case 'success':
     case 'danger':
+    case 'info':
+      return 'ghost';
     case 'warning':
     default:
       return 'black';
@@ -8794,7 +8807,7 @@ function BaseMessage({
     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.${type}.backgroundColor`,
     children: [/*#__PURE__*/jsxs(HStack, {
       flexGrow: 1,
@@ -8802,9 +8815,9 @@ function BaseMessage({
       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, {