@patternfly/patternfly 6.0.0-alpha.57 → 6.0.0-alpha.59

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.
@@ -9507,21 +9507,30 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9507
9507
  border: 0;
9508
9508
  }
9509
9509
 
9510
+ :root, :where(.pf-v5-c-code-block) {
9511
+ --pf-v5-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
9512
+ --pf-v5-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
9513
+ --pf-v5-c-code-block__header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
9514
+ --pf-v5-c-code-block__header--BorderBottomColor: var(--pf-t--global--border--color--default);
9515
+ --pf-v5-c-code-block__header--PaddingRight: var(--pf-t--global--spacer--sm);
9516
+ --pf-v5-c-code-block__header--PaddingLeft: var(--pf-t--global--spacer--sm);
9517
+ --pf-v5-c-code-block__content--PaddingTop: var(--pf-t--global--spacer--md);
9518
+ --pf-v5-c-code-block__content--PaddingRight: var(--pf-t--global--spacer--md);
9519
+ --pf-v5-c-code-block__content--PaddingBottom: var(--pf-t--global--spacer--md);
9520
+ --pf-v5-c-code-block__content--PaddingLeft: var(--pf-t--global--spacer--md);
9521
+ --pf-v5-c-code-block__pre--FontFamily: var(--pf-t--global--font--family--mono);
9522
+ --pf-v5-c-code-block__pre--FontSize: var(--pf-t--global--font--size--xs);
9523
+ }
9524
+
9510
9525
  .pf-v5-c-code-block {
9511
- --pf-v5-c-code-block--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
9512
- --pf-v5-c-code-block__header--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
9513
- --pf-v5-c-code-block__header--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
9514
- --pf-v5-c-code-block__content--PaddingTop: var(--pf-v5-global--spacer--md);
9515
- --pf-v5-c-code-block__content--PaddingRight: var(--pf-v5-global--spacer--md);
9516
- --pf-v5-c-code-block__content--PaddingBottom: var(--pf-v5-global--spacer--md);
9517
- --pf-v5-c-code-block__content--PaddingLeft: var(--pf-v5-global--spacer--md);
9518
- --pf-v5-c-code-block__pre--FontFamily: var(--pf-v5-global--FontFamily--monospace);
9519
- --pf-v5-c-code-block__pre--FontSize: var(--pf-v5-global--FontSize--sm);
9520
9526
  background-color: var(--pf-v5-c-code-block--BackgroundColor);
9527
+ border-radius: var(--pf-v5-c-code-block--BorderRadius);
9521
9528
  }
9522
9529
 
9523
9530
  .pf-v5-c-code-block__header {
9524
9531
  display: flex;
9532
+ padding-inline-start: var(--pf-v5-c-code-block__header--PaddingLeft);
9533
+ padding-inline-end: var(--pf-v5-c-code-block__header--PaddingRight);
9525
9534
  border-block-end: var(--pf-v5-c-code-block__header--BorderBottomWidth) solid var(--pf-v5-c-code-block__header--BorderBottomColor);
9526
9535
  }
9527
9536
 
@@ -11082,7 +11091,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11082
11091
  padding: 0;
11083
11092
  }
11084
11093
 
11085
- :root, :where(.pf-v5-c-description-list) {
11094
+ :where(:root), :where(.pf-v5-c-description-list) {
11086
11095
  --pf-v5-c-description-list--RowGap: var(--pf-t--global--spacer--lg);
11087
11096
  --pf-v5-c-description-list--ColumnGap: var(--pf-t--global--spacer--lg);
11088
11097
  --pf-v5-c-description-list--GridTemplateColumns--count: 1;
@@ -11114,8 +11123,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11114
11123
  --pf-v5-c-description-list--m-3-col--GridTemplateColumns--count: 3;
11115
11124
  --pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
11116
11125
  --pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--min);
11117
- --pf-v5-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-t--global--icon--color--regular);
11118
- --pf-v5-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--100);
11126
+ --pf-v5-c-description-list__text--m-help-text--TextDecorationColor: currentcolor;
11127
+ --pf-v5-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
11119
11128
  --pf-v5-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
11120
11129
  --pf-v5-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-t--global--border--color--hover);
11121
11130
  --pf-v5-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-t--global--border--color--hover);
@@ -11129,32 +11138,32 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11129
11138
  --pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width);
11130
11139
  }
11131
11140
  @media screen and (min-width: 576px) {
11132
- :root, :where(.pf-v5-c-description-list) {
11141
+ :where(:root), :where(.pf-v5-c-description-list) {
11133
11142
  --pf-v5-c-description-list__term--Display: var(--pf-v5-c-description-list__term--sm--Display);
11134
11143
  }
11135
11144
  }
11136
11145
  @media (min-width: 576px) {
11137
- :root, :where(.pf-v5-c-description-list) {
11146
+ :where(:root), :where(.pf-v5-c-description-list) {
11138
11147
  --pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width));
11139
11148
  }
11140
11149
  }
11141
11150
  @media (min-width: 768px) {
11142
- :root, :where(.pf-v5-c-description-list) {
11151
+ :where(:root), :where(.pf-v5-c-description-list) {
11143
11152
  --pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-md, var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width)));
11144
11153
  }
11145
11154
  }
