@ornikar/kitt-universal 32.4.0 → 32.5.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [32.5.0](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@32.4.0...@ornikar/kitt-universal@32.5.0) (2025-12-15)
+
+
+### Features
+
+* **kitt-universal/Checkbox:** update Checkbox style - OSE-21989 ([#2806](https://github.com/ornikar/kitt/issues/2806)) ([6166725](https://github.com/ornikar/kitt/commit/6166725a29b1d22c9744fe6d6751b16e6ca32813))
+* **kitt-universal/Highlight:** add small size to Highlight - OSE-21970 ([#2803](https://github.com/ornikar/kitt/issues/2803)) ([e94181c](https://github.com/ornikar/kitt/commit/e94181ccce08e8e0f68bd64b690c27559c9afbd6))
+
+
+
 ## [32.4.0](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@32.3.0...@ornikar/kitt-universal@32.4.0) (2025-12-15)
 
 

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

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
 type DeprecatedHighlightVariant = 'regular';
-export type HighlightSize = 'medium' | 'large';
+export type HighlightSize = 'small' | 'medium' | 'large';
 export type HighlightVariant = 'primary' | 'secondary' | 'dark' | DeprecatedHighlightVariant | 'ghost' | 'success' | 'warning';
 export interface HighlightProps {
     variant?: HighlightVariant;

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,CA4G5B"}
+{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../../src/Highlight/Highlight.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAajD,KAAK,0BAA0B,GAAG,SAAS,CAAC;AAE5C,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACzD,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;AAMD,wBAAgB,SAAS,CAAC,EACxB,OAAmB,EACnB,WAAmB,EACnB,kBAAyB,EACzB,KAAK,EACL,IAAW,EACX,IAAe,EACf,QAAQ,GACT,EAAE,cAAc,GAAG,SAAS,CAiH5B"}

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

@@ -13,6 +13,7 @@ export interface HighlightThemeType {
 export interface HighlightTheme {
     borderRadius: number;
     padding: {
+        small: number;
         medium: number;
         large: number;
     };

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;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"}
+{"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,KAAK,EAAE,MAAM,CAAC;QACd,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,cAoEvB,CAAC"}

package/dist/index-metro.es.android.js

@@ -1057,10 +1057,10 @@ const autocomplete = {
 };
 
 const checkbox = {
-  borderWidth: 2,
-  borderRadius: 5,
-  height: 20,
-  width: 20,
+  borderWidth: 1,
+  borderRadius: 4,
+  height: 24,
+  width: 24,
   iconSize: 14,
   markColor: colors.uiBackgroundLight,
   textSpacing: 10,
@@ -2005,6 +2005,7 @@ const highlight = {
     }
   },
   padding: {
+    small: spacing * 2,
     medium: spacing * 4,
     large: spacing * 6
   }
@@ -8811,6 +8812,9 @@ const useNativeAnimation$1 = ({
   };
 };
 
+const getTitleTypographyType = size => {
+  return size === 'small' ? 'label-medium' : 'label-large';
+};
 function Highlight({
   variant = 'primary',
   canCollapse = false,
@@ -8825,6 +8829,11 @@ function Highlight({
   const [contentHeight, setContentHeight] = useState(0);
   const [isInitialRender, setIsInitialRender] = useState(true);
   const highlightStyle = {
+    small: {
+      marginBottom: 'kitt.1',
+      spaceBetween: 'kitt.2',
+      contentMarginY: 8
+    },
     medium: {
       marginBottom: 'kitt.1',
       spaceBetween: 'kitt.2',
@@ -8872,8 +8881,8 @@ function Highlight({
           children: [title && /*#__PURE__*/jsx(View, {
             marginBottom: highlightStyle[size].marginBottom,
             children: /*#__PURE__*/jsx(Typography.Text, {
-              variant: "bold",
-              base: "body-m",
+              variant: "semibold",
+              base: getTitleTypographyType(size),
               ellipsizeMode: "clip",
               children: title
             })
@@ -8908,8 +8917,8 @@ function Highlight({
             flexShrink: 1,
             width: "100%",
             children: /*#__PURE__*/jsx(Typography.Text, {
-              variant: "bold",
-              base: "body-m",
+              variant: "semibold",
+              base: getTitleTypographyType(size),
               ellipsizeMode: "clip",
               children: title
             })