@patternfly/patternfly 6.1.0-prerelease.9 → 6.2.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.
@@ -4,7 +4,7 @@
4
4
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
5
5
  --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
6
6
  --pf-v6-c-label--MaxWidth: 100%;
7
- --pf-v6-c-label--MinWidth: 3em;
7
+ --pf-v6-c-label--MinWidth: calc((var(--pf-v6-c-label--FontSize) * var(--pf-t--global--font--line-height--body) + var(--pf-v6-c-label--PaddingBlockStart) + var(--pf-v6-c-label--PaddingBlockEnd)));
8
8
  --pf-v6-c-label--BorderWidth: 0;
9
9
  --pf-v6-c-label--BorderColor: transparent;
10
10
  --pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -161,6 +161,7 @@
161
161
  --pf-v6-c-label--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
162
162
  --pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
163
163
  --pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
164
+ --pf-v6-c-label--m-compact--MinWidth: calc((var(--pf-v6-c-label--m-compact--FontSize) * var(--pf-t--global--font--line-height--body)) + (var(--pf-v6-c-label--m-compact--PaddingBlockStart) + var(--pf-v6-c-label--m-compact--PaddingBlockEnd)));
164
165
  --pf-v6-c-label__content--MaxWidth: 100%;
165
166
  --pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
166
167
  --pf-v6-c-label__content--Cursor: initial;
@@ -353,6 +354,7 @@
353
354
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-v6-c-label--m-compact--PaddingBlockEnd);
354
355
  --pf-v6-c-label--PaddingInlineStart: var(--pf-v6-c-label--m-compact--PaddingInlineStart);
355
356
  --pf-v6-c-label--FontSize: var(--pf-v6-c-label--m-compact--FontSize);
357
+ --pf-v6-c-label--MinWidth: var(--pf-v6-c-label--m-compact--MinWidth);
356
358
  --pf-v6-c-label--m-editable--TextUnderlineOffset: var(--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset);
357
359
  }
358
360
  .pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
@@ -441,6 +443,7 @@
441
443
  .pf-v6-c-label__content {
442
444
  display: inline-flex;
443
445
  align-items: center;
446
+ justify-content: center;
444
447
  }
445
448
 
446
449
  .pf-v6-c-label__text {
@@ -6,7 +6,7 @@
6
6
  --#{$label}--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
7
7
  --#{$label}--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8
8
  --#{$label}--MaxWidth: 100%;
9
- --#{$label}--MinWidth: 3em;
9
+ --#{$label}--MinWidth: calc((var(--#{$label}--FontSize) * var(--pf-t--global--font--line-height--body) + var(--#{$label}--PaddingBlockStart) + var(--#{$label}--PaddingBlockEnd)));
10
10
  --#{$label}--BorderWidth: 0;
11
11
  --#{$label}--BorderColor: transparent;
12
12
  --#{$label}--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -203,6 +203,7 @@
203
203
  --#{$label}--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
204
204
  --#{$label}--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
205
205
  --#{$label}--m-compact--m-editable--TextUnderlineOffset: #{pf-size-prem(1px)};
206
+ --#{$label}--m-compact--MinWidth: calc((var(--#{$label}--m-compact--FontSize) * var(--pf-t--global--font--line-height--body)) + (var(--#{$label}--m-compact--PaddingBlockStart) + var(--#{$label}--m-compact--PaddingBlockEnd)));
206
207
 
207
208
  // Content
208
209
  --#{$label}__content--MaxWidth: 100%;
@@ -424,6 +425,7 @@
424
425
  --#{$label}--PaddingBlockEnd: var(--#{$label}--m-compact--PaddingBlockEnd);
425
426
  --#{$label}--PaddingInlineStart: var(--#{$label}--m-compact--PaddingInlineStart);
426
427
  --#{$label}--FontSize: var(--#{$label}--m-compact--FontSize);
428
+ --#{$label}--MinWidth: var(--#{$label}--m-compact--MinWidth);
427
429
  --#{$label}--m-editable--TextUnderlineOffset: var(--#{$label}--m-compact--m-editable--TextUnderlineOffset);
428
430
  }
