@patternfly/react-styles 6.6.0 → 6.6.1-prerelease.1
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 +16 -0
- package/css/components/AboutModalBox/about-modal-box.css +1 -1
- package/css/components/Accordion/accordion.css +3 -3
- package/css/components/Alert/alert.css +7 -7
- package/css/components/Breadcrumb/breadcrumb.css +3 -3
- package/css/components/Button/button.css +20 -8
- package/css/components/Button/button.d.ts +1 -0
- package/css/components/Button/button.js +1 -0
- package/css/components/Button/button.mjs +1 -0
- package/css/components/Card/card.css +4 -4
- package/css/components/ClipboardCopy/clipboard-copy.css +1 -1
- package/css/components/Compass/compass.css +21 -24
- package/css/components/Compass/compass.d.ts +1 -0
- package/css/components/Compass/compass.js +1 -0
- package/css/components/Compass/compass.mjs +1 -0
- package/css/components/DataList/data-list.css +16 -14
- package/css/components/DataList/data-list.d.ts +1 -0
- package/css/components/DataList/data-list.js +1 -0
- package/css/components/DataList/data-list.mjs +1 -0
- package/css/components/DualListSelector/dual-list-selector.css +1 -1
- package/css/components/FormControl/form-control.css +12 -2
- package/css/components/Hint/hint.css +2 -2
- package/css/components/Label/label.css +9 -3
- package/css/components/Masthead/masthead.css +3 -3
- package/css/components/Masthead/masthead.d.ts +1 -0
- package/css/components/Masthead/masthead.js +1 -0
- package/css/components/Masthead/masthead.mjs +1 -0
- package/css/components/Menu/menu.css +2 -2
- package/css/components/MenuToggle/menu-toggle.css +4 -4
- package/css/components/MenuToggle/menu-toggle.d.ts +1 -0
- package/css/components/MenuToggle/menu-toggle.js +1 -0
- package/css/components/MenuToggle/menu-toggle.mjs +1 -0
- package/css/components/ModalBox/modal-box.css +4 -4
- package/css/components/Nav/nav.css +27 -7
- package/css/components/Nav/nav.d.ts +2 -0
- package/css/components/Nav/nav.js +2 -0
- package/css/components/Nav/nav.mjs +2 -0
- package/css/components/NotificationDrawer/notification-drawer.css +3 -3
- package/css/components/Page/page.css +27 -17
- package/css/components/Page/page.d.ts +2 -0
- package/css/components/Page/page.js +2 -0
- package/css/components/Page/page.mjs +2 -0
- package/css/components/Pagination/pagination.css +12 -7
- package/css/components/Pagination/pagination.d.ts +2 -4
- package/css/components/Pagination/pagination.js +2 -4
- package/css/components/Pagination/pagination.mjs +2 -4
- package/css/components/Popover/popover.css +1 -1
- package/css/components/Progress/progress.css +2 -2
- package/css/components/Table/table-grid.css +26 -14
- package/css/components/Table/table-tree-view.css +3 -0
- package/css/components/Table/table.css +6 -3
- package/css/components/Tabs/tabs.css +19 -5
- package/css/components/Title/title.css +1 -1
- package/css/components/Tooltip/tooltip.css +1 -1
- package/css/components/TreeView/tree-view.css +7 -7
- package/css/components/Wizard/wizard.css +4 -4
- package/css/components/_index.css +252 -158
- package/css/components/_index.d.ts +5 -2
- package/css/components/_index.js +5 -2
- package/css/components/_index.mjs +5 -2
- package/css/docs/components/Nav/examples/Navigation.css +3 -1
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/js/index.d.ts +1 -1
- package/dist/js/index.d.ts.map +1 -1
- package/dist/js/index.js +2 -2
- package/dist/js/index.js.map +1 -1
- package/package.json +3 -3
- package/src/index.ts +3 -3
|
@@ -438,6 +438,7 @@ declare const _default: {
|
|
|
438
438
|
"notify": "pf-m-notify",
|
|
439
439
|
"docked": "pf-m-docked",
|
|
440
440
|
"textExpanded": "pf-m-text-expanded",
|
|
441
|
+
"expandableExpanded": "pf-m-expandable-expanded",
|
|
441
442
|
"start": "pf-m-start",
|
|
442
443
|
"end": "pf-m-end",
|
|
443
444
|
"inRange": "pf-m-in-range",
|
|
@@ -755,10 +756,10 @@ declare const _default: {
|
|
|
755
756
|
"paddingOn_2xl": "pf-m-padding-on-2xl",
|
|
756
757
|
"noPaddingOn_2xl": "pf-m-no-padding-on-2xl",
|
|
757
758
|
"bottom": "pf-m-bottom",
|
|
758
|
-
"stickyBase": "pf-m-sticky-base",
|
|
759
|
-
"stickyStuck": "pf-m-sticky-stuck",
|
|
760
759
|
"first": "pf-m-first",
|
|
761
760
|
"last": "pf-m-last",
|
|
761
|
+
"stickyBase": "pf-m-sticky-base",
|
|
762
|
+
"stickyStuck": "pf-m-sticky-stuck",
|
|
762
763
|
"displaySummary": "pf-m-display-summary",
|
|
763
764
|
"displayFull": "pf-m-display-full",
|
|
764
765
|
"displaySummaryOnSm": "pf-m-display-summary-on-sm",
|
|
@@ -1200,6 +1201,7 @@ declare const _default: {
|
|
|
1200
1201
|
"nav": "pf-v6-c-nav",
|
|
1201
1202
|
"navItem": "pf-v6-c-nav__item",
|
|
1202
1203
|
"navLink": "pf-v6-c-nav__link",
|
|
1204
|
+
"navLinkExpandableIcon": "pf-v6-c-nav__link-expandable-icon",
|
|
1203
1205
|
"navLinkIcon": "pf-v6-c-nav__link-icon",
|
|
1204
1206
|
"navLinkText": "pf-v6-c-nav__link-text",
|
|
1205
1207
|
"navList": "pf-v6-c-nav__list",
|
|
@@ -1243,6 +1245,7 @@ declare const _default: {
|
|
|
1243
1245
|
"pageDock": "pf-v6-c-page__dock",
|
|
1244
1246
|
"pageDockMain": "pf-v6-c-page__dock-main",
|
|
1245
1247
|
"pageDrawer": "pf-v6-c-page__drawer",
|
|
1248
|
+
"pageHeader": "pf-v6-c-page__header",
|
|
1246
1249
|
"pageMain": "pf-v6-c-page__main",
|
|
1247
1250
|
"pageMainBody": "pf-v6-c-page__main-body",
|
|
1248
1251
|
"pageMainBreadcrumb": "pf-v6-c-page__main-breadcrumb",
|
package/css/components/_index.js
CHANGED
|
@@ -440,6 +440,7 @@ exports.default = {
|
|
|
440
440
|
"notify": "pf-m-notify",
|
|
441
441
|
"docked": "pf-m-docked",
|
|
442
442
|
"textExpanded": "pf-m-text-expanded",
|
|
443
|
+
"expandableExpanded": "pf-m-expandable-expanded",
|
|
443
444
|
"start": "pf-m-start",
|
|
444
445
|
"end": "pf-m-end",
|
|
445
446
|
"inRange": "pf-m-in-range",
|
|
@@ -757,10 +758,10 @@ exports.default = {
|
|
|
757
758
|
"paddingOn_2xl": "pf-m-padding-on-2xl",
|
|
758
759
|
"noPaddingOn_2xl": "pf-m-no-padding-on-2xl",
|
|
759
760
|
"bottom": "pf-m-bottom",
|
|
760
|
-
"stickyBase": "pf-m-sticky-base",
|
|
761
|
-
"stickyStuck": "pf-m-sticky-stuck",
|
|
762
761
|
"first": "pf-m-first",
|
|
763
762
|
"last": "pf-m-last",
|
|
763
|
+
"stickyBase": "pf-m-sticky-base",
|
|
764
|
+
"stickyStuck": "pf-m-sticky-stuck",
|
|
764
765
|
"displaySummary": "pf-m-display-summary",
|
|
765
766
|
"displayFull": "pf-m-display-full",
|
|
766
767
|
"displaySummaryOnSm": "pf-m-display-summary-on-sm",
|
|
@@ -1202,6 +1203,7 @@ exports.default = {
|
|
|
1202
1203
|
"nav": "pf-v6-c-nav",
|
|
1203
1204
|
"navItem": "pf-v6-c-nav__item",
|
|
1204
1205
|
"navLink": "pf-v6-c-nav__link",
|
|
1206
|
+
"navLinkExpandableIcon": "pf-v6-c-nav__link-expandable-icon",
|
|
1205
1207
|
"navLinkIcon": "pf-v6-c-nav__link-icon",
|
|
1206
1208
|
"navLinkText": "pf-v6-c-nav__link-text",
|
|
1207
1209
|
"navList": "pf-v6-c-nav__list",
|
|
@@ -1245,6 +1247,7 @@ exports.default = {
|
|
|
1245
1247
|
"pageDock": "pf-v6-c-page__dock",
|
|
1246
1248
|
"pageDockMain": "pf-v6-c-page__dock-main",
|
|
1247
1249
|
"pageDrawer": "pf-v6-c-page__drawer",
|
|
1250
|
+
"pageHeader": "pf-v6-c-page__header",
|
|
1248
1251
|
"pageMain": "pf-v6-c-page__main",
|
|
1249
1252
|
"pageMainBody": "pf-v6-c-page__main-body",
|
|
1250
1253
|
"pageMainBreadcrumb": "pf-v6-c-page__main-breadcrumb",
|
|
@@ -438,6 +438,7 @@ export default {
|
|
|
438
438
|
"notify": "pf-m-notify",
|
|
439
439
|
"docked": "pf-m-docked",
|
|
440
440
|
"textExpanded": "pf-m-text-expanded",
|
|
441
|
+
"expandableExpanded": "pf-m-expandable-expanded",
|
|
441
442
|
"start": "pf-m-start",
|
|
442
443
|
"end": "pf-m-end",
|
|
443
444
|
"inRange": "pf-m-in-range",
|
|
@@ -755,10 +756,10 @@ export default {
|
|
|
755
756
|
"paddingOn_2xl": "pf-m-padding-on-2xl",
|
|
756
757
|
"noPaddingOn_2xl": "pf-m-no-padding-on-2xl",
|
|
757
758
|
"bottom": "pf-m-bottom",
|
|
758
|
-
"stickyBase": "pf-m-sticky-base",
|
|
759
|
-
"stickyStuck": "pf-m-sticky-stuck",
|
|
760
759
|
"first": "pf-m-first",
|
|
761
760
|
"last": "pf-m-last",
|
|
761
|
+
"stickyBase": "pf-m-sticky-base",
|
|
762
|
+
"stickyStuck": "pf-m-sticky-stuck",
|
|
762
763
|
"displaySummary": "pf-m-display-summary",
|
|
763
764
|
"displayFull": "pf-m-display-full",
|
|
764
765
|
"displaySummaryOnSm": "pf-m-display-summary-on-sm",
|
|
@@ -1200,6 +1201,7 @@ export default {
|
|
|
1200
1201
|
"nav": "pf-v6-c-nav",
|
|
1201
1202
|
"navItem": "pf-v6-c-nav__item",
|
|
1202
1203
|
"navLink": "pf-v6-c-nav__link",
|
|
1204
|
+
"navLinkExpandableIcon": "pf-v6-c-nav__link-expandable-icon",
|
|
1203
1205
|
"navLinkIcon": "pf-v6-c-nav__link-icon",
|
|
1204
1206
|
"navLinkText": "pf-v6-c-nav__link-text",
|
|
1205
1207
|
"navList": "pf-v6-c-nav__list",
|
|
@@ -1243,6 +1245,7 @@ export default {
|
|
|
1243
1245
|
"pageDock": "pf-v6-c-page__dock",
|
|
1244
1246
|
"pageDockMain": "pf-v6-c-page__dock-main",
|
|
1245
1247
|
"pageDrawer": "pf-v6-c-page__drawer",
|
|
1248
|
+
"pageHeader": "pf-v6-c-page__header",
|
|
1246
1249
|
"pageMain": "pf-v6-c-page__main",
|
|
1247
1250
|
"pageMainBody": "pf-v6-c-page__main-body",
|
|
1248
1251
|
"pageMainBreadcrumb": "pf-v6-c-page__main-breadcrumb",
|
|
@@ -19,11 +19,13 @@
|
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
.ws-core-c-navigation .ws-preview-html {
|
|
22
|
+
padding-inline-start: var(--pf-t--global--spacer--md);
|
|
23
|
+
padding-inline-end: var(--pf-t--global--spacer--md);
|
|
22
24
|
background: var(--pf-v6-c-page__sidebar--BackgroundColor); /* use sidebar background for vertical nav examples */
|
|
23
25
|
}
|
|
24
26
|
|
|
25
27
|
[id^="ws-core-c-navigation-horizontal"] .ws-preview-html {
|
|
26
|
-
background: var(--pf-
|
|
28
|
+
background: var(--pf-t--global--background--color--secondary--default); /* use masthead background for horizontal nav examples */
|
|
27
29
|
}
|
|
28
30
|
|
|
29
31
|
[id^="ws-core-c-navigation-horizontal-subnav"] .ws-preview-html {
|
package/dist/esm/index.d.ts
CHANGED
package/dist/esm/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,GAAG,MAAM,GAAG,SAAS,CAyBpD"}
|
package/dist/esm/index.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* @param {any} args list of objects, string, or arrays to reduce
|
|
4
4
|
*/
|
|
5
5
|
export function css(...args) {
|
|
6
|
-
// Adapted from https://github.com/JedWatson/classnames/blob/
|
|
6
|
+
// Adapted from https://github.com/JedWatson/classnames/blob/main/index.js
|
|
7
7
|
const classes = [];
|
|
8
8
|
const hasOwn = {}.hasOwnProperty;
|
|
9
9
|
args.filter(Boolean).forEach((arg) => {
|
|
@@ -25,6 +25,6 @@ export function css(...args) {
|
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
|
-
return classes.join(' ');
|
|
28
|
+
return classes.join(' ') || undefined;
|
|
29
29
|
}
|
|
30
30
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,GAAG,CAAC,GAAG,IAAS;IAC9B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,GAAG,CAAC,GAAG,IAAS;IAC9B,0EAA0E;IAC1E,MAAM,OAAO,GAAG,EAAc,CAAC;IAC/B,MAAM,MAAM,GAAG,EAAE,CAAC,cAAc,CAAC;IAEjC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAQ,EAAE,EAAE;QACxC,MAAM,OAAO,GAAG,OAAO,GAAG,CAAC;QAE3B,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;YACjD,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACpB,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC;YAC5C,MAAM,KAAK,GAAG,GAAG,CAAC,GAAI,GAAW,CAAC,CAAC;YACnC,IAAI,KAAK,EAAE,CAAC;gBACV,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC;QACH,CAAC;aAAM,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;YAChC,KAAK,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;gBACtB,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;oBACtC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBACpB,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC;AACxC,CAAC"}
|
package/dist/js/index.d.ts
CHANGED
package/dist/js/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,GAAG,MAAM,GAAG,SAAS,CAyBpD"}
|
package/dist/js/index.js
CHANGED
|
@@ -6,7 +6,7 @@ exports.css = void 0;
|
|
|
6
6
|
* @param {any} args list of objects, string, or arrays to reduce
|
|
7
7
|
*/
|
|
8
8
|
function css(...args) {
|
|
9
|
-
// Adapted from https://github.com/JedWatson/classnames/blob/
|
|
9
|
+
// Adapted from https://github.com/JedWatson/classnames/blob/main/index.js
|
|
10
10
|
const classes = [];
|
|
11
11
|
const hasOwn = {}.hasOwnProperty;
|
|
12
12
|
args.filter(Boolean).forEach((arg) => {
|
|
@@ -28,7 +28,7 @@ function css(...args) {
|
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
});
|
|
31
|
-
return classes.join(' ');
|
|
31
|
+
return classes.join(' ') || undefined;
|
|
32
32
|
}
|
|
33
33
|
exports.css = css;
|
|
34
34
|
//# sourceMappingURL=index.js.map
|
package/dist/js/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA;;;GAGG;AACH,SAAgB,GAAG,CAAC,GAAG,IAAS;IAC9B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA;;;GAGG;AACH,SAAgB,GAAG,CAAC,GAAG,IAAS;IAC9B,0EAA0E;IAC1E,MAAM,OAAO,GAAG,EAAc,CAAC;IAC/B,MAAM,MAAM,GAAG,EAAE,CAAC,cAAc,CAAC;IAEjC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAQ,EAAE,EAAE;QACxC,MAAM,OAAO,GAAG,OAAO,GAAG,CAAC;QAE3B,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;YACjD,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACpB,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC;YAC5C,MAAM,KAAK,GAAG,GAAG,CAAC,GAAI,GAAW,CAAC,CAAC;YACnC,IAAI,KAAK,EAAE,CAAC;gBACV,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC;QACH,CAAC;aAAM,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;YAChC,KAAK,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;gBACtB,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;oBACtC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBACpB,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC;AACxC,CAAC;AAzBD,kBAyBC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-styles",
|
|
3
|
-
"version": "6.6.
|
|
3
|
+
"version": "6.6.1-prerelease.1",
|
|
4
4
|
"main": "dist/js/index.js",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"types": "dist/esm/index.d.ts",
|
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
"clean": "rimraf dist css"
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
|
-
"@patternfly/patternfly": "
|
|
22
|
+
"@patternfly/patternfly": "6.6.0-prerelease.39",
|
|
23
23
|
"change-case": "^5.4.4",
|
|
24
24
|
"fs-extra": "^11.3.3"
|
|
25
25
|
},
|
|
26
26
|
"license": "MIT",
|
|
27
|
-
"gitHead": "
|
|
27
|
+
"gitHead": "a01cd6377b953ae8f01eb2dc632311a2373dfeac"
|
|
28
28
|
}
|
package/src/index.ts
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
*
|
|
3
3
|
* @param {any} args list of objects, string, or arrays to reduce
|
|
4
4
|
*/
|
|
5
|
-
export function css(...args: any): string {
|
|
6
|
-
// Adapted from https://github.com/JedWatson/classnames/blob/
|
|
5
|
+
export function css(...args: any): string | undefined {
|
|
6
|
+
// Adapted from https://github.com/JedWatson/classnames/blob/main/index.js
|
|
7
7
|
const classes = [] as string[];
|
|
8
8
|
const hasOwn = {}.hasOwnProperty;
|
|
9
9
|
|
|
@@ -26,5 +26,5 @@ export function css(...args: any): string {
|
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
28
|
|
|
29
|
-
return classes.join(' ');
|
|
29
|
+
return classes.join(' ') || undefined;
|
|
30
30
|
}
|