@patternfly/patternfly 6.0.0-alpha.116 → 6.0.0-alpha.117

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 (20) hide show
  1. package/base/_variables.scss +1 -1
  2. package/base/patternfly-variables.css +1 -1
  3. package/components/Button/button.css +1 -1
  4. package/components/Button/button.scss +1 -1
  5. package/components/Menu/menu.css +4 -4
  6. package/components/Menu/menu.scss +4 -4
  7. package/components/Page/page.css +3 -3
  8. package/components/Page/page.scss +3 -3
  9. package/components/Toolbar/toolbar.css +1 -1
  10. package/components/Toolbar/toolbar.scss +1 -1
  11. package/package.json +1 -1
  12. package/patternfly-base-no-globals-theme-dark-unversioned.css +1 -1
  13. package/patternfly-base-no-globals.css +1 -1
  14. package/patternfly-base-theme-dark-unversioned.css +1 -1
  15. package/patternfly-base.css +1 -1
  16. package/patternfly-no-globals.css +10 -10
  17. package/patternfly-theme-dark-unversioned.css +10 -10
  18. package/patternfly.css +10 -10
  19. package/patternfly.min.css +1 -1
  20. package/patternfly.min.css.map +1 -1
package/base/_variables.scss CHANGED
@@ -273,7 +273,7 @@
273
273
  --#{$pf-global}--ListStyle: #{$pf-v6-global--ListStyle};
274
274
  --pf-t--global--transition: #{$pf-v6-global--Transition};
275
275
  --pf-t--global--transition--timing-function: #{$pf-v6-global--TimingFunction};
276
- --pf-t--global--transitionDuration: #{$pf-v6-global--TransitionDuration};
276
+ --pf-t--global--transition--duration: #{$pf-v6-global--TransitionDuration};
277
277
 
278
278
  // Arrow size
279
279
  --#{$pf-global}--arrow--width: #{$pf-v6-global--arrow--width};
package/base/patternfly-variables.css CHANGED
@@ -227,7 +227,7 @@
227
227
  --pf-v6-global--ListStyle: disc outside;
228
228
  --pf-t--global--transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
229
229
  --pf-t--global--transition--timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
230
- --pf-t--global--transitionDuration: 250ms;
230
+ --pf-t--global--transition--duration: 250ms;
231
231
  --pf-v6-global--arrow--width: 0.9375rem;
232
232
  --pf-v6-global--arrow--width-lg: 1.5625rem;
233
233
  --pf-v6-global--target-size--MinWidth: 44px;
package/components/Button/button.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --pf-v6-c-button__progress--Left: var(--pf-t--global--spacer--md);
208
208
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
209
209
  --pf-v6-c-button--m-progress--TransitionProperty: padding;
210
- --pf-v6-c-button--m-progress--TransitionDuration: var(--pf-t--global--transitionDuration);
210
+ --pf-v6-c-button--m-progress--TransitionDuration: var(--pf-t--global--transition--duration);
211
211
  --pf-v6-c-button--m-progress--PaddingRight: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
212
212
  --pf-v6-c-button--m-progress--PaddingLeft: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
213
213
  --pf-v6-c-button--m-in-progress--PaddingRight: var(--pf-t--global--spacer--md);
package/components/Button/button.scss CHANGED
@@ -251,7 +251,7 @@
251
251
  --#{$button}__progress--Left: var(--pf-t--global--spacer--md);
252
252
  --#{$button}__progress--Color: var(--#{$button}__icon--Color);
253
253
  --#{$button}--m-progress--TransitionProperty: padding;
254
- --#{$button}--m-progress--TransitionDuration: var(--pf-t--global--transitionDuration);
254
+ --#{$button}--m-progress--TransitionDuration: var(--pf-t--global--transition--duration);
255
255
  --#{$button}--m-progress--PaddingRight: calc(var(--pf-t--global--spacer--md) + var(--#{$button}__progress--width) / 2);
256
256
  --#{$button}--m-progress--PaddingLeft: calc(var(--pf-t--global--spacer--md) + var(--#{$button}__progress--width) / 2);
