@patternfly/react-styles 6.6.0-prerelease.1 → 6.6.0-prerelease.3

package/css/components/_index.d.ts

@@ -28,6 +28,7 @@ declare const _default: {
   "alertToggle": "pf-v6-c-alert__toggle",
   "alertToggleIcon": "pf-v6-c-alert__toggle-icon",
   "avatar": "pf-v6-c-avatar",
+  "avatarInitials": "pf-v6-c-avatar__initials",
   "backToTop": "pf-v6-c-back-to-top",
   "backdrop": "pf-v6-c-backdrop",
   "backdropOpen": "pf-v6-c-backdrop__open",
@@ -395,10 +396,7 @@ declare const _default: {
     "md": "pf-m-md",
     "lg": "pf-m-lg",
     "xl": "pf-m-xl",
-    "hidden": "pf-m-hidden",
-    "read": "pf-m-read",
-    "unread": "pf-m-unread",
-    "disabled": "pf-m-disabled",
+    "colorful": "pf-m-colorful",
     "red": "pf-m-red",
     "orangered": "pf-m-orangered",
     "orange": "pf-m-orange",
@@ -407,6 +405,11 @@ declare const _default: {
     "teal": "pf-m-teal",
     "blue": "pf-m-blue",
     "purple": "pf-m-purple",
+    "gray": "pf-m-gray",
+    "hidden": "pf-m-hidden",
+    "read": "pf-m-read",
+    "unread": "pf-m-unread",
+    "disabled": "pf-m-disabled",
     "sticky": "pf-m-sticky",
     "pill": "pf-m-pill",
     "picture": "pf-m-picture",
@@ -836,6 +839,7 @@ declare const _default: {
     "stickyHeader": "pf-m-sticky-header",
     "stickyHeaderStuck": "pf-m-sticky-header-stuck",
     "nestedColumnHeader": "pf-m-nested-column-header",
+    "stickyFooter": "pf-m-sticky-footer",
     "striped": "pf-m-striped",
     "stripedEven": "pf-m-striped-even",
     "borderRight": "pf-m-border-right",
@@ -1354,6 +1358,7 @@ declare const _default: {
   "tableTbody": "pf-v6-c-table__tbody",
   "tableTd": "pf-v6-c-table__td",
   "tableText": "pf-v6-c-table__text",
+  "tableTfoot": "pf-v6-c-table__tfoot",
   "tableTh": "pf-v6-c-table__th",
   "tableThead": "pf-v6-c-table__thead",
   "tableToggle": "pf-v6-c-table__toggle",

package/css/components/_index.js

@@ -30,6 +30,7 @@ exports.default = {
   "alertToggle": "pf-v6-c-alert__toggle",
   "alertToggleIcon": "pf-v6-c-alert__toggle-icon",
   "avatar": "pf-v6-c-avatar",
+  "avatarInitials": "pf-v6-c-avatar__initials",
   "backToTop": "pf-v6-c-back-to-top",
   "backdrop": "pf-v6-c-backdrop",
   "backdropOpen": "pf-v6-c-backdrop__open",
@@ -397,10 +398,7 @@ exports.default = {
     "md": "pf-m-md",
     "lg": "pf-m-lg",
     "xl": "pf-m-xl",
-    "hidden": "pf-m-hidden",
-    "read": "pf-m-read",
-    "unread": "pf-m-unread",
-    "disabled": "pf-m-disabled",
+    "colorful": "pf-m-colorful",
     "red": "pf-m-red",
     "orangered": "pf-m-orangered",
     "orange": "pf-m-orange",
@@ -409,6 +407,11 @@ exports.default = {
     "teal": "pf-m-teal",
     "blue": "pf-m-blue",
     "purple": "pf-m-purple",
+    "gray": "pf-m-gray",
+    "hidden": "pf-m-hidden",
+    "read": "pf-m-read",
+    "unread": "pf-m-unread",
+    "disabled": "pf-m-disabled",
     "sticky": "pf-m-sticky",
     "pill": "pf-m-pill",
     "picture": "pf-m-picture",
@@ -838,6 +841,7 @@ exports.default = {
     "stickyHeader": "pf-m-sticky-header",
     "stickyHeaderStuck": "pf-m-sticky-header-stuck",
     "nestedColumnHeader": "pf-m-nested-column-header",
+    "stickyFooter": "pf-m-sticky-footer",
     "striped": "pf-m-striped",
     "stripedEven": "pf-m-striped-even",
     "borderRight": "pf-m-border-right",
@@ -1356,6 +1360,7 @@ exports.default = {
   "tableTbody": "pf-v6-c-table__tbody",
   "tableTd": "pf-v6-c-table__td",
   "tableText": "pf-v6-c-table__text",
+  "tableTfoot": "pf-v6-c-table__tfoot",
   "tableTh": "pf-v6-c-table__th",
   "tableThead": "pf-v6-c-table__thead",
   "tableToggle": "pf-v6-c-table__toggle",

package/css/components/_index.mjs

@@ -28,6 +28,7 @@ export default {
   "alertToggle": "pf-v6-c-alert__toggle",
   "alertToggleIcon": "pf-v6-c-alert__toggle-icon",
   "avatar": "pf-v6-c-avatar",
+  "avatarInitials": "pf-v6-c-avatar__initials",
   "backToTop": "pf-v6-c-back-to-top",
   "backdrop": "pf-v6-c-backdrop",
   "backdropOpen": "pf-v6-c-backdrop__open",
@@ -395,10 +396,7 @@ export default {
     "md": "pf-m-md",
     "lg": "pf-m-lg",
     "xl": "pf-m-xl",
-    "hidden": "pf-m-hidden",
-    "read": "pf-m-read",
-    "unread": "pf-m-unread",
-    "disabled": "pf-m-disabled",
+    "colorful": "pf-m-colorful",
     "red": "pf-m-red",
     "orangered": "pf-m-orangered",
     "orange": "pf-m-orange",
@@ -407,6 +405,11 @@ export default {
     "teal": "pf-m-teal",
     "blue": "pf-m-blue",
     "purple": "pf-m-purple",
+    "gray": "pf-m-gray",
+    "hidden": "pf-m-hidden",
+    "read": "pf-m-read",
+    "unread": "pf-m-unread",
+    "disabled": "pf-m-disabled",
     "sticky": "pf-m-sticky",
     "pill": "pf-m-pill",
     "picture": "pf-m-picture",
@@ -836,6 +839,7 @@ export default {
     "stickyHeader": "pf-m-sticky-header",
     "stickyHeaderStuck": "pf-m-sticky-header-stuck",
     "nestedColumnHeader": "pf-m-nested-column-header",
+    "stickyFooter": "pf-m-sticky-footer",
     "striped": "pf-m-striped",
     "stripedEven": "pf-m-striped-even",
     "borderRight": "pf-m-border-right",
@@ -1354,6 +1358,7 @@ export default {
   "tableTbody": "pf-v6-c-table__tbody",
   "tableTd": "pf-v6-c-table__td",
   "tableText": "pf-v6-c-table__text",
+  "tableTfoot": "pf-v6-c-table__tfoot",
   "tableTh": "pf-v6-c-table__th",
   "tableThead": "pf-v6-c-table__thead",
   "tableToggle": "pf-v6-c-table__toggle",

package/css/docs/components/Avatar/examples/Avatar.css

@@ -0,0 +1,6 @@
+.ws-core-c-avatar .ws-preview-html {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--pf-t--global--spacer--sm);
+  align-items: end;
+}

package/css/docs/components/Avatar/examples/Avatar.d.ts

@@ -0,0 +1,6 @@
+import './Avatar.css';
+declare const _default: {
+  "wsCoreCAvatar": "ws-core-c-avatar",
+  "wsPreviewHtml": "ws-preview-html"
+};
+export default _default;

package/css/docs/components/Avatar/examples/Avatar.js

@@ -0,0 +1,7 @@
+"use strict";
+exports.__esModule = true;
+require('./Avatar.css');
+exports.default = {
+  "wsCoreCAvatar": "ws-core-c-avatar",
+  "wsPreviewHtml": "ws-preview-html"
+};

package/css/docs/components/Avatar/examples/Avatar.mjs

@@ -0,0 +1,5 @@
+import './Avatar.css';
+export default {
+  "wsCoreCAvatar": "ws-core-c-avatar",
+  "wsPreviewHtml": "ws-preview-html"
+};

package/css/docs/components/Table/examples/Table.css

@@ -12,10 +12,16 @@
 #ws-core-c-table-sticky-columns-and-header .ws-preview-html,
 #ws-core-c-table-nested-column-headers-sticky-header .ws-preview-html,
 #ws-core-c-table-sticky-header .ws-preview-html,
+#ws-core-c-table-sticky-footer .ws-preview-html,
 #ws-core-c-table-sticky-header-with-base-and-stuck .ws-preview-html {
   height: 400px;
 }
 
+#ws-core-c-table-sticky-header .ws-preview-html,
+#ws-core-c-table-sticky-footer .ws-preview-html {
+  overflow: auto;
+}
+
 .pf-v6-c-overflow-menu .pf-v6-c-menu {
   position: absolute;
   inset-inline-end: 0;

package/css/layouts/Gallery/gallery.css

@@ -14,7 +14,7 @@
   grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
 }
 .pf-v6-l-gallery.pf-m-gutter {
-  grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
+  gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
 }
 .pf-v6-l-gallery {
   --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);

package/css/layouts/Grid/grid.css

@@ -932,5 +932,5 @@
   }
 }
 .pf-v6-l-grid.pf-m-gutter {
-  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
+  gap: var(--pf-v6-l-grid--m-gutter--GridGap);
 }

package/css/layouts/_index.css

@@ -2408,7 +2408,7 @@
   grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
 }
 .pf-v6-l-gallery.pf-m-gutter {
-  grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
+  gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
 }
 .pf-v6-l-gallery {
   --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
@@ -3401,7 +3401,7 @@
   }
 }
 .pf-v6-l-grid.pf-m-gutter {
-  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
+  gap: var(--pf-v6-l-grid--m-gutter--GridGap);
 }
 
 .pf-v6-l-level {

package/css/utilities/Accessibility/accessibility.css

@@ -3,17 +3,17 @@
   inset-block-start: 0;
   inset-inline-start: 0;
   overflow: hidden;
-  clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border: 0;
+  clip-path: inset(50%);
 }
 
 .pf-v6-u-visible {
   position: static;
   overflow: visible;
-  clip: auto;
   white-space: normal;
   border: inherit;
+  clip-path: revert;
 }
 
 .pf-v6-u-hidden {
@@ -26,9 +26,9 @@
     inset-block-start: 0;
     inset-inline-start: 0;
     overflow: hidden;
-    clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
+    clip-path: inset(50%);
   }
 }
 
@@ -36,9 +36,9 @@
   .pf-v6-u-visible-on-sm {
     position: static;
     overflow: visible;
-    clip: auto;
     white-space: normal;
     border: inherit;
+    clip-path: revert;
   }
 }
 
@@ -54,9 +54,9 @@
     inset-block-start: 0;
     inset-inline-start: 0;
     overflow: hidden;
-    clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
+    clip-path: inset(50%);
   }
 }
 
@@ -64,9 +64,9 @@
   .pf-v6-u-visible-on-md {
     position: static;
     overflow: visible;
-    clip: auto;
     white-space: normal;
     border: inherit;
+    clip-path: revert;
   }
 }
 
@@ -82,9 +82,9 @@
     inset-block-start: 0;
     inset-inline-start: 0;
     overflow: hidden;
-    clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
+    clip-path: inset(50%);
   }
 }
 
@@ -92,9 +92,9 @@
   .pf-v6-u-visible-on-lg {
     position: static;
     overflow: visible;
-    clip: auto;
     white-space: normal;
     border: inherit;
+    clip-path: revert;
   }
 }
 
