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

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

@@ -45,10 +45,28 @@
   transition: transform var(--content-duration) var(--content-easing);
 }
 
-.kitt-u_enter_ereraf{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px);opacity:0;}
-.kitt-u_enterActive_e1jmsjrm{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
-.kitt-u_exit_e1mwnccz{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}
-.kitt-u_exitActive_e1004d1h{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px);opacity:0;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
+.Picker-module_picker-enter__Dzs-s {
+  transform: translateY(8px);
+  opacity: 0;
+}
+
+.Picker-module_picker-enter-active__0hxR5 {
+  transform: translateY(0);
+  opacity: 1;
+  transition: all 300ms ease-in-out;
+}
+
+.Picker-module_picker-exit__Z1BjM {
+  transform: translateY(0);
+  opacity: 1;
+}
+
+.Picker-module_picker-exit-active__x2C8Q {
+  transform: translateY(8px);
+  opacity: 0;
+  transition: all 300ms ease-in-out;
+}
+
 /* overrides :global(a) in Link styles.module.css */
 .TypographyLinkWebWrapper-module_displayUnderline__KxwMp > * {
   text-decoration: underline;

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

@@ -671,10 +671,6 @@ const button = {
     default: 40,
     medium: 48
   },
-  minHeight: {
-    default: 40,
-    medium: 48
-  },
   maxHeight: 48,
   icon: {
     medium: {
@@ -2129,8 +2125,8 @@ const typography = {
           allowedFontWeights: ['semibold']
         },
         'heading-l': {
-          fontSize: 38,
-          lineHeight: 44,
+          fontSize: 40,
+          lineHeight: 48,
           allowedFontWeights: ['semibold']
         },
         'heading-m': {
@@ -2139,19 +2135,14 @@ const 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']
         }
       }
     },
@@ -2218,17 +2209,17 @@ const 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']
         }
       }
@@ -3146,9 +3137,7 @@ 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
@@ -3844,7 +3833,6 @@ 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,
@@ -6317,10 +6305,11 @@ const DatePicker = /*#__PURE__*/forwardRef(({
 });
 
 function DocumentPicker({
-  onDocumentUpload,
   children,
   disabled,
-  documentPickerOptions
+  documentPickerOptions,
+  onDocumentUpload,
+  onGetDocumentAsyncError
 }) {
   const childElement = Children.only(children);
   return /*#__PURE__*/cloneElement(childElement, {
@@ -6329,12 +6318,22 @@ function DocumentPicker({
     onPress: async () => {
       if (disabled) return;
       childElement.props.onPress?.();
-      const result = await getDocumentAsync({
-        ...documentPickerOptions,
-        multiple: false
-      });
-      if (!result.canceled && result.assets[0]?.file) {
-        onDocumentUpload(result.assets[0].file);
+      let result;
+      try {
+        result = await getDocumentAsync({
+          ...documentPickerOptions,
+          multiple: false
+        });
+      } catch (error) {
+        onGetDocumentAsyncError?.();
+        result = {
+          canceled: true,
+          assets: null
+        };
+      }
+      const file = result.assets?.at(0)?.file;
+      if (!result.canceled && file) {
+        onDocumentUpload(file);
       }
     },
     disabled
@@ -7774,23 +7773,23 @@ function FullscreenModalFooter({
   });
 }
 
-const 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"};
+const 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"};
 
 const 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']
 };
 const 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({
   children,
@@ -9961,10 +9960,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,
@@ -10586,7 +10581,6 @@ 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`,
@@ -10610,7 +10604,6 @@ 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`,
@@ -11565,6 +11558,8 @@ function PageLoader() {
   });
 }
 
+const 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({
   isSelected,
   isHighlighted,
@@ -11649,10 +11644,12 @@ function webUseSelectReducer(state, actionAndChanges, options) {
   }
 }
 
-const enter = "kitt-u_enter_ereraf";
-const enterActive = "kitt-u_enterActive_e1jmsjrm";
-const exit = "kitt-u_exit_e1mwnccz";
-const exitActive = "kitt-u_exitActive_e1004d1h";
+const 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({
   children,
   renderTrigger,
@@ -11787,18 +11784,15 @@ function Picker({
           nodeRef: nodeRef,
           timeout: 300,
           in: isOpen,
-          classNames: {
-            enter,
-            enterActive,
-            exit,
-            exitActive
-          },
+          classNames: pickerClassNames,
           children: /*#__PURE__*/jsx(View, {
             ref: nodeRef,
             paddingY: "kitt.2",
             children: childrenArray.map((child, index) => {
               const currentValue = items[index];
-              if (currentValue === undefined) throw new Error(`Picker: No value found for item at index ${index}`);
+              if (currentValue === undefined) {
+                throw new Error(`Picker: No value found for item at index ${index}`);
+              }
               const {
                 onClick,
                 'aria-selected': ariaSelected,
@@ -12438,7 +12432,7 @@ function StoryTitleLevel4({
   return /*#__PURE__*/jsx(View, {
     marginBottom: 10,
     children: /*#__PURE__*/jsx(Typography.Header4, {
-      base: "body-l",
+      base: "heading-s",
       color: useStoryBlockColor(color),
       numberOfLines: numberOfLines,
       children: children
@@ -12987,7 +12981,7 @@ function ToastContent({
     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, {
@@ -13003,7 +12997,7 @@ function ToastContent({
       borderColor: "white",
       onPress: onPress,
       children: /*#__PURE__*/jsx(Typography.Text, {
-        base: "body-m",
+        base: "heading-xs",
         color: "white",
         children: actionLabel
       })