npm - @patternfly/patternfly - Versions diffs - 6.2.1 → 6.2.2 - Mend

@patternfly/patternfly 6.2.1 → 6.2.2

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 (504) hide show

package/{docs → dist/docs}/demos/Tabs/examples/Tabs.md RENAMED Viewed

@@ -276,25 +276,6 @@ section: components
                 <button
                   type="button"
                   class="pf-v6-c-tabs__link"
-                  onclick="
-                                              event.preventDefault();
-                                              ((e) => {
-                                                const el = this,
-                                                      li = this.closest('li'),
-                                                      ul = this.closest('ul'),
-                                                      tabs = this.closest('.pf-v6-c-tabs'),
-                                                      left = Math.round(li.offsetLeft),
-                                                      top = Math.round(li.offsetTop),
-                                                      width = Math.round(li.offsetWidth),
-                                                      height = Math.round(li.offsetHeight);
-                                                ul.querySelectorAll('li').forEach(function(el) {
-                                                  el.classList.remove('pf-m-current')});
-                                                  li.classList.add('pf-m-current');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                                }
-                                              )()"
                   role="tab"
                   aria-controls="tabs-tables-and-tabs-example-tabs-details-panel"
                   id="tabs-tables-and-tabs-example-tabs-details-link"
@@ -306,25 +287,6 @@ section: components
                 <button
                   type="button"
                   class="pf-v6-c-tabs__link"
-                  onclick="
-                                              event.preventDefault();
-                                              ((e) => {
-                                                const el = this,
-                                                      li = this.closest('li'),
-                                                      ul = this.closest('ul'),
-                                                      tabs = this.closest('.pf-v6-c-tabs'),
-                                                      left = Math.round(li.offsetLeft),
-                                                      top = Math.round(li.offsetTop),
-                                                      width = Math.round(li.offsetWidth),
-                                                      height = Math.round(li.offsetHeight);
-                                                ul.querySelectorAll('li').forEach(function(el) {
-                                                  el.classList.remove('pf-m-current')});
-                                                  li.classList.add('pf-m-current');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                                }
-                                              )()"
                   role="tab"
                   aria-controls="tabs-tables-and-tabs-example-tabs-yaml-panel"
                   id="tabs-tables-and-tabs-example-tabs-yaml-link"
@@ -336,25 +298,6 @@ section: components
                 <button
                   type="button"
                   class="pf-v6-c-tabs__link"
-                  onclick="
-                                              event.preventDefault();
-                                              ((e) => {
-                                                const el = this,
-                                                      li = this.closest('li'),
-                                                      ul = this.closest('ul'),
-                                                      tabs = this.closest('.pf-v6-c-tabs'),
-                                                      left = Math.round(li.offsetLeft),
-                                                      top = Math.round(li.offsetTop),
-                                                      width = Math.round(li.offsetWidth),
-                                                      height = Math.round(li.offsetHeight);
-                                                ul.querySelectorAll('li').forEach(function(el) {
-                                                  el.classList.remove('pf-m-current')});
-                                                  li.classList.add('pf-m-current');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                                }
-                                              )()"
                   role="tab"
                   aria-controls="tabs-tables-and-tabs-example-tabs-environment-panel"
                   id="tabs-tables-and-tabs-example-tabs-environment-link"
@@ -366,25 +309,6 @@ section: components
                 <button
                   type="button"
                   class="pf-v6-c-tabs__link"
-                  onclick="
-                                              event.preventDefault();
-                                              ((e) => {
-                                                const el = this,
-                                                      li = this.closest('li'),
-                                                      ul = this.closest('ul'),
-                                                      tabs = this.closest('.pf-v6-c-tabs'),
-                                                      left = Math.round(li.offsetLeft),
-                                                      top = Math.round(li.offsetTop),
-                                                      width = Math.round(li.offsetWidth),
-                                                      height = Math.round(li.offsetHeight);
-                                                ul.querySelectorAll('li').forEach(function(el) {
-                                                  el.classList.remove('pf-m-current')});
-                                                  li.classList.add('pf-m-current');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                                }
-                                              )()"
                   role="tab"
                   aria-controls="tabs-tables-and-tabs-example-tabs-logs-panel"
                   id="tabs-tables-and-tabs-example-tabs-logs-link"