@@ -110,9 +110,9 @@
     inset-block-start: 0;
     inset-inline-start: 0;
     overflow: hidden;
-    clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
+    clip-path: inset(50%);
   }
 }
 
@@ -120,9 +120,9 @@
   .pf-v6-u-visible-on-xl {
     position: static;
     overflow: visible;
-    clip: auto;
     white-space: normal;
     border: inherit;
+    clip-path: revert;
   }
 }
 
@@ -138,9 +138,9 @@
     inset-block-start: 0;
     inset-inline-start: 0;
     overflow: hidden;
-    clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
+    clip-path: inset(50%);
   }
 }
 
@@ -148,9 +148,9 @@
   .pf-v6-u-visible-on-2xl {
     position: static;
     overflow: visible;
-    clip: auto;
     white-space: normal;
     border: inherit;
+    clip-path: revert;
   }
 }
 

package/css/utilities/_index.css

@@ -3,17 +3,17 @@
   inset-block-start: 0;
   inset-inline-start: 0;
   overflow: hidden;
-  clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border: 0;
+  clip-path: inset(50%);
 }
 
 .pf-v6-u-visible {
   position: static;
   overflow: visible;
-  clip: auto;
   white-space: normal;
   border: inherit;
+  clip-path: revert;
 }
 
 .pf-v6-u-hidden {
@@ -26,9 +26,9 @@
     inset-block-start: 0;
     inset-inline-start: 0;
     overflow: hidden;
-    clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
+    clip-path: inset(50%);
   }
 }
 
