@ornikar/kitt-universal 32.4.0 → 32.5.1-canary.5ba1adb7ef6f41e2165abd46b6c8df65c0325fc7.0

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

@@ -23,7 +23,7 @@ const Svg = require('react-native-svg');
 const picker$1 = require('@react-native-picker/picker');
 const expoLinearGradient = require('expo-linear-gradient');
 const reactNative$1 = require('@floating-ui/react-native');
-const addons = require('@storybook/addons');
+const previewApi = require('@storybook/preview-api');
 const isChromatic = require('chromatic/isChromatic');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
@@ -1078,10 +1078,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,
@@ -2026,6 +2026,7 @@ const highlight = {
     }
   },
   padding: {
+    small: spacing * 2,
     medium: spacing * 4,
     large: spacing * 6
   }
@@ -8816,6 +8817,9 @@ const useNativeAnimation$1 = ({
   };
 };
 
+const getTitleTypographyType = size => {
+  return size === 'small' ? 'label-medium' : 'label-large';
+};
 function Highlight({
   variant = 'primary',
   canCollapse = false,
@@ -8830,6 +8834,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',
@@ -8877,8 +8886,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
             })
@@ -8913,8 +8922,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
             })
@@ -13171,7 +13180,7 @@ function StoryContainer({
   });
 }
 
-const StoryDecorator = addons.makeDecorator({
+const StoryDecorator = previewApi.makeDecorator({
   name: 'StoryDecorator',
   parameterName: 'storyDecorator',
   wrapper: (storyFn, context) => {
@@ -14176,7 +14185,7 @@ const TypographyLink = /*#__PURE__*/React.forwardRef(({
   });
 });
 
-const ChromaticReducedMotionDecorator = addons.makeDecorator({
+const ChromaticReducedMotionDecorator = previewApi.makeDecorator({
   name: 'ChromaticReducedMotionDecorator',
   parameterName: 'chromaticReducedMotion',
   wrapper: (storyFn, context) => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -14199,7 +14208,7 @@ function KittThemeProvider({
     children: children
   });
 }
-const KittThemeDecorator = addons.makeDecorator({
+const KittThemeDecorator = previewApi.makeDecorator({
   name: 'ThemeDecorator',
   parameterName: 'theme',
   wrapper: (storyFn, context, {