@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.
- package/CHANGELOG.md +2 -14
- package/dist/esm/c_card.d.ts +4 -0
- package/dist/esm/c_card.js +4 -0
- package/dist/esm/c_card__title_text_OverflowWrap.d.ts +6 -0
- package/dist/esm/c_card__title_text_OverflowWrap.js +6 -0
- package/dist/esm/c_drawer.d.ts +72 -6
- package/dist/esm/c_drawer.js +72 -6
- package/dist/esm/c_drawer__panel_Opacity.d.ts +6 -0
- package/dist/esm/c_drawer__panel_Opacity.js +6 -0
- package/dist/esm/c_drawer__panel_TransitionDelay.d.ts +6 -0
- package/dist/esm/c_drawer__panel_TransitionDelay.js +6 -0
- package/dist/esm/c_drawer__panel_TransitionDelay_expand_focus.d.ts +6 -0
- package/dist/esm/c_drawer__panel_TransitionDelay_expand_focus.js +6 -0
- package/dist/esm/c_drawer__panel_TransitionDelay_focus.d.ts +6 -0
- package/dist/esm/c_drawer__panel_TransitionDelay_focus.js +6 -0
- package/dist/esm/c_drawer__panel_TransitionDuration.d.ts +1 -1
- package/dist/esm/c_drawer__panel_TransitionDuration.js +1 -1
- package/dist/esm/c_drawer__panel_TransitionDuration_fade.d.ts +6 -0
- package/dist/esm/c_drawer__panel_TransitionDuration_fade.js +6 -0
- package/dist/esm/c_drawer_m_expanded__panel_Opacity.d.ts +6 -0
- package/dist/esm/c_drawer_m_expanded__panel_Opacity.js +6 -0
- package/dist/esm/c_tabs.d.ts +196 -0
- package/dist/esm/c_tabs.js +196 -0
- package/dist/esm/c_tabs__link_TransitionDuration_background_color.d.ts +6 -0
- package/dist/esm/c_tabs__link_TransitionDuration_background_color.js +6 -0
- package/dist/esm/c_tabs__link_TransitionTimingFunction_background_color.d.ts +6 -0
- package/dist/esm/c_tabs__link_TransitionTimingFunction_background_color.js +6 -0
- package/dist/esm/c_tabs_link_accent_BorderBlockEndWidth.d.ts +6 -0
- package/dist/esm/c_tabs_link_accent_BorderBlockEndWidth.js +6 -0
- package/dist/esm/c_tabs_link_accent_BorderInlineStartWidth.d.ts +6 -0
- package/dist/esm/c_tabs_link_accent_BorderInlineStartWidth.js +6 -0
- package/dist/esm/c_tabs_link_accent_Height.d.ts +6 -0
- package/dist/esm/c_tabs_link_accent_Height.js +6 -0
- package/dist/esm/c_tabs_link_accent_InsetBlockEnd.d.ts +6 -0
- package/dist/esm/c_tabs_link_accent_InsetBlockEnd.js +6 -0
- package/dist/esm/c_tabs_link_accent_InsetBlockStart.d.ts +6 -0
- package/dist/esm/c_tabs_link_accent_InsetBlockStart.js +6 -0
- package/dist/esm/c_tabs_link_accent_InsetInlineStart.d.ts +6 -0
- package/dist/esm/c_tabs_link_accent_InsetInlineStart.js +6 -0
- package/dist/esm/c_tabs_link_accent_TransitionDuration.d.ts +6 -0
- package/dist/esm/c_tabs_link_accent_TransitionDuration.js +6 -0
- package/dist/esm/c_tabs_link_accent_TransitionTimingFunction.d.ts +6 -0
- package/dist/esm/c_tabs_link_accent_TransitionTimingFunction.js +6 -0
- package/dist/esm/c_tabs_link_accent_Width.d.ts +6 -0
- package/dist/esm/c_tabs_link_accent_Width.js +6 -0
- package/dist/esm/c_tabs_link_accent_border_size.d.ts +6 -0
- package/dist/esm/c_tabs_link_accent_border_size.js +6 -0
- package/dist/esm/c_tabs_link_accent_color.d.ts +6 -0
- package/dist/esm/c_tabs_link_accent_color.js +6 -0
- package/dist/esm/c_tabs_link_accent_length.d.ts +6 -0
- package/dist/esm/c_tabs_link_accent_length.js +6 -0
- package/dist/esm/c_tabs_link_accent_start.d.ts +6 -0
- package/dist/esm/c_tabs_link_accent_start.js +6 -0
- package/dist/esm/c_tabs_m_vertical_link_accent_BorderBlockEndWidth.d.ts +6 -0
- package/dist/esm/c_tabs_m_vertical_link_accent_BorderBlockEndWidth.js +6 -0
- package/dist/esm/c_tabs_m_vertical_link_accent_BorderInlineStartWidth.d.ts +6 -0
- package/dist/esm/c_tabs_m_vertical_link_accent_BorderInlineStartWidth.js +6 -0
- package/dist/esm/c_tabs_m_vertical_link_accent_Height.d.ts +6 -0
- package/dist/esm/c_tabs_m_vertical_link_accent_Height.js +6 -0
- package/dist/esm/c_tabs_m_vertical_link_accent_InsetBlockEnd.d.ts +6 -0
- package/dist/esm/c_tabs_m_vertical_link_accent_InsetBlockEnd.js +6 -0
- package/dist/esm/c_tabs_m_vertical_link_accent_InsetBlockStart.d.ts +6 -0
- package/dist/esm/c_tabs_m_vertical_link_accent_InsetBlockStart.js +6 -0
- package/dist/esm/c_tabs_m_vertical_link_accent_InsetInlineStart.d.ts +6 -0
- package/dist/esm/c_tabs_m_vertical_link_accent_InsetInlineStart.js +6 -0
- package/dist/esm/c_tabs_m_vertical_link_accent_Width.d.ts +6 -0
- package/dist/esm/c_tabs_m_vertical_link_accent_Width.js +6 -0
- package/dist/esm/index.d.ts +29 -0
- package/dist/esm/index.js +29 -0
- package/dist/js/c_card.d.ts +4 -0
- package/dist/js/c_card.js +4 -0
- package/dist/js/c_card__title_text_OverflowWrap.d.ts +6 -0
- package/dist/js/c_card__title_text_OverflowWrap.js +8 -0
- package/dist/js/c_drawer.d.ts +72 -6
- package/dist/js/c_drawer.js +72 -6
- package/dist/js/c_drawer__panel_Opacity.d.ts +6 -0
- package/dist/js/c_drawer__panel_Opacity.js +8 -0
- package/dist/js/c_drawer__panel_TransitionDelay.d.ts +6 -0
- package/dist/js/c_drawer__panel_TransitionDelay.js +8 -0
- package/dist/js/c_drawer__panel_TransitionDelay_expand_focus.d.ts +6 -0
- package/dist/js/c_drawer__panel_TransitionDelay_expand_focus.js +8 -0
- package/dist/js/c_drawer__panel_TransitionDelay_focus.d.ts +6 -0
- package/dist/js/c_drawer__panel_TransitionDelay_focus.js +8 -0
- package/dist/js/c_drawer__panel_TransitionDuration.d.ts +1 -1
- package/dist/js/c_drawer__panel_TransitionDuration.js +1 -1
- package/dist/js/c_drawer__panel_TransitionDuration_fade.d.ts +6 -0
- package/dist/js/c_drawer__panel_TransitionDuration_fade.js +8 -0
- package/dist/js/c_drawer_m_expanded__panel_Opacity.d.ts +6 -0
- package/dist/js/c_drawer_m_expanded__panel_Opacity.js +8 -0
- package/dist/js/c_tabs.d.ts +196 -0
- package/dist/js/c_tabs.js +196 -0
- package/dist/js/c_tabs__link_TransitionDuration_background_color.d.ts +6 -0
- package/dist/js/c_tabs__link_TransitionDuration_background_color.js +8 -0
- package/dist/js/c_tabs__link_TransitionTimingFunction_background_color.d.ts +6 -0
- package/dist/js/c_tabs__link_TransitionTimingFunction_background_color.js +8 -0
- package/dist/js/c_tabs_link_accent_BorderBlockEndWidth.d.ts +6 -0
- package/dist/js/c_tabs_link_accent_BorderBlockEndWidth.js +8 -0
- package/dist/js/c_tabs_link_accent_BorderInlineStartWidth.d.ts +6 -0
- package/dist/js/c_tabs_link_accent_BorderInlineStartWidth.js +8 -0
- package/dist/js/c_tabs_link_accent_Height.d.ts +6 -0
- package/dist/js/c_tabs_link_accent_Height.js +8 -0
- package/dist/js/c_tabs_link_accent_InsetBlockEnd.d.ts +6 -0
- package/dist/js/c_tabs_link_accent_InsetBlockEnd.js +8 -0
- package/dist/js/c_tabs_link_accent_InsetBlockStart.d.ts +6 -0
- package/dist/js/c_tabs_link_accent_InsetBlockStart.js +8 -0
- package/dist/js/c_tabs_link_accent_InsetInlineStart.d.ts +6 -0
- package/dist/js/c_tabs_link_accent_InsetInlineStart.js +8 -0
- package/dist/js/c_tabs_link_accent_TransitionDuration.d.ts +6 -0
- package/dist/js/c_tabs_link_accent_TransitionDuration.js +8 -0
- package/dist/js/c_tabs_link_accent_TransitionTimingFunction.d.ts +6 -0
- package/dist/js/c_tabs_link_accent_TransitionTimingFunction.js +8 -0
- package/dist/js/c_tabs_link_accent_Width.d.ts +6 -0
- package/dist/js/c_tabs_link_accent_Width.js +8 -0
- package/dist/js/c_tabs_link_accent_border_size.d.ts +6 -0
- package/dist/js/c_tabs_link_accent_border_size.js +8 -0
- package/dist/js/c_tabs_link_accent_color.d.ts +6 -0
- package/dist/js/c_tabs_link_accent_color.js +8 -0
- package/dist/js/c_tabs_link_accent_length.d.ts +6 -0
- package/dist/js/c_tabs_link_accent_length.js +8 -0
- package/dist/js/c_tabs_link_accent_start.d.ts +6 -0
- package/dist/js/c_tabs_link_accent_start.js +8 -0
- package/dist/js/c_tabs_m_vertical_link_accent_BorderBlockEndWidth.d.ts +6 -0
- package/dist/js/c_tabs_m_vertical_link_accent_BorderBlockEndWidth.js +8 -0
- package/dist/js/c_tabs_m_vertical_link_accent_BorderInlineStartWidth.d.ts +6 -0
- package/dist/js/c_tabs_m_vertical_link_accent_BorderInlineStartWidth.js +8 -0
- package/dist/js/c_tabs_m_vertical_link_accent_Height.d.ts +6 -0
- package/dist/js/c_tabs_m_vertical_link_accent_Height.js +8 -0
- package/dist/js/c_tabs_m_vertical_link_accent_InsetBlockEnd.d.ts +6 -0
- package/dist/js/c_tabs_m_vertical_link_accent_InsetBlockEnd.js +8 -0
- package/dist/js/c_tabs_m_vertical_link_accent_InsetBlockStart.d.ts +6 -0
- package/dist/js/c_tabs_m_vertical_link_accent_InsetBlockStart.js +8 -0
- package/dist/js/c_tabs_m_vertical_link_accent_InsetInlineStart.d.ts +6 -0
- package/dist/js/c_tabs_m_vertical_link_accent_InsetInlineStart.js +8 -0
- package/dist/js/c_tabs_m_vertical_link_accent_Width.d.ts +6 -0
- package/dist/js/c_tabs_m_vertical_link_accent_Width.js +8 -0
- package/dist/js/index.d.ts +29 -0
- package/dist/js/index.js +29 -0
- 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
|
+
# [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
|
-
|
|
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
|
|
package/dist/esm/c_card.d.ts
CHANGED
|
@@ -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",
|
package/dist/esm/c_card.js
CHANGED
|
@@ -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",
|
package/dist/esm/c_drawer.d.ts
CHANGED
|
@@ -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": "
|
|
182
|
+
"value": "200ms, 0s, 0s",
|
|
146
183
|
"values": [
|
|
147
|
-
"--pf-
|
|
148
|
-
"--pf-t--global--motion--duration--
|
|
149
|
-
"--pf-t--global--duration--
|
|
150
|
-
"
|
|
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": "
|
|
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",
|
package/dist/esm/c_drawer.js
CHANGED
|
@@ -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": "
|
|
182
|
+
"value": "200ms, 0s, 0s",
|
|
146
183
|
"values": [
|
|
147
|
-
"--pf-
|
|
148
|
-
"--pf-t--global--motion--duration--
|
|
149
|
-
"--pf-t--global--duration--
|
|
150
|
-
"
|
|
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": "
|
|
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_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;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const c_drawer__panel_TransitionDuration: {
|
|
2
2
|
"name": "--pf-v6-c-drawer__panel--TransitionDuration",
|
|
3
|
-
"value": "
|
|
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": "
|
|
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;
|
package/dist/esm/c_tabs.d.ts
CHANGED
|
@@ -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": {
|