luna-one 3.1.584 → 3.1.586

Sign up to get free protection for your applications and to get access to all the features.
Files changed (4) hide show
  1. package/dist/luna/featurettes/PullQuote/PullQuote.js +56 -49
  2. package/dist/luna/featurettes/PullQuote/PullQuote.scss +6 -1
  3. package/dist/luna/heroes/FullBackgroundHero/FullBackgroundHero.js +1 -1
  4. package/package.json +1 -1
package/dist/luna/featurettes/PullQuote/PullQuote.js CHANGED
@@ -125,7 +125,7 @@ var imageSizes = {
125
125
  }
126
126
  };
127
127
  var PullQuote = function PullQuote(props) {
128
- var _topImage$focalPointI, _sideImage$focalPoint, _backgroundImage$foca, _content$cta, _content$cta2, _content$cta3, _content$cta4, _content$cta5, _content$cta6, _content$cta7, _content$cta8, _content$cta9, _content$cta10, _content$cta11, _content$cta12, _content$cta13, _content$cta14, _content$cta15, _content$cta16;
128
+ var _topImage$focalPointI, _sideImage$focalPoint, _backgroundImage$foca;
129
129
  var _props$content = props.content,
130
130
  content = _props$content === void 0 ? {} : _props$content,
131
131
  zIndex = props.zIndex,
@@ -141,8 +141,8 @@ var PullQuote = function PullQuote(props) {
141
141
  sideImage = content.sideImage,
142
142
  imagePosition = content.imagePosition,
143
143
  appearance = content.appearance,
144
- imageWidth = content.imageWidth,
145
- backgroundImage = content.backgroundImage;
144
+ backgroundImage = content.backgroundImage,
145
+ imageOptions = content.imageOptions;
146
146
  var quoteText = quoteObj.text,
147
147
  quoteSource = quoteObj.source,
148
148
  quoteSourceTitle = quoteObj.sourceTitle;
@@ -165,18 +165,21 @@ var PullQuote = function PullQuote(props) {
165
165
  }
166
166
  return null;
167
167
  };
168
- var imageContainerWidth = {
168
+ var imageContainerOption = {
169
169
  "1/4": "25%",
170
- "1/2": "50%"
170
+ "1/2": "50%",
171
+ "No Image": "100%"
171
172
  };
172
- var quoteContainerWidth = {
173
+ var quoteContainerOption = {
173
174
  "1/4": "75%",
174
- "1/2": "50%"
175
+ "1/2": "50%",
176
+ "No Image": "100%"
175
177
  };
176
178
  var containerWidthClass = {
177
179
  "25%": "quarter",
178
180
  "50%": "half",
179
- "75%": "threeQuarter"
181
+ "75%": "threeQuarter",
182
+ "100%": "full"
180
183
  };
181
184
  var lottieStyles = {
182
185
  height: "100%"
@@ -203,6 +206,46 @@ var PullQuote = function PullQuote(props) {
203
206
  });
204
207
  }
205
208
  };
209
+ var renderPullQuoteContent = function renderPullQuoteContent() {
210
+ var _content$cta, _content$cta2, _content$cta3, _content$cta4, _content$cta5, _content$cta6, _content$cta7, _content$cta8, _content$cta9, _content$cta10, _content$cta11, _content$cta12, _content$cta13, _content$cta14, _content$cta15, _content$cta16;
211
+ return /*#__PURE__*/_react["default"].createElement("section", {
212
+ className: "ter-pullQuote__quote-section__quote ter-pullQuote__quote-section__quote--".concat(variant === null || variant === void 0 ? void 0 : variant.toLowerCase(), "--").concat(containerWidthClass[quoteContainerOption[imageOptions]])
213
+ }, /*#__PURE__*/_react["default"].createElement("div", {
214
+ className: "ter-pullQuote__full-quote-wrapper ter-pullQuote__full-quote-wrapper--".concat(appearance === null || appearance === void 0 ? void 0 : appearance.toLowerCase())
215
+ }, /*#__PURE__*/_react["default"].createElement("aside", {
216
+ className: "ter-pullQuote__full-quote-wrapper--content"
217
+ }, quoteText && !(0, _checkForDangerouslySet["default"])(quoteText) && /*#__PURE__*/_react["default"].createElement("p", {
218
+ className: "ter-pullQuote__quote-text",
219
+ style: {
220
+ color: color
221
+ },
222
+ dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(quoteText)
223
+ }), quoteText && (0, _checkForDangerouslySet["default"])(quoteText) && /*#__PURE__*/_react["default"].createElement("div", {
224
+ className: "ter-pullQuote__quote-text-holder dangerously-set-content",
225
+ dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(quoteText)
226
+ }), quoteSource && /*#__PURE__*/_react["default"].createElement("p", {
227
+ className: "ter-pullQuote__quote-source",
228
+ style: {
229
+ color: color
230
+ }
231
+ }, quoteSource), quoteSourceTitle && /*#__PURE__*/_react["default"].createElement("p", {
232
+ className: "ter-pullQuote__quote-source-title",
233
+ style: {
234
+ color: color
235
+ }
236
+ }, quoteSourceTitle), ((content === null || content === void 0 ? void 0 : (_content$cta = content.cta) === null || _content$cta === void 0 ? void 0 : _content$cta.url) && (content === null || content === void 0 ? void 0 : (_content$cta2 = content.cta) === null || _content$cta2 === void 0 ? void 0 : _content$cta2.text) || (content === null || content === void 0 ? void 0 : (_content$cta3 = content.cta) === null || _content$cta3 === void 0 ? void 0 : _content$cta3.onClick) && (content === null || content === void 0 ? void 0 : (_content$cta4 = content.cta) === null || _content$cta4 === void 0 ? void 0 : _content$cta4.text) || (content === null || content === void 0 ? void 0 : (_content$cta5 = content.cta) === null || _content$cta5 === void 0 ? void 0 : _content$cta5.text) && (content === null || content === void 0 ? void 0 : (_content$cta6 = content.cta) === null || _content$cta6 === void 0 ? void 0 : _content$cta6.video)) && /*#__PURE__*/_react["default"].createElement(_terraOne.Button, {
237
+ Link: content === null || content === void 0 ? void 0 : content.Link,
238
+ url: content === null || content === void 0 ? void 0 : (_content$cta7 = content.cta) === null || _content$cta7 === void 0 ? void 0 : _content$cta7.url,
239
+ text: content === null || content === void 0 ? void 0 : (_content$cta8 = content.cta) === null || _content$cta8 === void 0 ? void 0 : _content$cta8.text,
240
+ className: "ter-button--".concat(content === null || content === void 0 ? void 0 : (_content$cta9 = content.cta) === null || _content$cta9 === void 0 ? void 0 : _content$cta9.className) || "ter-button--primary--2",
241
+ external: content === null || content === void 0 ? void 0 : content.external,
242
+ VideoComponent: _Video["default"] ? _Video["default"] : null,
243
+ video: content !== null && content !== void 0 && (_content$cta10 = content.cta) !== null && _content$cta10 !== void 0 && _content$cta10.video ? content === null || content === void 0 ? void 0 : (_content$cta11 = content.cta) === null || _content$cta11 === void 0 ? void 0 : _content$cta11.video : null,
244
+ setOverride: content !== null && content !== void 0 && (_content$cta12 = content.cta) !== null && _content$cta12 !== void 0 && _content$cta12.setOverride ? content === null || content === void 0 ? void 0 : (_content$cta13 = content.cta) === null || _content$cta13 === void 0 ? void 0 : _content$cta13.setOverride : null,
245
+ override: content !== null && content !== void 0 && (_content$cta14 = content.cta) !== null && _content$cta14 !== void 0 && _content$cta14.override ? content === null || content === void 0 ? void 0 : (_content$cta15 = content.cta) === null || _content$cta15 === void 0 ? void 0 : _content$cta15.override : null,
246
+ onClick: content === null || content === void 0 ? void 0 : (_content$cta16 = content.cta) === null || _content$cta16 === void 0 ? void 0 : _content$cta16.onClick
247
+ }))));
248
+ };
206
249
  return /*#__PURE__*/_react["default"].createElement("div", {
207
250
  className: hasBackgroundImage ? "ter-pullQuote__grid" : ""
208
251
  }, hasBackgroundImage && /*#__PURE__*/_react["default"].createElement("div", {
@@ -214,7 +257,7 @@ var PullQuote = function PullQuote(props) {
214
257
  },
215
258
  id: (0, _generateID["default"])(id, content.header),
216
259
  ref: wrapper
217
- }, isTopImage && /*#__PURE__*/_react["default"].createElement("section", {
260
+ }, isTopImage && !(imageOptions !== null && imageOptions !== void 0 && imageOptions.includes("No Image")) && /*#__PURE__*/_react["default"].createElement("section", {
218
261
  className: "ter-pullQuote ter-pullQuote--top-image"
219
262
  }, (0, _renderImageOrLottieAnimation.renderImageOrLottieAnimation)(topImage, pictureStyles(), imageSizes === null || imageSizes === void 0 ? void 0 : imageSizes.variant3, (0, _generateFocusedImageAlt["default"])(topImage), "ter-pullQuote__top-image", lottieStyles, true, {
220
263
  width: 14,
@@ -224,49 +267,13 @@ var PullQuote = function PullQuote(props) {
224
267
  backgroundColor: backgroundColor,
225
268
  color: color
226
269
  },
227
- className: "ter-pullQuote ter-pullQuote__quote-section ter-pullQuote__quote-section--".concat(variant === null || variant === void 0 ? void 0 : variant.toLowerCase(), "--").concat(containerWidthClass[imageContainerWidth[imageWidth]], " ter-pullQuote__quote-section--").concat(appearance === null || appearance === void 0 ? void 0 : appearance.toLowerCase(), " ter-pullQuote__quote-section--").concat(imagePosition === null || imagePosition === void 0 ? void 0 : imagePosition.toLowerCase())
270
+ className: "ter-pullQuote ter-pullQuote__quote-section ter-pullQuote__quote-section--".concat(variant === null || variant === void 0 ? void 0 : variant.toLowerCase(), "--").concat(containerWidthClass[imageContainerOption[imageOptions]], " ter-pullQuote__quote-section--").concat(appearance === null || appearance === void 0 ? void 0 : appearance.toLowerCase(), " ").concat(!(imageOptions !== null && imageOptions !== void 0 && imageOptions.includes("No Image")) && imagePosition ? "ter-pullQuote__quote-section--".concat(imagePosition === null || imagePosition === void 0 ? void 0 : imagePosition.toLowerCase()) : null, "\n ")
228
271
  }, !isTopImage && isSideImage && /*#__PURE__*/_react["default"].createElement("section", {
229
- className: "ter-pullQuote__quote-section__image ter-pullQuote__quote-section__image--".concat(variant === null || variant === void 0 ? void 0 : variant.toLowerCase(), "--").concat(containerWidthClass[imageContainerWidth[imageWidth]], " ter-pullQuote__quote-section__image--").concat(variant === null || variant === void 0 ? void 0 : variant.toLowerCase(), "--").concat(imagePosition === null || imagePosition === void 0 ? void 0 : imagePosition.toLowerCase())
230
- }, (0, _renderImageOrLottieAnimation.renderImageOrLottieAnimation)(sideImage, pictureStyles(), imageSizes["".concat(variant, "_").concat(imageWidth)], (0, _generateFocusedImageAlt["default"])(sideImage), "ter-pullQuote__side-image", lottieStyles, false, {
272
+ className: "ter-pullQuote__quote-section__image ter-pullQuote__quote-section__image--".concat(variant === null || variant === void 0 ? void 0 : variant.toLowerCase(), "--").concat(containerWidthClass[imageContainerOption[imageOptions]], " ter-pullQuote__quote-section__image--").concat(variant === null || variant === void 0 ? void 0 : variant.toLowerCase(), "--").concat(imagePosition === null || imagePosition === void 0 ? void 0 : imagePosition.toLowerCase())
273
+ }, (0, _renderImageOrLottieAnimation.renderImageOrLottieAnimation)(sideImage, pictureStyles(), imageSizes["".concat(variant, "_").concat(imageOptions)], (0, _generateFocusedImageAlt["default"])(sideImage), "ter-pullQuote__side-image", lottieStyles, false, {
231
274
  height: 1,
232
275
  width: 1
233
- })), /*#__PURE__*/_react["default"].createElement("section", {
234
- className: "ter-pullQuote__quote-section__quote ter-pullQuote__quote-section__quote--".concat(variant.toLowerCase(), "--").concat(containerWidthClass[quoteContainerWidth[imageWidth]])
235
- }, /*#__PURE__*/_react["default"].createElement("div", {
236
- className: "ter-pullQuote__full-quote-wrapper ter-pullQuote__full-quote-wrapper--".concat(appearance === null || appearance === void 0 ? void 0 : appearance.toLowerCase())
237
- }, /*#__PURE__*/_react["default"].createElement("aside", {
238
- className: "ter-pullQuote__full-quote-wrapper--content"
239
- }, quoteText && !(0, _checkForDangerouslySet["default"])(quoteText) && /*#__PURE__*/_react["default"].createElement("p", {
240
- className: "ter-pullQuote__quote-text",
241
- style: {
242
- color: color
243
- },
244
- dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(quoteText)
245
- }), quoteText && (0, _checkForDangerouslySet["default"])(quoteText) && /*#__PURE__*/_react["default"].createElement("div", {
246
- className: "ter-pullQuote__quote-text-holder dangerously-set-content",
247
- dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(quoteText)
248
- }), quoteSource && /*#__PURE__*/_react["default"].createElement("p", {
249
- className: "ter-pullQuote__quote-source",
250
- style: {
251
- color: color
252
- }
253
- }, quoteSource), quoteSourceTitle && /*#__PURE__*/_react["default"].createElement("p", {
254
- className: "ter-pullQuote__quote-source-title",
255
- style: {
256
- color: color
257
- }
258
- }, quoteSourceTitle), ((content === null || content === void 0 ? void 0 : (_content$cta = content.cta) === null || _content$cta === void 0 ? void 0 : _content$cta.url) && (content === null || content === void 0 ? void 0 : (_content$cta2 = content.cta) === null || _content$cta2 === void 0 ? void 0 : _content$cta2.text) || (content === null || content === void 0 ? void 0 : (_content$cta3 = content.cta) === null || _content$cta3 === void 0 ? void 0 : _content$cta3.onClick) && (content === null || content === void 0 ? void 0 : (_content$cta4 = content.cta) === null || _content$cta4 === void 0 ? void 0 : _content$cta4.text) || (content === null || content === void 0 ? void 0 : (_content$cta5 = content.cta) === null || _content$cta5 === void 0 ? void 0 : _content$cta5.text) && (content === null || content === void 0 ? void 0 : (_content$cta6 = content.cta) === null || _content$cta6 === void 0 ? void 0 : _content$cta6.video)) && /*#__PURE__*/_react["default"].createElement(_terraOne.Button, {
259
- Link: content === null || content === void 0 ? void 0 : content.Link,
260
- url: content === null || content === void 0 ? void 0 : (_content$cta7 = content.cta) === null || _content$cta7 === void 0 ? void 0 : _content$cta7.url,
261
- text: content === null || content === void 0 ? void 0 : (_content$cta8 = content.cta) === null || _content$cta8 === void 0 ? void 0 : _content$cta8.text,
262
- className: "ter-button--".concat(content === null || content === void 0 ? void 0 : (_content$cta9 = content.cta) === null || _content$cta9 === void 0 ? void 0 : _content$cta9.className) || "ter-button--primary--2",
263
- external: content === null || content === void 0 ? void 0 : content.external,
264
- VideoComponent: _Video["default"] ? _Video["default"] : null,
265
- video: content !== null && content !== void 0 && (_content$cta10 = content.cta) !== null && _content$cta10 !== void 0 && _content$cta10.video ? content === null || content === void 0 ? void 0 : (_content$cta11 = content.cta) === null || _content$cta11 === void 0 ? void 0 : _content$cta11.video : null,
266
- setOverride: content !== null && content !== void 0 && (_content$cta12 = content.cta) !== null && _content$cta12 !== void 0 && _content$cta12.setOverride ? content === null || content === void 0 ? void 0 : (_content$cta13 = content.cta) === null || _content$cta13 === void 0 ? void 0 : _content$cta13.setOverride : null,
267
- override: content !== null && content !== void 0 && (_content$cta14 = content.cta) !== null && _content$cta14 !== void 0 && _content$cta14.override ? content === null || content === void 0 ? void 0 : (_content$cta15 = content.cta) === null || _content$cta15 === void 0 ? void 0 : _content$cta15.override : null,
268
- onClick: content === null || content === void 0 ? void 0 : (_content$cta16 = content.cta) === null || _content$cta16 === void 0 ? void 0 : _content$cta16.onClick
269
- })))))));
276
+ })), renderPullQuoteContent())));
270
277
  };
