@civicactions/cmsds-open-data-components 2.2.0-alpha.9 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/main.css +65 -9
  2. package/dist/main.css.map +1 -1
  3. package/dist/main.js +153 -94
  4. package/dist/main.js.map +1 -1
  5. package/dist/types.d.ts.map +1 -1
  6. package/package.json +4 -4
package/dist/main.js CHANGED
@@ -348,10 +348,10 @@ const $dc6d3aaf3e07417b$var$DatasetSearchListItem = ({ item: item , updateFacets
348
348
  truncatedDescription,
349
349
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
350
350
  children: keyword && /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
351
- className: "ds-u-padding--0 ds-u-display--flex ds-u-flex-direction--row ds-u-flex-wrap--wrap",
351
+ className: "ds-u-padding--0 ds-u-display--flex ds-u-flex-wrap--wrap",
352
352
  children: keyword.map((k)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
353
353
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Badge), {
354
- className: "ds-u-radius ds-u-fill--info-lightest ds-u-color--base ds-u-margin-right--1 ds-u-margin-bottom--2",
354
+ className: "ds-u-radius ds-u-fill--primary-alt-lightest ds-u-color--base ds-u-margin-right--1 ds-u-margin-bottom--2",
355
355
  variation: "info",
356
356
  children: k
357
357
  })
@@ -409,7 +409,7 @@ const $19c005961efdef1a$var$DatasetSearchFacets = ({ title: title , facets: face
409
409
  }, f.name);
410
410
  })
411
411
  }) : /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
412
- className: "ds-text-heading--md",
412
+ className: "ds-h5",
413
413
  children: "No matching facets found."
414
414
  })
415
415
  })
