@patternfly/react-core 4.236.10 → 4.236.13
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/CHANGELOG.md +30 -0
- package/dist/umd/react-core.min.css +53 -42
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +6 -6
- package/src/components/BackToTop/__tests__/BackToTop.test.tsx +153 -15
- package/src/components/BackToTop/__tests__/__snapshots__/BackToTop.test.tsx.snap +23 -96
- package/src/demos/examples/DashboardHeader.js +4 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,36 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 4.236.13 (2022-09-08)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **table:** fix bug in expandable demo ([#7945](https://github.com/patternfly/patternfly-react/issues/7945)) ([711b196](https://github.com/patternfly/patternfly-react/commit/711b19609dd8023b157a99f6988ff8618ccee35d))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## 4.236.12 (2022-09-07)
|
|
18
|
+
|
|
19
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## 4.236.11 (2022-09-07)
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
### Bug Fixes
|
|
29
|
+
|
|
30
|
+
* **dashboardheader:** update brand image src to absolute import path for codesandbox functionality ([#7935](https://github.com/patternfly/patternfly-react/issues/7935)) ([6190a7f](https://github.com/patternfly/patternfly-react/commit/6190a7fd51a9606c9f1bf06aa0ebd46215fbd341))
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
6
36
|
## 4.236.10 (2022-09-07)
|
|
7
37
|
|
|
8
38
|
**Note:** Version bump only for package @patternfly/react-core
|
|
@@ -813,6 +813,8 @@
|
|
|
813
813
|
--pf-c-form-control--readonly--focus--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-global--BorderWidth--sm));
|
|
814
814
|
--pf-c-form-control--readonly--focus--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
815
815
|
--pf-c-form-control--readonly--focus--BorderBottomColor: var(--pf-global--BorderColor--200);
|
|
816
|
+
--pf-c-form-control--readonly--m-plain--BackgroundColor: transparent;
|
|
817
|
+
--pf-c-form-control--readonly--m-plain--inset--base: 0;
|
|
816
818
|
--pf-c-form-control--success--BorderBottomWidth: var(--pf-global--BorderWidth--md);
|
|
817
819
|
--pf-c-form-control--success--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--success--BorderBottomWidth));
|
|
818
820
|
--pf-c-form-control--success--BorderBottomColor: var(--pf-global--success-color--100);
|
|
@@ -939,6 +941,12 @@
|
|
|
939
941
|
--pf-c-form-control--focus--BorderBottomColor: var(--pf-c-form-control--readonly--focus--BorderBottomColor);
|
|
940
942
|
}
|
|
941
943
|
|
|
944
|
+
.pf-c-form-control[readonly].pf-m-plain {
|
|
945
|
+
--pf-c-form-control--readonly--BackgroundColor: var(--pf-c-form-control--readonly--m-plain--BackgroundColor);
|
|
946
|
+
--pf-c-form-control--inset--base: var(--pf-c-form-control--readonly--m-plain--inset--base);
|
|
947
|
+
border-color: transparent;
|
|
948
|
+
}
|
|
949
|
+
|
|
942
950
|
.pf-c-form-control:hover {
|
|
943
951
|
--pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--hover--BorderBottomColor);
|
|
944
952
|
}
|
|
@@ -3609,44 +3617,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
3609
3617
|
border: 0;
|
|
3610
3618
|
}
|
|
3611
3619
|
|
|
3612
|
-
.pf-c-code-block {
|
|
3613
|
-
--pf-c-code-block--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
3614
|
-
--pf-c-code-block__header--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
3615
|
-
--pf-c-code-block__header--BorderBottomColor: var(--pf-global--BorderColor--100);
|
|
3616
|
-
--pf-c-code-block__content--PaddingTop: var(--pf-global--spacer--md);
|
|
3617
|
-
--pf-c-code-block__content--PaddingRight: var(--pf-global--spacer--md);
|
|
3618
|
-
--pf-c-code-block__content--PaddingBottom: var(--pf-global--spacer--md);
|
|
3619
|
-
--pf-c-code-block__content--PaddingLeft: var(--pf-global--spacer--md);
|
|
3620
|
-
--pf-c-code-block__pre--FontFamily: var(--pf-global--FontFamily--monospace);
|
|
3621
|
-
--pf-c-code-block__pre--FontSize: var(--pf-global--FontSize--sm);
|
|
3622
|
-
background-color: var(--pf-c-code-block--BackgroundColor);
|
|
3623
|
-
}
|
|
3624
|
-
|
|
3625
|
-
.pf-c-code-block__header {
|
|
3626
|
-
display: flex;
|
|
3627
|
-
border-bottom: var(--pf-c-code-block__header--BorderBottomWidth) solid var(--pf-c-code-block__header--BorderBottomColor);
|
|
3628
|
-
}
|
|
3629
|
-
|
|
3630
|
-
.pf-c-code-block__actions {
|
|
3631
|
-
display: flex;
|
|
3632
|
-
margin-left: auto;
|
|
3633
|
-
}
|
|
3634
|
-
|
|
3635
|
-
.pf-c-code-block__content {
|
|
3636
|
-
padding: var(--pf-c-code-block__content--PaddingTop) var(--pf-c-code-block__content--PaddingRight) var(--pf-c-code-block__content--PaddingBottom) var(--pf-c-code-block__content--PaddingLeft);
|
|
3637
|
-
}
|
|
3638
|
-
|
|
3639
|
-
.pf-c-code-block__pre {
|
|
3640
|
-
font-family: var(--pf-c-code-block__pre--FontFamily);
|
|
3641
|
-
font-size: var(--pf-c-code-block__pre--FontSize);
|
|
3642
|
-
overflow-wrap: break-word;
|
|
3643
|
-
white-space: pre-wrap;
|
|
3644
|
-
}
|
|
3645
|
-
|
|
3646
|
-
.pf-c-code-block__code {
|
|
3647
|
-
font-family: var(--pf-c-code-block__code--FontFamily, inherit);
|
|
3648
|
-
}
|
|
3649
|
-
|
|
3650
3620
|
.pf-c-context-selector__menu {
|
|
3651
3621
|
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
3652
3622
|
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
@@ -6338,6 +6308,44 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
6338
6308
|
--pf-c-divider--after--Inset: var(--pf-global--spacer--3xl);
|
|
6339
6309
|
}
|
|
6340
6310
|
}
|
|
6311
|
+
.pf-c-code-block {
|
|
6312
|
+
--pf-c-code-block--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
6313
|
+
--pf-c-code-block__header--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
6314
|
+
--pf-c-code-block__header--BorderBottomColor: var(--pf-global--BorderColor--100);
|
|
6315
|
+
--pf-c-code-block__content--PaddingTop: var(--pf-global--spacer--md);
|
|
6316
|
+
--pf-c-code-block__content--PaddingRight: var(--pf-global--spacer--md);
|
|
6317
|
+
--pf-c-code-block__content--PaddingBottom: var(--pf-global--spacer--md);
|
|
6318
|
+
--pf-c-code-block__content--PaddingLeft: var(--pf-global--spacer--md);
|
|
6319
|
+
--pf-c-code-block__pre--FontFamily: var(--pf-global--FontFamily--monospace);
|
|
6320
|
+
--pf-c-code-block__pre--FontSize: var(--pf-global--FontSize--sm);
|
|
6321
|
+
background-color: var(--pf-c-code-block--BackgroundColor);
|
|
6322
|
+
}
|
|
6323
|
+
|
|
6324
|
+
.pf-c-code-block__header {
|
|
6325
|
+
display: flex;
|
|
6326
|
+
border-bottom: var(--pf-c-code-block__header--BorderBottomWidth) solid var(--pf-c-code-block__header--BorderBottomColor);
|
|
6327
|
+
}
|
|
6328
|
+
|
|
6329
|
+
.pf-c-code-block__actions {
|
|
6330
|
+
display: flex;
|
|
6331
|
+
margin-left: auto;
|
|
6332
|
+
}
|
|
6333
|
+
|
|
6334
|
+
.pf-c-code-block__content {
|
|
6335
|
+
padding: var(--pf-c-code-block__content--PaddingTop) var(--pf-c-code-block__content--PaddingRight) var(--pf-c-code-block__content--PaddingBottom) var(--pf-c-code-block__content--PaddingLeft);
|
|
6336
|
+
}
|
|
6337
|
+
|
|
6338
|
+
.pf-c-code-block__pre {
|
|
6339
|
+
font-family: var(--pf-c-code-block__pre--FontFamily);
|
|
6340
|
+
font-size: var(--pf-c-code-block__pre--FontSize);
|
|
6341
|
+
overflow-wrap: break-word;
|
|
6342
|
+
white-space: pre-wrap;
|
|
6343
|
+
}
|
|
6344
|
+
|
|
6345
|
+
.pf-c-code-block__code {
|
|
6346
|
+
font-family: var(--pf-c-code-block__code--FontFamily, inherit);
|
|
6347
|
+
}
|
|
6348
|
+
|
|
6341
6349
|
.pf-c-drawer {
|
|
6342
6350
|
--pf-c-drawer__section--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
6343
6351
|
--pf-c-drawer__section--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
@@ -17265,8 +17273,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
17265
17273
|
--pf-c-progress-stepper--m-center__step-connector--JustifyContent: center;
|
|
17266
17274
|
--pf-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-global--spacer--xs);
|
|
17267
17275
|
--pf-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-global--spacer--xs);
|
|
17268
|
-
--pf-c-progress-stepper--m-center__step-
|
|
17269
|
-
--pf-c-progress-stepper--m-center__step-description--TextAlign: center;
|
|
17276
|
+
--pf-c-progress-stepper--m-center__step-main--TextAlign: center;
|
|
17270
17277
|
--pf-c-progress-stepper--m-center__step-description--MarginRight: 0;
|
|
17271
17278
|
--pf-c-progress-stepper--m-center__step-description--MarginLeft: 0;
|
|
17272
17279
|
--pf-c-progress-stepper--GridTemplateRows: auto 1fr;
|
|
@@ -17361,10 +17368,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
17361
17368
|
--pf-c-progress-stepper__step-connector--JustifyContent: var(--pf-c-progress-stepper--m-center__step-connector--JustifyContent);
|
|
17362
17369
|
--pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-center__step-main--MarginRight);
|
|
17363
17370
|
--pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-center__step-main--MarginLeft);
|
|
17364
|
-
--pf-c-progress-
|
|
17371
|
+
--pf-c-progress-stepper--step-main--TextAlign: var(--pf-c-progress-stepper--m-center__step-main--TextAlign, auto);
|
|
17372
|
+
--pf-c-progress-stepper__step-title--TextAlign: var(--pf-c-progress-stepper--m-center__step-title--TextAlign, auto);
|
|
17365
17373
|
--pf-c-progress-stepper__step-description--MarginRight: var(--pf-c-progress-stepper--m-center__step-description--MarginRight);
|
|
17366
17374
|
--pf-c-progress-stepper__step-description--MarginLeft: var(--pf-c-progress-stepper--m-center__step-description--MarginLeft);
|
|
17367
|
-
--pf-c-progress-stepper__step-description--TextAlign: var(--pf-c-progress-stepper--m-center__step-description--TextAlign);
|
|
17375
|
+
--pf-c-progress-stepper__step-description--TextAlign: var(--pf-c-progress-stepper--m-center__step-description--TextAlign, auto);
|
|
17368
17376
|
--pf-c-progress-stepper--m-vertical__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginRight);
|
|
17369
17377
|
--pf-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft);
|
|
17370
17378
|
grid-template-columns: var(--pf-c-progress-stepper--m-center--GridTemplateColumns);
|
|
@@ -17512,7 +17520,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
17512
17520
|
}
|
|
17513
17521
|
|
|
17514
17522
|
.pf-c-progress-stepper__step-main {
|
|
17523
|
+
min-width: 0;
|
|
17515
17524
|
margin: var(--pf-c-progress-stepper__step-main--MarginTop) var(--pf-c-progress-stepper__step-main--MarginRight) var(--pf-c-progress-stepper__step-main--MarginBottom) var(--pf-c-progress-stepper__step-main--MarginLeft);
|
|
17525
|
+
text-align: var(--pf-c-progress-stepper--step-main--TextAlign, auto);
|
|
17526
|
+
overflow-wrap: anywhere;
|
|
17516
17527
|
}
|
|
17517
17528
|
|
|
17518
17529
|
.pf-c-progress-stepper__step:not(:last-of-type) > .pf-c-progress-stepper__step-main::before {
|