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

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,
@@ -6384,15 +6372,16 @@ var DatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 
 function DocumentPicker(_ref) {
-  var onDocumentUpload = _ref.onDocumentUpload,
-    children = _ref.children,
+  var children = _ref.children,
     disabled = _ref.disabled,
-    documentPickerOptions = _ref.documentPickerOptions;
+    documentPickerOptions = _ref.documentPickerOptions,
+    onDocumentUpload = _ref.onDocumentUpload,
+    onGetDocumentAsyncError = _ref.onGetDocumentAsyncError;
   var childElement = Children.only(children);
   var handlePickDocument = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var _childElement$props$o, _childElement$props, _result$assets$;
-      var result;
+      var _childElement$props$o, _childElement$props, _result$assets;
+      var result, file;
       return _regeneratorRuntime().wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -6403,20 +6392,33 @@ function DocumentPicker(_ref) {
             return _context.abrupt("return");
           case 2:
             (_childElement$props$o = (_childElement$props = childElement.props).onPress) === null || _childElement$props$o === void 0 || _childElement$props$o.call(_childElement$props);
-            _context.next = 5;
+            _context.prev = 3;
+            _context.next = 6;
             return getDocumentAsync(_objectSpread(_objectSpread({}, documentPickerOptions), {}, {
               multiple: false
             }));
-          case 5:
+          case 6:
             result = _context.sent;
-            if (!result.canceled && (_result$assets$ = result.assets[0]) !== null && _result$assets$ !== void 0 && _result$assets$.file) {
-              onDocumentUpload(result.assets[0].file);
+            _context.next = 13;
+            break;
+          case 9:
+            _context.prev = 9;
+            _context.t0 = _context["catch"](3);
+            onGetDocumentAsyncError === null || onGetDocumentAsyncError === void 0 || onGetDocumentAsyncError();
+            result = {
+              canceled: true,
+              assets: null
+            };
+          case 13:
+            file = (_result$assets = result.assets) === null || _result$assets === void 0 || (_result$assets = _result$assets.at(0)) === null || _result$assets === void 0 ? void 0 : _result$assets.file;
+            if (!result.canceled && file) {
+              onDocumentUpload(file);
             }
-          case 7:
+          case 15:
           case "end":
             return _context.stop();
         }
-      }, _callee);
+      }, _callee, null, [[3, 9]]);
     }));
     return function () {
       return _ref2.apply(this, arguments);
@@ -7962,24 +7964,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 +10156,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 +10772,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 +10795,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 +11744,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 +11827,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 +11967,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 +12626,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 +13179,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 +13195,7 @@ function ToastContent(_ref) {
       borderColor: "white",
       onPress: onPress,
       children: /*#__PURE__*/jsx(Typography.Text, {
-        base: "body-m",
+        base: "heading-xs",
         color: "white",
         children: actionLabel
       })