luna-one 3.1.592 → 3.1.594

package/dist/luna/components/BlockListItems/BlockListItem.stories.js

@@ -0,0 +1,2381 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.VideoCTABioBlocks = exports.UnboundedCardsWithWhite = exports.UnboundedCardsWithConcreteGray = exports.UnboundedCardsCentered = exports.UnboundedCards = exports.UnBoundedCardsWithVideo = exports.IconMiniBlocks = exports.IconListItemBlocksWithWhite = exports.IconListItemBlocksWithVideoCTA = exports.IconListItemBlocksWithConcreteGray = exports.IconListItemBlocks = exports.EcommerceCardsCentered = exports.EcommerceCards = exports.BoundedCardsWithWhite = exports.BoundedCardsWithVideo = exports.BoundedCardsWithTrimbleDarkGray = exports.BoundedCardsWithTrimbleBlue = exports.BoundedCardsWithDarkNavy = exports.BoundedCardsWithConcreteGray = exports.BoundedCardsNoImages = exports.BoundedCardsCentered = exports.BoundedCards4Centered = exports.BoundedCards3Centered = exports.BoundedCards2Centered = exports.BoundedCards = exports.BioBlocksWithWhite = exports.BioBlocksWithVideo = exports.BioBlocksWithConcreteGray = exports.BioBlocks = exports.AppCardsWithWhite = exports.AppCardsWithTrimbleDarkGray = exports.AppCardsWithTrimbleBlue = exports.AppCardsWithDarkNavy = exports.AppCardsWithConcreteGray = exports.AppCards = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _BlockListItems = _interopRequireDefault(require("./BlockListItems"));
+var _BlockListItemsDocumentation = _interopRequireDefault(require("./BlockListItemsDocumentation.mdx"));
+// Themes
+var white = {
+  color: "#26292E",
+  backgroundColor: "#ffffff",
+  theme: "white"
+};
+var concreteGray = {
+  color: "#26292E",
+  backgroundColor: "#F1F1F6",
+  theme: "concrete-gray"
+};
+var trimbleDarkGray = {
+  color: "#ffffff",
+  backgroundColor: "#252A2E",
+  theme: "dark-gray"
+};
+var trimbleBlue = {
+  color: "#ffffff",
+  backgroundColor: "#0063A3",
+  theme: "blue"
+};
+var darkNavy = {
+  color: "#ffffff",
+  backgroundColor: "#003054",
+  theme: "dark-navy"
+};
+var variant1ACards = [{
+  image: {
+    type: "lottieAnimation",
+    src: "https://assets3.lottiefiles.com/packages/lf20_UJNc2t.json",
+    style: {
+      width: "100%",
+      height: "168px"
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Trimble S9 HP©",
+  cardLink: {
+    // url: "/#",
+    onClick: function onClick() {
+      console.log("yayyyyyy");
+    },
+    text: "Button"
+  },
+  text: "Combines top field technologies with the highest level of accuracy and most advanced engineering features.",
+  modalType: "Image",
+  modalContent: {
+    modalImage: {
+      type: "lottieAnimation",
+      src: "https://assets3.lottiefiles.com/packages/lf20_UJNc2t.json",
+      style: {
+        width: "100%",
+        height: "168px"
+      }
+    },
+    variant: "unbounded_cards",
+    transcript: null,
+    video: null
+  }
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Trimble S9 HP",
+  cardLink: {
+    url: "https://trimble.com",
+    text: "Button",
+    external: true
+  },
+  modalType: "Image",
+  modalContent: {
+    modalImage: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    }
+  },
+  text: "Uncompromising performance, range, accuracy and speed."
+}, {
+  eyebrow: "Eyebrow Option",
+  header: "Trimble S9 HP",
+  cardLink: {
+    url: "/#",
+    text: "Button"
+  },
+  text: "The no nonsense workhorse that works efficiently and dependably while maintaining the highest possible accuracy"
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Trimble S9 HP",
+  cardLink: {
+    url: "/#",
+    text: "Button"
+  },
+  modalType: "Video",
+  modalContent: {
+    thumbnail: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    },
+    variant: "unbounded_cards",
+    transcript: null,
+    video: {
+      url: "https://www.youtube.com/embed/UY7r0juBF8Y",
+      allowFullScreen: true,
+      uuid: "UrtwArRETP23TP9yGgCEd6",
+      vidyard: false
+    }
+  },
+  text: "Uncompromising performance, range, accuracy and speed."
+}];
+var variant1ACardsCentered = [{
+  image: {
+    type: "lottieAnimation",
+    src: "https://assets3.lottiefiles.com/packages/lf20_UJNc2t.json",
+    style: {
+      width: "100%",
+      height: "168px"
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Trimble S9 HP©",
+  cardLink: {
+    // url: "/#",
+    onClick: function onClick() {
+      console.log("yayyyyyy");
+    },
+    text: "Button"
+  },
+  text: "Combines top field technologies with the highest level of accuracy and most advanced engineering features.",
+  modalType: "Image",
+  modalContent: {
+    modalImage: {
+      type: "lottieAnimation",
+      src: "https://assets3.lottiefiles.com/packages/lf20_UJNc2t.json",
+      style: {
+        width: "100%",
+        height: "168px"
+      }
+    },
+    variant: "unbounded_cards",
+    transcript: null,
+    video: null
+  }
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Trimble S9 HP",
+  cardLink: {
+    url: "https://trimble.com",
+    text: "Button",
+    external: true
+  },
+  modalType: "Image",
+  modalContent: {
+    modalImage: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    }
+  },
+  text: "Uncompromising performance, range, accuracy and speed."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Trimble S9 HP",
+  cardLink: {
+    url: "/#",
+    text: "Button"
+  },
+  modalType: "Video",
+  modalContent: {
+    thumbnail: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    },
+    variant: "unbounded_cards",
+    transcript: null,
+    video: {
+      url: "https://www.youtube.com/embed/UY7r0juBF8Y",
+      allowFullScreen: true,
+      uuid: "UrtwArRETP23TP9yGgCEd6",
+      vidyard: false
+    }
+  },
+  text: "Uncompromising performance, range, accuracy and speed."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Trimble S9 HP",
+  cardLink: {
+    url: "/#",
+    text: "Button"
+  },
+  modalType: "Video",
+  modalContent: {
+    thumbnail: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    },
+    variant: "unbounded_cards",
+    transcript: null,
+    video: {
+      url: "https://www.youtube.com/embed/UY7r0juBF8Y",
+      allowFullScreen: true,
+      uuid: "UrtwArRETP23TP9yGgCEd6",
+      vidyard: false
+    }
+  },
+  text: "Uncompromising performance, range, accuracy and speed."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Trimble S9 HP",
+  cardLink: {
+    url: "/#",
+    text: "Button"
+  },
+  modalType: "Video",
+  modalContent: {
+    thumbnail: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    },
+    variant: "unbounded_cards",
+    transcript: null,
+    video: {
+      url: "https://www.youtube.com/embed/UY7r0juBF8Y",
+      allowFullScreen: true,
+      uuid: "UrtwArRETP23TP9yGgCEd6",
+      vidyard: false
+    }
+  },
+  text: "Uncompromising performance, range, accuracy and speed."
+}];
+var variant1ACards4Centered = [{
+  image: {
+    type: "lottieAnimation",
+    src: "https://assets3.lottiefiles.com/packages/lf20_UJNc2t.json",
+    style: {
+      width: "100%",
+      height: "168px"
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Trimble S9 HP©",
+  cardLink: {
+    // url: "/#",
+    onClick: function onClick() {
+      console.log("yayyyyyy");
+    },
+    text: "Button"
+  },
+  text: "Combines top field technologies with the highest level of accuracy and most advanced engineering features.",
+  modalType: "Image",
+  modalContent: {
+    modalImage: {
+      type: "lottieAnimation",
+      src: "https://assets3.lottiefiles.com/packages/lf20_UJNc2t.json",
+      style: {
+        width: "100%",
+        height: "168px"
+      }
+    },
+    variant: "unbounded_cards",
+    transcript: null,
+    video: null
+  }
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Trimble S9 HP",
+  cardLink: {
+    url: "https://trimble.com",
+    text: "Button",
+    external: true
+  },
+  modalType: "Image",
+  modalContent: {
+    modalImage: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    }
+  },
+  text: "Uncompromising performance, range, accuracy and speed."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Trimble S9 HP",
+  cardLink: {
+    url: "/#",
+    text: "Button"
+  },
+  modalType: "Video",
+  modalContent: {
+    thumbnail: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    },
+    variant: "unbounded_cards",
+    transcript: null,
+    video: {
+      url: "https://www.youtube.com/embed/UY7r0juBF8Y",
+      allowFullScreen: true,
+      uuid: "UrtwArRETP23TP9yGgCEd6",
+      vidyard: false
+    }
+  },
+  text: "Uncompromising performance, range, accuracy and speed."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Trimble S9 HP",
+  cardLink: {
+    url: "/#",
+    text: "Button"
+  },
+  modalType: "Video",
+  modalContent: {
+    thumbnail: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    },
+    variant: "unbounded_cards",
+    transcript: null,
+    video: {
+      url: "https://www.youtube.com/embed/UY7r0juBF8Y",
+      allowFullScreen: true,
+      uuid: "UrtwArRETP23TP9yGgCEd6",
+      vidyard: false
+    }
+  },
+  text: "Uncompromising performance, range, accuracy and speed."
+}];
+var variant1ACards3Centered = [{
+  image: {
+    type: "lottieAnimation",
+    src: "https://assets3.lottiefiles.com/packages/lf20_UJNc2t.json",
+    style: {
+      width: "100%",
+      height: "168px"
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Trimble S9 HP©",
+  cardLink: {
+    // url: "/#",
+    onClick: function onClick() {
+      console.log("yayyyyyy");
+    },
+    text: "Button"
+  },
+  text: "Combines top field technologies with the highest level of accuracy and most advanced engineering features.",
+  modalType: "Image",
+  modalContent: {
+    modalImage: {
+      type: "lottieAnimation",
+      src: "https://assets3.lottiefiles.com/packages/lf20_UJNc2t.json",
+      style: {
+        width: "100%",
+        height: "168px"
+      }
+    },
+    variant: "unbounded_cards",
+    transcript: null,
+    video: null
+  }
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Trimble S9 HP",
+  cardLink: {
+    url: "https://trimble.com",
+    text: "Button",
+    external: true
+  },
+  modalType: "Image",
+  modalContent: {
+    modalImage: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    }
+  },
+  text: "Uncompromising performance, range, accuracy and speed."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Trimble S9 HP",
+  cardLink: {
+    url: "/#",
+    text: "Button"
+  },
+  modalType: "Video",
+  modalContent: {
+    thumbnail: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    },
+    variant: "unbounded_cards",
+    transcript: null,
+    video: {
+      url: "https://www.youtube.com/embed/UY7r0juBF8Y",
+      allowFullScreen: true,
+      uuid: "UrtwArRETP23TP9yGgCEd6",
+      vidyard: false
+    }
+  },
+  text: "Uncompromising performance, range, accuracy and speed."
+}];
+var variant1ACards2Centered = [{
+  image: {
+    type: "lottieAnimation",
+    src: "https://assets3.lottiefiles.com/packages/lf20_UJNc2t.json",
+    style: {
+      width: "100%",
+      height: "168px"
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Trimble S9 HP©",
+  cardLink: {
+    // url: "/#",
+    onClick: function onClick() {
+      console.log("yayyyyyy");
+    },
+    text: "Button"
+  },
+  text: "Combines top field technologies with the highest level of accuracy and most advanced engineering features.",
+  modalType: "Image",
+  modalContent: {
+    modalImage: {
+      type: "lottieAnimation",
+      src: "https://assets3.lottiefiles.com/packages/lf20_UJNc2t.json",
+      style: {
+        width: "100%",
+        height: "168px"
+      }
+    },
+    variant: "unbounded_cards",
+    transcript: null,
+    video: null
+  }
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Trimble S9 HP",
+  cardLink: {
+    url: "https://trimble.com",
+    text: "Button",
+    external: true
+  },
+  modalType: "Image",
+  modalContent: {
+    modalImage: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    }
+  },
+  text: "Uncompromising performance, range, accuracy and speed."
+}];
+var variant1BCards = [{
+  eyebrow: "Eyebrow Option",
+  header: "Trimble S9 HP©",
+  cardLink: {
+    url: "/#",
+    text: "Button"
+  },
+  text: "Combines top field technologies with the highest level of accuracy and most advanced engineering features."
+}, {
+  eyebrow: "Eyebrow Option",
+  header: "Trimble S9 HP",
+  cardLink: {
+    url: "/#",
+    text: "Button"
+  }
+}, {
+  eyebrow: "Eyebrow Option",
+  header: "Trimble S9 HP",
+  cardLink: {
+    onClick: function onClick() {
+      console.log("yayyyyyy");
+    },
+    text: "Button"
+  },
+  text: "The no nonsense workhorse that works efficiently and dependably while maintaining the highest possible accuracy"
+}, {
+  eyebrow: "Eyebrow Option",
+  header: "Trimble S9 HP",
+  cardLink: {
+    url: "/#",
+    text: "Button"
+  },
+  text: "Uncompromising performance, range, accuracy and speed."
+}];
+var ecommerceCards = [{
+  header: "Trimble TX8",
+  eyebrow: "SCANNERS",
+  text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis quam at nisl sociis.",
+  image: {
+    focalPointImage: {
+      height: 960,
+      width: 1280,
+      title: "FPO Placeholder",
+      url: "https://images.ctfassets.net/citn2sn5tdjr/7FQF8EgL3N5VAMDQX2H40A/0f774cdd69ef9abe633e43450fcf7b2a/trimble-tx8.png",
+      x: 480,
+      y: 640
+    }
+  },
+  cardLabel: "Most popular",
+  productPrice: {
+    currentPrice: "11000",
+    previousPrice: "12000",
+    saving: "1000",
+    priceTerm: "/year",
+    currencyIcon: "$"
+  },
+  productPageLink: {
+    text: "Learn more",
+    url: "/product-page-link",
+    external: true
+  },
+  trialLink: {
+    text: "Try for Free",
+    url: "/trial-page-link",
+    external: true
+  },
+  cardLink: {
+    text: "Add to Cart",
+    url: "/buy-page-link"
+  }
+}, {
+  header: "Trimble TX8",
+  eyebrow: "SCANNERS",
+  text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis quam at nisl sociis.",
+  image: {
+    focalPointImage: {
+      height: 960,
+      width: 1280,
+      title: "FPO Placeholder",
+      url: "https://images.ctfassets.net/citn2sn5tdjr/7FQF8EgL3N5VAMDQX2H40A/0f774cdd69ef9abe633e43450fcf7b2a/trimble-tx8.png",
+      x: 480,
+      y: 640
+    }
+  },
+  cardLabel: "Most popular",
+  productPrice: {
+    currentPrice: "11000",
+    previousPrice: "12000",
+    saving: "1000",
+    priceTerm: "/year",
+    currencyIcon: "$"
+  },
+  productPageLink: {
+    text: "Learn more",
+    url: "/product-page-link",
+    external: true
+  },
+  trialLink: {
+    text: "Try for Free",
+    url: "/trial-page-link",
+    external: true
+  },
+  cardLink: {
+    text: "Add to Cart",
+    url: "/buy-page-link"
+  }
+}, {
+  header: "Trimble TX8",
+  eyebrow: "SCANNERS",
+  text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis quam at nisl sociis.",
+  image: {
+    focalPointImage: {
+      height: 960,
+      width: 1280,
+      title: "FPO Placeholder",
+      url: "https://images.ctfassets.net/citn2sn5tdjr/7FQF8EgL3N5VAMDQX2H40A/0f774cdd69ef9abe633e43450fcf7b2a/trimble-tx8.png",
+      x: 480,
+      y: 640
+    }
+  },
+  productPrice: {
+    currentPrice: "11000",
+    previousPrice: "12000",
+    saving: "1000",
+    priceTerm: "/year",
+    currencyIcon: "$"
+  },
+  productPageLink: {
+    text: "Learn more",
+    url: "/product-page-link",
+    external: true
+  },
+  trialLink: {
+    text: "Try for Free",
+    url: "/trial-page-link",
+    external: true
+  },
+  cardLink: {
+    text: "Add to Cart",
+    url: "/buy-page-link"
+  }
+}, {
+  header: "Trimble TX8",
+  eyebrow: "SCANNERS",
+  text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis quam at nisl sociis.",
+  image: {
+    focalPointImage: {
+      height: 960,
+      width: 1280,
+      title: "FPO Placeholder",
+      url: "https://images.ctfassets.net/citn2sn5tdjr/7FQF8EgL3N5VAMDQX2H40A/0f774cdd69ef9abe633e43450fcf7b2a/trimble-tx8.png",
+      x: 480,
+      y: 640
+    }
+  },
+  productPrice: {
+    currentPrice: "11000"
+  },
+  productPageLink: {
+    text: "Learn more",
+    url: "/product-page-link",
+    external: true
+  },
+  trialLink: {
+    text: "Try for Free",
+    url: "/trial-page-link",
+    external: true
+  },
+  cardLink: {
+    text: "Add to Cart",
+    url: "/buy-page-link"
+  }
+}, {
+  header: "Trimble TX8",
+  eyebrow: "SCANNERS",
+  text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis quam at nisl sociis.",
+  image: {
+    focalPointImage: {
+      height: 960,
+      width: 1280,
+      title: "FPO Placeholder",
+      url: "https://images.ctfassets.net/citn2sn5tdjr/7FQF8EgL3N5VAMDQX2H40A/0f774cdd69ef9abe633e43450fcf7b2a/trimble-tx8.png",
+      x: 480,
+      y: 640
+    }
+  },
+  productPrice: {
+    currentPrice: "11000",
+    currencyIcon: "$"
+  },
+  productPageLink: {
+    text: "Learn more",
+    url: "/product-page-link",
+    external: true
+  },
+  cardLink: {
+    text: "Add to Cart",
+    url: "/buy-page-link"
+  }
+}];
+var appCards = [{
+  logo: {
+    altText: "Some alt text for product",
+    url: "https://bryandoconnor.s3.us-west-2.amazonaws.com/images/sketchup-logo.svg"
+  },
+  productName: "ProjectSight",
+  header: "PM Software for Designers & Contractors©",
+  subheader: "Manage projects from a single-source of collaboration & information. Cost Management | Document Control | Field Management | Drawing & Specification Management",
+  image: {
+    focalPointImage: {
+      height: 960,
+      width: 1280,
+      title: "FPO Placeholder",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7zF5J9FlzLzm2SFrT6inNJ/2fe28905a10bd27e8d6b178d3a8239e6/save.png",
+      x: 480,
+      y: 640
+    }
+  },
+  body: "\n    <p>The Power of One Platform</p>\n    <p>No more chasing paperwork. Improve your construction project management by having all RFIs, Submittals, change orders and reports in one platform.</p>\n    <p>Improve your team's productivity. The team conversations approach puts an end to project paper-trail forensics and holds all project team members accountable for their part.</p>\n    <p>Build efficient processes. Simple, configurable and modern construction management processes allow you to quickly capture, communicate and collaborate around critical information in the office or in the field.</p>\n    <p>Build More. Confidently.</p>\n    ",
+  viewLessText: "View Less",
+  viewMoreText: "View More",
+  cardLink: {
+    text: "Request Demo",
+    url: "https://www.trimble.com",
+    external: true
+  },
+  Link: null
+}, {
+  logo: {
+    altText: "Some alt text for product",
+    url: "https://bryandoconnor.s3.us-west-2.amazonaws.com/images/sketchup-logo.svg"
+  },
+  productName: "Viewpoint Team",
+  header: "Construction Project Management",
+  subheader: "connect the back office® and field operations® with your team of subcontractors, suppliers, architects and owners'",
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  body: "\n    <p>The Power of One Platform</p>\n    <p>No more chasing paperwork. Improve your construction project management by having all RFIs, Submittals, change orders and reports in one platform.</p>\n    <p>Improve your team's productivity. The team conversations approach puts an end to project paper-trail forensics and holds all project team members accountable for their part.</p>\n    <p>Build efficient processes. Simple, configurable and modern construction management processes allow you to quickly capture, communicate and collaborate around critical information in the office or in the field.</p>\n    <p>Build More. Confidently.</p>\n    ",
+  viewLessText: "View Less",
+  viewMoreText: "View More",
+  cardLink: {
+    url: "https://trimble.com",
+    text: "Request Demo",
+    external: true
+  },
+  Link: null
+}, {
+  logo: {
+    altText: "Some alt text for product",
+    url: "https://bryandoconnor.s3.us-west-2.amazonaws.com/images/sketchup-logo.svg"
+  },
+  productName: "Service Tech Mobile",
+  header: "Mobile & Web App w/ Field Access to ERP®",
+  subheader: "Connect your service business directly to your accounting system. Information from the field is instantly updated in the ERP.",
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  body: "\n    <p>Bill and get paid faster and with fewer disputes, with mobile sign-off on the jobsite</p>\n    <p>Track labor and work performed, equipment, materials and other cost data in real time</p>\n    <p>Service techs can see work order details, access maps and directions, and spend more time completing billable work</p>\n    <p>Mobile access to Spectrum's job cost accounting ties cost and revenue directly to work orders</p>\n    ",
+  viewLessText: "View Less",
+  viewMoreText: "View More",
+  cardLink: {
+    url: "https://trimble.com",
+    text: "Request Demo",
+    external: true
+  },
+  Link: null
+}, {
+  logo: {
+    altText: "Some alt text for product",
+    url: "https://bryandoconnor.s3.us-west-2.amazonaws.com/images/sketchup-logo.svg"
+  },
+  productName: "Payroll Time Entry",
+  header: "Mobile Labor & Equipment Mgmt for ERP",
+  subheader: "Manage labor and equipment time from the job site, with this mobile app that connects to the Spectrum ERP",
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  body: "\n    <p>Track labor and equipment time from anywhere with a simple, intuitive app</p>\n    <p>Update payroll and job cost information in real-time, in Spectrum's Payroll and Human Resources applications</p>\n    <p>Eliminate duplicate data entry, streamline labor and payroll workflows , and reduce paperwork and inefficiencies</p>\n    <p>Improve the speed and accuracy of payroll processes</p>\n    <p>Off-line functionality for remote work sites</p>\n    ",
+  viewLessText: "View Less",
+  viewMoreText: "View More",
+  cardLink: {
+    url: "https://trimble.com",
+    text: "Request Demo",
+    external: true
+  },
+  Link: null
+}, {
+  logo: {
+    altText: "Some alt text for product",
+    url: "https://bryandoconnor.s3.us-west-2.amazonaws.com/images/sketchup-logo.svg"
+  },
+  productName: "Trimble Connect",
+  header: "Cloud-based collaboration tool",
+  subheader: "Connect the right people to the right data at the right time - enabling informed decision making and enhancing project efficiency.",
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  body: "\n    <p>Bridge data silos - Store, share, action, and reference 3D models, drawings, and more throughout each phase of the project lifecycle.</p>\n    <p>Access anywhere - Up-to-date models and plans are accessible across desktop, browser, mobile, and even on Mixed Reality (MR) devices.</p>\n    <p>True collaboration - Compile feedback, assign to-dos, and share critical information at every stage. Access over 60 file formats including AutoCAD and Revit.</p>\n    <p>Unlimited storage - Trimble Connect for Business offers unlimited cloud storage with full version control. Even if you lose your device, you won't lose your work.</p>\n    ",
+  viewLessText: "View Less",
+  viewMoreText: "View More",
+  cardLink: {
+    url: "https://trimble.com",
+    text: "Request Demo",
+    external: true
+  },
+  Link: null
+}, {
+  logo: {
+    altText: "Some alt text for product",
+    url: "https://bryandoconnor.s3.us-west-2.amazonaws.com/images/sketchup-logo.svg"
+  },
+  productName: "VDC Pro+",
+  header: "Design and detailing software",
+  subheader: "Design and collaborate on real-world constructible models in AutoCAD, AutoCAD MEP, or Revit.",
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  body: "\n    <p>Flexible. Design your next real-world, constructible model in the application of your choice: AutoCAD, AutoCAD MEP or Revit.</p>\n    <p>Connected. Increase connectivity among workflows, collaboration, and project visibility across your entire team, from design to field</p>\n    <p>Content-enabled. Increase accuracy and draw with confidence knowing that the parts you're using are up-to-date to manufacturer specifications.</p>\n    ",
+  viewLessText: "View Less",
+  viewMoreText: "View More",
+  cardLink: {
+    url: "https://trimble.com",
+    text: "Request Demo",
+    external: true
+  },
+  Link: null
+}, {
+  logo: {
+    altText: "Some alt text for product",
+    url: "https://bryandoconnor.s3.us-west-2.amazonaws.com/images/sketchup-logo.svg"
+  },
+  productName: "WinEst",
+  header: "Estimation software for GC's",
+  subheader: "Reduce the complexity of delivering accurate construction estimates with this subscription.",
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  body: "\n    <p>Convert cost data into bid information. Convert your unique historical cost data into valuable early stage estimates. Bid confidently, winning more work.</p>\n    <p>Standardize your estimating processes. Organize your estimating processes and ensure that everyone is on the same page and producing consistent estimating outcomes.</p>\n    <p>Use your valuable time for things that matter. Free your time up of learning and using multiple tools to get the estimating job done.</p>\n    <p>Improve your estimates. Premium capabilities allow you to share and collaborate project information with the people that matter.</p>\n    ",
+  viewLessText: "View Less",
+  viewMoreText: "View More",
+  cardLink: {
+    url: "https://trimble.com",
+    text: "Request Demo",
+    external: true
+  },
+  Link: null
+}, {
+  productName: "Vista",
+  header: "Web-based Construction ERP",
+  subheader: "This web-based construction ERP has tools for job-cost accounting, project management, service management, HR, payroll, inventory tracking & more",
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  body: "\n    <p>Connect real-time information and workflows from across the organization, and make faster, more accurate descisions</p>\n    <p>Web-based tools can be accessed from the office or field, with cloud security features like single-sign on and multi-factor authentication</p>\n    <p>Role-based access makes it easy to limit access to sensitive information, and protects against security breaches</p>\n    <p>Integrated payroll and onboarding, with simplified tracking for certifications and licenses</p>\n    <p>Powered by Microsoft Azure</p>\n    ",
+  viewLessText: "View Less",
+  viewMoreText: "View More",
+  cardLink: {
+    url: "https://trimble.com",
+    text: "Request Demo"
+  },
+  Link: null
+}, {
+  logo: {
+    altText: "Some alt text for product",
+    url: "https://bryandoconnor.s3.us-west-2.amazonaws.com/images/sketchup-logo.svg"
+  },
+  productName: "Spectrum",
+  header: "Web-based Construction ERP",
+  subheader: "This web-based construction ERP offers tools for job-cost accounting, project management, service management, HR, payroll, inventory tracking, and more",
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  body: "\n    <p>Connect real-time information and workflows from across the organization, and make faster, more accurate descisions</p>\n    <p>Web-based tools can be accessed from the office or field, with cloud security features like single-sign on and multi-factor authentication</p>\n    <p>Role-based access makes it easy to limit access to sensitive information, and protects against security breaches</p>\n    <p>Integrated payroll and onboarding, with simplified tracking for certifications and licenses</p>\n    <p>Powered by Amazon Web Services</p>\n    ",
+  viewLessText: "View Less",
+  viewMoreText: "View More",
+  cardLink: {
+    url: "/#",
+    text: "Request Demo"
+  },
+  Link: null
+}];
+var IconListItemBlocksContent = [{
+  icon: "ter-icon--enclosed-arrow-left-dark-32px",
+  header: "Regulatory Compliance®",
+  text: "Lorem Ipsum dolor sit amet. Lorem Ipsum dolor sit amet. Lorem Ipsum dolor sit amet",
+  link: {
+    // url: "https://www.trimble.com",
+    onClick: function onClick() {
+      console.log("wooooooooooooo");
+    },
+    text: "Explore more"
+  }
+}, {
+  icon: "ter-icon--enclosed-arrow-left-dark-32px",
+  header: "Supply Chain Visibility",
+  text: "File Manager and Loader. Deserunt aute magna pariatur sunt aliquip cupidatat cillum aliqua magna. Reprehenderit labore excepteur commodo incididunt. Deserunt aute magna pariatur sunt aliquip cupidatat.",
+  link: {
+    url: "/",
+    text: "Explore"
+  }
+}, {
+  header: "Transportation & Logistics Lorem ipsum dolor sit amet magna aute.",
+  text: "File Manager and Loader. Deserunt aute magna pariatur sunt aliquip cupidatat cillum aliqua excepteur commodo incididunt.  "
+}, {
+  header: "Transportation & Logistics",
+  text: "File Manager and Loader. Deserunt aute magna pariatur sunt aliquip cupidatat cillum aliqua."
+}, {
+  header: "Regulatory Compliance",
+  text: "Lorem Ipsum dolor sit amet. Lorem Ipsum dolor sit amet. Lorem Ipsum dolor sit amet",
+  link: {
+    url: "https://www.trimble.com",
+    text: "Explore more"
+  }
+}, {
+  header: "Supply Chain Visibility",
+  text: "File Manager and Loader. Deserunt aute magna pariatur sunt aliquip cupidatat cillum aliqua magna. Reprehenderit labore excepteur commodo incididunt. Deserunt aute magna pariatur sunt aliquip cupidatat.",
+  link: {
+    url: "/",
+    text: "Explore"
+  }
+}, {
+  header: "Transportation & Logistics Lorem ipsum dolor sit amet magna aute.",
+  text: "Lorem Ipsum dolor sit amet..."
+}, {
+  header: "Transportation & Logistics",
+  text: "File Manager and Loader. Deserunt aute magna pariatur sunt aliquip cupidatat cillum aliqua."
+}];
+var bioImage = {
+  focalPointImage: {
+    height: 4000,
+    title: "dog",
+    url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+    width: 6000,
+    x: 3549,
+    y: 1811
+  }
+};
+var bioBlockContentWithoutVideo = [{
+  header: "Patience Turner™",
+  subHeader: "Senior Vice President",
+  image: bioImage,
+  text: "<p>LG/P/Book® Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150</p>",
+  link: {
+    onClick: function onClick() {
+      console.log("i am link");
+    },
+    text: "Explore more"
+  }
+}, {
+  header: "Angelique Shroeder",
+  subHeader: "Senior Vice President, Operations and Head of Sustainability",
+  image: bioImage,
+  text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+  link: {
+    url: "/",
+    text: "Explore"
+  }
+}, {
+  header: "Emmanuel Macdonald",
+  subHeader: "Senior Vice President, Chief Digital Officer",
+  image: bioImage,
+  text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+  link: {
+    url: "/",
+    text: "Explore"
+  }
+}, {
+  header: "Blake Daugherty",
+  subHeader: "Senior Vice President, Finance and Chief Accounting Officer",
+  image: bioImage,
+  text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+  link: {
+    url: "/",
+    text: "Explore"
+  }
+}, {
+  header: "Patience Turner",
+  subHeader: "Senior Vice President",
+  image: bioImage,
+  text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+  link: {
+    url: "https://www.trimble.com",
+    text: "Explore more"
+  }
+}, {
+  header: "Angelique Shroeder",
+  subHeader: "Senior Vice President, Operations and Head of Sustainability",
+  image: bioImage,
+  text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+  link: {
+    url: "/",
+    text: "Explore"
+  }
+}, {
+  header: "Emmanuel Macdonald",
+  subHeader: "Senior Vice President, Chief Digital Officer",
+  image: bioImage,
+  text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+  link: {
+    url: "/",
+    text: "Explore"
+  }
+}, {
+  header: "Blake Daugherty",
+  subHeader: "Senior Vice President, Finance and Chief Accounting Officer",
+  image: bioImage,
+  text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+  link: {
+    url: "/",
+    text: "Explore"
+  }
+}];
+var bioBlockContentCentered = [{
+  header: "Patience Turner™",
+  subHeader: "Senior Vice President",
+  image: bioImage,
+  text: "<p>LG/P/Book® Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150</p>",
+  link: {
+    onClick: function onClick() {
+      console.log("i am link");
+    },
+    text: "Explore more"
+  }
+}, {
+  header: "Angelique Shroeder",
+  subHeader: "Senior Vice President, Operations and Head of Sustainability",
+  image: bioImage,
+  text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+  link: {
+    url: "/",
+    text: "Explore"
+  }
+}, {
+  header: "Emmanuel Macdonald",
+  subHeader: "Senior Vice President, Chief Digital Officer",
+  image: bioImage,
+  text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+  link: {
+    url: "/",
+    text: "Explore"
+  }
+}, {
+  header: "Blake Daugherty",
+  subHeader: "Senior Vice President, Finance and Chief Accounting Officer",
+  image: bioImage,
+  text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+  link: {
+    url: "/",
+    text: "Explore"
+  }
+}, {
+  header: "Patience Turner",
+  subHeader: "Senior Vice President",
+  image: bioImage,
+  text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+  link: {
+    url: "https://www.trimble.com",
+    text: "Explore more"
+  }
+}];
+var _default = {
+  component: _BlockListItems["default"],
+  title: "MXP Components/Block List Items",
+  parameters: {
+    docs: {
+      page: _BlockListItemsDocumentation["default"]
+    }
+  }
+};
+exports["default"] = _default;
+var AppCards = function AppCards() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1400px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "app_cards",
+    content: {
+      cards: [].concat(appCards),
+      cardAlignment: true
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.AppCards = AppCards;
+var AppCardsWithWhite = function AppCardsWithWhite() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1400px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "app_cards",
+    content: {
+      cards: [].concat(appCards),
+      cardAlignment: true,
+      theme: white
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.AppCardsWithWhite = AppCardsWithWhite;
+var AppCardsWithConcreteGray = function AppCardsWithConcreteGray() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1400px",
+      margin: "0 auto",
+      background: concreteGray.backgroundColor
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "app_cards",
+    content: {
+      cards: [].concat(appCards),
+      cardAlignment: true,
+      theme: concreteGray
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.AppCardsWithConcreteGray = AppCardsWithConcreteGray;
+var AppCardsWithTrimbleDarkGray = function AppCardsWithTrimbleDarkGray() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1400px",
+      margin: "0 auto",
+      background: trimbleDarkGray.backgroundColor
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "app_cards",
+    content: {
+      cards: [].concat(appCards),
+      cardAlignment: true,
+      theme: trimbleDarkGray
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.AppCardsWithTrimbleDarkGray = AppCardsWithTrimbleDarkGray;
+var AppCardsWithTrimbleBlue = function AppCardsWithTrimbleBlue() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1400px",
+      margin: "0 auto",
+      background: trimbleBlue.backgroundColor
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "app_cards",
+    content: {
+      cards: [].concat(appCards),
+      cardAlignment: true,
+      theme: trimbleBlue
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.AppCardsWithTrimbleBlue = AppCardsWithTrimbleBlue;
+var AppCardsWithDarkNavy = function AppCardsWithDarkNavy() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1400px",
+      margin: "0 auto",
+      background: darkNavy.backgroundColor
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "app_cards",
+    content: {
+      cards: [].concat(appCards),
+      cardAlignment: true,
+      theme: darkNavy
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.AppCardsWithDarkNavy = AppCardsWithDarkNavy;
+var BoundedCards = function BoundedCards() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "bounded_cards",
+    content: {
+      cards: [].concat(variant1ACards, variant1ACards, variant1ACards),
+      cardAlignment: true,
+      displayButton: true,
+      buttonSecondary: false
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.BoundedCards = BoundedCards;
+var BoundedCardsCentered = function BoundedCardsCentered() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "bounded_cards",
+    centered: true,
+    content: {
+      centered: true,
+      cards: [].concat(variant1ACardsCentered),
+      cardAlignment: true,
+      displayButton: true,
+      buttonSecondary: false
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.BoundedCardsCentered = BoundedCardsCentered;
+var BoundedCards4Centered = function BoundedCards4Centered() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "bounded_cards",
+    content: {
+      centered: true,
+      cards: [].concat(variant1ACards4Centered),
+      cardAlignment: true,
+      displayButton: true,
+      buttonSecondary: false
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.BoundedCards4Centered = BoundedCards4Centered;
+var BoundedCards3Centered = function BoundedCards3Centered() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "bounded_cards",
+    content: {
+      centered: true,
+      cards: [].concat(variant1ACards3Centered),
+      cardAlignment: true,
+      displayButton: true,
+      buttonSecondary: false
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.BoundedCards3Centered = BoundedCards3Centered;
+var BoundedCards2Centered = function BoundedCards2Centered() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "bounded_cards",
+    content: {
+      centered: true,
+      cards: [].concat(variant1ACards2Centered),
+      cardAlignment: true,
+      displayButton: true,
+      buttonSecondary: false
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.BoundedCards2Centered = BoundedCards2Centered;
+var BoundedCardsWithWhite = function BoundedCardsWithWhite() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "bounded_cards",
+    content: {
+      cards: [].concat(variant1ACards, variant1ACards, variant1ACards),
+      cardAlignment: true,
+      displayButton: true,
+      buttonSecondary: false,
+      theme: white
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.BoundedCardsWithWhite = BoundedCardsWithWhite;
+var BoundedCardsWithConcreteGray = function BoundedCardsWithConcreteGray() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "bounded_cards",
+    content: {
+      cards: [].concat(variant1ACards, variant1ACards, variant1ACards),
+      cardAlignment: true,
+      displayButton: true,
+      buttonSecondary: false,
+      theme: concreteGray
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.BoundedCardsWithConcreteGray = BoundedCardsWithConcreteGray;
+var BoundedCardsWithTrimbleDarkGray = function BoundedCardsWithTrimbleDarkGray() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "bounded_cards",
+    content: {
+      cards: [].concat(variant1ACards, variant1ACards, variant1ACards),
+      cardAlignment: true,
+      displayButton: true,
+      buttonSecondary: false,
+      theme: trimbleDarkGray
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.BoundedCardsWithTrimbleDarkGray = BoundedCardsWithTrimbleDarkGray;
+var BoundedCardsWithTrimbleBlue = function BoundedCardsWithTrimbleBlue() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "bounded_cards",
+    content: {
+      cards: [].concat(variant1ACards, variant1ACards, variant1ACards),
+      cardAlignment: true,
+      displayButton: true,
+      buttonSecondary: false,
+      theme: trimbleBlue
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.BoundedCardsWithTrimbleBlue = BoundedCardsWithTrimbleBlue;
+var BoundedCardsWithDarkNavy = function BoundedCardsWithDarkNavy() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "bounded_cards",
+    content: {
+      cards: [].concat(variant1ACards, variant1ACards, variant1ACards),
+      cardAlignment: true,
+      displayButton: true,
+      buttonSecondary: false,
+      theme: darkNavy
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.BoundedCardsWithDarkNavy = BoundedCardsWithDarkNavy;
+var BoundedCardsNoImages = function BoundedCardsNoImages() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "bounded_cards",
+    content: {
+      cards: [].concat(variant1BCards, variant1BCards),
+      cardAlignment: true,
+      displayButton: true,
+      buttonSecondary: false
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.BoundedCardsNoImages = BoundedCardsNoImages;
+var UnboundedCards = function UnboundedCards() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "unbounded_cards",
+    content: {
+      cards: [].concat(variant1ACards, variant1ACards, variant1ACards),
+      cardAlignment: false
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.UnboundedCards = UnboundedCards;
+var UnboundedCardsCentered = function UnboundedCardsCentered() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "unbounded_cards",
+    content: {
+      cards: [].concat(variant1ACardsCentered),
+      cardAlignment: false,
+      centered: true
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.UnboundedCardsCentered = UnboundedCardsCentered;
+var UnboundedCardsWithWhite = function UnboundedCardsWithWhite() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "unbounded_cards",
+    content: {
+      cards: [].concat(variant1ACards, variant1ACards, variant1ACards),
+      cardAlignment: false,
+      theme: white
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.UnboundedCardsWithWhite = UnboundedCardsWithWhite;
+var UnboundedCardsWithConcreteGray = function UnboundedCardsWithConcreteGray() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "unbounded_cards",
+    content: {
+      cards: [].concat(variant1ACards, variant1ACards, variant1ACards),
+      cardAlignment: false,
+      theme: concreteGray
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.UnboundedCardsWithConcreteGray = UnboundedCardsWithConcreteGray;
+var EcommerceCards = function EcommerceCards() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "ecommerce_cards",
+    content: {
+      cards: [].concat(ecommerceCards, ecommerceCards)
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.EcommerceCards = EcommerceCards;
+var EcommerceCardsCentered = function EcommerceCardsCentered() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "ecommerce_cards",
+    content: {
+      centered: true,
+      cards: [].concat(ecommerceCards)
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.EcommerceCardsCentered = EcommerceCardsCentered;
+var IconMiniBlocks = function IconMiniBlocks() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "icon_mini_blocks",
+    content: {
+      blocks: [{
+        header: "Communications®",
+        link: {
+          text: "Find out more",
+          // url: "https://www.trimble.com",
+          onClick: function onClick() {
+            console.log("weeeee");
+          }
+        },
+        text: "Lorem Ipsum dolor sit amet. Lorem Ipsum dolor sit amet. Lorem Ipsum dolor sit amet",
+        icon: "mxp-icon-connection"
+      }, {
+        header: "Communications",
+        link: {
+          text: "Find out more",
+          url: "/communications/overview"
+        },
+        text: "Lorem Ipsum dolor sit amet...",
+        icon: "ter-icon--enclosed-arrow-right-dark-32px"
+      }, {
+        header: "Communications",
+        text: "Lorem Ipsum dolor sit amet..."
+      }, {
+        header: "Communications",
+        link: {
+          text: "Find out more",
+          url: "/communications/overview"
+        },
+        text: "Lorem Ipsum dolor sit amet. Lorem Ipsum dolor sit amet. Lorem Ipsum dolor sit amet"
+      }],
+      alignment: "left",
+      largeBlock: false
+    }
+  }));
+};
+exports.IconMiniBlocks = IconMiniBlocks;
+var IconListItemBlocks = function IconListItemBlocks() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "icon_list_item_blocks",
+    content: {
+      blocks: IconListItemBlocksContent
+    }
+  }));
+};
+exports.IconListItemBlocks = IconListItemBlocks;
+var IconListItemBlocksWithWhite = function IconListItemBlocksWithWhite() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "icon_list_item_blocks",
+    content: {
+      blocks: [].concat(IconListItemBlocksContent),
+      theme: white
+    }
+  }));
+};
+exports.IconListItemBlocksWithWhite = IconListItemBlocksWithWhite;
+var IconListItemBlocksWithConcreteGray = function IconListItemBlocksWithConcreteGray() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "icon_list_item_blocks",
+    content: {
+      blocks: [].concat(IconListItemBlocksContent),
+      theme: concreteGray
+    }
+  }));
+};
+exports.IconListItemBlocksWithConcreteGray = IconListItemBlocksWithConcreteGray;
+var BioBlocks = function BioBlocks() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "bio_blocks",
+    content: {
+      blocks: bioBlockContentWithoutVideo
+    }
+  }));
+};
+exports.BioBlocks = BioBlocks;
+var BioBlocksWithWhite = function BioBlocksWithWhite() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "bio_blocks",
+    content: {
+      blocks: bioBlockContentWithoutVideo,
+      theme: white
+    }
+  }));
+};
+exports.BioBlocksWithWhite = BioBlocksWithWhite;
+var BioBlocksWithConcreteGray = function BioBlocksWithConcreteGray() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "bio_blocks",
+    content: {
+      blocks: bioBlockContentWithoutVideo,
+      theme: concreteGray
+    }
+  }));
+};
+exports.BioBlocksWithConcreteGray = BioBlocksWithConcreteGray;
+var VideoCTABioBlocks = function VideoCTABioBlocks() {
+  var thumbnail = {
+    src: "https://fpoimg.com/720x450",
+    alt: "fpo"
+  };
+  var video = {
+    url: "https://www.youtube.com/embed/UY7r0juBF8Y",
+    allowFullScreen: true,
+    uuid: "UrtwArRETP23TP9yGgCEd6"
+  };
+  var videoContent = {
+    transcript: "View Transcript",
+    closeTranscript: "Hide Transcript",
+    transcriptText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+    video: video,
+    thumbnail: thumbnail,
+    setVideoProgress: function setVideoProgress() {},
+    variant: "variant_7"
+  };
+  var videoButtons = [{
+    text: "text",
+    video: videoContent
+    // setOverride,
+    // override,
+  }, {
+    text: "Button",
+    video: videoContent
+    // setOverride: setOverride,
+  }];
+
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "bio_blocks",
+    content: {
+      blocks: [{
+        header: "Patience Turner™",
+        subHeader: "Senior Vice President",
+        image: bioImage,
+        text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+        link: {
+          video: videoContent,
+          text: "Explore more"
+        }
+      }, {
+        header: "Angelique Shroeder",
+        subHeader: "Senior Vice President, Operations and Head of Sustainability",
+        image: bioImage,
+        text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+        link: {
+          video: videoContent,
+          text: "Explore more"
+        }
+      }, {
+        header: "Emmanuel Macdonald",
+        subHeader: "Senior Vice President, Chief Digital Officer",
+        image: bioImage,
+        text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+        link: {
+          video: videoContent,
+          text: "Explore more"
+        }
+      }, {
+        header: "Blake Daugherty",
+        subHeader: "Senior Vice President, Finance and Chief Accounting Officer",
+        image: bioImage,
+        text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+        link: {
+          video: videoContent,
+          text: "Explore more"
+        }
+      }, {
+        header: "Patience Turner",
+        subHeader: "Senior Vice President",
+        image: bioImage,
+        text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+        link: {
+          url: "https://www.trimble.com",
+          text: "Explore more"
+        }
+      }, {
+        header: "Angelique Shroeder",
+        subHeader: "Senior Vice President, Operations and Head of Sustainability",
+        image: bioImage,
+        text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+        link: {
+          video: videoContent,
+          text: "Explore more"
+        }
+      }, {
+        header: "Emmanuel Macdonald",
+        subHeader: "Senior Vice President, Chief Digital Officer",
+        image: bioImage,
+        text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+        link: {
+          video: videoContent,
+          text: "Explore more"
+        }
+      }, {
+        header: "Blake Daugherty",
+        subHeader: "Senior Vice President, Finance and Chief Accounting Officer",
+        image: bioImage,
+        text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+        link: {
+          video: videoContent,
+          text: "Explore more"
+        }
+      }]
+    }
+  }));
+};
+exports.VideoCTABioBlocks = VideoCTABioBlocks;
+var IconListItemBlocksWithVideoCTA = function IconListItemBlocksWithVideoCTA() {
+  var thumbnail = {
+    src: "https://fpoimg.com/720x450",
+    alt: "fpo"
+  };
+  var video = {
+    url: "https://www.youtube.com/embed/UY7r0juBF8Y",
+    allowFullScreen: true,
+    uuid: "UrtwArRETP23TP9yGgCEd6"
+  };
+  var videoContent = {
+    transcript: "View Transcript",
+    closeTranscript: "Hide Transcript",
+    transcriptText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+    video: video,
+    thumbnail: thumbnail,
+    setVideoProgress: function setVideoProgress() {},
+    variant: "variant_7"
+  };
+  var videoButtons = [{
+    text: "text",
+    video: videoContent
+    // setOverride,
+    // override,
+  }, {
+    text: "Button",
+    video: videoContent
+    // setOverride: setOverride,
+  }];
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "icon_list_item_blocks",
+    content: {
+      blocks: [{
+        icon: "ter-icon--enclosed-arrow-left-dark-32px",
+        header: "Regulatory Compliance",
+        text: "Lorem Ipsum dolor sit amet. Lorem Ipsum dolor sit amet. Lorem Ipsum dolor sit amet",
+        link: {
+          video: videoContent,
+          text: "Explore more"
+        }
+      }, {
+        header: "Regulatory Compliance",
+        text: "Lorem Ipsum dolor sit amet. Lorem Ipsum dolor sit amet. Lorem Ipsum dolor sit amet",
+        link: {
+          video: videoContent,
+          text: "Explore more"
+        }
+      }]
+    }
+  }));
+};
+exports.IconListItemBlocksWithVideoCTA = IconListItemBlocksWithVideoCTA;
+var BoundedCardsWithVideo = function BoundedCardsWithVideo() {
+  var thumbnail = {
+    src: "https://fpoimg.com/720x450",
+    alt: "fpo"
+  };
+  var video = {
+    url: "https://www.youtube.com/embed/UY7r0juBF8Y",
+    allowFullScreen: true,
+    uuid: "UrtwArRETP23TP9yGgCEd6"
+  };
+  var videoContent = {
+    transcript: "View Transcript",
+    closeTranscript: "Hide Transcript",
+    transcriptText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+    video: video,
+    thumbnail: thumbnail,
+    setVideoProgress: function setVideoProgress() {},
+    variant: "variant_7"
+  };
+  var variant1ACardsVideoCTAs = [{
+    image: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    },
+    eyebrow: "Eyebrow Option",
+    header: "Trimble S9 HP™",
+    cardLink: {
+      video: videoContent,
+      text: "Explore more"
+    },
+    text: "Combines top field technologies with the highest level of accuracy and most advanced engineering features.",
+    modalType: "Video",
+    modalContent: {
+      thumbnail: {
+        focalPointImage: {
+          height: 4000,
+          title: "dog",
+          url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+          width: 6000,
+          x: 3549,
+          y: 1811
+        }
+      },
+      variant: "unbounded_cards",
+      transcript: null,
+      video: {
+        url: "https://www.youtube.com/embed/UY7r0juBF8Y",
+        allowFullScreen: true,
+        uuid: "UrtwArRETP23TP9yGgCEd6",
+        vidyard: false
+      }
+    }
+  }, {
+    image: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    },
+    eyebrow: "Eyebrow Option",
+    header: "Trimble S9 HP©",
+    cardLink: {
+      video: videoContent,
+      text: "Explore more"
+    },
+    modalType: "Image",
+    modalContent: ""
+  }, {
+    eyebrow: "Eyebrow Option",
+    header: "Trimble S9 HP",
+    cardLink: {
+      video: videoContent,
+      text: "Explore more"
+    },
+    text: "The no nonsense workhorse that works efficiently and dependably while maintaining the highest possible accuracy"
+  }, {
+    image: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    },
+    eyebrow: "Eyebrow Option",
+    header: "Trimble S9 HP",
+    cardLink: {
+      video: videoContent,
+      text: "Explore more"
+    },
+    modalType: "Video",
+    modalContent: {
+      thumbnail: {
+        focalPointImage: {
+          height: 4000,
+          title: "dog",
+          url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+          width: 6000,
+          x: 3549,
+          y: 1811
+        }
+      },
+      variant: "unbounded_cards",
+      transcript: null,
+      video: {
+        url: "https://www.youtube.com/embed/UY7r0juBF8Y",
+        allowFullScreen: true,
+        uuid: "UrtwArRETP23TP9yGgCEd6",
+        vidyard: false
+      }
+    },
+    text: "Uncompromising performance, range, accuracy and speed."
+  }];
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "bounded_cards",
+    content: {
+      cards: [].concat(variant1ACardsVideoCTAs, variant1ACardsVideoCTAs, variant1ACardsVideoCTAs),
+      cardAlignment: true,
+      displayButton: true,
+      buttonSecondary: false
+    },
+    paddingClass: "double-padding"
+  }));
+};
+exports.BoundedCardsWithVideo = BoundedCardsWithVideo;
+var UnBoundedCardsWithVideo = function UnBoundedCardsWithVideo() {
+  var thumbnail = {
+    src: "https://fpoimg.com/720x450",
+    alt: "fpo"
+  };
+  var video = {
+    url: "https://www.youtube.com/embed/UY7r0juBF8Y",
+    allowFullScreen: true,
+    uuid: "UrtwArRETP23TP9yGgCEd6"
+  };
+  var videoContent = {
+    transcript: "View Transcript",
+    closeTranscript: "Hide Transcript",
+    transcriptText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+    video: video,
+    thumbnail: thumbnail,
+    setVideoProgress: function setVideoProgress() {},
+    variant: "variant_7"
+  };
+  var variant1ACardsVideoCTAs = [{
+    image: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    },
+    eyebrow: "Eyebrow Option",
+    header: "Trimble S9 HP",
+    cardLink: {
+      video: videoContent,
+      text: "Explore more"
+    },
+    text: "Combines top field technologies with the highest level of accuracy and most advanced engineering features.",
+    modalType: "Video",
+    modalContent: {
+      thumbnail: {
+        focalPointImage: {
+          height: 4000,
+          title: "dog",
+          url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+          width: 6000,
+          x: 3549,
+          y: 1811
+        }
+      },
+      variant: "unbounded_cards",
+      transcript: null,
+      video: {
+        url: "https://www.youtube.com/embed/UY7r0juBF8Y",
+        allowFullScreen: true,
+        uuid: "UrtwArRETP23TP9yGgCEd6",
+        vidyard: false
+      }
+    }
+  }, {
+    image: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    },
+    eyebrow: "Eyebrow Option",
+    header: "Trimble S9 HP",
+    modalType: "Image",
+    modalContent: {
+      modalImage: {
+        focalPointImage: {
+          height: 4000,
+          title: "dog",
+          url: "//images.ctfassets.net/citn2sn5tdjr/N6O34Vfezv62BbzBCsv7W/ad54effe0972ad1320b8bd99e16c6431/Group_10039.png",
+          width: 6000,
+          x: 3549,
+          y: 1811
+        }
+      },
+      variant: "unbounded_cards",
+      transcript: null,
+      video: null
+    }
+  }, {
+    eyebrow: "Eyebrow Option",
+    header: "Trimble S9 HP",
+    cardLink: {
+      video: videoContent,
+      text: "Explore more"
+    },
+    text: "The no nonsense workhorse that works efficiently and dependably while maintaining the highest possible accuracy"
+  }, {
+    image: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    },
+    eyebrow: "Eyebrow Option",
+    header: "Trimble S9 HP",
+    cardLink: {
+      video: videoContent,
+      text: "Explore more"
+    },
+    modalType: "Video",
+    modalContent: {
+      desktop: {
+        focalPointImage: {
+          height: 4000,
+          title: "dog",
+          url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+          width: 6000,
+          x: 3549,
+          y: 1811
+        }
+      },
+      variant: "unbounded_cards",
+      transcript: null,
+      video: {
+        url: "https://www.youtube.com/embed/UY7r0juBF8Y",
+        allowFullScreen: true,
+        uuid: "UrtwArRETP23TP9yGgCEd6",
+        vidyard: false
+      }
+    },
+    text: "Uncompromising performance, range, accuracy and speed."
+  }];
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "unbounded_cards",
+    content: {
+      cards: [].concat(variant1ACardsVideoCTAs)
+      // displayButton: true,
+
+      // cardAlignment: true,
+    },
+
+    paddingClass: "double-padding"
+  }));
+};
+exports.UnBoundedCardsWithVideo = UnBoundedCardsWithVideo;
+var BioBlocksWithVideo = function BioBlocksWithVideo() {
+  var thumbnail = {
+    src: "https://fpoimg.com/720x450",
+    alt: "fpo"
+  };
+  var video = {
+    url: "https://www.youtube.com/embed/UY7r0juBF8Y",
+    allowFullScreen: true,
+    uuid: "UrtwArRETP23TP9yGgCEd6"
+  };
+  var videoContent = {
+    transcript: "View Transcript",
+    closeTranscript: "Hide Transcript",
+    transcriptText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+    video: video,
+    thumbnail: thumbnail,
+    setVideoProgress: function setVideoProgress() {},
+    variant: "variant_7"
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1232px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_BlockListItems["default"], {
+    type: "bio_blocks",
+    content: {
+      blocks: [{
+        header: "Patience Turner",
+        subHeader: "Senior Vice President",
+        image: bioImage,
+        text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+        link: {
+          video: videoContent,
+          text: "Explore more"
+        }
+      }, {
+        header: "Angelique Shroeder",
+        subHeader: "Senior Vice President, Operations and Head of Sustainability",
+        image: bioImage,
+        text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+        link: {
+          video: videoContent,
+          text: "Explore more"
+        }
+      }, {
+        header: "Emmanuel Macdonald",
+        subHeader: "Senior Vice President, Chief Digital Officer",
+        image: bioImage,
+        text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+        link: {
+          video: videoContent,
+          text: "Explore more"
+        }
+      }, {
+        header: "Blake Daugherty",
+        subHeader: "Senior Vice President, Finance and Chief Accounting Officer",
+        image: bioImage,
+        text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+        link: {
+          video: videoContent,
+          text: "Explore more"
+        }
+      }, {
+        header: "Patience Turner",
+        subHeader: "Senior Vice President",
+        image: bioImage,
+        text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+        link: {
+          url: "https://www.trimble.com",
+          text: "Explore more"
+        }
+      }, {
+        header: "Angelique Shroeder",
+        subHeader: "Senior Vice President, Operations and Head of Sustainability",
+        image: bioImage,
+        text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+        link: {
+          video: videoContent,
+          text: "Explore more"
+        }
+      }, {
+        header: "Emmanuel Macdonald",
+        subHeader: "Senior Vice President, Chief Digital Officer",
+        image: bioImage,
+        text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+        link: {
+          video: videoContent,
+          text: "Explore more"
+        }
+      }, {
+        header: "Blake Daugherty",
+        subHeader: "Senior Vice President, Finance and Chief Accounting Officer",
+        image: bioImage,
+        text: "LG/P/Book Body copy nim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. MxChar Count 150",
+        link: {
+          video: videoContent,
+          text: "Explore more"
+        }
+      }]
+    }
+  }));
+};
+exports.BioBlocksWithVideo = BioBlocksWithVideo;