@bigbinary/neeto-molecules 4.0.45 → 4.0.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "4.0.45",
+  "version": "4.0.46",
   "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

@@ -733,6 +733,11 @@
       "copyCode": "Copy code",
       "backToEmbedSelection": "Back to embed selection",
       "embedCode": "Embed code",
+      "dynamicHeight": "Dynamic height",
+      "transparentBackground": "Transparent background",
+      "alignContentLeft": "Align content to left",
+      "hideTitle": "Hide title",
+      "dynamicHeightHelpText": "Automatically adjust the height of the embed to fit the content.",
       "inline": {
         "title": "Inline embed",
         "width": "Width",

package/types/ProductEmbed.d.ts

@@ -9,6 +9,10 @@ interface InlineProps {
   width?: number;
   height?: number;
   elementSelector?: string;
+  dynamicHeight?: boolean;
+  hideTitle?: boolean;
+  alignContentLeft?: boolean;
+  transparentBackground?: boolean;
 }
 interface FloatingPopupProps {
   label: string;
@@ -35,6 +39,10 @@ interface IframeProps {
   height?: number;
   iframeUrl?: string;
   iframeTitle?: string;
+  dynamicHeight?: boolean;
+  hideTitle?: boolean;
+  alignContentLeft?: boolean;
+  transparentBackground?: boolean;
 }
 type CodeSampleType = "html" | "react";
 /**
@@ -64,6 +72,10 @@ type CodeSampleType = "html" | "react";
  *         width: 90,
  *         height: 100,
  *         elementSelector: "#inline-embed",
+ *         dynamicHeight: true,
+ *         hideTitle: true,
+ *         alignContentLeft: true,
+ *         transparentBackground: false,
  *       },
  *       floatingPopup: {
  *         label: "Floating Popup",
@@ -77,6 +89,16 @@ type CodeSampleType = "html" | "react";
  *         description: "An element popup",
  *         elementSelector: "element-id",
  *       },
+ *       iframe: {
+ *         label: "Iframe",
+ *         description: "An iframe embed",
+ *         width: 100,
+ *         height: 100,
+ *         dynamicHeight: true,
+ *         hideTitle: true,
+ *         alignContentLeft: true,
+ *         transparentBackground: false,
+ *       },
  *     }}
  *     isQueryParamsEnabled={true}
  *     supportedLanguages={["html", "react"]}