429
431
 
@@ -535,6 +537,7 @@
535
537
  .#{$label}__content {
536
538
  display: inline-flex;
537
539
  align-items: center;
540
+ justify-content: center;
538
541
  }
539
542
 
540
543
  .#{$label}__text {
@@ -101,6 +101,7 @@
101
101
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
102
102
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
103
103
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
104
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-v6-c-menu-toggle--BorderRadius);
104
105
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
105
106
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
106
107
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -214,6 +215,7 @@
214
215
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
215
216
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
216
217
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
218
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
217
219
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
218
220
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
219
221
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
@@ -129,6 +129,7 @@
129
129
  --#{$menu-toggle}--m-plain--Color: var(--pf-t--global--icon--color--regular);
130
130
  --#{$menu-toggle}--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
131
131
  --#{$menu-toggle}--m-plain--BorderColor: transparent;
132
+ --#{$menu-toggle}--m-plain--BorderRadius: var(--#{$menu-toggle}--BorderRadius);
132
133
  --#{$menu-toggle}--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
133
134
  --#{$menu-toggle}--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
134
135
  --#{$menu-toggle}--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -268,6 +269,7 @@
268
269
  --#{$menu-toggle}--Color: var(--#{$menu-toggle}--m-plain--Color);
269
270
  --#{$menu-toggle}--BackgroundColor: var(--#{$menu-toggle}--m-plain--BackgroundColor);
270
271
  --#{$menu-toggle}--BorderColor: var(--#{$menu-toggle}--m-plain--BorderColor);
272
+ --#{$menu-toggle}--BorderRadius: var(--#{$menu-toggle}--m-plain--BorderRadius);
271
273
  --#{$menu-toggle}--BackgroundColor: var(--#{$menu-toggle}--m-plain--BackgroundColor);
272
274
  --#{$menu-toggle}--hover--BackgroundColor: var(--#{$menu-toggle}--m-plain--hover--BackgroundColor);
273
275
  --#{$menu-toggle}--expanded--BackgroundColor: var(--#{$menu-toggle}--m-plain--expanded--BackgroundColor);
@@ -308,6 +308,9 @@
308
308
  --pf-v6-c-table--cell--TextOverflow: ellipsis;
309
309
  --pf-v6-c-table--cell--WhiteSpace: nowrap;
310
310
  }
311
+ .pf-v6-c-table thead:where(.pf-v6-c-table__thead) .pf-v6-c-table__sort .pf-v6-c-table__button {
312
+ margin-block-end: calc(var(--pf-v6-c-table__button--PaddingBlockEnd) * -1);
313
+ }
311
314
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nested-column-header button:where(.pf-v6-c-button) {
312
315
  outline-offset: var(--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset);
313
316
  }
@@ -406,6 +406,10 @@
406
406
  --#{$table}--cell--TextOverflow: ellipsis;
407
407
  --#{$table}--cell--WhiteSpace: nowrap;
408
408
 
