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

package/dist/index.es.web.js

@@ -689,10 +689,6 @@ var button = {
     "default": 40,
     medium: 48
   },
-  minHeight: {
-    "default": 40,
-    medium: 48
-  },
   maxHeight: 48,
   icon: {
     medium: {
@@ -2147,8 +2143,8 @@ var typography = {
           allowedFontWeights: ['semibold']
         },
         'heading-l': {
-          fontSize: 38,
-          lineHeight: 44,
+          fontSize: 40,
+          lineHeight: 48,
           allowedFontWeights: ['semibold']
         },
         'heading-m': {
@@ -2157,19 +2153,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']
         }
       }
     },
@@ -2236,17 +2227,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']
         }
       }
@@ -3167,9 +3158,7 @@ function AnimatedContainer$2(_ref) {
     },
     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
@@ -3868,7 +3857,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,
@@ -7962,24 +7950,24 @@ function FullscreenModalFooter(_ref) {
   }));
 }
 
-var styles$1 = {"overlay-enter":"FullscreenModalAnimation-module_overlay-enter__L1J1X","overlay-enter-active":"FullscreenModalAnimation-module_overlay-enter-active__gDEVb","overlay-exit":"FullscreenModalAnimation-module_overlay-exit__Qx1WE","overlay-exit-active":"FullscreenModalAnimation-module_overlay-exit-active__lFR3x","content-enter":"FullscreenModalAnimation-module_content-enter__JmCWa","content-enter-active":"FullscreenModalAnimation-module_content-enter-active__iaNRs","content-exit":"FullscreenModalAnimation-module_content-exit__hB0wY","content-exit-active":"FullscreenModalAnimation-module_content-exit-active__BPVPo"};
+var styles$2 = {"overlay-enter":"FullscreenModalAnimation-module_overlay-enter__L1J1X","overlay-enter-active":"FullscreenModalAnimation-module_overlay-enter-active__gDEVb","overlay-exit":"FullscreenModalAnimation-module_overlay-exit__Qx1WE","overlay-exit-active":"FullscreenModalAnimation-module_overlay-exit-active__lFR3x","content-enter":"FullscreenModalAnimation-module_content-enter__JmCWa","content-enter-active":"FullscreenModalAnimation-module_content-enter-active__iaNRs","content-exit":"FullscreenModalAnimation-module_content-exit__hB0wY","content-exit-active":"FullscreenModalAnimation-module_content-exit-active__BPVPo"};
 
 var _excluded$i = ["children", "appear", "visible", "unmountOnExit", "isAnimationEnabled", "onEnter", "onEntered", "onExit", "onExited", "onClose"];
 var overlayClassNames = {
-  appear: styles$1['overlay-enter'],
-  appearActive: styles$1['overlay-enter-active'],
-  enter: styles$1['overlay-enter'],
-  enterActive: styles$1['overlay-enter-active'],
-  exit: styles$1['overlay-exit'],
-  exitActive: styles$1['overlay-exit-active']
+  appear: styles$2['overlay-enter'],
+  appearActive: styles$2['overlay-enter-active'],
+  enter: styles$2['overlay-enter'],
+  enterActive: styles$2['overlay-enter-active'],
+  exit: styles$2['overlay-exit'],
+  exitActive: styles$2['overlay-exit-active']
 };
 var slideInClassNames = {
-  appear: styles$1['content-enter'],
-  appearActive: styles$1['content-enter-active'],
-  enter: styles$1['content-enter'],
-  enterActive: styles$1['content-enter-active'],
-  exit: styles$1['content-exit'],
-  exitActive: styles$1['content-exit-active']
+  appear: styles$2['content-enter'],
+  appearActive: styles$2['content-enter-active'],
+  enter: styles$2['content-enter'],
+  enterActive: styles$2['content-enter-active'],
+  exit: styles$2['content-exit'],
+  exitActive: styles$2['content-exit-active']
 };
 function FullscreenModalAnimation(_ref) {
   var children = _ref.children,
@@ -10154,10 +10142,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"],
@@ -10774,7 +10758,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"),
@@ -10798,7 +10781,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"),
@@ -11748,6 +11730,8 @@ function PageLoader() {
   });
 }
 
+var styles$1 = {"picker-enter":"Picker-module_picker-enter__Dzs-s","picker-enter-active":"Picker-module_picker-enter-active__0hxR5","picker-exit":"Picker-module_picker-exit__Z1BjM","picker-exit-active":"Picker-module_picker-exit-active__x2C8Q"};
+
 function getBackgroundColor(_ref) {
   var isSelected = _ref.isSelected,
     isHighlighted = _ref.isHighlighted,
@@ -11829,10 +11813,12 @@ function webUseSelectReducer(state, actionAndChanges, options) {
 var _excluded$9 = ["onClick"],
   _excluded2$2 = ["ref"],
   _excluded3$2 = ["onClick", "aria-selected"];
-var enter = "kitt-u_enter_ereraf";
-var enterActive = "kitt-u_enterActive_e1jmsjrm";
-var exit = "kitt-u_exit_e1mwnccz";
-var exitActive = "kitt-u_exitActive_e1004d1h";
+var pickerClassNames = {
+  enter: styles$1['picker-enter'],
+  enterActive: styles$1['picker-enter-active'],
+  exit: styles$1['picker-exit'],
+  exitActive: styles$1['picker-exit-active']
+};
 function Picker(_ref) {
   var _refs$reference$curre;
   var children = _ref.children,
@@ -11967,18 +11953,15 @@ function Picker(_ref) {
           nodeRef: nodeRef,
           timeout: 300,
           "in": isOpen,
-          classNames: {
-            enter: enter,
-            enterActive: enterActive,
-            exit: exit,
-            exitActive: exitActive
-          },
+          classNames: pickerClassNames,
           children: /*#__PURE__*/jsx(View, {
             ref: nodeRef,
             paddingY: "kitt.2",
             children: childrenArray.map(function (child, index) {
               var currentValue = items[index];
-              if (currentValue === undefined) throw new Error("Picker: No value found for item at index ".concat(index));
+              if (currentValue === undefined) {
+                throw new Error("Picker: No value found for item at index ".concat(index));
+              }
               var _getItemProps = getItemProps({
                   item: currentValue,
                   index: index,
@@ -12629,7 +12612,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
@@ -13182,7 +13165,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, {
@@ -13198,7 +13181,7 @@ function ToastContent(_ref) {
       borderColor: "white",
       onPress: onPress,
       children: /*#__PURE__*/jsx(Typography.Text, {
-        base: "body-m",
+        base: "heading-xs",
         color: "white",
         children: actionLabel
       })