@@ -1077,7 +1077,8 @@ function $aa4450dcbeef3ac0$export$385a5aba38cc3325(sortArray) {
1077
1077
 
1078
1078
 
1079
1079
 
1080
- const $96d341d082bffec5$var$TruncatedResizeableTHead = ({ table: table , sortElement: sortElement })=>{
1080
+ const $96d341d082bffec5$var$TruncatedResizeableTHead = ({ table: table , sortElement: sortElement , setAriaLiveFeedback: setAriaLiveFeedback })=>{
1081
+ const [columnResizing, setColumnResizing] = (0, $hgUW1$useState)("");
1081
1082
  return /*#__PURE__*/ (0, $hgUW1$jsx)("thead", {
1082
1083
  className: "dc-thead--truncated dc-thead--resizeable",
1083
1084
  children: table.getHeaderGroups().map((headerGroup)=>/*#__PURE__*/ (0, $hgUW1$jsx)("tr", {
@@ -1091,7 +1092,6 @@ const $96d341d082bffec5$var$TruncatedResizeableTHead = ({ table: table , sortEle
1091
1092
  className: "ds-u-border-y--2 ds-u-padding--2 ds-u-border--dark ds-u-font-weight--bold dc-c-table-header-cell",
1092
1093
  children: [
1093
1094
  /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
1094
- onClick: header.column.getToggleSortingHandler(),
1095
1095
  children: [
1096
1096
  /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
1097
1097
  style: {
@@ -1099,15 +1099,64 @@ const $96d341d082bffec5$var$TruncatedResizeableTHead = ({ table: table , sortEle
1099
1099
  },
1100
1100
  children: header.isPlaceholder ? null : (0, $hgUW1$flexRender)(header.column.columnDef.header, header.getContext())
1101
1101
  }),
1102
- /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
1103
- className: header.column.getCanSort() ? `cursor-pointer select-none ${sortElement(header.column.getIsSorted())}` : ""
1102
+ /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
1103
+ onClick: header.column.getToggleSortingHandler(),
1104
+ className: header.column.getCanSort() ? `cursor-pointer select-none ds-u-focus-visible ${sortElement(header.column.getIsSorted())}` : "",
1105
+ "aria-label": `${header.column.columnDef.header} sort order`
1104
1106
  })
1105
1107
  ]
1106
1108
  }),
1107
- /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
1109
+ /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
1108
1110
  onMouseDown: header.getResizeHandler(),
1109
1111
  onTouchStart: header.getResizeHandler(),
1110
- className: `dc-c-resize-handle ${header.column.getIsResizing() ? "isResizing" : ""}`
1112
+ className: `dc-c-resize-handle ds-u-focus-visible ${header.column.getIsResizing() || header.column.id == columnResizing ? "isResizing" : ""}`,
1113
+ "aria-label": `Resize ${header.column.columnDef.header} column`,
1114
+ onKeyDown: (e)=>{
1115
+ const columnSizingObject = table.getState().columnSizing;
1116
+ switch(e.key){
1117
+ case "Enter":
1118
+ case " ":
1119
+ e.preventDefault();
1120
+ e.stopPropagation();
1121
+ if (columnResizing) {
1122
+ // end resizing
1123
+ setColumnResizing("");
1124
+ setAriaLiveFeedback(`${header.column.columnDef.header} dropped.`);
1125
+ } else {
1126
+ // start resizing
1127
+ setColumnResizing(header.column.id);
1128
+ setAriaLiveFeedback(`${header.column.columnDef.header} grabbed.`);
1129
+ }
1130
+ break;
1131
+ case "Escape":
1132
+ if (columnResizing) {
1133
+ setColumnResizing("");
1134
+ setAriaLiveFeedback(`${header.column.columnDef.header} dropped.`);
1135
+ }
1136
+ break;
1137
+ case "ArrowRight":
1138
+ e.preventDefault();
1139
+ e.stopPropagation();
1140
+ if (columnResizing) {
1141
+ columnSizingObject[header.column.id] = header.getSize() + 10;
1142
+ table.setColumnSizing(columnSizingObject);
1143
+ setAriaLiveFeedback(`${header.column.columnDef.header} has been resized. The new width is ${header.getSize()} pixels.`);
1144
+ }
1145
+ break;
1146
+ case "ArrowLeft":
1147
+ e.preventDefault();
1148
+ e.stopPropagation();
1149
+ if (columnResizing) {
1150
+ columnSizingObject[header.column.id] = header.getSize() - 10;
1151
+ table.setColumnSizing(columnSizingObject);
1152
+ setAriaLiveFeedback(`${header.column.columnDef.header} has been resized. The new width is ${header.getSize()} pixels.`);
1153
+ }
1154
+ break;
1155
+ }
1156
+ },
1157
+ onBlur: ()=>{
1158
+ setColumnResizing("");
1159
+ }
1111
1160
  })
1112
1161
  ]
1113
1162
  });
@@ -1155,6 +1204,7 @@ var $23763e27eda0e8d7$export$2e2bcd8739ae039 = $23763e27eda0e8d7$var$FixedSizeTH
1155
1204
 
1156
1205
  const $d98f94c79ddf4e0e$var$DataTable = ({ data: data , columns: columns , setSort: setSort , sortTransform: sortTransform , tablePadding: tablePadding , canResize: canResize , loading: loading = false })=>{
1157
1206
  const [sorting, setSorting] = (0, $hgUW1$react).useState([]);
1207
+ const [ariaLiveFeedback, setAriaLiveFeedback] = (0, $hgUW1$useState)("");
1158
1208
  const columnHelper = (0, $hgUW1$createColumnHelper)();
1159
1209
  const table_columns = columns.map((col)=>{
1160
1210
  if (col.cell) return columnHelper.accessor(col.accessor, {
@@ -1190,53 +1240,62 @@ const $d98f94c79ddf4e0e$var$DataTable = ({ data: data , columns: columns , setSo
1190
1240
  }, [
1191
1241
  sorting
1192
1242
  ]);
1193
- return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
1194
- children: /*#__PURE__*/ (0, $hgUW1$jsxs)("table", {
1195
- tabIndex: 0,
1196
- style: {
1197
- width: canResize ? table.getCenterTotalSize() : "100%"
1198
- },
1199
- className: "dc-c-datatable",
1200
- children: [
1201
- canResize ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $96d341d082bffec5$export$2e2bcd8739ae039), {
1202
- table: table,
1203
- sortElement: sortElement
1204
- }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $23763e27eda0e8d7$export$2e2bcd8739ae039), {
1205
- table: table,
1206
- sortElement: sortElement
1207
- }),
1208
- loading ? /*#__PURE__*/ (0, $hgUW1$jsx)("tbody", {
1209
- children: /*#__PURE__*/ (0, $hgUW1$jsx)("tr", {
1210
- children: /*#__PURE__*/ (0, $hgUW1$jsx)("td", {
1211
- colSpan: columns.length,
1212
- children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
1213
- "aria-valuetext": "Dataset loading",
1214
- role: "status",
1215
- className: "ds-u-margin--3"
1243
+ return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
1244
+ children: [
1245
+ /*#__PURE__*/ (0, $hgUW1$jsxs)("table", {
1246
+ tabIndex: 0,
1247
+ style: {
1248
+ width: canResize ? table.getCenterTotalSize() : "100%"
1249
+ },
1250
+ className: "dc-c-datatable",
1251
+ children: [
1252
+ canResize ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $96d341d082bffec5$export$2e2bcd8739ae039), {
1253
+ table: table,
1254
+ sortElement: sortElement,
1255
+ setAriaLiveFeedback: setAriaLiveFeedback
1256
+ }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $23763e27eda0e8d7$export$2e2bcd8739ae039), {
1257
+ table: table,
1258
+ sortElement: sortElement
1259
+ }),
1260
+ loading ? /*#__PURE__*/ (0, $hgUW1$jsx)("tbody", {
1261
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)("tr", {
1262
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)("td", {
1263
+ colSpan: columns.length,
1264
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
1265
+ "aria-valuetext": "Dataset loading",
1266
+ role: "status",
1267
+ className: "ds-u-margin--3"
1268
+ })
1216
1269
  })
1217
1270
  })
1271
+ }) : /*#__PURE__*/ (0, $hgUW1$jsx)("tbody", {
1272
+ children: table.getRowModel().rows.map((row, index)=>{
1273
+ const even = (index + 1) % 2 === 0;
1274
+ return /*#__PURE__*/ (0, $hgUW1$jsx)("tr", {
1275
+ className: `${even ? "dc-c-datatable--even-row" : ""}`,
1276
+ children: row.getVisibleCells().map((cell)=>{
1277
+ let classList = "dc-truncate ds-u-padding-x--1";
1278
+ return /*#__PURE__*/ (0, $hgUW1$jsx)("td", {
1279
+ key: cell.id,
1280
+ style: {
1281
+ maxWidth: cell.column.getSize()
1282
+ },
1283
+ className: `${classList} ${tablePadding}`,
1284
+ children: (0, $hgUW1$flexRender)(cell.column.columnDef.cell, cell.getContext())
1285
+ });
1286
+ })
1287
+ }, row.id);
1288
+ })
1218
1289
  })
1219
- }) : /*#__PURE__*/ (0, $hgUW1$jsx)("tbody", {
1220
- children: table.getRowModel().rows.map((row, index)=>{
1221
- const even = (index + 1) % 2 === 0;
1222
- return /*#__PURE__*/ (0, $hgUW1$jsx)("tr", {
1223
- className: `${even ? "dc-c-datatable--even-row" : ""}`,
1224
- children: row.getVisibleCells().map((cell)=>{
1225
- let classList = "dc-truncate ds-u-padding-x--1";
1226
- return /*#__PURE__*/ (0, $hgUW1$jsx)("td", {
1227
- key: cell.id,
1228
- style: {
1229
- maxWidth: cell.column.getSize()
1230
- },
1231
- className: `${classList} ${tablePadding}`,
1232
- children: (0, $hgUW1$flexRender)(cell.column.columnDef.cell, cell.getContext())
1233
- });
1234
- })
1235
- }, row.id);
1236
- })
1237
- })
1238
- ]
1239
- })
1290
+ ]
1291
+ }),
1292
+ /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
1293
+ className: "sr-only",
1294
+ "aria-live": "assertive",
1295
+ "aria-atomic": "true",
1296
+ children: ariaLiveFeedback
1297
+ })
1298
+ ]
1240
1299
  });
