@patternfly/react-tokens 6.2.0 → 6.2.1-prerelease.0

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 (146) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/esm/c_card.d.ts +4 -0
  3. package/dist/esm/c_card.js +4 -0
  4. package/dist/esm/c_card__title_text_OverflowWrap.d.ts +6 -0
  5. package/dist/esm/c_card__title_text_OverflowWrap.js +6 -0
  6. package/dist/esm/c_drawer.d.ts +72 -6
  7. package/dist/esm/c_drawer.js +72 -6
  8. package/dist/esm/c_drawer__panel_Opacity.d.ts +6 -0
  9. package/dist/esm/c_drawer__panel_Opacity.js +6 -0
  10. package/dist/esm/c_drawer__panel_TransitionDelay.d.ts +6 -0
  11. package/dist/esm/c_drawer__panel_TransitionDelay.js +6 -0
  12. package/dist/esm/c_drawer__panel_TransitionDelay_expand_focus.d.ts +6 -0
  13. package/dist/esm/c_drawer__panel_TransitionDelay_expand_focus.js +6 -0
  14. package/dist/esm/c_drawer__panel_TransitionDelay_focus.d.ts +6 -0
  15. package/dist/esm/c_drawer__panel_TransitionDelay_focus.js +6 -0
  16. package/dist/esm/c_drawer__panel_TransitionDuration.d.ts +1 -1
  17. package/dist/esm/c_drawer__panel_TransitionDuration.js +1 -1
  18. package/dist/esm/c_drawer__panel_TransitionDuration_fade.d.ts +6 -0
  19. package/dist/esm/c_drawer__panel_TransitionDuration_fade.js +6 -0
  20. package/dist/esm/c_drawer_m_expanded__panel_Opacity.d.ts +6 -0
  21. package/dist/esm/c_drawer_m_expanded__panel_Opacity.js +6 -0
  22. package/dist/esm/c_page.d.ts +15 -2
  23. package/dist/esm/c_page.js +15 -2
  24. package/dist/esm/c_page__sidebar_Width_base.d.ts +6 -0
  25. package/dist/esm/c_page__sidebar_Width_base.js +6 -0
  26. package/dist/esm/c_tabs.d.ts +196 -0
  27. package/dist/esm/c_tabs.js +196 -0
  28. package/dist/esm/c_tabs__link_TransitionDuration_background_color.d.ts +6 -0
  29. package/dist/esm/c_tabs__link_TransitionDuration_background_color.js +6 -0
  30. package/dist/esm/c_tabs__link_TransitionTimingFunction_background_color.d.ts +6 -0
  31. package/dist/esm/c_tabs__link_TransitionTimingFunction_background_color.js +6 -0
  32. package/dist/esm/c_tabs_link_accent_BorderBlockEndWidth.d.ts +6 -0
  33. package/dist/esm/c_tabs_link_accent_BorderBlockEndWidth.js +6 -0
  34. package/dist/esm/c_tabs_link_accent_BorderInlineStartWidth.d.ts +6 -0
  35. package/dist/esm/c_tabs_link_accent_BorderInlineStartWidth.js +6 -0
  36. package/dist/esm/c_tabs_link_accent_Height.d.ts +6 -0
  37. package/dist/esm/c_tabs_link_accent_Height.js +6 -0
  38. package/dist/esm/c_tabs_link_accent_InsetBlockEnd.d.ts +6 -0
  39. package/dist/esm/c_tabs_link_accent_InsetBlockEnd.js +6 -0
  40. package/dist/esm/c_tabs_link_accent_InsetBlockStart.d.ts +6 -0
  41. package/dist/esm/c_tabs_link_accent_InsetBlockStart.js +6 -0
  42. package/dist/esm/c_tabs_link_accent_InsetInlineStart.d.ts +6 -0
  43. package/dist/esm/c_tabs_link_accent_InsetInlineStart.js +6 -0
  44. package/dist/esm/c_tabs_link_accent_TransitionDuration.d.ts +6 -0
  45. package/dist/esm/c_tabs_link_accent_TransitionDuration.js +6 -0
  46. package/dist/esm/c_tabs_link_accent_TransitionTimingFunction.d.ts +6 -0
  47. package/dist/esm/c_tabs_link_accent_TransitionTimingFunction.js +6 -0
  48. package/dist/esm/c_tabs_link_accent_Width.d.ts +6 -0
  49. package/dist/esm/c_tabs_link_accent_Width.js +6 -0
  50. package/dist/esm/c_tabs_link_accent_border_size.d.ts +6 -0
  51. package/dist/esm/c_tabs_link_accent_border_size.js +6 -0
  52. package/dist/esm/c_tabs_link_accent_color.d.ts +6 -0
  53. package/dist/esm/c_tabs_link_accent_color.js +6 -0
  54. package/dist/esm/c_tabs_link_accent_length.d.ts +6 -0
  55. package/dist/esm/c_tabs_link_accent_length.js +6 -0
  56. package/dist/esm/c_tabs_link_accent_start.d.ts +6 -0
  57. package/dist/esm/c_tabs_link_accent_start.js +6 -0
  58. package/dist/esm/c_tabs_m_vertical_link_accent_BorderBlockEndWidth.d.ts +6 -0
  59. package/dist/esm/c_tabs_m_vertical_link_accent_BorderBlockEndWidth.js +6 -0
  60. package/dist/esm/c_tabs_m_vertical_link_accent_BorderInlineStartWidth.d.ts +6 -0
  61. package/dist/esm/c_tabs_m_vertical_link_accent_BorderInlineStartWidth.js +6 -0
  62. package/dist/esm/c_tabs_m_vertical_link_accent_Height.d.ts +6 -0
  63. package/dist/esm/c_tabs_m_vertical_link_accent_Height.js +6 -0
  64. package/dist/esm/c_tabs_m_vertical_link_accent_InsetBlockEnd.d.ts +6 -0
  65. package/dist/esm/c_tabs_m_vertical_link_accent_InsetBlockEnd.js +6 -0
  66. package/dist/esm/c_tabs_m_vertical_link_accent_InsetBlockStart.d.ts +6 -0
  67. package/dist/esm/c_tabs_m_vertical_link_accent_InsetBlockStart.js +6 -0
  68. package/dist/esm/c_tabs_m_vertical_link_accent_InsetInlineStart.d.ts +6 -0
  69. package/dist/esm/c_tabs_m_vertical_link_accent_InsetInlineStart.js +6 -0
  70. package/dist/esm/c_tabs_m_vertical_link_accent_Width.d.ts +6 -0
  71. package/dist/esm/c_tabs_m_vertical_link_accent_Width.js +6 -0
  72. package/dist/esm/index.d.ts +30 -0
  73. package/dist/esm/index.js +30 -0
  74. package/dist/js/c_card.d.ts +4 -0
  75. package/dist/js/c_card.js +4 -0
  76. package/dist/js/c_card__title_text_OverflowWrap.d.ts +6 -0
  77. package/dist/js/c_card__title_text_OverflowWrap.js +8 -0
  78. package/dist/js/c_drawer.d.ts +72 -6
  79. package/dist/js/c_drawer.js +72 -6
  80. package/dist/js/c_drawer__panel_Opacity.d.ts +6 -0
  81. package/dist/js/c_drawer__panel_Opacity.js +8 -0
  82. package/dist/js/c_drawer__panel_TransitionDelay.d.ts +6 -0
  83. package/dist/js/c_drawer__panel_TransitionDelay.js +8 -0
  84. package/dist/js/c_drawer__panel_TransitionDelay_expand_focus.d.ts +6 -0
  85. package/dist/js/c_drawer__panel_TransitionDelay_expand_focus.js +8 -0
  86. package/dist/js/c_drawer__panel_TransitionDelay_focus.d.ts +6 -0
  87. package/dist/js/c_drawer__panel_TransitionDelay_focus.js +8 -0
  88. package/dist/js/c_drawer__panel_TransitionDuration.d.ts +1 -1
  89. package/dist/js/c_drawer__panel_TransitionDuration.js +1 -1
  90. package/dist/js/c_drawer__panel_TransitionDuration_fade.d.ts +6 -0
  91. package/dist/js/c_drawer__panel_TransitionDuration_fade.js +8 -0
  92. package/dist/js/c_drawer_m_expanded__panel_Opacity.d.ts +6 -0
  93. package/dist/js/c_drawer_m_expanded__panel_Opacity.js +8 -0
  94. package/dist/js/c_page.d.ts +15 -2
  95. package/dist/js/c_page.js +15 -2
  96. package/dist/js/c_page__sidebar_Width_base.d.ts +6 -0
  97. package/dist/js/c_page__sidebar_Width_base.js +8 -0
  98. package/dist/js/c_tabs.d.ts +196 -0
  99. package/dist/js/c_tabs.js +196 -0
  100. package/dist/js/c_tabs__link_TransitionDuration_background_color.d.ts +6 -0
  101. package/dist/js/c_tabs__link_TransitionDuration_background_color.js +8 -0
  102. package/dist/js/c_tabs__link_TransitionTimingFunction_background_color.d.ts +6 -0
  103. package/dist/js/c_tabs__link_TransitionTimingFunction_background_color.js +8 -0
  104. package/dist/js/c_tabs_link_accent_BorderBlockEndWidth.d.ts +6 -0
  105. package/dist/js/c_tabs_link_accent_BorderBlockEndWidth.js +8 -0
  106. package/dist/js/c_tabs_link_accent_BorderInlineStartWidth.d.ts +6 -0
  107. package/dist/js/c_tabs_link_accent_BorderInlineStartWidth.js +8 -0
  108. package/dist/js/c_tabs_link_accent_Height.d.ts +6 -0
  109. package/dist/js/c_tabs_link_accent_Height.js +8 -0
  110. package/dist/js/c_tabs_link_accent_InsetBlockEnd.d.ts +6 -0
  111. package/dist/js/c_tabs_link_accent_InsetBlockEnd.js +8 -0
  112. package/dist/js/c_tabs_link_accent_InsetBlockStart.d.ts +6 -0
  113. package/dist/js/c_tabs_link_accent_InsetBlockStart.js +8 -0
  114. package/dist/js/c_tabs_link_accent_InsetInlineStart.d.ts +6 -0
  115. package/dist/js/c_tabs_link_accent_InsetInlineStart.js +8 -0
  116. package/dist/js/c_tabs_link_accent_TransitionDuration.d.ts +6 -0
  117. package/dist/js/c_tabs_link_accent_TransitionDuration.js +8 -0
  118. package/dist/js/c_tabs_link_accent_TransitionTimingFunction.d.ts +6 -0
  119. package/dist/js/c_tabs_link_accent_TransitionTimingFunction.js +8 -0
  120. package/dist/js/c_tabs_link_accent_Width.d.ts +6 -0
  121. package/dist/js/c_tabs_link_accent_Width.js +8 -0
  122. package/dist/js/c_tabs_link_accent_border_size.d.ts +6 -0
  123. package/dist/js/c_tabs_link_accent_border_size.js +8 -0
  124. package/dist/js/c_tabs_link_accent_color.d.ts +6 -0
  125. package/dist/js/c_tabs_link_accent_color.js +8 -0
  126. package/dist/js/c_tabs_link_accent_length.d.ts +6 -0
  127. package/dist/js/c_tabs_link_accent_length.js +8 -0
  128. package/dist/js/c_tabs_link_accent_start.d.ts +6 -0
  129. package/dist/js/c_tabs_link_accent_start.js +8 -0
  130. package/dist/js/c_tabs_m_vertical_link_accent_BorderBlockEndWidth.d.ts +6 -0
  131. package/dist/js/c_tabs_m_vertical_link_accent_BorderBlockEndWidth.js +8 -0
  132. package/dist/js/c_tabs_m_vertical_link_accent_BorderInlineStartWidth.d.ts +6 -0
  133. package/dist/js/c_tabs_m_vertical_link_accent_BorderInlineStartWidth.js +8 -0
  134. package/dist/js/c_tabs_m_vertical_link_accent_Height.d.ts +6 -0
  135. package/dist/js/c_tabs_m_vertical_link_accent_Height.js +8 -0
  136. package/dist/js/c_tabs_m_vertical_link_accent_InsetBlockEnd.d.ts +6 -0
  137. package/dist/js/c_tabs_m_vertical_link_accent_InsetBlockEnd.js +8 -0
  138. package/dist/js/c_tabs_m_vertical_link_accent_InsetBlockStart.d.ts +6 -0
  139. package/dist/js/c_tabs_m_vertical_link_accent_InsetBlockStart.js +8 -0
  140. package/dist/js/c_tabs_m_vertical_link_accent_InsetInlineStart.d.ts +6 -0
  141. package/dist/js/c_tabs_m_vertical_link_accent_InsetInlineStart.js +8 -0
  142. package/dist/js/c_tabs_m_vertical_link_accent_Width.d.ts +6 -0
  143. package/dist/js/c_tabs_m_vertical_link_accent_Width.js +8 -0
  144. package/dist/js/index.d.ts +30 -0
  145. package/dist/js/index.js +30 -0
  146. package/package.json +3 -3
