@ornikar/kitt-universal 7.0.2 → 7.1.0

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)
@@ -2379,7 +2380,7 @@ var InputTextContainer = /*#__PURE__*/styled.View.withConfig({
   displayName: "InputTextContainer"
 })(["position:relative;"]);
 
-var _excluded$7 = ["id", "right", "minHeight", "state", "internalForceState", "disabled", "autoCorrect", "textContentType", "autoCompleteType", "keyboardType", "onFocus", "onBlur"];
+var _excluded$7 = ["id", "right", "minHeight", "state", "internalForceState", "disabled", "autoCorrect", "textContentType", "autoCompleteType", "keyboardType", "multiline", "onSubmitEditing", "onFocus", "onBlur"];
 var StyledTextInput = /*#__PURE__*/styled(TextInput).withConfig({
   displayName: "InputText__StyledTextInput"
 })(["", " padding:", ";line-height:", ";width:100%;min-height:", "px;"], styledTextInputMixin, function (_ref) {
@@ -2421,6 +2422,8 @@ var InputText = /*#__PURE__*/forwardRef(function (_ref4, ref) {
       autoCompleteType = _ref4$autoCompleteTyp === void 0 ? 'off' : _ref4$autoCompleteTyp,
       _ref4$keyboardType = _ref4.keyboardType,
       keyboardType = _ref4$keyboardType === void 0 ? 'default' : _ref4$keyboardType,
+      multiline = _ref4.multiline,
+      onSubmitEditing = _ref4.onSubmitEditing,
       _onFocus = _ref4.onFocus,
       _onBlur = _ref4.onBlur,
       props = _objectWithoutProperties(_ref4, _excluded$7);
@@ -2441,6 +2444,7 @@ var InputText = /*#__PURE__*/forwardRef(function (_ref4, ref) {
     $isDisabled: disabled,
     children: [/*#__PURE__*/jsx(StyledTextInput, _objectSpread(_objectSpread({
       ref: ref,
+      multiline: multiline,
       nativeID: id,
       editable: !disabled,
       keyboardType: keyboardType,
@@ -2459,7 +2463,10 @@ var InputText = /*#__PURE__*/forwardRef(function (_ref4, ref) {
       onBlur: function onBlur(e) {
         setIsFocused(false);
         if (_onBlur) _onBlur(e);
-      }
+      },
+      onSubmitEditing: multiline ? function () {
+        return null;
+      } : onSubmitEditing
     })), right ? /*#__PURE__*/jsx(RightInputContainer, {
       children: right
     }) : null]