@ornikar/kitt-universal 32.5.0 → 32.5.1-canary.fa4369620bc01acac1d789322911d6bc321a3a45.0

package/dist/index-node-22.17.es.web.mjs

@@ -671,6 +671,10 @@ const button = {
     default: 40,
     medium: 48
   },
+  minHeight: {
+    default: 40,
+    medium: 48
+  },
   maxHeight: 48,
   icon: {
     medium: {
@@ -2125,8 +2129,8 @@ const typography = {
           allowedFontWeights: ['semibold']
         },
         'heading-l': {
-          fontSize: 40,
-          lineHeight: 48,
+          fontSize: 38,
+          lineHeight: 44,
           allowedFontWeights: ['semibold']
         },
         'heading-m': {
@@ -2135,14 +2139,19 @@ const typography = {
           allowedFontWeights: ['semibold']
         },
         'heading-s': {
-          fontSize: 18,
-          lineHeight: 20,
-          allowedFontWeights: ['regular', 'bold']
+          fontSize: 24,
+          lineHeight: 28,
+          allowedFontWeights: ['semibold']
         },
         'heading-xs': {
+          fontSize: 20,
+          lineHeight: 24,
+          allowedFontWeights: ['semibold']
+        },
+        'heading-xxs': {
           fontSize: 16,
-          lineHeight: 18,
-          allowedFontWeights: ['regular', 'bold']
+          lineHeight: 20,
+          allowedFontWeights: ['semibold']
         }
       }
     },
@@ -2209,17 +2218,17 @@ const typography = {
       configs: {
         'label-large': {
           fontSize: 16,
-          lineHeight: 24,
+          lineHeight: 20,
           allowedFontWeights: ['semibold']
         },
         'label-medium': {
           fontSize: 14,
-          lineHeight: 20,
+          lineHeight: 18,
           allowedFontWeights: ['semibold']
         },
         'label-small': {
           fontSize: 12,
-          lineHeight: 16,
+          lineHeight: 14,
           allowedFontWeights: ['semibold']
         }
       }
@@ -3137,7 +3146,9 @@ function AnimatedContainer$2({
     },
     width: width,
     height: height,
+    minHeight: size === 'default' ? 'kitt.button.minHeight.default' : 'kitt.button.minHeight.medium',
     alignSelf: "baseline",
+    justifyContent: "center",
     borderRadius: "kitt.button.borderRadius",
     backgroundColor: currentBackgroundColor,
     children: children
@@ -3833,6 +3844,7 @@ const Button = /*#__PURE__*/forwardRef(({
     alignSelf: createResponsiveStyleFromProp(stretch, undefined, 'flex-start'),
     minWidth: "kitt.button.minWidth",
     maxWidth: createResponsiveStyleFromProp(stretch, '100%', 'kitt.button.maxWidth'),
+    minHeight: size === 'default' ? 'kitt.button.minHeight.default' : 'kitt.button.minHeight.medium',
     maxHeight: "kitt.button.maxHeight",
     width: createResponsiveStyleFromProp(stretch, '100%', 'auto'),
     onPress: onPress,
@@ -9949,6 +9961,10 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
         button: {
           minWidth: theme.button.minWidth,
           maxWidth: theme.button.maxWidth,
+          minHeight: {
+            default: theme.button.minHeight.default,
+            medium: theme.button.minHeight.medium
+          },
           maxHeight: theme.button.maxHeight,
           height: {
             default: theme.button.height.default,
@@ -10570,6 +10586,7 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
       'heading-m': `${theme.typography.types.headings.configs['heading-m'].fontSize}px`,
       'heading-s': `${theme.typography.types.headings.configs['heading-s'].fontSize}px`,
       'heading-xs': `${theme.typography.types.headings.configs['heading-xs'].fontSize}px`,
+      'heading-xxs': `${theme.typography.types.headings.configs['heading-xxs'].fontSize}px`,
       'body-xl': `${theme.typography.types.bodies.configs['body-xl'].fontSize}px`,
       'body-l': `${theme.typography.types.bodies.configs['body-l'].fontSize}px`,
       'body-m': `${theme.typography.types.bodies.configs['body-m'].fontSize}px`,
@@ -10593,6 +10610,7 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
       'heading-m': `${theme.typography.types.headings.configs['heading-m'].lineHeight}px`,
       'heading-s': `${theme.typography.types.headings.configs['heading-s'].lineHeight}px`,
       'heading-xs': `${theme.typography.types.headings.configs['heading-xs'].lineHeight}px`,
+      'heading-xxs': `${theme.typography.types.headings.configs['heading-xxs'].lineHeight}px`,
       'body-xl': `${theme.typography.types.bodies.configs['body-xl'].lineHeight}px`,
       'body-l': `${theme.typography.types.bodies.configs['body-l'].lineHeight}px`,
       'body-m': `${theme.typography.types.bodies.configs['body-m'].lineHeight}px`,
@@ -12420,7 +12438,7 @@ function StoryTitleLevel4({
   return /*#__PURE__*/jsx(View, {
     marginBottom: 10,
     children: /*#__PURE__*/jsx(Typography.Header4, {
-      base: "heading-s",
+      base: "body-l",
       color: useStoryBlockColor(color),
       numberOfLines: numberOfLines,
       children: children
@@ -12969,7 +12987,7 @@ function ToastContent({
     flexGrow: 1,
     flexShrink: 1,
     children: [title ? /*#__PURE__*/jsx(Typography.Text, {
-      base: "heading-xs",
+      base: "body-m",
       color: "white",
       children: title
     }) : null, description ? /*#__PURE__*/jsx(Typography.Text, {
@@ -12985,7 +13003,7 @@ function ToastContent({
       borderColor: "white",
       onPress: onPress,
       children: /*#__PURE__*/jsx(Typography.Text, {
-        base: "heading-xs",
+        base: "body-m",
         color: "white",
         children: actionLabel
       })