@@ -396,25 +320,6 @@ section: components
                 <button
                   type="button"
                   class="pf-v6-c-tabs__link"
-                  onclick="
-                                              event.preventDefault();
-                                              ((e) => {
-                                                const el = this,
-                                                      li = this.closest('li'),
-                                                      ul = this.closest('ul'),
-                                                      tabs = this.closest('.pf-v6-c-tabs'),
-                                                      left = Math.round(li.offsetLeft),
-                                                      top = Math.round(li.offsetTop),
-                                                      width = Math.round(li.offsetWidth),
-                                                      height = Math.round(li.offsetHeight);
-                                                ul.querySelectorAll('li').forEach(function(el) {
-                                                  el.classList.remove('pf-m-current')});
-                                                  li.classList.add('pf-m-current');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                                }
-                                              )()"
                   role="tab"
                   aria-controls="tabs-tables-and-tabs-example-tabs-events-panel"
                   id="tabs-tables-and-tabs-example-tabs-events-link"
@@ -426,25 +331,6 @@ section: components
                 <button
                   type="button"
                   class="pf-v6-c-tabs__link"
-                  onclick="
-                                              event.preventDefault();
-                                              ((e) => {
-                                                const el = this,
-                                                      li = this.closest('li'),
-                                                      ul = this.closest('ul'),
-                                                      tabs = this.closest('.pf-v6-c-tabs'),
-                                                      left = Math.round(li.offsetLeft),
-                                                      top = Math.round(li.offsetTop),
-                                                      width = Math.round(li.offsetWidth),
-                                                      height = Math.round(li.offsetHeight);
-                                                ul.querySelectorAll('li').forEach(function(el) {
-                                                  el.classList.remove('pf-m-current')});
-                                                  li.classList.add('pf-m-current');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                                }
-                                              )()"
                   role="tab"
                   aria-controls="tabs-tables-and-tabs-example-tabs-terminal-panel"
                   id="tabs-tables-and-tabs-example-tabs-terminal-link"
@@ -955,25 +841,6 @@ section: components
                 <button
                   type="button"
                   class="pf-v6-c-tabs__link"
-                  onclick="
-                                              event.preventDefault();
-                                              ((e) => {
-                                                const el = this,
-                                                      li = this.closest('li'),
-                                                      ul = this.closest('ul'),
-                                                      tabs = this.closest('.pf-v6-c-tabs'),
-                                                      left = Math.round(li.offsetLeft),
-                                                      top = Math.round(li.offsetTop),
-                                                      width = Math.round(li.offsetWidth),
-                                                      height = Math.round(li.offsetHeight);
-                                                ul.querySelectorAll('li').forEach(function(el) {
-                                                  el.classList.remove('pf-m-current')});
-                                                  li.classList.add('pf-m-current');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                                }
-                                              )()"
                   role="tab"
                   aria-controls="tabs-tables-and-tabs-example-tabs-details-panel"
                   id="tabs-tables-and-tabs-example-tabs-details-link"
@@ -985,25 +852,6 @@ section: components
                 <button
                   type="button"
                   class="pf-v6-c-tabs__link"
