@patternfly/react-tokens 6.2.0 → 6.2.1

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 +16 -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
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_drawer_m_expanded__panel_Opacity = {
4
+ "name": "--pf-v6-c-drawer--m-expanded__panel--Opacity",
5
+ "value": "1",
6
+ "var": "var(--pf-v6-c-drawer--m-expanded__panel--Opacity)"
7
+ };
8
+ exports["default"] = exports.c_drawer_m_expanded__panel_Opacity;
@@ -38,13 +38,25 @@ export const c_page: {
38
38
  "200"
39
39
  ]
40
40
  },
41
+ "c_page__sidebar_Width_base": {
42
+ "name": "--pf-v6-c-page__sidebar--Width--base",
43
+ "value": "18.125rem"
44
+ },
41
45
  "c_page__sidebar_Width": {
42
46
  "name": "--pf-v6-c-page__sidebar--Width",
43
- "value": "18.125rem"
47
+ "value": "18.125rem",
48
+ "values": [
49
+ "--pf-v6-c-page__sidebar--Width--base",
50
+ "18.125rem"
51
+ ]
44
52
  },
45
53
  "c_page__sidebar_xl_Width": {
46
54
  "name": "--pf-v6-c-page__sidebar--xl--Width",
47
- "value": "18.125rem"
55
+ "value": "18.125rem",
56
+ "values": [
57
+ "--pf-v6-c-page__sidebar--Width--base",
58
+ "18.125rem"
59
+ ]
48
60
  },
49
61
  "c_page__sidebar_BackgroundColor": {
50
62
  "name": "--pf-v6-c-page__sidebar--BackgroundColor",
@@ -459,6 +471,7 @@ export const c_page: {
459
471
  "value": "calc(125rem - 18.125rem)",
460
472
  "values": [
461
473
  "calc(125rem - --pf-v6-c-page__sidebar--Width)",
474
+ "calc(125rem - --pf-v6-c-page__sidebar--Width--base)",
462
475
  "calc(125rem - 18.125rem)"
463
476
  ]
464
477
  },
package/dist/js/c_page.js CHANGED
@@ -40,13 +40,25 @@ exports.c_page = {
40
40
  "200"
41
41
  ]
42
42
  },
43
+ "c_page__sidebar_Width_base": {
44
+ "name": "--pf-v6-c-page__sidebar--Width--base",
45
+ "value": "18.125rem"
46
+ },
43
47
  "c_page__sidebar_Width": {
44
48
  "name": "--pf-v6-c-page__sidebar--Width",
45
- "value": "18.125rem"
49
+ "value": "18.125rem",
50
+ "values": [
51
+ "--pf-v6-c-page__sidebar--Width--base",
52
+ "18.125rem"
53
+ ]
46
54
  },
47
55
  "c_page__sidebar_xl_Width": {
48
56
  "name": "--pf-v6-c-page__sidebar--xl--Width",
49
- "value": "18.125rem"
57
+ "value": "18.125rem",
58
+ "values": [
59
+ "--pf-v6-c-page__sidebar--Width--base",
60
+ "18.125rem"
61
+ ]
50
62
  },
51
63
  "c_page__sidebar_BackgroundColor": {
52
64
  "name": "--pf-v6-c-page__sidebar--BackgroundColor",
@@ -461,6 +473,7 @@ exports.c_page = {
461
473
  "value": "calc(125rem - 18.125rem)",
462
474
  "values": [
463
475
  "calc(125rem - --pf-v6-c-page__sidebar--Width)",
476
+ "calc(125rem - --pf-v6-c-page__sidebar--Width--base)",
464
477
  "calc(125rem - 18.125rem)"
465
478
  ]
466
479
  },
@@ -0,0 +1,6 @@
1
+ export const c_page__sidebar_Width_base: {
2
+ "name": "--pf-v6-c-page__sidebar--Width--base",
3
+ "value": "18.125rem",
4
+ "var": "var(--pf-v6-c-page__sidebar--Width--base)"
5
+ };
6
+ export default c_page__sidebar_Width_base;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_page__sidebar_Width_base = {
4
+ "name": "--pf-v6-c-page__sidebar--Width--base",
5
+ "value": "18.125rem",
6
+ "var": "var(--pf-v6-c-page__sidebar--Width--base)"
7
+ };
8
+ exports["default"] = exports.c_page__sidebar_Width_base;
@@ -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": {
package/dist/js/c_tabs.js CHANGED
@@ -488,6 +488,25 @@ exports.c_tabs = {
488
488
  "0.75rem"
489
489
  ]
490
490
  },
