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

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

@@ -21,7 +21,7 @@ const reactNativeSafeAreaContext = require('react-native-safe-area-context');
 const Svg = require('react-native-svg');
 const reactDom$1 = require('@floating-ui/react-dom');
 const expoLinearGradient = require('expo-linear-gradient');
-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; }
@@ -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
             })
@@ -12528,7 +12537,7 @@ function StoryContainer({
   });
 }
 
-const StoryDecorator = addons.makeDecorator({
+const StoryDecorator = previewApi.makeDecorator({
   name: 'StoryDecorator',
   parameterName: 'storyDecorator',
   wrapper: (storyFn, context) => {
@@ -13484,7 +13493,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, {
@@ -13507,7 +13516,7 @@ function KittThemeProvider({
     children: children
   });
 }
-const KittThemeDecorator = addons.makeDecorator({
+const KittThemeDecorator = previewApi.makeDecorator({
   name: 'ThemeDecorator',
   parameterName: 'theme',
   wrapper: (storyFn, context, {