257
257
  --#{$button}--m-in-progress--PaddingRight: var(--pf-t--global--spacer--md);
package/components/Menu/menu.css CHANGED
@@ -141,13 +141,13 @@
141
141
  --pf-v6-c-menu--m-flyout__menu--Left: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--left-offset));
142
142
  --pf-v6-c-menu--m-flyout__menu--m-top--Bottom: calc(var(--pf-v6-c-menu__list--PaddingBlockStart) * -1);
143
143
  --pf-v6-c-menu--m-flyout__menu--m-left--Right: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
144
- --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--transitionDuration);
145
- --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--transitionDuration);
144
+ --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--transition--duration);
145
+ --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--transition--duration);
146
146
  --pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
147
147
  --pf-v6-c-menu--m-drilldown--c-menu--Top: 0;
148
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--transitionDuration);
148
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--transition--duration);
149
149
  --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
150
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--transitionDuration);
150
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--transition--duration);
151
151
  --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
152
152
  --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
153
153
  }
package/components/Menu/menu.scss CHANGED
@@ -121,17 +121,17 @@
121
121
  --#{$menu}--m-flyout__menu--m-left--Right: calc(100% + var(--#{$menu}--m-flyout__menu--m-left--right-offset));
122
122
 
123
123
  // * Menu drilldown content
124
- --#{$menu}--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--transitionDuration);
125
- --#{$menu}--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--transitionDuration);
124
+ --#{$menu}--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--transition--duration);
125
+ --#{$menu}--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--transition--duration);
126
126
  --#{$menu}--m-drilldown__content--Transition: transform var(--#{$menu}--m-drilldown__content--TransitionDuration--transform), height var(--#{$menu}--m-drilldown__content--TransitionDuration--height);
127
127
 
128
128
  // * Menu drilldown menu
129
129
  --#{$menu}--m-drilldown--c-menu--Top: 0;
130
- --#{$menu}--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--transitionDuration);
130
+ --#{$menu}--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--transition--duration);
131
131
  --#{$menu}--m-drilldown--c-menu--Transition: transform var(--#{$menu}--m-drilldown--c-menu--TransitionDuration--transform);
132
132
 
133
133
  // * Menu drilldown list
134
- --#{$menu}--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--transitionDuration);
134
+ --#{$menu}--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--transition--duration);
135
135
  --#{$menu}--m-drilldown__list--Transition: transform var(--#{$menu}--m-drilldown__list--TransitionDuration--transform);
136
136
 
137
137
  // * Menu drilled in
package/components/Page/page.css CHANGED
@@ -131,7 +131,7 @@
131
131
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
132
132
  --pf-v6-c-page__main-section--MarginTop: var(--pf-t--global--spacer--md);
133
133
  --pf-v6-c-page__main-section--PaddingTop: var(--pf-t--global--spacer--lg);
134
- --pf-v6-c-page__main-section--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
134
+ --pf-v6-c-page__main-section--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
135
135
  --pf-v6-c-page__main-section--PaddingBottom: 0;
136
136
  --pf-v6-c-page__main-section--PaddingLeft: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
137
137
  --pf-v6-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-t--global--spacer--md);
@@ -158,8 +158,8 @@
158
158
  --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
159
159
  --pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
160
160
  --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
161
- --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
162
- --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
161
+ --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
162
+ --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
163
163
  --pf-v6-c-page__main-breadcrumb--PaddingTop: var(--pf-t--global--spacer--md);
164
164
  --pf-v6-c-page__main-breadcrumb--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
165
165
  --pf-v6-c-page__main-breadcrumb--PaddingBottom: 0;
package/components/Page/page.scss CHANGED
@@ -117,7 +117,7 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
117
117
  // Main section
118
118
  --#{$page}__main-section--MarginTop: var(--pf-t--global--spacer--md);
119
119
  --#{$page}__main-section--PaddingTop: var(--pf-t--global--spacer--lg);
