@patternfly/react-styles 4.72.10 → 4.72.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/css/components/Card/card.css +20 -0
- package/css/components/Card/card.d.ts +3 -1
- package/css/components/Card/card.js +3 -1
- package/css/components/Card/card.mjs +3 -1
- package/css/components/Table/table.css +25 -9
- package/css/components/Table/table.d.ts +2 -1
- package/css/components/Table/table.js +2 -1
- package/css/components/Table/table.mjs +2 -1
- package/package.json +3 -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.72.13 (2022-06-17)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @patternfly/react-styles
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## 4.72.12 (2022-06-17)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Bug Fixes
|
|
18
|
+
|
|
19
|
+
* **Table:** account for added columns with expandable ([#7529](https://github.com/patternfly/patternfly-react/issues/7529)) ([dcde7c9](https://github.com/patternfly/patternfly-react/commit/dcde7c95eb7200b706da4d41a46f3f57b5129e40))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## 4.72.11 (2022-06-17)
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
### Bug Fixes
|
|
29
|
+
|
|
30
|
+
* **Table:** update expandable examples to set column widths ([#7513](https://github.com/patternfly/patternfly-react/issues/7513)) ([c2e1e61](https://github.com/patternfly/patternfly-react/commit/c2e1e618a6924bdbb2b1e8e7ad94553615196fb2))
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
6
36
|
## 4.72.10 (2022-06-16)
|
|
7
37
|
|
|
8
38
|
|
|
@@ -84,6 +84,8 @@
|
|
|
84
84
|
--pf-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
|
|
85
85
|
--pf-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-global--spacer--xs);
|
|
86
86
|
--pf-c-card__header--m-toggle-right--actions--MarginRight: 0;
|
|
87
|
+
--pf-c-card__input--focus--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
88
|
+
--pf-c-card__input--focus--BorderColor: var(--pf-global--primary-color--100);
|
|
87
89
|
display: flex;
|
|
88
90
|
flex-direction: column;
|
|
89
91
|
background-color: var(--pf-c-card--BackgroundColor);
|
|
@@ -310,6 +312,24 @@
|
|
|
310
312
|
font-size: var(--pf-c-card__footer--FontSize);
|
|
311
313
|
}
|
|
312
314
|
|
|
315
|
+
.pf-c-card__sr-input:focus + .pf-c-card::after {
|
|
316
|
+
position: absolute;
|
|
317
|
+
top: 0;
|
|
318
|
+
right: 0;
|
|
319
|
+
bottom: 0;
|
|
320
|
+
left: 0;
|
|
321
|
+
content: "";
|
|
322
|
+
border: var(--pf-c-card__input--focus--BorderWidth) solid var(--pf-c-card__input--focus--BorderColor);
|
|
323
|
+
}
|
|
324
|
+
|
|
313
325
|
.pf-m-overpass-font .pf-c-card .pf-c-card__title {
|
|
314
326
|
font-weight: var(--pf-global--FontWeight--normal);
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
:where(.pf-theme-dark) .pf-c-card {
|
|
330
|
+
--pf-c-card--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
331
|
+
--pf-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
332
|
+
--pf-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
333
|
+
--pf-c-card--m-selectable-raised--focus--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
334
|
+
--pf-c-card--m-selectable-raised--active--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
315
335
|
}
|
|
@@ -8,6 +8,7 @@ declare const _default: {
|
|
|
8
8
|
"cardHeader": "pf-c-card__header",
|
|
9
9
|
"cardHeaderToggle": "pf-c-card__header-toggle",
|
|
10
10
|
"cardHeaderToggleIcon": "pf-c-card__header-toggle-icon",
|
|
11
|
+
"cardSrInput": "pf-c-card__sr-input",
|
|
11
12
|
"cardTitle": "pf-c-card__title",
|
|
12
13
|
"divider": "pf-c-divider",
|
|
13
14
|
"modifiers": {
|
|
@@ -29,6 +30,7 @@ declare const _default: {
|
|
|
29
30
|
"noOffset": "pf-m-no-offset",
|
|
30
31
|
"noFill": "pf-m-no-fill",
|
|
31
32
|
"overpassFont": "pf-m-overpass-font"
|
|
32
|
-
}
|
|
33
|
+
},
|
|
34
|
+
"themeDark": "pf-theme-dark"
|
|
33
35
|
};
|
|
34
36
|
export default _default;
|
|
@@ -10,6 +10,7 @@ exports.default = {
|
|
|
10
10
|
"cardHeader": "pf-c-card__header",
|
|
11
11
|
"cardHeaderToggle": "pf-c-card__header-toggle",
|
|
12
12
|
"cardHeaderToggleIcon": "pf-c-card__header-toggle-icon",
|
|
13
|
+
"cardSrInput": "pf-c-card__sr-input",
|
|
13
14
|
"cardTitle": "pf-c-card__title",
|
|
14
15
|
"divider": "pf-c-divider",
|
|
15
16
|
"modifiers": {
|
|
@@ -31,5 +32,6 @@ exports.default = {
|
|
|
31
32
|
"noOffset": "pf-m-no-offset",
|
|
32
33
|
"noFill": "pf-m-no-fill",
|
|
33
34
|
"overpassFont": "pf-m-overpass-font"
|
|
34
|
-
}
|
|
35
|
+
},
|
|
36
|
+
"themeDark": "pf-theme-dark"
|
|
35
37
|
};
|
|
@@ -8,6 +8,7 @@ export default {
|
|
|
8
8
|
"cardHeader": "pf-c-card__header",
|
|
9
9
|
"cardHeaderToggle": "pf-c-card__header-toggle",
|
|
10
10
|
"cardHeaderToggleIcon": "pf-c-card__header-toggle-icon",
|
|
11
|
+
"cardSrInput": "pf-c-card__sr-input",
|
|
11
12
|
"cardTitle": "pf-c-card__title",
|
|
12
13
|
"divider": "pf-c-divider",
|
|
13
14
|
"modifiers": {
|
|
@@ -29,5 +30,6 @@ export default {
|
|
|
29
30
|
"noOffset": "pf-m-no-offset",
|
|
30
31
|
"noFill": "pf-m-no-fill",
|
|
31
32
|
"overpassFont": "pf-m-overpass-font"
|
|
32
|
-
}
|
|
33
|
+
},
|
|
34
|
+
"themeDark": "pf-theme-dark"
|
|
33
35
|
};
|
|
@@ -304,12 +304,14 @@
|
|
|
304
304
|
border-bottom: 0;
|
|
305
305
|
}
|
|
306
306
|
.pf-c-table.pf-m-sticky-header > thead > tr > * {
|
|
307
|
+
z-index: var(--pf-global--ZIndex--xs);
|
|
308
|
+
}
|
|
309
|
+
.pf-c-table.pf-m-sticky-header > thead:not(.pf-m-nested-column-header) > tr > * {
|
|
307
310
|
position: sticky;
|
|
308
311
|
top: 0;
|
|
309
|
-
z-index: var(--pf-global--ZIndex--xs);
|
|
310
312
|
background: var(--pf-c-table--BackgroundColor);
|
|
311
313
|
}
|
|
312
|
-
.pf-c-table.pf-m-sticky-header > thead > tr > *::after {
|
|
314
|
+
.pf-c-table.pf-m-sticky-header > thead:not(.pf-m-nested-column-header) > tr > *::after {
|
|
313
315
|
position: absolute;
|
|
314
316
|
right: 0;
|
|
315
317
|
bottom: 0;
|
|
@@ -317,6 +319,27 @@
|
|
|
317
319
|
content: "";
|
|
318
320
|
border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);
|
|
319
321
|
}
|
|
322
|
+
.pf-c-table.pf-m-sticky-header > .pf-m-nested-column-header {
|
|
323
|
+
position: sticky;
|
|
324
|
+
top: 0;
|
|
325
|
+
z-index: var(--pf-global--ZIndex--xs);
|
|
326
|
+
background: var(--pf-c-table--BackgroundColor);
|
|
327
|
+
}
|
|
328
|
+
.pf-c-table.pf-m-sticky-header > .pf-m-nested-column-header > .pf-m-border-row {
|
|
329
|
+
height: var(--pf-c-table--border-width--base);
|
|
330
|
+
background-color: var(--pf-c-table--BorderColor);
|
|
331
|
+
}
|
|
332
|
+
.pf-c-table.pf-m-sticky-header > .pf-m-nested-column-header tr:not(:nth-last-child(2)) th:not([rowspan]),
|
|
333
|
+
.pf-c-table.pf-m-sticky-header > .pf-m-nested-column-header tr:not(:nth-last-child(2)) td:not([rowspan]) {
|
|
334
|
+
--pf-c-table--cell--PaddingBottom: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom);
|
|
335
|
+
}
|
|
336
|
+
.pf-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:not(:last-child) {
|
|
337
|
+
border-bottom: 0;
|
|
338
|
+
}
|
|
339
|
+
.pf-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:not(:last-child) th:not([rowspan]),
|
|
340
|
+
.pf-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:not(:last-child) td:not([rowspan]) {
|
|
341
|
+
--pf-c-table--cell--PaddingBottom: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom);
|
|
342
|
+
}
|
|
320
343
|
.pf-c-table.pf-m-striped:not(.pf-m-expandable) > tbody > tr:nth-child(odd), .pf-c-table.pf-m-striped.pf-m-expandable > tbody:nth-of-type(odd) > tr:not(.pf-c-table__expandable-row),
|
|
321
344
|
.pf-c-table > .pf-m-striped > tr:nth-child(odd),
|
|
322
345
|
.pf-c-table > .pf-m-striped-even > tr:nth-child(even),
|
|
@@ -414,13 +437,6 @@
|
|
|
414
437
|
.pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) td:not([rowspan]) {
|
|
415
438
|
--pf-c-table--cell--PaddingTop: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingTop);
|
|
416
439
|
}
|
|
417
|
-
.pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) {
|
|
418
|
-
--pf-c-table--border-width--base: 0;
|
|
419
|
-
}
|
|
420
|
-
.pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) th:not([rowspan]),
|
|
421
|
-
.pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) td:not([rowspan]) {
|
|
422
|
-
--pf-c-table--cell--PaddingBottom: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom);
|
|
423
|
-
}
|
|
424
440
|
.pf-c-table thead .pf-c-table__subhead {
|
|
425
441
|
--pf-c-table__sort__button__text--Color: var(--pf-c-table__subhead--Color);
|
|
426
442
|
color: var(--pf-c-table__subhead--Color);
|
|
@@ -15,6 +15,8 @@ declare const _default: {
|
|
|
15
15
|
"visibleOn_2xl": "pf-m-visible-on-2xl",
|
|
16
16
|
"fixed": "pf-m-fixed",
|
|
17
17
|
"stickyHeader": "pf-m-sticky-header",
|
|
18
|
+
"nestedColumnHeader": "pf-m-nested-column-header",
|
|
19
|
+
"borderRow": "pf-m-border-row",
|
|
18
20
|
"striped": "pf-m-striped",
|
|
19
21
|
"expandable": "pf-m-expandable",
|
|
20
22
|
"stripedEven": "pf-m-striped-even",
|
|
@@ -24,7 +26,6 @@ declare const _default: {
|
|
|
24
26
|
"favorite": "pf-m-favorite",
|
|
25
27
|
"borderRight": "pf-m-border-right",
|
|
26
28
|
"borderLeft": "pf-m-border-left",
|
|
27
|
-
"nestedColumnHeader": "pf-m-nested-column-header",
|
|
28
29
|
"truncate": "pf-m-truncate",
|
|
29
30
|
"wrap": "pf-m-wrap",
|
|
30
31
|
"nowrap": "pf-m-nowrap",
|
|
@@ -17,6 +17,8 @@ exports.default = {
|
|
|
17
17
|
"visibleOn_2xl": "pf-m-visible-on-2xl",
|
|
18
18
|
"fixed": "pf-m-fixed",
|
|
19
19
|
"stickyHeader": "pf-m-sticky-header",
|
|
20
|
+
"nestedColumnHeader": "pf-m-nested-column-header",
|
|
21
|
+
"borderRow": "pf-m-border-row",
|
|
20
22
|
"striped": "pf-m-striped",
|
|
21
23
|
"expandable": "pf-m-expandable",
|
|
22
24
|
"stripedEven": "pf-m-striped-even",
|
|
@@ -26,7 +28,6 @@ exports.default = {
|
|
|
26
28
|
"favorite": "pf-m-favorite",
|
|
27
29
|
"borderRight": "pf-m-border-right",
|
|
28
30
|
"borderLeft": "pf-m-border-left",
|
|
29
|
-
"nestedColumnHeader": "pf-m-nested-column-header",
|
|
30
31
|
"truncate": "pf-m-truncate",
|
|
31
32
|
"wrap": "pf-m-wrap",
|
|
32
33
|
"nowrap": "pf-m-nowrap",
|
|
@@ -15,6 +15,8 @@ export default {
|
|
|
15
15
|
"visibleOn_2xl": "pf-m-visible-on-2xl",
|
|
16
16
|
"fixed": "pf-m-fixed",
|
|
17
17
|
"stickyHeader": "pf-m-sticky-header",
|
|
18
|
+
"nestedColumnHeader": "pf-m-nested-column-header",
|
|
19
|
+
"borderRow": "pf-m-border-row",
|
|
18
20
|
"striped": "pf-m-striped",
|
|
19
21
|
"expandable": "pf-m-expandable",
|
|
20
22
|
"stripedEven": "pf-m-striped-even",
|
|
@@ -24,7 +26,6 @@ export default {
|
|
|
24
26
|
"favorite": "pf-m-favorite",
|
|
25
27
|
"borderRight": "pf-m-border-right",
|
|
26
28
|
"borderLeft": "pf-m-border-left",
|
|
27
|
-
"nestedColumnHeader": "pf-m-nested-column-header",
|
|
28
29
|
"truncate": "pf-m-truncate",
|
|
29
30
|
"wrap": "pf-m-wrap",
|
|
30
31
|
"nowrap": "pf-m-nowrap",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-styles",
|
|
3
|
-
"version": "4.72.
|
|
3
|
+
"version": "4.72.13",
|
|
4
4
|
"main": "dist/js/index.js",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"types": "dist/esm/index.d.ts",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"clean": "rimraf dist css"
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
|
-
"@patternfly/patternfly": "4.
|
|
22
|
+
"@patternfly/patternfly": "4.198.1",
|
|
23
23
|
"camel-case": "^3.0.0",
|
|
24
24
|
"css": "^2.2.3",
|
|
25
25
|
"fs-extra": "^6.0.1",
|
|
@@ -29,5 +29,5 @@
|
|
|
29
29
|
"typescript": "^4.0.0"
|
|
30
30
|
},
|
|
31
31
|
"license": "MIT",
|
|
32
|
-
"gitHead": "
|
|
32
|
+
"gitHead": "12411175163290e8c6dd598cfb5ce53ba58688b3"
|
|
33
33
|
}
|