-                  onclick="
-                                              event.preventDefault();
-                                              ((e) => {
-                                                const el = this,
-                                                      li = this.closest('li'),
-                                                      ul = this.closest('ul'),
-                                                      tabs = this.closest('.pf-v6-c-tabs'),
-                                                      left = Math.round(li.offsetLeft),
-                                                      top = Math.round(li.offsetTop),
-                                                      width = Math.round(li.offsetWidth),
-                                                      height = Math.round(li.offsetHeight);
-                                                ul.querySelectorAll('li').forEach(function(el) {
-                                                  el.classList.remove('pf-m-current')});
-                                                  li.classList.add('pf-m-current');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                                }
-                                              )()"
                   role="tab"
                   aria-controls="tabs-tables-and-tabs-example-tabs-yaml-panel"
                   id="tabs-tables-and-tabs-example-tabs-yaml-link"
@@ -1015,25 +863,6 @@ section: components
                 <button
                   type="button"
                   class="pf-v6-c-tabs__link"
-                  onclick="
-                                              event.preventDefault();
-                                              ((e) => {
-                                                const el = this,
-                                                      li = this.closest('li'),
-                                                      ul = this.closest('ul'),
-                                                      tabs = this.closest('.pf-v6-c-tabs'),
-                                                      left = Math.round(li.offsetLeft),
-                                                      top = Math.round(li.offsetTop),
-                                                      width = Math.round(li.offsetWidth),
-                                                      height = Math.round(li.offsetHeight);
-                                                ul.querySelectorAll('li').forEach(function(el) {
-                                                  el.classList.remove('pf-m-current')});
-                                                  li.classList.add('pf-m-current');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                                }
-                                              )()"
                   role="tab"
                   aria-controls="tabs-tables-and-tabs-example-tabs-environment-panel"
                   id="tabs-tables-and-tabs-example-tabs-environment-link"
@@ -1045,25 +874,6 @@ section: components
                 <button
                   type="button"
                   class="pf-v6-c-tabs__link"
-                  onclick="
-                                              event.preventDefault();
-                                              ((e) => {
-                                                const el = this,
-                                                      li = this.closest('li'),
-                                                      ul = this.closest('ul'),
-                                                      tabs = this.closest('.pf-v6-c-tabs'),
-                                                      left = Math.round(li.offsetLeft),
-                                                      top = Math.round(li.offsetTop),
-                                                      width = Math.round(li.offsetWidth),
-                                                      height = Math.round(li.offsetHeight);
-                                                ul.querySelectorAll('li').forEach(function(el) {
-                                                  el.classList.remove('pf-m-current')});
-                                                  li.classList.add('pf-m-current');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                                }
-                                              )()"
                   role="tab"
                   aria-controls="tabs-tables-and-tabs-example-tabs-logs-panel"
                   id="tabs-tables-and-tabs-example-tabs-logs-link"
@@ -1075,25 +885,6 @@ section: components
                 <button
                   type="button"
                   class="pf-v6-c-tabs__link"
-                  onclick="
-                                              event.preventDefault();
-                                              ((e) => {
-                                                const el = this,
-                                                      li = this.closest('li'),
-                                                      ul = this.closest('ul'),
-                                                      tabs = this.closest('.pf-v6-c-tabs'),
-                                                      left = Math.round(li.offsetLeft),
-                                                      top = Math.round(li.offsetTop),
-                                                      width = Math.round(li.offsetWidth),
-                                                      height = Math.round(li.offsetHeight);
-                                                ul.querySelectorAll('li').forEach(function(el) {
-                                                  el.classList.remove('pf-m-current')});
-                                                  li.classList.add('pf-m-current');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                                }
-                                              )()"
                   role="tab"
                   aria-controls="tabs-tables-and-tabs-example-tabs-events-panel"
                   id="tabs-tables-and-tabs-example-tabs-events-link"
@@ -1105,25 +896,6 @@ section: components
                 <button
                   type="button"
                   class="pf-v6-c-tabs__link"
