@patternfly/react-tokens 6.5.0-prerelease.1 → 6.5.0-prerelease.3

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 (126) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/esm/c_button.d.ts +131 -32
  3. package/dist/esm/c_button.js +131 -32
  4. package/dist/esm/c_button_TextDecorationColor.d.ts +1 -1
  5. package/dist/esm/c_button_TextDecorationColor.js +1 -1
  6. package/dist/esm/c_button_TransitionDuration.d.ts +1 -1
  7. package/dist/esm/c_button_TransitionDuration.js +1 -1
  8. package/dist/esm/c_button_TransitionProperty.d.ts +1 -1
  9. package/dist/esm/c_button_TransitionProperty.js +1 -1
  10. package/dist/esm/c_button_TransitionTimingFunction.d.ts +1 -1
  11. package/dist/esm/c_button_TransitionTimingFunction.js +1 -1
  12. package/dist/esm/c_button_hover_TextDecorationColor.d.ts +1 -1
  13. package/dist/esm/c_button_hover_TextDecorationColor.js +1 -1
  14. package/dist/esm/c_button_m_link_m_inline_TextDecorationColor.d.ts +1 -1
  15. package/dist/esm/c_button_m_link_m_inline_TextDecorationColor.js +1 -1
  16. package/dist/esm/c_button_m_link_m_inline_TextUnderlineOffset.d.ts +6 -0
  17. package/dist/esm/c_button_m_link_m_inline_TextUnderlineOffset.js +6 -0
  18. package/dist/esm/c_button_m_link_m_inline_TransitionDuration.d.ts +6 -0
  19. package/dist/esm/c_button_m_link_m_inline_TransitionDuration.js +6 -0
  20. package/dist/esm/c_button_m_link_m_inline_TransitionProperty.d.ts +6 -0
  21. package/dist/esm/c_button_m_link_m_inline_TransitionProperty.js +6 -0
  22. package/dist/esm/c_button_m_link_m_inline_TransitionTimingFunction.d.ts +6 -0
  23. package/dist/esm/c_button_m_link_m_inline_TransitionTimingFunction.js +6 -0
  24. package/dist/esm/c_button_m_link_m_inline_hover_TextDecorationColor.d.ts +1 -1
  25. package/dist/esm/c_button_m_link_m_inline_hover_TextDecorationColor.js +1 -1
  26. package/dist/esm/c_button_m_link_m_inline_hover_TextUnderlineOffset.d.ts +6 -0
  27. package/dist/esm/c_button_m_link_m_inline_hover_TextUnderlineOffset.js +6 -0
  28. package/dist/esm/c_compass.d.ts +12 -0
  29. package/dist/esm/c_compass.js +12 -0
  30. package/dist/esm/c_compass__panel_BackgroundColor.d.ts +6 -0
  31. package/dist/esm/c_compass__panel_BackgroundColor.js +6 -0
  32. package/dist/esm/c_drawer.d.ts +94 -0
  33. package/dist/esm/c_drawer.js +94 -0
  34. package/dist/esm/c_drawer_m_expanded__panel_inset.d.ts +6 -0
  35. package/dist/esm/c_drawer_m_expanded__panel_inset.js +6 -0
  36. package/dist/esm/c_drawer_m_pill__main_Gap.d.ts +6 -0
  37. package/dist/esm/c_drawer_m_pill__main_Gap.js +6 -0
  38. package/dist/esm/c_drawer_m_pill__panel_BorderBlockEndWidth.d.ts +6 -0
  39. package/dist/esm/c_drawer_m_pill__panel_BorderBlockEndWidth.js +6 -0
  40. package/dist/esm/c_drawer_m_pill__panel_BorderBlockStartWidth.d.ts +6 -0
  41. package/dist/esm/c_drawer_m_pill__panel_BorderBlockStartWidth.js +6 -0
  42. package/dist/esm/c_drawer_m_pill__panel_BorderColor.d.ts +6 -0
  43. package/dist/esm/c_drawer_m_pill__panel_BorderColor.js +6 -0
  44. package/dist/esm/c_drawer_m_pill__panel_BorderInlineEndWidth.d.ts +6 -0
  45. package/dist/esm/c_drawer_m_pill__panel_BorderInlineEndWidth.js +6 -0
  46. package/dist/esm/c_drawer_m_pill__panel_BorderInlineStartWidth.d.ts +6 -0
  47. package/dist/esm/c_drawer_m_pill__panel_BorderInlineStartWidth.js +6 -0
  48. package/dist/esm/c_drawer_m_pill__panel_BorderRadius.d.ts +6 -0
  49. package/dist/esm/c_drawer_m_pill__panel_BorderRadius.js +6 -0
  50. package/dist/esm/c_drawer_m_pill_m_expanded__panel_inset.d.ts +6 -0
  51. package/dist/esm/c_drawer_m_pill_m_expanded__panel_inset.js +6 -0
  52. package/dist/esm/c_drawer_m_pill_m_inline__main_Gap.d.ts +6 -0
  53. package/dist/esm/c_drawer_m_pill_m_inline__main_Gap.js +6 -0
  54. package/dist/esm/index.d.ts +21 -2
  55. package/dist/esm/index.js +21 -2
  56. package/dist/esm/patternfly_variables.d.ts +31 -6
  57. package/dist/esm/patternfly_variables.js +31 -6
  58. package/dist/esm/t_global_text_decoration_color_default.d.ts +6 -0
  59. package/dist/esm/t_global_text_decoration_color_default.js +6 -0
  60. package/dist/esm/t_global_text_decoration_color_hover.d.ts +6 -0
  61. package/dist/esm/t_global_text_decoration_color_hover.js +6 -0
  62. package/dist/esm/t_global_text_decoration_offset_hover.d.ts +6 -0
  63. package/dist/esm/t_global_text_decoration_offset_hover.js +6 -0
  64. package/dist/js/c_button.d.ts +131 -32
  65. package/dist/js/c_button.js +131 -32
  66. package/dist/js/c_button_TextDecorationColor.d.ts +1 -1
  67. package/dist/js/c_button_TextDecorationColor.js +1 -1
  68. package/dist/js/c_button_TransitionDuration.d.ts +1 -1
  69. package/dist/js/c_button_TransitionDuration.js +1 -1
  70. package/dist/js/c_button_TransitionProperty.d.ts +1 -1
  71. package/dist/js/c_button_TransitionProperty.js +1 -1
  72. package/dist/js/c_button_TransitionTimingFunction.d.ts +1 -1
  73. package/dist/js/c_button_TransitionTimingFunction.js +1 -1
  74. package/dist/js/c_button_hover_TextDecorationColor.d.ts +1 -1
  75. package/dist/js/c_button_hover_TextDecorationColor.js +1 -1
  76. package/dist/js/c_button_m_link_m_inline_TextDecorationColor.d.ts +1 -1
  77. package/dist/js/c_button_m_link_m_inline_TextDecorationColor.js +1 -1
  78. package/dist/js/c_button_m_link_m_inline_TextUnderlineOffset.d.ts +6 -0
  79. package/dist/js/c_button_m_link_m_inline_TextUnderlineOffset.js +8 -0
  80. package/dist/js/c_button_m_link_m_inline_TransitionDuration.d.ts +6 -0
  81. package/dist/js/c_button_m_link_m_inline_TransitionDuration.js +8 -0
  82. package/dist/js/c_button_m_link_m_inline_TransitionProperty.d.ts +6 -0
  83. package/dist/js/c_button_m_link_m_inline_TransitionProperty.js +8 -0
  84. package/dist/js/c_button_m_link_m_inline_TransitionTimingFunction.d.ts +6 -0
  85. package/dist/js/c_button_m_link_m_inline_TransitionTimingFunction.js +8 -0
  86. package/dist/js/c_button_m_link_m_inline_hover_TextDecorationColor.d.ts +1 -1
  87. package/dist/js/c_button_m_link_m_inline_hover_TextDecorationColor.js +1 -1
  88. package/dist/js/c_button_m_link_m_inline_hover_TextUnderlineOffset.d.ts +6 -0
  89. package/dist/js/c_button_m_link_m_inline_hover_TextUnderlineOffset.js +8 -0
  90. package/dist/js/c_compass.d.ts +12 -0
  91. package/dist/js/c_compass.js +12 -0
  92. package/dist/js/c_compass__panel_BackgroundColor.d.ts +6 -0
  93. package/dist/js/c_compass__panel_BackgroundColor.js +8 -0
  94. package/dist/js/c_drawer.d.ts +94 -0
  95. package/dist/js/c_drawer.js +94 -0
  96. package/dist/js/c_drawer_m_expanded__panel_inset.d.ts +6 -0
  97. package/dist/js/c_drawer_m_expanded__panel_inset.js +8 -0
  98. package/dist/js/c_drawer_m_pill__main_Gap.d.ts +6 -0
  99. package/dist/js/c_drawer_m_pill__main_Gap.js +8 -0
  100. package/dist/js/c_drawer_m_pill__panel_BorderBlockEndWidth.d.ts +6 -0
  101. package/dist/js/c_drawer_m_pill__panel_BorderBlockEndWidth.js +8 -0
  102. package/dist/js/c_drawer_m_pill__panel_BorderBlockStartWidth.d.ts +6 -0
  103. package/dist/js/c_drawer_m_pill__panel_BorderBlockStartWidth.js +8 -0
  104. package/dist/js/c_drawer_m_pill__panel_BorderColor.d.ts +6 -0
  105. package/dist/js/c_drawer_m_pill__panel_BorderColor.js +8 -0
  106. package/dist/js/c_drawer_m_pill__panel_BorderInlineEndWidth.d.ts +6 -0
  107. package/dist/js/c_drawer_m_pill__panel_BorderInlineEndWidth.js +8 -0
  108. package/dist/js/c_drawer_m_pill__panel_BorderInlineStartWidth.d.ts +6 -0
  109. package/dist/js/c_drawer_m_pill__panel_BorderInlineStartWidth.js +8 -0
  110. package/dist/js/c_drawer_m_pill__panel_BorderRadius.d.ts +6 -0
  111. package/dist/js/c_drawer_m_pill__panel_BorderRadius.js +8 -0
  112. package/dist/js/c_drawer_m_pill_m_expanded__panel_inset.d.ts +6 -0
  113. package/dist/js/c_drawer_m_pill_m_expanded__panel_inset.js +8 -0
  114. package/dist/js/c_drawer_m_pill_m_inline__main_Gap.d.ts +6 -0
  115. package/dist/js/c_drawer_m_pill_m_inline__main_Gap.js +8 -0
  116. package/dist/js/index.d.ts +21 -2
  117. package/dist/js/index.js +21 -2
  118. package/dist/js/patternfly_variables.d.ts +31 -6
  119. package/dist/js/patternfly_variables.js +31 -6
  120. package/dist/js/t_global_text_decoration_color_default.d.ts +6 -0
  121. package/dist/js/t_global_text_decoration_color_default.js +8 -0
  122. package/dist/js/t_global_text_decoration_color_hover.d.ts +6 -0
  123. package/dist/js/t_global_text_decoration_color_hover.js +8 -0
  124. package/dist/js/t_global_text_decoration_offset_hover.d.ts +6 -0
  125. package/dist/js/t_global_text_decoration_offset_hover.js +8 -0
  126. package/package.json +3 -3
