luna-one 3.1.589 → 3.1.590

Sign up to get free protection for your applications and to get access to all the features.
Files changed (194) hide show
  1. package/README.md +2315 -2315
  2. package/dist/application/assets/images/carat-down.svg +3 -3
  3. package/dist/application/assets/images/carat-up.svg +3 -3
  4. package/dist/application/assets/images/close-blue.svg +4 -4
  5. package/dist/application/assets/images/close.svg +3 -3
  6. package/dist/application/assets/images/ellipses.svg +6 -6
  7. package/dist/application/assets/images/facebook.svg +13 -13
  8. package/dist/application/assets/images/instagram.svg +19 -19
  9. package/dist/application/assets/images/linkedin.svg +15 -15
  10. package/dist/application/assets/images/twitter.svg +17 -17
  11. package/dist/application/assets/images/youtube.svg +14 -14
  12. package/dist/application/components/Loading/Loading.scss +10 -10
  13. package/dist/global-styles/content/typography.scss +140 -140
  14. package/dist/global-styles/fonts/benton.scss +113 -113
  15. package/dist/global-styles/global-terra.scss +10 -10
  16. package/dist/global-styles/global-vars.scss +599 -599
  17. package/dist/global-styles/layout/_css-grid.scss +20 -20
  18. package/dist/global-styles/layout/_media-queries.scss +35 -35
  19. package/dist/global-styles/layout/_normalize.scss +340 -340
  20. package/dist/global-styles/layout/_reset.scss +13 -13
  21. package/dist/global-styles/mixins/_box-shadow.scss +6 -6
  22. package/dist/global-styles/mixins/_mixins.scss +5 -5
  23. package/dist/global-styles/mixins/_organism-padding-hack.scss +7 -7
  24. package/dist/global-styles/mixins/_typography.scss +102 -102
  25. package/dist/global-styles/mixins/_yiq.scss +50 -50
  26. package/dist/global-styles/mixins/_z-index.scss +3 -3
  27. package/dist/global-styles/terra.scss +15 -15
  28. package/dist/global-styles/utilities/_box-shadow.scss +8 -8
  29. package/dist/global-styles/utilities/_display.scss +48 -48
  30. package/dist/global-styles/utilities/_font-family.scss +15 -15
  31. package/dist/global-styles/utilities/_parallax.scss +23 -23
  32. package/dist/global-styles/utilities/_text-align.scss +24 -24
  33. package/dist/luna/components/2x2/2x2.scss +915 -915
  34. package/dist/luna/components/AdminCategoryData/AdminCategoryData.scss +81 -81
  35. package/dist/luna/components/AdminProductData/AdminProductData.scss +75 -75
  36. package/dist/luna/components/BlockListItems/BlockListItems.scss +285 -285
  37. package/dist/luna/components/BrowserSupportBanner/BrowserSupportBanner.scss +6 -6
  38. package/dist/luna/components/CTAButtons/CTAButtons.js +1 -1
  39. package/dist/luna/components/CTAButtons/CTAButtons.scss +19 -19
  40. package/dist/luna/components/ComparisonTable/ComparisonTable.scss +331 -331
  41. package/dist/luna/components/CtaWithHeader/CtaWithHeader.scss +324 -324
  42. package/dist/luna/components/DataPoint/DataPoint.scss +170 -170
  43. package/dist/luna/components/EventCard/EventCard.scss +134 -134
  44. package/dist/luna/components/FilterSection/FilterSection.scss +143 -143
  45. package/dist/luna/components/HTMLEmbed/HTMLEmbed.scss +51 -51
  46. package/dist/luna/components/Header/Header.scss +36 -36
  47. package/dist/luna/components/ImageGallery/ImageGallery.scss +442 -442
  48. package/dist/luna/components/InPageJumpNav/InPageJumpNav.scss +122 -122
  49. package/dist/luna/components/JobPosting/JobPosting.scss +171 -171
  50. package/dist/luna/components/LinkList/LinkList.scss +59 -59
  51. package/dist/luna/components/LinkList/LinkListMethods.js +3 -0
  52. package/dist/luna/components/LoadingSpinner/LoadingSpinner.scss +34 -34
  53. package/dist/luna/components/Login/Login.scss +180 -180
  54. package/dist/luna/components/MegaMenu/MegaMenu.js +2 -2
  55. package/dist/luna/components/MegaMenu/MegaMenu.scss +570 -570
  56. package/dist/luna/components/MegaMenu/menu-generators/AllSections.js +6 -6
  57. package/dist/luna/components/MegaMenu/menu-generators/FeatureSection.js +5 -4
  58. package/dist/luna/components/MegaMenu/menu-generators/FullSubMenu.js +4 -4
  59. package/dist/luna/components/MegaMenu/menu-generators/PartialSubMenu.js +4 -4
  60. package/dist/luna/components/MegaMenu/menu-generators/SubMenu.js +15 -15
  61. package/dist/luna/components/MegaMenu/menu-generators/TertiaryMenu.js +3 -3
  62. package/dist/luna/components/MegaMenu/menu-generators/UncollapsedLinks.js +14 -14
  63. package/dist/luna/components/MegaMenu/menu-generators/UncollapsedSubMenu.js +7 -7
  64. package/dist/luna/components/MiniFeatDropdown/MiniFeatDropdown.scss +107 -107
  65. package/dist/luna/components/MobileLogin/MobileLogin.scss +38 -38
  66. package/dist/luna/components/MobileMegaMenu/MobileMegaMenu.js +8 -8
  67. package/dist/luna/components/MobileMegaMenu/MobileMegaMenu.scss +289 -289
  68. package/dist/luna/components/MobileMegaMenu/MobileMegaMenuCategory.js +9 -9
  69. package/dist/luna/components/MobileMenu/MobileMenu.scss +70 -70
  70. package/dist/luna/components/MobileNav/MobileNav.scss +286 -286
  71. package/dist/luna/components/NavBarTop/NavBarTop.scss +403 -403
  72. package/dist/luna/components/NavSearch/NavSearch.scss +130 -130
  73. package/dist/luna/components/NonTimeBasedListEntries/NonTimeBasedListEntries.scss +339 -339
  74. package/dist/luna/components/OverlayNotice/OverlayNotice.scss +247 -247
  75. package/dist/luna/components/Pagination/Pagination.scss +27 -27
  76. package/dist/luna/components/ProductSummary/ProductSummary.scss +273 -273
  77. package/dist/luna/components/ProseLayout/ProseLayout.scss +384 -384
  78. package/dist/luna/components/RegionCard/RegionCard.scss +86 -86
  79. package/dist/luna/components/ResourceGrid/ResourceGrid.scss +34 -34
  80. package/dist/luna/components/ScrollInPlace/ScrollInPlace.scss +219 -219
  81. package/dist/luna/components/SketchUpPricingCard/SketchUpPricingCard.scss +142 -142
  82. package/dist/luna/components/SlideOutFeat/SlideOutFeat.scss +124 -124
  83. package/dist/luna/components/StoreFrontCard/StoreFrontCard.scss +434 -434
  84. package/dist/luna/components/SupportCard/SupportCard.scss +134 -134
  85. package/dist/luna/components/Tabs/Tabs.scss +871 -871
  86. package/dist/luna/components/TimeBasedList/TimeBasedList.scss +394 -394
  87. package/dist/luna/components/TrainerCard/TrainerCard.scss +51 -51
  88. package/dist/luna/components/TrialForm/TrialComponents/TrialSpecifics.scss +44 -44
  89. package/dist/luna/components/TrialForm/TrialComponents/TrialSummary.scss +57 -57
  90. package/dist/luna/components/TrialForm/TrialFormStart/TrialFormStart.scss +28 -28
  91. package/dist/luna/components/TrialForm/images/check.svg +3 -3
  92. package/dist/luna/components/TrialForm/images/form-border-bottom-dark.svg +4 -4
  93. package/dist/luna/components/TrialForm/images/form-border-bottom-light.svg +4 -4
  94. package/dist/luna/components/TrialForm/images/form-border-top-dark.svg +4 -4
  95. package/dist/luna/components/TrialForm/images/form-border-top-light.svg +4 -4
  96. package/dist/luna/components/UnboundedCard/UnboundedCard.scss +108 -108
  97. package/dist/luna/components/UnboundedCard/playIcon.svg +17 -17
  98. package/dist/luna/components/VariableContentCard/VariableContentCard.scss +253 -253
  99. package/dist/luna/components/Video/Video.scss +209 -209
  100. package/dist/luna/components/VidyardModal/VidyardModal.scss +34 -34
  101. package/dist/luna/components/WaffleMenu/WaffleMenu.scss +73 -73
  102. package/dist/luna/featurettes/Accordion/Accordion.scss +154 -154
  103. package/dist/luna/featurettes/CustomFeat/CustomFeat.scss +17 -17
  104. package/dist/luna/featurettes/Feat1/Feat1.scss +110 -110
  105. package/dist/luna/featurettes/Feat2A/Feat2A.scss +132 -132
  106. package/dist/luna/featurettes/Feat2B/Feat2B.scss +231 -231
  107. package/dist/luna/featurettes/Feat3/Feat3.scss +49 -49
  108. package/dist/luna/featurettes/Feat4/Feat4.scss +86 -86
  109. package/dist/luna/featurettes/Feat5/Feat5.scss +235 -235
  110. package/dist/luna/featurettes/Feat7/Feat7.scss +49 -49
  111. package/dist/luna/featurettes/Feat8/Feat8.scss +103 -103
  112. package/dist/luna/featurettes/IconTextList/IconTextList.scss +124 -124
  113. package/dist/luna/featurettes/ProductsPackage/ProductsPackage.scss +194 -194
  114. package/dist/luna/featurettes/PullQuote/PullQuote.scss +400 -400
  115. package/dist/luna/featurettes/PullQuote/ico-quote-white.svg +3 -3
  116. package/dist/luna/featurettes/PullQuote/ico-quote.svg +3 -3
  117. package/dist/luna/heroes/FilterHero/FilterHero.scss +80 -80
  118. package/dist/luna/heroes/FullBackgroundHero/FullBackgroundHero.scss +722 -722
  119. package/dist/luna/heroes/Hero1/Hero1.scss +223 -223
  120. package/dist/luna/heroes/Hero2/Hero2.scss +165 -165
  121. package/dist/luna/heroes/Hero3/Hero3.scss +250 -250
  122. package/dist/luna/heroes/Hero4/Hero4.scss +112 -112
  123. package/dist/luna/heroes/Hero6/Hero6.scss +127 -127
  124. package/dist/luna/heroes/Hero7/Hero7.scss +193 -193
  125. package/dist/luna/heroes/SuperHero/SuperHero.scss +804 -804
  126. package/dist/luna/images/arrow-diagonal-black.svg +13 -13
  127. package/dist/luna/images/arrow-diagonal-blue.svg +13 -13
  128. package/dist/luna/images/arrow-diagonal-white.svg +13 -13
  129. package/dist/luna/images/bulletpoint.svg +3 -3
  130. package/dist/luna/images/callout-icon.svg +3 -3
  131. package/dist/luna/images/check-blue.svg +4 -4
  132. package/dist/luna/images/circle-arrow-right-black.svg +3 -3
  133. package/dist/luna/images/circle-arrow-right-white.svg +3 -3
  134. package/dist/luna/images/circle-arrow.svg +3 -3
  135. package/dist/luna/images/close-button.svg +42 -42
  136. package/dist/luna/images/close-dark-navy.svg +3 -3
  137. package/dist/luna/images/close-icon.svg +3 -3
  138. package/dist/luna/images/collapse-close-blue.svg +5 -5
  139. package/dist/luna/images/collapse-close-gold.svg +5 -5
  140. package/dist/luna/images/collapse-open-blue.svg +4 -4
  141. package/dist/luna/images/collapse-open-gold.svg +4 -4
  142. package/dist/luna/images/cross-medium-blue.svg +4 -4
  143. package/dist/luna/images/cross-medium-white.svg +5 -5
  144. package/dist/luna/images/down-caret-dark-blue.svg +4 -4
  145. package/dist/luna/images/down-caret-dark-gray.svg +4 -4
  146. package/dist/luna/images/down-caret-light-gray.svg +4 -4
  147. package/dist/luna/images/downArrow.svg +36 -36
  148. package/dist/luna/images/external-arrow-blue.svg +11 -11
  149. package/dist/luna/images/external-arrow-white-theme.svg +12 -12
  150. package/dist/luna/images/external-arrow.svg +12 -12
  151. package/dist/luna/images/form-border-top-light.svg +4 -4
  152. package/dist/luna/images/frame-intersection.svg +3 -3
  153. package/dist/luna/images/gallery-image-corner-border.svg +3 -3
  154. package/dist/luna/images/green-tick.svg +3 -3
  155. package/dist/luna/images/internal-arrow-blue.svg +15 -15
  156. package/dist/luna/images/internal-arrow-white-theme.svg +15 -15
  157. package/dist/luna/images/internal-arrow.svg +15 -15
  158. package/dist/luna/images/logo-icon.svg +17 -17
  159. package/dist/luna/images/pdf-doc.svg +9 -9
  160. package/dist/luna/images/play.svg +17 -17
  161. package/dist/luna/images/right-caret-dark-blue.svg +3 -3
  162. package/dist/luna/images/right-caret-light-gray.svg +4 -4
  163. package/dist/luna/images/right-caret-light-yellow-stroke.svg +9 -9
  164. package/dist/luna/images/right-caret-light-yellow.svg +4 -4
  165. package/dist/luna/images/right-caret-medium-gray.svg +4 -4
  166. package/dist/luna/images/search.svg +9 -9
  167. package/dist/luna/images/skipicon.svg +154 -154
  168. package/dist/luna/images/text-doc.svg +9 -9
  169. package/dist/luna/images/text-lines.svg +22 -22
  170. package/dist/luna/images/tooltip-close-icon.svg +3 -3
  171. package/dist/luna/images/tooltip-icon.svg +3 -3
  172. package/dist/luna/images/up-arrow.svg +36 -36
  173. package/dist/luna/images/up-right-arrow.svg +9 -9
  174. package/dist/luna/images/user-profile.svg +37 -37
  175. package/dist/luna/images/user.svg +4 -4
  176. package/dist/luna/images/waffle.svg +11 -11
  177. package/dist/luna/images/worldwide.svg +19 -19
  178. package/dist/luna/list-feats/ListFeat/ListFeat.scss +112 -112
  179. package/dist/luna/list-feats/ListFeat1/ListFeat1.scss +94 -94
  180. package/dist/luna/list-feats/ListFeat2/ListFeat2.scss +19 -19
  181. package/dist/luna/list-feats/ListFeat4/ListFeat4.scss +32 -32
  182. package/dist/luna/list-feats/ListFeat5/ListFeat5.scss +26 -26
  183. package/dist/luna/list-feats/ListFeat6/ListFeat6.scss +34 -34
  184. package/dist/luna/list-feats/ListFeat7/ListFeat7.scss +13 -13
  185. package/dist/luna/list-feats/ListFeatCustom/ListFeatCustom.scss +7 -7
  186. package/dist/luna/other-organisms/Carousel/Carousel.scss +155 -155
  187. package/dist/luna/other-organisms/Flyout/Flyout.scss +367 -367
  188. package/dist/luna/other-organisms/Footer/Footer.scss +484 -484
  189. package/dist/luna/other-organisms/LanguageSelector/LanguageSelector.scss +318 -318
  190. package/dist/luna/other-organisms/MarketoForm/MarketoForm.scss +56 -56
  191. package/dist/luna/other-organisms/NavBar/NavBar.scss +628 -628
  192. package/dist/luna/other-organisms/SubNav/SubNav.scss +274 -274
  193. package/dist/luna/utils/generateLinks.js +3 -3
  194. package/package.json +91 -91