-                  onclick="
-                                              event.preventDefault();
-                                              ((e) => {
-                                                const el = this,
-                                                      li = this.closest('li'),
-                                                      ul = this.closest('ul'),
-                                                      tabs = this.closest('.pf-v6-c-tabs'),
-                                                      left = Math.round(li.offsetLeft),
-                                                      top = Math.round(li.offsetTop),
-                                                      width = Math.round(li.offsetWidth),
-                                                      height = Math.round(li.offsetHeight);
-                                                ul.querySelectorAll('li').forEach(function(el) {
-                                                  el.classList.remove('pf-m-current')});
-                                                  li.classList.add('pf-m-current');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                                }
-                                              )()"
                   role="tab"
                   aria-controls="tabs-tables-and-tabs-example-tabs-terminal-panel"
                   id="tabs-tables-and-tabs-example-tabs-terminal-link"
@@ -1147,25 +919,6 @@ section: components
                 <button
                   type="button"
                   class="pf-v6-c-tabs__link"
-                  onclick="
-                                              event.preventDefault();
-                                              ((e) => {
-                                                const el = this,
-                                                      li = this.closest('li'),
-                                                      ul = this.closest('ul'),
-                                                      tabs = this.closest('.pf-v6-c-tabs'),
-                                                      left = Math.round(li.offsetLeft),
-                                                      top = Math.round(li.offsetTop),
-                                                      width = Math.round(li.offsetWidth),
-                                                      height = Math.round(li.offsetHeight);
-                                                ul.querySelectorAll('li').forEach(function(el) {
-                                                  el.classList.remove('pf-m-current')});
-                                                  li.classList.add('pf-m-current');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                                }
-                                              )()"
                   role="tab"
                   aria-controls="tabs-tables-and-tabs-example-tabs-secondary-pod-info-panel"
                   id="tabs-tables-and-tabs-example-tabs-secondary-pod-info-link"
@@ -1177,25 +930,6 @@ section: components
                 <button
                   type="button"
                   class="pf-v6-c-tabs__link"
-                  onclick="
-                                              event.preventDefault();
-                                              ((e) => {
-                                                const el = this,
-                                                      li = this.closest('li'),
-                                                      ul = this.closest('ul'),
-                                                      tabs = this.closest('.pf-v6-c-tabs'),
-                                                      left = Math.round(li.offsetLeft),
-                                                      top = Math.round(li.offsetTop),
-                                                      width = Math.round(li.offsetWidth),
-                                                      height = Math.round(li.offsetHeight);
-                                                ul.querySelectorAll('li').forEach(function(el) {
-                                                  el.classList.remove('pf-m-current')});
-                                                  li.classList.add('pf-m-current');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                                }
-                                              )()"
                   role="tab"
                   aria-controls="tabs-tables-and-tabs-example-tabs-secondary-editable-aspects-panel"
                   id="tabs-tables-and-tabs-example-tabs-secondary-editable-aspects-link"
@@ -1674,25 +1408,6 @@ section: components
                 <button
                   type="button"
                   class="pf-v6-c-tabs__link"
-                  onclick="
-                                            event.preventDefault();
-                                            ((e) => {
-                                              const el = this,
-                                                    li = this.closest('li'),
-                                                    ul = this.closest('ul'),
-                                                    tabs = this.closest('.pf-v6-c-tabs'),
-                                                    left = Math.round(li.offsetLeft),
-                                                    top = Math.round(li.offsetTop),
-                                                    width = Math.round(li.offsetWidth),
-                                                    height = Math.round(li.offsetHeight);
-                                              ul.querySelectorAll('li').forEach(function(el) {
-                                                el.classList.remove('pf-m-current')});
-                                                li.classList.add('pf-m-current');
-                                                  tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                  tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                              }
-                                            )()"
                   role="tab"
                   aria-controls="nested-tabs-example-tabs-tabs-cluster-1-panel"
                   id="nested-tabs-example-tabs-tabs-cluster-1-link"
@@ -1704,25 +1419,6 @@ section: components
                 <button
                   type="button"
                   class="pf-v6-c-tabs__link"