11146
11155
  @media (min-width: 992px) {
11147
- :root, :where(.pf-v5-c-description-list) {
11156
+ :where(:root), :where(.pf-v5-c-description-list) {
11148
11157
  --pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v5-c-description-list--m-horizontal__term--width-on-md, var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width))));
11149
11158
  }
11150
11159
  }
11151
11160
  @media (min-width: 1200px) {
11152
- :root, :where(.pf-v5-c-description-list) {
11161
+ :where(:root), :where(.pf-v5-c-description-list) {
11153
11162
  --pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v5-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v5-c-description-list--m-horizontal__term--width-on-md, var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width)))));
11154
11163
  }
11155
11164
  }
11156
11165
  @media (min-width: 1450px) {
11157
- :root, :where(.pf-v5-c-description-list) {
11166
+ :where(:root), :where(.pf-v5-c-description-list) {
11158
11167
  --pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-v5-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v5-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v5-c-description-list--m-horizontal__term--width-on-md, var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width))))));
11159
11168
  }
11160
11169
  }
@@ -11407,14 +11416,18 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11407
11416
  }
11408
11417
  }
11409
11418
 
11410
- .pf-v5-c-draggable {
11419
+ :where(:root), :where(.pf-v5-c-draggable) {
11411
11420
  --pf-v5-c-draggable--Cursor: auto;
11412
11421
  --pf-v5-c-draggable--m-dragging--Cursor: grabbing;
11413
- --pf-v5-c-draggable--m-dragging--BoxShadow: var(--pf-v5-global--BoxShadow--md);
11414
- --pf-v5-c-draggable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
11415
- --pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
11422
+ --pf-v5-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
11423
+ --pf-v5-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
11424
+ --pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
11425
+ --pf-v5-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
11416
11426
  --pf-v5-c-draggable--m-drag-outside--Cursor: not-allowed;
11417
- --pf-v5-c-draggable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
11427
+ --pf-v5-c-draggable--m-drag-outside--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
11428
+ }
11429
+
11430
+ .pf-v5-c-draggable {
11418
11431
  cursor: var(--pf-v5-c-draggable--Cursor);
11419
11432
  }
11420
11433
  .pf-v5-c-draggable.pf-m-dragging {
@@ -11431,23 +11444,26 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11431
11444
  inset-inline-end: 0;
11432
11445
  content: "";
11433
11446
  border: var(--pf-v5-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-v5-c-draggable--m-dragging--after--BorderColor);
11447
+ border-radius: var(--pf-v5-c-draggable--m-dragging--after--BorderRadius);
11434
11448
  }
11435
11449
  .pf-v5-c-draggable.pf-m-drag-outside {
11436
11450
  --pf-v5-c-draggable--m-dragging--Cursor: var(--pf-v5-c-draggable--m-drag-outside--Cursor);
11437
11451
  --pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-v5-c-draggable--m-drag-outside--after--BorderColor);
11438
11452
  }
11439
11453
 
11440
- .pf-v5-c-droppable {
11454
+ :where(:root), :where(.pf-v5-c-droppable) {
11441
11455
  --pf-v5-c-droppable--before--BackgroundColor: transparent;
11442
11456
  --pf-v5-c-droppable--before--Opacity: 0;
11443
11457
  --pf-v5-c-droppable--after--BorderWidth: 0;
11444
11458
  --pf-v5-c-droppable--after--BorderColor: transparent;
11445
- --pf-v5-c-droppable--m-dragging--before--BackgroundColor: var(--pf-v5-global--palette--white);
11459
+ --pf-v5-c-droppable--m-dragging--before--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11446
11460
  --pf-v5-c-droppable--m-dragging--before--Opacity: .6;
11447
- --pf-v5-c-droppable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
11448
- --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
11449
- --pf-v5-c-droppable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
11461
+ --pf-v5-c-droppable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
11462
+ --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
11463
+ --pf-v5-c-droppable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
11464
+ --pf-v5-c-droppable--m-drag-outside--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
11450
11465
  }
11466
+
11451
11467
  .pf-v5-c-droppable::before, .pf-v5-c-droppable::after {
11452
11468
  position: absolute;
11453
11469
  inset-block-start: 0;
@@ -11463,6 +11479,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11463
11479
  }
11464
11480
  .pf-v5-c-droppable::after {
11465
11481
  border: var(--pf-v5-c-droppable--after--BorderWidth, 0) solid var(--pf-v5-c-droppable--after--BorderColor, transparent);
11482
+ border-radius: var(--pf-v5-c-droppable--m-dragging--after--BorderRadius);
11466
11483
  }
11467
11484
  .pf-v5-c-droppable.pf-m-dragging {
11468
11485
  --pf-v5-c-droppable--before--BackgroundColor: var(--pf-v5-c-droppable--m-dragging--before--BackgroundColor);
@@ -11475,14 +11492,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11475
11492
  --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
11476
11493
  }
11477
11494
 
11478
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
11479
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
11480
- }
11481
-
11482
- :where(.pf-theme-dark) .pf-v5-c-droppable {
11483
- --pf-v5-c-droppable--m-dragging--before--Opacity: .2;
11484
- }
11485
-
11486
11495
  .pf-v5-c-dual-list-selector {
11487
11496
  --pf-v5-c-dual-list-selector__header--GridArea: pane-header;
11488
11497
  --pf-v5-c-dual-list-selector__tools--GridArea: pane-tools;
@@ -15135,48 +15144,42 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15135
15144
  padding-inline-end: var(--pf-v5-c-expandable-section__content--PaddingRight);
15136
15145
  }
