@ornikar/kitt-universal 32.4.0 → 32.5.0

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

@@ -1061,10 +1061,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,
@@ -2009,6 +2009,7 @@ const highlight = {
     }
   },
   padding: {
+    small: spacing * 2,
     medium: spacing * 4,
     large: spacing * 6
   }
@@ -8036,6 +8037,9 @@ function useNativeAnimation$1() {
   };
 }
 
+const getTitleTypographyType = size => {
+  return size === 'small' ? 'label-medium' : 'label-large';
+};
 function Highlight({
   variant = 'primary',
   canCollapse = false,
@@ -8050,6 +8054,11 @@ function Highlight({
   const [contentHeight, setContentHeight] = react.useState(0);
   const [isInitialRender, setIsInitialRender] = react.useState(true);
   const highlightStyle = {
+    small: {
+      marginBottom: 'kitt.1',
+      spaceBetween: 'kitt.2',
+      contentMarginY: 8
+    },
     medium: {
       marginBottom: 'kitt.1',
       spaceBetween: 'kitt.2',
@@ -8092,8 +8101,8 @@ function Highlight({
           children: [title && /*#__PURE__*/jsxRuntime.jsx(View, {
             marginBottom: highlightStyle[size].marginBottom,
             children: /*#__PURE__*/jsxRuntime.jsx(Typography.Text, {
-              variant: "bold",
-              base: "body-m",
+              variant: "semibold",
+              base: getTitleTypographyType(size),
               ellipsizeMode: "clip",
               children: title
             })
@@ -8128,8 +8137,8 @@ function Highlight({
             flexShrink: 1,
             width: "100%",
             children: /*#__PURE__*/jsxRuntime.jsx(Typography.Text, {
-              variant: "bold",
-              base: "body-m",
+              variant: "semibold",
+              base: getTitleTypographyType(size),
               ellipsizeMode: "clip",
               children: title
             })