@@ -36,9 +36,9 @@
   .pf-v6-u-visible-on-sm {
     position: static;
     overflow: visible;
-    clip: auto;
     white-space: normal;
     border: inherit;
+    clip-path: revert;
   }
 }
 
@@ -54,9 +54,9 @@
     inset-block-start: 0;
     inset-inline-start: 0;
     overflow: hidden;
-    clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
+    clip-path: inset(50%);
   }
 }
 
@@ -64,9 +64,9 @@
   .pf-v6-u-visible-on-md {
     position: static;
     overflow: visible;
-    clip: auto;
     white-space: normal;
     border: inherit;
+    clip-path: revert;
   }
 }
 
@@ -82,9 +82,9 @@
     inset-block-start: 0;
     inset-inline-start: 0;
     overflow: hidden;
-    clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
+    clip-path: inset(50%);
   }
 }
 
@@ -92,9 +92,9 @@
   .pf-v6-u-visible-on-lg {
     position: static;
     overflow: visible;
-    clip: auto;
     white-space: normal;
     border: inherit;
+    clip-path: revert;
   }
 }
 
@@ -110,9 +110,9 @@
     inset-block-start: 0;
     inset-inline-start: 0;
     overflow: hidden;
-    clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
+    clip-path: inset(50%);
   }
 }
 
@@ -120,9 +120,9 @@
   .pf-v6-u-visible-on-xl {
     position: static;
     overflow: visible;
-    clip: auto;
     white-space: normal;
     border: inherit;
+    clip-path: revert;
   }
 }
 
@@ -138,9 +138,9 @@
     inset-block-start: 0;
     inset-inline-start: 0;
     overflow: hidden;
-    clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
+    clip-path: inset(50%);
   }
 }
 
@@ -148,9 +148,9 @@
   .pf-v6-u-visible-on-2xl {
     position: static;
     overflow: visible;
-    clip: auto;
     white-space: normal;
     border: inherit;
+    clip-path: revert;
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "6.6.0-prerelease.1",
+  "version": "6.6.0-prerelease.3",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -19,10 +19,10 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "6.5.2",
+    "@patternfly/patternfly": "6.6.0-prerelease.9",
     "change-case": "^5.4.4",
     "fs-extra": "^11.3.3"
   },
   "license": "MIT",
-  "gitHead": "d77879902ec6dd991bed474380771c4bbecf36dc"
+  "gitHead": "6403b82a97c1ff1ec98902e3c6f1998233f88dbd"
 }