@@ -486,6 +486,25 @@ export const c_tabs: {
486
486
  "0.75rem"
487
487
  ]
488
488
  },
489
+ "c_tabs__link_TransitionDuration_background_color": {
490
+ "name": "--pf-v6-c-tabs__link--TransitionDuration--background-color",
491
+ "value": "100ms",
492
+ "values": [
493
+ "--pf-t--global--motion--duration--fade--short",
494
+ "--pf-t--global--motion--duration--sm",
495
+ "--pf-t--global--duration--100",
496
+ "100ms"
497
+ ]
498
+ },
499
+ "c_tabs__link_TransitionTimingFunction_background_color": {
500
+ "name": "--pf-v6-c-tabs__link--TransitionTimingFunction--background-color",
501
+ "value": "cubic-bezier(.4, 0, .2, 1)",
502
+ "values": [
503
+ "--pf-t--global--motion--timing-function--default",
504
+ "--pf-t--global--timing-function--200",
505
+ "cubic-bezier(.4, 0, .2, 1)"
506
+ ]
507
+ },
489
508
  "c_tabs__link_before_border_color_base": {
490
509
  "name": "--pf-v6-c-tabs__link--before--border-color--base",
491
510
  "value": "#c7c7c7",
@@ -650,6 +669,123 @@ export const c_tabs: {
650
669
  "3px"
651
670
  ]
652
671
  },
