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

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