@bigbinary/neeto-molecules 3.3.17 → 3.3.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "3.3.17",
+  "version": "3.3.19",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",

package/src/translations/en.json

@@ -738,6 +738,9 @@
     },
     "deviceIncompatibility": {
       "description": "The design tab is currently not supported in this screen size. Please switch to a screen larger than 768px wide."
+    },
+    "mobilePreview": {
+      "message": "The following section is a preview based on the changes you have made above."
     }
   }
 }

package/types/MobilePreviewHeader.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+/**
+ *
+ * Can be used to show preview message for smaller viewports.
+ *
+ * @example 
+ *
+ * import MobilePreviewHeader from "@bigbinary/neeto-molecules/MobilePreviewHeader";
+ * 
+ * const App = () => <MobilePreviewHeader />;
+ * @endexample
+*/
+const MobilePreviewHeader: React.FC<{
+  message?: React.ReactNode;
+  className?: string;
+}>;
+export default MobilePreviewHeader;