-                  onclick="
-                                            event.preventDefault();
-                                            ((e) => {
-                                              const el = this,
-                                                    li = this.closest('li'),
-                                                    ul = this.closest('ul'),
-                                                    tabs = this.closest('.pf-v6-c-tabs'),
-                                                    left = Math.round(li.offsetLeft),
-                                                    top = Math.round(li.offsetTop),
-                                                    width = Math.round(li.offsetWidth),
-                                                    height = Math.round(li.offsetHeight);
-                                              ul.querySelectorAll('li').forEach(function(el) {
-                                                el.classList.remove('pf-m-current')});
-                                                li.classList.add('pf-m-current');
-                                                  tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                  tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                              }
-                                            )()"
                   role="tab"
                   aria-controls="nested-tabs-example-tabs-tabs-cluster-2-panel"
                   id="nested-tabs-example-tabs-tabs-cluster-2-link"
@@ -1768,25 +1464,6 @@ section: components
                                 <button
                                   type="button"
                                   class="pf-v6-c-tabs__link"
-                                  onclick="
-                                                                              event.preventDefault();
-                                                                              ((e) => {
-                                                                                const el = this,
-                                                                                      li = this.closest('li'),
-                                                                                      ul = this.closest('ul'),
-                                                                                      tabs = this.closest('.pf-v6-c-tabs'),
-                                                                                      left = Math.round(li.offsetLeft),
-                                                                                      top = Math.round(li.offsetTop),
-                                                                                      width = Math.round(li.offsetWidth),
-                                                                                      height = Math.round(li.offsetHeight);
-                                                                                ul.querySelectorAll('li').forEach(function(el) {
-                                                                                  el.classList.remove('pf-m-current')});
-                                                                                  li.classList.add('pf-m-current');
-                                                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                                                                }
-                                                                              )()"
                                   role="tab"
                                   aria-controls="nested-tabs-example-tabs-tabs-subtabs-cluster-panel"
                                   id="nested-tabs-example-tabs-tabs-subtabs-cluster-link"
@@ -1801,25 +1478,6 @@ section: components
                                 <button
                                   type="button"
                                   class="pf-v6-c-tabs__link"
-                                  onclick="
-                                                                              event.preventDefault();
-                                                                              ((e) => {
-                                                                                const el = this,
-                                                                                      li = this.closest('li'),
-                                                                                      ul = this.closest('ul'),
-                                                                                      tabs = this.closest('.pf-v6-c-tabs'),
-                                                                                      left = Math.round(li.offsetLeft),
-                                                                                      top = Math.round(li.offsetTop),
-                                                                                      width = Math.round(li.offsetWidth),
-                                                                                      height = Math.round(li.offsetHeight);
-                                                                                ul.querySelectorAll('li').forEach(function(el) {
-                                                                                  el.classList.remove('pf-m-current')});
-                                                                                  li.classList.add('pf-m-current');
-                                                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                                                                }
-                                                                              )()"
                                   role="tab"
                                   aria-controls="nested-tabs-example-tabs-tabs-subtabs-control-plane-panel"
                                   id="nested-tabs-example-tabs-tabs-subtabs-control-plane-link"
@@ -1836,25 +1494,6 @@ section: components
                                 <button
                                   type="button"
                                   class="pf-v6-c-tabs__link"
-                                  onclick="
-                                                                              event.preventDefault();
-                                                                              ((e) => {
-                                                                                const el = this,
-                                                                                      li = this.closest('li'),
-                                                                                      ul = this.closest('ul'),
-                                                                                      tabs = this.closest('.pf-v6-c-tabs'),
-                                                                                      left = Math.round(li.offsetLeft),
-                                                                                      top = Math.round(li.offsetTop),
-                                                                                      width = Math.round(li.offsetWidth),
-                                                                                      height = Math.round(li.offsetHeight);
-                                                                                ul.querySelectorAll('li').forEach(function(el) {
-                                                                                  el.classList.remove('pf-m-current')});
-                                                                                  li.classList.add('pf-m-current');
-                                                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                                                                }
-                                                                              )()"
                                   role="tab"
                                   aria-controls="nested-tabs-example-tabs-tabs-subtabs-operators-panel"
                                   id="nested-tabs-example-tabs-tabs-subtabs-operators-link"
