@ornikar/kitt-universal 32.4.0 → 32.5.1-canary.69cd09143dd992620decf0a9f846b68e573511e3.0

package/dist/index-metro.es.ios.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
   }
@@ -2284,6 +2285,10 @@ const typography = {
 
 const picker = {
   maxWidthFixed: 320,
+  animation: {
+    duration: 300,
+    timingFunction: 'ease-in-out'
+  },
   ios: {
     default: _objectSpread(_objectSpread({
       fontFamily: typography.types.bodies.fontFamily.native.regular
@@ -8811,6 +8816,9 @@ const useNativeAnimation$1 = ({
   };
 };
 
+const getTitleTypographyType = size => {
+  return size === 'small' ? 'label-medium' : 'label-large';
+};
 function Highlight({
   variant = 'primary',
   canCollapse = false,
@@ -8825,6 +8833,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 +8885,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 +8921,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
             })