@patternfly/patternfly 4.222.0 → 4.222.2
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/InputGroup/input-group.css +14 -0
- package/components/InputGroup/input-group.scss +9 -0
- package/components/InputGroup/themes/dark/input-group.scss +8 -0
- package/components/Slider/slider.css +0 -7
- package/components/Slider/slider.scss +0 -9
- package/docs/components/InputGroup/examples/InputGroup.md +1 -0
- package/docs/components/Slider/examples/Slider.md +6 -6
- package/docs/demos/Tabs/examples/Tabs.md +37 -534
- package/package.json +1 -1
- package/patternfly-no-reset.css +14 -7
- package/patternfly.css +14 -7
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/patternfly.css
CHANGED
|
@@ -16271,6 +16271,9 @@ textarea.pf-c-form-control {
|
|
|
16271
16271
|
--pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
|
|
16272
16272
|
--pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
16273
16273
|
--pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
|
|
16274
|
+
--pf-c-input-group__text--m-disabled--Color: var(--pf-global--disabled-color--100);
|
|
16275
|
+
--pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
|
|
16276
|
+
--pf-c-input-group__text--m-disabled--BorderBottomColor: transparent;
|
|
16274
16277
|
--pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
|
|
16275
16278
|
--pf-c-input-group--c-form-control--MarginRight: 0;
|
|
16276
16279
|
color: var(--pf-global--Color--100);
|
|
@@ -16320,6 +16323,11 @@ label.pf-c-input-group__text {
|
|
|
16320
16323
|
--pf-c-input-group__text--BorderWidth: 0;
|
|
16321
16324
|
margin-left: 0;
|
|
16322
16325
|
}
|
|
16326
|
+
.pf-c-input-group__text.pf-m-disabled {
|
|
16327
|
+
--pf-c-input-group__text--Color: var(--pf-c-input-group__text--m-disabled--Color);
|
|
16328
|
+
--pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
|
|
16329
|
+
--pf-c-input-group__text--BorderBottomColor: var(--pf-c-input-group__text--m-disabled--BorderBottomColor);
|
|
16330
|
+
}
|
|
16323
16331
|
|
|
16324
16332
|
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
16325
16333
|
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
@@ -16364,6 +16372,8 @@ label.pf-c-input-group__text {
|
|
|
16364
16372
|
--pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
16365
16373
|
--pf-c-input-group__text--BorderLeftColor: transparent;
|
|
16366
16374
|
--pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
|
|
16375
|
+
--pf-c-input-group__text--m-disabled--Color: var(--pf-global--palette--black-100);
|
|
16376
|
+
--pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
16367
16377
|
}
|
|
16368
16378
|
:where(.pf-theme-dark) .pf-c-input-group > * + * {
|
|
16369
16379
|
margin-left: 0;
|
|
@@ -16378,6 +16388,10 @@ label.pf-c-input-group__text {
|
|
|
16378
16388
|
:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
|
|
16379
16389
|
--pf-c-input-group__text--BackgroundColor: transparent;
|
|
16380
16390
|
}
|
|
16391
|
+
:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-disabled {
|
|
16392
|
+
--pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
|
|
16393
|
+
color: var(--pf-c-input-group__text--m-disabled--Color);
|
|
16394
|
+
}
|
|
16381
16395
|
|
|
16382
16396
|
.pf-c-jump-links {
|
|
16383
16397
|
--pf-c-jump-links__list--Display: flex;
|
|
@@ -26105,13 +26119,6 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
26105
26119
|
z-index: var(--pf-c-slider__value--m-floating--ZIndex);
|
|
26106
26120
|
transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
|
|
26107
26121
|
}
|
|
26108
|
-
.pf-c-slider__value.pf-m-floating .pf-c-input-group {
|
|
26109
|
-
align-items: center;
|
|
26110
|
-
}
|
|
26111
|
-
.pf-c-slider__value.pf-m-floating .pf-c-input-group__text {
|
|
26112
|
-
position: absolute;
|
|
26113
|
-
left: 100%;
|
|
26114
|
-
}
|
|
26115
26122
|
.pf-c-slider__value .pf-c-form-control {
|
|
26116
26123
|
width: var(--pf-c-slider__value--c-form-control--Width);
|
|
26117
26124
|
}
|