@ornikar/kitt-universal 7.0.1 → 7.0.4

package/dist/index-node-14.17.cjs.js

@@ -237,8 +237,9 @@ function TypographyText(props) {
 }
 
 function TypographyParagraph(props) {
+  // role 'paragraph' does not exist in native, it's a web feature only.
   return /*#__PURE__*/jsxRuntime.jsx(Typography, {
-    accessibilityRole: "paragraph",
+    accessibilityRole: reactNative.Platform.OS === 'web' ? 'paragraph' : null,
     ...props
   });
 }
@@ -328,7 +329,7 @@ function AvatarContent({
 
   if (firstname && lastname) {
     return /*#__PURE__*/jsxRuntime.jsx(Typography.Text, {
-      base: sizeVariant === 'large' ? 'body-large' : 'body',
+      base: sizeVariant === 'large' ? 'body-large' : 'body-small',
       variant: sizeVariant === 'large' ? 'bold' : 'regular',
       color: isLight ? 'black' : 'white',
       children: getInitials(firstname, lastname)
@@ -3836,6 +3837,8 @@ function ModalDateTimePicker({
 }
 
 const timePickerPlaceholder = '--:--';
+const formatNumberToTimeString = time => `${String(time).padStart(2, '0')}`;
+const formatDateToTimeString = date => `${formatNumberToTimeString(date.getHours())}:${formatNumberToTimeString(date.getMinutes())}`;
 const useTimePicker = (value, onChange, onBlur, disabled, defaultValue) => {
   const [isTimePickerModalVisible, setIsTimePickerModalVisible] = react.useState(false);
   const todayAtNoon = react.useMemo(() => {
@@ -3844,10 +3847,7 @@ const useTimePicker = (value, onChange, onBlur, disabled, defaultValue) => {
   }, []);
   const defaultDate = defaultValue || todayAtNoon;
   const dateTimePickerValue = value || defaultDate;
-  const displayedValue = value === null ? timePickerPlaceholder : Intl.DateTimeFormat('fr-FR', {
-    minute: 'numeric',
-    hour: 'numeric'
-  }).format(dateTimePickerValue);
+  const displayedValue = value === null ? timePickerPlaceholder : formatDateToTimeString(dateTimePickerValue);
   const timePickerState = isTimePickerModalVisible ? 'focus' : 'default';
   return {
     dateTimePickerValue,