15137
15146
 
15147
+ :where(:root),
15148
+ :where(.pf-v5-c-file-upload) {
15149
+ --pf-v5-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
15150
+ --pf-v5-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
15151
+ --pf-v5-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
15152
+ --pf-v5-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
15153
+ --pf-v5-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
15154
+ --pf-v5-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
15155
+ --pf-v5-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
15156
+ --pf-v5-c-file-upload--BorderColor: transparent;
15157
+ --pf-v5-c-file-upload--BorderStyle: solid;
15158
+ --pf-v5-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
15159
+ --pf-v5-c-file-upload--m-drag-hover--BorderStyle: dashed;
15160
+ --pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
15161
+ --pf-v5-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
15162
+ }
15163
+
15138
15164
  .pf-v5-c-file-upload {
15139
- --pf-v5-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
15140
- --pf-v5-c-file-upload--m-loading__file-details--before--Left: var(--pf-v5-global--BorderWidth--sm);
15141
- --pf-v5-c-file-upload--m-loading__file-details--before--Right: var(--pf-v5-global--BorderWidth--sm);
15142
- --pf-v5-c-file-upload--m-loading__file-details--before--Bottom: var(--pf-v5-global--BorderWidth--sm);
15143
- --pf-v5-c-file-upload--m-drag-hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
15144
- --pf-v5-c-file-upload--m-drag-hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
15145
- --pf-v5-c-file-upload--m-drag-hover--before--ZIndex: var(--pf-v5-global--ZIndex--xs);
15146
- --pf-v5-c-file-upload--m-drag-hover--after--BackgroundColor: var(--pf-v5-global--primary-color--100);
15147
- --pf-v5-c-file-upload--m-drag-hover--after--Opacity: .1;
15148
- --pf-v5-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-v5-global--spacer--3xl) * 2);
15149
- --pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
15150
15165
  position: relative;
15151
15166
  display: flex;
15152
15167
  flex-direction: column;
15153
- }
15154
- .pf-v5-c-file-upload.pf-m-drag-hover::before {
15155
- position: absolute;
15156
- inset: 0;
15157
- z-index: var(--pf-v5-c-file-upload--m-drag-hover--before--ZIndex);
15158
- content: "";
15159
- border: var(--pf-v5-c-file-upload--m-drag-hover--before--BorderWidth) solid var(--pf-v5-c-file-upload--m-drag-hover--before--BorderColor);
15160
- }
15161
- .pf-v5-c-file-upload.pf-m-drag-hover::after {
15162
- position: absolute;
15163
- inset: 0;
15164
- content: "";
15165
- background-color: var(--pf-v5-c-file-upload--m-drag-hover--after--BackgroundColor);
15166
- opacity: var(--pf-v5-c-file-upload--m-drag-hover--after--Opacity);
15168
+ row-gap: var(--pf-v5-c-file-upload--RowGap);
15169
+ padding-block-start: var(--pf-v5-c-file-upload--PaddingBlockStart);
15170
+ padding-block-end: var(--pf-v5-c-file-upload--PaddingBlockEnd);
15171
+ padding-inline-start: var(--pf-v5-c-file-upload--PaddingInlineStart);
15172
+ padding-inline-end: var(--pf-v5-c-file-upload--PaddingInlineEnd);
15173
+ border: var(--pf-v5-c-file-upload--BorderWidth) var(--pf-v5-c-file-upload--BorderStyle) var(--pf-v5-c-file-upload--BorderColor);
15174
+ border-radius: var(--pf-v5-c-file-upload--BorderRadius);
15175
+ }
15176
+ .pf-v5-c-file-upload.pf-m-drag-hover {
15177
+ --pf-v5-c-file-upload--BorderColor: var(--pf-v5-c-file-upload--m-drag-hover--BorderColor);
15178
+ --pf-v5-c-file-upload--BorderStyle: var(--pf-v5-c-file-upload--m-drag-hover--BorderStyle);
15167
15179
  }
15168
15180
  .pf-v5-c-file-upload.pf-m-loading .pf-v5-c-file-upload__file-details {
15169
15181
  position: relative;
15170
15182
  }
15171
- .pf-v5-c-file-upload.pf-m-loading .pf-v5-c-file-upload__file-details::before {
15172
- position: absolute;
15173
- inset-block-start: 0;
15174
- inset-block-end: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
15175
- inset-inline-start: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
15176
- inset-inline-end: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
15177
- content: "";
15178
- background-color: var(--pf-v5-c-file-upload--m-loading__file-details--before--BackgroundColor);
15179
- }
15180
15183
 
