@patternfly/patternfly 4.204.0 → 4.204.3
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/Drawer/drawer.css +1 -1
- package/components/Drawer/drawer.scss +2 -2
- package/components/FormControl/form-control.css +3 -2
- package/components/FormControl/form-control.scss +4 -3
- package/components/Popover/popover.css +1 -1
- package/components/Popover/popover.scss +1 -1
- package/docs/components/DescriptionList/examples/DescriptionList.md +21 -21
- package/docs/components/FormControl/examples/FormControl.md +44 -19
- package/docs/components/LogViewer/examples/LogViewer.md +1 -0
- package/docs/components/ModalBox/examples/ModalBox.css +10 -0
- package/docs/components/ModalBox/examples/ModalBox.md +34 -17
- package/docs/components/Popover/examples/Popover.css +8 -8
- package/docs/components/Popover/examples/Popover.md +47 -20
- package/docs/components/Table/examples/Table.md +52 -52
- package/docs/demos/Card/examples/Card.md +1 -0
- package/docs/demos/Modal/examples/Modal.md +6 -0
- package/docs/demos/Table/examples/Table.md +73 -72
- package/docs/demos/Tabs/examples/Tabs.md +1 -0
- package/docs/demos/Wizard/examples/Wizard.md +5 -0
- package/package.json +1 -1
- package/patternfly-no-reset.css +5 -4
- package/patternfly.css +5 -4
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -927,6 +927,7 @@ wrapperTag: div
|
|
|
927
927
|
<div class="pf-l-bullseye">
|
|
928
928
|
<div
|
|
929
929
|
class="pf-c-modal-box pf-m-lg"
|
|
930
|
+
role="dialog"
|
|
930
931
|
aria-modal="true"
|
|
931
932
|
aria-label="Basic wizard"
|
|
932
933
|
>
|
|
@@ -2088,6 +2089,7 @@ wrapperTag: div
|
|
|
2088
2089
|
<div class="pf-l-bullseye">
|
|
2089
2090
|
<div
|
|
2090
2091
|
class="pf-c-modal-box pf-m-lg"
|
|
2092
|
+
role="dialog"
|
|
2091
2093
|
aria-modal="true"
|
|
2092
2094
|
aria-label="Wizard with expanded mobile nav"
|
|
2093
2095
|
>
|
|
@@ -3249,6 +3251,7 @@ wrapperTag: div
|
|
|
3249
3251
|
<div class="pf-l-bullseye">
|
|
3250
3252
|
<div
|
|
3251
3253
|
class="pf-c-modal-box pf-m-lg"
|
|
3254
|
+
role="dialog"
|
|
3252
3255
|
aria-modal="true"
|
|
3253
3256
|
aria-label="Basic wizard"
|
|
3254
3257
|
>
|
|
@@ -4467,6 +4470,7 @@ wrapperTag: div
|
|
|
4467
4470
|
<div class="pf-l-bullseye">
|
|
4468
4471
|
<div
|
|
4469
4472
|
class="pf-c-modal-box pf-m-lg"
|
|
4473
|
+
role="dialog"
|
|
4470
4474
|
aria-modal="true"
|
|
4471
4475
|
aria-label="Basic wizard"
|
|
4472
4476
|
>
|
|
@@ -5679,6 +5683,7 @@ wrapperTag: div
|
|
|
5679
5683
|
<div class="pf-l-bullseye">
|
|
5680
5684
|
<div
|
|
5681
5685
|
class="pf-c-modal-box pf-m-lg"
|
|
5686
|
+
role="dialog"
|
|
5682
5687
|
aria-modal="true"
|
|
5683
5688
|
aria-label="Basic wizard"
|
|
5684
5689
|
>
|
package/package.json
CHANGED
package/patternfly-no-reset.css
CHANGED
|
@@ -13134,7 +13134,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13134
13134
|
}
|
|
13135
13135
|
|
|
13136
13136
|
.pf-c-drawer__body > .pf-c-page__main {
|
|
13137
|
-
|
|
13137
|
+
height: 100%;
|
|
13138
13138
|
}
|
|
13139
13139
|
|
|
13140
13140
|
.pf-c-drawer__splitter {
|
|
@@ -15196,6 +15196,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
15196
15196
|
}
|
|
15197
15197
|
|
|
15198
15198
|
.pf-c-form-control {
|
|
15199
|
+
--pf-c-form-control--Color: var(--pf-global--Color--100);
|
|
15199
15200
|
--pf-c-form-control--FontSize: var(--pf-global--FontSize--md);
|
|
15200
15201
|
--pf-c-form-control--LineHeight: var(--pf-global--LineHeight--md);
|
|
15201
15202
|
--pf-c-form-control--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
@@ -15318,7 +15319,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
15318
15319
|
--pf-c-form-control--m-icon-sprite__select--success--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) + 1px - var(--pf-global--spacer--lg));
|
|
15319
15320
|
--pf-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg) + 0.0625rem);
|
|
15320
15321
|
--pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg));
|
|
15321
|
-
color: var(--pf-
|
|
15322
|
+
color: var(--pf-c-form-control--Color);
|
|
15322
15323
|
width: var(--pf-c-form-control--Width);
|
|
15323
15324
|
padding: var(--pf-c-form-control--PaddingTop) var(--pf-c-form-control--PaddingRight) var(--pf-c-form-control--PaddingBottom) var(--pf-c-form-control--PaddingLeft);
|
|
15324
15325
|
font-size: var(--pf-c-form-control--FontSize);
|
|
@@ -15363,8 +15364,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
15363
15364
|
border-bottom-width: var(--pf-c-form-control--m-expanded--BorderBottomWidth);
|
|
15364
15365
|
}
|
|
15365
15366
|
.pf-c-form-control:disabled {
|
|
15366
|
-
--pf-c-form-control--Color: var(--pf-c-form-control--disabled--Color);
|
|
15367
15367
|
--pf-c-form-control--BackgroundColor: var(--pf-c-form-control--disabled--BackgroundColor);
|
|
15368
|
+
color: var(--pf-c-form-control--disabled--Color);
|
|
15368
15369
|
cursor: not-allowed;
|
|
15369
15370
|
border-color: var(--pf-c-form-control--disabled--BorderColor);
|
|
15370
15371
|
}
|
|
@@ -22785,7 +22786,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22785
22786
|
--pf-c-popover__arrow--m-left--Rotate: 45deg;
|
|
22786
22787
|
--pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
|
|
22787
22788
|
--pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
|
|
22788
|
-
--pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
|
|
22789
|
+
--pf-c-popover--c-button--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
|
|
22789
22790
|
--pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
|
|
22790
22791
|
--pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
|
|
22791
22792
|
--pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
|
package/patternfly.css
CHANGED
|
@@ -13261,7 +13261,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13261
13261
|
}
|
|
13262
13262
|
|
|
13263
13263
|
.pf-c-drawer__body > .pf-c-page__main {
|
|
13264
|
-
|
|
13264
|
+
height: 100%;
|
|
13265
13265
|
}
|
|
13266
13266
|
|
|
13267
13267
|
.pf-c-drawer__splitter {
|
|
@@ -15323,6 +15323,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
15323
15323
|
}
|
|
15324
15324
|
|
|
15325
15325
|
.pf-c-form-control {
|
|
15326
|
+
--pf-c-form-control--Color: var(--pf-global--Color--100);
|
|
15326
15327
|
--pf-c-form-control--FontSize: var(--pf-global--FontSize--md);
|
|
15327
15328
|
--pf-c-form-control--LineHeight: var(--pf-global--LineHeight--md);
|
|
15328
15329
|
--pf-c-form-control--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
@@ -15445,7 +15446,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
15445
15446
|
--pf-c-form-control--m-icon-sprite__select--success--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) + 1px - var(--pf-global--spacer--lg));
|
|
15446
15447
|
--pf-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg) + 0.0625rem);
|
|
15447
15448
|
--pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg));
|
|
15448
|
-
color: var(--pf-
|
|
15449
|
+
color: var(--pf-c-form-control--Color);
|
|
15449
15450
|
width: var(--pf-c-form-control--Width);
|
|
15450
15451
|
padding: var(--pf-c-form-control--PaddingTop) var(--pf-c-form-control--PaddingRight) var(--pf-c-form-control--PaddingBottom) var(--pf-c-form-control--PaddingLeft);
|
|
15451
15452
|
font-size: var(--pf-c-form-control--FontSize);
|
|
@@ -15490,8 +15491,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
15490
15491
|
border-bottom-width: var(--pf-c-form-control--m-expanded--BorderBottomWidth);
|
|
15491
15492
|
}
|
|
15492
15493
|
.pf-c-form-control:disabled {
|
|
15493
|
-
--pf-c-form-control--Color: var(--pf-c-form-control--disabled--Color);
|
|
15494
15494
|
--pf-c-form-control--BackgroundColor: var(--pf-c-form-control--disabled--BackgroundColor);
|
|
15495
|
+
color: var(--pf-c-form-control--disabled--Color);
|
|
15495
15496
|
cursor: not-allowed;
|
|
15496
15497
|
border-color: var(--pf-c-form-control--disabled--BorderColor);
|
|
15497
15498
|
}
|
|
@@ -22912,7 +22913,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22912
22913
|
--pf-c-popover__arrow--m-left--Rotate: 45deg;
|
|
22913
22914
|
--pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
|
|
22914
22915
|
--pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
|
|
22915
|
-
--pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
|
|
22916
|
+
--pf-c-popover--c-button--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
|
|
22916
22917
|
--pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
|
|
22917
22918
|
--pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
|
|
22918
22919
|
--pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
|