@patternfly/patternfly 6.0.0-alpha.142 → 6.0.0-alpha.144

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 (18) hide show
  1. package/base/patternfly-common.css +14 -0
  2. package/base/patternfly-common.scss +18 -0
  3. package/base/patternfly-variables.scss +2 -2
  4. package/base/tokens/_index.scss +1 -1
  5. package/base/tokens/{tokens-font.scss → tokens-local.scss} +1 -1
  6. package/components/Hint/hint.css +6 -2
  7. package/components/Hint/hint.scss +6 -2
  8. package/components/Tabs/tabs.css +0 -8
  9. package/components/Tabs/tabs.scss +0 -13
  10. package/components/_index.css +6 -10
  11. package/docs/components/Hint/examples/Hint.md +16 -0
  12. package/package.json +5 -5
  13. package/patternfly-base-no-globals.css +14 -0
  14. package/patternfly-base.css +14 -0
  15. package/patternfly-no-globals.css +20 -10
  16. package/patternfly.css +20 -10
  17. package/patternfly.min.css +1 -1
  18. package/patternfly.min.css.map +1 -1
package/base/patternfly-common.css CHANGED
@@ -41,4 +41,18 @@
41
41
 
42
42
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-m-mirror-inline-rtl {
43
43
  scale: -1 1;
44
+ }
45
+
46
+ .pf-v6-m-no-motion {
47
+ --pf-t--global--delay--400: 0ms !important;
48
+ --pf-t--global--delay--300: 0ms !important;
49
+ --pf-t--global--delay--200: 0ms !important;
50
+ --pf-t--global--delay--100: 0ms !important;
51
+ --pf-t--global--duration--600: 0ms !important;
52
+ --pf-t--global--duration--500: 0ms !important;
53
+ --pf-t--global--duration--400: 0ms !important;
54
+ --pf-t--global--duration--300: 0ms !important;
55
+ --pf-t--global--duration--200: 0ms !important;
56
+ --pf-t--global--duration--100: 0ms !important;
57
+ --pf-t--global--duration--50: 0ms !important;
44
58
  }
package/base/patternfly-common.scss CHANGED
@@ -48,3 +48,21 @@
48
48
  .#{$pf-prefix}m-mirror-inline-rtl {
49
49
  @include pf-v6-mirror-inline-on-rtl;
50
50
  }
51
+
52
+ // Turn off all motion (for testing purposes) by setting all motion tokens to 0
53
+ .#{$pf-prefix}m-no-motion {
54
+ // stylelint-disable declaration-no-important
55
+ --pf-t--global--delay--400: 0ms !important;
56
+ --pf-t--global--delay--300: 0ms !important;
57
+ --pf-t--global--delay--200: 0ms !important;
58
+ --pf-t--global--delay--100: 0ms !important;
59
+ --pf-t--global--duration--600: 0ms !important;
60
+ --pf-t--global--duration--500: 0ms !important;
61
+ --pf-t--global--duration--400: 0ms !important;
62
+ --pf-t--global--duration--300: 0ms !important;
63
+ --pf-t--global--duration--200: 0ms !important;
64
+ --pf-t--global--duration--100: 0ms !important;
65
+ --pf-t--global--duration--50: 0ms !important;
66
+
67
+ // stylelink-enable declaration-no-important
68
+ }
package/base/patternfly-variables.scss CHANGED
@@ -1,12 +1,12 @@
1
1
  @use '../sass-utilities' as *;
2
- @use "./tokens/tokens-font" as font;
2
+ @use "./tokens/tokens-local" as local;
3
3
  @use "./tokens/tokens-palette" as palette;
4
4
  @use "./tokens/tokens-default" as default;
5
5
  @use "./tokens/tokens-dark" as dark;
6
6
 
7
7
  :where(:root) {
8
8
  @include pf-v6-set-inverse(false);
9
- @include font.pf-v6-tokens;
9
+ @include local.pf-v6-tokens;
10
10
  @include palette.pf-v6-tokens;
11
11
  @include default.pf-v6-tokens;
12
12
  }
package/base/tokens/_index.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @forward './workspace-overrides';
2
- @forward './tokens-font';
2
+ @forward './tokens-local';
3
3
  @forward './tokens-palette';
4
4
  @forward './tokens-default';
5
5
  @forward './tokens-dark';
package/base/tokens/{tokens-font.scss → tokens-local.scss} RENAMED
@@ -146,7 +146,7 @@
146
146
  var(--pf-t--global--box-shadow--spread--lg)
147
147
  var(--pf-t--global--box-shadow--color--lg);
