luna-one 3.1.305 → 3.1.306
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/luna/components/Header/Header.js +4 -2
- package/dist/luna/components/Header/Header.scss +4 -0
- package/dist/luna/components/MegaMenu/MegaMenu.scss +15 -15
- package/dist/luna/components/Tabs/Tabs.scss +4 -1
- package/dist/luna/components/Video/Video.js +1 -1
- package/dist/luna/heroes/SuperHero/SuperHero.scss +1 -0
- package/package.json +1 -1
|
@@ -19,7 +19,9 @@ var Header = function Header(_ref) {
|
|
|
19
19
|
var eyebrow = _ref.eyebrow,
|
|
20
20
|
headline = _ref.headline,
|
|
21
21
|
subhead = _ref.subhead,
|
|
22
|
-
theme = _ref.theme
|
|
22
|
+
theme = _ref.theme,
|
|
23
|
+
_ref$centered = _ref.centered,
|
|
24
|
+
centered = _ref$centered === void 0 ? false : _ref$centered;
|
|
23
25
|
var themes = (0, _checkForThemeProps.checkForThemeProps)(theme);
|
|
24
26
|
|
|
25
27
|
var _useStyles = (0, _useStyles2.default)(themes),
|
|
@@ -27,7 +29,7 @@ var Header = function Header(_ref) {
|
|
|
27
29
|
color = _useStyles.color;
|
|
28
30
|
|
|
29
31
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
30
|
-
className: "ter-header",
|
|
32
|
+
className: "ter-header ".concat(centered ? "ter-header--centered" : ""),
|
|
31
33
|
style: {
|
|
32
34
|
color: color,
|
|
33
35
|
background: backgroundColor
|
|
@@ -348,7 +348,7 @@
|
|
|
348
348
|
opacity: 1;
|
|
349
349
|
height: auto;
|
|
350
350
|
min-height: auto;
|
|
351
|
-
margin: 32px 0px;
|
|
351
|
+
margin: 20px 0 32px 0px;
|
|
352
352
|
visibility: visible;
|
|
353
353
|
}
|
|
354
354
|
|
|
@@ -529,22 +529,22 @@
|
|
|
529
529
|
&--max-10 {
|
|
530
530
|
.ter-mega-menu__tertiary-dropdown--is-open,
|
|
531
531
|
.ter-mega-menu__dropdown {
|
|
532
|
-
min-height:
|
|
533
|
-
height:
|
|
532
|
+
min-height: 423px;
|
|
533
|
+
height: 423px;
|
|
534
534
|
.ter-mega-menu__left-section--is-open .ter-right-section--is-open,
|
|
535
535
|
.ter-mega-menu__left-section--is-open .ter-right-section--is-open--has-features,
|
|
536
536
|
&> .ter-right-section--is-open,
|
|
537
537
|
&> .ter-right-section--is-open--has-features {
|
|
538
|
-
min-height:
|
|
539
|
-
height:
|
|
538
|
+
min-height: 434px;
|
|
539
|
+
height: 434px;
|
|
540
540
|
}
|
|
541
541
|
}
|
|
542
542
|
}
|
|
543
543
|
&--max-9 {
|
|
544
544
|
.ter-mega-menu__tertiary-dropdown--is-open,
|
|
545
545
|
.ter-mega-menu__dropdown {
|
|
546
|
-
min-height:
|
|
547
|
-
height:
|
|
546
|
+
min-height: 389px;
|
|
547
|
+
height: 389px;
|
|
548
548
|
.ter-mega-menu__left-section--is-open .ter-right-section--is-open,
|
|
549
549
|
.ter-mega-menu__left-section--is-open .ter-right-section--is-open--has-features,
|
|
550
550
|
&> .ter-right-section--is-open,
|
|
@@ -557,8 +557,8 @@
|
|
|
557
557
|
&--max-8 {
|
|
558
558
|
.ter-mega-menu__tertiary-dropdown--is-open,
|
|
559
559
|
.ter-mega-menu__dropdown {
|
|
560
|
-
min-height:
|
|
561
|
-
height:
|
|
560
|
+
min-height: 355px;
|
|
561
|
+
height: 355px;
|
|
562
562
|
.ter-mega-menu__left-section--is-open .ter-right-section--is-open,
|
|
563
563
|
.ter-mega-menu__left-section--is-open .ter-right-section--is-open--has-features,
|
|
564
564
|
&> .ter-right-section--is-open,
|
|
@@ -571,8 +571,8 @@
|
|
|
571
571
|
&--max-7 {
|
|
572
572
|
.ter-mega-menu__tertiary-dropdown--is-open,
|
|
573
573
|
.ter-mega-menu__dropdown {
|
|
574
|
-
min-height:
|
|
575
|
-
height:
|
|
574
|
+
min-height: 321px;
|
|
575
|
+
height: 321px;
|
|
576
576
|
.ter-mega-menu__left-section--is-open .ter-right-section--is-open,
|
|
577
577
|
.ter-mega-menu__left-section--is-open .ter-right-section--is-open--has-features,
|
|
578
578
|
&> .ter-right-section--is-open,
|
|
@@ -585,8 +585,8 @@
|
|
|
585
585
|
&--max-6 {
|
|
586
586
|
.ter-mega-menu__tertiary-dropdown--is-open,
|
|
587
587
|
.ter-mega-menu__dropdown {
|
|
588
|
-
min-height:
|
|
589
|
-
height:
|
|
588
|
+
min-height: 287px;
|
|
589
|
+
height: 287px;
|
|
590
590
|
.ter-mega-menu__left-section--is-open .ter-right-section--is-open,
|
|
591
591
|
.ter-mega-menu__left-section--is-open .ter-right-section--is-open--has-features,
|
|
592
592
|
&> .ter-right-section--is-open,
|
|
@@ -599,8 +599,8 @@
|
|
|
599
599
|
&--max-5 {
|
|
600
600
|
.ter-mega-menu__tertiary-dropdown--is-open,
|
|
601
601
|
.ter-mega-menu__dropdown {
|
|
602
|
-
min-height:
|
|
603
|
-
height:
|
|
602
|
+
min-height: 253px;
|
|
603
|
+
height: 253px;
|
|
604
604
|
.ter-mega-menu__left-section--is-open .ter-right-section--is-open,
|
|
605
605
|
.ter-mega-menu__left-section--is-open .ter-right-section--is-open--has-features,
|
|
606
606
|
&> .ter-right-section--is-open,
|
|
@@ -435,7 +435,7 @@ var renderVideo = function renderVideo(video, thumbnail, hovering, modalDeployed
|
|
|
435
435
|
};
|
|
436
436
|
|
|
437
437
|
var thumbnailContainer = function thumbnailContainer(video, thumbnail, hovering, modalDeployed, playing, deployModal, hideModal, setHovering, togglePlaying, image, content, variant, mouse) {
|
|
438
|
-
if (video && thumbnail && !image
|
|
438
|
+
if (video && thumbnail && !image) {
|
|
439
439
|
var _imageSizes$variant, _imageSizes$variant$d, _imageSizes$variant2, _imageSizes$variant2$, _thumbnail$focalPoint, _thumbnail$focalPoint2;
|
|
440
440
|
|
|
441
441
|
return /*#__PURE__*/_react.default.createElement("div", {
|