@cdc/core 4.24.12 → 4.25.1

package/dist/cove-main.css

@@ -1,12 +1,12 @@
 @charset "UTF-8";
 .cdc-open-viz-module {
   margin: 0;
-  font: 1em/1.6 system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Fira Sans, sans-serif;
+  font-family: var(--app-font-main);
+  font-size: 1em;
+  line-height: 1.5;
   font-weight: 400;
   font-style: normal;
   text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  color: #111;
 }
 .cdc-open-viz-module :focus,
 .cdc-open-viz-module [tabindex]:focus-visible {
@@ -87,7 +87,7 @@
   margin: 0;
   padding: 0;
   border: 0;
-  font-family: sans-serif;
+  font-family: var(--app-font-main);
   font-weight: normal;
   vertical-align: baseline;
 }
@@ -182,31 +182,36 @@
 :root {
   --editorContentPadding: 30px;
   --editorWidth: 350px;
+  --space-between-legend-item-rows: 1rem;
+  --space-between-legend-item-columns: 1.5rem;
   --breakpoint-xs: 480px;
   --breakpoint-sm: 768px;
   --breakpoint-md: 960px;
   --breakpoint-lg: 1170px;
   --breakpoint-xl: 1280px;
-  --font-size: 17px;
+  --app-font-main: "Nunito", sans-serif;
+  --app-font-secondary: "Poppins", sans-serif;
+  --legend-title-font-size: 1rem;
+  --legend-description-font-size: 1rem;
+  --legend-item-font-size: 0.889rem;
+  --download-link-font-size: 0.772rem;
+  --filter-select-font-size: 0.833rem;
+  --filter-label-font-size: 0.889rem;
+  --filter-buttons-font-size: 0.889rem;
+  --superTitle-font-size: 0.833rem;
+  --title-font-size: 1.222rem;
 }
 
