@asante-org/atlascopco-vt-litesitegenerator 3.6.15 → 3.6.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js CHANGED
@@ -46,8 +46,11 @@ var LsgButton = function (_a) {
46
46
  }, children);
47
47
  };
48
48
 
49
- function bannerClassName(layout, mobileMediaPosition, className) {
50
- return ["lsg-banner", "lsg-banner--".concat(layout), "lsg-banner--mobile-media-".concat(mobileMediaPosition), className].filter(Boolean).join(" ");
49
+ function bannerClassName(layout, mobileMediaPosition, background, className) {
50
+ return ["lsg-banner", "lsg-banner--".concat(layout), "lsg-banner--mobile-media-".concat(mobileMediaPosition),
51
+ // In AEM this class arrives on the decoration div instead; the SCSS only
52
+ // sets inherited custom properties, so either position works.
53
+ background ? "lsg-banner--bg-".concat(background) : "", className].filter(Boolean).join(" ");
51
54
  }
52
55
  var LsgBanner = function (_a) {
53
56
  var heading = _a.heading,
@@ -75,6 +78,7 @@ var LsgBanner = function (_a) {
75
78
  layout = _g === void 0 ? "media-left" : _g,
76
79
  _h = _a.mobileMediaPosition,
77
80
  mobileMediaPosition = _h === void 0 ? "top" : _h,
81
+ background = _a.background,
78
82
  _j = _a.headingTag,
79
83
  headingTag = _j === void 0 ? "h1" : _j,
80
84
  className = _a.className;
@@ -85,7 +89,7 @@ var LsgBanner = function (_a) {
85
89
  var hasMedia = layout !== "text-only" && (resolvedMediaType === "video" ? Boolean(videoUrl) : Boolean(imageUrl));
86
90
  var HeadingTag = headingTag;
87
91
  return /*#__PURE__*/React.createElement("section", {
88
- className: bannerClassName(layout, mobileMediaPosition, className),
92
+ className: bannerClassName(layout, mobileMediaPosition, background, className),
89
93
  "data-lsg-is": "banner",
90
94
  "data-lsg-banner-layout": layout,
91
95
  "data-lsg-banner-mobile-media": mobileMediaPosition,
@@ -3050,6 +3054,7 @@ var LsgHeader = function (_a) {
3050
3054
  searchPlaceholder = _f === void 0 ? "Search products, documents..." : _f,
3051
3055
  _g = _a.variant,
3052
3056
  variant = _g === void 0 ? "simple" : _g,
3057
+ size = _a.size,
3053
3058
  _h = _a.menuOpen,
3054
3059
  menuOpen = _h === void 0 ? false : _h,
3055
3060
  _j = _a.mobileLevel,
@@ -3241,7 +3246,7 @@ var LsgHeader = function (_a) {
3241
3246
  placeholder: searchPlaceholder
3242
3247
  }), /*#__PURE__*/React.createElement("header", {
3243
3248
  ref: headerRef,
3244
- className: ["lsg-header", "lsg-header--".concat(variant), menuOpen ? "lsg-header--menu-open" : "", "lsg-header--mobile-level-".concat(mobileLevel)].filter(Boolean).join(" ")
3249
+ className: ["lsg-header", "lsg-header--".concat(variant), size ? "lsg-header--size-".concat(size) : "", menuOpen ? "lsg-header--menu-open" : "", "lsg-header--mobile-level-".concat(mobileLevel)].filter(Boolean).join(" ")
3245
3250
  }, /*#__PURE__*/React.createElement("div", {
3246
3251
  className: "lsg-header__inner"
3247
3252
  }, /*#__PURE__*/React.createElement("div", {