15181
15184
  .pf-v5-c-file-upload__file-select .pf-v5-c-button.pf-m-control {
15182
15185
  outline-offset: var(--pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset);
@@ -16083,33 +16086,70 @@ select ~ .pf-v5-c-form-control__utilities {
16083
16086
  color: var(--pf-v5-c-helper-text__item-text--Color);
16084
16087
  }
16085
16088
 
16086
- .pf-v5-c-icon {
16089
+ :root,
16090
+ :where(.pf-v5-c-icon) {
16087
16091
  --pf-v5-c-icon--Width: 1em;
16088
16092
  --pf-v5-c-icon--Height: 1em;
16089
- --pf-v5-c-icon--m-sm--Width: var(--pf-v5-global--icon--FontSize--sm);
16090
- --pf-v5-c-icon--m-sm--Height: var(--pf-v5-global--icon--FontSize--sm);
16091
- --pf-v5-c-icon--m-md--Width: var(--pf-v5-global--icon--FontSize--md);
16092
- --pf-v5-c-icon--m-md--Height: var(--pf-v5-global--icon--FontSize--md);
16093
- --pf-v5-c-icon--m-lg--Width: var(--pf-v5-global--icon--FontSize--lg);
16094
- --pf-v5-c-icon--m-lg--Height: var(--pf-v5-global--icon--FontSize--lg);
16095
- --pf-v5-c-icon--m-xl--Width: var(--pf-v5-global--icon--FontSize--xl);
16096
- --pf-v5-c-icon--m-xl--Height: var(--pf-v5-global--icon--FontSize--xl);
16093
+ --pf-v5-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
16094
+ --pf-v5-c-icon--m-sm--Height: var(--pf-t--global--icon--size--sm);
16095
+ --pf-v5-c-icon--m-md--Width: var(--pf-t--global--icon--size--md);
16096
+ --pf-v5-c-icon--m-md--Height: var(--pf-t--global--icon--size--md);
16097
+ --pf-v5-c-icon--m-lg--Width: var(--pf-t--global--icon--size--lg);
16098
+ --pf-v5-c-icon--m-lg--Height: var(--pf-t--global--icon--size--lg);
16099
+ --pf-v5-c-icon--m-xl--Width: var(--pf-t--global--icon--size--xl);
16100
+ --pf-v5-c-icon--m-xl--Height: var(--pf-t--global--icon--size--xl);
16101
+ --pf-v5-c-icon--m-2xl--Width: var(--pf-t--global--icon--size--2xl);
16102
+ --pf-v5-c-icon--m-2xl--Height: var(--pf-t--global--icon--size--2xl);
16103
+ --pf-v5-c-icon--m-3xl--Width: var(--pf-t--global--icon--size--3xl);
16104
+ --pf-v5-c-icon--m-3xl--Height: var(--pf-t--global--icon--size--3xl);
16105
+ --pf-v5-c-icon--m-body-sm--Width: var(--pf-t--global--icon--size--body--sm);
16106
+ --pf-v5-c-icon--m-body-sm--Height: var(--pf-t--global--icon--size--body--sm);
16107
+ --pf-v5-c-icon--m-body-default--Width: var(--pf-t--global--icon--size--body--default);
16108
+ --pf-v5-c-icon--m-body-default--Height: var(--pf-t--global--icon--size--body--default);
16109
+ --pf-v5-c-icon--m-body-lg--Width: var(--pf-t--global--icon--size--body--lg);
16110
+ --pf-v5-c-icon--m-body-lg--Height: var(--pf-t--global--icon--size--body--lg);
16111
+ --pf-v5-c-icon--m-heading-sm--Width: var(--pf-t--global--icon--size--heading--h6);
16112
+ --pf-v5-c-icon--m-heading-sm--Height: var(--pf-t--global--icon--size--heading--h6);
16113
+ --pf-v5-c-icon--m-heading-md--Width: var(--pf-t--global--icon--size--heading--h5);
16114
+ --pf-v5-c-icon--m-heading-md--Height: var(--pf-t--global--icon--size--heading--h5);
16115
+ --pf-v5-c-icon--m-heading-lg--Width: var(--pf-t--global--icon--size--heading--h4);
16116
+ --pf-v5-c-icon--m-heading-lg--Height: var(--pf-t--global--icon--size--heading--h4);
16117
+ --pf-v5-c-icon--m-heading-xl--Width: var(--pf-t--global--icon--size--heading--h3);
16118
+ --pf-v5-c-icon--m-heading-xl--Height: var(--pf-t--global--icon--size--heading--h3);
16119
+ --pf-v5-c-icon--m-heading-2xl--Width: var(--pf-t--global--icon--size--heading--h2);
16120
+ --pf-v5-c-icon--m-heading-2xl--Height: var(--pf-t--global--icon--size--heading--h2);
16121
+ --pf-v5-c-icon--m-heading-3xl--Width: var(--pf-t--global--icon--size--heading--h1);
16122
+ --pf-v5-c-icon--m-heading-3xl--Height: var(--pf-t--global--icon--size--heading--h1);
16097
16123
  --pf-v5-c-icon--m-inline--Width: 1em;
16098
16124
  --pf-v5-c-icon--m-inline--Height: 1em;
16099
16125
  --pf-v5-c-icon__content--svg--VerticalAlign: -.125em;
16100
16126
  --pf-v5-c-icon__content--Color: initial;
16101
- --pf-v5-c-icon__content--m-danger--Color: var(--pf-v5-global--danger-color--100);
16102
- --pf-v5-c-icon__content--m-warning--Color: var(--pf-v5-global--warning-color--100);
16103
- --pf-v5-c-icon__content--m-success--Color: var(--pf-v5-global--success-color--100);
16104
- --pf-v5-c-icon__content--m-info--Color: var(--pf-v5-global--info-color--100);
16105
- --pf-v5-c-icon__content--m-custom--Color: var(--pf-v5-global--custom-color--100);
16127
+ --pf-v5-c-icon__content--m-danger--Color: var(--pf-t--global--color--status--danger--default);
16128
+ --pf-v5-c-icon__content--m-warning--Color: var(--pf-t--global--color--status--warning--default);
16129
+ --pf-v5-c-icon__content--m-success--Color: var(--pf-t--global--color--status--success--default);
16130
+ --pf-v5-c-icon__content--m-info--Color: var(--pf-t--global--color--status--info--default);
16131
+ --pf-v5-c-icon__content--m-custom--Color: var(--pf-t--global--color--status--custom--default);
16106
16132
  --pf-v5-c-icon--m-inline__content--Color: initial;
16107
16133
  --pf-v5-c-icon__content--FontSize: 1em;
16108
- --pf-v5-c-icon--m-sm__content--FontSize: var(--pf-v5-global--icon--FontSize--sm);
16109
- --pf-v5-c-icon--m-md__content--FontSize: var(--pf-v5-global--icon--FontSize--md);
16110
- --pf-v5-c-icon--m-lg__content--FontSize: var(--pf-v5-global--icon--FontSize--lg);
16111
- --pf-v5-c-icon--m-xl__content--FontSize: var(--pf-v5-global--icon--FontSize--xl);
16134
+ --pf-v5-c-icon--m-sm__content--FontSize: var(--pf-t--global--icon--size--sm);
16135
+ --pf-v5-c-icon--m-md__content--FontSize: var(--pf-t--global--icon--size--md);
16136
+ --pf-v5-c-icon--m-lg__content--FontSize: var(--pf-t--global--icon--size--lg);
16137
+ --pf-v5-c-icon--m-xl__content--FontSize: var(--pf-t--global--icon--size--xl);
16138
+ --pf-v5-c-icon--m-2xl__content--FontSize: var(--pf-t--global--icon--size--2xl);
16139
+ --pf-v5-c-icon--m-3xl__content--FontSize: var(--pf-t--global--icon--size--3xl);
16140
+ --pf-v5-c-icon--m-body-sm__content--FontSize: var(--pf-t--global--icon--size--body--sm);
16141
+ --pf-v5-c-icon--m-body-default__content--FontSize: var(--pf-t--global--icon--size--body--default);
16142
+ --pf-v5-c-icon--m-body-lg__content--FontSize: var(--pf-t--global--icon--size--body--lg);
16143
+ --pf-v5-c-icon--m-heading-sm__content--FontSize: var(--pf-t--global--icon--size--heading--h6);
16144
+ --pf-v5-c-icon--m-heading-md__content--FontSize: var(--pf-t--global--icon--size--heading--h5);
16145
+ --pf-v5-c-icon--m-heading-lg__content--FontSize: var(--pf-t--global--icon--size--heading--h4);
16146
+ --pf-v5-c-icon--m-heading-xl__content--FontSize: var(--pf-t--global--icon--size--heading--h3);
16147
+ --pf-v5-c-icon--m-heading-2xl__content--FontSize: var(--pf-t--global--icon--size--heading--h2);
16148
+ --pf-v5-c-icon--m-heading-3xl__content--FontSize: var(--pf-t--global--icon--size--heading--h1);
16112
16149
  --pf-v5-c-icon--m-inline__content--FontSize: 1em;
16150
+ }
16151
+
16152
+ .pf-v5-c-icon {
16113
16153
  position: relative;
16114
16154
  display: inline-flex;
16115
16155
  align-items: center;
@@ -16147,6 +16187,61 @@ select ~ .pf-v5-c-form-control__utilities {
16147
16187
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-xl--Height);
16148
16188
  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl__content--FontSize);
16149
16189
  }
16190
+ .pf-v5-c-icon.pf-m-2xl {
16191
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-2xl--Width);
16192
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-2xl--Height);
16193
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-2xl__content--FontSize);
16194
+ }
16195
+ .pf-v5-c-icon.pf-m-3xl {
16196
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-3xl--Width);
16197
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-3xl--Height);
16198
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-3xl__content--FontSize);
16199
+ }
16200
+ .pf-v5-c-icon.pf-m-body-sm {
16201
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-body-sm--Width);
16202
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-body-sm--Height);
16203
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-body-sm__content--FontSize);
16204
+ }
16205
+ .pf-v5-c-icon.pf-m-body-default {
16206
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-body-default--Width);
16207
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-body-default--Height);
16208
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-body-default__content--FontSize);
16209
+ }
16210
+ .pf-v5-c-icon.pf-m-body-lg {
16211
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-body-lg--Width);
16212
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-body-lg--Height);
16213
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg__content--FontSize);
16214
+ }
16215
+ .pf-v5-c-icon.pf-m-heading-sm {
16216
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-sm--Width);
16217
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-sm--Height);
16218
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-sm__content--FontSize);
16219
+ }
16220
+ .pf-v5-c-icon.pf-m-heading-md {
16221
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-md--Width);
16222
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-md--Height);
16223
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-md__content--FontSize);
16224
+ }
16225
+ .pf-v5-c-icon.pf-m-heading-lg {
16226
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-lg--Width);
16227
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-lg--Height);
16228
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-lg__content--FontSize);
16229
+ }
16230
+ .pf-v5-c-icon.pf-m-heading-xl {
16231
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-xl--Width);
16232
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-xl--Height);
16233
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-xl__content--FontSize);
16234
+ }
16235
+ .pf-v5-c-icon.pf-m-heading-2xl {
16236
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-2xl--Width);
16237
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-2xl--Height);
16238
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-2xl__content--FontSize);
16239
+ }
16240
+ .pf-v5-c-icon.pf-m-heading-3xl {
16241
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-3xl--Width);
16242
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-3xl--Height);
16243
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-3xl__content--FontSize);
16244
+ }
16150
16245
  .pf-v5-c-icon.pf-m-in-progress {
16151
16246
  --pf-v5-c-icon__content--Opacity: 0;
16152
16247
  --pf-v5-c-icon__progress--Opacity: 1;
@@ -16176,6 +16271,50 @@ select ~ .pf-v5-c-form-control__utilities {
16176
16271
  .pf-v5-c-icon__progress.pf-m-xl {
16177
16272
  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl__content--FontSize);
16178
16273
  }
16274
+ .pf-v5-c-icon__content.pf-m-2xl,
16275
+ .pf-v5-c-icon__progress.pf-m-2xl {
16276
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-2xl__content--FontSize);
16277
+ }
16278
+ .pf-v5-c-icon__content.pf-m-3xl,
16279
+ .pf-v5-c-icon__progress.pf-m-3xl {
16280
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-3xl__content--FontSize);
16281
+ }
16282
+ .pf-v5-c-icon__content.pf-m-body-sm,
16283
+ .pf-v5-c-icon__progress.pf-m-body-sm {
16284
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-body-sm__content--FontSize);
16285
+ }
16286
+ .pf-v5-c-icon__content.pf-m-body-default,
16287
+ .pf-v5-c-icon__progress.pf-m-body-default {
16288
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md__content--FontSize);
16289
+ }
16290
+ .pf-v5-c-icon__content.pf-m-body-lg,
16291
+ .pf-v5-c-icon__progress.pf-m-body-lg {
16292
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg__content--FontSize);
16293
+ }
16294
+ .pf-v5-c-icon__content.pf-m-heading-sm,
16295
+ .pf-v5-c-icon__progress.pf-m-heading-sm {
16296
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-sm__content--FontSize);
16297
+ }
16298
+ .pf-v5-c-icon__content.pf-m-heading-md,
16299
+ .pf-v5-c-icon__progress.pf-m-heading-md {
16300
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-md__content--FontSize);
16301
+ }
16302
+ .pf-v5-c-icon__content.pf-m-heading-lg,
16303
+ .pf-v5-c-icon__progress.pf-m-heading-lg {
16304
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-lg__content--FontSize);
16305
+ }
16306
+ .pf-v5-c-icon__content.pf-m-heading-xl,
16307
+ .pf-v5-c-icon__progress.pf-m-heading-xl {
16308
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-xl__content--FontSize);
16309
+ }
16310
+ .pf-v5-c-icon__content.pf-m-heading-2xl,
16311
+ .pf-v5-c-icon__progress.pf-m-heading-2xl {
16312
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-2xl__content--FontSize);
16313
+ }
16314
+ .pf-v5-c-icon__content.pf-m-heading-3xl,
16315
+ .pf-v5-c-icon__progress.pf-m-heading-3xl {
16316
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-3xl__content--FontSize);
16317
+ }
16179
16318
 