@@ -971,6 +971,15 @@ exports.c_button = {
971
971
  "name": "--pf-v6-c-button--m-link--m-inline--PaddingInlineStart",
972
972
  "value": "0"
973
973
  },
974
+ "c_button_m_link_m_inline_TextDecorationColor": {
975
+ "name": "--pf-v6-c-button--m-link--m-inline--TextDecorationColor",
976
+ "value": "undefined",
977
+ "values": [
978
+ "--pf-t--global--text-decoration--color--default",
979
+ "--pf-t--global--text--color--default",
980
+ "undefined"
981
+ ]
982
+ },
974
983
  "c_button_m_link_m_inline_TextDecorationLine": {
975
984
  "name": "--pf-v6-c-button--m-link--m-inline--TextDecorationLine",
976
985
  "value": "underline",
@@ -989,6 +998,25 @@ exports.c_button = {
989
998
  "solid"
990
999
  ]
991
1000
  },
1001
+ "c_button_m_link_m_inline_TextUnderlineOffset": {
1002
+ "name": "--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset",
1003
+ "value": "0.25rem",
1004
+ "values": [
1005
+ "--pf-t--global--text-decoration--offset--default",
1006
+ "--pf-t--global--spacer--xs",
1007
+ "--pf-t--global--spacer--100",
1008
+ "0.25rem"
1009
+ ]
1010
+ },
1011
+ "c_button_m_link_m_inline_hover_TextDecorationColor": {
1012
+ "name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor",
1013
+ "value": "undefined",
1014
+ "values": [
1015
+ "--pf-t--global--text-decoration--color--hover",
1016
+ "--pf-t--global--text--color--hover",
1017
+ "undefined"
1018
+ ]
1019
+ },
992
1020
  "c_button_m_link_m_inline_hover_TextDecorationLine": {
993
1021
  "name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine",
994
1022
  "value": "underline",
@@ -1007,6 +1035,39 @@ exports.c_button = {
1007
1035
  "solid"
1008
1036
  ]
1009
1037
  },
