luna-one 3.1.596 → 3.1.598

package/dist/luna/components/Footer/FooterDocumentation.mdx

@@ -1,133 +1,133 @@
-#### Footer
-
-###### Notes -
-
-This component consists of both the `SectorFooter` and `GlobalFooter` components. All props are listed below.
-
-###### Props -
-
-- `logo` - object consisting of a `url` and `altText` strings. Optional `img` and `GatsbyImage` props for use of Gatsby-Image component.
-- `globalFooterText` - string of text displayed in the `GlobalFooter` (bottom of footer)
-- `calloutLinks` - array of objects, each with a `title`, `subtitle`, `url` and optional `icon`
-- `sectorFooterLinks` - array of objects for sector footer menus. Design + styling supports between 1 and 4 menus. Each menu object contains a `title` and multiple `menuLinks`. Each `menuLink` contains a `url` and `text`.
-- `socialTitle` - string for the social links menu title
-- `socialLinks` - array of objects consiting of an `icon` object (`url` and `altText` strings) and a link object (`url` string)
-- `legalStuff` - array of objects consisting of `url` and `text` strings for generating the links that appear in the `GlobalFooter`. The `url` string is optional, as the component will simply render a `<p>` tag instead.
-
-###### Example -
-
-```
-const logo = {
-    url: Logo,
-    altText: "fpo"
-  };
-
-  const globalFooterText =
-    "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.";
-
-  const calloutLinks = [
-    {
-      title: "Chat with Us",
-      subTitle: "Available Mon-Fri, 9-5",
-      url: "https://www.trimble.com"
-    },
-    {
-      title: "Contact Us",
-      subTitle: "We'll respond as soon as we can",
-      url: "https://www.trimble.com"
-    },
-    {
-      title: "Tech Support",
-      subTitle: "Visit our Support Center",
-      url: "https://www.trimble.com"
-    }
-  ];
-
-  const socialTitle = "Connect with us";
-
-  const socialLinks = [
-    {
-      icon: {
-        url: Facebook,
-        altText: "fpo",
-      },
-      link: {
-        url: "/#",
-      },
-    },
-    {
-      icon: {
-        url: Twitter,
-        altText: "fpo",
-      },
-      link: {
-        url: "/#",
-      },
-    }
-  ]
-
-  const legalStuff = [
-    {
-      url: "https://www.trimble.com/terms",
-      text: "Terms of Use",
-    },
-    {
-      url: "/#",
-      text: "Privacy Statement",
-    },
-    {
-      text: "Trademark Information",
-      url: "https://www.trimble.com/"
-    },
-    {
-      text: "Do Not Sell My Personal Information",
-      url: "https://www.trimble.com/"
-    },
-    {
-      text: "Text Link Lorem Ipsum",
-      url: "https://www.trimble.com/"
-    },
-    {
-      text: "Text Link Lorem Ipsum dolor",
-      url: "https://www.trimble.com/"
-    },
-  ];
-
-  const linksTwo = [
-  {
-    title: "About Trimble",
-    menuLinks: [
-      { url: "#", text: "Trimble at a Glance" },
-      { url: "#", text: "Leadership" },
-      { url: "#", text: "History" },
-      { url: "#", text: "Trimble Companies" },
-      { url: "#", text: "Events" },
-      { url: "#", text: "Trimble News" },
-    ]
-  },
-  {
-    title: "Investors",
-    menuLinks: [
-      { url: "#", text: "Investor Relations" },
-      { url: "#", text: "Financial Releases" },
-      { url: "#", text: "Annual Reports" },
-      { url: "#", text: "Lorem Ipsum Dolor Sit Amet Lorem" },
-      { url: "#", text: "Solution 5" },
-      { url: "#", text: "Solution 6" },
-    ]
-  }
-];
-
-
-  return (
-    <Footer
-      globalFooterText={globalFooterText}
-      calloutLinks={calloutLinks}
-      sectorFooterLinks={linksFour}
-      logo={logo}
-      socialTitle={socialTitle}
-      socialLinks={socialLinks}
-      legalStuff={legalStuff}
-    />
-  );
-```
+#### Footer
+
+###### Notes -
+
+This component consists of both the `SectorFooter` and `GlobalFooter` components. All props are listed below.
+
+###### Props -
+
+- `logo` - object consisting of a `url` and `altText` strings. Optional `img` and `GatsbyImage` props for use of Gatsby-Image component.
+- `globalFooterText` - string of text displayed in the `GlobalFooter` (bottom of footer)
+- `calloutLinks` - array of objects, each with a `title`, `subtitle`, `url` and optional `icon`
+- `sectorFooterLinks` - array of objects for sector footer menus. Design + styling supports between 1 and 4 menus. Each menu object contains a `title` and multiple `menuLinks`. Each `menuLink` contains a `url` and `text`.
+- `socialTitle` - string for the social links menu title
+- `socialLinks` - array of objects consiting of an `icon` object (`url` and `altText` strings) and a link object (`url` string)
+- `legalStuff` - array of objects consisting of `url` and `text` strings for generating the links that appear in the `GlobalFooter`. The `url` string is optional, as the component will simply render a `<p>` tag instead.
+
+###### Example -
+
+```
+const logo = {
+    url: Logo,
+    altText: "fpo"
+  };
+
+  const globalFooterText =
+    "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.";
+
+  const calloutLinks = [
+    {
+      title: "Chat with Us",
+      subTitle: "Available Mon-Fri, 9-5",
+      url: "https://www.trimble.com"
+    },
+    {
+      title: "Contact Us",
+      subTitle: "We'll respond as soon as we can",
+      url: "https://www.trimble.com"
+    },
+    {
+      title: "Tech Support",
+      subTitle: "Visit our Support Center",
+      url: "https://www.trimble.com"
+    }
+  ];
+
+  const socialTitle = "Connect with us";
+
+  const socialLinks = [
+    {
+      icon: {
+        url: Facebook,
+        altText: "fpo",
+      },
+      link: {
+        url: "/#",
+      },
+    },
+    {
+      icon: {
+        url: Twitter,
+        altText: "fpo",
+      },
+      link: {
+        url: "/#",
+      },
+    }
+  ]
+
+  const legalStuff = [
+    {
+      url: "https://www.trimble.com/terms",
+      text: "Terms of Use",
+    },
+    {
+      url: "/#",
+      text: "Privacy Statement",
+    },
+    {
+      text: "Trademark Information",
+      url: "https://www.trimble.com/"
+    },
+    {
+      text: "Do Not Sell My Personal Information",
+      url: "https://www.trimble.com/"
+    },
+    {
+      text: "Text Link Lorem Ipsum",
+      url: "https://www.trimble.com/"
+    },
+    {
+      text: "Text Link Lorem Ipsum dolor",
+      url: "https://www.trimble.com/"
+    },
+  ];
+
+  const linksTwo = [
+  {
+    title: "About Trimble",
+    menuLinks: [
+      { url: "#", text: "Trimble at a Glance" },
+      { url: "#", text: "Leadership" },
+      { url: "#", text: "History" },
+      { url: "#", text: "Trimble Companies" },
+      { url: "#", text: "Events" },
+      { url: "#", text: "Trimble News" },
+    ]
+  },
+  {
+    title: "Investors",
+    menuLinks: [
+      { url: "#", text: "Investor Relations" },
+      { url: "#", text: "Financial Releases" },
+      { url: "#", text: "Annual Reports" },
+      { url: "#", text: "Lorem Ipsum Dolor Sit Amet Lorem" },
+      { url: "#", text: "Solution 5" },
+      { url: "#", text: "Solution 6" },
+    ]
+  }
+];
+
+
+  return (
+    <Footer
+      globalFooterText={globalFooterText}
+      calloutLinks={calloutLinks}
+      sectorFooterLinks={linksFour}
+      logo={logo}
+      socialTitle={socialTitle}
+      socialLinks={socialLinks}
+      legalStuff={legalStuff}
+    />
+  );
+```