@ornikar/kitt-universal 9.12.2 → 9.14.0

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

@@ -2,7 +2,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { Stack as Stack$1, VStack as VStack$1, HStack as HStack$1, Text as Text$1, View as View$2, ScrollView as ScrollView$1, Pressable as Pressable$2, Image as Image$1, Input, NativeBaseProvider, extendTheme } from 'native-base';
 import _extends from '@babel/runtime/helpers/extends';
-import { forwardRef, useContext, createContext, cloneElement, useState, useRef, useEffect, Children, useMemo, Fragment } from 'react';
+import { forwardRef, useContext, createContext, cloneElement, useState, useRef, useEffect, useMemo, Children, Fragment } from 'react';
 import { styled } from '@linaria/react';
 import { Pressable as Pressable$1, View as View$1, useWindowDimensions, Image, StyleSheet, ScrollView as ScrollView$2, Linking, Modal as Modal$1, Text as Text$2 } from 'react-native';
 export { useWindowDimensions as useWindowSize } from 'react-native';
@@ -1057,6 +1057,38 @@ function Avatar(_ref6) {
   });
 }
 
+function BottomSheetComponent() {
+  // noop
+  return null;
+}
+
+var BottomSheet = /*#__PURE__*/forwardRef(BottomSheetComponent);
+
+BottomSheet.View = function () {
+  return null;
+};
+
+function useBottomSheet() {
+  var ref = useRef(null);
+  return ref;
+}
+
+function useStaticBottomSheet(Content) {
+  var bottomSheetRef = useRef(null);
+  var BottomSheetMemoized = useMemo(function () {
+    return function (props) {
+      return /*#__PURE__*/jsx(BottomSheet, _objectSpread(_objectSpread({}, props), {}, {
+        ref: bottomSheetRef,
+        children: Content
+      }));
+    };
+  }, [Content]);
+  return {
+    bottomSheetRef: bottomSheetRef,
+    BottomSheet: BottomSheetMemoized
+  };
+}
+
 var Container$3 = /*#__PURE__*/styled$1(View$1).withConfig({
   displayName: "Card__Container",
   componentId: "kitt-universal__sc-1n9psug-0"
@@ -1892,6 +1924,17 @@ var avatar = {
   }
 };
 
+var spacing = 4;
+
+var bottomSheet = {
+  container: {
+    padding: spacing * 4
+  },
+  handle: {
+    backgroundColor: lateOceanColorPalette.black200
+  }
+};
+
 var button = {
   borderRadius: 30,
   borderWidth: {
@@ -2112,7 +2155,8 @@ var typography = {
     'primary-light': colors.primaryLight,
     accent: colors.accent,
     success: colors.success,
-    danger: colors.danger
+    danger: colors.danger,
+    warning: colors.warning
   },
   types: {
     headers: {
@@ -2291,8 +2335,6 @@ var fullScreenModal = {
   }
 };
 
-var spacing = 4;
-
 var highlight = {
   borderRadius: {
     base: spacing * 5
@@ -2458,6 +2500,18 @@ var tag = {
       borderWidth: 1,
       borderColor: colors.danger
     }
+  },
+  warn: {
+    fill: {
+      backgroundColor: colors.warning,
+      borderWidth: 0,
+      borderColor: colors.transparent
+    },
+    outline: {
+      backgroundColor: colors.transparent,
+      borderWidth: 1,
+      borderColor: colors.warning
+    }
   }
 };
 
@@ -2502,6 +2556,7 @@ var theme = {
   avatar: avatar,
   breakpoints: breakpoints,
   button: button,
+  bottomSheet: bottomSheet,
   card: card,
   choices: choices,
   dialogModal: dialogModal,
@@ -5133,6 +5188,11 @@ var getLabelColor = function (type, variant) {
         return variant === 'outline' ? 'danger' : 'black';
       }
 
+    case 'warn':
+      {
+        return variant === 'outline' ? 'warning' : 'black';
+      }
+
     case 'primary':
       {
         return 'primary';
@@ -5572,5 +5632,5 @@ function MatchWindowSize(_ref) {
   return children;
 }
 
-export { Actions, Avatar, Button, Card, Checkbox, ChoicesElements, DatePicker, DialogModal, Emoji, ExternalAppLink, ExternalLink, Flex, FullScreenModal, HStack, Highlight, Icon, IconButton, InputEmail, InputFeedback, InputField, InputIcon, InputPassword, InputPhone, InputPressable, InputTag, InputText, KittBreakpoints, KittBreakpointsMax, KittNativeBaseProvider, KittThemeDecorator, KittThemeProvider, Label, ListItem, LoaderIcon, MatchWindowSize, Message, Modal, ModalBehaviour, NavigationModal, Notification, Overlay, PageLoader, Picker, Pressable, Radio, ScrollView, DeprecatedSection as Section, Skeleton, SpinningIcon, Stack, Story, StoryBlock, StoryContainer, StoryDecorator, StoryGrid, StorySection, StoryTitle, StyleWebWrapper, Tag, TextArea, TimePicker, Tooltip, Typography, TypographyEmoji, TypographyIcon, TypographyLink, VStack, View, createChoicesComponent, createWindowSizeHelper, hex2rgba, matchWindowSize, styledTextInputMixin, theme, useKittTheme, useMatchWindowSize, useStoryBlockColor, withTheme };
+export { Actions, Avatar, BottomSheet, Button, Card, Checkbox, ChoicesElements, DatePicker, DialogModal, Emoji, ExternalAppLink, ExternalLink, Flex, FullScreenModal, HStack, Highlight, Icon, IconButton, InputEmail, InputFeedback, InputField, InputIcon, InputPassword, InputPhone, InputPressable, InputTag, InputText, KittBreakpoints, KittBreakpointsMax, KittNativeBaseProvider, KittThemeDecorator, KittThemeProvider, Label, ListItem, LoaderIcon, MatchWindowSize, Message, Modal, ModalBehaviour, NavigationModal, Notification, Overlay, PageLoader, Picker, Pressable, Radio, ScrollView, DeprecatedSection as Section, Skeleton, SpinningIcon, Stack, Story, StoryBlock, StoryContainer, StoryDecorator, StoryGrid, StorySection, StoryTitle, StyleWebWrapper, Tag, TextArea, TimePicker, Tooltip, Typography, TypographyEmoji, TypographyIcon, TypographyLink, VStack, View, createChoicesComponent, createWindowSizeHelper, hex2rgba, matchWindowSize, styledTextInputMixin, theme, useBottomSheet, useKittTheme, useMatchWindowSize, useStaticBottomSheet, useStoryBlockColor, withTheme };
 //# sourceMappingURL=index-browser-all.es.web.js.map