120
- --#{$page}__main-section--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--#{$page}__main--BorderWidth)); // subtract the border of the main section - TODO, see if we can remove the need for this calc(), or possibly move it down to the property definition so a user can theme this without a calc()
120
+ --#{$page}__main-section--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--#{$page}__main-container--BorderWidth)); // subtract the border of the main section - TODO, see if we can remove the need for this calc(), or possibly move it down to the property definition so a user can theme this without a calc()
121
121
  --#{$page}__main-section--PaddingBottom: 0;
122
122
  --#{$page}__main-section--PaddingLeft: calc(var(--pf-t--global--spacer--lg) - var(--#{$page}__main-container--BorderWidth)); // subtract the border of the main section
123
123
  --#{$page}__main-breadcrumb--main-section--PaddingTop: var(--pf-t--global--spacer--md);
@@ -154,8 +154,8 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
154
154
  --#{$page}__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
155
155
  --#{$page}__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
156
156
  --#{$page}__main-subnav--PaddingBlockEnd: 0;
157
- --#{$page}__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--#{$page}__main--BorderWidth));
158
- --#{$page}__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--#{$page}__main--BorderWidth));
157
+ --#{$page}__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--#{$page}__main-container--BorderWidth));
158
+ --#{$page}__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--#{$page}__main-container--BorderWidth));
159
159
 
160
160
  // Main section breadcrumb
161
161
  --#{$page}__main-breadcrumb--PaddingTop: var(--pf-t--global--spacer--md);
package/components/Toolbar/toolbar.css CHANGED
@@ -93,7 +93,7 @@
93
93
  --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
94
94
  --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
95
95
  --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
96
- --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--xs);
96
+ --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
97
97
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
98
98
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
99
99
  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
package/components/Toolbar/toolbar.scss CHANGED
@@ -38,7 +38,7 @@ $pf-v6--include-toolbar-breakpoints: true !default;
38
38
  --#{$toolbar}__content--PaddingInline: var(--#{$toolbar}--PaddingInline);
39
39
 
40
40
  // * Toolbar expandable content
41
- --#{$toolbar}__expandable-content--ZIndex: var(--pf-t--global--z-index--xs);
41
+ --#{$toolbar}__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
42
42
  --#{$toolbar}__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
43
43
  --#{$toolbar}__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
44
44
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-alpha.116",
4
+ "version": "6.0.0-alpha.117",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-base-no-globals-theme-dark-unversioned.css CHANGED
@@ -227,7 +227,7 @@
227
227
  --pf-v6-global--ListStyle: disc outside;
228
228
  --pf-t--global--transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
229
229
  --pf-t--global--transition--timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
230
- --pf-t--global--transitionDuration: 250ms;
230
+ --pf-t--global--transition--duration: 250ms;
231
231
  --pf-v6-global--arrow--width: 0.9375rem;
232
232
  --pf-v6-global--arrow--width-lg: 1.5625rem;
233
233
  --pf-v6-global--target-size--MinWidth: 44px;
package/patternfly-base-no-globals.css CHANGED
@@ -227,7 +227,7 @@
227
227
  --pf-v6-global--ListStyle: disc outside;
228
228
  --pf-t--global--transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
229
229
  --pf-t--global--transition--timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
230
- --pf-t--global--transitionDuration: 250ms;
230
+ --pf-t--global--transition--duration: 250ms;
231
231
  --pf-v6-global--arrow--width: 0.9375rem;
232
232
  --pf-v6-global--arrow--width-lg: 1.5625rem;
233
233
  --pf-v6-global--target-size--MinWidth: 44px;
package/patternfly-base-theme-dark-unversioned.css CHANGED
@@ -227,7 +227,7 @@
227
227
  --pf-v6-global--ListStyle: disc outside;
228
228
  --pf-t--global--transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
229
229
  --pf-t--global--transition--timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
230
- --pf-t--global--transitionDuration: 250ms;
230
+ --pf-t--global--transition--duration: 250ms;
231
231
  --pf-v6-global--arrow--width: 0.9375rem;
