@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.
- package/components/FormControl/form-control.css +3 -3
- package/components/FormControl/form-control.scss +3 -3
- package/components/InputGroup/input-group.css +22 -38
- package/components/InputGroup/input-group.scss +21 -29
- package/components/NumberInput/number-input.css +8 -8
- package/components/NumberInput/number-input.scss +7 -12
- package/components/Timestamp/timestamp.css +12 -9
- package/components/Timestamp/timestamp.scss +11 -10
- package/package.json +1 -1
- package/patternfly-no-globals.css +45 -62
- package/patternfly-theme-dark-unversioned.css +45 -62
- package/patternfly.css +45 -62
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/components/InputGroup/themes/dark/input-group.scss +0 -22
|
@@ -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--
|
|
16267
|
-
--pf-v5-c-input-group__item--offset: var(--pf-
|
|
16268
|
-
--pf-v5-c-input-group__item--
|
|
16269
|
-
--pf-v5-c-input-group__item--
|
|
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--
|
|
16274
|
-
--pf-v5-c-input-group__item--m-box--
|
|
16275
|
-
--pf-v5-c-input-group__item--m-box--
|
|
16276
|
-
--pf-v5-c-input-group__item--m-box--
|
|
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--
|
|
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-
|
|
16283
|
-
--pf-v5-c-input-group__text--Color: var(--pf-
|
|
16284
|
-
--pf-v5-c-input-group__item--m-disabled__text--Color: var(--pf-
|
|
16285
|
-
--pf-v5-c-input-group__item--m-disabled--
|
|
16286
|
-
|
|
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-
|
|
29464
|
-
--pf-v5-c-timestamp--Color: var(--pf-
|
|
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-
|
|
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-
|
|
29471
|
-
--pf-v5-c-timestamp--m-help-text--hover--Color: var(--pf-
|
|
29472
|
-
--pf-v5-c-timestamp--m-help-text--focus--Color: var(--pf-
|
|
29473
|
-
--pf-v5-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-
|
|
29474
|
-
--pf-v5-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-
|
|
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-
|
|
29895
|
-
--pf-v5-c-number-input__icon--FontSize: var(--pf-
|
|
29896
|
-
--pf-v5-c-number-input--c-form-control--width-base: calc(var(--pf-
|
|
29897
|
-
--pf-v5-c-number-input--c-form-control--width-icon:
|
|
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--
|
|
16267
|
-
--pf-v5-c-input-group__item--offset: var(--pf-
|
|
16268
|
-
--pf-v5-c-input-group__item--
|
|
16269
|
-
--pf-v5-c-input-group__item--
|
|
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--
|
|
16274
|
-
--pf-v5-c-input-group__item--m-box--
|
|
16275
|
-
--pf-v5-c-input-group__item--m-box--
|
|
16276
|
-
--pf-v5-c-input-group__item--m-box--
|
|
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--
|
|
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-
|
|
16283
|
-
--pf-v5-c-input-group__text--Color: var(--pf-
|
|
16284
|
-
--pf-v5-c-input-group__item--m-disabled__text--Color: var(--pf-
|
|
16285
|
-
--pf-v5-c-input-group__item--m-disabled--
|
|
16286
|
-
|
|
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-
|
|
29464
|
-
--pf-v5-c-timestamp--Color: var(--pf-
|
|
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-
|
|
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-
|
|
29471
|
-
--pf-v5-c-timestamp--m-help-text--hover--Color: var(--pf-
|
|
29472
|
-
--pf-v5-c-timestamp--m-help-text--focus--Color: var(--pf-
|
|
29473
|
-
--pf-v5-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-
|
|
29474
|
-
--pf-v5-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-
|
|
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-
|
|
29895
|
-
--pf-v5-c-number-input__icon--FontSize: var(--pf-
|
|
29896
|
-
--pf-v5-c-number-input--c-form-control--width-base: calc(var(--pf-
|
|
29897
|
-
--pf-v5-c-number-input--c-form-control--width-icon:
|
|
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
|
}
|