1038
+ "c_button_m_link_m_inline_hover_TextUnderlineOffset": {
1039
+ "name": "--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset",
1040
+ "value": "calc(0.25rem + 1px)",
1041
+ "values": [
1042
+ "--pf-t--global--text-decoration--offset--hover",
1043
+ "calc(--pf-t--global--spacer--xs + 1px)",
1044
+ "calc(--pf-t--global--spacer--100 + 1px)",
1045
+ "calc(0.25rem + 1px)"
1046
+ ]
1047
+ },
1048
+ "c_button_m_link_m_inline_TransitionProperty": {
1049
+ "name": "--pf-v6-c-button--m-link--m-inline--TransitionProperty",
1050
+ "value": "color, text-underline-offset"
1051
+ },
1052
+ "c_button_m_link_m_inline_TransitionDuration": {
1053
+ "name": "--pf-v6-c-button--m-link--m-inline--TransitionDuration",
1054
+ "value": "200ms, 300ms",
1055
+ "values": [
1056
+ "--pf-t--global--motion--duration--fade--default, --pf-t--global--motion--duration--lg",
1057
+ "--pf-t--global--motion--duration--md, --pf-t--global--duration--300",
1058
+ "--pf-t--global--duration--200, 300ms",
1059
+ "200ms, 300ms"
1060
+ ]
1061
+ },
1062
+ "c_button_m_link_m_inline_TransitionTimingFunction": {
1063
+ "name": "--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction",
1064
+ "value": "cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)",
1065
+ "values": [
1066
+ "--pf-t--global--motion--timing-function--accelerate, --pf-t--global--motion--timing-function--default",
1067
+ "--pf-t--global--timing-function--100, --pf-t--global--timing-function--200",
1068
+ "cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)"
1069
+ ]
1070
+ },
1010
1071
  "c_button_m_link_m_inline__progress_InsetInlineStart": {
1011
1072
  "name": "--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart",
1012
1073
  "value": "0.25rem",
@@ -1092,10 +1153,6 @@ exports.c_button = {
1092
1153
  "#0066cc"
1093
1154
  ]
1094
1155
  },