148
148
 
149
- // Transitions
149
+ // old transitions to be removed in future pr
150
150
  --pf-t--global--transition: all 250ms cubic-bezier(.42, 0, .58, 1);
151
151
  --pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
152
152
  --pf-t--global--transition--duration: 250ms;
package/components/Hint/hint.css CHANGED
@@ -18,6 +18,7 @@
18
18
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
19
19
  --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
20
20
  --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
21
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
21
22
  }
22
23
 
23
24
  .pf-v6-c-hint {
@@ -44,11 +45,14 @@
44
45
  grid-column: 2;
45
46
  grid-auto-flow: column;
46
47
  align-self: start;
48
+ margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
49
+ margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
47
50
  margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
48
51
  text-align: end;
49
52
  }
50
- .pf-v6-c-hint__actions .pf-v6-c-menu-toggle.pf-m-plain {
51
- margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
53
+ .pf-v6-c-hint__actions.pf-m-no-offset {
54
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
55
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
52
56
  }
53
57
  .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
54
58
  grid-column: 1;
package/components/Hint/hint.scss CHANGED
@@ -28,6 +28,7 @@
28
28
  // Hint Actions
29
29
  --#{$hint}__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
30
30
  --#{$hint}__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
31
+ --#{$hint}__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
31
32
  }
32
33
 
33
34
  .#{$hint} {
@@ -56,11 +57,14 @@
56
57
  grid-column: 2;
57
58
  grid-auto-flow: column;
58
59
  align-self: start;