-@media (max-width: 576px) {
-  :root {
-    --font-size: 13px;
-  }
-}
 .filters-section__wrapper {
   flex-wrap: wrap;
   display: flex;
-  gap: 7px 15px;
-  margin-top: 15px;
-  margin-bottom: 15px;
+  gap: 18px 27px;
 }
 .filters-section__wrapper label {
   display: inherit;
   margin-bottom: 5px;
-  font-weight: 600;
-  font-size: 16px;
+  font-weight: 700;
+  font-size: var(--filter-label-font-size);
 }
 .filters-section__intro-text {
   display: block;
@@ -214,6 +219,7 @@
 }
 .filters-section__buttons {
   width: 100%;
+  font-size: var(--filter-buttons-font-size);
 }
 .filters-section__buttons .apply {
   margin-right: 10px;
@@ -221,6 +227,7 @@
 
 div.single-filters label {
   width: 100%;
+  font-weight: 700;
 }
 div.single-filters__tab-bar:first-child {
   border-top-left-radius: 15px;
@@ -297,16 +304,11 @@ body.post-type-cdc_visualization .cdc-editor .configure .editor-panel {
 
 .cdc-open-viz-module {
   position: relative;
-  color: #333;
-  font-size: 14px !important;
   line-height: 1.4;
   -webkit-print-color-adjust: exact !important; /* Chrome, Safari 6 – 15.3, Edge */
   color-adjust: exact !important; /* Firefox 48 – 96 */
   print-color-adjust: exact !important; /* Firefox 97+, Safari 15.4+ */
 }
-.cdc-open-viz-module.md, .cdc-open-viz-module.lg {
-  font-size: 16px !important;
-}
 .cdc-open-viz-module strong {
   font-weight: 600;
 }
@@ -462,15 +464,10 @@ body.post-type-cdc_visualization .cdc-editor .configure .editor-panel {
 }
 .cdc-open-viz-module section.introText {
   width: 100%;
-  margin-bottom: 25px;
 }
 .cdc-open-viz-module section.footnotes {
-  border-top: 1px solid #ddd;
-  margin-top: 20px;
-  padding: 15px;
-}
-.cdc-open-viz-module .cdc-chart-inner-container .subtext {
-  margin-top: 20px;
+  border-top: 1px solid var(--cool-gray-10);
+  width: 100%;
 }
 .cdc-open-viz-module .margin-left-href {
   margin-left: 15px;
@@ -484,12 +481,15 @@ body.post-type-cdc_visualization .cdc-editor .configure .editor-panel {
   border-color: rgb(0, 79.9, 144.5);
 }
 .cdc-open-viz-module .cove-form-select {
+  font-family: var(--app-font-secondary);
+  font-weight: 300;
+  font-size: var(--filter-select-font-size);
   display: block;
   width: 100%;
   padding: 0.375rem 0.75rem;
   border-radius: 0.25rem;
-  border: 1px solid var(--lightGray);
-  color: var(--darkGray);
+  border: 1px solid var(--cool-gray-10);
+  color: var(--cool-gray-90);
 }
 .cdc-open-viz-module .download-buttons {
   display: flex;
@@ -506,7 +506,7 @@ body.post-type-cdc_visualization .cdc-editor .configure .editor-panel {
   display: flex;
   justify-content: flex-end;
   width: 100%;
-  margin-top: 20px;
+  line-height: 1;
 }
 .cdc-open-viz-module .download-links.brush-active {
   margin-top: 2em;
@@ -515,10 +515,7 @@ body.post-type-cdc_visualization .cdc-editor .configure .editor-panel {
   margin-right: 10px;
 }
 .cdc-open-viz-module .download-links a {
-  font-size: 16px;
-}
-.cdc-open-viz-module .download-links.below-table {
-  margin-top: 5px;
+  font-size: var(--download-link-font-size);
 }
 .cdc-open-viz-module .cdc-dashboard-inner-container .download-links {
   padding: unset;
@@ -600,21 +597,50 @@ body.post-type-cdc_visualization .cdc-editor .configure .editor-panel {
 .cdc-open-viz-module.cdc-map-outer-container .editor-panel .series-item--chart:last-child, .cdc-open-viz-module.type-chart .editor-panel .series-item--chart:last-child {
   padding-bottom: 5px;
 }
-.cdc-open-viz-module.font-small .chart-container {
-  font-size: 0.9em !important;
+.cdc-open-viz-module input[type=range] {
+  appearance: auto !important;
+}
+.cdc-open-viz-module .me-0 {
+  margin-right: 0 !important;
 }
-.cdc-open-viz-module.font-medium {
-  font-size: 1em !important;
+.cdc-open-viz-module .me-1 {
+  margin-right: 0.25rem !important;
 }
-.cdc-open-viz-module.font-large .chart-container {
-  font-size: 1.1em !important;
+.cdc-open-viz-module .me-2 {
+  margin-right: 0.5rem !important;
 }
-.cdc-open-viz-module .subtext {
-  font-style: italic;
-  font-size: 0.9em !important;
+.cdc-open-viz-module .me-3 {
+  margin-right: 1rem !important;
 }
-.cdc-open-viz-module input[type=range] {
-  appearance: auto !important;
+.cdc-open-viz-module .me-4 {
+  margin-right: 1.5rem !important;
+}
+.cdc-open-viz-module .me-5 {
+  margin-right: 3rem !important;
+}
+.cdc-open-viz-module .me-auto {
+  margin-right: auto !important;
+}
+.cdc-open-viz-module .ms-0 {
+  margin-left: 0 !important;
+}
+.cdc-open-viz-module .ms-1 {
+  margin-left: 0.25rem !important;
+}
+.cdc-open-viz-module .ms-2 {
+  margin-left: 0.5rem !important;
+}
+.cdc-open-viz-module .ms-3 {
+  margin-left: 1rem !important;
+}
+.cdc-open-viz-module .ms-4 {
+  margin-left: 1.5rem !important;
+}
+.cdc-open-viz-module .ms-5 {
+  margin-left: 3rem !important;
+}
+.cdc-open-viz-module .ms-auto {
+  margin-left: auto !important;
 }
 
 .color-palette li.theme-purple,
@@ -3002,546 +3028,6 @@ body.post-type-cdc_visualization .cdc-editor .configure .editor-panel {
     grid-row-start: 13;
   }
 }
-.p-0 {
-  padding: 0px !important;
-}
-
-.p-1 {
-  padding: 8px !important;
-}
-
-.p-2 {
-  padding: 16px !important;
-}
-
-.p-3 {
-  padding: 24px !important;
-}
-
-.p-4 {
-  padding: 32px !important;
-}
-
-.p-5 {
-  padding: 40px !important;
-}
-
-.p-6 {
-  padding: 48px !important;
-}
-
-.p-7 {
-  padding: 56px !important;
-}
-
-.p-8 {
-  padding: 64px !important;
-}
-
-.pt-0 {
-  padding-top: 0px !important;
-}
-
-.pt-1 {
-  padding-top: 8px !important;
-}
-
-.pt-2 {
-  padding-top: 16px !important;
-}
-
-.pt-3 {
-  padding-top: 24px !important;
-}
-
-.pt-4 {
-  padding-top: 32px !important;
-}
-
-.pt-5 {
-  padding-top: 40px !important;
-}
-
-.pt-6 {
-  padding-top: 48px !important;
-}
-
-.pt-7 {
-  padding-top: 56px !important;
-}
-
-.pt-8 {
-  padding-top: 64px !important;
-}
-
-.pr-0 {
-  padding-right: 0px !important;
-}
-
-.pr-1 {
-  padding-right: 8px !important;
-}
-
-.pr-2 {
-  padding-right: 16px !important;
-}
-
-.pr-3 {
-  padding-right: 24px !important;
-}
-
-.pr-4 {
-  padding-right: 32px !important;
-}
-
-.pr-5 {
-  padding-right: 40px !important;
-}
-
-.pr-6 {
-  padding-right: 48px !important;
-}
-
-.pr-7 {
-  padding-right: 56px !important;
-}
-
-.pr-8 {
-  padding-right: 64px !important;
-}
-
-.pb-0 {
-  padding-bottom: 0px !important;
-}
-
-.pb-1 {
-  padding-bottom: 8px !important;
-}
-
-.pb-2 {
-  padding-bottom: 16px !important;
-}
-
-.pb-3 {
-  padding-bottom: 24px !important;
-}
-
-.pb-4 {
-  padding-bottom: 32px !important;
-}
-
-.pb-5 {
-  padding-bottom: 40px !important;
-}
-
-.pb-6 {
-  padding-bottom: 48px !important;
-}
-
-.pb-7 {
-  padding-bottom: 56px !important;
-}
-
-.pb-8 {
-  padding-bottom: 64px !important;
-}
-
-.pl-0 {
-  padding-left: 0px !important;
-}
-
-.pl-1 {
-  padding-left: 8px !important;
-}
-
-.pl-2 {
-  padding-left: 16px !important;
-}
-
-.pl-3 {
-  padding-left: 24px !important;
-}
-
-.pl-4 {
-  padding-left: 32px !important;
-}
-
-.pl-5 {
-  padding-left: 40px !important;
-}
-
-.pl-6 {
-  padding-left: 48px !important;
-}
-
-.pl-7 {
-  padding-left: 56px !important;
-}
-
-.pl-8 {
-  padding-left: 64px !important;
-}
-
-.px-0 {
-  padding-left: 0px !important;
-  padding-right: 0px !important;
-}
-
-.px-1 {
-  padding-left: 8px !important;
-  padding-right: 8px !important;
-}
-
-.px-2 {
-  padding-left: 16px !important;
-  padding-right: 16px !important;
-}
-
-.px-3 {
-  padding-left: 24px !important;
-  padding-right: 24px !important;
-}
-
-.px-4 {
-  padding-left: 32px !important;
-  padding-right: 32px !important;
-}
-
-.px-5 {
-  padding-left: 40px !important;
-  padding-right: 40px !important;
-}
-
-.px-6 {
-  padding-left: 48px !important;
-  padding-right: 48px !important;
-}
-
-.px-7 {
-  padding-left: 56px !important;
-  padding-right: 56px !important;
-}
-
-.px-8 {
-  padding-left: 64px !important;
-  padding-right: 64px !important;
-}
-
-.py-0 {
-  padding-top: 0px !important;
-  padding-bottom: 0px !important;
-}
-
-.py-1 {
-  padding-top: 8px !important;
-  padding-bottom: 8px !important;
-}
-
-.py-2 {
-  padding-top: 16px !important;
-  padding-bottom: 16px !important;
-}
-
-.py-3 {
-  padding-top: 24px !important;
-  padding-bottom: 24px !important;
-}
-
-.py-4 {
-  padding-top: 32px !important;
-  padding-bottom: 32px !important;
-}
-
-.py-5 {
-  padding-top: 40px !important;
-  padding-bottom: 40px !important;
-}
-
-.py-6 {
-  padding-top: 48px !important;
-  padding-bottom: 48px !important;
-}
-
-.py-7 {
-  padding-top: 56px !important;
-  padding-bottom: 56px !important;
-}
-
-.py-8 {
-  padding-top: 64px !important;
-  padding-bottom: 64px !important;
-}
-
-.m-0 {
-  margin: 0px !important;
-}
-
-.m-1 {
-  margin: 8px !important;
-}
-
-.m-2 {
-  margin: 16px !important;
-}
-
-.m-3 {
-  margin: 24px !important;
-}
-
-.m-4 {
-  margin: 32px !important;
-}
-
-.m-5 {
-  margin: 40px !important;
-}
-
-.m-6 {
-  margin: 48px !important;
-}
-
-.m-7 {
-  margin: 56px !important;
-}
-
-.m-8 {
-  margin: 64px !important;
-}
-
-.mt-0 {
-  margin-top: 0px !important;
-}
-
-.mt-1 {
-  margin-top: 8px !important;
-}
-
-.mt-2 {
-  margin-top: 16px !important;
-}
-
-.mt-3 {
-  margin-top: 24px !important;
-}
-
-.mt-4 {
-  margin-top: 32px !important;
-}
-
-.mt-5 {
-  margin-top: 40px !important;
-}
-
-.mt-6 {
-  margin-top: 48px !important;
-}
-
-.mt-7 {
-  margin-top: 56px !important;
-}
-
-.mt-8 {
-  margin-top: 64px !important;
-}
-
-.mr-0 {
-  margin-right: 0px !important;
-}
-
-.mr-1 {
-  margin-right: 8px !important;
-}
-
-.mr-2 {
-  margin-right: 16px !important;
-}
-
-.mr-3 {
-  margin-right: 24px !important;
-}
-
-.mr-4 {
-  margin-right: 32px !important;
-}
-
-.mr-5 {
-  margin-right: 40px !important;
-}
-
-.mr-6 {
-  margin-right: 48px !important;
-}
-
-.mr-7 {
-  margin-right: 56px !important;
-}
-
-.mr-8 {
-  margin-right: 64px !important;
-}
-
-.mb-0 {
-  margin-bottom: 0px !important;
-}
-
-.mb-1 {
-  margin-bottom: 8px !important;
-}
-
-.mb-2 {
-  margin-bottom: 16px !important;
-}
-
-.mb-3 {
-  margin-bottom: 24px !important;
-}
-
-.mb-4 {
-  margin-bottom: 32px !important;
-}
-
-.mb-5 {
-  margin-bottom: 40px !important;
-}
-
-.mb-6 {
-  margin-bottom: 48px !important;
-}
-
-.mb-7 {
-  margin-bottom: 56px !important;
-}
-
-.mb-8 {
-  margin-bottom: 64px !important;
-}
-
-.ml-0 {
-  margin-left: 0px !important;
-}
-
-.ml-1 {
-  margin-left: 8px !important;
-}
-
-.ml-2 {
-  margin-left: 16px !important;
-}
-
-.ml-3 {
-  margin-left: 24px !important;
-}
-
-.ml-4 {
-  margin-left: 32px !important;
-}
-
-.ml-5 {
-  margin-left: 40px !important;
-}
-
-.ml-6 {
-  margin-left: 48px !important;
-}
-
-.ml-7 {
-  margin-left: 56px !important;
-}
-
-.ml-8 {
-  margin-left: 64px !important;
-}
-
-.mx-0 {
-  margin-left: 0px !important;
-  margin-right: 0px !important;
-}
-
-.mx-1 {
-  margin-left: 8px !important;
-  margin-right: 8px !important;
-}
-
-.mx-2 {
-  margin-left: 16px !important;
-  margin-right: 16px !important;
-}
-
-.mx-3 {
-  margin-left: 24px !important;
-  margin-right: 24px !important;
-}
-
-.mx-4 {
-  margin-left: 32px !important;
-  margin-right: 32px !important;
-}
-
-.mx-5 {
-  margin-left: 40px !important;
-  margin-right: 40px !important;
-}
-
-.mx-6 {
-  margin-left: 48px !important;
-  margin-right: 48px !important;
-}
-
-.mx-7 {
-  margin-left: 56px !important;
-  margin-right: 56px !important;
-}
-
-.mx-8 {
-  margin-left: 64px !important;
-  margin-right: 64px !important;
-}
-
-.mx-0 {
-  margin-top: 0px !important;
-  margin-bottom: 0px !important;
-}
-
-.mx-1 {
-  margin-top: 8px !important;
-  margin-bottom: 8px !important;
-}
-
-.mx-2 {
-  margin-top: 16px !important;
-  margin-bottom: 16px !important;
-}
-
-.mx-3 {
-  margin-top: 24px !important;
-  margin-bottom: 24px !important;
-}
-
-.mx-4 {
-  margin-top: 32px !important;
-  margin-bottom: 32px !important;
-}
-
-.mx-5 {
-  margin-top: 40px !important;
-  margin-bottom: 40px !important;
-}
-
-.mx-6 {
-  margin-top: 48px !important;
-  margin-bottom: 48px !important;
-}
-
-.mx-7 {
-  margin-top: 56px !important;
-  margin-bottom: 56px !important;
-}
-
-.mx-8 {
-  margin-top: 64px !important;
-  margin-bottom: 64px !important;
-}
-
 .markup-include .theme-amber,
 .type-waffle-chart .theme-amber,
 .type-data-bite .theme-amber,
@@ -4645,16 +4131,15 @@ body.post-type-cdc_visualization .cdc-editor .configure .editor-panel {
 }
 
 .cove {
-  color: #333;
   font-size: 16px;
   line-height: 1.4;
   margin: 0;
-  font: 1em/1.6 system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Fira Sans, sans-serif;
+  font-family: var(--app-font-main);
+  font-size: 1em;
+  line-height: 1.5;
   font-weight: 400;
   font-style: normal;
   text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  color: #111;
 }
 .cove .markup-include .theme-amber,
 .cove .type-waffle-chart .theme-amber,
@@ -5758,13 +5243,14 @@ body.post-type-cdc_visualization .cdc-editor .configure .editor-panel {
 }
 .cove .cove {
   margin: 0;
-  font: 1em/1.6 system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Fira Sans, sans-serif;
+  font-family: var(--app-font-main);
+  font-size: 1em;
+  line-height: 1.5;
   font-weight: 400;
   font-style: normal;
   line-height: 1.4;
   color: #333;
   text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
 }
 .cove .cove small {
   display: block;