409
+ .#{$table}__sort .#{$table}__button {
410
+ margin-block-end: calc(var(--#{$table}__button--PaddingBlockEnd) * -1);
411
+ }
412
+
409
413
  // stylelint-disable
410
414
  &.pf-m-nested-column-header {
411
415
  button:where(.#{$button}) {
@@ -7882,7 +7882,7 @@ label.pf-v6-c-input-group__text {
7882
7882
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
7883
7883
  --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7884
7884
  --pf-v6-c-label--MaxWidth: 100%;
7885
- --pf-v6-c-label--MinWidth: 3em;
7885
+ --pf-v6-c-label--MinWidth: calc((var(--pf-v6-c-label--FontSize) * var(--pf-t--global--font--line-height--body) + var(--pf-v6-c-label--PaddingBlockStart) + var(--pf-v6-c-label--PaddingBlockEnd)));
7886
7886
  --pf-v6-c-label--BorderWidth: 0;
7887
7887
  --pf-v6-c-label--BorderColor: transparent;
7888
7888
  --pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -8039,6 +8039,7 @@ label.pf-v6-c-input-group__text {
8039
8039
  --pf-v6-c-label--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8040
8040
  --pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
8041
8041
  --pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
8042
+ --pf-v6-c-label--m-compact--MinWidth: calc((var(--pf-v6-c-label--m-compact--FontSize) * var(--pf-t--global--font--line-height--body)) + (var(--pf-v6-c-label--m-compact--PaddingBlockStart) + var(--pf-v6-c-label--m-compact--PaddingBlockEnd)));
8042
8043
  --pf-v6-c-label__content--MaxWidth: 100%;
8043
8044
  --pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
8044
8045
  --pf-v6-c-label__content--Cursor: initial;
@@ -8231,6 +8232,7 @@ label.pf-v6-c-input-group__text {
8231
8232
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-v6-c-label--m-compact--PaddingBlockEnd);
8232
8233
  --pf-v6-c-label--PaddingInlineStart: var(--pf-v6-c-label--m-compact--PaddingInlineStart);
8233
8234
  --pf-v6-c-label--FontSize: var(--pf-v6-c-label--m-compact--FontSize);
8235
+ --pf-v6-c-label--MinWidth: var(--pf-v6-c-label--m-compact--MinWidth);
8234
8236
  --pf-v6-c-label--m-editable--TextUnderlineOffset: var(--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset);
8235
8237
  }
8236
8238
  .pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
@@ -8319,6 +8321,7 @@ label.pf-v6-c-input-group__text {
8319
8321
  .pf-v6-c-label__content {
8320
8322
  display: inline-flex;
8321
8323
  align-items: center;
8324
+ justify-content: center;
8322
8325
  }
8323
8326
 
8324
8327
  .pf-v6-c-label__text {
@@ -10065,6 +10068,7 @@ ul.pf-v6-c-list {
10065
10068
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
10066
10069
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
10067
10070
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
10071
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-v6-c-menu-toggle--BorderRadius);
10068
10072
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
10069
10073
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
10070
10074
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -10178,6 +10182,7 @@ ul.pf-v6-c-list {
10178
10182
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
10179
10183
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
10180
10184
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
10185
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
10181
10186
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
10182
10187
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
10183
10188
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
@@ -16532,6 +16537,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16532
16537
  --pf-v6-c-table--cell--TextOverflow: ellipsis;
16533
16538
  --pf-v6-c-table--cell--WhiteSpace: nowrap;
16534
16539
  }
16540
+ .pf-v6-c-table thead:where(.pf-v6-c-table__thead) .pf-v6-c-table__sort .pf-v6-c-table__button {
16541
+ margin-block-end: calc(var(--pf-v6-c-table__button--PaddingBlockEnd) * -1);
16542
+ }
16535
16543
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nested-column-header button:where(.pf-v6-c-button) {
16536
16544
  outline-offset: var(--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset);
16537
16545
  }
@@ -6582,6 +6582,41 @@ Use a label group to display multiple labels at once.
6582
6582
  </div>
6583
6583
  </div>
6584
6584
 
6585
+ <br />
6586
+ <br />
6587
+
6588
+ <div class="pf-v6-c-label-group">
6589
+ <div class="pf-v6-c-label-group__main">
6590
+ <ul
6591
+ class="pf-v6-c-label-group__list"
6592
+ role="list"
6593
+ aria-label="Group of labels"
6594
+ >
6595
+ <li class="pf-v6-c-label-group__list-item">
6596
+ <span class="pf-v6-c-label">
6597
+ <span class="pf-v6-c-label__content">
6598
+ <span class="pf-v6-c-label__text">A</span>
6599
+ </span>
6600
+ </span>
6601
+ </li>
6602
+ <li class="pf-v6-c-label-group__list-item">
6603
+ <span class="pf-v6-c-label pf-m-blue">
6604
+ <span class="pf-v6-c-label__content">
6605
+ <span class="pf-v6-c-label__text">T</span>
6606
+ </span>
6607
+ </span>
6608
+ </li>
6609
+ <li class="pf-v6-c-label-group__list-item">
6610
+ <span class="pf-v6-c-label pf-m-green">
6611
+ <span class="pf-v6-c-label__content">
6612
+ <span class="pf-v6-c-label__text">I</span>
6613
+ </span>
6614
+ </span>
6615
+ </li>
6616
+ </ul>
6617
+ </div>
6618
+ </div>
6619
+
6585
6620
  ```
6586
6621
 
6587
6622
  ### Label group with overflow
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.1.0-prerelease.9",
4
+ "version": "6.2.0-prerelease.1",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -15344,7 +15344,7 @@ label.pf-v6-c-input-group__text {
15344
15344
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
15345
15345
  --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
15346
15346
  --pf-v6-c-label--MaxWidth: 100%;
15347
- --pf-v6-c-label--MinWidth: 3em;
15347
+ --pf-v6-c-label--MinWidth: calc((var(--pf-v6-c-label--FontSize) * var(--pf-t--global--font--line-height--body) + var(--pf-v6-c-label--PaddingBlockStart) + var(--pf-v6-c-label--PaddingBlockEnd)));
15348
15348
  --pf-v6-c-label--BorderWidth: 0;
15349
15349
  --pf-v6-c-label--BorderColor: transparent;
15350
15350
  --pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -15501,6 +15501,7 @@ label.pf-v6-c-input-group__text {
15501
15501
  --pf-v6-c-label--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
15502
15502
  --pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
15503
15503
  --pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
15504
+ --pf-v6-c-label--m-compact--MinWidth: calc((var(--pf-v6-c-label--m-compact--FontSize) * var(--pf-t--global--font--line-height--body)) + (var(--pf-v6-c-label--m-compact--PaddingBlockStart) + var(--pf-v6-c-label--m-compact--PaddingBlockEnd)));
15504
15505
  --pf-v6-c-label__content--MaxWidth: 100%;
15505
15506
  --pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
15506
15507
  --pf-v6-c-label__content--Cursor: initial;
@@ -15693,6 +15694,7 @@ label.pf-v6-c-input-group__text {
15693
15694
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-v6-c-label--m-compact--PaddingBlockEnd);
15694
15695
  --pf-v6-c-label--PaddingInlineStart: var(--pf-v6-c-label--m-compact--PaddingInlineStart);
15695
15696
  --pf-v6-c-label--FontSize: var(--pf-v6-c-label--m-compact--FontSize);
15697
+ --pf-v6-c-label--MinWidth: var(--pf-v6-c-label--m-compact--MinWidth);
15696
15698
  --pf-v6-c-label--m-editable--TextUnderlineOffset: var(--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset);
15697
15699
  }
15698
15700
  .pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
@@ -15781,6 +15783,7 @@ label.pf-v6-c-input-group__text {
15781
15783
  .pf-v6-c-label__content {
15782
15784
  display: inline-flex;
15783
15785
  align-items: center;
15786
+ justify-content: center;
15784
15787
  }
15785
15788
 
15786
15789
  .pf-v6-c-label__text {
@@ -17527,6 +17530,7 @@ ul.pf-v6-c-list {
17527
17530
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
17528
17531
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
17529
17532
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
17533
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-v6-c-menu-toggle--BorderRadius);
17530
17534
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
17531
17535
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
17532
17536
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -17640,6 +17644,7 @@ ul.pf-v6-c-list {
17640
17644
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
17641
17645
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
17642
17646
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
17647
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
17643
17648
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
17644
17649
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
17645
17650
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
@@ -23994,6 +23999,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23994
23999
  --pf-v6-c-table--cell--TextOverflow: ellipsis;
23995
24000
  --pf-v6-c-table--cell--WhiteSpace: nowrap;
23996
24001
  }
24002
+ .pf-v6-c-table thead:where(.pf-v6-c-table__thead) .pf-v6-c-table__sort .pf-v6-c-table__button {
24003
+ margin-block-end: calc(var(--pf-v6-c-table__button--PaddingBlockEnd) * -1);
24004
+ }
23997
24005
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nested-column-header button:where(.pf-v6-c-button) {
23998
24006
  outline-offset: var(--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset);
23999
24007
  }
package/patternfly.css CHANGED
@@ -15480,7 +15480,7 @@ label.pf-v6-c-input-group__text {
15480
15480
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
15481
15481
  --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
15482
15482
  --pf-v6-c-label--MaxWidth: 100%;
15483
- --pf-v6-c-label--MinWidth: 3em;
15483
+ --pf-v6-c-label--MinWidth: calc((var(--pf-v6-c-label--FontSize) * var(--pf-t--global--font--line-height--body) + var(--pf-v6-c-label--PaddingBlockStart) + var(--pf-v6-c-label--PaddingBlockEnd)));
15484
15484
  --pf-v6-c-label--BorderWidth: 0;
15485
15485
  --pf-v6-c-label--BorderColor: transparent;
15486
15486
  --pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -15637,6 +15637,7 @@ label.pf-v6-c-input-group__text {
15637
15637
  --pf-v6-c-label--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
15638
15638
  --pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
15639
15639
  --pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
15640
+ --pf-v6-c-label--m-compact--MinWidth: calc((var(--pf-v6-c-label--m-compact--FontSize) * var(--pf-t--global--font--line-height--body)) + (var(--pf-v6-c-label--m-compact--PaddingBlockStart) + var(--pf-v6-c-label--m-compact--PaddingBlockEnd)));
15640
15641
  --pf-v6-c-label__content--MaxWidth: 100%;
15641
15642
  --pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
15642
15643
  --pf-v6-c-label__content--Cursor: initial;
@@ -15829,6 +15830,7 @@ label.pf-v6-c-input-group__text {
15829
15830
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-v6-c-label--m-compact--PaddingBlockEnd);
15830
15831
  --pf-v6-c-label--PaddingInlineStart: var(--pf-v6-c-label--m-compact--PaddingInlineStart);
15831
15832
  --pf-v6-c-label--FontSize: var(--pf-v6-c-label--m-compact--FontSize);
15833
+ --pf-v6-c-label--MinWidth: var(--pf-v6-c-label--m-compact--MinWidth);
15832
15834
  --pf-v6-c-label--m-editable--TextUnderlineOffset: var(--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset);
15833
15835
  }
15834
15836
  .pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
@@ -15917,6 +15919,7 @@ label.pf-v6-c-input-group__text {
15917
15919
  .pf-v6-c-label__content {
15918
15920
  display: inline-flex;
15919
15921
  align-items: center;
15922
+ justify-content: center;
15920
15923
  }
15921
15924
 
15922
15925
  .pf-v6-c-label__text {
@@ -17663,6 +17666,7 @@ ul.pf-v6-c-list {
17663
17666
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
17664
17667
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
17665
17668
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
17669
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-v6-c-menu-toggle--BorderRadius);
17666
17670
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
17667
17671
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
17668
17672
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -17776,6 +17780,7 @@ ul.pf-v6-c-list {
17776
17780
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
17777
17781
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
17778
17782
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
17783
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
17779
17784
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
17780
17785
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
17781
17786
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
@@ -24130,6 +24135,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24130
24135
  --pf-v6-c-table--cell--TextOverflow: ellipsis;
24131
24136
  --pf-v6-c-table--cell--WhiteSpace: nowrap;
24132
24137
  }
24138
+ .pf-v6-c-table thead:where(.pf-v6-c-table__thead) .pf-v6-c-table__sort .pf-v6-c-table__button {
24139
+ margin-block-end: calc(var(--pf-v6-c-table__button--PaddingBlockEnd) * -1);
24140
+ }
24133
24141
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nested-column-header button:where(.pf-v6-c-button) {
24134
24142
  outline-offset: var(--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset);
24135
24143
  }