1241
1300
  };
1242
1301
  var $d98f94c79ddf4e0e$export$2e2bcd8739ae039 = $d98f94c79ddf4e0e$var$DataTable;
@@ -1347,7 +1406,7 @@ const $2ed0091f7e32d1e6$var$DataTablePageResults = ({ totalRows: totalRows , lim
1347
1406
  });
1348
1407
  };
1349
1408
  $2ed0091f7e32d1e6$var$DataTablePageResults.defaultProps = {
1350
- className: "data-table-results ds-u-margin-bottom--2"
1409
+ className: "data-table-results"
1351
1410
  };
1352
1411
  $2ed0091f7e32d1e6$var$DataTablePageResults.propTypes = {
1353
1412
  className: (0, $hgUW1$proptypes).string,
@@ -1418,7 +1477,7 @@ const $4def8e29c2039eb8$var$DataTableRowChanger = ({ setLimit: setLimit , rowOpt
1418
1477
  return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
1419
1478
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
1420
1479
  options: rowOptions.map((row)=>({
1421
- label: row.toString(),
1480
+ label: row,
1422
1481
  value: row
1423
1482
  })),
1424
1483
  size: "small",
@@ -1533,7 +1592,6 @@ const $ec9e1550b0b034d0$var$SettingsIcon = ()=>/*#__PURE__*/ (0, $hgUW1$jsxs)("s
1533
1592
  var $ec9e1550b0b034d0$export$2e2bcd8739ae039 = $ec9e1550b0b034d0$var$SettingsIcon;
1534
1593
 
1535
1594
 
1536
-
1537
1595
  const $af099c546cb226c7$var$ResourceHeader = ({ setTablePadding: setTablePadding , id: id , distribution: distribution , includeFiltered: includeFiltered , includeDensity: includeDensity , includeDownload: includeDownload , resource: resource , tablePadding: tablePadding , downloadUrl: downloadUrl })=>{
1538
1596
  const md = (0, $hgUW1$useMediaQuery)({
1539
1597
  minWidth: 0,
@@ -1619,7 +1677,7 @@ const $af099c546cb226c7$var$ResourceHeader = ({ setTablePadding: setTablePadding
1619
1677
  ]
1620
1678
  }),
1621
1679
  /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Tooltip), {
1622
- className: "ds-c-button ds-c-button--small ds-u-text-align--left display-settings-font",
1680
+ className: "ds-c-button ds-c-button--small ds-u-text-align--left",
1623
1681
  placement: "bottom",
1624
1682
  dialog: true,
1625
1683
  ariaLabel: "Display settings",
@@ -1666,12 +1724,12 @@ const $17193a17e26a72da$var$DatasetTags = ({ keywords: keywords })=>{
1666
1724
  className: "dc-c-dataset-tags ds-u-margin-bottom--3 ds-u-padding--2 ds-u-border ds-u-border--1",
1667
1725
  children: [
1668
1726
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
1669
- className: "ds-u-color--primary ds-u-font-size--xl ds-u-margin-top--0 ds-u-margin-bottom--2",
1727
+ className: "ds-u-color--primary ds-u-font-size--h3 ds-u-margin-top--0 ds-u-margin-bottom--2",
1670
1728
  children: "Tags"
1671
1729
  }),
1672
1730
  keywords && keywords.map((k)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
1673
1731
  to: `/datasets?keyword[]=${k.data}`,
1674
- className: "dc-c-dataset-tags--tag ds-u-color--base ds-u-font-size--sm ds-u-text-decoration--none ds-u-margin-right--1 ds-u-margin-bottom--1 ds-u-padding-x--2 ds-u-padding-y--1 ds-u-radius",
1732
+ className: "dc-c-dataset-tags--tag ds-u-color--base ds-u-font-size--small ds-u-text-decoration--none ds-u-margin-right--1 ds-u-margin-bottom--1 ds-u-padding-x--2 ds-u-padding-y--1 ds-u-radius",
1675
1733
  children: k.data
1676
1734
  }, k.identifier))
1677
1735
  ]
@@ -1713,7 +1771,7 @@ const $f341c2fd9bc53390$var$DatasetDownloads = ({ dataDictionaryURL: dataDiction
1713
1771
  className: "ds-u-margin-bottom--3 ds-u-padding--2 ds-u-border ds-u-border--1 dc-c-dataset-downloads",
1714
1772
  children: [
1715
1773
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
1716
- className: "ds-u-color--primary ds-u-font-size--xl ds-u-margin-top--0 ds-u-margin-bottom--2 ds-u-padding-bottom--2 ds-u-border ds-u-border-bottom--1",
1774
+ className: "ds-u-color--primary ds-u-font-size--h3 ds-u-margin-top--0 ds-u-margin-bottom--2 ds-u-padding-bottom--2 ds-u-border ds-u-border-bottom--1",
1717
1775
  children: "Downloads"
1718
1776
  }),
1719
1777
  (distributions.length || dataDictionaryURL && dataDictionaryType) && /*#__PURE__*/ (0, $hgUW1$jsxs)("ul", {
@@ -1767,7 +1825,6 @@ const $5644ebd2c3dbfd7b$var$DatasetAdditionalInformation = ({ datasetInfo: datas
1767
1825
  className: "dc-c-additional-info-table ds-u-margin-bottom--6",
1768
1826
  children: [
1769
1827
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
1770
- className: "ds-text-heading--2xl ds-u-margin-y--3",
1771
1828
  children: "Additional Information"
1772
1829
  }),
1773
1830
  /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
@@ -1841,7 +1898,6 @@ const $68eacd619bee0da7$var$ResourceInformation = ({ resource: resource })=>{
1841
1898
  className: "dc-c-resource-info-table",
1842
1899
  children: [
1843
1900
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
1844
- className: "ds-text-heading--2xl ds-u-margin-y--3",
1845
1901
  children: "About this Resource"
1846
1902
  }),
1847
1903
  /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
@@ -2061,7 +2117,7 @@ const $766b8e351dd607f5$var$DatasetBody = ({ rootUrl: rootUrl , id: id , dataset
2061
2117
  className: "ds-l-row",
2062
2118
  children: [
2063
2119
  /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
2064
- className: "ds-l-col--6 ds-u-margin-bottom--2",
2120
+ className: "ds-l-col--6",
2065
2121
  children: dataset.theme ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Badge), {
2066
2122
  variation: "info",
2067
2123
  children: dataset.theme[0].data
@@ -2087,7 +2143,7 @@ const $766b8e351dd607f5$var$DatasetBody = ({ rootUrl: rootUrl , id: id , dataset
2087
2143
  resource.columns && Object.keys(resource.schema).length ? /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
2088
2144
  children: [
2089
2145
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
2090
- className: "dc-resource-header ds-text-heading--2xl ds-u-margin-y--3",
2146
+ className: "dc-resource-header",
2091
2147
  children: "Resource Preview"
2092
2148
  }),
2093
2149
  resource.columns ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
@@ -2137,7 +2193,6 @@ const $766b8e351dd607f5$var$DatasetBody = ({ rootUrl: rootUrl , id: id , dataset
2137
2193
  ref: apiDocs,
2138
2194
  children: [
2139
2195
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
2140
- className: "ds-text-heading--2xl ds-u-margin-y--2",
2141
2196
  children: "Try the API"
2142
2197
  }),
2143
2198
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {
@@ -2164,7 +2219,7 @@ const $766b8e351dd607f5$var$DatasetBody = ({ rootUrl: rootUrl , id: id , dataset
2164
2219
  className: "dc-c-dataset-tags ds-u-margin-bottom--3 ds-u-padding--2 ds-u-border ds-u-border--1",
2165
2220
  children: [
2166
2221
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
2167
- className: "ds-u-color--primary ds-u-font-size--xl ds-u-margin-top--0 ds-u-margin-bottom--2 ds-u-padding-bottom--2",
2222
+ className: "ds-u-color--primary ds-u-font-size--h3 ds-u-margin-top--0 ds-u-margin-bottom--2 ds-u-padding-bottom--2",
2168
2223
  children: "API"
2169
2224
  }),
2170
2225
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
@@ -2537,12 +2592,19 @@ const $e5bfafc6d4e6f207$var$SearchModal = ({ searchFunc: searchFunc , appNodeId:
2537
2592
  children: "Search"
2538
2593
  })
2539
2594
  }),
2540
- modalSearch && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dialog), {
2595
+ modalSearch && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Dialog), {
2541
2596
  className: "dc-c-search-dialog",
2542
2597
  onExit: ()=>setModalSearch(false),
2598
+ getApplicationNode: ()=>document.getElementById(appNodeId),
2599
+ closeButtonText: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
2600
+ children: "Close"
2601
+ }),
2543
2602
  heading: `${headingText}`,
2544
- actions: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
2545
- children: /*#__PURE__*/ (0, $hgUW1$jsxs)("form", {
2603
+ children: [
2604
+ searchModalText && /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
2605
+ children: searchModalText
2606
+ }),
2607
+ /*#__PURE__*/ (0, $hgUW1$jsxs)("form", {
2546
2608
  className: "ds-u-display--flex ds-u-align-items--stretch ds-u-flex-wrap--nowrap",
2547
2609
  onSubmit: (e)=>{
2548
2610
  searchForDataset(e);
@@ -2572,7 +2634,7 @@ const $e5bfafc6d4e6f207$var$SearchModal = ({ searchFunc: searchFunc , appNodeId:
2572
2634
  })
2573
2635
  ]
2574
2636
  })
2575
- })
2637
+ ]
2576
2638
  })
2577
2639
  ]
2578
2640
  });
@@ -2629,7 +2691,7 @@ const $2db98b8f69058a30$var$DesktopHeader = ({ siteName: siteName , headerClasse
2629
2691
  links: links.topnav,
2630
2692
  menuName: "CMS Main Header",
2631
2693
  menuId: "cmsheader",
2632
- menuClasses: "ds-u-display--flex ds-u-flex-direction--row dc-c-header--links ds-u-font-size--sm"
2694
+ menuClasses: "ds-u-display--flex dc-c-header--links ds-u-font-size--small"
2633
2695
  })
2634
2696
  })
2635
2697
  ]