1095
- "c_button_m_link_m_inline_TextDecorationColor": {
1096
- "name": "--pf-v6-c-button--m-link--m-inline--TextDecorationColor",
1097
- "value": "currentcolor"
1098
- },
1099
1156
  "c_button_m_link_m_inline_hover_Color": {
1100
1157
  "name": "--pf-v6-c-button--m-link--m-inline--hover--Color",
1101
1158
  "value": "#004d99",
@@ -1118,10 +1175,6 @@ exports.c_button = {
1118
1175
  "#004d99"
1119
1176
  ]
1120
1177
  },
1121
- "c_button_m_link_m_inline_hover_TextDecorationColor": {
1122
- "name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor",
1123
- "value": "currentcolor"
1124
- },
1125
1178
  "c_button_m_plain_BorderRadius": {
1126
1179
  "name": "--pf-v6-c-button--m-plain--BorderRadius",
1127
1180
  "value": "6px",
@@ -3479,6 +3532,35 @@ exports.c_button = {
3479
3532
  "0"
3480
3533
  ]
3481
3534
  },
3535
+ "c_button_TransitionDuration": {
3536
+ "name": "--pf-v6-c-button--TransitionDuration",
3537
+ "value": "200ms, 300ms",
3538
+ "values": [
3539
+ "--pf-v6-c-button--m-link--m-inline--TransitionDuration",
3540
+ "--pf-t--global--motion--duration--fade--default, --pf-t--global--motion--duration--lg",
3541
+ "--pf-t--global--motion--duration--md, --pf-t--global--duration--300",
3542
+ "--pf-t--global--duration--200, 300ms",
3543
+ "200ms, 300ms"
3544
+ ]
3545
+ },
3546
+ "c_button_TransitionTimingFunction": {
3547
+ "name": "--pf-v6-c-button--TransitionTimingFunction",
3548
+ "value": "cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)",
3549
+ "values": [
3550
+ "--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction",
3551
+ "--pf-t--global--motion--timing-function--accelerate, --pf-t--global--motion--timing-function--default",
3552
+ "--pf-t--global--timing-function--100, --pf-t--global--timing-function--200",
3553
+ "cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)"
3554
+ ]
3555
+ },
3556
+ "c_button_TransitionProperty": {
3557
+ "name": "--pf-v6-c-button--TransitionProperty",
3558
+ "value": "color, text-underline-offset",
3559
+ "values": [
3560
+ "--pf-v6-c-button--m-link--m-inline--TransitionProperty",
3561
+ "color, text-underline-offset"
3562
+ ]
3563
+ },
3482
3564
  "c_button_BackgroundColor": {
3483
3565
  "name": "--pf-v6-c-button--BackgroundColor",
3484
3566
  "value": "transparent"
@@ -3513,26 +3595,6 @@ exports.c_button = {
3513
3595
  "solid"
3514
3596
  ]
3515
3597
  },