16180
16319
  .pf-v5-c-icon__content {
16181
16320
  color: var(--pf-v5-c-icon__content--Color, inherit);
@@ -23609,12 +23748,12 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23609
23748
  color: var(--pf-v5-global--palette--black-100);
23610
23749
  }
23611
23750
 
23612
- .pf-v5-c-sidebar {
23613
- --pf-v5-c-sidebar--inset: var(--pf-v5-global--spacer--md);
23614
- --pf-v5-c-sidebar--xl--inset: var(--pf-v5-global--spacer--lg);
23615
- --pf-v5-c-sidebar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
23616
- --pf-v5-c-sidebar--BorderWidth--base: var(--pf-v5-global--BorderWidth--sm);
23617
- --pf-v5-c-sidebar--BorderColor--base: var(--pf-v5-global--BorderColor--100);
23751
+ :root,
23752
+ :where(.pf-v5-c-sidebar) {
23753
+ --pf-v5-c-sidebar--inset: var(--pf-t--global--spacer--md);
23754
+ --pf-v5-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
23755
+ --pf-v5-c-sidebar--BorderWidth--base: var(--pf-t--global--border--width--regular);
23756
+ --pf-v5-c-sidebar--BorderColor--base: var(--pf-t--global--border--color--default);
23618
23757
  --pf-v5-c-sidebar__panel--PaddingTop: 0;
23619
23758
  --pf-v5-c-sidebar__panel--PaddingRight: 0;
23620
23759
  --pf-v5-c-sidebar__panel--PaddingBottom: 0;
@@ -23670,11 +23809,16 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23670
23809
  --pf-v5-c-sidebar__panel--md--FlexBasis: 15.625rem;
23671
23810
  --pf-v5-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
23672
23811
  --pf-v5-c-sidebar__panel--m-stack--FlexBasis: auto;
23673
- --pf-v5-c-sidebar__panel--ZIndex: var(--pf-v5-global--ZIndex--xs);
23674
- --pf-v5-c-sidebar__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
23675
- --pf-v5-c-sidebar__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
23812
+ --pf-v5-c-sidebar__panel--ZIndex: var(--pf-t--global--Zindex--xs);
23813
+ --pf-v5-c-sidebar__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
23814
+ --pf-v5-c-sidebar__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
23815
+ --pf-v5-c-sidebar__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
23816
+ --pf-v5-c-sidebar__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
23676
23817
  --pf-v5-c-sidebar__panel--m-sticky--Top: 0;
23677
23818
  --pf-v5-c-sidebar__panel--m-sticky--Position: sticky;
23819
+ }
23820
+
23821
+ .pf-v5-c-sidebar {
23678
23822
  height: 100%;
23679
23823
  }
23680
23824
  @media (min-width: 768px) {
@@ -23768,6 +23912,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23768
23912
  --pf-v5-c-sidebar__panel--Position: static;
23769
23913
  --pf-v5-c-sidebar__panel--Top: auto;
23770
23914
  }
23915
+ .pf-v5-c-sidebar__panel.pf-m-secondary {
23916
+ --pf-v5-c-sidebar__panel--BackgroundColor: var(--pf-v5-c-sidebar__panel--m-secondary--BackgroundColor);
23917
+ }
23771
23918
 
23772
23919
  .pf-v5-c-sidebar__content {
23773
23920
  flex-grow: 1;
@@ -23787,6 +23934,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23787
23934
  .pf-v5-c-sidebar__content.pf-m-no-background {
23788
23935
  --pf-v5-c-sidebar__content--BackgroundColor: transparent;
23789
23936
  }
23937
+ .pf-v5-c-sidebar__content.pf-m-secondary {
23938
+ --pf-v5-c-sidebar__content--BackgroundColor: var(--pf-v5-c-sidebar__content--m-secondary--BackgroundColor);
23939
+ }
23790
23940
  .pf-v5-c-sidebar__content + .pf-v5-c-sidebar__panel {
23791
23941
  --pf-v5-c-sidebar__panel--Order: 1;
23792
23942
  }
@@ -29541,41 +29691,42 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29541
29691
  line-height: var(--pf-v5-c-title--m-h6--LineHeight);
29542
29692
  }
29543
29693
 
29544
- .pf-v5-c-toggle-group {
29545
- --pf-v5-c-toggle-group__button--PaddingTop: var(--pf-v5-global--spacer--form-element);
29546
- --pf-v5-c-toggle-group__button--PaddingRight: var(--pf-v5-global--spacer--md);
29547
- --pf-v5-c-toggle-group__button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
29548
- --pf-v5-c-toggle-group__button--PaddingLeft: var(--pf-v5-global--spacer--md);
29549
- --pf-v5-c-toggle-group__button--FontSize: var(--pf-v5-global--FontSize--sm);
29550
- --pf-v5-c-toggle-group__button--LineHeight: calc(var(--pf-v5-global--FontSize--md) * var(--pf-v5-global--LineHeight--md));
29551
- --pf-v5-c-toggle-group__button--Color: var(--pf-v5-global--Color--100);
29552
- --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
29694
+ :where(:root),
29695
+ :where(.pf-v5-c-toggle-group) {
29696
+ --pf-v5-c-toggle-group__button--PaddingTop: var(--pf-t--global--spacer--sm);
29697
+ --pf-v5-c-toggle-group__button--PaddingRight: var(--pf-t--global--spacer--md);
29698
+ --pf-v5-c-toggle-group__button--PaddingBottom: var(--pf-t--global--spacer--sm);
29699
+ --pf-v5-c-toggle-group__button--PaddingLeft: var(--pf-t--global--spacer--md);
29700
+ --pf-v5-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
29701
+ --pf-v5-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
29702
+ --pf-v5-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
29703
+ --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29553
29704
  --pf-v5-c-toggle-group__button--ZIndex: auto;
29554
- --pf-v5-c-toggle-group__button--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
29555
- --pf-v5-c-toggle-group__button--hover--ZIndex: var(--pf-v5-global--ZIndex--xs);
29556
- --pf-v5-c-toggle-group__button--hover--before--BorderColor: var(--pf-v5-global--BorderColor--200);
29557
- --pf-v5-c-toggle-group__button--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
29558
- --pf-v5-c-toggle-group__button--focus--ZIndex: var(--pf-v5-global--ZIndex--xs);
29559
- --pf-v5-c-toggle-group__button--focus--before--BorderColor: var(--pf-v5-global--BorderColor--200);
29560
- --pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29561
- --pf-v5-c-toggle-group__button--disabled--Color: var(--pf-v5-global--disabled-color--100);
29562
- --pf-v5-c-toggle-group__button--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
29563
- --pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-v5-global--BorderColor--100);
29564
- --pf-v5-c-toggle-group__item--item--MarginLeft: calc(-1 * var(--pf-v5-global--BorderWidth--sm));
29565
- --pf-v5-c-toggle-group__item--first-child__button--BorderTopLeftRadius: var(--pf-v5-global--BorderRadius--sm);
29566
- --pf-v5-c-toggle-group__item--first-child__button--BorderBottomLeftRadius: var(--pf-v5-global--BorderRadius--sm);
29567
- --pf-v5-c-toggle-group__item--last-child__button--BorderTopRightRadius: var(--pf-v5-global--BorderRadius--sm);
29568
- --pf-v5-c-toggle-group__item--last-child__button--BorderBottomRightRadius: var(--pf-v5-global--BorderRadius--sm);
29569
- --pf-v5-c-toggle-group__icon--text--MarginLeft: var(--pf-v5-global--spacer--sm);
29570
- --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-v5-global--palette--blue-50);
29571
- --pf-v5-c-toggle-group__button--m-selected--Color: initial;
29572
- --pf-v5-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-v5-global--primary-color--100);
29573
- --pf-v5-c-toggle-group__button--m-selected--ZIndex: var(--pf-v5-global--ZIndex--xs);
29705
+ --pf-v5-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
29706
+ --pf-v5-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--Zindex--xs);
29707
+ --pf-v5-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
29708
+ --pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
29709
+ --pf-v5-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
29710
+ --pf-v5-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
29711
+ --pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
29712
+ --pf-v5-c-toggle-group__item--item--MarginLeft: calc(-1 * var(--pf-t--global--border--width--control--default));
29713
+ --pf-v5-c-toggle-group__item--first-child__button--BorderTopLeftRadius: var(--pf-t--global--border--radius--tiny);
29714
+ --pf-v5-c-toggle-group__item--first-child__button--BorderBottomLeftRadius: var(--pf-t--global--border--radius--tiny);
29715
+ --pf-v5-c-toggle-group__item--last-child__button--BorderTopRightRadius: var(--pf-t--global--border--radius--tiny);
29716
+ --pf-v5-c-toggle-group__item--last-child__button--BorderBottomRightRadius: var(--pf-t--global--border--radius--tiny);
29717
+ --pf-v5-c-toggle-group__icon--text--MarginLeft: var(--pf-t--global--spacer--sm);
29718
+ --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
29719
+ --pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
29720
+ --pf-v5-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
29721
+ --pf-v5-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--Zindex--xs);
29574
29722
  --pf-v5-c-toggle-group--m-compact__button--PaddingTop: 0;