@@ -18,11 +18,11 @@ var AllSections = function AllSections(props) {
18
18
  var content = sectionProps.content,
19
19
  collapsed = sectionProps.collapsed;
20
20
  return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
21
- key: "category-section-".concat(content.text)
21
+ key: "category-section-".concat(content === null || content === void 0 ? void 0 : content.text)
22
22
  }, collapsed && /*#__PURE__*/_react["default"].createElement("p", {
23
- id: (0, _formatID["default"])("".concat(content.text, "-mega-menu-left-header-text")),
23
+ id: (0, _formatID["default"])("".concat(content === null || content === void 0 ? void 0 : content.text, "-mega-menu-left-header-text")),
24
24
  className: "ter-mega-menu__category-title"
25
- }, content.text), (_content$links = content.links) === null || _content$links === void 0 ? void 0 : _content$links.map(function (category, i) {
25
+ }, content === null || content === void 0 ? void 0 : content.text), content === null || content === void 0 ? void 0 : (_content$links = content.links) === null || _content$links === void 0 ? void 0 : _content$links.map(function (category, i) {
26
26
  var menuProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, sectionProps), {}, {
27
27
  category: category
28
28
  });
@@ -30,17 +30,17 @@ var AllSections = function AllSections(props) {
30
30
  return /*#__PURE__*/_react["default"].createElement(_UncollapsedSubMenu.UncollapsedSubMenu, {
31
31
  menuProps: menuProps,
32
32
  index: i,
33
- key: "uncollapsed-submenu-".concat(category.text, "-").concat(i)
33
+ key: "uncollapsed-submenu-".concat(category === null || category === void 0 ? void 0 : category.text, "-").concat(i)
34
34
  });
35
35
  } else if (category.links) {
36
36
  return /*#__PURE__*/_react["default"].createElement(_FullSubMenu.FullSubMenu, {
37
37
  menuProps: menuProps,
38
- key: "full-submenu-".concat(category.text, "-").concat(i)
38
+ key: "full-submenu-".concat(category === null || category === void 0 ? void 0 : category.text, "-").concat(i)
39
39
  });
40
40
  } else {
41
41
  return /*#__PURE__*/_react["default"].createElement(_PartialSubMenu.PartialSubMenu, {
42
42
  menuProps: menuProps,
43
- key: "partial-submenu-".concat(category.text, "-").concat(i)
43
+ key: "partial-submenu-".concat(category === null || category === void 0 ? void 0 : category.text, "-").concat(i)
44
44
  });
45
45
  }
