@mjhls/mjh-framework 1.0.89 → 1.0.91

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.89
+# mjh-framework v. 1.0.91
 
 
 > Foundation Framework

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import React__default, { Component, useState, useEffect, useRef, createElement, createContext } from 'react';
+import React__default, { Component, useState, useEffect, useRef, createContext, createElement } from 'react';
 import PropTypes from 'prop-types';
 import reactDom from 'react-dom';
 import Container from 'react-bootstrap/Container';
@@ -8,7 +8,7 @@ import Card from 'react-bootstrap/Card';
 import Link from 'next/link';
 import { withRouter, useRouter } from 'next/router';
 import Media from 'react-bootstrap/Media';
-import { Media as Media$1, Card as Card$1, Container as Container$1, Figure, Carousel, Table } from 'react-bootstrap';
+import { Media as Media$1, Container as Container$1, Figure, Carousel, Table } from 'react-bootstrap';
 import moment from 'moment';
 import ListGroup from 'react-bootstrap/ListGroup';
 import Head from 'next/head';
@@ -6273,6 +6273,7 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index$$1, length
 };
 
 var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage) {
+
   return React__default.createElement(
     'div',
     null,
@@ -6287,13 +6288,22 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
             isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage);
           } },
         React__default.createElement(
-          Card$1,
-          { key: article._id ? article._id : index$$1 },
+          React__default.Fragment,
+          null,
           React__default.createElement(
-            Card$1.Body,
-            null,
+            Media$1,
+            { key: article._id ? article._id : index$$1, style: { marginBottom: '1.25rem', paddingBottom: '1.25rem', borderBottom: '1px solid #ddd' } },
             React__default.createElement(
-              Media$1,
+              Link,
+              { href: mapping[contentCategoryName] + '/[url]', as: mapping[contentCategoryName] + '/' + article.url.current },
+              React__default.createElement(
+                'a',
+                null,
+                React__default.createElement('img', { width: 200, height: 130, className: 'mr-3', src: urlFor(builder, article.thumbnail.asset).url(), style: { objectFit: 'cover' }, alt: article.title })
+              )
+            ),
+            React__default.createElement(
+              Media$1.Body,
               null,
               React__default.createElement(
                 Link,
@@ -6301,43 +6311,30 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                 React__default.createElement(
                   'a',
                   null,
-                  React__default.createElement('img', { width: 200, height: 130, className: 'mr-3', src: urlFor(builder, article.thumbnail.asset).url(), style: { objectFit: 'cover' } })
+                  article.title && React__default.createElement(
+                    'h4',
+                    { className: 'card-title', style: { fontWeight: '500', color: 'var(--gray-dark)', marginBottom: '.5rem' } },
+                    article.title
+                  )
                 )
               ),
-              React__default.createElement(
-                Media$1.Body,
-                null,
-                React__default.createElement(
-                  Link,
-                  { href: mapping[contentCategoryName] + '/[url]', as: mapping[contentCategoryName] + '/' + article.url.current },
-                  React__default.createElement(
-                    'a',
-                    null,
-                    article.title && React__default.createElement(
-                      'h5',
-                      { className: 'card-title' },
-                      article.title
-                    )
-                  )
-                ),
-                article.published && React__default.createElement(
-                  'h6',
-                  { className: 'card-text' },
-                  moment(article.published).format('MMMM DD, YYYY')
-                ),
-                article.authorDetails && article.authorDetails.length > 0 && article.authorDetails.map(function (authorDetail, index$$1) {
-                  return React__default.createElement(
-                    'div',
-                    { className: 'card-text d-inline', key: index$$1 },
-                    renderAuthor(authorDetail.displayName, authorDetail.url, index$$1, article.authorDetails.length)
-                  );
-                })
+              article.published && React__default.createElement(
+                'p',
+                { className: 'card-text', style: { color: 'var(--gray)', marginBottom: '.25rem' } },
+                moment(article.published).format('MMMM DD, YYYY')
+              ),
+              article.authorDetails && article.authorDetails.length > 0 && article.authorDetails.map(function (authorDetail, index$$1) {
+                return React__default.createElement(
+                  'div',
+                  { className: 'card-text d-inline', key: index$$1 },
+                  renderAuthor(authorDetail.displayName, authorDetail.url, index$$1, article.authorDetails.length)
+                );
+              }),
+              article.summary && React__default.createElement(
+                'p',
+                { className: 'pt-2 card-text' },
+                article.summary
               )
-            ),
-            article.summary && React__default.createElement(
-              'p',
-              { className: 'pt-2 card-text' },
-              article.summary
             )
           )
         )
@@ -6372,6 +6369,7 @@ var usePrevious = function usePrevious(value) {
 };
 
 var QueueDeckExpanded = function QueueDeckExpanded(props) {
+
   var router = useRouter();
   var initialData = props.dataRecord,
       client = props.client,
@@ -8426,13 +8424,13 @@ var FigureComponent = function FigureComponent(_ref) {
   var imgFloat = alignment.toLowerCase() === 'center' ? 'none' : alignment.toLowerCase();
   var figureMargin = void 0;
   if (imgFloat === 'none') {
-    figureMargin = '0 auto 2rem';
+    figureMargin = '0 auto 1rem';
   }
   if (imgFloat === 'left') {
-    figureMargin = '0 2rem 2rem 0';
+    figureMargin = '0 1rem 1rem 10%';
   }
   if (imgFloat === 'right') {
-    figureMargin = '0 0 2rem 2rem';
+    figureMargin = '0 10% 1rem 1rem';
   }
   return React__default.createElement(
     Figure,
@@ -12042,13 +12040,13 @@ var Sidebar = function Sidebar(_ref) {
       content = _ref.content;
 
   return React__default.createElement(
-    Card$1,
-    { className: 'sidebar' },
+    'article',
+    { className: 'sidebar', style: { background: '#eee', marginRight: '10%', marginLeft: '1rem', width: '40%', padding: '1rem 0 0' } },
     React__default.createElement(
-      Card$1.Body,
+      'div',
       null,
       React__default.createElement(
-        Card$1.Title,
+        'h3',
         null,
         caption
       ),