@ornikar/kitt-universal 7.0.1 → 7.0.4

package/dist/index-browser-all.es.js

@@ -2,7 +2,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { UserIcon, CheckboxMark, XIcon, EyeOffIcon, EyeIcon, ArcIcon, InfoIcon, AlertTriangleIcon, CheckIcon, AlertCircleIcon, TooltipArrowIcon } from '@ornikar/kitt-icons';
 export * from '@ornikar/kitt-icons';
-import { useWindowDimensions, Image, Platform, Linking, Pressable, StyleSheet, ScrollView, Modal as Modal$1, Text as Text$1, TextInput, View, Animated as Animated$1, Easing, ActivityIndicator } from 'react-native';
+import { useWindowDimensions, Platform, Image, Linking, Pressable, StyleSheet, ScrollView, Modal as Modal$1, Text as Text$1, TextInput, View, Animated as Animated$1, Easing, ActivityIndicator } from 'react-native';
 export { useWindowDimensions as useWindowSize } from 'react-native';
 import styled, { useTheme, css, ThemeProvider } from 'styled-components/native';
 import { cloneElement, useContext, createContext, forwardRef, useMemo, useState, useRef, useEffect, Fragment as Fragment$1, Children } from 'react';
@@ -221,8 +221,9 @@ function TypographyText(props) {
 }
 
 function TypographyParagraph(props) {
+  // role 'paragraph' does not exist in native, it's a web feature only.
   return /*#__PURE__*/jsx(Typography, _objectSpread({
-    accessibilityRole: "paragraph"
+    accessibilityRole: Platform.OS === 'web' ? 'paragraph' : null
   }, props));
 }
 
@@ -316,7 +317,7 @@ function AvatarContent(_ref5) {
 
   if (firstname && lastname) {
     return /*#__PURE__*/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)
@@ -3897,6 +3898,12 @@ function ModalDateTimePicker(_ref2) {
 }
 
 var timePickerPlaceholder = '--:--';
+var formatNumberToTimeString = function (time) {
+  return "".concat(String(time).padStart(2, '0'));
+};
+var formatDateToTimeString = function (date) {
+  return "".concat(formatNumberToTimeString(date.getHours()), ":").concat(formatNumberToTimeString(date.getMinutes()));
+};
 var useTimePicker = function (value, onChange, onBlur, disabled, defaultValue) {
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -3909,10 +3916,7 @@ var useTimePicker = function (value, onChange, onBlur, disabled, defaultValue) {
   }, []);
   var defaultDate = defaultValue || todayAtNoon;
   var dateTimePickerValue = value || defaultDate;
-  var displayedValue = value === null ? timePickerPlaceholder : Intl.DateTimeFormat('fr-FR', {
-    minute: 'numeric',
-    hour: 'numeric'
-  }).format(dateTimePickerValue);
+  var displayedValue = value === null ? timePickerPlaceholder : formatDateToTimeString(dateTimePickerValue);
   var timePickerState = isTimePickerModalVisible ? 'focus' : 'default';
   return {
     dateTimePickerValue: dateTimePickerValue,