@patternfly/patternfly 6.5.0-prerelease.59 → 6.5.0-prerelease.60

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 (9) hide show
  1. package/components/Tabs/tabs.css +18 -17
  2. package/components/Tabs/tabs.scss +19 -19
  3. package/components/_index.css +18 -17
  4. package/docs/components/Tabs/examples/Tabs.md +1784 -140
  5. package/package.json +1 -1
  6. package/patternfly-no-globals.css +18 -17
  7. package/patternfly.css +18 -17
  8. package/patternfly.min.css +1 -1
  9. package/patternfly.min.css.map +1 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.5.0-prerelease.59",
4
+ "version": "6.5.0-prerelease.60",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -29817,14 +29817,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29817
29817
  --pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
29818
29818
  --pf-v6-c-tabs__item--m-current--BackgroundColor: transparent;
29819
29819
  --pf-v6-c-tabs--m-box__item--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
29820
- --pf-v6-c-tabs--m-box__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29821
- --pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29820
+ --pf-v6-c-tabs--m-box__item--m-current--BackgroundColor: transparent;
29821
+ --pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor: transparent;
29822
29822
  --pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
29823
29823
  --pf-v6-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--z-index--sm);
29824
29824
  --pf-v6-c-tabs__link--Color: var(--pf-t--global--text--color--subtle);
29825
29825
  --pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
29826
29826
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29827
- --pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--small);
29827
+ --pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
29828
29828
  --pf-v6-c-tabs__link--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
29829
29829
  --pf-v6-c-tabs__link--BorderColor: transparent;
29830
29830
  --pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
@@ -29834,21 +29834,21 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29834
29834
  --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
29835
29835
  --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
29836
29836
  --pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
29837
- --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
29838
- --pf-v6-c-tabs__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
29837
+ --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
29838
+ --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
29839
29839
  --pf-v6-c-tabs__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
29840
29840
  --pf-v6-c-tabs__item--m-current__link--Color: var(--pf-t--global--text--color--regular);
29841
29841
  --pf-v6-c-tabs__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29842
29842
  --pf-v6-c-tabs--m-vertical__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
29843
29843
  --pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
29844
29844
  --pf-v6-c-tabs--m-box__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29845
- --pf-v6-c-tabs--m-box__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
29846
- --pf-v6-c-tabs--m-box__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
29845
+ --pf-v6-c-tabs--m-box__link--disabled--Color: var(--pf-t--global--text--color--disabled);
29846
+ --pf-v6-c-tabs--m-box__link--disabled--BackgroundColor: transparent;
29847
29847
  --pf-v6-c-tabs--m-box__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
29848
29848
  --pf-v6-c-tabs--m-box__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29849
29849
  --pf-v6-c-tabs--m-box--m-secondary__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29850
- --pf-v6-c-tabs--m-box--m-secondary__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
29851
- --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
29850
+ --pf-v6-c-tabs--m-box--m-secondary__link--disabled--Color: var(--pf-t--global--text--color--disabled);
29851
+ --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
29852
29852
  --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
29853
29853
  --pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29854
29854
  --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
@@ -29868,6 +29868,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29868
29868
  --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
29869
29869
  --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
29870
29870
  --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
29871
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor: var(--pf-t--global--border--color--alt);
29871
29872
  --pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
29872
29873
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
29873
29874
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
@@ -29880,7 +29881,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29880
29881
  --pf-v6-c-tabs__link--after--BorderBlockStartWidth: 0;
29881
29882
  --pf-v6-c-tabs__link--after--BorderInlineEndWidth: 0;
29882
29883
  --pf-v6-c-tabs__link--after--BorderInlineStartWidth: 0;
29883
- --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
29884
+ --pf-v6-c-tabs__link--after--BorderRadius: var(--pf-t--global--border--radius--pill);
29885
+ --pf-v6-c-tabs--m-box__link--after--BorderRadius: var(--pf-t--global--border--radius--sharp);
29886
+ --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--color--brand--accent--default);
29884
29887
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
29885
29888
  --pf-v6-c-tabs--link-accent--start: 0;
