@patternfly/patternfly 6.0.0-alpha.143 → 6.0.0-alpha.145

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 (13) hide show
  1. package/components/Hint/hint.css +6 -2
  2. package/components/Hint/hint.scss +6 -2
  3. package/components/Tabs/tabs.css +0 -8
  4. package/components/Tabs/tabs.scss +0 -13
  5. package/components/_index.css +6 -10
  6. package/docs/components/Hint/examples/Hint.md +16 -0
  7. package/package.json +5 -5
  8. package/patternfly-charts.css +5 -5
  9. package/patternfly-charts.scss +8 -8
  10. package/patternfly-no-globals.css +6 -10
  11. package/patternfly.css +6 -10
  12. package/patternfly.min.css +1 -1
  13. package/patternfly.min.css.map +1 -1
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.143",
4
+ "version": "6.0.0-alpha.145",
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-charts.css CHANGED
@@ -393,11 +393,11 @@
393
393
  --pf-v6-chart-global--FontSize--lg: var(--pf-t--chart--global--FontSize--lg);
394
394
  --pf-v6-chart-global--FontSize--2xl: var(--pf-t--chart--global--FontSize--2xl);
395
395
  --pf-v6-chart-global--FontFamily: var(--pf-t--global--font--family--body);
396
- --pf-v6-chart-global--letter-spacing: normal;
396
+ --pf-v6-chart-global--letter-spacing: var(--pf-t--chart--global--letter-spacing);
397
397
  --pf-v6-chart-global--label--Padding: var(--pf-t--chart--global--label--padding);
398
398
  --pf-v6-chart-global--label--Margin: var(--pf-t--chart--global--label--margin);
399
- --pf-v6-chart-global--label--stroke: transparent;
400
- --pf-v6-chart-global--label--text-anchor: middle;
399
+ --pf-v6-chart-global--label--stroke: var(--pf-t--chart--global--label--stroke);
400
+ --pf-v6-chart-global--label--text-anchor: var(--pf-t--chart--global--label--text-anchor);
401
401
  --pf-v6-chart-global--label--stroke--Width: var(--pf-t--chart--global--label--stroke--width);
402
402
  --pf-v6-chart-global--label--Fill: var(--pf-t--chart--global--label--fill);
403
403
  --pf-v6-chart-global--layout--Padding: var(--pf-t--chart--global--layout--padding);
@@ -408,8 +408,8 @@
408
408
  --pf-v6-chart-global--BorderWidth--xs: var(--pf-t--chart--global--BorderWidth--xs);
409
409
  --pf-v6-chart-global--BorderWidth--sm: var(--pf-t--chart--global--BorderWidth--sm);
410
410
  --pf-v6-chart-global--BorderWidth--lg: var(--pf-t--chart--global--BorderWidth--lg);
411
- --pf-v6-chart-global--stroke-line-cap: round;
412
- --pf-v6-chart-global--stroke-line-join: round;
411
+ --pf-v6-chart-global--stroke-line-cap: var(--pf-t--chart--global--stroke-line-cap);
412
+ --pf-v6-chart-global--stroke-line-join: var(--pf-t--chart--global--stroke-line-join);
413
413
  --pf-v6-chart-global--danger--Color--100: var(--pf-t--chart--global--danger--color--100);
414
414
  --pf-v6-chart-global--warning--Color--100: var(--pf-t--chart--global--warning--color--100);
415
415
  --pf-v6-chart-global--warning--Color--200: var(--pf-t--chart--global--warning--color--200);
package/patternfly-charts.scss CHANGED
@@ -95,13 +95,13 @@ $chart: #{$pf-prefix} + 'chart';
95
95
  --#{$chart}-global--FontSize--lg: var(--pf-t--chart--global--FontSize--lg);
96
96
  --#{$chart}-global--FontSize--2xl: var(--pf-t--chart--global--FontSize--2xl);
97
97
  --#{$chart}-global--FontFamily: var(--pf-t--global--font--family--body);
98
- --#{$chart}-global--letter-spacing: normal;
98
+ --#{$chart}-global--letter-spacing: var(--pf-t--chart--global--letter-spacing);
99
99
 
100
100
  // label
101
101
  --#{$chart}-global--label--Padding: var(--pf-t--chart--global--label--padding);
102
102
  --#{$chart}-global--label--Margin: var(--pf-t--chart--global--label--margin);
103
- --#{$chart}-global--label--stroke: transparent;
104
- --#{$chart}-global--label--text-anchor: middle;
103
+ --#{$chart}-global--label--stroke: var(--pf-t--chart--global--label--stroke);
104
+ --#{$chart}-global--label--text-anchor: var(--pf-t--chart--global--label--text-anchor);
105
105
  --#{$chart}-global--label--stroke--Width: var(--pf-t--chart--global--label--stroke--width);
106
106
  --#{$chart}-global--label--Fill: var(--pf-t--chart--global--label--fill);
107
107
 
@@ -118,8 +118,8 @@ $chart: #{$pf-prefix} + 'chart';
118
118
  --#{$chart}-global--BorderWidth--lg: var(--pf-t--chart--global--BorderWidth--lg);
119
119
 
120
120
  // Stroke
121
- --#{$chart}-global--stroke-line-cap: round;
122
- --#{$chart}-global--stroke-line-join: round;
121
+ --#{$chart}-global--stroke-line-cap: var(--pf-t--chart--global--stroke-line-cap);
122
+ --#{$chart}-global--stroke-line-join: var(--pf-t--chart--global--stroke-line-join);
123
123
 
124
124
  // Fills and Strokes
125
125
  --#{$chart}-global--danger--Color--100: var(--pf-t--chart--global--danger--color--100);