@@ -2644,7 +2706,7 @@ const $2db98b8f69058a30$var$DesktopHeader = ({ siteName: siteName , headerClasse
2644
2706
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
2645
2707
  className: "ds-u-margin-right--5 ds-u-padding-y--3 dc-c-site-title",
2646
2708
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
2647
- className: "ds-c-link--inverse ds-text-heading--3xl",
2709
+ className: "ds-c-link--inverse ds-h1",
2648
2710
  to: "/",
2649
2711
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
2650
2712
  className: "",
@@ -2657,7 +2719,7 @@ const $2db98b8f69058a30$var$DesktopHeader = ({ siteName: siteName , headerClasse
2657
2719
  wrapLabel: true,
2658
2720
  menuName: "CMS Site Main Nav",
2659
2721
  menuId: "site",
2660
- menuClasses: "ds-u-display--flex ds-u-flex-direction--row dc-c-header--links ds-u-align-items--center",
2722
+ menuClasses: "ds-u-display--flex dc-c-header--links ds-u-align-items--center",
2661
2723
  linkClasses: linkClasses
2662
2724
  }),
2663
2725
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -2790,7 +2852,7 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
2790
2852
  links: links.topnav,
2791
2853
  menuName: "CMS Main Header",
2792
2854
  menuId: "cmsheader",
2793
- menuClasses: "ds-u-display--flex ds-u-flex-direction--row dc-c-header--links ds-u-font-size--sm ds-u-margin-bottom--2"
2855
+ menuClasses: "ds-u-display--flex dc-c-header--links ds-u-font-size--small"
2794
2856
  })
