@ornikar/kitt-universal 32.4.0 → 32.5.0

package/dist/index.es.js

@@ -1072,10 +1072,10 @@ var autocomplete = {
 };
 
 var checkbox = {
-  borderWidth: 2,
-  borderRadius: 5,
-  height: 20,
-  width: 20,
+  borderWidth: 1,
+  borderRadius: 4,
+  height: 24,
+  width: 24,
   iconSize: 14,
   markColor: colors.uiBackgroundLight,
   textSpacing: 10,
@@ -2020,6 +2020,7 @@ var highlight = {
     }
   },
   padding: {
+    small: spacing * 2,
     medium: spacing * 4,
     large: spacing * 6
   }
@@ -9027,6 +9028,9 @@ var useNativeAnimation$1 = function (_ref) {
   };
 };
 
+var getTitleTypographyType = function (size) {
+  return size === 'small' ? 'label-medium' : 'label-large';
+};
 function Highlight(_ref) {
   var _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
@@ -9054,6 +9058,11 @@ function Highlight(_ref) {
     isInitialRender = _useState6[0],
     setIsInitialRender = _useState6[1];
   var highlightStyle = {
+    small: {
+      marginBottom: 'kitt.1',
+      spaceBetween: 'kitt.2',
+      contentMarginY: 8
+    },
     medium: {
       marginBottom: 'kitt.1',
       spaceBetween: 'kitt.2',
@@ -9100,8 +9109,8 @@ function Highlight(_ref) {
           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
             })
@@ -9135,8 +9144,8 @@ function Highlight(_ref) {
             flexShrink: 1,
             width: "100%",
             children: /*#__PURE__*/jsx(Typography.Text, {
-              variant: "bold",
-              base: "body-m",
+              variant: "semibold",
+              base: getTitleTypographyType(size),
               ellipsizeMode: "clip",
               children: title
             })