29886
29889
  --pf-v6-c-tabs--link-accent--length: 0;
@@ -30021,6 +30024,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30021
30024
  --pf-v6-c-tabs__link--before--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
30022
30025
  --pf-v6-c-tabs__link--after--InsetBlockStart: 0;
30023
30026
  --pf-v6-c-tabs__link--after--InsetBlockEnd: auto;
30027
+ --pf-v6-c-tabs__link--after--BorderRadius: var(--pf-v6-c-tabs--m-box__link--after--BorderRadius);
30024
30028
  }
30025
30029
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__link {
30026
30030
  --pf-v6-c-tabs__link--after--BorderBlockStartWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
@@ -30030,7 +30034,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30030
30034
  }
30031
30035
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
30032
30036
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
30033
- --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
30037
+ --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor);
30034
30038
  --pf-v6-c-tabs__link--before--BorderInlineStartColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor);
30035
30039
  --pf-v6-c-tabs__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth);
30036
30040
  --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor);
@@ -30200,7 +30204,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30200
30204
  --pf-v6-c-tabs__link--before--BorderBlockStartWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
30201
30205
  }
30202
30206
  .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item.pf-m-current {
30203
- --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
30207
+ --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor);
30208
+ --pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
30204
30209
  --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--before--border-color--base);
30205
30210
  }
30206
30211
  .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item:first-child.pf-m-current {
@@ -30243,11 +30248,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30243
30248
  align-items: center;
30244
30249
  }
30245
30250
 
30246
- .pf-v6-c-tabs__toggle-button .pf-v6-c-button {
30247
- justify-content: start;
30248
- white-space: normal;
30249
- }
30250
-
30251
30251
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
30252
30252
  scale: -1 1;
30253
30253
  }
@@ -30378,6 +30378,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30378
30378
  border-block-end-width: var(--pf-v6-c-tabs__link--after--BorderBlockEndWidth);
30379
30379
  border-inline-start-width: var(--pf-v6-c-tabs__link--after--BorderInlineStartWidth);
30380
30380
  border-inline-end-width: var(--pf-v6-c-tabs__link--after--BorderInlineEndWidth);
30381
+ border-radius: var(--pf-v6-c-tabs__link--after--BorderRadius);
30381
30382
  }
30382
30383
 
30383
30384
  .pf-v6-c-tabs__link:where(:hover, :focus) {
package/patternfly.css CHANGED
@@ -29964,14 +29964,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29964
29964
  --pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
29965
29965
  --pf-v6-c-tabs__item--m-current--BackgroundColor: transparent;
29966
29966
  --pf-v6-c-tabs--m-box__item--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
29967
- --pf-v6-c-tabs--m-box__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29968
- --pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29967
+ --pf-v6-c-tabs--m-box__item--m-current--BackgroundColor: transparent;
29968
+ --pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor: transparent;
29969
29969
  --pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
29970
29970
  --pf-v6-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--z-index--sm);
29971
29971
  --pf-v6-c-tabs__link--Color: var(--pf-t--global--text--color--subtle);
29972
29972
  --pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
29973
29973
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29974
- --pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--small);
29974
+ --pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
29975
29975
  --pf-v6-c-tabs__link--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
29976
29976
  --pf-v6-c-tabs__link--BorderColor: transparent;
29977
29977
  --pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
@@ -29981,21 +29981,21 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29981
29981
  --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
29982
29982
  --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
29983
29983
  --pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
29984
- --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
29985
- --pf-v6-c-tabs__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
29984
+ --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
29985
+ --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
29986
29986
  --pf-v6-c-tabs__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
29987
29987
  --pf-v6-c-tabs__item--m-current__link--Color: var(--pf-t--global--text--color--regular);
29988
29988
  --pf-v6-c-tabs__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29989
29989
  --pf-v6-c-tabs--m-vertical__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
29990
29990
  --pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
29991
29991
  --pf-v6-c-tabs--m-box__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29992