672
+ "c_tabs_link_accent_start": {
673
+ "name": "--pf-v6-c-tabs--link-accent--start",
674
+ "value": "0"
675
+ },
676
+ "c_tabs_link_accent_length": {
677
+ "name": "--pf-v6-c-tabs--link-accent--length",
678
+ "value": "auto"
679
+ },
680
+ "c_tabs_link_accent_color": {
681
+ "name": "--pf-v6-c-tabs--link-accent--color",
682
+ "value": "#0066cc",
683
+ "values": [
684
+ "--pf-v6-c-tabs__item--m-current__link--after--BorderColor",
685
+ "--pf-t--global--border--color--clicked",
686
+ "--pf-t--global--color--brand--200",
687
+ "--pf-t--color--blue--50",
688
+ "#0066cc"
689
+ ]
690
+ },
691
+ "c_tabs_link_accent_border_size": {
692
+ "name": "--pf-v6-c-tabs--link-accent--border-size",
693
+ "value": "3px",
694
+ "values": [
695
+ "--pf-v6-c-tabs__item--m-current__link--after--BorderWidth",
696
+ "--pf-t--global--border--width--extra-strong",
697
+ "--pf-t--global--border--width--300",
698
+ "3px"
699
+ ]
700
+ },
701
+ "c_tabs_link_accent_InsetBlockStart": {
702
+ "name": "--pf-v6-c-tabs--link-accent--InsetBlockStart",
703
+ "value": "auto"
704
+ },
705
+ "c_tabs_link_accent_InsetBlockEnd": {
706
+ "name": "--pf-v6-c-tabs--link-accent--InsetBlockEnd",
707
+ "value": "0"
708
+ },
709
+ "c_tabs_link_accent_InsetInlineStart": {
710
+ "name": "--pf-v6-c-tabs--link-accent--InsetInlineStart",
711
+ "value": "initial"
712
+ },
713
+ "c_tabs_link_accent_Width": {
714
+ "name": "--pf-v6-c-tabs--link-accent--Width",
715
+ "value": "initial"
716
+ },
717
+ "c_tabs_link_accent_Height": {
718
+ "name": "--pf-v6-c-tabs--link-accent--Height",
719
+ "value": "0"
720
+ },
721
+ "c_tabs_link_accent_BorderBlockEndWidth": {
722
+ "name": "--pf-v6-c-tabs--link-accent--BorderBlockEndWidth",
723
+ "value": "3px",
724
+ "values": [
725
+ "--pf-v6-c-tabs--link-accent--border-size",
726
+ "--pf-v6-c-tabs__item--m-current__link--after--BorderWidth",
727
+ "--pf-t--global--border--width--extra-strong",
728
+ "--pf-t--global--border--width--300",
729
+ "3px"
730
+ ]
731
+ },
732
+ "c_tabs_link_accent_BorderInlineStartWidth": {
733
+ "name": "--pf-v6-c-tabs--link-accent--BorderInlineStartWidth",
734
+ "value": "0"
735
+ },
736
+ "c_tabs_m_vertical_link_accent_InsetBlockStart": {
737
+ "name": "--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart",
738
+ "value": "initial"
739
+ },
740
+ "c_tabs_m_vertical_link_accent_InsetBlockEnd": {
741
+ "name": "--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd",
742
+ "value": "auto"
743
+ },
744
+ "c_tabs_m_vertical_link_accent_InsetInlineStart": {
745
+ "name": "--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart",
746
+ "value": "0"
747
+ },
748
+ "c_tabs_m_vertical_link_accent_Width": {
749
+ "name": "--pf-v6-c-tabs--m-vertical--link-accent--Width",
750
+ "value": "0"
751
+ },
752
+ "c_tabs_m_vertical_link_accent_Height": {
753
+ "name": "--pf-v6-c-tabs--m-vertical--link-accent--Height",
754
+ "value": "initial"
755
+ },
756
+ "c_tabs_m_vertical_link_accent_BorderBlockEndWidth": {
757
+ "name": "--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth",
758
+ "value": "0"
759
+ },
760
+ "c_tabs_m_vertical_link_accent_BorderInlineStartWidth": {
761
+ "name": "--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth",
762
+ "value": "3px",
763
+ "values": [
764
+ "--pf-v6-c-tabs--link-accent--border-size",
765
+ "--pf-v6-c-tabs__item--m-current__link--after--BorderWidth",
766
+ "--pf-t--global--border--width--extra-strong",
767
+ "--pf-t--global--border--width--300",
768
+ "3px"
769
+ ]
770
+ },
771
+ "c_tabs_link_accent_TransitionDuration": {
772
+ "name": "--pf-v6-c-tabs--link-accent--TransitionDuration",
773
+ "value": "200ms",
774
+ "values": [
775
+ "--pf-t--global--motion--duration--md",
776
+ "--pf-t--global--duration--200",
777
+ "200ms"
778
+ ]
779
+ },
780
+ "c_tabs_link_accent_TransitionTimingFunction": {
781
+ "name": "--pf-v6-c-tabs--link-accent--TransitionTimingFunction",
782
+ "value": "cubic-bezier(0, 0, .2, 1)",
783
+ "values": [
784
+ "--pf-t--global--motion--timing-function--decelerate",
785
+ "--pf-t--global--timing-function--300",
786
+ "cubic-bezier(0, 0, .2, 1)"
787
+ ]
788
+ },
653
789
  "c_tabs__scroll_button_PaddingBlockStart": {
654
790
  "name": "--pf-v6-c-tabs__scroll-button--PaddingBlockStart",
655
791
  "value": "0.5rem",
@@ -1345,6 +1481,66 @@ export const c_tabs: {
1345
1481
  "--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis",
1346
1482
  "y"
1347
1483
  ]
1484
+ },
1485
+ "c_tabs_link_accent_InsetBlockStart": {
1486
+ "name": "--pf-v6-c-tabs--link-accent--InsetBlockStart",
1487
+ "value": "initial",
1488
+ "values": [
1489
+ "--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart",
1490
+ "initial"
1491
+ ]
1492
+ },
1493
+ "c_tabs_link_accent_InsetBlockEnd": {
1494
+ "name": "--pf-v6-c-tabs--link-accent--InsetBlockEnd",
1495
+ "value": "auto",
1496
+ "values": [
1497
+ "--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd",
1498
+ "auto"
1499
+ ]
1500
+ },
1501
+ "c_tabs_link_accent_InsetInlineStart": {
1502
+ "name": "--pf-v6-c-tabs--link-accent--InsetInlineStart",
1503
+ "value": "0",
1504
+ "values": [
1505
+ "--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart",
1506
+ "0"
1507
+ ]
1508
+ },
1509
+ "c_tabs_link_accent_Width": {
1510
+ "name": "--pf-v6-c-tabs--link-accent--Width",
1511
+ "value": "0",
1512
+ "values": [
1513
+ "--pf-v6-c-tabs--m-vertical--link-accent--Width",
1514
+ "0"
1515
+ ]
1516
+ },
1517
+ "c_tabs_link_accent_Height": {
1518
+ "name": "--pf-v6-c-tabs--link-accent--Height",
1519
+ "value": "initial",
1520
+ "values": [
1521
+ "--pf-v6-c-tabs--m-vertical--link-accent--Height",
1522
+ "initial"
1523
+ ]
1524
+ },
1525
+ "c_tabs_link_accent_BorderBlockEndWidth": {
1526
+ "name": "--pf-v6-c-tabs--link-accent--BorderBlockEndWidth",
1527
+ "value": "0",
1528
+ "values": [
1529
+ "--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth",
1530
+ "0"
1531
+ ]
1532
+ },
1533
+ "c_tabs_link_accent_BorderInlineStartWidth": {
1534
+ "name": "--pf-v6-c-tabs--link-accent--BorderInlineStartWidth",
1535
+ "value": "3px",
1536
+ "values": [
1537
+ "--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth",
1538
+ "--pf-v6-c-tabs--link-accent--border-size",
1539
+ "--pf-v6-c-tabs__item--m-current__link--after--BorderWidth",
1540
+ "--pf-t--global--border--width--extra-strong",
1541
+ "--pf-t--global--border--width--300",
1542
+ "3px"
1543
+ ]
1348
1544
  }