2795
2857
  })
2796
2858
  ]
@@ -2813,11 +2875,10 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
2813
2875
  }),
2814
2876
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
2815
2877
  className: "ds-u-padding-y--3 dc-c-site-title",
2816
- children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
2817
- className: "ds-c-link--inverse ds-text-heading--3xl",
2878
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
2818
2879
  to: "/",
2819
2880
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
2820
- className: "",
2881
+ className: "ds-h1",
2821
2882
  children: siteName
2822
2883
  })
2823
2884
  })
@@ -2869,7 +2930,7 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
2869
2930
  menuName: "Main Nav",
2870
2931
  menuId: "site",
2871
2932
  menuClasses: "dc-c-header--links dc-c-header--mobile-links",
2872
- linkClasses: "ds-u-margin-left--1 ds-u-padding-bottom--2 ds-text-heading--md"
2933
+ linkClasses: "ds-u-margin-left--1 ds-u-padding-bottom--2 ds-h5"
2873
2934
  }),
2874
2935
  mobile && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
2875
2936
  className: "cms-mobile-header--container",
@@ -2880,7 +2941,7 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
2880
2941
  menuName: "CMS Main Header",
2881
2942
  menuId: "cms-mobile-header",
2882
2943
  linkClasses: "ds-u-margin-left--1 ds-u-margin-bottom--2",