46
46
  }));
@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
10
10
  var _formatID = _interopRequireDefault(require("../../../utils/formatID"));
11
11
  var _terraOne = require("terra-one");
12
12
  var FeatureSection = function FeatureSection(props) {
13
+ var _content$featuredLink;
13
14
  var featureProps = props.featureProps;
14
15
  var mouse = featureProps.mouse,
15
16
  content = featureProps.content,
@@ -19,11 +20,11 @@ var FeatureSection = function FeatureSection(props) {
19
20
  mouseLeave = featureProps.mouseLeave;
20
21
  var featuredContentHeader = content.featuredLinksTitle || "Featured Content";
21
22
  return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
22
- key: "feature-section-".concat(content.contentfulId)
23
+ key: "feature-section-".concat(content === null || content === void 0 ? void 0 : content.contentfulId)
23
24
  }, /*#__PURE__*/_react["default"].createElement("p", {
24
25
  id: (0, _formatID["default"])("mega-menu-feature-header-text"),
25
26
  className: "ter-mega-menu__category-title"
26
- }, featuredContentHeader), content.featuredLinks.map(function (link) {
27
+ }, featuredContentHeader), content === null || content === void 0 ? void 0 : (_content$featuredLink = content.featuredLinks) === null || _content$featuredLink === void 0 ? void 0 : _content$featuredLink.map(function (link) {
27
28
  return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
28
29
  key: "feature-link-".concat(link.contentfulId)
29
30
  }, link.url && /*#__PURE__*/_react["default"].createElement("div", {
@@ -36,13 +37,13 @@ var FeatureSection = function FeatureSection(props) {
36
37
  }, /*#__PURE__*/_react["default"].createElement(_terraOne.LunaLink, {
37
38
  className: "ter-feature-section__link ".concat(mouse ? "" : "tabFocus"),
38
39
  tabIndex: mouse ? "" : "0",
39
- to: link.url,
40
+ to: link === null || link === void 0 ? void 0 : link.url,
40
41
  onClick: mouseLeave,
41
42
  id: (0, _formatID["default"])("".concat(link.text, "-mega-menu-title-link")),
42
43
  Link: Link,
43
44
  target: typeof (link === null || link === void 0 ? void 0 : link.external) === 'boolean' ? link !== null && link !== void 0 && link.external ? "_blank" : "_self" : null
44
45
  }, /*#__PURE__*/_react["default"].createElement("p", {
45
- id: (0, _formatID["default"])("".concat(link.text, "-mega-menu-title-link-text")),
46
+ id: (0, _formatID["default"])("".concat(link === null || link === void 0 ? void 0 : link.text, "-mega-menu-title-link-text")),
46
47
  className: "ter-feature-section__link--underline ".concat(hoveredFeature === link.contentfulId ? "ter-feature-section__link--underline--is-open" : "")
47
48
  }, link.text))));
48
49
  }));
