npm - @gitlab/ui - Versions diffs - 49.4.0 → 49.4.1 - Mend

@gitlab/ui 49.4.0 → 49.4.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

package/CHANGELOG.md CHANGED Viewed

@@ -1,3 +1,10 @@
+## [49.4.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v49.4.0...v49.4.1) (2022-11-04)
+### Bug Fixes
+* **deps:** upgrade bootstrap-vue to v2.23.1 ([168136a](https://gitlab.com/gitlab-org/gitlab-ui/commit/168136a9234754745ddbd7f08bdc33f95c80a115))
 # [49.4.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v49.3.0...v49.4.0) (2022-11-04)

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "49.4.0",
+  "version": "49.4.1",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -22,6 +22,7 @@
   "scripts": {
     "build": "NODE_ENV=production rollup -c",
     "prebuild": "run-s build-scss-variables generate-utilities",
+    "prepare": "run-s build-scss-variables generate-utilities",
     "generate-utilities": "make src/scss/utilities.scss",
     "build-scss-variables": "make scss_to_js/scss_variables.js",
     "clean": "rm -r dist storybook scss_to_js/scss_variables.* src/scss/utilities.scss",
@@ -107,7 +108,7 @@
     "eslint": "8.26.0",
     "eslint-import-resolver-jest": "3.0.2",
     "eslint-plugin-cypress": "2.12.1",
-    "eslint-plugin-storybook": "0.6.6",
+    "eslint-plugin-storybook": "0.6.7",
     "file-loader": "^4.2.0",
     "glob": "^7.2.0",
     "identity-obj-proxy": "^3.0.0",
@@ -115,7 +116,6 @@
     "jest": "^29.2.2",
     "jest-circus": "29.2.2",
     "jest-environment-jsdom": "29.2.2",
-    "jest-serializer-vue": "^2.0.2",
     "markdownlint-cli": "^0.29.0",
     "mockdate": "^2.0.5",
     "npm-run-all": "^4.1.5",

package/src/components/base/filtered_search/__snapshots__/filtered_search_term.spec.js.snap CHANGED Viewed

@@ -1,13 +1,32 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 exports[`Filtered search term renders input with value in active mode 1`] = `
-<div data-testid="filtered-search-term" class="gl-h-auto gl-filtered-search-term">
-  <div active="true" cursor-position="end" value="test-value" class="gl-filtered-search-term-token">test-value</div>
+<div
+  class="gl-h-auto gl-filtered-search-term"
+  data-testid="filtered-search-term"
+>
+  <div
+    active="true"
+    class="gl-filtered-search-term-token"
+    cursor-position="end"
+    value="test-value"
+  >
+    test-value
+  </div>
 </div>
 `;
 exports[`Filtered search term renders value in inactive mode 1`] = `
-<div data-testid="filtered-search-term" class="gl-h-auto gl-filtered-search-term">
-  <div cursor-position="end" value="test-value" class="gl-filtered-search-term-token">test-value</div>
+<div
+  class="gl-h-auto gl-filtered-search-term"
+  data-testid="filtered-search-term"
+>
+  <div
+    class="gl-filtered-search-term-token"
+    cursor-position="end"
+    value="test-value"
+  >
+    test-value
+  </div>
 </div>
 `;

package/src/components/base/icon/__snapshots__/icon.spec.js.snap CHANGED Viewed

@@ -1,7 +1,14 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 exports[`Icon component when created shows svg class "s8" and path "/path/to/icons.svg#check-circle" 1`] = `
-<svg data-testid="check-circle-icon" role="img" aria-hidden="true" class="gl-icon s8">
-  <use href="/path/to/icons.svg#check-circle"></use>
+<svg
+  aria-hidden="true"
+  class="gl-icon s8"
+  data-testid="check-circle-icon"
+  role="img"
+>
+  <use
+    href="/path/to/icons.svg#check-circle"
+  />
 </svg>
 `;

package/src/components/base/paginated_list/__snapshots__/paginated_list.spec.js.snap CHANGED Viewed

@@ -5,13 +5,11 @@ exports[`Paginated List Pagination renders 1 item on page 7 with page size of 2
   <div
     class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
   >
     <gl-search-box-by-type-stub
       clearbuttontitle="Clear"
       value=""
     />
   </div>
   <ul
     class="list-group list-group-flush list-unstyled"
   >
@@ -29,7 +27,6 @@ exports[`Paginated List Pagination renders 1 item on page 7 with page size of 2
       </div>
     </li>
   </ul>
   <gl-pagination-stub
     align="left"
     class="d-flex justify-content-center prepend-top-default"
@@ -46,8 +43,6 @@ exports[`Paginated List Pagination renders 1 item on page 7 with page size of 2
     totalitems="13"
     value="7"
   />
-  <!---->
 </div>
 `;
@@ -56,13 +51,11 @@ exports[`Paginated List Pagination renders 3 items on page 2 with default page s
   <div
     class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
   >
     <gl-search-box-by-type-stub
       clearbuttontitle="Clear"
       value=""
     />
   </div>
   <ul
     class="list-group list-group-flush list-unstyled"
   >
@@ -106,7 +99,6 @@ exports[`Paginated List Pagination renders 3 items on page 2 with default page s
       </div>
     </li>
   </ul>
   <gl-pagination-stub
     align="left"
     class="d-flex justify-content-center prepend-top-default"
@@ -123,8 +115,6 @@ exports[`Paginated List Pagination renders 3 items on page 2 with default page s
     totalitems="13"
     value="2"
   />
-  <!---->
 </div>
 `;
@@ -133,13 +123,11 @@ exports[`Paginated List Pagination renders 5 items on page 1 for a page size of
   <div
     class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
   >
     <gl-search-box-by-type-stub
       clearbuttontitle="Clear"
       value=""
     />
   </div>
   <ul
     class="list-group list-group-flush list-unstyled"
   >
@@ -209,7 +197,6 @@ exports[`Paginated List Pagination renders 5 items on page 1 for a page size of
       </div>
     </li>
   </ul>
   <gl-pagination-stub
     align="left"
     class="d-flex justify-content-center prepend-top-default"
@@ -226,8 +213,6 @@ exports[`Paginated List Pagination renders 5 items on page 1 for a page size of
     totalitems="13"
     value="1"
   />
-  <!---->
 </div>
 `;
@@ -236,13 +221,11 @@ exports[`Paginated List Pagination renders 10 items for a default page size of 1
   <div
     class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
   >
     <gl-search-box-by-type-stub
       clearbuttontitle="Clear"
       value=""
     />
   </div>
   <ul
     class="list-group list-group-flush list-unstyled"
   >
@@ -377,7 +360,6 @@ exports[`Paginated List Pagination renders 10 items for a default page size of 1
       </div>
     </li>
   </ul>
   <gl-pagination-stub
     align="left"
     class="d-flex justify-content-center prepend-top-default"
@@ -394,8 +376,6 @@ exports[`Paginated List Pagination renders 10 items for a default page size of 1
     totalitems="13"
     value="1"
   />
-  <!---->
 </div>
 `;
@@ -404,13 +384,11 @@ exports[`Paginated List Pagination renders 13 items for a default page size of 2
   <div
     class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
   >
     <gl-search-box-by-type-stub
       clearbuttontitle="Clear"
       value=""
     />
   </div>
   <ul
     class="list-group list-group-flush list-unstyled"
   >
@@ -584,7 +562,6 @@ exports[`Paginated List Pagination renders 13 items for a default page size of 2
       </div>
     </li>
   </ul>
   <gl-pagination-stub
     align="left"
     class="d-flex justify-content-center prepend-top-default"
@@ -601,8 +578,6 @@ exports[`Paginated List Pagination renders 13 items for a default page size of 2
     totalitems="13"
     value="1"
   />
-  <!---->
 </div>
 `;
@@ -611,19 +586,14 @@ exports[`Paginated List Search states renders the custom empty search message wh
   <div
     class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
   >
     <gl-search-box-by-type-stub
       clearbuttontitle="Clear"
       value=""
     />
   </div>
   <ul
     class="list-group list-group-flush list-unstyled"
   />
-  <!---->
   <div
     class="bs-callout bs-callout-warning mt-3 empty-message empty-search"
   >
@@ -639,19 +609,14 @@ exports[`Paginated List Search states renders the default empty search message w
   <div
     class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
   >
     <gl-search-box-by-type-stub
       clearbuttontitle="Clear"
       value=""
     />
   </div>
   <ul
     class="list-group list-group-flush list-unstyled"
   />
-  <!---->
   <div
     class="bs-callout bs-callout-warning mt-3 empty-message empty-search"
   >
@@ -667,13 +632,11 @@ exports[`Paginated List Search states renders the list filtered by search result
   <div
     class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
   >
     <gl-search-box-by-type-stub
       clearbuttontitle="Clear"
       value=""
     />
   </div>
   <ul
     class="list-group list-group-flush list-unstyled"
   >
@@ -704,7 +667,6 @@ exports[`Paginated List Search states renders the list filtered by search result
       </div>
     </li>
   </ul>
   <gl-pagination-stub
     align="left"
     class="d-flex justify-content-center prepend-top-default"
@@ -721,8 +683,6 @@ exports[`Paginated List Search states renders the list filtered by search result
     totalitems="2"
     value="1"
   />
-  <!---->
 </div>
 `;
@@ -731,19 +691,14 @@ exports[`Paginated List Searchless states renders the list in an empty state wit
   <div
     class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
   >
     <gl-search-box-by-type-stub
       clearbuttontitle="Clear"
       value=""
     />
   </div>
   <ul
     class="list-group list-group-flush list-unstyled"
   />
-  <!---->
   <div
     class="bs-callout bs-callout-warning mt-3 empty-message empty-message"
   >
@@ -759,19 +714,14 @@ exports[`Paginated List Searchless states renders the list in an empty state, wh
   <div
     class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
   >
     <gl-search-box-by-type-stub
       clearbuttontitle="Clear"
       value=""
     />
   </div>
   <ul
     class="list-group list-group-flush list-unstyled"
   />
-  <!---->
   <div
     class="bs-callout bs-callout-warning mt-3 empty-message empty-message"
   >
@@ -787,13 +737,11 @@ exports[`Paginated List Searchless states renders the list with nested items, wh
   <div
     class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
   >
     <gl-search-box-by-type-stub
       clearbuttontitle="Clear"
       value=""
     />
   </div>
   <ul
     class="list-group list-group-flush list-unstyled"
   >
@@ -824,7 +772,6 @@ exports[`Paginated List Searchless states renders the list with nested items, wh
       </div>
     </li>
   </ul>
   <gl-pagination-stub
     align="left"
     class="d-flex justify-content-center prepend-top-default"
@@ -841,8 +788,6 @@ exports[`Paginated List Searchless states renders the list with nested items, wh
     totalitems="2"
     value="1"
   />
-  <!---->
 </div>
 `;
@@ -851,13 +796,11 @@ exports[`Paginated List props filter filters on default "id" key 1`] = `
   <div
     class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
   >
     <gl-search-box-by-type-stub
       clearbuttontitle="Clear"
       value=""
     />
   </div>
   <ul
     class="list-group list-group-flush list-unstyled"
   >
@@ -875,7 +818,6 @@ exports[`Paginated List props filter filters on default "id" key 1`] = `
       </div>
     </li>
   </ul>
   <gl-pagination-stub
     align="left"
     class="d-flex justify-content-center prepend-top-default"
@@ -892,8 +834,6 @@ exports[`Paginated List props filter filters on default "id" key 1`] = `
     totalitems="1"
     value="1"
   />
-  <!---->
 </div>
 `;
@@ -902,13 +842,11 @@ exports[`Paginated List props filter filters on provided "myKey" key 1`] = `
   <div
     class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
   >
     <gl-search-box-by-type-stub
       clearbuttontitle="Clear"
       value=""
     />
   </div>
   <ul
     class="list-group list-group-flush list-unstyled"
   >
@@ -926,7 +864,6 @@ exports[`Paginated List props filter filters on provided "myKey" key 1`] = `
       </div>
     </li>
   </ul>
   <gl-pagination-stub
     align="left"
     class="d-flex justify-content-center prepend-top-default"
@@ -943,8 +880,6 @@ exports[`Paginated List props filter filters on provided "myKey" key 1`] = `
     totalitems="1"
     value="1"
   />
-  <!---->
 </div>
 `;
@@ -953,13 +888,11 @@ exports[`Paginated List props filter filters with provided filter function 1`] =
   <div
     class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
   >
     <gl-search-box-by-type-stub
       clearbuttontitle="Clear"
       value=""
     />
   </div>
   <ul
     class="list-group list-group-flush list-unstyled"
   >
@@ -977,7 +910,6 @@ exports[`Paginated List props filter filters with provided filter function 1`] =
       </div>
     </li>
   </ul>
   <gl-pagination-stub
     align="left"
     class="d-flex justify-content-center prepend-top-default"
@@ -994,7 +926,5 @@ exports[`Paginated List props filter filters with provided filter function 1`] =
     totalitems="1"
     value="1"
   />
-  <!---->
 </div>
 `;

package/src/components/base/path/__snapshots__/path.spec.js.snap CHANGED Viewed

@@ -20,7 +20,6 @@ exports[`Path matches the snapshot 1`] = `
       />
     </button>
   </span>
   <ul
     class="gl-path-nav-list"
   >
@@ -31,7 +30,6 @@ exports[`Path matches the snapshot 1`] = `
       <button
         class="gl-path-button gl-path-active-item-indigo"
       >
-        <!---->
         First
         <span
@@ -40,7 +38,6 @@ exports[`Path matches the snapshot 1`] = `
           1d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -49,7 +46,6 @@ exports[`Path matches the snapshot 1`] = `
       <button
         class="gl-path-button"
       >
-        <!---->
         Second
         <span
@@ -58,7 +54,6 @@ exports[`Path matches the snapshot 1`] = `
           2d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -67,7 +62,6 @@ exports[`Path matches the snapshot 1`] = `
       <button
         class="gl-path-button"
       >
-        <!---->
         Third
         <span
@@ -76,7 +70,6 @@ exports[`Path matches the snapshot 1`] = `
           3d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -85,7 +78,6 @@ exports[`Path matches the snapshot 1`] = `
       <button
         class="gl-path-button"
       >
-        <!---->
         Fourth
         <span
@@ -94,7 +86,6 @@ exports[`Path matches the snapshot 1`] = `
           4d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -103,7 +94,6 @@ exports[`Path matches the snapshot 1`] = `
       <button
         class="gl-path-button"
       >
-        <!---->
         Fifth
         <span
@@ -112,7 +102,6 @@ exports[`Path matches the snapshot 1`] = `
           5d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -121,7 +110,6 @@ exports[`Path matches the snapshot 1`] = `
       <button
         class="gl-path-button"
       >
-        <!---->
         Sixth
         <span
@@ -130,7 +118,6 @@ exports[`Path matches the snapshot 1`] = `
           6d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -139,7 +126,6 @@ exports[`Path matches the snapshot 1`] = `
       <button
         class="gl-path-button"
       >
-        <!---->
         Seventh
         <span
@@ -148,7 +134,6 @@ exports[`Path matches the snapshot 1`] = `
           7d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -157,9 +142,8 @@ exports[`Path matches the snapshot 1`] = `
       <button
         category="tertiary"
         class="gl-path-button"
-        disabled="disabled"
+        disabled=""
       >
-        <!---->
         Eighth
         <span
@@ -168,7 +152,6 @@ exports[`Path matches the snapshot 1`] = `
           8d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -177,7 +160,6 @@ exports[`Path matches the snapshot 1`] = `
       <button
         class="gl-path-button"
       >
-        <!---->
         Ninth
         <span
@@ -186,7 +168,6 @@ exports[`Path matches the snapshot 1`] = `
           9d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -195,7 +176,6 @@ exports[`Path matches the snapshot 1`] = `
       <button
         class="gl-path-button"
       >
-        <!---->
         Tenth
         <span
@@ -204,10 +184,8 @@ exports[`Path matches the snapshot 1`] = `
           10d
         </span>
       </button>
     </li>
   </ul>
   <span
     class="gl-path-fade gl-path-fade-right"
     style="display: none;"
@@ -245,7 +223,6 @@ exports[`Path renders the list of items with icons matches the snapshot 1`] = `
       />
     </button>
   </span>
   <ul
     class="gl-path-nav-list"
   >
@@ -270,7 +247,6 @@ exports[`Path renders the list of items with icons matches the snapshot 1`] = `
           12d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -279,7 +255,6 @@ exports[`Path renders the list of items with icons matches the snapshot 1`] = `
       <button
         class="gl-path-button"
       >
-        <!---->
         Second
         <span
@@ -288,7 +263,6 @@ exports[`Path renders the list of items with icons matches the snapshot 1`] = `
           2d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -297,7 +271,6 @@ exports[`Path renders the list of items with icons matches the snapshot 1`] = `
       <button
         class="gl-path-button"
       >
-        <!---->
         Third
         <span
@@ -306,7 +279,6 @@ exports[`Path renders the list of items with icons matches the snapshot 1`] = `
           3d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -315,7 +287,6 @@ exports[`Path renders the list of items with icons matches the snapshot 1`] = `
       <button
         class="gl-path-button"
       >
-        <!---->
         Fourth
         <span
@@ -324,7 +295,6 @@ exports[`Path renders the list of items with icons matches the snapshot 1`] = `
           4d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -333,7 +303,6 @@ exports[`Path renders the list of items with icons matches the snapshot 1`] = `
       <button
         class="gl-path-button"
       >
-        <!---->
         Fifth
         <span
@@ -342,7 +311,6 @@ exports[`Path renders the list of items with icons matches the snapshot 1`] = `
           5d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -351,7 +319,6 @@ exports[`Path renders the list of items with icons matches the snapshot 1`] = `
       <button
         class="gl-path-button"
       >
-        <!---->
         Sixth
         <span
@@ -360,7 +327,6 @@ exports[`Path renders the list of items with icons matches the snapshot 1`] = `
           6d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -369,7 +335,6 @@ exports[`Path renders the list of items with icons matches the snapshot 1`] = `
       <button
         class="gl-path-button"
       >
-        <!---->
         Seventh
         <span
@@ -378,7 +343,6 @@ exports[`Path renders the list of items with icons matches the snapshot 1`] = `
           7d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -387,9 +351,8 @@ exports[`Path renders the list of items with icons matches the snapshot 1`] = `
       <button
         category="tertiary"
         class="gl-path-button"
-        disabled="disabled"
+        disabled=""
       >
-        <!---->
         Eighth
         <span
@@ -398,7 +361,6 @@ exports[`Path renders the list of items with icons matches the snapshot 1`] = `
           8d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -407,7 +369,6 @@ exports[`Path renders the list of items with icons matches the snapshot 1`] = `
       <button
         class="gl-path-button"
       >
-        <!---->
         Ninth
         <span
@@ -416,7 +377,6 @@ exports[`Path renders the list of items with icons matches the snapshot 1`] = `
           9d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -425,7 +385,6 @@ exports[`Path renders the list of items with icons matches the snapshot 1`] = `
       <button
         class="gl-path-button"
       >
-        <!---->
         Tenth
         <span
@@ -434,10 +393,8 @@ exports[`Path renders the list of items with icons matches the snapshot 1`] = `
           10d
         </span>
       </button>
     </li>
   </ul>
   <span
     class="gl-path-fade gl-path-fade-right"
     style="display: none;"
@@ -475,7 +432,6 @@ exports[`Path renders the list of items with metrics matches the snapshot 1`] =
       />
     </button>
   </span>
   <ul
     class="gl-path-nav-list"
   >
@@ -486,7 +442,6 @@ exports[`Path renders the list of items with metrics matches the snapshot 1`] =
       <button
         class="gl-path-button gl-path-active-item-indigo"
       >
-        <!---->
         First
         <span
@@ -495,7 +450,6 @@ exports[`Path renders the list of items with metrics matches the snapshot 1`] =
           12d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -504,7 +458,6 @@ exports[`Path renders the list of items with metrics matches the snapshot 1`] =
       <button
         class="gl-path-button"
       >
-        <!---->
         Second
         <span
@@ -513,7 +466,6 @@ exports[`Path renders the list of items with metrics matches the snapshot 1`] =
           2d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -522,7 +474,6 @@ exports[`Path renders the list of items with metrics matches the snapshot 1`] =
       <button
         class="gl-path-button"
       >
-        <!---->
         Third
         <span
@@ -531,7 +482,6 @@ exports[`Path renders the list of items with metrics matches the snapshot 1`] =
           3d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -540,7 +490,6 @@ exports[`Path renders the list of items with metrics matches the snapshot 1`] =
       <button
         class="gl-path-button"
       >
-        <!---->
         Fourth
         <span
@@ -549,7 +498,6 @@ exports[`Path renders the list of items with metrics matches the snapshot 1`] =
           4d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -558,7 +506,6 @@ exports[`Path renders the list of items with metrics matches the snapshot 1`] =
       <button
         class="gl-path-button"
       >
-        <!---->
         Fifth
         <span
@@ -567,7 +514,6 @@ exports[`Path renders the list of items with metrics matches the snapshot 1`] =
           5d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -576,7 +522,6 @@ exports[`Path renders the list of items with metrics matches the snapshot 1`] =
       <button
         class="gl-path-button"
       >
-        <!---->
         Sixth
         <span
@@ -585,7 +530,6 @@ exports[`Path renders the list of items with metrics matches the snapshot 1`] =
           6d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -594,7 +538,6 @@ exports[`Path renders the list of items with metrics matches the snapshot 1`] =
       <button
         class="gl-path-button"
       >
-        <!---->
         Seventh
         <span
@@ -603,7 +546,6 @@ exports[`Path renders the list of items with metrics matches the snapshot 1`] =
           7d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -612,9 +554,8 @@ exports[`Path renders the list of items with metrics matches the snapshot 1`] =
       <button
         category="tertiary"
         class="gl-path-button"
-        disabled="disabled"
+        disabled=""
       >
-        <!---->
         Eighth
         <span
@@ -623,7 +564,6 @@ exports[`Path renders the list of items with metrics matches the snapshot 1`] =
           8d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -632,7 +572,6 @@ exports[`Path renders the list of items with metrics matches the snapshot 1`] =
       <button
         class="gl-path-button"
       >
-        <!---->
         Ninth
         <span
@@ -641,7 +580,6 @@ exports[`Path renders the list of items with metrics matches the snapshot 1`] =
           9d
         </span>
       </button>
     </li>
     <li
       class="gl-path-nav-list-item"
@@ -650,7 +588,6 @@ exports[`Path renders the list of items with metrics matches the snapshot 1`] =
       <button
         class="gl-path-button"
       >
-        <!---->
         Tenth
         <span
@@ -659,10 +596,8 @@ exports[`Path renders the list of items with metrics matches the snapshot 1`] =
           10d
         </span>
       </button>
     </li>
   </ul>
   <span
     class="gl-path-fade gl-path-fade-right"
     style="display: none;"