2883
- menuClasses: "dc-c-header--links ds-u-font-size--sm ds-u-margin-bottom--2"
2944
+ menuClasses: "dc-c-header--links ds-u-font-size--small"
2884
2945
  })
2885
2946
  ]
2886
2947
  })
@@ -2976,11 +3037,10 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
2976
3037
  className: "ds-l-md-col--8",
2977
3038
  children: [
2978
3039
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
2979
- className: "ds-text-heading--lg",
3040
+ className: "ds-h4",
2980
3041
  children: emailTitle
2981
3042
  }),
2982
3043
  /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
2983
- className: "ds-u-padding-bottom--2",
2984
3044
  children: emailBody
2985
3045
  })
2986
3046
  ]
@@ -3006,10 +3066,9 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3006
3066
  className: "ds-l-row ds-u-margin--0",
3007
3067
  children: [
3008
3068
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3009
- className: `dc-c-footer__resources ds-l-md-col--7 ds-l-sm-col--12 ds-u-padding-top--7 ds-u-padding-bottom--4
3010
- ${xs ? "ds-u-padding-x--0" : ""}`,
3069
+ className: `dc-c-footer__resources ds-l-md-col--7 ds-l-sm-col--12 ds-u-padding-top--7 ds-u-padding-bottom--4 ${md ? "ds-u-padding-x--0" : ""} ${sm ? "ds-u-padding-x--4" : ""}`,
3011
3070
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3012
- className: "ds-l-lg-col--9 ds-l-md-col--11",
3071
+ className: "ds-l-lg-col--9 ds-l-md-col--11 ds-u-padding-x--0",
3013
3072
  children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3014
3073
  className: `ds-u-display--flex ${xs ? "ds-u-flex-direction--column" : "ds-u-flex-direction--row"}`,
3015
3074
  children: [
@@ -3017,11 +3076,11 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3017
3076
  className: "ds-u-margin-right--6 ds-u-margin-bottom--2",
3018
3077
  children: [
3019
3078
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
3020
- className: "ds-text-heading--sm dc-footer--heading ds-u-margin-bottom--2",
3079
+ className: "ds-h6 dc-footer--heading ds-u-margin-bottom--2",
3021
3080
  children: "Open data tools"
3022
3081
  }),
3023
3082
  /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
3024
- className: "ds-u-font-size--sm ds-u-margin-bottom--3",
3083
+ className: "ds-u-font-size--small ds-u-margin-bottom--3",
3025
3084
  children: footerOpenDataToolLinks.map((link)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
3026
3085
  className: "ds-u-margin-bottom--1",
3027
3086
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $cf8eeac354b9dd32$export$2e2bcd8739ae039), {
@@ -3035,11 +3094,11 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3035
3094
  /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3036
3095
  children: [
3037
3096
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
3038
- className: "ds-text-heading--sm dc-footer--heading ds-u-margin-bottom--2",
3097
+ className: "ds-h6 dc-footer--heading ds-u-margin-bottom--2",
3039
3098
  children: "Additional resources"
3040
3099
  }),
3041
3100
  /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
3042
- className: "ds-u-font-size--sm",
3101
+ className: "ds-u-font-size--small",
3043
3102
  children: footerAdditionalResourcesLinks.filter((link)=>{
3044
3103
  const noOnClick = Object.keys(link).findIndex((l)=>l === "onClick");
3045
3104
  if (noOnClick === -1 || link.onClick && link.dataTag) return link;
@@ -3071,7 +3130,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3071
3130
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3072
3131
  className: `dc-c-footer__cms-information ds-l-md-col--5 ds-l-sm-col--12 ${md ? "ds-u-padding-left--7" : ""} ${sm ? " ds-u-padding-left--4" : ""} ds-u-padding-y--7`,
3073
3132
  children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3074
- className: "ds-u-font-size--sm",
3133
+ className: "ds-u-font-size--small",
3075
3134
  children: [
3076
3135
  /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3077
3136
  children: [
@@ -3112,7 +3171,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3112
3171
  }),
3113
3172
  trademarkContent,
3114
3173
  socialMediaLinks && /*#__PURE__*/ (0, $hgUW1$jsxs)("ul", {
3115
- className: "ds-u-display--flex ds-u-flex-direction--row",
3174
+ className: "ds-u-display--flex",
3116
3175
  children: [
3117
3176
  socialMediaLinks.facebook && socialMediaLinks.facebook.url && /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
3118
3177
  className: "ds-u-margin-right--1",
@@ -3329,7 +3388,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3329
3388
  })
3330
3389
  }),
3331
3390
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3332
- className: "dc-c-footer__utility ds-l-container ds-u-padding-y--2 ds-u-font-size--sm",
3391
+ className: "dc-c-footer__utility ds-l-container ds-u-padding-y--2 ds-u-font-size--small",
3333
3392
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3334
3393
  className: "ds-l-row ",
3335
3394
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -3363,7 +3422,6 @@ $a6df0aa147323304$var$Footer.defaultProps = {
3363
3422
  children: "A federal government website managed and paid for by the U.S. Centers for Medicare & Medicaid Services."
3364
3423
  }),
3365
3424
  /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
3366
- className: "ds-u-padding-bottom--2",
3367
3425
  children: "7500 Security Boulevard, Baltimore, MD 21244"
3368
3426
  })
