@ornikar/kitt-universal 9.12.2 → 9.14.0

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

@@ -993,6 +993,36 @@ function Avatar({
   });
 }
 
+function BottomSheetComponent() {
+  // noop
+  return null;
+}
+
+const BottomSheet = /*#__PURE__*/react.forwardRef(BottomSheetComponent);
+
+BottomSheet.View = function () {
+  return null;
+};
+
+function useBottomSheet() {
+  const ref = react.useRef(null);
+  return ref;
+}
+
+function useStaticBottomSheet(Content) {
+  const bottomSheetRef = react.useRef(null);
+  const BottomSheetMemoized = react.useMemo(() => function (props) {
+    return /*#__PURE__*/jsxRuntime.jsx(BottomSheet, { ...props,
+      ref: bottomSheetRef,
+      children: Content
+    });
+  }, [Content]);
+  return {
+    bottomSheetRef,
+    BottomSheet: BottomSheetMemoized
+  };
+}
+
 const Container$3 = /*#__PURE__*/styled__default(BabelPluginStyledComponentsReactNative.View).withConfig({
   displayName: "Card__Container",
   componentId: "kitt-universal__sc-1n9psug-0"
@@ -1756,6 +1786,17 @@ const avatar = {
   }
 };
 
+const spacing = 4;
+
+const bottomSheet = {
+  container: {
+    padding: spacing * 4
+  },
+  handle: {
+    backgroundColor: lateOceanColorPalette.black200
+  }
+};
+
 const button = {
   borderRadius: 30,
   borderWidth: {
@@ -1972,7 +2013,8 @@ const typography = {
     'primary-light': colors.primaryLight,
     accent: colors.accent,
     success: colors.success,
-    danger: colors.danger
+    danger: colors.danger,
+    warning: colors.warning
   },
   types: {
     headers: {
@@ -2151,8 +2193,6 @@ const fullScreenModal = {
   }
 };
 
-const spacing = 4;
-
 const highlight = {
   borderRadius: {
     base: spacing * 5
@@ -2318,6 +2358,18 @@ const 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
+    }
   }
 };
 
@@ -2362,6 +2414,7 @@ const theme = {
   avatar,
   breakpoints,
   button,
+  bottomSheet,
   card,
   choices,
   dialogModal,
@@ -4856,6 +4909,11 @@ const getLabelColor = (type, variant) => {
         return variant === 'outline' ? 'danger' : 'black';
       }
 
+    case 'warn':
+      {
+        return variant === 'outline' ? 'warning' : 'black';
+      }
+
     case 'primary':
       {
         return 'primary';
@@ -5269,6 +5327,7 @@ function MatchWindowSize({
 exports.useWindowSize = BabelPluginStyledComponentsReactNative.useWindowDimensions;
 exports.Actions = Actions;
 exports.Avatar = Avatar;
+exports.BottomSheet = BottomSheet;
 exports.Button = Button;
 exports.Card = Card;
 exports.Checkbox = Checkbox;
@@ -5341,8 +5400,10 @@ exports.hex2rgba = hex2rgba;
 exports.matchWindowSize = matchWindowSize;
 exports.styledTextInputMixin = styledTextInputMixin;
 exports.theme = theme;
+exports.useBottomSheet = useBottomSheet;
 exports.useKittTheme = useKittTheme;
 exports.useMatchWindowSize = useMatchWindowSize;
+exports.useStaticBottomSheet = useStaticBottomSheet;
 exports.useStoryBlockColor = useStoryBlockColor;
 exports.withTheme = withTheme;
 Object.keys(kittIcons).forEach(function (k) {