@@ -35,7 +35,7 @@ var FullSubMenu = function FullSubMenu(props) {
35
35
  var _useContext = (0, _react.useContext)(_NavBar.NavBarContext),
36
36
  mouse = _useContext.mouse;
37
37
  var isOpen = (0, _react.useMemo)(function () {
38
- return deployedSubsection === category.contentfulId;
38
+ return deployedSubsection === (category === null || category === void 0 ? void 0 : category.contentfulId);
39
39
  }, [deployedSubsection, category]);
40
40
  var fullSubMenuParents = category === null || category === void 0 ? void 0 : (_category$links = category.links) === null || _category$links === void 0 ? void 0 : _category$links.length;
41
41
  var fullSubMenuProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, menuProps), {}, {
@@ -68,15 +68,15 @@ var FullSubMenu = function FullSubMenu(props) {
68
68
  },
69
69
  "aria-haspopup": "menu",
70
70
  "aria-expanded": isOpen,
71
- "aria-label": "".concat(category.text, " menu"),
72
- id: (0, _formatID["default"])("".concat(category.text, "-mega-menu-left-title-text")),
71
+ "aria-label": "".concat(category === null || category === void 0 ? void 0 : category.text, " menu"),
72
+ id: (0, _formatID["default"])("".concat(category === null || category === void 0 ? void 0 : category.text, "-mega-menu-left-title-text")),
73
73
  className: "ter-mega-menu__left-title ".concat(isOpen ? "ter-mega-menu__left-title--is-open" : "", " ").concat(mouse ? "" : "tabFocus"),
74
74
  "data-depth": 2
75
75
  }, /*#__PURE__*/_react["default"].createElement("div", {
76
76
  className: "ter-mega-menu__left-title--caret-wrapper"
77
77
  }, /*#__PURE__*/_react["default"].createElement("p", {
78
78
  className: "ter-mega-menu__left-title--text ".concat(isOpen && !isMousedOver ? "ter-mega-menu__left-title--text--is-open" : "")
79
- }, category.text), /*#__PURE__*/_react["default"].createElement("img", {
79
+ }, category === null || category === void 0 ? void 0 : category.text), /*#__PURE__*/_react["default"].createElement("img", {
80
80
  src: isMousedOver ? _rightCaretLightGray["default"] : _rightCaretMediumGray["default"],
81
81
  alt: "right caret",
82
82
  "aria-label": isOpen ? "Expanded" : "Collapsed",
@@ -25,10 +25,10 @@ var PartialSubMenu = function PartialSubMenu(props) {
25
25
  }, ((category === null || category === void 0 ? void 0 : category.url) || (category === null || category === void 0 ? void 0 : (_category$link = category.link) === null || _category$link === void 0 ? void 0 : _category$link.url)) && /*#__PURE__*/_react["default"].createElement("div", {
26
26
  id: (0, _lodash.uniqueId)("id-"),
27
27
  className: "ter-mega-menu__left-title",
28
- "aria-controls": "".concat(category.text, "-mega-menu-title-link")
28
+ "aria-controls": "".concat(category === null || category === void 0 ? void 0 : category.text, "-mega-menu-title-link")
29
29
  }, /*#__PURE__*/_react["default"].createElement(_terraOne.LunaLink, {
30
30
  to: (category === null || category === void 0 ? void 0 : category.url) || (category === null || category === void 0 ? void 0 : (_category$link2 = category.link) === null || _category$link2 === void 0 ? void 0 : _category$link2.url),
31
- id: "".concat(category.text, "-mega-menu-title-link").concat((0, _lodash.uniqueId)("-")),
31
+ id: "".concat(category === null || category === void 0 ? void 0 : category.text, "-mega-menu-title-link").concat((0, _lodash.uniqueId)("-")),
32
32
  Link: Link,
33
33
  depth: 2,
34
34
  tabIndex: mouse ? "" : "0",
@@ -38,9 +38,9 @@ var PartialSubMenu = function PartialSubMenu(props) {
38
38
  },
39
39
  target: typeof (category === null || category === void 0 ? void 0 : category.external) === 'boolean' ? category !== null && category !== void 0 && category.external ? "_blank" : "_self" : null
40
40
  }, /*#__PURE__*/_react["default"].createElement("p", {
41
- id: (0, _formatID["default"])("".concat(category.text, "-mega-menu-title-link-text")),
41
+ id: (0, _formatID["default"])("".concat(category === null || category === void 0 ? void 0 : category.text, "-mega-menu-title-link-text")),
42
42
  className: " ter-mega-menu__left-title--text ".concat(deployedSubsection === (category === null || category === void 0 ? void 0 : category.contentfulId) ? "ter-mega-menu__left-title--text--is-open" : "", " ")
43
- }, category.text))), deployedSubsection === (category === null || category === void 0 ? void 0 : category.contentfulId) && /*#__PURE__*/_react["default"].createElement("div", {
43
+ }, category === null || category === void 0 ? void 0 : category.text))), deployedSubsection === (category === null || category === void 0 ? void 0 : category.contentfulId) && /*#__PURE__*/_react["default"].createElement("div", {
44
44
  className: "ter-right-section ter-right-section__fill-placeholder"
45
45
  }));
46
46
  };
@@ -66,7 +66,7 @@ var SubMenu = function SubMenu(props) {
66
66
  };
