@patternfly/react-tokens 6.2.2 → 6.3.0-prerelease.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 (138) hide show
  1. package/CHANGELOG.md +2 -14
  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_tabs.d.ts +196 -0
  23. package/dist/esm/c_tabs.js +196 -0
  24. package/dist/esm/c_tabs__link_TransitionDuration_background_color.d.ts +6 -0
  25. package/dist/esm/c_tabs__link_TransitionDuration_background_color.js +6 -0
  26. package/dist/esm/c_tabs__link_TransitionTimingFunction_background_color.d.ts +6 -0
  27. package/dist/esm/c_tabs__link_TransitionTimingFunction_background_color.js +6 -0
  28. package/dist/esm/c_tabs_link_accent_BorderBlockEndWidth.d.ts +6 -0
  29. package/dist/esm/c_tabs_link_accent_BorderBlockEndWidth.js +6 -0
  30. package/dist/esm/c_tabs_link_accent_BorderInlineStartWidth.d.ts +6 -0
  31. package/dist/esm/c_tabs_link_accent_BorderInlineStartWidth.js +6 -0
  32. package/dist/esm/c_tabs_link_accent_Height.d.ts +6 -0
  33. package/dist/esm/c_tabs_link_accent_Height.js +6 -0
  34. package/dist/esm/c_tabs_link_accent_InsetBlockEnd.d.ts +6 -0
  35. package/dist/esm/c_tabs_link_accent_InsetBlockEnd.js +6 -0
  36. package/dist/esm/c_tabs_link_accent_InsetBlockStart.d.ts +6 -0
  37. package/dist/esm/c_tabs_link_accent_InsetBlockStart.js +6 -0
  38. package/dist/esm/c_tabs_link_accent_InsetInlineStart.d.ts +6 -0
  39. package/dist/esm/c_tabs_link_accent_InsetInlineStart.js +6 -0
  40. package/dist/esm/c_tabs_link_accent_TransitionDuration.d.ts +6 -0
  41. package/dist/esm/c_tabs_link_accent_TransitionDuration.js +6 -0
  42. package/dist/esm/c_tabs_link_accent_TransitionTimingFunction.d.ts +6 -0
  43. package/dist/esm/c_tabs_link_accent_TransitionTimingFunction.js +6 -0
  44. package/dist/esm/c_tabs_link_accent_Width.d.ts +6 -0
  45. package/dist/esm/c_tabs_link_accent_Width.js +6 -0
  46. package/dist/esm/c_tabs_link_accent_border_size.d.ts +6 -0
  47. package/dist/esm/c_tabs_link_accent_border_size.js +6 -0
  48. package/dist/esm/c_tabs_link_accent_color.d.ts +6 -0
  49. package/dist/esm/c_tabs_link_accent_color.js +6 -0
  50. package/dist/esm/c_tabs_link_accent_length.d.ts +6 -0
  51. package/dist/esm/c_tabs_link_accent_length.js +6 -0
  52. package/dist/esm/c_tabs_link_accent_start.d.ts +6 -0
  53. package/dist/esm/c_tabs_link_accent_start.js +6 -0
  54. package/dist/esm/c_tabs_m_vertical_link_accent_BorderBlockEndWidth.d.ts +6 -0
  55. package/dist/esm/c_tabs_m_vertical_link_accent_BorderBlockEndWidth.js +6 -0
  56. package/dist/esm/c_tabs_m_vertical_link_accent_BorderInlineStartWidth.d.ts +6 -0
  57. package/dist/esm/c_tabs_m_vertical_link_accent_BorderInlineStartWidth.js +6 -0
  58. package/dist/esm/c_tabs_m_vertical_link_accent_Height.d.ts +6 -0
  59. package/dist/esm/c_tabs_m_vertical_link_accent_Height.js +6 -0
  60. package/dist/esm/c_tabs_m_vertical_link_accent_InsetBlockEnd.d.ts +6 -0
  61. package/dist/esm/c_tabs_m_vertical_link_accent_InsetBlockEnd.js +6 -0
  62. package/dist/esm/c_tabs_m_vertical_link_accent_InsetBlockStart.d.ts +6 -0
  63. package/dist/esm/c_tabs_m_vertical_link_accent_InsetBlockStart.js +6 -0
  64. package/dist/esm/c_tabs_m_vertical_link_accent_InsetInlineStart.d.ts +6 -0
  65. package/dist/esm/c_tabs_m_vertical_link_accent_InsetInlineStart.js +6 -0
  66. package/dist/esm/c_tabs_m_vertical_link_accent_Width.d.ts +6 -0
  67. package/dist/esm/c_tabs_m_vertical_link_accent_Width.js +6 -0
  68. package/dist/esm/index.d.ts +29 -0
  69. package/dist/esm/index.js +29 -0
  70. package/dist/js/c_card.d.ts +4 -0
  71. package/dist/js/c_card.js +4 -0
  72. package/dist/js/c_card__title_text_OverflowWrap.d.ts +6 -0
  73. package/dist/js/c_card__title_text_OverflowWrap.js +8 -0
  74. package/dist/js/c_drawer.d.ts +72 -6
  75. package/dist/js/c_drawer.js +72 -6
  76. package/dist/js/c_drawer__panel_Opacity.d.ts +6 -0
  77. package/dist/js/c_drawer__panel_Opacity.js +8 -0
  78. package/dist/js/c_drawer__panel_TransitionDelay.d.ts +6 -0
  79. package/dist/js/c_drawer__panel_TransitionDelay.js +8 -0
  80. package/dist/js/c_drawer__panel_TransitionDelay_expand_focus.d.ts +6 -0
  81. package/dist/js/c_drawer__panel_TransitionDelay_expand_focus.js +8 -0
  82. package/dist/js/c_drawer__panel_TransitionDelay_focus.d.ts +6 -0
  83. package/dist/js/c_drawer__panel_TransitionDelay_focus.js +8 -0
  84. package/dist/js/c_drawer__panel_TransitionDuration.d.ts +1 -1
  85. package/dist/js/c_drawer__panel_TransitionDuration.js +1 -1
  86. package/dist/js/c_drawer__panel_TransitionDuration_fade.d.ts +6 -0
  87. package/dist/js/c_drawer__panel_TransitionDuration_fade.js +8 -0
  88. package/dist/js/c_drawer_m_expanded__panel_Opacity.d.ts +6 -0
  89. package/dist/js/c_drawer_m_expanded__panel_Opacity.js +8 -0
  90. package/dist/js/c_tabs.d.ts +196 -0
  91. package/dist/js/c_tabs.js +196 -0
  92. package/dist/js/c_tabs__link_TransitionDuration_background_color.d.ts +6 -0
  93. package/dist/js/c_tabs__link_TransitionDuration_background_color.js +8 -0
  94. package/dist/js/c_tabs__link_TransitionTimingFunction_background_color.d.ts +6 -0
  95. package/dist/js/c_tabs__link_TransitionTimingFunction_background_color.js +8 -0
  96. package/dist/js/c_tabs_link_accent_BorderBlockEndWidth.d.ts +6 -0
  97. package/dist/js/c_tabs_link_accent_BorderBlockEndWidth.js +8 -0
  98. package/dist/js/c_tabs_link_accent_BorderInlineStartWidth.d.ts +6 -0
  99. package/dist/js/c_tabs_link_accent_BorderInlineStartWidth.js +8 -0
  100. package/dist/js/c_tabs_link_accent_Height.d.ts +6 -0
  101. package/dist/js/c_tabs_link_accent_Height.js +8 -0
  102. package/dist/js/c_tabs_link_accent_InsetBlockEnd.d.ts +6 -0
  103. package/dist/js/c_tabs_link_accent_InsetBlockEnd.js +8 -0
  104. package/dist/js/c_tabs_link_accent_InsetBlockStart.d.ts +6 -0
  105. package/dist/js/c_tabs_link_accent_InsetBlockStart.js +8 -0
  106. package/dist/js/c_tabs_link_accent_InsetInlineStart.d.ts +6 -0
  107. package/dist/js/c_tabs_link_accent_InsetInlineStart.js +8 -0
  108. package/dist/js/c_tabs_link_accent_TransitionDuration.d.ts +6 -0
  109. package/dist/js/c_tabs_link_accent_TransitionDuration.js +8 -0
  110. package/dist/js/c_tabs_link_accent_TransitionTimingFunction.d.ts +6 -0
  111. package/dist/js/c_tabs_link_accent_TransitionTimingFunction.js +8 -0
  112. package/dist/js/c_tabs_link_accent_Width.d.ts +6 -0
  113. package/dist/js/c_tabs_link_accent_Width.js +8 -0
  114. package/dist/js/c_tabs_link_accent_border_size.d.ts +6 -0
  115. package/dist/js/c_tabs_link_accent_border_size.js +8 -0
  116. package/dist/js/c_tabs_link_accent_color.d.ts +6 -0
  117. package/dist/js/c_tabs_link_accent_color.js +8 -0
  118. package/dist/js/c_tabs_link_accent_length.d.ts +6 -0
  119. package/dist/js/c_tabs_link_accent_length.js +8 -0
  120. package/dist/js/c_tabs_link_accent_start.d.ts +6 -0
  121. package/dist/js/c_tabs_link_accent_start.js +8 -0
  122. package/dist/js/c_tabs_m_vertical_link_accent_BorderBlockEndWidth.d.ts +6 -0
  123. package/dist/js/c_tabs_m_vertical_link_accent_BorderBlockEndWidth.js +8 -0
  124. package/dist/js/c_tabs_m_vertical_link_accent_BorderInlineStartWidth.d.ts +6 -0
  125. package/dist/js/c_tabs_m_vertical_link_accent_BorderInlineStartWidth.js +8 -0
  126. package/dist/js/c_tabs_m_vertical_link_accent_Height.d.ts +6 -0
  127. package/dist/js/c_tabs_m_vertical_link_accent_Height.js +8 -0
  128. package/dist/js/c_tabs_m_vertical_link_accent_InsetBlockEnd.d.ts +6 -0
  129. package/dist/js/c_tabs_m_vertical_link_accent_InsetBlockEnd.js +8 -0
  130. package/dist/js/c_tabs_m_vertical_link_accent_InsetBlockStart.d.ts +6 -0
  131. package/dist/js/c_tabs_m_vertical_link_accent_InsetBlockStart.js +8 -0
  132. package/dist/js/c_tabs_m_vertical_link_accent_InsetInlineStart.d.ts +6 -0
  133. package/dist/js/c_tabs_m_vertical_link_accent_InsetInlineStart.js +8 -0
  134. package/dist/js/c_tabs_m_vertical_link_accent_Width.d.ts +6 -0
  135. package/dist/js/c_tabs_m_vertical_link_accent_Width.js +8 -0
  136. package/dist/js/index.d.ts +29 -0
  137. package/dist/js/index.js +29 -0
  138. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,21 +3,9 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [6.2.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.2.1...@patternfly/react-tokens@6.2.2) (2025-04-23)