1349
1545
  },
1350
1546
  ".pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__link": {
@@ -486,6 +486,25 @@ export const c_tabs = {
486
486
  "0.75rem"
487
487
  ]
488
488
  },
489
+ "c_tabs__link_TransitionDuration_background_color": {
490
+ "name": "--pf-v6-c-tabs__link--TransitionDuration--background-color",
491
+ "value": "100ms",
492
+ "values": [
493
+ "--pf-t--global--motion--duration--fade--short",
494
+ "--pf-t--global--motion--duration--sm",
495
+ "--pf-t--global--duration--100",
496
+ "100ms"
497
+ ]
498
+ },
499
+ "c_tabs__link_TransitionTimingFunction_background_color": {
500
+ "name": "--pf-v6-c-tabs__link--TransitionTimingFunction--background-color",
501
+ "value": "cubic-bezier(.4, 0, .2, 1)",
502
+ "values": [
503
+ "--pf-t--global--motion--timing-function--default",
504
+ "--pf-t--global--timing-function--200",
505
+ "cubic-bezier(.4, 0, .2, 1)"
506
+ ]
507
+ },
489
508
  "c_tabs__link_before_border_color_base": {
490
509
  "name": "--pf-v6-c-tabs__link--before--border-color--base",
491
510
  "value": "#c7c7c7",
@@ -650,6 +669,123 @@ export const c_tabs = {
650
669
  "3px"
651
670
  ]
652
671
  },