29575
- --pf-v5-c-toggle-group--m-compact__button--PaddingRight: var(--pf-v5-global--spacer--sm);
29723
+ --pf-v5-c-toggle-group--m-compact__button--PaddingRight: var(--pf-t--global--spacer--sm);
29576
29724
  --pf-v5-c-toggle-group--m-compact__button--PaddingBottom: 0;
29577
- --pf-v5-c-toggle-group--m-compact__button--PaddingLeft: var(--pf-v5-global--spacer--sm);
29578
- --pf-v5-c-toggle-group--m-compact__button--FontSize: var(--pf-v5-global--FontSize--xs);
29725
+ --pf-v5-c-toggle-group--m-compact__button--PaddingLeft: var(--pf-t--global--spacer--sm);
29726
+ --pf-v5-c-toggle-group--m-compact__button--FontSize: var(--pf-t--global--font--size--body--default);
29727
+ }
29728
+
29729
+ .pf-v5-c-toggle-group {
29579
29730
  display: flex;
29580
29731
  }
29581
29732
  .pf-v5-c-toggle-group.pf-m-compact {
@@ -29622,17 +29773,12 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29622
29773
  content: "";
29623
29774
  border: var(--pf-v5-c-toggle-group__button--before--BorderWidth) solid var(--pf-v5-c-toggle-group__button--before--BorderColor);
29624
29775
  }