232
232
  --pf-v6-global--arrow--width-lg: 1.5625rem;
233
233
  --pf-v6-global--target-size--MinWidth: 44px;
package/patternfly-base.css CHANGED
@@ -227,7 +227,7 @@
227
227
  --pf-v6-global--ListStyle: disc outside;
228
228
  --pf-t--global--transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
229
229
  --pf-t--global--transition--timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
230
- --pf-t--global--transitionDuration: 250ms;
230
+ --pf-t--global--transition--duration: 250ms;
231
231
  --pf-v6-global--arrow--width: 0.9375rem;
232
232
  --pf-v6-global--arrow--width-lg: 1.5625rem;
233
233
  --pf-v6-global--target-size--MinWidth: 44px;
package/patternfly-no-globals.css CHANGED
@@ -350,7 +350,7 @@
350
350
  --pf-v6-global--ListStyle: disc outside;
351
351
  --pf-t--global--transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
352
352
  --pf-t--global--transition--timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
353
- --pf-t--global--transitionDuration: 250ms;
353
+ --pf-t--global--transition--duration: 250ms;
354
354
  --pf-v6-global--arrow--width: 0.9375rem;
355
355
  --pf-v6-global--arrow--width-lg: 1.5625rem;
356
356
  --pf-v6-global--target-size--MinWidth: 44px;
@@ -8151,7 +8151,7 @@ button.pf-v6-c-breadcrumb__link {
8151
8151
  --pf-v6-c-button__progress--Left: var(--pf-t--global--spacer--md);
8152
8152
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
8153
8153
  --pf-v6-c-button--m-progress--TransitionProperty: padding;
8154
- --pf-v6-c-button--m-progress--TransitionDuration: var(--pf-t--global--transitionDuration);
8154
+ --pf-v6-c-button--m-progress--TransitionDuration: var(--pf-t--global--transition--duration);
8155
8155
  --pf-v6-c-button--m-progress--PaddingRight: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
8156
8156
  --pf-v6-c-button--m-progress--PaddingLeft: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
8157
8157
  --pf-v6-c-button--m-in-progress--PaddingRight: var(--pf-t--global--spacer--md);
@@ -11766,7 +11766,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11766
11766
  --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
11767
11767
  --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
11768
11768
  --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
11769
- --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--xs);
11769
+ --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
11770
11770
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
11771
11771
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11772
11772
  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
@@ -20010,13 +20010,13 @@ ul.pf-v6-c-list {
20010
20010
  --pf-v6-c-menu--m-flyout__menu--Left: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--left-offset));
20011
20011
  --pf-v6-c-menu--m-flyout__menu--m-top--Bottom: calc(var(--pf-v6-c-menu__list--PaddingBlockStart) * -1);
20012
20012
  --pf-v6-c-menu--m-flyout__menu--m-left--Right: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
20013
- --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--transitionDuration);
20014
- --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--transitionDuration);
20013
+ --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--transition--duration);
20014
+ --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--transition--duration);
20015
20015
  --pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
20016
20016
  --pf-v6-c-menu--m-drilldown--c-menu--Top: 0;
20017
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--transitionDuration);
20017
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--transition--duration);
20018
20018
  --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
20019
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--transitionDuration);
20019
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--transition--duration);
20020
20020
  --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
20021
20021
  --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
20022
20022
  }
@@ -22254,7 +22254,7 @@ ul.pf-v6-c-list {
22254
22254
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
22255
22255
  --pf-v6-c-page__main-section--MarginTop: var(--pf-t--global--spacer--md);
22256
22256
  --pf-v6-c-page__main-section--PaddingTop: var(--pf-t--global--spacer--lg);
22257
- --pf-v6-c-page__main-section--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
22257
+ --pf-v6-c-page__main-section--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
22258
22258
  --pf-v6-c-page__main-section--PaddingBottom: 0;
22259
22259
  --pf-v6-c-page__main-section--PaddingLeft: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
22260
22260
  --pf-v6-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-t--global--spacer--md);