67
67
  var generateTertiaryMenu = function generateTertiaryMenu(category) {
68
68
  var _React$createElement;
69
- var tertiaryIsOpen = deployedTertiary === category.contentfulId;
69
+ var tertiaryIsOpen = deployedTertiary === (category === null || category === void 0 ? void 0 : category.contentfulId);
70
70
  return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
71
71
  key: category === null || category === void 0 ? void 0 : category.contentfulId
72
72
  }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -75,7 +75,7 @@ var SubMenu = function SubMenu(props) {
75
75
  id: (0, _lodash.uniqueId)("id-"),
76
76
  tabIndex: mouse ? "" : "0",
77
77
  onMouseOver: function onMouseOver() {
78
- setIsMousedOver(category.contentfulId);
78
+ setIsMousedOver(category === null || category === void 0 ? void 0 : category.contentfulId);
79
79
  },
80
80
  onMouseLeave: function onMouseLeave() {
81
81
  setIsMousedOver(null);
@@ -84,27 +84,27 @@ var SubMenu = function SubMenu(props) {
84
84
  onClick: function onClick(e) {
85
85
  var _category$links;
86
86
  mouseOverSubsection(deployedSubsection);
87
- mouseOverTertiary(category.contentfulId);
87
+ mouseOverTertiary(category === null || category === void 0 ? void 0 : category.contentfulId);
88
88
  updateMaxActiveNavItems(category === null || category === void 0 ? void 0 : (_category$links = category.links) === null || _category$links === void 0 ? void 0 : _category$links.length, megaMenuParentValue, fullSubMenuParents, e);
89
89
  },
90
90
  onKeyDown: function onKeyDown(e) {
91
- return navigateWithKeys(e, category.contentfulId);
91
+ return navigateWithKeys(e, category === null || category === void 0 ? void 0 : category.contentfulId);
92
92
  },
93
93
  "aria-haspopup": "menu",
94
94
  "aria-expanded": tertiaryIsOpen,
95
- "aria-label": "".concat(category.text, " sub menu")
96
- }, (0, _defineProperty2["default"])(_React$createElement, "id", (0, _formatID["default"])("".concat(category.text, "-mega-menu-left-title-text"))), (0, _defineProperty2["default"])(_React$createElement, "className", "ter-mega-menu__left-title ".concat(tertiaryIsOpen ? "ter-mega-menu__left-title--is-open-tertiary" : "", " ").concat(mouse ? "" : "tabFocus")), _React$createElement), /*#__PURE__*/_react["default"].createElement("div", {
95
+ "aria-label": "".concat(category === null || category === void 0 ? void 0 : category.text, " sub menu")
96
+ }, (0, _defineProperty2["default"])(_React$createElement, "id", (0, _formatID["default"])("".concat(category === null || category === void 0 ? void 0 : category.text, "-mega-menu-left-title-text"))), (0, _defineProperty2["default"])(_React$createElement, "className", "ter-mega-menu__left-title ".concat(tertiaryIsOpen ? "ter-mega-menu__left-title--is-open-tertiary" : "", " ").concat(mouse ? "" : "tabFocus")), _React$createElement), /*#__PURE__*/_react["default"].createElement("div", {
97
97
  className: "ter-mega-menu__left-title--caret-wrapper"
98
98
  }, /*#__PURE__*/_react["default"].createElement("p", {
99
99
  className: "ter-mega-menu__left-title--text ".concat(tertiaryIsOpen && !isMousedOver ? "ter-mega-menu__left-title--text--is-open" : "")
100
- }, category.text), /*#__PURE__*/_react["default"].createElement("img", {
101
- src: isMousedOver === category.contentfulId ? _rightCaretLightGray["default"] : _rightCaretMediumGray["default"],
100
+ }, category === null || category === void 0 ? void 0 : category.text), /*#__PURE__*/_react["default"].createElement("img", {
101
+ src: isMousedOver === (category === null || category === void 0 ? void 0 : category.contentfulId) ? _rightCaretLightGray["default"] : _rightCaretMediumGray["default"],
102
102
  alt: "right caret",
103
103
  "aria-label": tertiaryIsOpen ? "Expanded" : "Collapsed",
104
104
  className: "ter-mega-menu__left-title-caret"
105
105
  })))), /*#__PURE__*/_react["default"].createElement(_TertiaryMenu.TertiaryMenu, {
106
106
  Link: Link,
107
- links: category.links,
107
+ links: category === null || category === void 0 ? void 0 : category.links,
108
108
  isOpen: tertiaryIsOpen,
109
109
  hasFeatures: hasFeatures,
110
110
  mouseLeave: mouseLeave,
@@ -112,15 +112,15 @@ var SubMenu = function SubMenu(props) {
112
112
  }));
113
113
  };
