luna-one 3.1.594 → 3.1.596
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/README.md +2315 -2315
- package/dist/global-styles/content/typography.scss +140 -140
- package/dist/global-styles/fonts/benton.scss +113 -113
- package/dist/global-styles/global-terra.scss +10 -10
- package/dist/global-styles/global-vars.scss +599 -599
- package/dist/global-styles/layout/_css-grid.scss +20 -20
- package/dist/global-styles/layout/_media-queries.scss +35 -35
- package/dist/global-styles/layout/_normalize.scss +340 -340
- package/dist/global-styles/layout/_reset.scss +13 -13
- package/dist/global-styles/mixins/_box-shadow.scss +6 -6
- package/dist/global-styles/mixins/_mixins.scss +5 -5
- package/dist/global-styles/mixins/_organism-padding-hack.scss +7 -7
- package/dist/global-styles/mixins/_typography.scss +102 -102
- package/dist/global-styles/mixins/_yiq.scss +50 -50
- package/dist/global-styles/mixins/_z-index.scss +3 -3
- package/dist/global-styles/terra.scss +15 -15
- package/dist/global-styles/utilities/_box-shadow.scss +8 -8
- package/dist/global-styles/utilities/_display.scss +48 -48
- package/dist/global-styles/utilities/_font-family.scss +15 -15
- package/dist/global-styles/utilities/_parallax.scss +23 -23
- package/dist/global-styles/utilities/_text-align.scss +24 -24
- package/dist/luna/components/2x2/2x2.scss +915 -915
- package/dist/luna/components/2x2/2x2Documentation.mdx +77 -77
- package/dist/luna/components/Accordion/Accordion.scss +154 -154
- package/dist/luna/components/Accordion/AccordionDocumentation.mdx +45 -45
- package/dist/luna/components/AdminCategoryData/AdminCategoryData.scss +81 -81
- package/dist/luna/components/AdminCategoryData/CategoryTranslationData.js +4 -4
- package/dist/luna/components/AdminProductData/AdminProductData.js +4 -4
- package/dist/luna/components/AdminProductData/AdminProductData.scss +75 -75
- package/dist/luna/components/BlockListItems/BlockListItems.scss +285 -285
- package/dist/luna/components/BlockListItems/BlockListItemsDocumentation.mdx +339 -339
- package/dist/luna/components/BrowserSupportBanner/BrowserSupportBanner.scss +6 -6
- package/dist/luna/components/CTAButtons/CTAButtons.scss +19 -19
- package/dist/luna/components/CTAButtons/CTAButtonsDocumentation.mdx +33 -33
- package/dist/luna/components/Carousel/Carousel.scss +155 -155
- package/dist/luna/components/Carousel/CarouselDocumentation.mdx +161 -161
- package/dist/luna/components/ComparisonTable/ComparisonTable.scss +331 -331
- package/dist/luna/components/ComparisonTable/ComparisonTableDocumentation.mdx +159 -159
- package/dist/luna/components/CtaWithHeader/CTAHeaderTextDocumentation.mdx +45 -45
- package/dist/luna/components/CtaWithHeader/CtaWithHeader.scss +324 -324
- package/dist/luna/components/DataPoint/DataPoint.scss +170 -170
- package/dist/luna/components/DataPoint/DataPointDocumentation.mdx +40 -40
- package/dist/luna/components/EventCard/EventCard.js +3 -3
- package/dist/luna/components/EventCard/EventCard.scss +134 -134
- package/dist/luna/components/EventCard/EventCardDocumentation.mdx +46 -46
- package/dist/luna/components/FilterHero/FilterHero.scss +80 -80
- package/dist/luna/components/FilterSection/FilterSection.scss +175 -175
- package/dist/luna/components/Flyout/Flyout.js +4 -5
- package/dist/luna/components/Flyout/Flyout.scss +367 -367
- package/dist/luna/components/Flyout/FlyoutDocumentation.mdx +60 -60
- package/dist/luna/components/Footer/Footer.scss +484 -484
- package/dist/luna/components/Footer/FooterDocumentation.mdx +133 -133
- package/dist/luna/components/FullBackgroundHero/FullBackgroundHero.scss +722 -722
- package/dist/luna/components/FullBackgroundHero/FullBackgroundHeroDocumentation.mdx +93 -93
- package/dist/luna/components/HTMLEmbed/HTMLEmbed.scss +51 -51
- package/dist/luna/components/HTMLEmbed/HTMLEmbedDocumentation.mdx +31 -31
- package/dist/luna/components/Header/Header.scss +36 -36
- package/dist/luna/components/Header/HeaderDocumentation.mdx +24 -24
- package/dist/luna/components/IconTextList/IconTextList.scss +124 -124
- package/dist/luna/components/IconTextList/IconTextListDocumentation.mdx +45 -45
- package/dist/luna/components/ImageGallery/ImageGallery.scss +442 -442
- package/dist/luna/components/ImageGallery/ImageGalleryDocumentation.mdx +90 -90
- package/dist/luna/components/InPageJumpNav/InPageJumpNav.scss +122 -122
- package/dist/luna/components/InPageJumpNav/InPageJumpNavDocumentation.mdx +22 -22
- package/dist/luna/components/JobPosting/JobPosting.scss +171 -171
- package/dist/luna/components/JobPosting/JobPostingDocumentation.mdx +69 -69
- package/dist/luna/components/LanguageSelector/LanguageSelector.js +2 -3
- package/dist/luna/components/LanguageSelector/LanguageSelector.scss +318 -318
- package/dist/luna/components/LanguageSelector/LanguageSelectorDocumentation.mdx +119 -119
- package/dist/luna/components/LinkList/LinkList.scss +59 -59
- package/dist/luna/components/LinkList/LinkListDocumentation.mdx +54 -54
- package/dist/luna/components/LoadingSpinner/LoadingSpinner.scss +34 -34
- package/dist/luna/components/Login/Login.js +3 -4
- package/dist/luna/components/Login/Login.scss +180 -180
- package/dist/luna/components/MarketoForm/MarketoForm.scss +56 -56
- package/dist/luna/components/MarketoForm/MarketoFormDocumentation.mdx +1 -1
- package/dist/luna/components/MegaMenu/MegaMenu.js +5 -6
- package/dist/luna/components/MegaMenu/MegaMenu.scss +570 -570
- package/dist/luna/components/MegaMenu/menu-generators/PartialSubMenu.js +3 -4
- package/dist/luna/components/MegaMenu/menu-generators/SubMenu.js +15 -13
- package/dist/luna/components/MegaMenu/menu-generators/TertiaryMenu.js +12 -10
- package/dist/luna/components/MegaMenu/menu-generators/UncollapsedLinks.js +3 -4
- package/dist/luna/components/MobileLogin/MobileLogin.js +3 -4
- package/dist/luna/components/MobileLogin/MobileLogin.scss +38 -38
- package/dist/luna/components/MobileMegaMenu/MobileMegaMenu.js +6 -6
- package/dist/luna/components/MobileMegaMenu/MobileMegaMenu.scss +289 -289
- package/dist/luna/components/MobileMegaMenu/MobileMegaMenuCategory.js +9 -9
- package/dist/luna/components/MobileMegaMenu/MobileMegaMenuPartialCategory.js +3 -3
- package/dist/luna/components/MobileMegaMenu/MobileMegaMenuSubCategory.js +8 -9
- package/dist/luna/components/MobileMenu/MobileMenu.scss +70 -70
- package/dist/luna/components/MobileNav/MobileNav.js +1 -2
- package/dist/luna/components/MobileNav/MobileNav.scss +286 -286
- package/dist/luna/components/NavBar/NavBar.scss +628 -628
- package/dist/luna/components/NavBar/NavMiniMenu.js +3 -4
- package/dist/luna/components/NavBar/NavigationBarDocumentation.mdx +245 -245
- package/dist/luna/components/NavBar/UtilityNav.js +5 -5
- package/dist/luna/components/NavBarTop/NavBarTop.js +7 -8
- package/dist/luna/components/NavBarTop/NavBarTop.scss +403 -403
- package/dist/luna/components/NavSearch/NavSearch.scss +130 -130
- package/dist/luna/components/NonTimeBasedListEntries/NonTimeBasedListEntries.scss +339 -339
- package/dist/luna/components/NonTimeBasedListEntries/NonTimeBasedListEntriesDocumentation.mdx +89 -89
- package/dist/luna/components/OverlayNotice/OverlayNotice.scss +247 -247
- package/dist/luna/components/OverlayNotice/OverlayNoticeDocumentation.mdx +45 -45
- package/dist/luna/components/Pagination/Pagination.scss +27 -27
- package/dist/luna/components/ProductSummary/ProductSummary.scss +273 -273
- package/dist/luna/components/ProductsPackage/ProductsPackage.scss +194 -194
- package/dist/luna/components/ProseLayout/ProseLayout.scss +384 -384
- package/dist/luna/components/ProseLayout/ProseLayoutDocumentation.mdx +93 -93
- package/dist/luna/components/PullQuote/PullQuote.scss +400 -400
- package/dist/luna/components/PullQuote/PullQuoteDocumentation.mdx +60 -60
- package/dist/luna/components/PullQuote/ico-quote-white.svg +3 -3
- package/dist/luna/components/PullQuote/ico-quote.svg +3 -3
- package/dist/luna/components/RegionCard/RegionCard.js +4 -4
- package/dist/luna/components/RegionCard/RegionCard.scss +86 -86
- package/dist/luna/components/ResourceGrid/ResourceGrid.scss +34 -34
- package/dist/luna/components/ResourceGrid/ResourceGridDocumentation.mdx +102 -102
- package/dist/luna/components/ScrollInPlace/ScrollInPlace.scss +219 -219
- package/dist/luna/components/ScrollInPlace/ScrollInPlaceDocumentation.mdx +123 -123
- package/dist/luna/components/SketchUpPricingCard/SketchUpPricingCard.scss +142 -142
- package/dist/luna/components/SlideOutFeat/SlideOutFeat.scss +124 -124
- package/dist/luna/components/StoreFrontCard/StoreFrontCard.js +1 -2
- package/dist/luna/components/StoreFrontCard/StoreFrontCard.scss +434 -434
- package/dist/luna/components/SubNav/SubNav.js +4 -5
- package/dist/luna/components/SubNav/SubNav.scss +274 -274
- package/dist/luna/components/SuperHero/SuperHero.scss +804 -804
- package/dist/luna/components/SuperHero/SuperHeroDocumentation.mdx +57 -57
- package/dist/luna/components/SupportCard/SupportCard.scss +134 -134
- package/dist/luna/components/Tabs/Tabs.js +1 -2
- package/dist/luna/components/Tabs/Tabs.scss +871 -871
- package/dist/luna/components/Tabs/TabsDocumentation.mdx +94 -94
- package/dist/luna/components/TimeBasedList/TimeBasedList.scss +394 -394
- package/dist/luna/components/TimeBasedList/TimeBasedListDocumentation.mdx +123 -123
- package/dist/luna/components/TrainerCard/TrainerCard.scss +51 -51
- package/dist/luna/components/TrialForm/TrialComponents/TrialSpecifics.scss +44 -44
- package/dist/luna/components/TrialForm/TrialComponents/TrialSummary.scss +57 -57
- package/dist/luna/components/TrialForm/TrialFormStart/TrialFormStart.scss +28 -28
- package/dist/luna/components/TrialForm/images/check.svg +3 -3
- package/dist/luna/components/TrialForm/images/form-border-bottom-dark.svg +4 -4
- package/dist/luna/components/TrialForm/images/form-border-bottom-light.svg +4 -4
- package/dist/luna/components/TrialForm/images/form-border-top-dark.svg +4 -4
- package/dist/luna/components/TrialForm/images/form-border-top-light.svg +4 -4
- package/dist/luna/components/UnboundedCard/UnboundedCard.scss +108 -108
- package/dist/luna/components/UnboundedCard/playIcon.svg +17 -17
- package/dist/luna/components/VariableContentCard/VariableContentCard.js +4 -4
- package/dist/luna/components/VariableContentCard/VariableContentCard.scss +253 -253
- package/dist/luna/components/Video/Video.scss +209 -209
- package/dist/luna/components/Video/VideoDocumentation.mdx +56 -56
- package/dist/luna/components/VidyardModal/VidyardModal.scss +34 -34
- package/dist/luna/components/WaffleMenu/WaffleMenu.scss +73 -73
- package/dist/luna/images/arrow-diagonal-black.svg +13 -13
- package/dist/luna/images/arrow-diagonal-blue.svg +13 -13
- package/dist/luna/images/arrow-diagonal-white.svg +13 -13
- package/dist/luna/images/bulletpoint.svg +3 -3
- package/dist/luna/images/callout-icon.svg +3 -3
- package/dist/luna/images/carat-down.svg +3 -3
- package/dist/luna/images/carat-up.svg +3 -3
- package/dist/luna/images/check-blue.svg +4 -4
- package/dist/luna/images/circle-arrow-right-black.svg +3 -3
- package/dist/luna/images/circle-arrow-right-white.svg +3 -3
- package/dist/luna/images/circle-arrow.svg +3 -3
- package/dist/luna/images/close-blue.svg +4 -4
- package/dist/luna/images/close-button.svg +42 -42
- package/dist/luna/images/close-dark-navy.svg +3 -3
- package/dist/luna/images/close-icon.svg +3 -3
- package/dist/luna/images/close.svg +3 -3
- package/dist/luna/images/collapse-close-blue.svg +5 -5
- package/dist/luna/images/collapse-close-gold.svg +5 -5
- package/dist/luna/images/collapse-open-blue.svg +4 -4
- package/dist/luna/images/collapse-open-gold.svg +4 -4
- package/dist/luna/images/cross-medium-blue.svg +4 -4
- package/dist/luna/images/cross-medium-white.svg +5 -5
- package/dist/luna/images/down-caret-dark-blue.svg +4 -4
- package/dist/luna/images/down-caret-dark-gray.svg +4 -4
- package/dist/luna/images/down-caret-light-gray.svg +4 -4
- package/dist/luna/images/downArrow.svg +36 -36
- package/dist/luna/images/ellipses.svg +6 -6
- package/dist/luna/images/external-arrow-blue.svg +11 -11
- package/dist/luna/images/external-arrow-white-theme.svg +12 -12
- package/dist/luna/images/external-arrow.svg +12 -12
- package/dist/luna/images/facebook.svg +13 -13
- package/dist/luna/images/form-border-top-light.svg +4 -4
- package/dist/luna/images/frame-intersection.svg +3 -3
- package/dist/luna/images/gallery-image-corner-border.svg +3 -3
- package/dist/luna/images/green-tick.svg +3 -3
- package/dist/luna/images/instagram.svg +19 -19
- package/dist/luna/images/internal-arrow-blue.svg +15 -15
- package/dist/luna/images/internal-arrow-white-theme.svg +15 -15
- package/dist/luna/images/internal-arrow.svg +15 -15
- package/dist/luna/images/linkedin.svg +15 -15
- package/dist/luna/images/logo-icon.svg +17 -17
- package/dist/luna/images/pdf-doc.svg +9 -9
- package/dist/luna/images/play.svg +17 -17
- package/dist/luna/images/right-caret-dark-blue.svg +3 -3
- package/dist/luna/images/right-caret-light-gray.svg +4 -4
- package/dist/luna/images/right-caret-light-yellow-stroke.svg +9 -9
- package/dist/luna/images/right-caret-light-yellow.svg +4 -4
- package/dist/luna/images/right-caret-medium-gray.svg +4 -4
- package/dist/luna/images/search.svg +9 -9
- package/dist/luna/images/skipicon.svg +154 -154
- package/dist/luna/images/text-doc.svg +9 -9
- package/dist/luna/images/text-lines.svg +22 -22
- package/dist/luna/images/tooltip-close-icon.svg +3 -3
- package/dist/luna/images/tooltip-icon.svg +3 -3
- package/dist/luna/images/twitter.svg +17 -17
- package/dist/luna/images/up-arrow.svg +36 -36
- package/dist/luna/images/up-right-arrow.svg +9 -9
- package/dist/luna/images/user-profile.svg +37 -37
- package/dist/luna/images/user.svg +4 -4
- package/dist/luna/images/waffle.svg +11 -11
- package/dist/luna/images/worldwide.svg +19 -19
- package/dist/luna/images/youtube.svg +14 -14
- package/package.json +91 -91
|
@@ -1,60 +1,60 @@
|
|
|
1
|
-
#### Flyout
|
|
2
|
-
|
|
3
|
-
###### Notes -
|
|
4
|
-
|
|
5
|
-
This component is on the header nav bar on the far right side. It is only on the sector Header Nav and will be a drop down for the user to navigate back to the Trimble corporate site, other industries, etc.
|
|
6
|
-
|
|
7
|
-
This component has the next internal sections:
|
|
8
|
-
|
|
9
|
-
- Trimble Logo `<LunaLink />`: A logo as a link. (E.g. Link to homepage)
|
|
10
|
-
- Links, list of `<LunaLink />`: List of different Trimble sites (E.g. Trimble corporate site, other industries, etc.)
|
|
11
|
-
- Search Input - the eyeglass will link to open the same Search Component that is on NavBarTop
|
|
12
|
-
|
|
13
|
-
###### Props -
|
|
14
|
-
|
|
15
|
-
- `logo` **(required)** - object consisting of `url` and `altText` strings (for generating the logo image) in addition to a link object with a `url` string for generating the `href` property.
|
|
16
|
-
- `links` - array of objects, each with a `url` and `text` strings.
|
|
17
|
-
- `searchPlaceholder` - string for generating input search placeholder.
|
|
18
|
-
- `disableSearch` - boolean that determines if the search input is displayed.
|
|
19
|
-
- `close` **(required)** - method used to close the flyout component.
|
|
20
|
-
- `searchSubmit` - method to find Trimble sites
|
|
21
|
-
|
|
22
|
-
###### Example -
|
|
23
|
-
|
|
24
|
-
```
|
|
25
|
-
const searchPlaceholder = "Search All Trimble Sites";
|
|
26
|
-
|
|
27
|
-
const logo = {
|
|
28
|
-
url: Logo,
|
|
29
|
-
altText: "Trimble Logo",
|
|
30
|
-
link: {
|
|
31
|
-
url: "/link",
|
|
32
|
-
},
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
const links = [
|
|
36
|
-
{url: "#", text: "Trimble.com"},
|
|
37
|
-
{url: "#", text: "Our Industries"},
|
|
38
|
-
{url: "#", text: "Another link"},
|
|
39
|
-
];
|
|
40
|
-
|
|
41
|
-
const handleCloseFlyout = () => {
|
|
42
|
-
// handleCloseFlyout implementation here
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
const handleSearchSubmit = () => {
|
|
46
|
-
// handleSearchSubmit implementation here
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
return (
|
|
50
|
-
<Flyout
|
|
51
|
-
logo={logo}
|
|
52
|
-
links={links}
|
|
53
|
-
searchPlaceholder={searchPlaceholder}
|
|
54
|
-
disableSearch={false}
|
|
55
|
-
close={handleCloseFlyout}
|
|
56
|
-
searchSubmit={handleSearchSubmit}
|
|
57
|
-
/>
|
|
58
|
-
)
|
|
59
|
-
|
|
60
|
-
```
|
|
1
|
+
#### Flyout
|
|
2
|
+
|
|
3
|
+
###### Notes -
|
|
4
|
+
|
|
5
|
+
This component is on the header nav bar on the far right side. It is only on the sector Header Nav and will be a drop down for the user to navigate back to the Trimble corporate site, other industries, etc.
|
|
6
|
+
|
|
7
|
+
This component has the next internal sections:
|
|
8
|
+
|
|
9
|
+
- Trimble Logo `<LunaLink />`: A logo as a link. (E.g. Link to homepage)
|
|
10
|
+
- Links, list of `<LunaLink />`: List of different Trimble sites (E.g. Trimble corporate site, other industries, etc.)
|
|
11
|
+
- Search Input - the eyeglass will link to open the same Search Component that is on NavBarTop
|
|
12
|
+
|
|
13
|
+
###### Props -
|
|
14
|
+
|
|
15
|
+
- `logo` **(required)** - object consisting of `url` and `altText` strings (for generating the logo image) in addition to a link object with a `url` string for generating the `href` property.
|
|
16
|
+
- `links` - array of objects, each with a `url` and `text` strings.
|
|
17
|
+
- `searchPlaceholder` - string for generating input search placeholder.
|
|
18
|
+
- `disableSearch` - boolean that determines if the search input is displayed.
|
|
19
|
+
- `close` **(required)** - method used to close the flyout component.
|
|
20
|
+
- `searchSubmit` - method to find Trimble sites
|
|
21
|
+
|
|
22
|
+
###### Example -
|
|
23
|
+
|
|
24
|
+
```
|
|
25
|
+
const searchPlaceholder = "Search All Trimble Sites";
|
|
26
|
+
|
|
27
|
+
const logo = {
|
|
28
|
+
url: Logo,
|
|
29
|
+
altText: "Trimble Logo",
|
|
30
|
+
link: {
|
|
31
|
+
url: "/link",
|
|
32
|
+
},
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
const links = [
|
|
36
|
+
{url: "#", text: "Trimble.com"},
|
|
37
|
+
{url: "#", text: "Our Industries"},
|
|
38
|
+
{url: "#", text: "Another link"},
|
|
39
|
+
];
|
|
40
|
+
|
|
41
|
+
const handleCloseFlyout = () => {
|
|
42
|
+
// handleCloseFlyout implementation here
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
const handleSearchSubmit = () => {
|
|
46
|
+
// handleSearchSubmit implementation here
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
return (
|
|
50
|
+
<Flyout
|
|
51
|
+
logo={logo}
|
|
52
|
+
links={links}
|
|
53
|
+
searchPlaceholder={searchPlaceholder}
|
|
54
|
+
disableSearch={false}
|
|
55
|
+
close={handleCloseFlyout}
|
|
56
|
+
searchSubmit={handleSearchSubmit}
|
|
57
|
+
/>
|
|
58
|
+
)
|
|
59
|
+
|
|
60
|
+
```
|