@@ -1871,25 +1510,6 @@ section: components
                                 <button
                                   type="button"
                                   class="pf-v6-c-tabs__link"
-                                  onclick="
-                                                                              event.preventDefault();
-                                                                              ((e) => {
-                                                                                const el = this,
-                                                                                      li = this.closest('li'),
-                                                                                      ul = this.closest('ul'),
-                                                                                      tabs = this.closest('.pf-v6-c-tabs'),
-                                                                                      left = Math.round(li.offsetLeft),
-                                                                                      top = Math.round(li.offsetTop),
-                                                                                      width = Math.round(li.offsetWidth),
-                                                                                      height = Math.round(li.offsetHeight);
-                                                                                ul.querySelectorAll('li').forEach(function(el) {
-                                                                                  el.classList.remove('pf-m-current')});
-                                                                                  li.classList.add('pf-m-current');
-                                                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                                                                }
-                                                                              )()"
                                   role="tab"
                                   aria-controls="nested-tabs-example-tabs-tabs-subtabs-virtualization-panel"
                                   id="nested-tabs-example-tabs-tabs-subtabs-virtualization-link"
@@ -2961,25 +2581,6 @@ section: components
                         <button
                           type="button"
                           class="pf-v6-c-tabs__link"
-                          onclick="
-                                                              event.preventDefault();
-                                                              ((e) => {
-                                                                const el = this,
-                                                                      li = this.closest('li'),
-                                                                      ul = this.closest('ul'),
-                                                                      tabs = this.closest('.pf-v6-c-tabs'),
-                                                                      left = Math.round(li.offsetLeft),
-                                                                      top = Math.round(li.offsetTop),
-                                                                      width = Math.round(li.offsetWidth),
-                                                                      height = Math.round(li.offsetHeight);
-                                                                ul.querySelectorAll('li').forEach(function(el) {
-                                                                  el.classList.remove('pf-m-current')});
-                                                                  li.classList.add('pf-m-current');
-                                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                                                }
-                                                              )()"
                           role="tab"
                           aria-controls="-tabs-tab1-panel"
                           id="-tabs-tab1-link"
@@ -2991,25 +2592,6 @@ section: components
                         <button
                           type="button"
                           class="pf-v6-c-tabs__link"
-                          onclick="
-                                                              event.preventDefault();
-                                                              ((e) => {
-                                                                const el = this,
-                                                                      li = this.closest('li'),
-                                                                      ul = this.closest('ul'),
-                                                                      tabs = this.closest('.pf-v6-c-tabs'),
-                                                                      left = Math.round(li.offsetLeft),
-                                                                      top = Math.round(li.offsetTop),
-                                                                      width = Math.round(li.offsetWidth),
-                                                                      height = Math.round(li.offsetHeight);
-                                                                ul.querySelectorAll('li').forEach(function(el) {
-                                                                  el.classList.remove('pf-m-current')});
-                                                                  li.classList.add('pf-m-current');
-                                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                                    tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                                                }
-                                                              )()"
                           role="tab"
                           aria-controls="-tabs-tab2-panel"
                           id="-tabs-tab2-link"
@@ -3226,25 +2808,6 @@ section: components
                   <button
                     type="button"
                     class="pf-v6-c-tabs__link"
-                    onclick="
-                                            event.preventDefault();
-                                            ((e) => {
-                                              const el = this,
-                                                    li = this.closest('li'),
-                                                    ul = this.closest('ul'),
-                                                    tabs = this.closest('.pf-v6-c-tabs'),
-                                                    left = Math.round(li.offsetLeft),
-                                                    top = Math.round(li.offsetTop),
-                                                    width = Math.round(li.offsetWidth),
-                                                    height = Math.round(li.offsetHeight);
-                                              ul.querySelectorAll('li').forEach(function(el) {
-                                                el.classList.remove('pf-m-current')});
-                                                li.classList.add('pf-m-current');
-                                                  tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                  tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                              }
-                                            )()"
                     role="tab"
                     aria-controls="modal-tabs-example-tabs-details-panel"
                     id="modal-tabs-example-tabs-details-link"
