luna-one 3.1.594 → 3.1.595

package/dist/luna/components/ProseLayout/ProseLayoutDocumentation.mdx

@@ -1,93 +1,93 @@
-#### Prose Layout
-
-###### Props -
-
-- `bannerImage` - object containing the banner image information
-    - `url` - string containing the image url
-    - `alt` - string containing the image alt text
-- `bannerBelowHeader` - boolean that determines if the banner image is placed above or below the header section
-- `header` - string containing the layout header
-- `subheader` - string containing the layout subheader
-- `listPageLink` - string containing the link to the content's list page
-- `date` - string containing the content's publication date
-- `content` - react element that is used as the layout content
-- `resources` - array of objects containing the information for the additional resource files
-    - `description` - string containing the file description
-    - `file` - object containing the file information
-        - `url` - string containing the file url
-        - `contentType` - string containing the file type
-- `sources` - array of strings containing the content's sources
-- `paddingClass` - string containing the padding class name to be inserted into the layout wrapper
-
-###### Example -
-
-```
-const bannerImage = {
-  "url": "https://picsum.photos/1280/410",
-  "alt": "banner image"
-}
-
-const header = "KTH Royal Institute of Technology in Sweden to Establish Trimble Technology Lab for Architecture, Engineering and Construction"
-
-const subheader = "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non"
-
-const listPageLink = "/"
-
-const date= " June 02, 2021"
-
-const Content = () => (
-  <>
-    <p>
-      <strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</strong>&nbsp;Integer eleifend risus ultricies dignissim suscipit. Donec vel lacus non felis volutpat mollis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec tristique, tortor vitae varius vehicula, velit dui faucibus dui, a malesuada metus nulla et ligula. Vestibulum vitae dignissim justo, id volutpat diam. Nunc luctus felis arcu, ac accumsan justo tincidunt eu. Mauris sed augue blandit, lobortis libero et, blandit velit. Aliquam volutpat feugiat metus at facilisis. Sed id turpis neque. Nulla et ultricies justo. Proin sed volutpat leo. Pellentesque habitant morbi tristique sene ctus et netus et malesuada fames ac turpis egestas.&nbsp;
-      <a href="/">Test link</a>.
-    </p>
-
-    <img src="https://picsum.photos/1360/410" alt="content image" />
-
-      <p>
-        In sodales lacus quam, quis ornare sem molestie eget. Aenean sagittis lacinia magna, eget ultricies mi cursus et. Proin dui leo, semper in magna ac, consectetur porttitor diam. Praesent nec nisl auctor, suscipit sem id, ullamcorper nibh. Morbi bibendum arcu ac hendrerit rhoncus. Integer aliquet, tellus mollis ullamcorper consequat, ante massa ullamcorper nisl, vel semper massa quam semper augue. Etiam convallis urna interdum sodales molestie. Phasellus et eros nulla. Aenean mollis nibh quis orci sollicitudin porttitor. Integer aliquam vulputate lectus quis convallis. Nunc nibh elit, lobortis eget ligula id, semper efficitur nibh. Praesent sed nunc non ex vulputate pellentesque. Nunc nec porttitor nulla, nec vehicula enim. Ut porta urna eget nibh luctus, sed tincidunt orci consequat.
-      </p>
-
-      <p>
-        Nunc enim lectus, dapibus vel urna ornare, euismod maximus leo. Suspendisse rhoncus, mauris et posuere eleifend, nunc ligula suscipit augue, quis fermentum erat diam at est. Nam blandit sapien id arcu ultrices sagittis. Maecenas varius gravida enim, ac tempus tellus faucibus et. Fusce pharetra purus at laoreet porttitor. Nunc in mollis lectus, vel fermentum turpis. Proin ac odio pellentesque, varius leo ac, tincidunt tellus. In ut orci sollicitudin, lobortis nibh in, congue lectus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
-      </p>
-    </>
-  )
-
-const resources = [
-  {
-    "description": "Test Doc",
-    "file": {
-      "url": "//assets.ctfassets.net/citn2sn5tdjr/6rs2wakXBpA3upPDU99eMX/81eecd33ceae9d86b3b4b06277dc9b9f/original.doc",
-      "contentType": "application/CDFV2"
-    }
-  },
-  {
-    "description": "Test PDF",
-    "file": {
-      "url": "//assets.ctfassets.net/citn2sn5tdjr/6OM4L0ZwSIPIDSSzU6nYut/2396e31452b98bbdecb9ab797a9fe2a5/SamplePDF.pdf",
-      "contentType": "application/pdf"
-    }
-  }
-]
-
-const sources = [
-  "source 1",
-  "source 2",
-  "source 3"
-]
-
-return (
-  <ProseLayout
-    bannerImage={bannerImage}
-    header={header}
-    subheader={subheader}
-    listPageLink={listPageLink}
-    date={date}
-    content={<Content />}
-    resources={resources}
-    sources={sources}
-    paddingClass="test-padding-class"
-  />
-);
-```
+#### Prose Layout
+
+###### Props -
+
+- `bannerImage` - object containing the banner image information
+    - `url` - string containing the image url
+    - `alt` - string containing the image alt text
+- `bannerBelowHeader` - boolean that determines if the banner image is placed above or below the header section
+- `header` - string containing the layout header
+- `subheader` - string containing the layout subheader
+- `listPageLink` - string containing the link to the content's list page
+- `date` - string containing the content's publication date
+- `content` - react element that is used as the layout content
+- `resources` - array of objects containing the information for the additional resource files
+    - `description` - string containing the file description
+    - `file` - object containing the file information
+        - `url` - string containing the file url
+        - `contentType` - string containing the file type
+- `sources` - array of strings containing the content's sources
+- `paddingClass` - string containing the padding class name to be inserted into the layout wrapper
+
+###### Example -
+
+```
+const bannerImage = {
+  "url": "https://picsum.photos/1280/410",
+  "alt": "banner image"
+}
+
+const header = "KTH Royal Institute of Technology in Sweden to Establish Trimble Technology Lab for Architecture, Engineering and Construction"
+
+const subheader = "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non"
+
+const listPageLink = "/"
+
+const date= " June 02, 2021"
+
+const Content = () => (
+  <>
+    <p>
+      <strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</strong>&nbsp;Integer eleifend risus ultricies dignissim suscipit. Donec vel lacus non felis volutpat mollis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec tristique, tortor vitae varius vehicula, velit dui faucibus dui, a malesuada metus nulla et ligula. Vestibulum vitae dignissim justo, id volutpat diam. Nunc luctus felis arcu, ac accumsan justo tincidunt eu. Mauris sed augue blandit, lobortis libero et, blandit velit. Aliquam volutpat feugiat metus at facilisis. Sed id turpis neque. Nulla et ultricies justo. Proin sed volutpat leo. Pellentesque habitant morbi tristique sene ctus et netus et malesuada fames ac turpis egestas.&nbsp;
+      <a href="/">Test link</a>.
+    </p>
+
+    <img src="https://picsum.photos/1360/410" alt="content image" />
+
+      <p>
+        In sodales lacus quam, quis ornare sem molestie eget. Aenean sagittis lacinia magna, eget ultricies mi cursus et. Proin dui leo, semper in magna ac, consectetur porttitor diam. Praesent nec nisl auctor, suscipit sem id, ullamcorper nibh. Morbi bibendum arcu ac hendrerit rhoncus. Integer aliquet, tellus mollis ullamcorper consequat, ante massa ullamcorper nisl, vel semper massa quam semper augue. Etiam convallis urna interdum sodales molestie. Phasellus et eros nulla. Aenean mollis nibh quis orci sollicitudin porttitor. Integer aliquam vulputate lectus quis convallis. Nunc nibh elit, lobortis eget ligula id, semper efficitur nibh. Praesent sed nunc non ex vulputate pellentesque. Nunc nec porttitor nulla, nec vehicula enim. Ut porta urna eget nibh luctus, sed tincidunt orci consequat.
+      </p>
+
+      <p>
+        Nunc enim lectus, dapibus vel urna ornare, euismod maximus leo. Suspendisse rhoncus, mauris et posuere eleifend, nunc ligula suscipit augue, quis fermentum erat diam at est. Nam blandit sapien id arcu ultrices sagittis. Maecenas varius gravida enim, ac tempus tellus faucibus et. Fusce pharetra purus at laoreet porttitor. Nunc in mollis lectus, vel fermentum turpis. Proin ac odio pellentesque, varius leo ac, tincidunt tellus. In ut orci sollicitudin, lobortis nibh in, congue lectus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
+      </p>
+    </>
+  )
+
+const resources = [
+  {
+    "description": "Test Doc",
+    "file": {
+      "url": "//assets.ctfassets.net/citn2sn5tdjr/6rs2wakXBpA3upPDU99eMX/81eecd33ceae9d86b3b4b06277dc9b9f/original.doc",
+      "contentType": "application/CDFV2"
+    }
+  },
+  {
+    "description": "Test PDF",
+    "file": {
+      "url": "//assets.ctfassets.net/citn2sn5tdjr/6OM4L0ZwSIPIDSSzU6nYut/2396e31452b98bbdecb9ab797a9fe2a5/SamplePDF.pdf",
+      "contentType": "application/pdf"
+    }
+  }
+]
+
+const sources = [
+  "source 1",
+  "source 2",
+  "source 3"
+]
+
+return (
+  <ProseLayout
+    bannerImage={bannerImage}
+    header={header}
+    subheader={subheader}
+    listPageLink={listPageLink}
+    date={date}
+    content={<Content />}
+    resources={resources}
+    sources={sources}
+    paddingClass="test-padding-class"
+  />
+);
+```