3516
- "c_button_hover_TextDecorationLine": {
3517
- "name": "--pf-v6-c-button--hover--TextDecorationLine",
3518
- "value": "underline",
3519
- "values": [
3520
- "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine",
3521
- "--pf-t--global--text-decoration--link--line--hover",
3522
- "--pf-t--global--text-decoration--line--200",
3523
- "underline"
3524
- ]
3525
- },
3526
- "c_button_hover_TextDecorationStyle": {
3527
- "name": "--pf-v6-c-button--hover--TextDecorationStyle",
3528
- "value": "solid",
3529
- "values": [
3530
- "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle",
3531
- "--pf-t--global--text-decoration--link--style--hover",
3532
- "--pf-t--global--text-decoration--style--100",
3533
- "solid"
3534
- ]
3535
- },
3536
3598
  "c_button_hover_BackgroundColor": {
3537
3599
  "name": "--pf-v6-c-button--hover--BackgroundColor",
3538
3600
  "value": "transparent"
@@ -3595,18 +3657,42 @@ exports.c_button = {
3595
3657
  },
3596
3658
  "c_button_TextDecorationColor": {
3597
3659
  "name": "--pf-v6-c-button--TextDecorationColor",
3598
- "value": "currentcolor",
3660
+ "value": "undefined",
3599
3661
  "values": [
3600
3662
  "--pf-v6-c-button--m-link--m-inline--TextDecorationColor",
3601
- "currentcolor"
3663
+ "--pf-t--global--text-decoration--color--default",
3664
+ "--pf-t--global--text--color--default",
3665
+ "undefined"
3666
+ ]
3667
+ },
3668
+ "c_button_hover_TextDecorationLine": {
3669
+ "name": "--pf-v6-c-button--hover--TextDecorationLine",
3670
+ "value": "underline",
3671
+ "values": [
3672
+ "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine",
3673
+ "--pf-t--global--text-decoration--link--line--hover",
3674
+ "--pf-t--global--text-decoration--line--200",
3675
+ "underline"
3676
+ ]
3677
+ },
3678
+ "c_button_hover_TextDecorationStyle": {
3679
+ "name": "--pf-v6-c-button--hover--TextDecorationStyle",
3680
+ "value": "solid",
3681
+ "values": [
3682
+ "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle",
3683
+ "--pf-t--global--text-decoration--link--style--hover",
3684
+ "--pf-t--global--text-decoration--style--100",
3685
+ "solid"
3602
3686
  ]
3603
3687
  },
3604
3688
  "c_button_hover_TextDecorationColor": {
3605
3689
  "name": "--pf-v6-c-button--hover--TextDecorationColor",
3606
- "value": "currentcolor",
3690
+ "value": "undefined",
3607
3691
  "values": [
3608
3692
  "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor",
3609
- "currentcolor"
3693
+ "--pf-t--global--text-decoration--color--hover",
3694
+ "--pf-t--global--text--color--hover",
3695
+ "undefined"
3610
3696
  ]
3611
3697
  },
3612
3698
  "c_button_m_link_hover_Color": {
@@ -3680,6 +3766,19 @@ exports.c_button = {
3680
3766
  ]
3681
3767
  }
3682
3768
  },