@@ -3256,25 +2819,6 @@ section: components
                   <button
                     type="button"
                     class="pf-v6-c-tabs__link"
-                    onclick="
-                                            event.preventDefault();
-                                            ((e) => {
-                                              const el = this,
-                                                    li = this.closest('li'),
-                                                    ul = this.closest('ul'),
-                                                    tabs = this.closest('.pf-v6-c-tabs'),
-                                                    left = Math.round(li.offsetLeft),
-                                                    top = Math.round(li.offsetTop),
-                                                    width = Math.round(li.offsetWidth),
-                                                    height = Math.round(li.offsetHeight);
-                                              ul.querySelectorAll('li').forEach(function(el) {
-                                                el.classList.remove('pf-m-current')});
-                                                li.classList.add('pf-m-current');
-                                                  tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                  tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                              }
-                                            )()"
                     role="tab"
                     aria-controls="modal-tabs-example-tabs-documentation-panel"
                     id="modal-tabs-example-tabs-documentation-link"
@@ -3900,25 +3444,6 @@ section: components
                 <button
                   type="button"
                   class="pf-v6-c-tabs__link"
-                  onclick="
-                                            event.preventDefault();
-                                            ((e) => {
-                                              const el = this,
-                                                    li = this.closest('li'),
-                                                    ul = this.closest('ul'),
-                                                    tabs = this.closest('.pf-v6-c-tabs'),
-                                                    left = Math.round(li.offsetLeft),
-                                                    top = Math.round(li.offsetTop),
-                                                    width = Math.round(li.offsetWidth),
-                                                    height = Math.round(li.offsetHeight);
-                                              ul.querySelectorAll('li').forEach(function(el) {
-                                                el.classList.remove('pf-m-current')});
-                                                li.classList.add('pf-m-current');
-                                                  tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                  tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                              }
-                                            )()"
                   role="tab"
                   aria-controls="gray-tabs-example-tabs-tabs-new-panel"
                   id="gray-tabs-example-tabs-tabs-new-link"
@@ -3930,25 +3455,6 @@ section: components
                 <button
                   type="button"
                   class="pf-v6-c-tabs__link"
-                  onclick="
-                                            event.preventDefault();
-                                            ((e) => {
-                                              const el = this,
-                                                    li = this.closest('li'),
-                                                    ul = this.closest('ul'),
-                                                    tabs = this.closest('.pf-v6-c-tabs'),
-                                                    left = Math.round(li.offsetLeft),
-                                                    top = Math.round(li.offsetTop),
-                                                    width = Math.round(li.offsetWidth),
-                                                    height = Math.round(li.offsetHeight);
-                                              ul.querySelectorAll('li').forEach(function(el) {
-                                                el.classList.remove('pf-m-current')});
-                                                li.classList.add('pf-m-current');
-                                                  tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                  tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                              }
-                                            )()"
                   role="tab"
                   aria-controls="gray-tabs-example-tabs-tabs-get-started-panel"
                   id="gray-tabs-example-tabs-tabs-get-started-link"
@@ -3960,25 +3466,6 @@ section: components
                 <button
                   type="button"
                   class="pf-v6-c-tabs__link"
