feat(tooltip): add pf-v6-tooltip element

elements/pf-v5-chip/demo/long-chip-with-tooltip.html

@@ -1,7 +1,7 @@
-<pf-v5-tooltip>
+<pf-v6-tooltip>
   <pf-v5-chip id="longchip">Really long chip that goes on and on</pf-v5-chip>
   <span slot="content">Really long chip that goes on and on</span>
-</pf-v5-tooltip>
+</pf-v6-tooltip>
 
 <style>
   #longchip::part(text) {
@@ -16,6 +16,6 @@
 
 <script type="module">
   import '@patternfly/elements/pf-v5-chip/pf-v5-chip.js';
-  import '@patternfly/elements/pf-v5-tooltip/pf-v5-tooltip.js';
+  import '@patternfly/elements/pf-v6-tooltip/pf-v6-tooltip.js';
 </script>
 

elements/pf-v5-clipboard-copy/pf-v5-clipboard-copy.ts

@@ -9,7 +9,7 @@ import formControlStyles from '../form-control.css';
 
 import '@patternfly/elements/pf-v5-button/pf-v5-button.js';
 import '@patternfly/elements/pf-v5-icon/pf-v5-icon.js';
-import '@patternfly/elements/pf-v5-tooltip/pf-v5-tooltip.js';
+import '@patternfly/elements/pf-v6-tooltip/pf-v6-tooltip.js';
 
 const sleep = (ms?: number) => new Promise(r => setTimeout(r, ms));
 