- --pf-v6-c-tabs--m-box__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
29993
- --pf-v6-c-tabs--m-box__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
29992
+ --pf-v6-c-tabs--m-box__link--disabled--Color: var(--pf-t--global--text--color--disabled);
29993
+ --pf-v6-c-tabs--m-box__link--disabled--BackgroundColor: transparent;
29994
29994
  --pf-v6-c-tabs--m-box__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
29995
29995
  --pf-v6-c-tabs--m-box__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29996
29996
  --pf-v6-c-tabs--m-box--m-secondary__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29997
- --pf-v6-c-tabs--m-box--m-secondary__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
29998
- --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
29997
+ --pf-v6-c-tabs--m-box--m-secondary__link--disabled--Color: var(--pf-t--global--text--color--disabled);
29998
+ --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
29999
29999
  --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
30000
30000
  --pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
30001
30001
  --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
@@ -30015,6 +30015,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30015
30015
  --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
30016
30016
  --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
30017
30017
  --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
30018
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor: var(--pf-t--global--border--color--alt);
30018
30019
  --pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
30019
30020
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
30020
30021
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
@@ -30027,7 +30028,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30027
30028
  --pf-v6-c-tabs__link--after--BorderBlockStartWidth: 0;
30028
30029
  --pf-v6-c-tabs__link--after--BorderInlineEndWidth: 0;
30029
30030
  --pf-v6-c-tabs__link--after--BorderInlineStartWidth: 0;
30030
- --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
30031
+ --pf-v6-c-tabs__link--after--BorderRadius: var(--pf-t--global--border--radius--pill);
30032
+ --pf-v6-c-tabs--m-box__link--after--BorderRadius: var(--pf-t--global--border--radius--sharp);
30033
+ --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--color--brand--accent--default);
30031
30034
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
30032
30035
  --pf-v6-c-tabs--link-accent--start: 0;
30033
30036
  --pf-v6-c-tabs--link-accent--length: 0;
@@ -30168,6 +30171,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30168
30171
  --pf-v6-c-tabs__link--before--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
30169
30172
  --pf-v6-c-tabs__link--after--InsetBlockStart: 0;
30170
30173
  --pf-v6-c-tabs__link--after--InsetBlockEnd: auto;
30174
+ --pf-v6-c-tabs__link--after--BorderRadius: var(--pf-v6-c-tabs--m-box__link--after--BorderRadius);
30171
30175
  }
30172
30176
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__link {
30173
30177
  --pf-v6-c-tabs__link--after--BorderBlockStartWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
@@ -30177,7 +30181,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30177
30181
  }
30178
30182
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
30179
30183
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
30180
- --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
30184
+ --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor);
30181
30185
  --pf-v6-c-tabs__link--before--BorderInlineStartColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor);
30182
30186
  --pf-v6-c-tabs__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth);
30183
30187
  --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor);
@@ -30347,7 +30351,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30347
30351
  --pf-v6-c-tabs__link--before--BorderBlockStartWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
30348
30352
  }
30349
30353
  .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item.pf-m-current {
30350
- --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
30354
+ --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor);
30355
+ --pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
30351
30356
  --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--before--border-color--base);
30352
30357
  }
30353
30358
  .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item:first-child.pf-m-current {
@@ -30390,11 +30395,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30390
30395
  align-items: center;
30391
30396
  }
30392
30397
 
30393
- .pf-v6-c-tabs__toggle-button .pf-v6-c-button {
30394
- justify-content: start;
30395
- white-space: normal;
30396
- }
30397
-
30398
30398
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
30399
30399
  scale: -1 1;
30400
30400
  }
@@ -30525,6 +30525,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30525
30525
  border-block-end-width: var(--pf-v6-c-tabs__link--after--BorderBlockEndWidth);
30526
30526
  border-inline-start-width: var(--pf-v6-c-tabs__link--after--BorderInlineStartWidth);
30527
30527
  border-inline-end-width: var(--pf-v6-c-tabs__link--after--BorderInlineEndWidth);
30528
+ border-radius: var(--pf-v6-c-tabs__link--after--BorderRadius);
30528
30529
  }
30529
30530
 
30530
30531
  .pf-v6-c-tabs__link:where(:hover, :focus) {