60
+ margin-block-start: var(--#{$hint}__actions--c-menu-toggle--MarginBlockStart);
61
+ margin-block-end: var(--#{$hint}__actions--c-menu-toggle--MarginBlockEnd);
59
62
  margin-inline-start: var(--#{$hint}__actions--MarginInlineStart);
60
63
  text-align: end;
61
64
 
62
- .#{$menu-toggle}.pf-m-plain {
63
- margin-block-start: var(--#{$hint}__actions--c-menu-toggle--MarginBlockStart);
65
+ &.pf-m-no-offset {
66
+ --#{$hint}__actions--c-menu-toggle--MarginBlockStart: 0;
67
+ --#{$hint}__actions--c-menu-toggle--MarginBlockEnd: 0;
64
68
  }
65
69
 
66
70
  + .#{$hint}__body {
package/components/Tabs/tabs.css CHANGED
@@ -17,8 +17,6 @@
17
17
  --pf-v6-c-tabs--m-vertical__list--before--BorderInlineEndWidth: 0;
18
18
  --pf-v6-c-tabs--m-vertical__list--before--BorderBlockEndWidth: 0;
19
19
  --pf-v6-c-tabs--m-vertical__list--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
20
- --pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
21
- --pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
22
20
  --pf-v6-c-tabs__list--Display: flex;
23
21
  --pf-v6-c-tabs__item--BackgroundColor: transparent;
24
22
  --pf-v6-c-tabs__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -210,12 +208,6 @@
210
208
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
211
209
  --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
212
210
  }
213
- .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current:first-child .pf-v6-c-tabs__link::before {
214
- border-inline-start-width: var(--pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderInlineStartWidth);
215
- }
216
- .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current:last-child .pf-v6-c-tabs__link::before {
217
- border-inline-end-width: var(--pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderInlineEndWidth);
218
- }
219
211
  .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__item.pf-m-current:first-child .pf-v6-c-tabs__link::before {
220
212
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
221
213
  }
package/components/Tabs/tabs.scss CHANGED
@@ -27,10 +27,6 @@ $pf-v6-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl
27
27
  --#{$tabs}--m-vertical__list--before--BorderBlockEndWidth: 0;
28
28
  --#{$tabs}--m-vertical__list--before--BorderInlineStartWidth: var(--#{$tabs}--before--border-width--base);
29
29
 
30
- // Tabs, Box modifier
31
- --#{$tabs}--m-box__item--m-current--first-child__link--before--BorderInlineStartWidth: var(--#{$tabs}__link--before--border-width--base);
32
- --#{$tabs}--m-box__item--m-current--last-child__link--before--BorderInlineEndWidth: var(--#{$tabs}--before--border-width--base);
33
-
34
30
  // Tabs List
35
31
  --#{$tabs}__list--Display: flex;
36
32
 
@@ -273,15 +269,6 @@ $pf-v6-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl
273
269
  }
274
270
 
275
271
  // stylelint-disable
276
- // Add border to first-child
277
- .#{$tabs}__item.pf-m-current:first-child .#{$tabs}__link::before {
278
- border-inline-start-width: var(--#{$tabs}--m-box__item--m-current--first-child__link--before--BorderInlineStartWidth);
279
- }
280
-
281
- // Add border to last-child
282
- .#{$tabs}__item.pf-m-current:last-child .#{$tabs}__link::before {
283
- border-inline-end-width: var(--#{$tabs}--m-box__item--m-current--last-child__link--before--BorderInlineEndWidth);
284
- }
285
272
 
286
273
  // Collapse left border into scroll button when expanded
287
274
  &.pf-m-scrollable .#{$tabs}__item.pf-m-current:first-child .#{$tabs}__link::before {
package/components/_index.css CHANGED
@@ -6972,6 +6972,7 @@ select ~ .pf-v6-c-form-control__utilities {
6972
6972
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
6973
6973
  --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
6974
6974
  --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
6975
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
6975
6976
  }
6976
6977
 
6977
6978
  .pf-v6-c-hint {
@@ -6998,11 +6999,14 @@ select ~ .pf-v6-c-form-control__utilities {
6998
6999
  grid-column: 2;
6999
7000
  grid-auto-flow: column;
7000
7001
  align-self: start;
7002
+ margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
7003
+ margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
7001
7004
  margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
7002
7005
  text-align: end;
7003
7006
  }
7004
- .pf-v6-c-hint__actions .pf-v6-c-menu-toggle.pf-m-plain {
7005
- margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
7007
+ .pf-v6-c-hint__actions.pf-m-no-offset {
7008
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
7009
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
7006
7010
  }
7007
7011
  .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
7008
7012
  grid-column: 1;
@@ -18126,8 +18130,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18126
18130
  --pf-v6-c-tabs--m-vertical__list--before--BorderInlineEndWidth: 0;
18127
18131
  --pf-v6-c-tabs--m-vertical__list--before--BorderBlockEndWidth: 0;
18128
18132
  --pf-v6-c-tabs--m-vertical__list--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
18129
- --pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
18130
- --pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
18131
18133
  --pf-v6-c-tabs__list--Display: flex;
18132
18134
  --pf-v6-c-tabs__item--BackgroundColor: transparent;
18133
18135
  --pf-v6-c-tabs__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -18319,12 +18321,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18319
18321
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
18320
18322
  --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
18321
18323
  }
18322
- .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current:first-child .pf-v6-c-tabs__link::before {
18323
- border-inline-start-width: var(--pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderInlineStartWidth);
18324
- }
18325
- .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current:last-child .pf-v6-c-tabs__link::before {
18326
- border-inline-end-width: var(--pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderInlineEndWidth);
18327
- }
18328
18324
  .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__item.pf-m-current:first-child .pf-v6-c-tabs__link::before {
18329
18325
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
18330
18326
  }
package/docs/components/Hint/examples/Hint.md CHANGED
@@ -96,6 +96,21 @@ cssPrefix: pf-v6-c-hint
96
96
 
97
97
  ```
98
98
 
99
+ ### Actions with no offset
100
+
101
+ ```html
102
+ <div class="pf-v6-c-hint">
103
+ <div class="pf-v6-c-hint__actions pf-m-no-offset">
104
+ <button class="pf-v6-c-button pf-m-primary" type="button">Action</button>
105
+ </div>
106
+ <div class="pf-v6-c-hint__title">Do more with Find it Fix it capabilities</div>
107
+ <div
108
+ class="pf-v6-c-hint__body"
109
+ >Upgrade to Red Hat Smart Management to remediate all your systems across regions and geographies.</div>
110
+ </div>
111
+
112
+ ```
113
+
99
114
  ## Documentation
100
115
 
101
116
  ### Usage
@@ -107,3 +122,4 @@ cssPrefix: pf-v6-c-hint
107
122
  | `.pf-v6-c-hint__body` | `<div>` | Initiates the hint body element. |
108
123
  | `.pf-v6-c-hint__footer` | `<div>` | Initiates the hint footer element. |
109
124
  | `.pf-v6-c-hint__actions` | `<div>` | Initiates the hint actions element. |
125
+ | `.pf-m-no-offset` | `.pf-v6-c-hint__actions` | Removes the negative vertical margins on the actions element intended to align the action content with the hint title. |
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.142",
4
+ "version": "6.0.0-alpha.144",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -45,11 +45,11 @@
45
45
  "@commitlint/config-conventional": "^19.1.0",
46
46
  "@fortawesome/fontawesome": "^1.1.8",
47
47
  "@octokit/rest": "^20.1.0",
48
- "@patternfly/documentation-framework": "6.0.0-alpha.28",
48
+ "@patternfly/documentation-framework": "6.0.0-alpha.36",
49
49
  "@patternfly/patternfly-a11y": "4.3.1",
50
- "@patternfly/react-code-editor": "6.0.0-alpha.55",
51
- "@patternfly/react-core": "6.0.0-alpha.55",
52
- "@patternfly/react-table": "6.0.0-alpha.55",
50
+ "@patternfly/react-code-editor": "6.0.0-alpha.60",
51
+ "@patternfly/react-core": "6.0.0-alpha.60",
52
+ "@patternfly/react-table": "6.0.0-alpha.60",
53
53
  "@starptech/prettyhtml": "^0.10.0",
54
54
  "backstopjs": "^6.3.23",
55
55
  "cheerio": "^1.0.0-rc.12",
package/patternfly-base-no-globals.css CHANGED
@@ -43,6 +43,20 @@
43
43
  scale: -1 1;
44
44
  }
45
45
 
46
+ .pf-v6-m-no-motion {
47
+ --pf-t--global--delay--400: 0ms !important;
48
+ --pf-t--global--delay--300: 0ms !important;
49
+ --pf-t--global--delay--200: 0ms !important;
50
+ --pf-t--global--delay--100: 0ms !important;
51
+ --pf-t--global--duration--600: 0ms !important;
52
+ --pf-t--global--duration--500: 0ms !important;
53
+ --pf-t--global--duration--400: 0ms !important;
54
+ --pf-t--global--duration--300: 0ms !important;
55
+ --pf-t--global--duration--200: 0ms !important;
56
+ --pf-t--global--duration--100: 0ms !important;
57
+ --pf-t--global--duration--50: 0ms !important;
58
+ }
59
+
46
60
  @font-face {
47
61
  font-family: RedHatTextVF;
48
62
  font-style: normal;
package/patternfly-base.css CHANGED
@@ -160,6 +160,20 @@ h6) {
160
160
  scale: -1 1;
161
161
  }
162
162
 
163
+ .pf-v6-m-no-motion {
164
+ --pf-t--global--delay--400: 0ms !important;
165
+ --pf-t--global--delay--300: 0ms !important;
166
+ --pf-t--global--delay--200: 0ms !important;
167
+ --pf-t--global--delay--100: 0ms !important;
168
+ --pf-t--global--duration--600: 0ms !important;
169
+ --pf-t--global--duration--500: 0ms !important;
170
+ --pf-t--global--duration--400: 0ms !important;
171
+ --pf-t--global--duration--300: 0ms !important;
172
+ --pf-t--global--duration--200: 0ms !important;
173
+ --pf-t--global--duration--100: 0ms !important;
174
+ --pf-t--global--duration--50: 0ms !important;
175
+ }
176
+
163
177
  @font-face {
164
178
  font-family: RedHatTextVF;
165
179
  font-style: normal;
package/patternfly-no-globals.css CHANGED
@@ -44,6 +44,20 @@
44
44
  scale: -1 1;
45
45
  }
46
46
 
47
+ .pf-v6-m-no-motion {
48
+ --pf-t--global--delay--400: 0ms !important;
49
+ --pf-t--global--delay--300: 0ms !important;
50
+ --pf-t--global--delay--200: 0ms !important;
51
+ --pf-t--global--delay--100: 0ms !important;
52
+ --pf-t--global--duration--600: 0ms !important;
53
+ --pf-t--global--duration--500: 0ms !important;
54
+ --pf-t--global--duration--400: 0ms !important;
55
+ --pf-t--global--duration--300: 0ms !important;
56
+ --pf-t--global--duration--200: 0ms !important;
57
+ --pf-t--global--duration--100: 0ms !important;
58
+ --pf-t--global--duration--50: 0ms !important;
59
+ }
60
+
47
61
  @font-face {
48
62
  font-family: RedHatTextVF;
49
63
  font-style: normal;
@@ -12978,6 +12992,7 @@ select ~ .pf-v6-c-form-control__utilities {
12978
12992
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
12979
12993
  --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
12980
12994
  --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12995
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12981
12996
  }
12982
12997
 
12983
12998
  .pf-v6-c-hint {
@@ -13004,11 +13019,14 @@ select ~ .pf-v6-c-form-control__utilities {
13004
13019
  grid-column: 2;
13005
13020
  grid-auto-flow: column;
13006
13021
  align-self: start;
13022
+ margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
13023
+ margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
13007
13024
  margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
13008
13025
  text-align: end;
13009
13026
  }
13010
- .pf-v6-c-hint__actions .pf-v6-c-menu-toggle.pf-m-plain {
13011
- margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
13027
+ .pf-v6-c-hint__actions.pf-m-no-offset {
13028
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
13029
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
13012
13030
  }
13013
13031
  .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
13014
13032
  grid-column: 1;
@@ -24132,8 +24150,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24132
24150
  --pf-v6-c-tabs--m-vertical__list--before--BorderInlineEndWidth: 0;
24133
24151
  --pf-v6-c-tabs--m-vertical__list--before--BorderBlockEndWidth: 0;
24134
24152
  --pf-v6-c-tabs--m-vertical__list--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
24135
- --pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
24136
- --pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
24137
24153
  --pf-v6-c-tabs__list--Display: flex;
24138
24154
  --pf-v6-c-tabs__item--BackgroundColor: transparent;
24139
24155
  --pf-v6-c-tabs__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -24325,12 +24341,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24325
24341
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
24326
24342
  --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
24327
24343
  }
24328
- .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current:first-child .pf-v6-c-tabs__link::before {
24329
- border-inline-start-width: var(--pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderInlineStartWidth);
24330
- }
24331
- .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current:last-child .pf-v6-c-tabs__link::before {
24332
- border-inline-end-width: var(--pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderInlineEndWidth);
24333
- }
24334
24344
  .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__item.pf-m-current:first-child .pf-v6-c-tabs__link::before {
24335
24345
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
24336
24346
  }
package/patternfly.css CHANGED
@@ -161,6 +161,20 @@ h6) {
161
161
  scale: -1 1;
162
162
  }
163
163
 
164
+ .pf-v6-m-no-motion {
165
+ --pf-t--global--delay--400: 0ms !important;
166
+ --pf-t--global--delay--300: 0ms !important;
167
+ --pf-t--global--delay--200: 0ms !important;
168
+ --pf-t--global--delay--100: 0ms !important;
169
+ --pf-t--global--duration--600: 0ms !important;
170
+ --pf-t--global--duration--500: 0ms !important;
171
+ --pf-t--global--duration--400: 0ms !important;
172
+ --pf-t--global--duration--300: 0ms !important;
173
+ --pf-t--global--duration--200: 0ms !important;
174
+ --pf-t--global--duration--100: 0ms !important;
175
+ --pf-t--global--duration--50: 0ms !important;
176
+ }
177
+
164
178
  @font-face {
165
179
  font-family: RedHatTextVF;
166
180
  font-style: normal;
@@ -13095,6 +13109,7 @@ select ~ .pf-v6-c-form-control__utilities {
13095
13109
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
13096
13110
  --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
13097
13111
  --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
13112
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
13098
13113
  }
13099
13114
 
13100
13115
  .pf-v6-c-hint {
@@ -13121,11 +13136,14 @@ select ~ .pf-v6-c-form-control__utilities {
13121
13136
  grid-column: 2;
13122
13137
  grid-auto-flow: column;
13123
13138
  align-self: start;
13139
+ margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
13140
+ margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
13124
13141
  margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
13125
13142
  text-align: end;
13126
13143
  }
13127
- .pf-v6-c-hint__actions .pf-v6-c-menu-toggle.pf-m-plain {
13128
- margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
13144
+ .pf-v6-c-hint__actions.pf-m-no-offset {
13145
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
13146
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
13129
13147
  }
13130
13148
  .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
13131
13149
  grid-column: 1;
@@ -24249,8 +24267,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24249
24267
  --pf-v6-c-tabs--m-vertical__list--before--BorderInlineEndWidth: 0;
24250
24268
  --pf-v6-c-tabs--m-vertical__list--before--BorderBlockEndWidth: 0;
24251
24269
  --pf-v6-c-tabs--m-vertical__list--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
24252
- --pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
24253
- --pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
24254
24270
  --pf-v6-c-tabs__list--Display: flex;
24255
24271
  --pf-v6-c-tabs__item--BackgroundColor: transparent;
24256
24272
  --pf-v6-c-tabs__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -24442,12 +24458,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24442
24458
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
24443
24459
  --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
24444
24460
  }
24445
- .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current:first-child .pf-v6-c-tabs__link::before {
24446
- border-inline-start-width: var(--pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderInlineStartWidth);
24447
- }
24448
- .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current:last-child .pf-v6-c-tabs__link::before {
24449
- border-inline-end-width: var(--pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderInlineEndWidth);
24450
- }
24451
24461
  .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__item.pf-m-current:first-child .pf-v6-c-tabs__link::before {
24452
24462
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
24453
24463
  }