-                  onclick="
-                                            event.preventDefault();
-                                            ((e) => {
-                                              const el = this,
-                                                    li = this.closest('li'),
-                                                    ul = this.closest('ul'),
-                                                    tabs = this.closest('.pf-v6-c-tabs'),
-                                                    left = Math.round(li.offsetLeft),
-                                                    top = Math.round(li.offsetTop),
-                                                    width = Math.round(li.offsetWidth),
-                                                    height = Math.round(li.offsetHeight);
-                                              ul.querySelectorAll('li').forEach(function(el) {
-                                                el.classList.remove('pf-m-current')});
-                                                li.classList.add('pf-m-current');
-                                                  tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                  tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                              }
-                                            )()"
                   role="tab"
                   aria-controls="gray-tabs-example-tabs-tabs-knowledge-panel"
                   id="gray-tabs-example-tabs-tabs-knowledge-link"
@@ -3990,25 +3477,6 @@ section: components
                 <button
                   type="button"
                   class="pf-v6-c-tabs__link"
-                  onclick="
-                                            event.preventDefault();
-                                            ((e) => {
-                                              const el = this,
-                                                    li = this.closest('li'),
-                                                    ul = this.closest('ul'),
-                                                    tabs = this.closest('.pf-v6-c-tabs'),
-                                                    left = Math.round(li.offsetLeft),
-                                                    top = Math.round(li.offsetTop),
-                                                    width = Math.round(li.offsetWidth),
-                                                    height = Math.round(li.offsetHeight);
-                                              ul.querySelectorAll('li').forEach(function(el) {
-                                                el.classList.remove('pf-m-current')});
-                                                li.classList.add('pf-m-current');
-                                                  tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                  tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                              }
-                                            )()"
                   role="tab"
                   aria-controls="gray-tabs-example-tabs-tabs-support-panel"
                   id="gray-tabs-example-tabs-tabs-support-link"
@@ -4060,25 +3528,6 @@ section: components
                         <button
                           type="button"
                           class="pf-v6-c-tabs__link"
-                          onclick="
-                                                            event.preventDefault();
-                                                            ((e) => {
-                                                              const el = this,
-                                                                    li = this.closest('li'),
-                                                                    ul = this.closest('ul'),
-                                                                    tabs = this.closest('.pf-v6-c-tabs'),
-                                                                    left = Math.round(li.offsetLeft),
-                                                                    top = Math.round(li.offsetTop),
-                                                                    width = Math.round(li.offsetWidth),
-                                                                    height = Math.round(li.offsetHeight);
-                                                              ul.querySelectorAll('li').forEach(function(el) {
-                                                                el.classList.remove('pf-m-current')});
-                                                                li.classList.add('pf-m-current');
-                                                                  tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                                  tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                                              }
-                                                            )()"
                           role="tab"
                           aria-controls="gray-tabs-example-tabs-subtabs-x86-panel"
                           id="gray-tabs-example-tabs-subtabs-x86-link"
@@ -4090,25 +3539,6 @@ section: components
                         <button
                           type="button"
                           class="pf-v6-c-tabs__link"
-                          onclick="
-                                                            event.preventDefault();
-                                                            ((e) => {
-                                                              const el = this,
-                                                                    li = this.closest('li'),
-                                                                    ul = this.closest('ul'),
-                                                                    tabs = this.closest('.pf-v6-c-tabs'),
-                                                                    left = Math.round(li.offsetLeft),
-                                                                    top = Math.round(li.offsetTop),
-                                                                    width = Math.round(li.offsetWidth),
-                                                                    height = Math.round(li.offsetHeight);
-                                                              ul.querySelectorAll('li').forEach(function(el) {
-                                                                el.classList.remove('pf-m-current')});
-                                                                li.classList.add('pf-m-current');
-                                                                  tabs.style.setProperty('--pf-v6-c-tabs--link-accent--start', left + 'px');
-                                                                  tabs.style.setProperty('--pf-v6-c-tabs--link-accent--length', width + 'px');
-                                                              }
-                                                            )()"
                           role="tab"
                           aria-controls="gray-tabs-example-tabs-subtabs-additional-architectures-panel"
                           id="gray-tabs-example-tabs-subtabs-additional-architectures-link"