@@ -112,7 +112,7 @@ export class PfV5ClipboardCopy extends LitElement {
                  ?disabled="${expanded || readonly}"
                  .value="${this.value}"
                  @input="${this.#onChange}">
-          <pf-v5-tooltip>
+          <pf-v6-tooltip>
             <pf-v5-button id="copy-button"
                        icon="copy"
                        ?plain="${inline || compact}"
@@ -121,7 +121,7 @@ export class PfV5ClipboardCopy extends LitElement {
                        @click="${this.copy}">
             </pf-v5-button>
             <span slot="content">${this.#copied ? this.clickTip : this.hoverTip}</span>
-          </pf-v5-tooltip>
+          </pf-v6-tooltip>
           <!-- Place additional action buttons here -->
           <slot name="actions"></slot>
         </div>

elements/pf-v5-icon/demo/sets.html

@@ -13,7 +13,7 @@ <h1>Default Icon Sets</h1>
 
 <script type="module">
   import '@patternfly/elements/pf-v5-icon/pf-v5-icon.js';
-  import '@patternfly/elements/pf-v5-tooltip/pf-v5-tooltip.js';
+  import '@patternfly/elements/pf-v6-tooltip/pf-v6-tooltip.js';
 
   import { render, html } from 'lit';
   import { repeat } from 'lit/directives/repeat.js';

elements/pf-v5-progress/pf-v5-progress.ts

@@ -74,7 +74,7 @@ export class PfV5Progress extends LitElement {
       import('@patternfly/elements/pf-v5-icon/pf-v5-icon.js');
     }
     if (this.descriptionTruncated) {
-      import('@patternfly/elements/pf-v5-tooltip/pf-v5-tooltip.js');
+      import('@patternfly/elements/pf-v6-tooltip/pf-v6-tooltip.js');
     }
   }
 
@@ -97,8 +97,8 @@ export class PfV5Progress extends LitElement {
         <div id="description" aria-hidden="true">${description ?? ''}</div>
 
         ${!descriptionTruncated ? '' : html`
-        <pf-v5-tooltip content="${this.description ?? ''}"
-                    trigger="description"></pf-v5-tooltip>
+        <pf-v6-tooltip content="${this.description ?? ''}"
+                    trigger="description"></pf-v6-tooltip>
         `}
 
         ${measureLocation === 'none' ? '' : html`

elements/pf-v5-timestamp/demo/custom-tooltip.html

@@ -1,21 +1,21 @@
 <section>
   <p>
-    <pf-v5-tooltip>
+    <pf-v6-tooltip>
       <pf-v5-timestamp date="Tue Aug 09 2022 14:57:00 GMT-0400 (Eastern Daylight Time)"></pf-v5-timestamp>
       <span slot="content">Last updated on <pf-v5-timestamp date="Tue Aug 09 2022 14:57:00 GMT-0400 (Eastern Daylight Time)" date-format="long" time-format="short" utc></pf-v5-timestamp></span>
-    </pf-v5-tooltip>
+    </pf-v6-tooltip>
   </p>
   <p>
-    <pf-v5-tooltip>
+    <pf-v6-tooltip>
       Halloween
       <pf-v5-timestamp slot="content" date="Mon Oct 31 2022 00:00:00 GMT-0400 (Eastern Daylight Time)" date-format="medium"></pf-v5-timestamp>
-    </pf-v5-tooltip>
+    </pf-v6-tooltip>
   </p>
 </section>
 
 <script type="module">
   import '@patternfly/elements/pf-v5-timestamp/pf-v5-timestamp.js';
-  import '@patternfly/elements/pf-v5-tooltip/pf-v5-tooltip.js';
+  import '@patternfly/elements/pf-v6-tooltip/pf-v6-tooltip.js';
 </script>
 
 <style>

elements/pf-v5-timestamp/demo/relative-format-with-tooltip.html

@@ -1,21 +1,21 @@
 <section>
   <p>
-    <pf-v5-tooltip>
+    <pf-v6-tooltip>
       <pf-v5-timestamp date="Tue Aug 09 2022 14:57:00 GMT-0400 (Eastern Daylight Time)" relative></pf-v5-timestamp>
       <pf-v5-timestamp slot="content" date="Tue Aug 09 2022 14:57:00 GMT-0400 (Eastern Daylight Time)"></pf-v5-timestamp>
-    </pf-v5-tooltip>
+    </pf-v6-tooltip>
   </p>
   <p>
-    <pf-v5-tooltip>
+    <pf-v6-tooltip>
       <pf-v5-timestamp date="Aug 09 2024 14:57:00 GMT-0400 (Eastern Daylight Time)" relative></pf-v5-timestamp>
       <pf-v5-timestamp slot="content" date="Aug 09 2024 14:57:00 GMT-0400 (Eastern Daylight Time)"></pf-v5-timestamp>
-    </pf-v5-tooltip>
+    </pf-v6-tooltip>
   </p>
 </section>
 
 <script type="module">
   import '@patternfly/elements/pf-v5-timestamp/pf-v5-timestamp.js';
-  import '@patternfly/elements/pf-v5-tooltip/pf-v5-tooltip.js';
+  import '@patternfly/elements/pf-v6-tooltip/pf-v6-tooltip.js';
 </script>
 
 <style>

elements/pf-v5-timestamp/demo/tooltip.html

@@ -1,21 +1,21 @@
 <section>
   <p>
-    <pf-v5-tooltip>
+    <pf-v6-tooltip>
       <pf-v5-timestamp></pf-v5-timestamp>
       <pf-v5-timestamp slot="content" utc></pf-v5-timestamp>
-    </pf-v5-tooltip>
+    </pf-v6-tooltip>
   </p>
   <p>
-    <pf-v5-tooltip>
+    <pf-v6-tooltip>
       <pf-v5-timestamp></pf-v5-timestamp>
       <pf-v5-timestamp slot="content" utc display-suffix="Coordinated Universal Time"></pf-v5-timestamp>
-    </pf-v5-tooltip>
+    </pf-v6-tooltip>
   </p>
 </section>
 
 <script type="module">
   import '@patternfly/elements/pf-v5-timestamp/pf-v5-timestamp.js';
-  import '@patternfly/elements/pf-v5-tooltip/pf-v5-tooltip.js';
+  import '@patternfly/elements/pf-v6-tooltip/pf-v6-tooltip.js';
 </script>
 
 <style>