114
114
  var generateLinks = function generateLinks() {
115
- return links.map(function (link, index) {
116
- if (link.links) {
115
+ return links === null || links === void 0 ? void 0 : links.map(function (link, index) {
116
+ if (link !== null && link !== void 0 && link.links) {
117
117
  return generateTertiaryMenu(link);
118
118
  } else {
119
119
  var _React$createElement2;
120
120
  return /*#__PURE__*/_react["default"].createElement("div", {
121
- key: link.text + " " + index,
121
+ key: (link === null || link === void 0 ? void 0 : link.text) + " " + index,
122
122
  onMouseOver: function onMouseOver() {
123
- mouseOverFeature(link.contentfulId);
123
+ mouseOverFeature(link === null || link === void 0 ? void 0 : link.contentfulId);
124
124
  },
125
125
  onMouseLeave: function onMouseLeave() {
126
126
  return subMouseLeave();
@@ -131,9 +131,9 @@ var SubMenu = function SubMenu(props) {
131
131
  Link: Link,
132
132
  id: (0, _lodash.uniqueId)("id-"),
133
133
  tabIndex: mouse ? "" : "0"
134
- }, (0, _defineProperty2["default"])(_React$createElement2, "id", (0, _formatID["default"])("".concat(link.text, "-right-section-link"))), (0, _defineProperty2["default"])(_React$createElement2, "to", link === null || link === void 0 ? void 0 : link.url), (0, _defineProperty2["default"])(_React$createElement2, "href", link === null || link === void 0 ? void 0 : link.href), (0, _defineProperty2["default"])(_React$createElement2, "className", "ter-right-section__link ".concat(childOpen === (link === null || link === void 0 ? void 0 : link.contentfulId) ? "ter-right-section__link--is-open" : "", " ").concat(mouse ? "" : "tabFocus", "\n ")), (0, _defineProperty2["default"])(_React$createElement2, "onClick", closeAllDropDowns), (0, _defineProperty2["default"])(_React$createElement2, "target", typeof (link === null || link === void 0 ? void 0 : link.external) === 'boolean' ? link !== null && link !== void 0 && link.external ? "_blank" : "_self" : null), _React$createElement2), /*#__PURE__*/_react["default"].createElement("p", {
134
+ }, (0, _defineProperty2["default"])(_React$createElement2, "id", (0, _formatID["default"])("".concat(link === null || link === void 0 ? void 0 : link.text, "-right-section-link"))), (0, _defineProperty2["default"])(_React$createElement2, "to", link === null || link === void 0 ? void 0 : link.url), (0, _defineProperty2["default"])(_React$createElement2, "href", link === null || link === void 0 ? void 0 : link.href), (0, _defineProperty2["default"])(_React$createElement2, "className", "ter-right-section__link ".concat(childOpen === (link === null || link === void 0 ? void 0 : link.contentfulId) ? "ter-right-section__link--is-open" : "", " ").concat(mouse ? "" : "tabFocus", "\n ")), (0, _defineProperty2["default"])(_React$createElement2, "onClick", closeAllDropDowns), (0, _defineProperty2["default"])(_React$createElement2, "target", typeof (link === null || link === void 0 ? void 0 : link.external) === 'boolean' ? link !== null && link !== void 0 && link.external ? "_blank" : "_self" : null), _React$createElement2), /*#__PURE__*/_react["default"].createElement("p", {
135
135
  id: (0, _formatID["default"])("".concat(link === null || link === void 0 ? void 0 : link.text, "-mega-menu-item-link-text")),
136
- className: "ter-right-section__link--underline ".concat(childOpen === link.contentfulId ? "ter-right-section__link--underline--is-open" : "")
136
+ className: "ter-right-section__link--underline ".concat(childOpen === (link === null || link === void 0 ? void 0 : link.contentfulId) ? "ter-right-section__link--underline--is-open" : "")
137
137
  }, link === null || link === void 0 ? void 0 : link.text)));
138
138
  }
139
139
  });
@@ -45,7 +45,7 @@ var TertiaryMenu = function TertiaryMenu(props) {
45
45
  return links === null || links === void 0 ? void 0 : links.map(function (link, index) {
46
46
  var _React$createElement;
47
47
  return /*#__PURE__*/_react["default"].createElement("div", {
48
- key: link.text + " " + index,
48
+ key: (link === null || link === void 0 ? void 0 : link.text) + " " + index,
49
49
  onMouseOver: function onMouseOver() {
50
50
  return mouseOverFeature(link === null || link === void 0 ? void 0 : link.contentfulId);
51
51
  },
@@ -55,14 +55,14 @@ var TertiaryMenu = function TertiaryMenu(props) {
55
55
  onKeyDown: function onKeyDown(e) {
56
56
  return navigateWithKeys(e, link === null || link === void 0 ? void 0 : link.contentfulId);
57
57
  },
58
- id: (0, _formatID["default"])("".concat(link.text, "-mega-menu-tertiary-title-text")),
58
+ id: (0, _formatID["default"])("".concat(link === null || link === void 0 ? void 0 : link.text, "-mega-menu-tertiary-title-text")),
59
59
  className: "ter-right-section__clip ".concat(isOpen ? "ter-right-section__clip--is-open" : "")
60
60
  }, /*#__PURE__*/_react["default"].createElement(_terraOne.LunaLink, (_React$createElement = {
61
61
  Link: Link,
62
62
  id: (0, _lodash.uniqueId)("id-"),
63
63
  tabIndex: mouse ? "" : "0",
64
64
  depth: 4
65
- }, (0, _defineProperty2["default"])(_React$createElement, "id", (0, _formatID["default"])("".concat(link.text, "-right-section-link"))), (0, _defineProperty2["default"])(_React$createElement, "to", link === null || link === void 0 ? void 0 : link.url), (0, _defineProperty2["default"])(_React$createElement, "href", link === null || link === void 0 ? void 0 : link.href), (0, _defineProperty2["default"])(_React$createElement, "className", "ter-right-section__link ".concat(open === link.contentfulId ? "ter-right-section__link--is-open" : "", " ").concat(mouse ? "" : "tabFocus", "\n ")), (0, _defineProperty2["default"])(_React$createElement, "onClick", function onClick() {
65
+ }, (0, _defineProperty2["default"])(_React$createElement, "id", (0, _formatID["default"])("".concat(link === null || link === void 0 ? void 0 : link.text, "-right-section-link"))), (0, _defineProperty2["default"])(_React$createElement, "to", link === null || link === void 0 ? void 0 : link.url), (0, _defineProperty2["default"])(_React$createElement, "href", link === null || link === void 0 ? void 0 : link.href), (0, _defineProperty2["default"])(_React$createElement, "className", "ter-right-section__link ".concat(open === (link === null || link === void 0 ? void 0 : link.contentfulId) ? "ter-right-section__link--is-open" : "", " ").concat(mouse ? "" : "tabFocus", "\n ")), (0, _defineProperty2["default"])(_React$createElement, "onClick", function onClick() {
66
66
  return mouseLeave("click");
67
67
  }), (0, _defineProperty2["default"])(_React$createElement, "target", typeof (link === null || link === void 0 ? void 0 : link.external) === 'boolean' ? link !== null && link !== void 0 && link.external ? "_blank" : "_self" : null), _React$createElement), /*#__PURE__*/_react["default"].createElement("p", {
68
68
  id: (0, _formatID["default"])("".concat(link === null || link === void 0 ? void 0 : link.text, "-mega-menu-item-link-text")),
@@ -27,35 +27,35 @@ var UncollapsedLinks = function UncollapsedLinks(props) {
27
27
  var mouseOverFeature = function mouseOverFeature(feature) {
28
28
  setOpen(feature);
29
29
  };
30
- var classTag = link.imageUrl ? "--image-description" : "--text";
30
+ var classTag = link !== null && link !== void 0 && link.imageUrl ? "--image-description" : "--text";
31
31
  return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
32
- key: link.contentfulId
32
+ key: link === null || link === void 0 ? void 0 : link.contentfulId
33
33
  }, (link === null || link === void 0 ? void 0 : link.url) && /*#__PURE__*/_react["default"].createElement("div", {
34
34
  id: (0, _lodash.uniqueId)("id-"),
35
35
  onMouseOver: function onMouseOver() {
36
- return mouseOverFeature(link.contentfulId);
36
+ return mouseOverFeature(link === null || link === void 0 ? void 0 : link.contentfulId);
37
37
  },
38
38
  onMouseLeave: function onMouseLeave() {
39
39
  mouseOverFeature(null);
40
40
  },
41
- className: "ter-mega-menu__left-title ".concat(link.imageUrl ? "ter-mega-menu__left-title--image-content" : "", " ").concat(open === link.contentfulId && !link.imageUrl ? "ter-mega-menu__left-title--is-open" : "")
41
+ className: "ter-mega-menu__left-title ".concat(link !== null && link !== void 0 && link.imageUrl ? "ter-mega-menu__left-title--image-content" : "", " ").concat(open === (link === null || link === void 0 ? void 0 : link.contentfulId) && !(link !== null && link !== void 0 && link.imageUrl) ? "ter-mega-menu__left-title--is-open" : "")
42
42
  }, /*#__PURE__*/_react["default"].createElement(_terraOne.LunaLink, {
43
- to: link.url,
43
+ to: link === null || link === void 0 ? void 0 : link.url,
44
44
  onClick: mouseLeave,
45
- id: (0, _formatID["default"])("".concat(link.text, "-mega-menu-title-link")),
45
+ id: (0, _formatID["default"])("".concat(link === null || link === void 0 ? void 0 : link.text, "-mega-menu-title-link")),
46
46
  Link: Link,
47
47
  tabIndex: mouse ? "" : "0",
48
- className: "ter-mega-menu__left-title ter-mega-menu__left-title".concat(link.imageUrl ? "--image" : "--link", " ").concat(link.imageUrl ? "ter-mega-menu__left-title--image-content" : "", " ").concat(mouse ? "" : "tabFocus"),
48
+ className: "ter-mega-menu__left-title ter-mega-menu__left-title".concat(link !== null && link !== void 0 && link.imageUrl ? "--image" : "--link", " ").concat(link !== null && link !== void 0 && link.imageUrl ? "ter-mega-menu__left-title--image-content" : "", " ").concat(mouse ? "" : "tabFocus"),
49
49
  target: typeof (link === null || link === void 0 ? void 0 : link.external) === 'boolean' ? link !== null && link !== void 0 && link.external ? "_blank" : "_self" : null,
50
50
  depth: 3
51
- }, link.imageUrl && /*#__PURE__*/_react["default"].createElement("img", {
52
- src: link.imageUrl,
53
- alt: link.altText ? link.altText : "",
54
- "aria-label": link.url,
51
+ }, (link === null || link === void 0 ? void 0 : link.imageUrl) && /*#__PURE__*/_react["default"].createElement("img", {
52
+ src: link === null || link === void 0 ? void 0 : link.imageUrl,
53
+ alt: link !== null && link !== void 0 && link.altText ? link.altText : "",
54
+ "aria-label": link === null || link === void 0 ? void 0 : link.url,
55
55
  className: mouse ? "ter-mega-menu__image" : "ter-mega-menu__image tabFocus"
56
56
  }), /*#__PURE__*/_react["default"].createElement("p", {
57
- id: (0, _formatID["default"])("".concat(link.text, "-mega-menu-title-link-text")),
58
- className: "ter-mega-menu__left-title".concat(classTag, " ").concat(open === link.contentfulId ? "ter-mega-menu__left-title".concat(classTag, "--is-hovered") : "")
59
- }, link.imageUrl && !collapsed ? link.description : link.text))));
57
+ id: (0, _formatID["default"])("".concat(link === null || link === void 0 ? void 0 : link.text, "-mega-menu-title-link-text")),
58
+ className: "ter-mega-menu__left-title".concat(classTag, " ").concat(open === (link === null || link === void 0 ? void 0 : link.contentfulId) ? "ter-mega-menu__left-title".concat(classTag, "--is-hovered") : "")
59
+ }, link !== null && link !== void 0 && link.imageUrl && !collapsed ? link === null || link === void 0 ? void 0 : link.description : link === null || link === void 0 ? void 0 : link.text))));
60
60
  };
61
61
  exports.UncollapsedLinks = UncollapsedLinks;
@@ -10,23 +10,23 @@ var _react = _interopRequireWildcard(require("react"));
10
10
  var _formatID = _interopRequireDefault(require("../../../utils/formatID"));
11
11
  var _UncollapsedLinks = require("./UncollapsedLinks");
12
12
  var UncollapsedSubMenu = function UncollapsedSubMenu(props) {
13
- var _content$featuredLink, _category$links, _category$links2;
13
+ var _content$featuredLink, _content$links, _category$links, _category$links2;
14
14
  var menuProps = props.menuProps,
15
15
  index = props.index;
16
16
  var content = menuProps.content,
17
17
  category = menuProps.category;
18
- var isFirst = index === 0 && ((_content$featuredLink = content.featuredLinks) === null || _content$featuredLink === void 0 ? void 0 : _content$featuredLink.length) > 0;
19
- var isLast = index === content.links.length - 1;
20
- return ((_category$links = category.links) === null || _category$links === void 0 ? void 0 : _category$links.length) > 0 && /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
18
+ var isFirst = index === 0 && (content === null || content === void 0 ? void 0 : (_content$featuredLink = content.featuredLinks) === null || _content$featuredLink === void 0 ? void 0 : _content$featuredLink.length) > 0;
19
+ var isLast = index === (content === null || content === void 0 ? void 0 : (_content$links = content.links) === null || _content$links === void 0 ? void 0 : _content$links.length) - 1;
20
+ return (category === null || category === void 0 ? void 0 : (_category$links = category.links) === null || _category$links === void 0 ? void 0 : _category$links.length) > 0 && /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
21
21
  key: category === null || category === void 0 ? void 0 : category.contentfulId
22
22
  }, /*#__PURE__*/_react["default"].createElement("div", {
23
- id: (0, _formatID["default"])("".concat(category.text, "-mega-menu-left-title-text")),
23
+ id: (0, _formatID["default"])("".concat(category === null || category === void 0 ? void 0 : category.text, "-mega-menu-left-title-text")),
24
24
  className: "ter-mega-menu__uncollapsed-title ".concat(isLast ? "ter-mega-menu__uncollapsed-title--last" : "", " ").concat(isFirst ? "ter-mega-menu__uncollapsed-title--first" : "")
25
25
  }, /*#__PURE__*/_react["default"].createElement("p", {
26
26
  className: "ter-mega-menu__category-title"
27
- }, category.text), (_category$links2 = category.links) === null || _category$links2 === void 0 ? void 0 : _category$links2.map(function (link) {
27
+ }, category === null || category === void 0 ? void 0 : category.text), category === null || category === void 0 ? void 0 : (_category$links2 = category.links) === null || _category$links2 === void 0 ? void 0 : _category$links2.map(function (link) {
28
28
  return /*#__PURE__*/_react["default"].createElement(_UncollapsedLinks.UncollapsedLinks, {
29
- key: "uncollapsed-link-".concat(link.text, "-").concat(category.contentfulId),
29
+ key: "uncollapsed-link-".concat(link === null || link === void 0 ? void 0 : link.text, "-").concat(category === null || category === void 0 ? void 0 : category.contentfulId),
30
30
  link: link,
31
31
  menuProps: menuProps
32
32
  });
@@ -1,107 +1,107 @@
1
- @import "../../../global-styles/terra.scss";
2
-
3
- .mini-feat-dropdown {
4
- display: -webkit-box;
5
- display: -ms-flexbox;
6
- display: flex;
7
- padding: 0 calc((100vw - 1200px) / 2) 0;
8
- min-height: 228px;
9
- margin: 0 auto;
10
- background-color: $trimble-blue;
11
- &__text-container {
12
- margin: 16px;
13
- max-width: 800px;
14
- position: relative;
15
- top: 16px;
16
- -ms-flex-item-align: center;
17
- -ms-grid-row-align: center;
18
- align-self: center;
19
- }
20
- &__header {
21
- -webkit-box-align: center;
22
- -ms-flex-align: center;
23
- align-items: center;
24
- -webkit-box-pack: center;
25
- -ms-flex-pack: center;
26
- justify-content: center;
27
- color: $concrete-gray-1;
28
- font-size: $heading-3-size; // TODO REMOVE THIS WHEN POSSIBLE - CONTAINS LINE HEIGHT DECLARATIONS + OTHERS
29
- font-size: $heading-2-size;
30
- margin: 0;
31
- font-weight: bold;
32
- }
33
-
34
- &__text {
35
- color: $concrete-gray-1;
36
- font-size: $subheading-size;
37
- line-height: 32px;
38
- padding-top: 12px;
39
- margin: 0;
40
- }
41
-
42
- &__dropdown-label {
43
- margin-bottom: 0;
44
- @include benton-medium();
45
- font-size: $large-body-font-size;
46
- color: $concrete-gray-1;
47
- }
48
-
49
- &__dropdown-container {
50
- margin: 16px;
51
- position: relative;
52
- top: 8px;
53
- -ms-flex-item-align: center;
54
- -ms-grid-row-align: center;
55
- align-self: center;
56
- -webkit-box-pack: center;
57
- -ms-flex-pack: center;
58
- justify-content: center;
59
- width: 400px;
60
- }
61
- }
62
-
63
- @media screen and (max-width: 1200px) {
64
- .mini-feat-dropdown {
65
- &__text-container {
66
- margin: 32px;
67
- }
68
- &__dropdown-container {
69
- margin: 32px;
70
- }
71
- }
72
- }
73
-
74
- @media screen and (max-width: 775px) {
75
- .mini-feat-dropdown {
76
- display: -ms-grid;
77
- display: grid;
78
- -ms-grid-rows: 1fr 100px;
79
- grid-template-rows: 1fr 100px;
80
-
81
- &__dropdown-container {
82
- padding-bottom: 48px !important;
83
- }
84
- }
85
- }
86
-
87
- @media screen and (max-width: 460px) {
88
- .mini-feat-dropdown {
89
- &__text-container {
90
- width: 325px;
91
- }
92
- &__dropdown-container {
93
- width: 300px;
94
- }
95
- }
96
- }
97
-
98
- @media screen and (max-width: 365px) {
99
- .mini-feat-dropdown {
100
- &__text-container {
101
- width: 255px;
102
- }
103
- &__dropdown-container {
104
- width: 265px;
105
- }
106
- }
107
- }
1
+ @import "../../../global-styles/terra.scss";
2
+
3
+ .mini-feat-dropdown {
4
+ display: -webkit-box;
5
+ display: -ms-flexbox;
6
+ display: flex;
7
+ padding: 0 calc((100vw - 1200px) / 2) 0;
8
+ min-height: 228px;
9
+ margin: 0 auto;
10
+ background-color: $trimble-blue;
11
+ &__text-container {
12
+ margin: 16px;
13
+ max-width: 800px;
14
+ position: relative;
15
+ top: 16px;
16
+ -ms-flex-item-align: center;
17
+ -ms-grid-row-align: center;
18
+ align-self: center;
19
+ }
20
+ &__header {
21
+ -webkit-box-align: center;
22
+ -ms-flex-align: center;
23
+ align-items: center;
24
+ -webkit-box-pack: center;
25
+ -ms-flex-pack: center;
26
+ justify-content: center;
27
+ color: $concrete-gray-1;
28
+ font-size: $heading-3-size; // TODO REMOVE THIS WHEN POSSIBLE - CONTAINS LINE HEIGHT DECLARATIONS + OTHERS
29
+ font-size: $heading-2-size;
30
+ margin: 0;
31
+ font-weight: bold;
32
+ }
33
+
34
+ &__text {
35
+ color: $concrete-gray-1;
36
+ font-size: $subheading-size;
37
+ line-height: 32px;
38
+ padding-top: 12px;
39
+ margin: 0;
40
+ }
41
+
42
+ &__dropdown-label {
43
+ margin-bottom: 0;
44
+ @include benton-medium();
45
+ font-size: $large-body-font-size;
46
+ color: $concrete-gray-1;
47
+ }
48
+
49
+ &__dropdown-container {
50
+ margin: 16px;
51
+ position: relative;
52
+ top: 8px;
53
+ -ms-flex-item-align: center;
54
+ -ms-grid-row-align: center;
55
+ align-self: center;
56
+ -webkit-box-pack: center;
57
+ -ms-flex-pack: center;
58
+ justify-content: center;
59
+ width: 400px;
60
+ }
61
+ }
62
+
63
+ @media screen and (max-width: 1200px) {
64
+ .mini-feat-dropdown {
65
+ &__text-container {
66
+ margin: 32px;
67
+ }
68
+ &__dropdown-container {
69
+ margin: 32px;
70
+ }
71
+ }
72
+ }
73
+
74
+ @media screen and (max-width: 775px) {
75
+ .mini-feat-dropdown {
76
+ display: -ms-grid;
77
+ display: grid;
78
+ -ms-grid-rows: 1fr 100px;
79
+ grid-template-rows: 1fr 100px;
80
+
81
+ &__dropdown-container {
82
+ padding-bottom: 48px !important;
83
+ }
84
+ }
85
+ }
86
+
87
+ @media screen and (max-width: 460px) {
88
+ .mini-feat-dropdown {
89
+ &__text-container {
90
+ width: 325px;
91
+ }
92
+ &__dropdown-container {
93
+ width: 300px;
94
+ }
95
+ }
96
+ }
97
+
98
+ @media screen and (max-width: 365px) {
99
+ .mini-feat-dropdown {
100
+ &__text-container {
101
+ width: 255px;
102
+ }
103
+ &__dropdown-container {
104
+ width: 265px;
105
+ }
106
+ }
107
+ }
@@ -1,38 +1,38 @@
1
- @import "../../../global-styles/terra.scss";
2
-
3
- .mobile-login {
4
- position:relative;
5
- display: flex;
6
- flex-direction: column;
7
-
8
- &__text {
9
- @include benton-medium();
10
- font-size: $body-font-size;
11
- color: #585C65;
12
- margin: 19px 0;
13
- }
14
-
15
- &__user {
16
- @include benton-bold();
17
- }
18
-
19
- .mobile-logout {
20
- &__button{
21
- cursor: pointer;
22
- font-size: $body-font-size;
23
- color: $trimble-blue !important;
24
- @include benton-medium();
25
- text-decoration: none !important;
26
- }
27
- }
28
- &__button {
29
- @media screen and (max-width: $breakpoint-sm) {
30
- padding-top: 21px;
31
- cursor: pointer;
32
- font-size: $body-font-size;
33
- color: $trimble-blue !important;
34
- @include benton-medium();
35
- text-decoration: none !important;
36
- }
37
- }
38
- }
1
+ @import "../../../global-styles/terra.scss";
2
+
3
+ .mobile-login {
4
+ position:relative;
5
+ display: flex;
6
+ flex-direction: column;
7
+
8
+ &__text {
9
+ @include benton-medium();
10
+ font-size: $body-font-size;
11
+ color: #585C65;
12
+ margin: 19px 0;
13
+ }
14
+
15
+ &__user {
16
+ @include benton-bold();
17
+ }
18
+
19
+ .mobile-logout {
20
+ &__button{
21
+ cursor: pointer;
22
+ font-size: $body-font-size;
23
+ color: $trimble-blue !important;
24
+ @include benton-medium();
25
+ text-decoration: none !important;
26
+ }
27
+ }
28
+ &__button {
29
+ @media screen and (max-width: $breakpoint-sm) {
30
+ padding-top: 21px;
31
+ cursor: pointer;
32
+ font-size: $body-font-size;
33
+ color: $trimble-blue !important;
34
+ @include benton-medium();
35
+ text-decoration: none !important;
36
+ }
37
+ }
38
+ }