672
+ "c_tabs_link_accent_start": {
673
+ "name": "--pf-v6-c-tabs--link-accent--start",
674
+ "value": "0"
675
+ },
676
+ "c_tabs_link_accent_length": {
677
+ "name": "--pf-v6-c-tabs--link-accent--length",
678
+ "value": "auto"
679
+ },
680
+ "c_tabs_link_accent_color": {
681
+ "name": "--pf-v6-c-tabs--link-accent--color",
682
+ "value": "#0066cc",
683
+ "values": [
684
+ "--pf-v6-c-tabs__item--m-current__link--after--BorderColor",
685
+ "--pf-t--global--border--color--clicked",
686
+ "--pf-t--global--color--brand--200",
687
+ "--pf-t--color--blue--50",
688
+ "#0066cc"
689
+ ]
690
+ },
691
+ "c_tabs_link_accent_border_size": {
692
+ "name": "--pf-v6-c-tabs--link-accent--border-size",
693
+ "value": "3px",
694
+ "values": [
695
+ "--pf-v6-c-tabs__item--m-current__link--after--BorderWidth",
696
+ "--pf-t--global--border--width--extra-strong",
697
+ "--pf-t--global--border--width--300",
698
+ "3px"
699
+ ]
700
+ },
701
+ "c_tabs_link_accent_InsetBlockStart": {
702
+ "name": "--pf-v6-c-tabs--link-accent--InsetBlockStart",
703
+ "value": "auto"
704
+ },
705
+ "c_tabs_link_accent_InsetBlockEnd": {
706
+ "name": "--pf-v6-c-tabs--link-accent--InsetBlockEnd",
707
+ "value": "0"
708
+ },
709
+ "c_tabs_link_accent_InsetInlineStart": {
710
+ "name": "--pf-v6-c-tabs--link-accent--InsetInlineStart",
711
+ "value": "initial"
712
+ },
713
+ "c_tabs_link_accent_Width": {
714
+ "name": "--pf-v6-c-tabs--link-accent--Width",
715
+ "value": "initial"
716
+ },
717
+ "c_tabs_link_accent_Height": {
718
+ "name": "--pf-v6-c-tabs--link-accent--Height",
719
+ "value": "0"
720
+ },
721
+ "c_tabs_link_accent_BorderBlockEndWidth": {
722
+ "name": "--pf-v6-c-tabs--link-accent--BorderBlockEndWidth",
723
+ "value": "3px",
724
+ "values": [
725
+ "--pf-v6-c-tabs--link-accent--border-size",
726
+ "--pf-v6-c-tabs__item--m-current__link--after--BorderWidth",
727
+ "--pf-t--global--border--width--extra-strong",
728
+ "--pf-t--global--border--width--300",
729
+ "3px"
730
+ ]
731
+ },
732
+ "c_tabs_link_accent_BorderInlineStartWidth": {
733
+ "name": "--pf-v6-c-tabs--link-accent--BorderInlineStartWidth",
734
+ "value": "0"
735
+ },
736
+ "c_tabs_m_vertical_link_accent_InsetBlockStart": {
737
+ "name": "--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart",
738
+ "value": "initial"
739
+ },
740
+ "c_tabs_m_vertical_link_accent_InsetBlockEnd": {
741
+ "name": "--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd",
742
+ "value": "auto"
743
+ },
744
+ "c_tabs_m_vertical_link_accent_InsetInlineStart": {
745
+ "name": "--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart",
746
+ "value": "0"
747
+ },
748
+ "c_tabs_m_vertical_link_accent_Width": {
749
+ "name": "--pf-v6-c-tabs--m-vertical--link-accent--Width",
750
+ "value": "0"
751
+ },
752
+ "c_tabs_m_vertical_link_accent_Height": {
753
+ "name": "--pf-v6-c-tabs--m-vertical--link-accent--Height",
754
+ "value": "initial"
755
+ },
756
+ "c_tabs_m_vertical_link_accent_BorderBlockEndWidth": {
757
+ "name": "--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth",
758
+ "value": "0"
759
+ },
760
+ "c_tabs_m_vertical_link_accent_BorderInlineStartWidth": {
761
+ "name": "--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth",
762
+ "value": "3px",
763
+ "values": [
764
+ "--pf-v6-c-tabs--link-accent--border-size",
765
+ "--pf-v6-c-tabs__item--m-current__link--after--BorderWidth",
766
+ "--pf-t--global--border--width--extra-strong",
767
+ "--pf-t--global--border--width--300",
768
+ "3px"
769
+ ]
770
+ },
771
+ "c_tabs_link_accent_TransitionDuration": {
772
+ "name": "--pf-v6-c-tabs--link-accent--TransitionDuration",
773
+ "value": "200ms",
774
+ "values": [
775
+ "--pf-t--global--motion--duration--md",
776
+ "--pf-t--global--duration--200",
777
+ "200ms"
778
+ ]
779
+ },
780
+ "c_tabs_link_accent_TransitionTimingFunction": {
781
+ "name": "--pf-v6-c-tabs--link-accent--TransitionTimingFunction",
782
+ "value": "cubic-bezier(0, 0, .2, 1)",
783
+ "values": [
784
+ "--pf-t--global--motion--timing-function--decelerate",
785
+ "--pf-t--global--timing-function--300",
786
+ "cubic-bezier(0, 0, .2, 1)"
787
+ ]
788
+ },
653
789
  "c_tabs__scroll_button_PaddingBlockStart": {
654
790
  "name": "--pf-v6-c-tabs__scroll-button--PaddingBlockStart",
655
791
  "value": "0.5rem",
@@ -1345,6 +1481,66 @@ export const c_tabs = {
1345
1481
  "--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis",
1346
1482
  "y"
1347
1483
  ]
1484
+ },
1485
+ "c_tabs_link_accent_InsetBlockStart": {
1486
+ "name": "--pf-v6-c-tabs--link-accent--InsetBlockStart",
1487
+ "value": "initial",
1488
+ "values": [
1489
+ "--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart",
1490
+ "initial"
1491
+ ]
1492
+ },
1493
+ "c_tabs_link_accent_InsetBlockEnd": {
1494
+ "name": "--pf-v6-c-tabs--link-accent--InsetBlockEnd",
1495
+ "value": "auto",
1496
+ "values": [
1497
+ "--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd",
1498
+ "auto"
1499
+ ]
1500
+ },
1501
+ "c_tabs_link_accent_InsetInlineStart": {
1502
+ "name": "--pf-v6-c-tabs--link-accent--InsetInlineStart",
1503
+ "value": "0",
1504
+ "values": [
1505
+ "--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart",
1506
+ "0"
1507
+ ]
1508
+ },
1509
+ "c_tabs_link_accent_Width": {
1510
+ "name": "--pf-v6-c-tabs--link-accent--Width",
1511
+ "value": "0",
1512
+ "values": [
1513
+ "--pf-v6-c-tabs--m-vertical--link-accent--Width",
1514
+ "0"
1515
+ ]
1516
+ },
1517
+ "c_tabs_link_accent_Height": {
1518
+ "name": "--pf-v6-c-tabs--link-accent--Height",
1519
+ "value": "initial",
1520
+ "values": [
1521
+ "--pf-v6-c-tabs--m-vertical--link-accent--Height",
1522
+ "initial"
1523
+ ]
1524
+ },
1525
+ "c_tabs_link_accent_BorderBlockEndWidth": {
1526
+ "name": "--pf-v6-c-tabs--link-accent--BorderBlockEndWidth",
1527
+ "value": "0",
1528
+ "values": [
1529
+ "--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth",
1530
+ "0"
1531
+ ]
1532
+ },
1533
+ "c_tabs_link_accent_BorderInlineStartWidth": {
1534
+ "name": "--pf-v6-c-tabs--link-accent--BorderInlineStartWidth",
1535
+ "value": "3px",
1536
+ "values": [
1537
+ "--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth",
1538
+ "--pf-v6-c-tabs--link-accent--border-size",
1539
+ "--pf-v6-c-tabs__item--m-current__link--after--BorderWidth",
1540
+ "--pf-t--global--border--width--extra-strong",
1541
+ "--pf-t--global--border--width--300",
1542
+ "3px"
1543
+ ]
1348
1544
  }
