@patternfly/react-styles 6.5.1 → 6.6.0-prerelease.2

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.5.1",
+  "version": "6.6.0-prerelease.2",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -19,10 +19,9 @@
     "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": "3731b3084154eb35933d2bc0fe552aa55b5a0d93"
+  "license": "MIT"
 }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2019 Red Hat, Inc.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.