@ornikar/kitt-universal 9.12.2 → 9.13.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: {
@@ -2151,8 +2192,6 @@ const fullScreenModal = {
   }
 };
 
-const spacing = 4;
-
 const highlight = {
   borderRadius: {
     base: spacing * 5
@@ -2362,6 +2401,7 @@ const theme = {
   avatar,
   breakpoints,
   button,
+  bottomSheet,
   card,
   choices,
   dialogModal,
@@ -5269,6 +5309,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 +5382,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) {