1349
1545
  },
1350
1546
  ".pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__link": {
@@ -0,0 +1,6 @@
1
+ export const c_tabs__link_TransitionDuration_background_color: {
2
+ "name": "--pf-v6-c-tabs__link--TransitionDuration--background-color",
3
+ "value": "100ms",
4
+ "var": "var(--pf-v6-c-tabs__link--TransitionDuration--background-color)"
5
+ };
6
+ export default c_tabs__link_TransitionDuration_background_color;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__link_TransitionDuration_background_color = {
2
+ "name": "--pf-v6-c-tabs__link--TransitionDuration--background-color",
3
+ "value": "100ms",
4
+ "var": "var(--pf-v6-c-tabs__link--TransitionDuration--background-color)"
5
+ };
6
+ export default c_tabs__link_TransitionDuration_background_color;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__link_TransitionTimingFunction_background_color: {
2
+ "name": "--pf-v6-c-tabs__link--TransitionTimingFunction--background-color",
3
+ "value": "cubic-bezier(.4, 0, .2, 1)",
4
+ "var": "var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color)"
5
+ };
6
+ export default c_tabs__link_TransitionTimingFunction_background_color;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__link_TransitionTimingFunction_background_color = {
2
+ "name": "--pf-v6-c-tabs__link--TransitionTimingFunction--background-color",
3
+ "value": "cubic-bezier(.4, 0, .2, 1)",
4
+ "var": "var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color)"
5
+ };
6
+ export default c_tabs__link_TransitionTimingFunction_background_color;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_BorderBlockEndWidth: {
2
+ "name": "--pf-v6-c-tabs--link-accent--BorderBlockEndWidth",
3
+ "value": "0",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth)"
5
+ };
6
+ export default c_tabs_link_accent_BorderBlockEndWidth;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_BorderBlockEndWidth = {
2
+ "name": "--pf-v6-c-tabs--link-accent--BorderBlockEndWidth",
3
+ "value": "0",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth)"
5
+ };
6
+ export default c_tabs_link_accent_BorderBlockEndWidth;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_BorderInlineStartWidth: {
2
+ "name": "--pf-v6-c-tabs--link-accent--BorderInlineStartWidth",
3
+ "value": "3px",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth)"
5
+ };
6
+ export default c_tabs_link_accent_BorderInlineStartWidth;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_BorderInlineStartWidth = {
2
+ "name": "--pf-v6-c-tabs--link-accent--BorderInlineStartWidth",
3
+ "value": "3px",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth)"
5
+ };
6
+ export default c_tabs_link_accent_BorderInlineStartWidth;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_Height: {
2
+ "name": "--pf-v6-c-tabs--link-accent--Height",
3
+ "value": "initial",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--Height)"
5
+ };
6
+ export default c_tabs_link_accent_Height;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_Height = {
2
+ "name": "--pf-v6-c-tabs--link-accent--Height",
3
+ "value": "initial",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--Height)"
5
+ };
6
+ export default c_tabs_link_accent_Height;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_InsetBlockEnd: {
2
+ "name": "--pf-v6-c-tabs--link-accent--InsetBlockEnd",
3
+ "value": "auto",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--InsetBlockEnd)"
5
+ };
6
+ export default c_tabs_link_accent_InsetBlockEnd;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_InsetBlockEnd = {
2
+ "name": "--pf-v6-c-tabs--link-accent--InsetBlockEnd",
3
+ "value": "auto",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--InsetBlockEnd)"
5
+ };
6
+ export default c_tabs_link_accent_InsetBlockEnd;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_InsetBlockStart: {
2
+ "name": "--pf-v6-c-tabs--link-accent--InsetBlockStart",
3
+ "value": "initial",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--InsetBlockStart)"
5
+ };
6
+ export default c_tabs_link_accent_InsetBlockStart;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_InsetBlockStart = {
2
+ "name": "--pf-v6-c-tabs--link-accent--InsetBlockStart",
3
+ "value": "initial",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--InsetBlockStart)"
5
+ };
6
+ export default c_tabs_link_accent_InsetBlockStart;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_InsetInlineStart: {
2
+ "name": "--pf-v6-c-tabs--link-accent--InsetInlineStart",
3
+ "value": "0",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--InsetInlineStart)"
5
+ };
6
+ export default c_tabs_link_accent_InsetInlineStart;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_InsetInlineStart = {
2
+ "name": "--pf-v6-c-tabs--link-accent--InsetInlineStart",
3
+ "value": "0",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--InsetInlineStart)"
5
+ };
6
+ export default c_tabs_link_accent_InsetInlineStart;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_TransitionDuration: {
2
+ "name": "--pf-v6-c-tabs--link-accent--TransitionDuration",
3
+ "value": "200ms",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--TransitionDuration)"
5
+ };
6
+ export default c_tabs_link_accent_TransitionDuration;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_TransitionDuration = {
2
+ "name": "--pf-v6-c-tabs--link-accent--TransitionDuration",
3
+ "value": "200ms",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--TransitionDuration)"
5
+ };
6
+ export default c_tabs_link_accent_TransitionDuration;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_TransitionTimingFunction: {
2
+ "name": "--pf-v6-c-tabs--link-accent--TransitionTimingFunction",
3
+ "value": "cubic-bezier(0, 0, .2, 1)",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction)"
5
+ };
6
+ export default c_tabs_link_accent_TransitionTimingFunction;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_TransitionTimingFunction = {
2
+ "name": "--pf-v6-c-tabs--link-accent--TransitionTimingFunction",
3
+ "value": "cubic-bezier(0, 0, .2, 1)",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction)"
5
+ };
6
+ export default c_tabs_link_accent_TransitionTimingFunction;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_Width: {
2
+ "name": "--pf-v6-c-tabs--link-accent--Width",
3
+ "value": "0",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--Width)"
5
+ };
6
+ export default c_tabs_link_accent_Width;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_Width = {
2
+ "name": "--pf-v6-c-tabs--link-accent--Width",
3
+ "value": "0",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--Width)"
5
+ };
6
+ export default c_tabs_link_accent_Width;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_border_size: {
2
+ "name": "--pf-v6-c-tabs--link-accent--border-size",
3
+ "value": "3px",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--border-size)"
5
+ };
6
+ export default c_tabs_link_accent_border_size;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_border_size = {
2
+ "name": "--pf-v6-c-tabs--link-accent--border-size",
3
+ "value": "3px",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--border-size)"
5
+ };
6
+ export default c_tabs_link_accent_border_size;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_color: {
2
+ "name": "--pf-v6-c-tabs--link-accent--color",
3
+ "value": "#0066cc",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--color)"
5
+ };
6
+ export default c_tabs_link_accent_color;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_color = {
2
+ "name": "--pf-v6-c-tabs--link-accent--color",
3
+ "value": "#0066cc",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--color)"
5
+ };
6
+ export default c_tabs_link_accent_color;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_length: {
2
+ "name": "--pf-v6-c-tabs--link-accent--length",
3
+ "value": "auto",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--length)"
5
+ };
6
+ export default c_tabs_link_accent_length;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_length = {
2
+ "name": "--pf-v6-c-tabs--link-accent--length",
3
+ "value": "auto",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--length)"
5
+ };
6
+ export default c_tabs_link_accent_length;
@@ -0,0 +1,6 @@
1
+ export const c_tabs_link_accent_start: {
2
+ "name": "--pf-v6-c-tabs--link-accent--start",
3
+ "value": "0",
4
+ "var": "var(--pf-v6-c-tabs--link-accent--start)"
5
+ };
6
+ export default c_tabs_link_accent_start;