@@ -193,8 +193,8 @@ $chart: #{$pf-prefix} + 'chart';
193
193
  --#{$chart}-bullet--comparative-measure--warning--stroke--Color: var(--#{$chart}-global--warning--Color--100);
194
194
  --#{$chart}-bullet--comparative-measure--warning--stroke--Width: var(--pf-t--chart--global--stroke--width--sm);
195
195
  --#{$chart}-bullet--comparative-measure--warning--Width: 30;
196
- --#{$chart}-bullet--group-title--divider--Fill--Color: var(--pf-t--global--border--color--default); // TODO review
197
- --#{$chart}-bullet--group-title--divider--stroke--Color: var(--pf-t--global--border--color--default); // TODO review
196
+ --#{$chart}-bullet--group-title--divider--Fill--Color: var(--pf-t--global--border--color--default);
197
+ --#{$chart}-bullet--group-title--divider--stroke--Color: var(--pf-t--global--border--color--default);
198
198
  --#{$chart}-bullet--group-title--divider--stroke--Width: var(--pf-t--chart--global--stroke--width--sm);
199
199
  --#{$chart}-bullet--Height: 140;
200
200
  --#{$chart}-bullet--label--title--Fill: var(--#{$chart}-global--Fill--Color--900);
@@ -221,7 +221,7 @@ $chart: #{$pf-prefix} + 'chart';
221
221
  --#{$chart}-candelstick--candle--negative--Color: var(--#{$chart}-global--Fill--Color--900);
222
222
 
223
223
  // Container
224
- --#{$chart}-container--cursor--line--Fill: var(--pf-t--global--border--color--default); // TODO review
224
+ --#{$chart}-container--cursor--line--Fill: var(--pf-t--global--border--color--default);
225
225
 
226
226
  // Simple Donut Chart
227
227
  --#{$chart}-donut--label--title--Fill: var(--#{$chart}-global--Fill--Color--900);
package/patternfly-no-globals.css CHANGED
@@ -12992,6 +12992,7 @@ select ~ .pf-v6-c-form-control__utilities {
12992
12992
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
12993
12993
  --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
12994
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);
12995
12996
  }
12996
12997
 
12997
12998
  .pf-v6-c-hint {
@@ -13018,11 +13019,14 @@ select ~ .pf-v6-c-form-control__utilities {
13018
13019
  grid-column: 2;
13019
13020
  grid-auto-flow: column;
13020
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);
13021
13024
  margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
13022
13025
  text-align: end;
13023
13026
  }
13024
- .pf-v6-c-hint__actions .pf-v6-c-menu-toggle.pf-m-plain {
13025
- 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;
13026
13030
  }
13027
13031
  .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
13028
13032
  grid-column: 1;
@@ -24146,8 +24150,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24146
24150
  --pf-v6-c-tabs--m-vertical__list--before--BorderInlineEndWidth: 0;
24147
24151
  --pf-v6-c-tabs--m-vertical__list--before--BorderBlockEndWidth: 0;
24148
24152
  --pf-v6-c-tabs--m-vertical__list--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
24149
- --pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
24150
- --pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
24151
24153
  --pf-v6-c-tabs__list--Display: flex;
24152
24154
  --pf-v6-c-tabs__item--BackgroundColor: transparent;
24153
24155
  --pf-v6-c-tabs__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -24339,12 +24341,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24339
24341
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
24340
24342
  --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
24341
24343
  }
24342
- .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current:first-child .pf-v6-c-tabs__link::before {
24343
- border-inline-start-width: var(--pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderInlineStartWidth);
24344
- }
24345
- .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current:last-child .pf-v6-c-tabs__link::before {
24346
- border-inline-end-width: var(--pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderInlineEndWidth);
24347
- }
24348
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 {
24349
24345
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
24350
24346
  }
package/patternfly.css CHANGED
@@ -13109,6 +13109,7 @@ select ~ .pf-v6-c-form-control__utilities {
13109
13109
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
13110
13110
  --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
13111
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);
13112
13113
  }
13113
13114
 
13114
13115
  .pf-v6-c-hint {
@@ -13135,11 +13136,14 @@ select ~ .pf-v6-c-form-control__utilities {
13135
13136
  grid-column: 2;
13136
13137
  grid-auto-flow: column;
13137
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);
13138
13141
  margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
13139
13142
  text-align: end;
13140
13143
  }
13141
- .pf-v6-c-hint__actions .pf-v6-c-menu-toggle.pf-m-plain {
13142
- 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;
13143
13147
  }
13144
13148
  .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
13145
13149
  grid-column: 1;
@@ -24263,8 +24267,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24263
24267
  --pf-v6-c-tabs--m-vertical__list--before--BorderInlineEndWidth: 0;
24264
24268
  --pf-v6-c-tabs--m-vertical__list--before--BorderBlockEndWidth: 0;
24265
24269
  --pf-v6-c-tabs--m-vertical__list--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
24266
- --pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
24267
- --pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
24268
24270
  --pf-v6-c-tabs__list--Display: flex;
24269
24271
  --pf-v6-c-tabs__item--BackgroundColor: transparent;
24270
24272
  --pf-v6-c-tabs__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -24456,12 +24458,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24456
24458
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
24457
24459
  --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
24458
24460
  }
24459
- .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current:first-child .pf-v6-c-tabs__link::before {
24460
- border-inline-start-width: var(--pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderInlineStartWidth);
24461
- }
24462
- .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current:last-child .pf-v6-c-tabs__link::before {
24463
- border-inline-end-width: var(--pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderInlineEndWidth);
24464
- }
24465
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 {
24466
24462
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
24467
24463
  }