@@ -491,62 +491,58 @@ exports[`should render expandable vertical tabs 1`] = `
491491 <div
492492 class = " pf-v6-c-tabs__toggle"
493493 >
494- <div
495- class = " pf-v6-c-tabs__toggle-button"
494+ <button
495+ aria-labelledby = " generated-id-text generated-id-button"
496+ class = " pf-v6-c-button pf-m-plain"
497+ data-ouia-component-id = " OUIA-Generated-Button-plain-:r14:"
498+ data-ouia-component-type = " PF6/Button"
499+ data-ouia-safe = " true"
500+ id = " generated-id-button"
501+ type = " button"
496502 >
497- <button
498- aria-labelledby = " generated-id-text generated-id-button"
499- class = " pf-v6-c-button pf-m-plain"
500- data-ouia-component-id = " OUIA-Generated-Button-plain-:r14:"
501- data-ouia-component-type = " PF6/Button"
502- data-ouia-safe = " true"
503- id = " generated-id-button"
504- type = " button"
503+ <span
504+ class = " pf-v6-c-button__icon pf-m-start"
505505 >
506506 <span
507- class = " pf-v6-c-button__icon pf-m-start "
507+ class = " pf-v6-c-tabs__toggle-icon "
508508 >
509- <span
510- class = " pf-v6-c-tabs__toggle-icon"
509+ <svg
510+ aria-hidden = " true"
511+ class = " pf-v6-svg"
512+ fill = " currentColor"
513+ height = " 1em"
514+ role = " img"
515+ width = " 1em"
511516 >
512517 <svg
513- aria-hidden = " true"
514- class = " pf-v6-svg"
515- fill = " currentColor"
516- height = " 1em"
517- role = " img"
518- width = " 1em"
518+ class = " pf-v6-icon-default"
519+ viewBox = " 0 0 256 512"
519520 >
520- <svg
521- class = " pf-v6-icon-default"
522- viewBox = " 0 0 256 512"
523- >
524- <path
525- d = " M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
526- />
527- </svg >
528- <svg
529- class = " pf-v6-icon-rh-ui"
530- viewBox = " 0 0 32 32"
531- >
532- <path
533- d = " M11 30a.999.999 0 0 1-.707-1.707L22.586 16 10.293 3.707a.999.999 0 1 1 1.414-1.414l12.646 12.646a1.501 1.501 0 0 1 0 2.121L11.707 29.706a.997.997 0 0 1-.707.293Z"
534- />
535- </svg >
521+ <path
522+ d = " M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
523+ />
536524 </svg >
537- </span >
525+ <svg
526+ class = " pf-v6-icon-rh-ui"
527+ viewBox = " 0 0 32 32"
528+ >
529+ <path
530+ d = " M11 30a.999.999 0 0 1-.707-1.707L22.586 16 10.293 3.707a.999.999 0 1 1 1.414-1.414l12.646 12.646a1.501 1.501 0 0 1 0 2.121L11.707 29.706a.997.997 0 0 1-.707.293Z"
531+ />
532+ </svg >
533+ </svg >
538534 </span >
535+ </span >
536+ <span
537+ class = " pf-v6-c-button__text"
538+ >
539539 <span
540- class = " pf-v6-c-button__text "
540+ id = " generated-id-text "
541541 >
542- <span
543- id = " generated-id-text"
544- >
545- toggle
546- </span >
542+ toggle
547543 </span >
548- </button >
549- </div >
544+ </span >
545+ </button >
550546 </div >
551547 <ul
552548 class = " pf-v6-c-tabs__list"
0 commit comments