3769
+ ".pf-v6-c-button.pf-m-link.pf-m-inline:hover": {
3770
+ "c_button_m_link_m_inline_TextUnderlineOffset": {
3771
+ "name": "--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset",
3772
+ "value": "calc(0.25rem + 1px)",
3773
+ "values": [
3774
+ "--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset",
3775
+ "--pf-t--global--text-decoration--offset--hover",
3776
+ "calc(--pf-t--global--spacer--xs + 1px)",
3777
+ "calc(--pf-t--global--spacer--100 + 1px)",
3778
+ "calc(0.25rem + 1px)"
3779
+ ]
3780
+ }
3781
+ },
3683
3782
  ".pf-v6-c-button.pf-m-link.pf-m-danger": {
3684
3783
  "c_button_m_danger_Color": {
3685
3784
  "name": "--pf-v6-c-button--m-danger--Color",
@@ -1,6 +1,6 @@
1
1
  export const c_button_TextDecorationColor: {
2
2
  "name": "--pf-v6-c-button--TextDecorationColor",
3
- "value": "currentcolor",
3
+ "value": "undefined",
4
4
  "var": "var(--pf-v6-c-button--TextDecorationColor)"
5
5
  };
6
6
  export default c_button_TextDecorationColor;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_button_TextDecorationColor = {
4
4
  "name": "--pf-v6-c-button--TextDecorationColor",
5
- "value": "currentcolor",
5
+ "value": "undefined",
6
6
  "var": "var(--pf-v6-c-button--TextDecorationColor)"
7
7
  };
8
8
  exports["default"] = exports.c_button_TextDecorationColor;
@@ -1,6 +1,6 @@
1
1
  export const c_button_TransitionDuration: {
2
2
  "name": "--pf-v6-c-button--TransitionDuration",
3
- "value": "100ms",
3
+ "value": "200ms, 300ms",
4
4
  "var": "var(--pf-v6-c-button--TransitionDuration)"
5
5
  };
6
6
  export default c_button_TransitionDuration;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_button_TransitionDuration = {
4
4
  "name": "--pf-v6-c-button--TransitionDuration",
5
- "value": "100ms",
5
+ "value": "200ms, 300ms",
6
6
  "var": "var(--pf-v6-c-button--TransitionDuration)"
7
7
  };
8
8
  exports["default"] = exports.c_button_TransitionDuration;
@@ -1,6 +1,6 @@
1
1
  export const c_button_TransitionProperty: {
2
2
  "name": "--pf-v6-c-button--TransitionProperty",
3
- "value": "color, background, border-color",
3
+ "value": "color, text-underline-offset",
4
4
  "var": "var(--pf-v6-c-button--TransitionProperty)"
5
5
  };
6
6
  export default c_button_TransitionProperty;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_button_TransitionProperty = {
4
4
  "name": "--pf-v6-c-button--TransitionProperty",
5
- "value": "color, background, border-color",
5
+ "value": "color, text-underline-offset",
6
6
  "var": "var(--pf-v6-c-button--TransitionProperty)"
7
7
  };
8
8
  exports["default"] = exports.c_button_TransitionProperty;
@@ -1,6 +1,6 @@
1
1
  export const c_button_TransitionTimingFunction: {
2
2
  "name": "--pf-v6-c-button--TransitionTimingFunction",
3
- "value": "cubic-bezier(.4, 0, .7, .2)",
3
+ "value": "cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)",
4
4
  "var": "var(--pf-v6-c-button--TransitionTimingFunction)"
5
5
  };
6
6
  export default c_button_TransitionTimingFunction;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_button_TransitionTimingFunction = {
4
4
  "name": "--pf-v6-c-button--TransitionTimingFunction",
5
- "value": "cubic-bezier(.4, 0, .7, .2)",
5
+ "value": "cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)",
6
6
  "var": "var(--pf-v6-c-button--TransitionTimingFunction)"
7
7
  };
8
8
  exports["default"] = exports.c_button_TransitionTimingFunction;
@@ -1,6 +1,6 @@
1
1
  export const c_button_hover_TextDecorationColor: {
2
2
  "name": "--pf-v6-c-button--hover--TextDecorationColor",
3
- "value": "currentcolor",
3
+ "value": "undefined",
4
4
  "var": "var(--pf-v6-c-button--hover--TextDecorationColor)"
5
5
  };
6
6
  export default c_button_hover_TextDecorationColor;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_button_hover_TextDecorationColor = {
4
4
  "name": "--pf-v6-c-button--hover--TextDecorationColor",
5
- "value": "currentcolor",
5
+ "value": "undefined",
6
6
  "var": "var(--pf-v6-c-button--hover--TextDecorationColor)"
7
7
  };
8
8
  exports["default"] = exports.c_button_hover_TextDecorationColor;
@@ -1,6 +1,6 @@
1
1
  export const c_button_m_link_m_inline_TextDecorationColor: {
2
2
  "name": "--pf-v6-c-button--m-link--m-inline--TextDecorationColor",
3
- "value": "currentcolor",
3
+ "value": "undefined",
4
4
  "var": "var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor)"
5
5
  };
6
6
  export default c_button_m_link_m_inline_TextDecorationColor;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_button_m_link_m_inline_TextDecorationColor = {
4
4
  "name": "--pf-v6-c-button--m-link--m-inline--TextDecorationColor",
5
- "value": "currentcolor",
5
+ "value": "undefined",
6
6
  "var": "var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor)"
7
7
  };
8
8
  exports["default"] = exports.c_button_m_link_m_inline_TextDecorationColor;
@@ -0,0 +1,6 @@
1
+ export const c_button_m_link_m_inline_TextUnderlineOffset: {
2
+ "name": "--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset",
3
+ "value": "calc(0.25rem + 1px)",
4
+ "var": "var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset)"
5
+ };
6
+ export default c_button_m_link_m_inline_TextUnderlineOffset;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_button_m_link_m_inline_TextUnderlineOffset = {
4
+ "name": "--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset",
5
+ "value": "calc(0.25rem + 1px)",
6
+ "var": "var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset)"
7
+ };
8
+ exports["default"] = exports.c_button_m_link_m_inline_TextUnderlineOffset;
@@ -0,0 +1,6 @@
1
+ export const c_button_m_link_m_inline_TransitionDuration: {
2
+ "name": "--pf-v6-c-button--m-link--m-inline--TransitionDuration",
3
+ "value": "200ms, 300ms",
4
+ "var": "var(--pf-v6-c-button--m-link--m-inline--TransitionDuration)"
5
+ };
6
+ export default c_button_m_link_m_inline_TransitionDuration;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_button_m_link_m_inline_TransitionDuration = {
4
+ "name": "--pf-v6-c-button--m-link--m-inline--TransitionDuration",
5
+ "value": "200ms, 300ms",
6
+ "var": "var(--pf-v6-c-button--m-link--m-inline--TransitionDuration)"
7
+ };
8
+ exports["default"] = exports.c_button_m_link_m_inline_TransitionDuration;
@@ -0,0 +1,6 @@
1
+ export const c_button_m_link_m_inline_TransitionProperty: {
2
+ "name": "--pf-v6-c-button--m-link--m-inline--TransitionProperty",
3
+ "value": "color, text-underline-offset",
4
+ "var": "var(--pf-v6-c-button--m-link--m-inline--TransitionProperty)"
5
+ };
6
+ export default c_button_m_link_m_inline_TransitionProperty;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_button_m_link_m_inline_TransitionProperty = {
4
+ "name": "--pf-v6-c-button--m-link--m-inline--TransitionProperty",
5
+ "value": "color, text-underline-offset",
6
+ "var": "var(--pf-v6-c-button--m-link--m-inline--TransitionProperty)"
7
+ };
8
+ exports["default"] = exports.c_button_m_link_m_inline_TransitionProperty;
@@ -0,0 +1,6 @@
1
+ export const c_button_m_link_m_inline_TransitionTimingFunction: {
2
+ "name": "--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction",
3
+ "value": "cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)",
4
+ "var": "var(--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction)"
5
+ };
6
+ export default c_button_m_link_m_inline_TransitionTimingFunction;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_button_m_link_m_inline_TransitionTimingFunction = {
4
+ "name": "--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction",
5
+ "value": "cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)",
6
+ "var": "var(--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction)"
7
+ };
8
+ exports["default"] = exports.c_button_m_link_m_inline_TransitionTimingFunction;
@@ -1,6 +1,6 @@
1
1
  export const c_button_m_link_m_inline_hover_TextDecorationColor: {
2
2
  "name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor",
3
- "value": "currentcolor",
3
+ "value": "undefined",
4
4
  "var": "var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor)"
5
5
  };
6
6
  export default c_button_m_link_m_inline_hover_TextDecorationColor;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_button_m_link_m_inline_hover_TextDecorationColor = {
4
4
  "name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor",
5
- "value": "currentcolor",
5
+ "value": "undefined",
6
6
  "var": "var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor)"
7
7
  };
8
8
  exports["default"] = exports.c_button_m_link_m_inline_hover_TextDecorationColor;
@@ -0,0 +1,6 @@
1
+ export const c_button_m_link_m_inline_hover_TextUnderlineOffset: {
2
+ "name": "--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset",
3
+ "value": "calc(0.25rem + 1px)",
4
+ "var": "var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset)"
5
+ };
6
+ export default c_button_m_link_m_inline_hover_TextUnderlineOffset;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_button_m_link_m_inline_hover_TextUnderlineOffset = {
4
+ "name": "--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset",
5
+ "value": "calc(0.25rem + 1px)",
6
+ "var": "var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset)"
7
+ };
8
+ exports["default"] = exports.c_button_m_link_m_inline_hover_TextUnderlineOffset;
@@ -235,6 +235,18 @@ export const c_compass: {
235
235
  "value": "80%"
236
236
  }
237
237
  },
238
+ ".pf-v6-c-compass__panel.pf-m-no-glass": {
239
+ "c_compass__panel_BackgroundColor": {
240
+ "name": "--pf-v6-c-compass__panel--BackgroundColor",
241
+ "value": "#ffffff",
242
+ "values": [
243
+ "--pf-t--global--background--color--primary--default",
244
+ "--pf-t--global--background--color--100",
245
+ "--pf-t--color--white",
246
+ "#ffffff"
247
+ ]
248
+ }
249
+ },
238
250
  ".pf-v6-c-compass__sidebar": {
239
251
  "c_compass__panel_Padding": {
240
252
  "name": "--pf-v6-c-compass__panel--Padding",
@@ -237,6 +237,18 @@ exports.c_compass = {
237
237
  "value": "80%"
238
238
  }
239
239
  },
240
+ ".pf-v6-c-compass__panel.pf-m-no-glass": {
241
+ "c_compass__panel_BackgroundColor": {
242
+ "name": "--pf-v6-c-compass__panel--BackgroundColor",
243
+ "value": "#ffffff",
244
+ "values": [
245
+ "--pf-t--global--background--color--primary--default",
246
+ "--pf-t--global--background--color--100",
247
+ "--pf-t--color--white",
248
+ "#ffffff"
249
+ ]
250
+ }
251
+ },
240
252
  ".pf-v6-c-compass__sidebar": {
241
253
  "c_compass__panel_Padding": {
242
254
  "name": "--pf-v6-c-compass__panel--Padding",
@@ -0,0 +1,6 @@
1
+ export const c_compass__panel_BackgroundColor: {
2
+ "name": "--pf-v6-c-compass__panel--BackgroundColor",
3
+ "value": "#ffffff",
4
+ "var": "var(--pf-v6-c-compass__panel--BackgroundColor)"
5
+ };
6
+ export default c_compass__panel_BackgroundColor;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_compass__panel_BackgroundColor = {
4
+ "name": "--pf-v6-c-compass__panel--BackgroundColor",
5
+ "value": "#ffffff",
6
+ "var": "var(--pf-v6-c-compass__panel--BackgroundColor)"
7
+ };
8
+ exports["default"] = exports.c_compass__panel_BackgroundColor;
@@ -1,5 +1,15 @@
1
1
  export const c_drawer: {
2
2
  ".pf-v6-c-drawer": {
3
+ "c_drawer_m_pill_m_inline__main_Gap": {
4
+ "name": "--pf-v6-c-drawer--m-pill--m-inline__main--Gap",
5
+ "value": "1.5rem",
6
+ "values": [
7
+ "--pf-t--global--spacer--inset--page-chrome",
8
+ "--pf-t--global--spacer--lg",
9
+ "--pf-t--global--spacer--400",
10
+ "1.5rem"
11
+ ]
12
+ },
3
13
  "c_drawer__section_BackgroundColor": {
4
14
  "name": "--pf-v6-c-drawer__section--BackgroundColor",
5
15
  "value": "#ffffff",
@@ -230,6 +240,10 @@ export const c_drawer: {
230
240
  "name": "--pf-v6-c-drawer--m-expanded__panel--Opacity",
231
241
  "value": "1"
232
242
  },
243
+ "c_drawer_m_expanded__panel_inset": {
244
+ "name": "--pf-v6-c-drawer--m-expanded__panel--inset",
245
+ "value": "0px"
246
+ },
233
247
  "c_drawer__panel_FlexBasis": {
234
248
  "name": "--pf-v6-c-drawer__panel--FlexBasis",
235
249
  "value": "100%"
@@ -294,6 +308,71 @@ export const c_drawer: {
294
308
  "name": "--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight",
295
309
  "value": "1.5rem"
296
310
  },
311
+ "c_drawer_m_pill__panel_BorderBlockStartWidth": {
312
+ "name": "--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth",
313
+ "value": "1px",
314
+ "values": [
315
+ "--pf-t--global--border--width--regular",
316
+ "--pf-t--global--border--width--100",
317
+ "1px"
318
+ ]
319
+ },
320
+ "c_drawer_m_pill__panel_BorderBlockEndWidth": {
321
+ "name": "--pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth",
322
+ "value": "1px",
323
+ "values": [
324
+ "--pf-t--global--border--width--regular",
325
+ "--pf-t--global--border--width--100",
326
+ "1px"
327
+ ]
328
+ },
329
+ "c_drawer_m_pill__panel_BorderInlineStartWidth": {
330
+ "name": "--pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth",
331
+ "value": "1px",
332
+ "values": [
333
+ "--pf-t--global--border--width--regular",
334
+ "--pf-t--global--border--width--100",
335
+ "1px"
336
+ ]
337
+ },
338
+ "c_drawer_m_pill__panel_BorderInlineEndWidth": {
339
+ "name": "--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth",
340
+ "value": "1px",
341
+ "values": [
342
+ "--pf-t--global--border--width--regular",
343
+ "--pf-t--global--border--width--100",
344
+ "1px"
345
+ ]
346
+ },
347
+ "c_drawer_m_pill__panel_BorderColor": {
348
+ "name": "--pf-v6-c-drawer--m-pill__panel--BorderColor",
349
+ "value": "#c7c7c7",
350
+ "values": [
351
+ "--pf-t--global--border--color--default",
352
+ "--pf-t--global--border--color--100",
353
+ "--pf-t--color--gray--30",
354
+ "#c7c7c7"
355
+ ]
356
+ },
357
+ "c_drawer_m_pill__panel_BorderRadius": {
358
+ "name": "--pf-v6-c-drawer--m-pill__panel--BorderRadius",
359
+ "value": "24px",
360
+ "values": [
361
+ "--pf-t--global--border--radius--large",
362
+ "--pf-t--global--border--radius--400",
363
+ "24px"
364
+ ]
365
+ },
366
+ "c_drawer_m_pill_m_expanded__panel_inset": {
367
+ "name": "--pf-v6-c-drawer--m-pill--m-expanded__panel--inset",
368
+ "value": "1.5rem",
369
+ "values": [
370
+ "--pf-t--global--spacer--inset--page-chrome",
371
+ "--pf-t--global--spacer--lg",
372
+ "--pf-t--global--spacer--400",
373
+ "1.5rem"
374
+ ]
375
+ },
297
376
  "c_drawer__head_ColumnGap": {
298
377
  "name": "--pf-v6-c-drawer__head--ColumnGap",
299
378
  "value": "0.5rem",
@@ -888,6 +967,21 @@ export const c_drawer: {
888
967
  "--pf-v6-c-drawer--m-inline__panel--after--Width",
889
968
  "0"
890
969
  ]
970
+ },
971
+ "c_drawer_m_pill__main_Gap": {
972
+ "name": "--pf-v6-c-drawer--m-pill__main--Gap",
973
+ "value": "1.5rem",
974
+ "values": [
975
+ "--pf-v6-c-drawer--m-pill--m-inline__main--Gap",
976
+ "--pf-t--global--spacer--inset--page-chrome",
977
+ "--pf-t--global--spacer--lg",
978
+ "--pf-t--global--spacer--400",
979
+ "1.5rem"
980
+ ]
981
+ },
982
+ "c_drawer_m_pill_m_expanded__panel_inset": {
983
+ "name": "--pf-v6-c-drawer--m-pill--m-expanded__panel--inset",
984
+ "value": "0"
891
985
  }
892
986
  },
893
987
  ".pf-v6-c-drawer.pf-m-expanded": {