491
+ "c_tabs__link_TransitionDuration_background_color": {
492
+ "name": "--pf-v6-c-tabs__link--TransitionDuration--background-color",
493
+ "value": "100ms",
494
+ "values": [
495
+ "--pf-t--global--motion--duration--fade--short",
496
+ "--pf-t--global--motion--duration--sm",
497
+ "--pf-t--global--duration--100",
498
+ "100ms"
499
+ ]
500
+ },
501
+ "c_tabs__link_TransitionTimingFunction_background_color": {
502
+ "name": "--pf-v6-c-tabs__link--TransitionTimingFunction--background-color",
503
+ "value": "cubic-bezier(.4, 0, .2, 1)",
504
+ "values": [
505
+ "--pf-t--global--motion--timing-function--default",
506
+ "--pf-t--global--timing-function--200",
507
+ "cubic-bezier(.4, 0, .2, 1)"
508
+ ]
509
+ },
491
510
  "c_tabs__link_before_border_color_base": {
492
511
  "name": "--pf-v6-c-tabs__link--before--border-color--base",
493
512
  "value": "#c7c7c7",
@@ -652,6 +671,123 @@ exports.c_tabs = {
652
671
  "3px"
653
672
  ]
654
673
  },
674
+ "c_tabs_link_accent_start": {
675
+ "name": "--pf-v6-c-tabs--link-accent--start",
676
+ "value": "0"
677
+ },
678
+ "c_tabs_link_accent_length": {
679
+ "name": "--pf-v6-c-tabs--link-accent--length",
680
+ "value": "auto"
681
+ },
682
+ "c_tabs_link_accent_color": {
683
+ "name": "--pf-v6-c-tabs--link-accent--color",
684
+ "value": "#0066cc",
685
+ "values": [
686
+ "--pf-v6-c-tabs__item--m-current__link--after--BorderColor",
687
+ "--pf-t--global--border--color--clicked",
688
+ "--pf-t--global--color--brand--200",
689
+ "--pf-t--color--blue--50",
690
+ "#0066cc"
691
+ ]
692
+ },
693
+ "c_tabs_link_accent_border_size": {
694
+ "name": "--pf-v6-c-tabs--link-accent--border-size",
695
+ "value": "3px",
696
+ "values": [
697
+ "--pf-v6-c-tabs__item--m-current__link--after--BorderWidth",
698
+ "--pf-t--global--border--width--extra-strong",
699
+ "--pf-t--global--border--width--300",
700
+ "3px"
701
+ ]
702
+ },
703
+ "c_tabs_link_accent_InsetBlockStart": {
704
+ "name": "--pf-v6-c-tabs--link-accent--InsetBlockStart",
705
+ "value": "auto"
706
+ },
707
+ "c_tabs_link_accent_InsetBlockEnd": {
708
+ "name": "--pf-v6-c-tabs--link-accent--InsetBlockEnd",
709
+ "value": "0"
710
+ },
711
+ "c_tabs_link_accent_InsetInlineStart": {
712
+ "name": "--pf-v6-c-tabs--link-accent--InsetInlineStart",
713
+ "value": "initial"
714
+ },
715
+ "c_tabs_link_accent_Width": {
716
+ "name": "--pf-v6-c-tabs--link-accent--Width",
717
+ "value": "initial"
718
+ },
719
+ "c_tabs_link_accent_Height": {
720
+ "name": "--pf-v6-c-tabs--link-accent--Height",
721
+ "value": "0"
722
+ },
723
+ "c_tabs_link_accent_BorderBlockEndWidth": {
724
+ "name": "--pf-v6-c-tabs--link-accent--BorderBlockEndWidth",
725
+ "value": "3px",
726
+ "values": [
727
+ "--pf-v6-c-tabs--link-accent--border-size",
728
+ "--pf-v6-c-tabs__item--m-current__link--after--BorderWidth",
729
+ "--pf-t--global--border--width--extra-strong",
730
+ "--pf-t--global--border--width--300",
731
+ "3px"
732
+ ]
733
+ },
734
+ "c_tabs_link_accent_BorderInlineStartWidth": {
735
+ "name": "--pf-v6-c-tabs--link-accent--BorderInlineStartWidth",
736
+ "value": "0"
737
+ },
738
+ "c_tabs_m_vertical_link_accent_InsetBlockStart": {
739
+ "name": "--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart",
740
+ "value": "initial"
741
+ },
742
+ "c_tabs_m_vertical_link_accent_InsetBlockEnd": {
743
+ "name": "--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd",
744
+ "value": "auto"
745
+ },
746
+ "c_tabs_m_vertical_link_accent_InsetInlineStart": {
747
+ "name": "--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart",
748
+ "value": "0"
749
+ },
750
+ "c_tabs_m_vertical_link_accent_Width": {
751
+ "name": "--pf-v6-c-tabs--m-vertical--link-accent--Width",
752
+ "value": "0"
753
+ },
754
+ "c_tabs_m_vertical_link_accent_Height": {
755
+ "name": "--pf-v6-c-tabs--m-vertical--link-accent--Height",
756
+ "value": "initial"
757
+ },
758
+ "c_tabs_m_vertical_link_accent_BorderBlockEndWidth": {
759
+ "name": "--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth",
760
+ "value": "0"
761
+ },
762
+ "c_tabs_m_vertical_link_accent_BorderInlineStartWidth": {
763
+ "name": "--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth",
764
+ "value": "3px",
765
+ "values": [
766
+ "--pf-v6-c-tabs--link-accent--border-size",
767
+ "--pf-v6-c-tabs__item--m-current__link--after--BorderWidth",
768
+ "--pf-t--global--border--width--extra-strong",
769
+ "--pf-t--global--border--width--300",
770
+ "3px"
771
+ ]
772
+ },
773
+ "c_tabs_link_accent_TransitionDuration": {
774
+ "name": "--pf-v6-c-tabs--link-accent--TransitionDuration",
775
+ "value": "200ms",
776
+ "values": [
777
+ "--pf-t--global--motion--duration--md",
778
+ "--pf-t--global--duration--200",
779
+ "200ms"
780
+ ]
781
+ },
782
+ "c_tabs_link_accent_TransitionTimingFunction": {
783
+ "name": "--pf-v6-c-tabs--link-accent--TransitionTimingFunction",
784
+ "value": "cubic-bezier(0, 0, .2, 1)",
785
+ "values": [
786
+ "--pf-t--global--motion--timing-function--decelerate",
787
+ "--pf-t--global--timing-function--300",
788
+ "cubic-bezier(0, 0, .2, 1)"
789
+ ]
790
+ },
655
791
  "c_tabs__scroll_button_PaddingBlockStart": {
656
792
  "name": "--pf-v6-c-tabs__scroll-button--PaddingBlockStart",
657
793
  "value": "0.5rem",
@@ -1347,6 +1483,66 @@ exports.c_tabs = {
1347
1483
  "--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis",
1348
1484
  "y"
1349
1485
  ]
1486
+ },
1487
+ "c_tabs_link_accent_InsetBlockStart": {
1488
+ "name": "--pf-v6-c-tabs--link-accent--InsetBlockStart",
1489
+ "value": "initial",
1490
+ "values": [
1491
+ "--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart",
1492
+ "initial"
1493
+ ]
1494
+ },
1495
+ "c_tabs_link_accent_InsetBlockEnd": {
1496
+ "name": "--pf-v6-c-tabs--link-accent--InsetBlockEnd",
1497
+ "value": "auto",
1498
+ "values": [
1499
+ "--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd",
1500
+ "auto"
1501
+ ]
1502
+ },
1503
+ "c_tabs_link_accent_InsetInlineStart": {
1504
+ "name": "--pf-v6-c-tabs--link-accent--InsetInlineStart",
1505
+ "value": "0",
1506
+ "values": [
1507
+ "--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart",
1508
+ "0"
1509
+ ]
1510
+ },
1511
+ "c_tabs_link_accent_Width": {
1512
+ "name": "--pf-v6-c-tabs--link-accent--Width",
1513
+ "value": "0",
1514
+ "values": [
1515
+ "--pf-v6-c-tabs--m-vertical--link-accent--Width",
1516
+ "0"
1517
+ ]
1518
+ },
1519
+ "c_tabs_link_accent_Height": {
1520
+ "name": "--pf-v6-c-tabs--link-accent--Height",
1521
+ "value": "initial",
1522
+ "values": [
1523
+ "--pf-v6-c-tabs--m-vertical--link-accent--Height",
1524
+ "initial"
1525
+ ]
1526
+ },
1527
+ "c_tabs_link_accent_BorderBlockEndWidth": {
1528
+ "name": "--pf-v6-c-tabs--link-accent--BorderBlockEndWidth",
1529
+ "value": "0",
1530
+ "values": [
1531
+ "--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth",
1532
+ "0"
1533
+ ]
1534
+ },
1535
+ "c_tabs_link_accent_BorderInlineStartWidth": {
1536
+ "name": "--pf-v6-c-tabs--link-accent--BorderInlineStartWidth",
1537
+ "value": "3px",
1538
+ "values": [
1539
+ "--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth",
1540
+ "--pf-v6-c-tabs--link-accent--border-size",
1541
+ "--pf-v6-c-tabs__item--m-current__link--after--BorderWidth",
1542
+ "--pf-t--global--border--width--extra-strong",
1543
+ "--pf-t--global--border--width--300",
1544
+ "3px"
1545
+ ]
1350
1546
  }