@@ -22281,8 +22281,8 @@ ul.pf-v6-c-list {
22281
22281
  --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22282
22282
  --pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
22283
22283
  --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
22284
- --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
22285
- --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
22284
+ --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
22285
+ --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
22286
22286
  --pf-v6-c-page__main-breadcrumb--PaddingTop: var(--pf-t--global--spacer--md);
22287
22287
  --pf-v6-c-page__main-breadcrumb--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
22288
22288
  --pf-v6-c-page__main-breadcrumb--PaddingBottom: 0;
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -350,7 +350,7 @@
350
350
  --pf-v6-global--ListStyle: disc outside;
351
351
  --pf-t--global--transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
352
352
  --pf-t--global--transition--timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
353
- --pf-t--global--transitionDuration: 250ms;
353
+ --pf-t--global--transition--duration: 250ms;
354
354
  --pf-v6-global--arrow--width: 0.9375rem;
355
355
  --pf-v6-global--arrow--width-lg: 1.5625rem;
356
356
  --pf-v6-global--target-size--MinWidth: 44px;
@@ -8268,7 +8268,7 @@ button.pf-v6-c-breadcrumb__link {
8268
8268
  --pf-v6-c-button__progress--Left: var(--pf-t--global--spacer--md);
8269
8269
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
8270
8270
  --pf-v6-c-button--m-progress--TransitionProperty: padding;
8271
- --pf-v6-c-button--m-progress--TransitionDuration: var(--pf-t--global--transitionDuration);
8271
+ --pf-v6-c-button--m-progress--TransitionDuration: var(--pf-t--global--transition--duration);
8272
8272
  --pf-v6-c-button--m-progress--PaddingRight: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
8273
8273
  --pf-v6-c-button--m-progress--PaddingLeft: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
8274
8274
  --pf-v6-c-button--m-in-progress--PaddingRight: var(--pf-t--global--spacer--md);
@@ -11883,7 +11883,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11883
11883
  --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
11884
11884
  --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
11885
11885
  --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
11886
- --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--xs);
11886
+ --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
11887
11887
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
11888
11888
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11889
11889
  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
@@ -20127,13 +20127,13 @@ ul.pf-v6-c-list {
20127
20127
  --pf-v6-c-menu--m-flyout__menu--Left: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--left-offset));
20128
20128
  --pf-v6-c-menu--m-flyout__menu--m-top--Bottom: calc(var(--pf-v6-c-menu__list--PaddingBlockStart) * -1);
20129
20129
  --pf-v6-c-menu--m-flyout__menu--m-left--Right: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
20130
- --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--transitionDuration);
20131
- --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--transitionDuration);
20130
+ --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--transition--duration);
20131
+ --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--transition--duration);
20132
20132
  --pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
20133
20133
  --pf-v6-c-menu--m-drilldown--c-menu--Top: 0;
20134
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--transitionDuration);
20134
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--transition--duration);
20135
20135
  --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
20136
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--transitionDuration);
20136
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--transition--duration);
20137
20137
  --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
20138
20138
  --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
20139
20139
  }
@@ -22371,7 +22371,7 @@ ul.pf-v6-c-list {
22371
22371
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
22372
22372
  --pf-v6-c-page__main-section--MarginTop: var(--pf-t--global--spacer--md);
22373
22373
  --pf-v6-c-page__main-section--PaddingTop: var(--pf-t--global--spacer--lg);
22374
- --pf-v6-c-page__main-section--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
22374
+ --pf-v6-c-page__main-section--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
22375
22375
  --pf-v6-c-page__main-section--PaddingBottom: 0;
22376
22376
  --pf-v6-c-page__main-section--PaddingLeft: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
22377
22377
  --pf-v6-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-t--global--spacer--md);