6
+ # [6.3.0-prerelease.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.2.1-prerelease.0...@patternfly/react-tokens@6.3.0-prerelease.1) (2025-04-24)
7
7
 
8
- ### Bug Fixes
9
-
10
- - Updated to pull in 6.2.3 of patternfly. ([660cf4a](https://github.com/patternfly/patternfly-react/commit/660cf4add72c3f9184b6882f06ea69b501d181e3))
11
-
12
- ## [6.2.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.2.0...@patternfly/react-tokens@6.2.1) (2025-04-17)
13
-
14
- ### Bug Fixes
15
-
16
- - publish patch release. ([ec18e50](https://github.com/patternfly/patternfly-react/commit/ec18e50782c4a7ee2f6a8b072be6b5808b196661))
17
-
18
- ### Features
19
-
20
- - **Page:** Added support for sidebar-less layout ([#11760](https://github.com/patternfly/patternfly-react/issues/11760)) ([4b0c6e4](https://github.com/patternfly/patternfly-react/commit/4b0c6e4a79aba86508891985f19f4853e3b7f87f))
8
+ **Note:** Version bump only for package @patternfly/react-tokens
21
9
 
22
10
  ## [6.2.1-prerelease.0](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.2.0...@patternfly/react-tokens@6.2.1-prerelease.0) (2025-04-14)
23
11
 
@@ -143,6 +143,10 @@ export const c_card: {
143
143
  "1.3"
144
144
  ]
145
145
  },
146
+ "c_card__title_text_OverflowWrap": {
147
+ "name": "--pf-v6-c-card__title-text--OverflowWrap",
148
+ "value": "break-word"
149
+ },
146
150
  "c_card_c_button_disabled_Color": {
147
151
  "name": "--pf-v6-c-card--c-button--disabled--Color",
148
152
  "value": "#4d4d4d",
@@ -143,6 +143,10 @@ export const c_card = {
143
143
  "1.3"
144
144
  ]
145
145
  },
146
+ "c_card__title_text_OverflowWrap": {
147
+ "name": "--pf-v6-c-card__title-text--OverflowWrap",
148
+ "value": "break-word"
149
+ },
146
150
  "c_card_c_button_disabled_Color": {
147
151
  "name": "--pf-v6-c-card--c-button--disabled--Color",
148
152
  "value": "#4d4d4d",
@@ -0,0 +1,6 @@
1
+ export const c_card__title_text_OverflowWrap: {
2
+ "name": "--pf-v6-c-card__title-text--OverflowWrap",
3
+ "value": "break-word",
4
+ "var": "var(--pf-v6-c-card__title-text--OverflowWrap)"
5
+ };
6
+ export default c_card__title_text_OverflowWrap;
@@ -0,0 +1,6 @@
1
+ export const c_card__title_text_OverflowWrap = {
2
+ "name": "--pf-v6-c-card__title-text--OverflowWrap",
3
+ "value": "break-word",
4
+ "var": "var(--pf-v6-c-card__title-text--OverflowWrap)"
5
+ };
6
+ export default c_card__title_text_OverflowWrap;
@@ -131,6 +131,33 @@ export const c_drawer: {
131
131
  "0.5rem"
132
132
  ]
133
133
  },
134
+ "c_drawer__panel_TransitionDelay": {
135
+ "name": "--pf-v6-c-drawer__panel--TransitionDelay",
136
+ "value": "0s, 200ms, 200ms",
137
+ "values": [
138
+ "0s, --pf-v6-c-drawer__panel--TransitionDelay--focus, --pf-v6-c-drawer__panel--TransitionDelay--focus",
139
+ "0s, --pf-v6-c-drawer__panel--TransitionDuration--fade, --pf-v6-c-drawer__panel--TransitionDuration--fade",
140
+ "0s, --pf-t--global--motion--duration--fade--default, --pf-t--global--motion--duration--fade--default",
141
+ "0s, --pf-t--global--motion--duration--md, --pf-t--global--motion--duration--md",
142
+ "0s, --pf-t--global--duration--200, --pf-t--global--duration--200",
143
+ "0s, 200ms, 200ms"
144
+ ]
145
+ },
146
+ "c_drawer__panel_TransitionDelay_focus": {
147
+ "name": "--pf-v6-c-drawer__panel--TransitionDelay--focus",
148
+ "value": "200ms",
149
+ "values": [
150
+ "--pf-v6-c-drawer__panel--TransitionDuration--fade",
151
+ "--pf-t--global--motion--duration--fade--default",
152
+ "--pf-t--global--motion--duration--md",
153
+ "--pf-t--global--duration--200",
154
+ "200ms"
155
+ ]
156
+ },
157
+ "c_drawer__panel_TransitionDelay_expand_focus": {
158
+ "name": "--pf-v6-c-drawer__panel--TransitionDelay--expand--focus",
159
+ "value": "0s"
160
+ },
134
161
  "c_drawer__panel_TransitionTimingFunction": {
135
162
  "name": "--pf-v6-c-drawer__panel--TransitionTimingFunction",
136
163
  "value": "cubic-bezier(0, 0, .2, 1)",
@@ -140,19 +167,38 @@ export const c_drawer: {
140
167
  "cubic-bezier(0, 0, .2, 1)"
141
168
  ]
142
169
  },
170
+ "c_drawer__panel_TransitionDuration_fade": {
171
+ "name": "--pf-v6-c-drawer__panel--TransitionDuration--fade",
172
+ "value": "200ms",
173
+ "values": [
174
+ "--pf-t--global--motion--duration--fade--default",
175
+ "--pf-t--global--motion--duration--md",
176
+ "--pf-t--global--duration--200",
177
+ "200ms"
178
+ ]
179
+ },
143
180
  "c_drawer__panel_TransitionDuration": {
144
181
  "name": "--pf-v6-c-drawer__panel--TransitionDuration",
145
- "value": "300ms",
182
+ "value": "200ms, 0s, 0s",
146
183
  "values": [
147
- "--pf-t--global--motion--duration--slide-in--short",
148
- "--pf-t--global--motion--duration--lg",
149
- "--pf-t--global--duration--300",
150
- "300ms"
184
+ "--pf-v6-c-drawer__panel--TransitionDuration--fade, 0s, 0s",
185
+ "--pf-t--global--motion--duration--fade--default, 0s, 0s",
186
+ "--pf-t--global--motion--duration--md, 0s, 0s",
187
+ "--pf-t--global--duration--200, 0s, 0s",
188
+ "200ms, 0s, 0s"
151
189
  ]
152
190
  },
153
191
  "c_drawer__panel_TransitionProperty": {
154
192
  "name": "--pf-v6-c-drawer__panel--TransitionProperty",
155
- "value": "margin, transform, box-shadow, flex-basis"
193
+ "value": "opacity, visibility, transform"
194
+ },
195
+ "c_drawer__panel_Opacity": {
196
+ "name": "--pf-v6-c-drawer__panel--Opacity",
197
+ "value": "0"
198
+ },
199
+ "c_drawer_m_expanded__panel_Opacity": {
200
+ "name": "--pf-v6-c-drawer--m-expanded__panel--Opacity",
201
+ "value": "1"
156
202
  },
157
203
  "c_drawer__panel_FlexBasis": {
158
204
  "name": "--pf-v6-c-drawer__panel--FlexBasis",
@@ -809,6 +855,26 @@ export const c_drawer: {
809
855
  ]
810
856
  }
811
857
  },
858
+ ".pf-v6-c-drawer.pf-m-expanded": {
859
+ "c_drawer__panel_TransitionDelay_focus": {
860
+ "name": "--pf-v6-c-drawer__panel--TransitionDelay--focus",
861
+ "value": "0s",
862
+ "values": [
863
+ "--pf-v6-c-drawer__panel--TransitionDelay--expand--focus",
864
+ "0s"
865
+ ]
866
+ }
867
+ },
868
+ ".pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel": {
869
+ "c_drawer__panel_Opacity": {
870
+ "name": "--pf-v6-c-drawer__panel--Opacity",
871
+ "value": "1",
872
+ "values": [
873
+ "--pf-v6-c-drawer--m-expanded__panel--Opacity",
874
+ "1"
875
+ ]
876
+ }
877
+ },
812
878
  ".pf-v6-c-drawer.pf-m-resizing": {
813
879
  "c_drawer__panel_TransitionProperty": {
814
880
  "name": "--pf-v6-c-drawer__panel--TransitionProperty",
@@ -131,6 +131,33 @@ export const c_drawer = {
131
131
  "0.5rem"
132
132
  ]
133
133
  },
134
+ "c_drawer__panel_TransitionDelay": {
135
+ "name": "--pf-v6-c-drawer__panel--TransitionDelay",
136
+ "value": "0s, 200ms, 200ms",
137
+ "values": [
138
+ "0s, --pf-v6-c-drawer__panel--TransitionDelay--focus, --pf-v6-c-drawer__panel--TransitionDelay--focus",
139
+ "0s, --pf-v6-c-drawer__panel--TransitionDuration--fade, --pf-v6-c-drawer__panel--TransitionDuration--fade",
140
+ "0s, --pf-t--global--motion--duration--fade--default, --pf-t--global--motion--duration--fade--default",
141
+ "0s, --pf-t--global--motion--duration--md, --pf-t--global--motion--duration--md",
142
+ "0s, --pf-t--global--duration--200, --pf-t--global--duration--200",
143
+ "0s, 200ms, 200ms"
144
+ ]
145
+ },
146
+ "c_drawer__panel_TransitionDelay_focus": {
147
+ "name": "--pf-v6-c-drawer__panel--TransitionDelay--focus",
148
+ "value": "200ms",
149
+ "values": [
150
+ "--pf-v6-c-drawer__panel--TransitionDuration--fade",
151
+ "--pf-t--global--motion--duration--fade--default",
152
+ "--pf-t--global--motion--duration--md",
153
+ "--pf-t--global--duration--200",
154
+ "200ms"
155
+ ]
156
+ },
157
+ "c_drawer__panel_TransitionDelay_expand_focus": {
158
+ "name": "--pf-v6-c-drawer__panel--TransitionDelay--expand--focus",
159
+ "value": "0s"
160
+ },
134
161
  "c_drawer__panel_TransitionTimingFunction": {
135
162
  "name": "--pf-v6-c-drawer__panel--TransitionTimingFunction",
136
163
  "value": "cubic-bezier(0, 0, .2, 1)",
@@ -140,19 +167,38 @@ export const c_drawer = {
140
167
  "cubic-bezier(0, 0, .2, 1)"
141
168
  ]
142
169
  },
170
+ "c_drawer__panel_TransitionDuration_fade": {
171
+ "name": "--pf-v6-c-drawer__panel--TransitionDuration--fade",
172
+ "value": "200ms",
173
+ "values": [
174
+ "--pf-t--global--motion--duration--fade--default",
175
+ "--pf-t--global--motion--duration--md",
176
+ "--pf-t--global--duration--200",
177
+ "200ms"
178
+ ]
179
+ },
143
180
  "c_drawer__panel_TransitionDuration": {
144
181
  "name": "--pf-v6-c-drawer__panel--TransitionDuration",
145
- "value": "300ms",
182
+ "value": "200ms, 0s, 0s",
146
183
  "values": [
147
- "--pf-t--global--motion--duration--slide-in--short",
148
- "--pf-t--global--motion--duration--lg",
149
- "--pf-t--global--duration--300",
150
- "300ms"
184
+ "--pf-v6-c-drawer__panel--TransitionDuration--fade, 0s, 0s",
185
+ "--pf-t--global--motion--duration--fade--default, 0s, 0s",
186
+ "--pf-t--global--motion--duration--md, 0s, 0s",
187
+ "--pf-t--global--duration--200, 0s, 0s",
188
+ "200ms, 0s, 0s"
151
189
  ]
152
190
  },
153
191
  "c_drawer__panel_TransitionProperty": {
154
192
  "name": "--pf-v6-c-drawer__panel--TransitionProperty",
155
- "value": "margin, transform, box-shadow, flex-basis"
193
+ "value": "opacity, visibility, transform"
194
+ },
195
+ "c_drawer__panel_Opacity": {
196
+ "name": "--pf-v6-c-drawer__panel--Opacity",
197
+ "value": "0"
198
+ },
199
+ "c_drawer_m_expanded__panel_Opacity": {
200
+ "name": "--pf-v6-c-drawer--m-expanded__panel--Opacity",
201
+ "value": "1"
156
202
  },
157
203
  "c_drawer__panel_FlexBasis": {
158
204
  "name": "--pf-v6-c-drawer__panel--FlexBasis",
@@ -809,6 +855,26 @@ export const c_drawer = {
809
855
  ]
810
856
  }
811
857
  },
858
+ ".pf-v6-c-drawer.pf-m-expanded": {
859
+ "c_drawer__panel_TransitionDelay_focus": {
860
+ "name": "--pf-v6-c-drawer__panel--TransitionDelay--focus",
861
+ "value": "0s",
862
+ "values": [
863
+ "--pf-v6-c-drawer__panel--TransitionDelay--expand--focus",
864
+ "0s"
865
+ ]
866
+ }
867
+ },
868
+ ".pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel": {
869
+ "c_drawer__panel_Opacity": {
870
+ "name": "--pf-v6-c-drawer__panel--Opacity",
871
+ "value": "1",
872
+ "values": [
873
+ "--pf-v6-c-drawer--m-expanded__panel--Opacity",
874
+ "1"
875
+ ]
876
+ }
877
+ },
812
878
  ".pf-v6-c-drawer.pf-m-resizing": {
813
879
  "c_drawer__panel_TransitionProperty": {
814
880
  "name": "--pf-v6-c-drawer__panel--TransitionProperty",
@@ -0,0 +1,6 @@
1
+ export const c_drawer__panel_Opacity: {
2
+ "name": "--pf-v6-c-drawer__panel--Opacity",
3
+ "value": "1",
4
+ "var": "var(--pf-v6-c-drawer__panel--Opacity)"
5
+ };
6
+ export default c_drawer__panel_Opacity;
@@ -0,0 +1,6 @@
1
+ export const c_drawer__panel_Opacity = {
2
+ "name": "--pf-v6-c-drawer__panel--Opacity",
3
+ "value": "1",
4
+ "var": "var(--pf-v6-c-drawer__panel--Opacity)"
5
+ };
6
+ export default c_drawer__panel_Opacity;
@@ -0,0 +1,6 @@
1
+ export const c_drawer__panel_TransitionDelay: {
2
+ "name": "--pf-v6-c-drawer__panel--TransitionDelay",
3
+ "value": "0s, 200ms, 200ms",
4
+ "var": "var(--pf-v6-c-drawer__panel--TransitionDelay)"
5
+ };
6
+ export default c_drawer__panel_TransitionDelay;
@@ -0,0 +1,6 @@
1
+ export const c_drawer__panel_TransitionDelay = {
2
+ "name": "--pf-v6-c-drawer__panel--TransitionDelay",
3
+ "value": "0s, 200ms, 200ms",
4
+ "var": "var(--pf-v6-c-drawer__panel--TransitionDelay)"
5
+ };
6
+ export default c_drawer__panel_TransitionDelay;
@@ -0,0 +1,6 @@
1
+ export const c_drawer__panel_TransitionDelay_expand_focus: {
2
+ "name": "--pf-v6-c-drawer__panel--TransitionDelay--expand--focus",
3
+ "value": "0s",
4
+ "var": "var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus)"
5
+ };
6
+ export default c_drawer__panel_TransitionDelay_expand_focus;
@@ -0,0 +1,6 @@
1
+ export const c_drawer__panel_TransitionDelay_expand_focus = {
2
+ "name": "--pf-v6-c-drawer__panel--TransitionDelay--expand--focus",
3
+ "value": "0s",
4
+ "var": "var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus)"
5
+ };
6
+ export default c_drawer__panel_TransitionDelay_expand_focus;
@@ -0,0 +1,6 @@
1
+ export const c_drawer__panel_TransitionDelay_focus: {
2
+ "name": "--pf-v6-c-drawer__panel--TransitionDelay--focus",
3
+ "value": "0s",
4
+ "var": "var(--pf-v6-c-drawer__panel--TransitionDelay--focus)"
5
+ };
6
+ export default c_drawer__panel_TransitionDelay_focus;
@@ -0,0 +1,6 @@
1
+ export const c_drawer__panel_TransitionDelay_focus = {
2
+ "name": "--pf-v6-c-drawer__panel--TransitionDelay--focus",
3
+ "value": "0s",
4
+ "var": "var(--pf-v6-c-drawer__panel--TransitionDelay--focus)"
5
+ };
6
+ export default c_drawer__panel_TransitionDelay_focus;
@@ -1,6 +1,6 @@
1
1
  export const c_drawer__panel_TransitionDuration: {
2
2
  "name": "--pf-v6-c-drawer__panel--TransitionDuration",
3
- "value": "300ms",
3
+ "value": "200ms, 0s, 0s",
4
4
  "var": "var(--pf-v6-c-drawer__panel--TransitionDuration)"
5
5
  };
6
6
  export default c_drawer__panel_TransitionDuration;
@@ -1,6 +1,6 @@
1
1
  export const c_drawer__panel_TransitionDuration = {
2
2
  "name": "--pf-v6-c-drawer__panel--TransitionDuration",
3
- "value": "300ms",
3
+ "value": "200ms, 0s, 0s",
4
4
  "var": "var(--pf-v6-c-drawer__panel--TransitionDuration)"
5
5
  };
6
6
  export default c_drawer__panel_TransitionDuration;
@@ -0,0 +1,6 @@
1
+ export const c_drawer__panel_TransitionDuration_fade: {
2
+ "name": "--pf-v6-c-drawer__panel--TransitionDuration--fade",
3
+ "value": "200ms",
4
+ "var": "var(--pf-v6-c-drawer__panel--TransitionDuration--fade)"
5
+ };
6
+ export default c_drawer__panel_TransitionDuration_fade;
@@ -0,0 +1,6 @@
1
+ export const c_drawer__panel_TransitionDuration_fade = {
2
+ "name": "--pf-v6-c-drawer__panel--TransitionDuration--fade",
3
+ "value": "200ms",
4
+ "var": "var(--pf-v6-c-drawer__panel--TransitionDuration--fade)"
5
+ };
6
+ export default c_drawer__panel_TransitionDuration_fade;
@@ -0,0 +1,6 @@
1
+ export const c_drawer_m_expanded__panel_Opacity: {
2
+ "name": "--pf-v6-c-drawer--m-expanded__panel--Opacity",
3
+ "value": "1",
4
+ "var": "var(--pf-v6-c-drawer--m-expanded__panel--Opacity)"
5
+ };
6
+ export default c_drawer_m_expanded__panel_Opacity;
@@ -0,0 +1,6 @@
1
+ export const c_drawer_m_expanded__panel_Opacity = {
2
+ "name": "--pf-v6-c-drawer--m-expanded__panel--Opacity",
3
+ "value": "1",
4
+ "var": "var(--pf-v6-c-drawer--m-expanded__panel--Opacity)"
5
+ };
6
+ export default c_drawer_m_expanded__panel_Opacity;
@@ -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": {