1351
1547
  },
1352
1548
  ".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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_tabs__link_TransitionDuration_background_color = {
4
+ "name": "--pf-v6-c-tabs__link--TransitionDuration--background-color",
5
+ "value": "100ms",
6
+ "var": "var(--pf-v6-c-tabs__link--TransitionDuration--background-color)"
7
+ };
8
+ exports["default"] = exports.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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_tabs__link_TransitionTimingFunction_background_color = {
4
+ "name": "--pf-v6-c-tabs__link--TransitionTimingFunction--background-color",
5
+ "value": "cubic-bezier(.4, 0, .2, 1)",
6
+ "var": "var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color)"
7
+ };
8
+ exports["default"] = exports.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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_tabs_link_accent_BorderBlockEndWidth = {
4
+ "name": "--pf-v6-c-tabs--link-accent--BorderBlockEndWidth",
5
+ "value": "0",
6
+ "var": "var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth)"
7
+ };
8
+ exports["default"] = exports.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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_tabs_link_accent_BorderInlineStartWidth = {
4
+ "name": "--pf-v6-c-tabs--link-accent--BorderInlineStartWidth",
5
+ "value": "3px",
6
+ "var": "var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth)"
7
+ };
8
+ exports["default"] = exports.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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_tabs_link_accent_Height = {
4
+ "name": "--pf-v6-c-tabs--link-accent--Height",
5
+ "value": "initial",
6
+ "var": "var(--pf-v6-c-tabs--link-accent--Height)"
7
+ };
8
+ exports["default"] = exports.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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_tabs_link_accent_InsetBlockEnd = {
4
+ "name": "--pf-v6-c-tabs--link-accent--InsetBlockEnd",
5
+ "value": "auto",
6
+ "var": "var(--pf-v6-c-tabs--link-accent--InsetBlockEnd)"
7
+ };
8
+ exports["default"] = exports.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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_tabs_link_accent_InsetBlockStart = {
4
+ "name": "--pf-v6-c-tabs--link-accent--InsetBlockStart",
5
+ "value": "initial",
6
+ "var": "var(--pf-v6-c-tabs--link-accent--InsetBlockStart)"
7
+ };
8
+ exports["default"] = exports.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;