271
278
  var _default = PullQuote;
272
279
  exports["default"] = _default;
package/dist/luna/featurettes/PullQuote/PullQuote.scss CHANGED
@@ -67,7 +67,7 @@
67
67
  display: flex;
68
68
  flex-direction: row;
69
69
  justify-content: space-between;
70
- max-width: 100%;
70
+ width: 100%;
71
71
 
72
72
  @media (max-width: $breakpoint-xs) {
73
73
  flex-direction: column;
@@ -111,6 +111,8 @@
111
111
  }
112
112
  &__quote {
113
113
  padding: 20px;
114
+ width: 100%;
115
+
114
116
  &--variant2,
115
117
  &--variant1 {
116
118
  &--quarter {
@@ -130,6 +132,9 @@
130
132
  width: 100%;
131
133
  }
132
134
  }
135
+ &--full {
136
+ width: 100%
137
+ }
133
138
  }
134
139
  }
135
140
  }
package/dist/luna/heroes/FullBackgroundHero/FullBackgroundHero.js CHANGED
@@ -100,7 +100,7 @@ var FullBackgroundHero = function FullBackgroundHero(_ref) {
100
100
  className: "\n luna-full-background-hero__content-wrapper-left \n luna-full-background-hero__content-wrapper-left-".concat(variant, " \n ").concat(backgroundColor === "#FFFFFF" ? "luna-full-background-hero__white-bg" : "", "\n ").concat(!rightContent ? "luna-full-background-hero__content-wrapper-left-".concat(variant, "--full") : "", "\n ").concat(rightImage ? "luna-full-background-hero__content-wrapper-left-".concat(variant, "--image") : "", "\n ").concat(!rightContent && !rightImage ? "luna-full-background-hero__content-wrapper-left--no-bottom-margin" : "", "\n ")
101
101
  }, leftContent), /*#__PURE__*/_react["default"].createElement("div", {
102
102
  className: "\n luna-full-background-hero__content-wrapper-right \n luna-full-background-hero__content-wrapper-right-".concat(variant, " ").concat(!rightContent && !rightImage ? "luna-full-background-hero__content-wrapper-right--no-content" : "")
103
- }, (variant === "variant-1" || variant === "variant-2-inset") && rightContent, variant === "variant-2" && rightImage && (0, _FullBackgroundHeroMethods.renderShape)(shapeBorderColor, rightImage, shapeType, size, variant), variant === "variant-3" && rightImage && (0, _FullBackgroundHeroMethods.renderFullBgHeroImage)(rightImage)))));
103
+ }, (variant === "variant-1" || variant === "variant-2-inset") && rightContent, variant === "variant-2" && rightImage && (0, _FullBackgroundHeroMethods.renderShape)(shapeBorderColor, rightImage, shapeType, size, variant), variant === "variant-3" && rightImage && (0, _FullBackgroundHeroMethods.renderFullBgHeroImage)(rightImage, null, variant)))));
104
104
  };
105
105
  var _default = FullBackgroundHero;
106
106
  exports["default"] = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "luna-one",
3
- "version": "3.1.584",
3
+ "version": "3.1.586",
4
4
  "peerDependencies": {
5
5
  "react": "^18.2.0",
6
6
  "react-dom": "^18.2.0",