@@ -22398,8 +22398,8 @@ ul.pf-v6-c-list {
22398
22398
  --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22399
22399
  --pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
22400
22400
  --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
22401
- --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
22402
- --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
22401
+ --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
22402
+ --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
22403
22403
  --pf-v6-c-page__main-breadcrumb--PaddingTop: var(--pf-t--global--spacer--md);
22404
22404
  --pf-v6-c-page__main-breadcrumb--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
22405
22405
  --pf-v6-c-page__main-breadcrumb--PaddingBottom: 0;
package/patternfly.css CHANGED
@@ -350,7 +350,7 @@
350
350
  --pf-v6-global--ListStyle: disc outside;
351
351
  --pf-t--global--transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
352
352
  --pf-t--global--transition--timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
353
- --pf-t--global--transitionDuration: 250ms;
353
+ --pf-t--global--transition--duration: 250ms;
354
354
  --pf-v6-global--arrow--width: 0.9375rem;
355
355
  --pf-v6-global--arrow--width-lg: 1.5625rem;
356
356
  --pf-v6-global--target-size--MinWidth: 44px;
@@ -8268,7 +8268,7 @@ button.pf-v6-c-breadcrumb__link {
8268
8268
  --pf-v6-c-button__progress--Left: var(--pf-t--global--spacer--md);
8269
8269
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
8270
8270
  --pf-v6-c-button--m-progress--TransitionProperty: padding;
8271
- --pf-v6-c-button--m-progress--TransitionDuration: var(--pf-t--global--transitionDuration);
8271
+ --pf-v6-c-button--m-progress--TransitionDuration: var(--pf-t--global--transition--duration);
8272
8272
  --pf-v6-c-button--m-progress--PaddingRight: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
8273
8273
  --pf-v6-c-button--m-progress--PaddingLeft: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
8274
8274
  --pf-v6-c-button--m-in-progress--PaddingRight: var(--pf-t--global--spacer--md);
@@ -11883,7 +11883,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11883
11883
  --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
11884
11884
  --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
11885
11885
  --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
11886
- --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--xs);
11886
+ --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
11887
11887
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
11888
11888
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11889
11889
  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
@@ -20127,13 +20127,13 @@ ul.pf-v6-c-list {
20127
20127
  --pf-v6-c-menu--m-flyout__menu--Left: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--left-offset));
20128
20128
  --pf-v6-c-menu--m-flyout__menu--m-top--Bottom: calc(var(--pf-v6-c-menu__list--PaddingBlockStart) * -1);
20129
20129
  --pf-v6-c-menu--m-flyout__menu--m-left--Right: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
20130
- --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--transitionDuration);
20131
- --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--transitionDuration);
20130
+ --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--transition--duration);
20131
+ --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--transition--duration);
20132
20132
  --pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
20133
20133
  --pf-v6-c-menu--m-drilldown--c-menu--Top: 0;
20134
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--transitionDuration);
20134
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--transition--duration);
20135
20135
  --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
20136
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--transitionDuration);
20136
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--transition--duration);
20137
20137
  --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
20138
20138
  --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
20139
20139
  }
@@ -22371,7 +22371,7 @@ ul.pf-v6-c-list {
22371
22371
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
22372
22372
  --pf-v6-c-page__main-section--MarginTop: var(--pf-t--global--spacer--md);
22373
22373
  --pf-v6-c-page__main-section--PaddingTop: var(--pf-t--global--spacer--lg);
22374
- --pf-v6-c-page__main-section--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
22374
+ --pf-v6-c-page__main-section--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
22375
22375
  --pf-v6-c-page__main-section--PaddingBottom: 0;
22376
22376
  --pf-v6-c-page__main-section--PaddingLeft: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
22377
22377
  --pf-v6-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-t--global--spacer--md);
@@ -22398,8 +22398,8 @@ ul.pf-v6-c-list {
22398
22398
  --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22399
22399
  --pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
22400
22400
  --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
22401
- --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
22402
- --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
22401
+ --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
22402
+ --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
22403
22403
  --pf-v6-c-page__main-breadcrumb--PaddingTop: var(--pf-t--global--spacer--md);
22404
22404
  --pf-v6-c-page__main-breadcrumb--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
22405
22405
  --pf-v6-c-page__main-breadcrumb--PaddingBottom: 0;