29625
- .pf-v5-c-toggle-group__button:hover {
29776
+ .pf-v5-c-toggle-group__button:hover, .pf-v5-c-toggle-group__button:focus {
29626
29777
  --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-c-toggle-group__button--hover--BackgroundColor);
29627
29778
  --pf-v5-c-toggle-group__button--ZIndex: var(--pf-v5-c-toggle-group__button--hover--ZIndex);
29628
29779
  --pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-v5-c-toggle-group__button--hover--before--BorderColor);
29629
29780
  text-decoration: none;
29630
29781
  }
29631
- .pf-v5-c-toggle-group__button:focus {
29632
- --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-c-toggle-group__button--focus--BackgroundColor);
29633
- --pf-v5-c-toggle-group__button--ZIndex: var(--pf-v5-c-toggle-group__button--focus--ZIndex);
29634
- --pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-v5-c-toggle-group__button--focus--before--BorderColor);
29635
- }
29636
29782
  .pf-v5-c-toggle-group__button.pf-m-selected {
29637
29783
  --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-c-toggle-group__button--m-selected--BackgroundColor);
29638
29784
  --pf-v5-c-toggle-group__button--Color: var(--pf-v5-c-toggle-group__button--m-selected--Color, inherit);
@@ -29650,19 +29796,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29650
29796
  margin-inline-start: var(--pf-v5-c-toggle-group__icon--text--MarginLeft);
29651
29797
  }
29652
29798
 
29653
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
29654
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
29655
- }
29656
-
29657
- :where(.pf-theme-dark) .pf-v5-c-toggle-group {
29658
- --pf-v5-c-toggle-group__button--hover--BackgroundColor: var(--pf-v5-global--palette--black-700);
29659
- --pf-v5-c-toggle-group__button--focus--BackgroundColor: var(--pf-v5-global--palette--black-700);
29660
- --pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-v5-global--palette--black-600);
29661
- --pf-v5-c-toggle-group__button--disabled--Color: var(--pf-v5-global--palette--black-100);
29662
- --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-v5-global--primary-color--300);
29663
- --pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-v5-global--primary-color--400);
29664
- }
29665
-
29666
29799
  :root {
29667
29800
  --pf-v5-c-tooltip--MaxWidth: 18.75rem;
29668
29801
  --pf-v5-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);