3369
3427
  ]
@@ -3612,6 +3670,7 @@ var $59a079354baa335c$export$2e2bcd8739ae039 = $59a079354baa335c$var$Hero;
3612
3670
 
3613
3671
 
3614
3672
 
3673
+
3615
3674
  const $789279954d8eff7f$var$ApiDocumentation = ({ endpoint: endpoint })=>{
3616
3675
  return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3617
3676
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {
@@ -4069,6 +4128,7 @@ var $ec3e23baa005dc03$export$2e2bcd8739ae039 = $ec3e23baa005dc03$var$Breadcrumb;
4069
4128
 
4070
4129
 
4071
4130
 
4131
+
4072
4132
 
4073
4133
 
4074
4134
  function $374c4669b044ddf8$var$getStartDate(condition, schema, id) {
@@ -4120,7 +4180,7 @@ const $374c4669b044ddf8$var$QueryRow = ({ id: id , condition: condition , index:
4120
4180
  value
4121
4181
  ]);
4122
4182
  return /*#__PURE__*/ (0, $hgUW1$jsxs)("fieldset", {
4123
- className: "ds-u-display--flex ds-u-justify-content--between ds-u-align-items--center ds-u-border--1 ds-u-border--dark ds-u-padding--2",
4183
+ className: "ds-u-display--flex ds-u-justify-content--between ds-u-align-items--center",
4124
4184
  children: [
4125
4185
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
4126
4186
  options: propertyOptions,
@@ -4504,7 +4564,6 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id , dataset: dataset
4504
4564
  ref: apiDocs,
4505
4565
  children: [
4506
4566
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
4507
- className: "ds-text-heading--2xl ds-u-margin-y--2",
4508
4567
  children: "Try the API"
4509
4568
  }),
4510
4569
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {