@patternfly/patternfly 6.0.0-alpha.50 → 6.0.0-alpha.52

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.
@@ -15684,13 +15684,13 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15684
15684
  --pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
15685
15685
  --pf-v5-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
15686
15686
  --pf-v5-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
15687
- --pf-v5-c-form-control--m-success--PaddingRight: var(--pf-t--global--spacer--xl);
15687
+ --pf-v5-c-form-control--m-success--PaddingRight: calc(var(--pf-t--global--spacer--xl) + var(--pf-v5-c-form-control--ColumnGap));
15688
15688
  --pf-v5-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
15689
15689
  --pf-v5-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
15690
- --pf-v5-c-form-control--m-warning--PaddingRight: var(--pf-t--global--spacer--xl);
15690
+ --pf-v5-c-form-control--m-warning--PaddingRight: calc(var(--pf-t--global--spacer--xl) + var(--pf-v5-c-form-control--ColumnGap));
15691
15691
  --pf-v5-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
15692
15692
  --pf-v5-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
15693
- --pf-v5-c-form-control--m-error--PaddingRight: var(--pf-t--global--spacer--xl);
15693
+ --pf-v5-c-form-control--m-error--PaddingRight: calc(var(--pf-t--global--spacer--xl) + var(--pf-v5-c-form-control--ColumnGap));
15694
15694
  --pf-v5-c-form-control--m-error--icon--width: var(--pf-v5-c-form-control--FontSize);
15695
15695
  --pf-v5-c-form-control--m-icon--PaddingRight: calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--m-icon--icon--width) + var(--pf-v5-c-form-control--m-icon--icon--spacer));
15696
15696
  --pf-v5-c-form-control--m-icon--icon--width: var(--pf-v5-c-form-control--FontSize);
@@ -16262,35 +16262,40 @@ select ~ .pf-v5-c-form-control__utilities {
16262
16262
  display: none;
16263
16263
  }
16264
16264
 
16265
+ :root,
16265
16266
  .pf-v5-c-input-group {
16266
- --pf-v5-c-input-group--child--ZIndex: var(--pf-v5-global--ZIndex--xs);
16267
- --pf-v5-c-input-group__item--offset: var(--pf-v5-global--BorderWidth--sm);
16268
- --pf-v5-c-input-group__item--MarginLeft: calc(var(--pf-v5-c-input-group__item--offset) * -1);
16269
- --pf-v5-c-input-group__item--BorderWidth--base: var(--pf-v5-c-input-group__item--offset);
16270
- --pf-v5-c-input-group__item--BorderColor--base: var(--pf-v5-global--BorderColor--300);
16271
- --pf-v5-c-input-group__item--BorderColor--accent: var(--pf-v5-global--BorderColor--200);
16267
+ --pf-v5-c-input-group--Gap: var(--pf-t--global--spacer--xs);
16268
+ --pf-v5-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
16269
+ --pf-v5-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
16270
+ --pf-v5-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
16272
16271
  --pf-v5-c-input-group__item--BackgroundColor: transparent;
16273
- --pf-v5-c-input-group__item--m-box--PaddingRight: var(--pf-v5-global--spacer--sm);
16274
- --pf-v5-c-input-group__item--m-box--PaddingLeft: var(--pf-v5-global--spacer--sm);
16275
- --pf-v5-c-input-group__item--m-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
16276
- --pf-v5-c-input-group__item--m-box--BorderWidth: var(--pf-v5-c-input-group__item--offset);
16272
+ --pf-v5-c-input-group__item--AlignItems: start;
16273
+ --pf-v5-c-input-group__item--m-box--PaddingRight: var(--pf-t--global--spacer--sm);
16274
+ --pf-v5-c-input-group__item--m-box--PaddingLeft: var(--pf-t--global--spacer--sm);
16275
+ --pf-v5-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
16276
+ --pf-v5-c-input-group__item--m-box--BorderWidth: var(--pf-v5-c-input-group__item--BorderWidth--base);
16277
+ --pf-v5-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
16277
16278
  --pf-v5-c-input-group__item--m-box--BorderTopColor: var(--pf-v5-c-input-group__item--BorderColor--base);
16278
16279
  --pf-v5-c-input-group__item--m-box--BorderRightColor: var(--pf-v5-c-input-group__item--BorderColor--base);
16279
- --pf-v5-c-input-group__item--m-box--BorderBottomColor: var(--pf-v5-c-input-group__item--BorderColor--accent);
16280
+ --pf-v5-c-input-group__item--m-box--BorderBottomColor: var(--pf-v5-c-input-group__item--BorderColor--base);
16280
16281
  --pf-v5-c-input-group__item--m-box--BorderLeftColor: var(--pf-v5-c-input-group__item--BorderColor--base);
16281
16282
  --pf-v5-c-input-group__item--m-plain--BackgroundColor: transparent;
16282
- --pf-v5-c-input-group__text--FontSize: var(--pf-v5-global--FontSize--md);
16283
- --pf-v5-c-input-group__text--Color: var(--pf-v5-global--Color--dark-200);
16284
- --pf-v5-c-input-group__item--m-disabled__text--Color: var(--pf-v5-global--disabled-color--100);
16285
- --pf-v5-c-input-group__item--m-disabled--BorderBottomColor: transparent;
16286
- --pf-v5-c-input-group__item--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
16283
+ --pf-v5-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
16284
+ --pf-v5-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
16285
+ --pf-v5-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
16286
+ --pf-v5-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
16287
+ }
16288
+
16289
+ .pf-v5-c-input-group {
16287
16290
  display: flex;
16291
+ gap: var(--pf-v5-c-input-group--Gap);
16288
16292
  width: 100%;
16289
16293
  }
16290
16294
 
16291
16295
  .pf-v5-c-input-group__item {
16292
16296
  position: relative;
16293
16297
  display: flex;
16298
+ align-items: var(--pf-v5-c-input-group__item--AlignItems);
16294
16299
  min-width: var(--pf-v5-c-input-group__item--MinWidth, revert);
16295
16300
  max-width: var(--pf-v5-c-input-group__item--MaxWidth, revert);
16296
16301
  background-color: var(--pf-v5-c-input-group__item--BackgroundColor);
@@ -16299,9 +16304,6 @@ select ~ .pf-v5-c-form-control__utilities {
16299
16304
  border-inline-start-color: var(--pf-v5-c-input-group__item--m-box--BorderLeftColor);
16300
16305
  border-inline-end-color: var(--pf-v5-c-input-group__item--m-box--BorderRightColor);
16301
16306
  }
16302
- .pf-v5-c-input-group__item:where(:not(:first-child)) {
16303
- margin-inline-start: var(--pf-v5-c-input-group__item--MarginLeft);
16304
- }
16305
16307
  .pf-v5-c-input-group__item.pf-m-box {
16306
16308
  --pf-v5-c-input-group__item--BackgroundColor: var(--pf-v5-c-input-group__item--m-box--BackgroundColor);
16307
16309
  padding-inline-start: var(--pf-v5-c-input-group__item--m-box--PaddingLeft);
@@ -16311,15 +16313,14 @@ select ~ .pf-v5-c-form-control__utilities {
16311
16313
  border-block-end-color: var(--pf-v5-c-input-group__item--m-box--BorderBottomColor);
16312
16314
  border-inline-start-color: var(--pf-v5-c-input-group__item--m-box--BorderLeftColor);
16313
16315
  border-inline-end-color: var(--pf-v5-c-input-group__item--m-box--BorderRightColor);
16316
+ border-radius: var(--pf-v5-c-input-group__item--m-box--BorderRadius);
16314
16317
  }
16315
16318
  .pf-v5-c-input-group__item.pf-m-plain {
16316
- --pf-v5-c-input-group__item--MarginLeft: 0;
16317
16319
  --pf-v5-c-input-group__item--BackgroundColor: var(--pf-v5-c-input-group__item--m-plain--BackgroundColor);
16318
16320
  border: none;
16319
16321
  }
16320
16322
  .pf-v5-c-input-group__item.pf-m-disabled {
16321
16323
  --pf-v5-c-input-group__item--BackgroundColor: var(--pf-v5-c-input-group__item--m-disabled--BackgroundColor);
16322
- --pf-v5-c-input-group__item--m-box--BorderBottomColor: var(--pf-v5-c-input-group__item--m-disabled--BorderBottomColor);
16323
16324
  --pf-v5-c-input-group__text--Color: var(--pf-v5-c-input-group__item--m-disabled__text--Color);
16324
16325
  }
16325
16326
  .pf-v5-c-input-group__item.pf-m-fill {
@@ -16335,27 +16336,6 @@ label.pf-v5-c-input-group__text {
16335
16336
  cursor: pointer;
16336
16337
  }
16337
16338
 
16338
- :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 {
16339
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
16340
- }
16341
-
16342
- :where(.pf-theme-dark) .pf-v5-c-input-group {
16343
- --pf-v5-c-input-group__item--BorderLeftWidth: var(--pf-v5-c-input-group__item--BorderWidth--base);
16344
- --pf-v5-c-input-group__item--BorderLeftColor: var(--pf-v5-global--palette--black-700);
16345
- --pf-v5-c-input-group__item--m-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
16346
- --pf-v5-c-input-group__item--m-box--BorderTopColor: transparent;
16347
- --pf-v5-c-input-group__item--m-box--BorderRightColor: transparent;
16348
- --pf-v5-c-input-group__item--m-box--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
16349
- --pf-v5-c-input-group__item--m-box--BorderLeftColor: transparent;
16350
- --pf-v5-c-input-group__item--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
16351
- --pf-v5-c-input-group__item--m-disabled--BorderBottomColor: transparent;
16352
- --pf-v5-c-input-group__item--m-disabled__text--Color: var(--pf-v5-global--disabled-color--300);
16353
- }
16354
- :where(.pf-theme-dark) .pf-v5-c-input-group > * + * {
16355
- --pf-v5-c-input-group__item--m-box--BorderLeftColor: var(--pf-v5-c-input-group__item--BorderLeftColor);
16356
- border-inline-start: var(--pf-v5-c-input-group__item--BorderLeftWidth) solid var(--pf-v5-c-input-group__item--BorderLeftColor);
16357
- }
16358
-
16359
16339
  .pf-v5-c-jump-links {
16360
16340
  --pf-v5-c-jump-links__list--Display: flex;
16361
16341
  --pf-v5-c-jump-links__list--PaddingTop: 0;
@@ -29459,19 +29439,22 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29459
29439
  --pf-v5-c-tile--m-disabled__body--Color: var(--pf-v5-global--disabled-color--300);
29460
29440
  }
29461
29441
 
29462
- .pf-v5-c-timestamp {
29463
- --pf-v5-c-timestamp--FontSize: var(--pf-v5-global--FontSize--sm);
29464
- --pf-v5-c-timestamp--Color: var(--pf-v5-global--Color--200);
29442
+ :root, .pf-v5-c-timestamp {
29443
+ --pf-v5-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
29444
+ --pf-v5-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
29465
29445
  --pf-v5-c-timestamp--OutlineOffset: 0.1875rem;
29466
29446
  --pf-v5-c-timestamp--m-help-text--TextDecorationLine: underline;
29467
29447
  --pf-v5-c-timestamp--m-help-text--TextDecorationStyle: dashed;
29468
- --pf-v5-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-v5-global--BorderWidth--sm);
29448
+ --pf-v5-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
29469
29449
  --pf-v5-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
29470
- --pf-v5-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v5-global--BorderColor--200);
29471
- --pf-v5-c-timestamp--m-help-text--hover--Color: var(--pf-v5-global--Color--100);
29472
- --pf-v5-c-timestamp--m-help-text--focus--Color: var(--pf-v5-global--Color--100);
29473
- --pf-v5-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-v5-global--Color--100);
29474
- --pf-v5-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
29450
+ --pf-v5-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
29451
+ --pf-v5-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
29452
+ --pf-v5-c-timestamp--m-help-text--focus--Color: var(--pf-t--global--text--color--regular);
29453
+ --pf-v5-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-t--global--text--color--regular);
29454
+ --pf-v5-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
29455
+ }
29456
+
29457
+ .pf-v5-c-timestamp {
29475
29458
  display: inline-block;
29476
29459
  font-size: var(--pf-v5-c-timestamp--FontSize);
29477
29460
  color: var(--pf-v5-c-timestamp--Color);
@@ -29890,12 +29873,12 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29890
29873
  direction: rtl;
29891
29874
  }
29892
29875
  }
29876
+ :root,
29893
29877
  .pf-v5-c-number-input {
29894
- --pf-v5-c-number-input__unit--c-input-group--MarginLeft: var(--pf-v5-global--spacer--sm);
29895
- --pf-v5-c-number-input__icon--FontSize: var(--pf-v5-global--FontSize--xs);
29896
- --pf-v5-c-number-input--c-form-control--width-base: calc(var(--pf-v5-global--spacer--sm) * 2 + var(--pf-v5-global--BorderWidth--sm) * 2);
29897
- --pf-v5-c-number-input--c-form-control--width-icon: 0px;
29898
- --pf-v5-c-number-input--m-status--c-form-control--width-icon: var(--pf-v5-global--spacer--xl);
29878
+ --pf-v5-c-number-input__unit--c-input-group--MarginLeft: var(--pf-t--global--spacer--sm);
29879
+ --pf-v5-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
29880
+ --pf-v5-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
29881
+ --pf-v5-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
29899
29882
  --pf-v5-c-number-input--c-form-control--width-chars: 4;
29900
29883
  --pf-v5-c-number-input--c-form-control--Width:
29901
29884
  calc(
@@ -29903,12 +29886,12 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29903
29886
  var(--pf-v5-c-number-input--c-form-control--width-base) + var(--pf-v5-c-number-input--c-form-control--width-chars) * 1ch
29904
29887
  ) + var(--pf-v5-c-number-input--c-form-control--width-icon)
29905
29888
  );
29889
+ }
29890
+
29891
+ .pf-v5-c-number-input {
29906
29892
  display: inline-flex;
29907
29893
  align-items: center;
29908
29894
  }
29909
- .pf-v5-c-number-input.pf-m-status {
29910
- --pf-v5-c-number-input--c-form-control--width-icon: var(--pf-v5-c-number-input--m-status--c-form-control--width-icon);
29911
- }
29912
29895
  .pf-v5-c-number-input .pf-v5-c-form-control {
29913
29896
  width: var(--pf-v5-c-number-input--c-form-control--Width);
29914
29897
  }
package/patternfly.css CHANGED
@@ -15684,13 +15684,13 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15684
15684
  --pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
15685
15685
  --pf-v5-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
15686
15686
  --pf-v5-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
15687
- --pf-v5-c-form-control--m-success--PaddingRight: var(--pf-t--global--spacer--xl);
15687
+ --pf-v5-c-form-control--m-success--PaddingRight: calc(var(--pf-t--global--spacer--xl) + var(--pf-v5-c-form-control--ColumnGap));
15688
15688
  --pf-v5-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
15689
15689
  --pf-v5-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
15690
- --pf-v5-c-form-control--m-warning--PaddingRight: var(--pf-t--global--spacer--xl);
15690
+ --pf-v5-c-form-control--m-warning--PaddingRight: calc(var(--pf-t--global--spacer--xl) + var(--pf-v5-c-form-control--ColumnGap));
15691
15691
  --pf-v5-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
15692
15692
  --pf-v5-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
15693
- --pf-v5-c-form-control--m-error--PaddingRight: var(--pf-t--global--spacer--xl);
15693
+ --pf-v5-c-form-control--m-error--PaddingRight: calc(var(--pf-t--global--spacer--xl) + var(--pf-v5-c-form-control--ColumnGap));
15694
15694
  --pf-v5-c-form-control--m-error--icon--width: var(--pf-v5-c-form-control--FontSize);
15695
15695
  --pf-v5-c-form-control--m-icon--PaddingRight: calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--m-icon--icon--width) + var(--pf-v5-c-form-control--m-icon--icon--spacer));
15696
15696
  --pf-v5-c-form-control--m-icon--icon--width: var(--pf-v5-c-form-control--FontSize);
@@ -16262,35 +16262,40 @@ select ~ .pf-v5-c-form-control__utilities {
16262
16262
  display: none;
16263
16263
  }
16264
16264
 
16265
+ :root,
16265
16266
  .pf-v5-c-input-group {
16266
- --pf-v5-c-input-group--child--ZIndex: var(--pf-v5-global--ZIndex--xs);
16267
- --pf-v5-c-input-group__item--offset: var(--pf-v5-global--BorderWidth--sm);
16268
- --pf-v5-c-input-group__item--MarginLeft: calc(var(--pf-v5-c-input-group__item--offset) * -1);
16269
- --pf-v5-c-input-group__item--BorderWidth--base: var(--pf-v5-c-input-group__item--offset);
16270
- --pf-v5-c-input-group__item--BorderColor--base: var(--pf-v5-global--BorderColor--300);
16271
- --pf-v5-c-input-group__item--BorderColor--accent: var(--pf-v5-global--BorderColor--200);
16267
+ --pf-v5-c-input-group--Gap: var(--pf-t--global--spacer--xs);
16268
+ --pf-v5-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
16269
+ --pf-v5-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
16270
+ --pf-v5-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
16272
16271
  --pf-v5-c-input-group__item--BackgroundColor: transparent;
16273
- --pf-v5-c-input-group__item--m-box--PaddingRight: var(--pf-v5-global--spacer--sm);
16274
- --pf-v5-c-input-group__item--m-box--PaddingLeft: var(--pf-v5-global--spacer--sm);
16275
- --pf-v5-c-input-group__item--m-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
16276
- --pf-v5-c-input-group__item--m-box--BorderWidth: var(--pf-v5-c-input-group__item--offset);
16272
+ --pf-v5-c-input-group__item--AlignItems: start;
16273
+ --pf-v5-c-input-group__item--m-box--PaddingRight: var(--pf-t--global--spacer--sm);
16274
+ --pf-v5-c-input-group__item--m-box--PaddingLeft: var(--pf-t--global--spacer--sm);
16275
+ --pf-v5-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
16276
+ --pf-v5-c-input-group__item--m-box--BorderWidth: var(--pf-v5-c-input-group__item--BorderWidth--base);
16277
+ --pf-v5-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
16277
16278
  --pf-v5-c-input-group__item--m-box--BorderTopColor: var(--pf-v5-c-input-group__item--BorderColor--base);
16278
16279
  --pf-v5-c-input-group__item--m-box--BorderRightColor: var(--pf-v5-c-input-group__item--BorderColor--base);
16279
- --pf-v5-c-input-group__item--m-box--BorderBottomColor: var(--pf-v5-c-input-group__item--BorderColor--accent);
16280
+ --pf-v5-c-input-group__item--m-box--BorderBottomColor: var(--pf-v5-c-input-group__item--BorderColor--base);
16280
16281
  --pf-v5-c-input-group__item--m-box--BorderLeftColor: var(--pf-v5-c-input-group__item--BorderColor--base);
16281
16282
  --pf-v5-c-input-group__item--m-plain--BackgroundColor: transparent;
16282
- --pf-v5-c-input-group__text--FontSize: var(--pf-v5-global--FontSize--md);
16283
- --pf-v5-c-input-group__text--Color: var(--pf-v5-global--Color--dark-200);
16284
- --pf-v5-c-input-group__item--m-disabled__text--Color: var(--pf-v5-global--disabled-color--100);
16285
- --pf-v5-c-input-group__item--m-disabled--BorderBottomColor: transparent;
16286
- --pf-v5-c-input-group__item--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
16283
+ --pf-v5-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
16284
+ --pf-v5-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
16285
+ --pf-v5-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
16286
+ --pf-v5-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
16287
+ }
16288
+
16289
+ .pf-v5-c-input-group {
16287
16290
  display: flex;
16291
+ gap: var(--pf-v5-c-input-group--Gap);
16288
16292
  width: 100%;
16289
16293
  }
16290
16294
 
16291
16295
  .pf-v5-c-input-group__item {
16292
16296
  position: relative;
16293
16297
  display: flex;
16298
+ align-items: var(--pf-v5-c-input-group__item--AlignItems);
16294
16299
  min-width: var(--pf-v5-c-input-group__item--MinWidth, revert);
16295
16300
  max-width: var(--pf-v5-c-input-group__item--MaxWidth, revert);
16296
16301
  background-color: var(--pf-v5-c-input-group__item--BackgroundColor);
@@ -16299,9 +16304,6 @@ select ~ .pf-v5-c-form-control__utilities {
16299
16304
  border-inline-start-color: var(--pf-v5-c-input-group__item--m-box--BorderLeftColor);
16300
16305
  border-inline-end-color: var(--pf-v5-c-input-group__item--m-box--BorderRightColor);
16301
16306
  }
16302
- .pf-v5-c-input-group__item:where(:not(:first-child)) {
16303
- margin-inline-start: var(--pf-v5-c-input-group__item--MarginLeft);
16304
- }
16305
16307
  .pf-v5-c-input-group__item.pf-m-box {
16306
16308
  --pf-v5-c-input-group__item--BackgroundColor: var(--pf-v5-c-input-group__item--m-box--BackgroundColor);
16307
16309
  padding-inline-start: var(--pf-v5-c-input-group__item--m-box--PaddingLeft);
@@ -16311,15 +16313,14 @@ select ~ .pf-v5-c-form-control__utilities {
16311
16313
  border-block-end-color: var(--pf-v5-c-input-group__item--m-box--BorderBottomColor);
16312
16314
  border-inline-start-color: var(--pf-v5-c-input-group__item--m-box--BorderLeftColor);
16313
16315
  border-inline-end-color: var(--pf-v5-c-input-group__item--m-box--BorderRightColor);
16316
+ border-radius: var(--pf-v5-c-input-group__item--m-box--BorderRadius);
16314
16317
  }
16315
16318
  .pf-v5-c-input-group__item.pf-m-plain {
16316
- --pf-v5-c-input-group__item--MarginLeft: 0;
16317
16319
  --pf-v5-c-input-group__item--BackgroundColor: var(--pf-v5-c-input-group__item--m-plain--BackgroundColor);
16318
16320
  border: none;
16319
16321
  }
16320
16322
  .pf-v5-c-input-group__item.pf-m-disabled {
16321
16323
  --pf-v5-c-input-group__item--BackgroundColor: var(--pf-v5-c-input-group__item--m-disabled--BackgroundColor);
16322
- --pf-v5-c-input-group__item--m-box--BorderBottomColor: var(--pf-v5-c-input-group__item--m-disabled--BorderBottomColor);
16323
16324
  --pf-v5-c-input-group__text--Color: var(--pf-v5-c-input-group__item--m-disabled__text--Color);
16324
16325
  }
16325
16326
  .pf-v5-c-input-group__item.pf-m-fill {
@@ -16335,27 +16336,6 @@ label.pf-v5-c-input-group__text {
16335
16336
  cursor: pointer;
16336
16337
  }
16337
16338
 
16338
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
16339
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
16340
- }
16341
-
16342
- :where(.pf-v5-theme-dark) .pf-v5-c-input-group {
16343
- --pf-v5-c-input-group__item--BorderLeftWidth: var(--pf-v5-c-input-group__item--BorderWidth--base);
16344
- --pf-v5-c-input-group__item--BorderLeftColor: var(--pf-v5-global--palette--black-700);
16345
- --pf-v5-c-input-group__item--m-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
16346
- --pf-v5-c-input-group__item--m-box--BorderTopColor: transparent;
16347
- --pf-v5-c-input-group__item--m-box--BorderRightColor: transparent;
16348
- --pf-v5-c-input-group__item--m-box--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
16349
- --pf-v5-c-input-group__item--m-box--BorderLeftColor: transparent;
16350
- --pf-v5-c-input-group__item--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
16351
- --pf-v5-c-input-group__item--m-disabled--BorderBottomColor: transparent;
16352
- --pf-v5-c-input-group__item--m-disabled__text--Color: var(--pf-v5-global--disabled-color--300);
16353
- }
16354
- :where(.pf-v5-theme-dark) .pf-v5-c-input-group > * + * {
16355
- --pf-v5-c-input-group__item--m-box--BorderLeftColor: var(--pf-v5-c-input-group__item--BorderLeftColor);
16356
- border-inline-start: var(--pf-v5-c-input-group__item--BorderLeftWidth) solid var(--pf-v5-c-input-group__item--BorderLeftColor);
16357
- }
16358
-
16359
16339
  .pf-v5-c-jump-links {
16360
16340
  --pf-v5-c-jump-links__list--Display: flex;
16361
16341
  --pf-v5-c-jump-links__list--PaddingTop: 0;
@@ -29459,19 +29439,22 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29459
29439
  --pf-v5-c-tile--m-disabled__body--Color: var(--pf-v5-global--disabled-color--300);
29460
29440
  }
29461
29441
 
29462
- .pf-v5-c-timestamp {
29463
- --pf-v5-c-timestamp--FontSize: var(--pf-v5-global--FontSize--sm);
29464
- --pf-v5-c-timestamp--Color: var(--pf-v5-global--Color--200);
29442
+ :root, .pf-v5-c-timestamp {
29443
+ --pf-v5-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
29444
+ --pf-v5-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
29465
29445
  --pf-v5-c-timestamp--OutlineOffset: 0.1875rem;
29466
29446
  --pf-v5-c-timestamp--m-help-text--TextDecorationLine: underline;
29467
29447
  --pf-v5-c-timestamp--m-help-text--TextDecorationStyle: dashed;
29468
- --pf-v5-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-v5-global--BorderWidth--sm);
29448
+ --pf-v5-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
29469
29449
  --pf-v5-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
29470
- --pf-v5-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v5-global--BorderColor--200);
29471
- --pf-v5-c-timestamp--m-help-text--hover--Color: var(--pf-v5-global--Color--100);
29472
- --pf-v5-c-timestamp--m-help-text--focus--Color: var(--pf-v5-global--Color--100);
29473
- --pf-v5-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-v5-global--Color--100);
29474
- --pf-v5-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
29450
+ --pf-v5-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
29451
+ --pf-v5-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
29452
+ --pf-v5-c-timestamp--m-help-text--focus--Color: var(--pf-t--global--text--color--regular);
29453
+ --pf-v5-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-t--global--text--color--regular);
29454
+ --pf-v5-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
29455
+ }
29456
+
29457
+ .pf-v5-c-timestamp {
29475
29458
  display: inline-block;
29476
29459
  font-size: var(--pf-v5-c-timestamp--FontSize);
29477
29460
  color: var(--pf-v5-c-timestamp--Color);
@@ -29890,12 +29873,12 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29890
29873
  direction: rtl;
29891
29874
  }
29892
29875
  }
29876
+ :root,
29893
29877
  .pf-v5-c-number-input {
29894
- --pf-v5-c-number-input__unit--c-input-group--MarginLeft: var(--pf-v5-global--spacer--sm);
29895
- --pf-v5-c-number-input__icon--FontSize: var(--pf-v5-global--FontSize--xs);
29896
- --pf-v5-c-number-input--c-form-control--width-base: calc(var(--pf-v5-global--spacer--sm) * 2 + var(--pf-v5-global--BorderWidth--sm) * 2);
29897
- --pf-v5-c-number-input--c-form-control--width-icon: 0px;
29898
- --pf-v5-c-number-input--m-status--c-form-control--width-icon: var(--pf-v5-global--spacer--xl);
29878
+ --pf-v5-c-number-input__unit--c-input-group--MarginLeft: var(--pf-t--global--spacer--sm);
29879
+ --pf-v5-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
29880
+ --pf-v5-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
29881
+ --pf-v5-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
29899
29882
  --pf-v5-c-number-input--c-form-control--width-chars: 4;
29900
29883
  --pf-v5-c-number-input--c-form-control--Width:
29901
29884
  calc(
@@ -29903,12 +29886,12 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29903
29886
  var(--pf-v5-c-number-input--c-form-control--width-base) + var(--pf-v5-c-number-input--c-form-control--width-chars) * 1ch
29904
29887
  ) + var(--pf-v5-c-number-input--c-form-control--width-icon)
29905
29888
  );
29889
+ }
29890
+
29891
+ .pf-v5-c-number-input {
29906
29892
  display: inline-flex;
29907
29893
  align-items: center;
29908
29894
  }
29909
- .pf-v5-c-number-input.pf-m-status {
29910
- --pf-v5-c-number-input--c-form-control--width-icon: var(--pf-v5-c-number-input--m-status--c-form-control--width-icon);
29911
- }
29912
29895
  .pf-v5-c-number-input .pf-v5-c-form-control {
29913
29896
  width: var(--pf-v5-c-number-input--c-form-control--Width);
29914
29897
  }