@ornikar/kitt-universal 32.5.4-canary.9a20239c7f70ea30ccc58f4e866b2322585529c6.0 → 32.7.0

package/dist/index.es.js

@@ -691,10 +691,6 @@ var button = {
     "default": 40,
     medium: 48
   },
-  minHeight: {
-    "default": 40,
-    medium: 48
-  },
   maxHeight: 48,
   icon: {
     medium: {
@@ -2149,8 +2145,8 @@ var typography = {
           allowedFontWeights: ['semibold']
         },
         'heading-l': {
-          fontSize: 38,
-          lineHeight: 44,
+          fontSize: 40,
+          lineHeight: 48,
           allowedFontWeights: ['semibold']
         },
         'heading-m': {
@@ -2159,19 +2155,14 @@ var typography = {
           allowedFontWeights: ['semibold']
         },
         'heading-s': {
-          fontSize: 24,
-          lineHeight: 28,
-          allowedFontWeights: ['semibold']
+          fontSize: 18,
+          lineHeight: 20,
+          allowedFontWeights: ['regular', 'bold']
         },
         'heading-xs': {
-          fontSize: 20,
-          lineHeight: 24,
-          allowedFontWeights: ['semibold']
-        },
-        'heading-xxs': {
           fontSize: 16,
-          lineHeight: 20,
-          allowedFontWeights: ['semibold']
+          lineHeight: 18,
+          allowedFontWeights: ['regular', 'bold']
         }
       }
     },
@@ -2238,17 +2229,17 @@ var typography = {
       configs: {
         'label-large': {
           fontSize: 16,
-          lineHeight: 20,
+          lineHeight: 24,
           allowedFontWeights: ['semibold']
         },
         'label-medium': {
           fontSize: 14,
-          lineHeight: 18,
+          lineHeight: 20,
           allowedFontWeights: ['semibold']
         },
         'label-small': {
           fontSize: 12,
-          lineHeight: 14,
+          lineHeight: 16,
           allowedFontWeights: ['semibold']
         }
       }
@@ -3160,8 +3151,7 @@ function AnimatedContainer$2(_ref) {
     borderRadius: 'kitt.button.borderRadius',
     backgroundColor: currentBackgroundColor,
     width: width,
-    height: height,
-    minHeight: size === 'default' ? 'kitt.button.minHeight.default' : 'kitt.button.minHeight.medium'
+    height: height
   });
   return /*#__PURE__*/jsx(Animated.View, {
     style: disabled ? [styles] : [styles, animatedStyles],
@@ -3881,7 +3871,6 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
     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,
@@ -10494,6 +10483,12 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
       '3xl': Number.MAX_SAFE_INTEGER,
       xs: Number.MAX_SAFE_INTEGER
     }, spaces.positive), {}, {
+      // Bumper retrofitting
+      'radius.none': 0,
+      'radius.s': 2,
+      'radius.m': 4,
+      'radius.l': 8,
+      'radius.circle': 1000,
       kitt: {
         actionCard: {
           borderRadius: theme.actionCard.borderRadius
@@ -10897,6 +10892,19 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
       app: appTheme === null || appTheme === void 0 ? void 0 : appTheme.borderWidths
     },
     sizes: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, spaces.positive), spaces.negative), overridenNativeBaseSizeandSpaceScale), {}, {
+      // Bumper retrofitting
+      'size.16': 16,
+      'size.20': 20,
+      'size.24': 24,
+      'size.32': 32,
+      'size.48': 48,
+      'size.64': 64,
+      'size.80': 80,
+      'size.96': 96,
+      'size.120': 120,
+      'size.144': 144,
+      'size.176': 176,
+      'size.208': 208,
       kitt: {
         avatar: {
           size: theme.avatar.size,
@@ -10909,10 +10917,6 @@ 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"],
@@ -11302,6 +11306,20 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
       app: appTheme === null || appTheme === void 0 ? void 0 : appTheme.sizes
     }),
     space: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, spaces.positive), spaces.negative), overridenNativeBaseSizeandSpaceScale), {}, {
+      // Bumper retrofitting
+      'space.none': 0,
+      'space.2': 2,
+      'space.4': 4,
+      'space.8': 8,
+      'space.12': 12,
+      'space.16': 16,
+      'space.24': 24,
+      'space.32': 32,
+      'space.40': 40,
+      'space.48': 48,
+      'space.56': 56,
+      'space.64': 64,
+      'space.80': 80,
       kitt: {
         bottomSheet: {
           container: {
@@ -11529,7 +11547,6 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
       'heading-m': "".concat(theme.typography.types.headings.configs['heading-m'].fontSize, "px"),
       'heading-s': "".concat(theme.typography.types.headings.configs['heading-s'].fontSize, "px"),
       'heading-xs': "".concat(theme.typography.types.headings.configs['heading-xs'].fontSize, "px"),
-      'heading-xxs': "".concat(theme.typography.types.headings.configs['heading-xxs'].fontSize, "px"),
       'body-xl': "".concat(theme.typography.types.bodies.configs['body-xl'].fontSize, "px"),
       'body-l': "".concat(theme.typography.types.bodies.configs['body-l'].fontSize, "px"),
       'body-m': "".concat(theme.typography.types.bodies.configs['body-m'].fontSize, "px"),
@@ -11553,7 +11570,6 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
       'heading-m': "".concat(theme.typography.types.headings.configs['heading-m'].lineHeight, "px"),
       'heading-s': "".concat(theme.typography.types.headings.configs['heading-s'].lineHeight, "px"),
       'heading-xs': "".concat(theme.typography.types.headings.configs['heading-xs'].lineHeight, "px"),
-      'heading-xxs': "".concat(theme.typography.types.headings.configs['heading-xxs'].lineHeight, "px"),
       'body-xl': "".concat(theme.typography.types.bodies.configs['body-xl'].lineHeight, "px"),
       'body-l': "".concat(theme.typography.types.bodies.configs['body-l'].lineHeight, "px"),
       'body-m': "".concat(theme.typography.types.bodies.configs['body-m'].lineHeight, "px"),
@@ -13334,7 +13350,7 @@ function StoryTitleLevel4(_ref4) {
   return /*#__PURE__*/jsx(View, {
     marginBottom: 10,
     children: /*#__PURE__*/jsx(Typography.Header4, {
-      base: "body-l",
+      base: "heading-s",
       color: useStoryBlockColor(color),
       numberOfLines: numberOfLines,
       children: children
@@ -13955,7 +13971,7 @@ function ToastContent(_ref) {
     flexGrow: 1,
     flexShrink: 1,
     children: [title ? /*#__PURE__*/jsx(Typography.Text, {
-      base: "body-m",
+      base: "heading-xs",
       color: "white",
       children: title
     }) : null, description ? /*#__PURE__*/jsx(Typography.Text, {
@@ -13971,7 +13987,7 @@ function ToastContent(_ref) {
       borderColor: "white",
       onPress: onPress,
       children: /*#__PURE__*/jsx(Typography.Text, {
-        base: "body-m",
+        base: "heading-xs",
         color: "white",
         children: actionLabel
       })