@civicactions/cmsds-open-data-components 2.0.2 → 2.0.3

package/dist/main.css

@@ -53,9 +53,9 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
 
 .dc-search-header:after {
   content: "";
+  background-color: var(--color-primary-alt-light);
   width: 48px;
   height: 4px;
-  background-color: var(--color-primary-alt-light);
   margin: 16px 0;
   display: block;
 }
@@ -71,8 +71,8 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
 }
 
 .dc-c-datatable {
-  width: 100%;
   border-spacing: 0;
+  width: 100%;
 }
 
 .dc-c-datatable th {
@@ -96,10 +96,10 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
 
 .dc-thead--resizeable .dc-c-resize-handle {
   background-color: var(--color-gray-light);
-  width: 10px;
   cursor: col-resize;
-  min-width: 10px;
   z-index: 1;
+  width: 10px;
+  min-width: 10px;
   margin-left: -10px;
   display: block;
   position: absolute;
@@ -129,8 +129,8 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
 }
 
 .dc-c-sort--default:after, .dc-c-sort--asc:after, .dc-c-sort--desc:after {
-  height: 18px;
   width: 18px;
+  height: 18px;
   padding-left: 8px;
   font-family: "Font Awesome 5 Pro";
   line-height: 18px;
@@ -168,17 +168,17 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
 
 .dc-resource-header:before {
   content: "";
+  background-color: var(--color-primary-alt-light);
   width: 48px;
   height: 4px;
-  background-color: var(--color-primary-alt-light);
   margin: 8px 0;
   display: block;
 }
 
 .dc-truncate {
-  max-width: 85%;
   text-overflow: ellipsis;
   white-space: nowrap;
+  max-width: 85%;
   overflow: hidden;
 }
 
@@ -201,10 +201,10 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
 .dc-c-mobile-menu--open:before {
   content: "";
   color: var(--color-white);
-  height: 18px;
-  width: 18px;
   text-align: center;
   vertical-align: middle;
+  width: 18px;
+  height: 18px;
   margin-left: 10px;
   padding-right: 10px;
   font-family: "Font Awesome 5 Pro";
@@ -224,10 +224,10 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
 .dc-c-mobile-menu--close:before {
   content: "";
   color: var(--color-white);
-  height: 18px;
-  width: 18px;
   text-align: center;
   vertical-align: middle;
+  width: 18px;
+  height: 18px;
   padding-right: 10px;
   font-family: "Font Awesome 5 Pro";
   font-size: 18px;
@@ -239,9 +239,9 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
 .dc-c-mobile-header--menu {
   background-color: var(--color-gray-dark);
   z-index: 500;
-  height: 100%;
-  width: 100%;
   visibility: hidden;
+  width: 100%;
+  height: 100%;
   padding: 50px 0;
   transition: left .7s;
   position: fixed;
@@ -251,8 +251,8 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
 }
 
 .dc-c-mobile-header .dc-c-site-menu--sub-menu {
-  width: auto;
   background: none;
+  width: auto;
   position: relative;
   top: -24px;
   left: auto;
@@ -268,10 +268,10 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
 }
 
 .dc-c-cms-mobile-header-menu:before {
-  width: 48px;
-  height: 2px;
   background: var(--color-primary-alt-light);
   content: "";
+  width: 48px;
+  height: 2px;
   margin-bottom: 16px;
   margin-left: 8px;
   display: block;
@@ -298,10 +298,10 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
 .has-submenu > button:after {
   content: "";
   color: var(--color-white);
-  height: 18px;
-  width: 18px;
   text-align: center;
   vertical-align: middle;
+  width: 18px;
+  height: 18px;
   margin-left: 10px;
   padding-right: 10px;
   font-family: "Font Awesome 5 Pro";
@@ -354,10 +354,10 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
 .cms-link-container a:before {
   content: "";
   color: #323a45;
-  height: 18px;
-  width: 18px;
   text-align: center;
   vertical-align: middle;
+  width: 18px;
+  height: 18px;
   margin-left: 10px;
   padding-right: 10px;
   font-family: "Font Awesome 5 Pro";
@@ -368,9 +368,9 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
 }
 
 .cms-link-container img {
-  height: auto;
-  width: 90px;
   vertical-align: middle;
+  width: 90px;
+  height: auto;
   display: inline-block;
 }
 
@@ -401,18 +401,18 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
   border-bottom: 2px solid #323a45;
 }
 
-@media (min-width: 544px) {
+@media (width >= 544px) {
   .dc-c-main-navigation--search, .dc-c-mobile-menu--search {
     border-left: 1px solid var(--color-white);
   }
 }
 
-@media (min-width: 1024px) {
+@media (width >= 1024px) {
   .cms-link-container {
-    height: 85px;
-    width: 240px;
     float: left;
     border-right: 1px solid #d6d7d9;
+    width: 240px;
+    height: 85px;
   }
 
   .cms-link-container a {
@@ -421,10 +421,10 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
   }
 
   .cms-link-container img {
-    height: auto;
-    width: auto;
     vertical-align: middle;
+    width: auto;
     max-width: 80%;
+    height: auto;
     display: inline-block;
   }
 
@@ -524,10 +524,10 @@ li.has-submenu {
 .dc-c-search-modal--button:before {
   content: "";
   color: var(--color-white);
-  height: 18px;
-  width: 18px;
   text-align: center;
   vertical-align: middle;
+  width: 18px;
+  height: 18px;
   margin-left: 10px;
   padding-right: 10px;
   font-family: "Font Awesome 5 Pro";
@@ -586,9 +586,9 @@ li.has-submenu {
 }
 
 .dc-c-footer--svg-icon {
+  text-align: center;
   width: 40px;
   height: 40px;
-  text-align: center;
   font-size: 42px;
   display: inline-block;
   position: relative;

package/dist/main.js

@@ -1067,7 +1067,7 @@ const $96d341d082bffec5$var$TruncatedResizeableTHead = ({ table: table , sortEle
                             width: header.getSize()
                         },
                         title: header.column.columnDef.header,
-                        className: "ds-u-border-y--2 ds-u-padding--2 ds-u-border--dark ds-u-font-weight--bold dc-c-table-header-cell",
+                        className: "ds-u-border-y--2 ds-u-padding--2 ds-u-border--dark  ds-u-font-weight--bold dc-c-table-header-cell",
                         children: [
                             /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                                 onClick: header.column.getToggleSortingHandler(),
@@ -1111,7 +1111,7 @@ const $23763e27eda0e8d7$var$FixedSizeTHead = ({ table: table , sortElement: sort
                             width: header.getSize()
                         },
                         title: header.column.columnDef.header,
-                        className: "ds-u-border-y--2 ds-u-padding--2 ds-u-border--dark ds-u-font-weight--bold dc-c-table-header-cell",
+                        className: "ds-u-border-y--2 ds-u-padding--2 ds-u-border--dark  ds-u-font-weight--bold dc-c-table-header-cell",
                         children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                             onClick: header.column.getToggleSortingHandler(),
                             children: [
@@ -2538,8 +2538,8 @@ $e5bfafc6d4e6f207$var$SearchModal.defaultProps = {
 var $e5bfafc6d4e6f207$export$2e2bcd8739ae039 = $e5bfafc6d4e6f207$var$SearchModal;
 
 
-var $524e2f9ecb16dd54$exports = {};
-$524e2f9ecb16dd54$exports = new URL("CMSGovLogo-O.90ce815c.png", import.meta.url).toString();
+var $52466563e0d69ea8$exports = {};
+$52466563e0d69ea8$exports = new URL("CMSGovLogo-O.90ce815c.png", import.meta.url).toString();
 
 
 const $2db98b8f69058a30$var$DesktopHeader = ({ siteName: siteName , headerClasses: headerClasses , linkClasses: linkClasses , links: links , org: org , searchModalText: searchModalText , customSearch: customSearch , includeTopNav: includeTopNav , inversedModalButton: inversedModalButton , inversedSearchButton: inversedSearchButton , includeSearch: includeSearch  })=>{
@@ -2631,7 +2631,7 @@ $2db98b8f69058a30$var$DesktopHeader.defaultProps = {
         tagline: "The Centers for Medicare & Medicaid Services",
         url: "https://cms.gov",
         urlTitle: "CMS.gov Centers for Medicare & Medicaid Services",
-        logo: (0, (/*@__PURE__*/$parcel$interopDefault($524e2f9ecb16dd54$exports))),
+        logo: (0, (/*@__PURE__*/$parcel$interopDefault($52466563e0d69ea8$exports))),
         logoAltText: "CMS.gov Centers for Medicare & Medicaid Services"
     },
     includeTopNav: true,
@@ -2658,8 +2658,8 @@ var $2db98b8f69058a30$export$2e2bcd8739ae039 = $2db98b8f69058a30$var$DesktopHead
 
 
 
-var $bfd2fc98f8f42778$exports = {};
-$bfd2fc98f8f42778$exports = new URL("CMSgov@2x-white-O.78cd05d3.png", import.meta.url).toString();
+var $972485213997ff8b$exports = {};
+$972485213997ff8b$exports = new URL("CMSgov@2x-white-O.78cd05d3.png", import.meta.url).toString();
 
 
 const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links , org: org , searchModalText: searchModalText , customSearch: customSearch = false , includeTopNav: includeTopNav , inversedModalButton: inversedModalButton , inversedSearchButton: inversedSearchButton , includeSearch: includeSearch  })=>{
@@ -2832,9 +2832,9 @@ $caaccb8ea608e518$var$MobileHeader.defaultProps = {
         tagline: "The Centers for Medicare and Medicaid Services",
         url: "https://cms.gov",
         urlTitle: "CMS.gov Centers for Medicare & Medicaid Services",
-        logo: (0, (/*@__PURE__*/$parcel$interopDefault($524e2f9ecb16dd54$exports))),
+        logo: (0, (/*@__PURE__*/$parcel$interopDefault($52466563e0d69ea8$exports))),
         logoAltText: "CMS.gov Centers for Medicare & Medicaid Services",
-        inverseLogo: (0, (/*@__PURE__*/$parcel$interopDefault($bfd2fc98f8f42778$exports)))
+        inverseLogo: (0, (/*@__PURE__*/$parcel$interopDefault($972485213997ff8b$exports)))
     },
     includeTopNav: true,
     includeSearch: true
@@ -3090,7 +3090,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
                                                                         /*#__PURE__*/ (0, $hgUW1$jsx)("g", {
                                                                             transform: "translate(160 256)",
                                                                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("g", {
-                                                                                transform: "translate(0, 0) scale(0.78125, 0.78125) rotate(0 0 0)",
+                                                                                transform: "translate(0, 0)  scale(0.78125, 0.78125)  rotate(0 0 0)",
                                                                                 children: /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
                                                                                     d: "M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z",
                                                                                     transform: "translate(-160 -256)"
@@ -3143,7 +3143,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
                                                                         /*#__PURE__*/ (0, $hgUW1$jsx)("g", {
                                                                             transform: "translate(256 256)",
                                                                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("g", {
-                                                                                transform: "translate(0, 0) scale(0.78125, 0.78125) rotate(0 0 0)",
+                                                                                transform: "translate(0, 0)  scale(0.78125, 0.78125)  rotate(0 0 0)",
                                                                                 children: /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
                                                                                     d: "M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z",
                                                                                     transform: "translate(-256 -256)"
@@ -3196,7 +3196,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
                                                                         /*#__PURE__*/ (0, $hgUW1$jsx)("g", {
                                                                             transform: "translate(224 256)",
                                                                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("g", {
-                                                                                transform: "translate(0, 0) scale(0.78125, 0.78125) rotate(0 0 0)",
+                                                                                transform: "translate(0, 0)  scale(0.78125, 0.78125)  rotate(0 0 0)",
                                                                                 children: /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
                                                                                     d: "M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z",
                                                                                     transform: "translate(-224 -256)"