@patternfly/react-styles 6.7.0-prerelease.1 → 6.7.0-prerelease.2

package/css/components/_index.js

@@ -901,6 +901,7 @@ exports.default = {
     "visibleOnXlHeight": "pf-m-visible-on-xl-height",
     "hiddenOn_2xlHeight": "pf-m-hidden-on-2xl-height",
     "visibleOn_2xlHeight": "pf-m-visible-on-2xl-height",
+    "container": "pf-m-container",
     "expandAll": "pf-m-expand-all",
     "label": "pf-m-label",
     "pagination": "pf-m-pagination",
@@ -909,6 +910,7 @@ exports.default = {
     "labelGroup": "pf-m-label-group",
     "actionGroupPlain": "pf-m-action-group-plain",
     "actionGroupInline": "pf-m-action-group-inline",
+    "inset_4xl": "pf-m-inset-4xl",
     "alignStart": "pf-m-align-start",
     "alignEnd": "pf-m-align-end",
     "flexGrow": "pf-m-flex-grow",
@@ -917,7 +919,6 @@ exports.default = {
     "alignSelfStart": "pf-m-align-self-start",
     "alignSelfCenter": "pf-m-align-self-center",
     "alignSelfEnd": "pf-m-align-self-end",
-    "inset_4xl": "pf-m-inset-4xl",
     "alignItemsStretch": "pf-m-align-items-stretch",
     "alignItemsBaseline": "pf-m-align-items-baseline",
     "alignItemsStart": "pf-m-align-items-start",
@@ -952,6 +953,7 @@ exports.default = {
     "rowGap_4xl": "pf-m-row-gap-4xl",
     "toggleGroup": "pf-m-toggle-group",
     "hide": "pf-m-hide",
+    "inset_4xlOnSm": "pf-m-inset-4xl-on-sm",
     "alignStartOnSm": "pf-m-align-start-on-sm",
     "alignCenterOnSm": "pf-m-align-center-on-sm",
     "alignEndOnSm": "pf-m-align-end-on-sm",
@@ -961,7 +963,6 @@ exports.default = {
     "alignSelfStartOnSm": "pf-m-align-self-start-on-sm",
     "alignSelfCenterOnSm": "pf-m-align-self-center-on-sm",
     "alignSelfEndOnSm": "pf-m-align-self-end-on-sm",
-    "inset_4xlOnSm": "pf-m-inset-4xl-on-sm",
     "wrapOnSm": "pf-m-wrap-on-sm",
     "nowrapOnSm": "pf-m-nowrap-on-sm",
     "alignItemsStretchOnSm": "pf-m-align-items-stretch-on-sm",
@@ -998,6 +999,7 @@ exports.default = {
     "rowGap_4xlOnSm": "pf-m-row-gap-4xl-on-sm",
     "showOnSm": "pf-m-show-on-sm",
     "hideOnSm": "pf-m-hide-on-sm",
+    "inset_4xlOnMd": "pf-m-inset-4xl-on-md",
     "alignStartOnMd": "pf-m-align-start-on-md",
     "alignCenterOnMd": "pf-m-align-center-on-md",
     "alignEndOnMd": "pf-m-align-end-on-md",
@@ -1007,7 +1009,6 @@ exports.default = {
     "alignSelfStartOnMd": "pf-m-align-self-start-on-md",
     "alignSelfCenterOnMd": "pf-m-align-self-center-on-md",
     "alignSelfEndOnMd": "pf-m-align-self-end-on-md",
-    "inset_4xlOnMd": "pf-m-inset-4xl-on-md",
     "wrapOnMd": "pf-m-wrap-on-md",
     "nowrapOnMd": "pf-m-nowrap-on-md",
     "alignItemsStretchOnMd": "pf-m-align-items-stretch-on-md",
@@ -1044,6 +1045,7 @@ exports.default = {
     "rowGap_4xlOnMd": "pf-m-row-gap-4xl-on-md",
     "showOnMd": "pf-m-show-on-md",
     "hideOnMd": "pf-m-hide-on-md",
+    "inset_4xlOnLg": "pf-m-inset-4xl-on-lg",
     "alignStartOnLg": "pf-m-align-start-on-lg",
     "alignCenterOnLg": "pf-m-align-center-on-lg",
     "alignEndOnLg": "pf-m-align-end-on-lg",
@@ -1053,7 +1055,6 @@ exports.default = {
     "alignSelfStartOnLg": "pf-m-align-self-start-on-lg",
     "alignSelfCenterOnLg": "pf-m-align-self-center-on-lg",
     "alignSelfEndOnLg": "pf-m-align-self-end-on-lg",
-    "inset_4xlOnLg": "pf-m-inset-4xl-on-lg",
     "wrapOnLg": "pf-m-wrap-on-lg",
     "nowrapOnLg": "pf-m-nowrap-on-lg",
     "alignItemsStretchOnLg": "pf-m-align-items-stretch-on-lg",
@@ -1090,6 +1091,7 @@ exports.default = {
     "rowGap_4xlOnLg": "pf-m-row-gap-4xl-on-lg",
     "showOnLg": "pf-m-show-on-lg",
     "hideOnLg": "pf-m-hide-on-lg",
+    "inset_4xlOnXl": "pf-m-inset-4xl-on-xl",
     "alignStartOnXl": "pf-m-align-start-on-xl",
     "alignCenterOnXl": "pf-m-align-center-on-xl",
     "alignEndOnXl": "pf-m-align-end-on-xl",
@@ -1099,7 +1101,6 @@ exports.default = {
     "alignSelfStartOnXl": "pf-m-align-self-start-on-xl",
     "alignSelfCenterOnXl": "pf-m-align-self-center-on-xl",
     "alignSelfEndOnXl": "pf-m-align-self-end-on-xl",
-    "inset_4xlOnXl": "pf-m-inset-4xl-on-xl",
     "wrapOnXl": "pf-m-wrap-on-xl",
     "nowrapOnXl": "pf-m-nowrap-on-xl",
     "alignItemsStretchOnXl": "pf-m-align-items-stretch-on-xl",
@@ -1136,6 +1137,7 @@ exports.default = {
     "rowGap_4xlOnXl": "pf-m-row-gap-4xl-on-xl",
     "showOnXl": "pf-m-show-on-xl",
     "hideOnXl": "pf-m-hide-on-xl",
+    "inset_4xlOn_2xl": "pf-m-inset-4xl-on-2xl",
     "alignStartOn_2xl": "pf-m-align-start-on-2xl",
     "alignCenterOn_2xl": "pf-m-align-center-on-2xl",
     "alignEndOn_2xl": "pf-m-align-end-on-2xl",
@@ -1145,7 +1147,6 @@ exports.default = {
     "alignSelfStartOn_2xl": "pf-m-align-self-start-on-2xl",
     "alignSelfCenterOn_2xl": "pf-m-align-self-center-on-2xl",
     "alignSelfEndOn_2xl": "pf-m-align-self-end-on-2xl",
-    "inset_4xlOn_2xl": "pf-m-inset-4xl-on-2xl",
     "wrapOn_2xl": "pf-m-wrap-on-2xl",
     "nowrapOn_2xl": "pf-m-nowrap-on-2xl",
     "alignItemsStretchOn_2xl": "pf-m-align-items-stretch-on-2xl",

package/css/components/_index.mjs

@@ -899,6 +899,7 @@ export default {
     "visibleOnXlHeight": "pf-m-visible-on-xl-height",
     "hiddenOn_2xlHeight": "pf-m-hidden-on-2xl-height",
     "visibleOn_2xlHeight": "pf-m-visible-on-2xl-height",
+    "container": "pf-m-container",
     "expandAll": "pf-m-expand-all",
     "label": "pf-m-label",
     "pagination": "pf-m-pagination",
@@ -907,6 +908,7 @@ export default {
     "labelGroup": "pf-m-label-group",
     "actionGroupPlain": "pf-m-action-group-plain",
     "actionGroupInline": "pf-m-action-group-inline",
+    "inset_4xl": "pf-m-inset-4xl",
     "alignStart": "pf-m-align-start",
     "alignEnd": "pf-m-align-end",
     "flexGrow": "pf-m-flex-grow",
@@ -915,7 +917,6 @@ export default {
     "alignSelfStart": "pf-m-align-self-start",
     "alignSelfCenter": "pf-m-align-self-center",
     "alignSelfEnd": "pf-m-align-self-end",
-    "inset_4xl": "pf-m-inset-4xl",
     "alignItemsStretch": "pf-m-align-items-stretch",
     "alignItemsBaseline": "pf-m-align-items-baseline",
     "alignItemsStart": "pf-m-align-items-start",
@@ -950,6 +951,7 @@ export default {
     "rowGap_4xl": "pf-m-row-gap-4xl",
     "toggleGroup": "pf-m-toggle-group",
     "hide": "pf-m-hide",
+    "inset_4xlOnSm": "pf-m-inset-4xl-on-sm",
     "alignStartOnSm": "pf-m-align-start-on-sm",
     "alignCenterOnSm": "pf-m-align-center-on-sm",
     "alignEndOnSm": "pf-m-align-end-on-sm",
@@ -959,7 +961,6 @@ export default {
     "alignSelfStartOnSm": "pf-m-align-self-start-on-sm",
     "alignSelfCenterOnSm": "pf-m-align-self-center-on-sm",
     "alignSelfEndOnSm": "pf-m-align-self-end-on-sm",
-    "inset_4xlOnSm": "pf-m-inset-4xl-on-sm",
     "wrapOnSm": "pf-m-wrap-on-sm",
     "nowrapOnSm": "pf-m-nowrap-on-sm",
     "alignItemsStretchOnSm": "pf-m-align-items-stretch-on-sm",
@@ -996,6 +997,7 @@ export default {
     "rowGap_4xlOnSm": "pf-m-row-gap-4xl-on-sm",
     "showOnSm": "pf-m-show-on-sm",
     "hideOnSm": "pf-m-hide-on-sm",
+    "inset_4xlOnMd": "pf-m-inset-4xl-on-md",
     "alignStartOnMd": "pf-m-align-start-on-md",
     "alignCenterOnMd": "pf-m-align-center-on-md",
     "alignEndOnMd": "pf-m-align-end-on-md",
@@ -1005,7 +1007,6 @@ export default {
     "alignSelfStartOnMd": "pf-m-align-self-start-on-md",
     "alignSelfCenterOnMd": "pf-m-align-self-center-on-md",
     "alignSelfEndOnMd": "pf-m-align-self-end-on-md",
-    "inset_4xlOnMd": "pf-m-inset-4xl-on-md",
     "wrapOnMd": "pf-m-wrap-on-md",
     "nowrapOnMd": "pf-m-nowrap-on-md",
     "alignItemsStretchOnMd": "pf-m-align-items-stretch-on-md",
@@ -1042,6 +1043,7 @@ export default {
     "rowGap_4xlOnMd": "pf-m-row-gap-4xl-on-md",
     "showOnMd": "pf-m-show-on-md",
     "hideOnMd": "pf-m-hide-on-md",
+    "inset_4xlOnLg": "pf-m-inset-4xl-on-lg",
     "alignStartOnLg": "pf-m-align-start-on-lg",
     "alignCenterOnLg": "pf-m-align-center-on-lg",
     "alignEndOnLg": "pf-m-align-end-on-lg",
@@ -1051,7 +1053,6 @@ export default {
     "alignSelfStartOnLg": "pf-m-align-self-start-on-lg",
     "alignSelfCenterOnLg": "pf-m-align-self-center-on-lg",
     "alignSelfEndOnLg": "pf-m-align-self-end-on-lg",
-    "inset_4xlOnLg": "pf-m-inset-4xl-on-lg",
     "wrapOnLg": "pf-m-wrap-on-lg",
     "nowrapOnLg": "pf-m-nowrap-on-lg",
     "alignItemsStretchOnLg": "pf-m-align-items-stretch-on-lg",
@@ -1088,6 +1089,7 @@ export default {
     "rowGap_4xlOnLg": "pf-m-row-gap-4xl-on-lg",
     "showOnLg": "pf-m-show-on-lg",
     "hideOnLg": "pf-m-hide-on-lg",
+    "inset_4xlOnXl": "pf-m-inset-4xl-on-xl",
     "alignStartOnXl": "pf-m-align-start-on-xl",
     "alignCenterOnXl": "pf-m-align-center-on-xl",
     "alignEndOnXl": "pf-m-align-end-on-xl",
@@ -1097,7 +1099,6 @@ export default {
     "alignSelfStartOnXl": "pf-m-align-self-start-on-xl",
     "alignSelfCenterOnXl": "pf-m-align-self-center-on-xl",
     "alignSelfEndOnXl": "pf-m-align-self-end-on-xl",
-    "inset_4xlOnXl": "pf-m-inset-4xl-on-xl",
     "wrapOnXl": "pf-m-wrap-on-xl",
     "nowrapOnXl": "pf-m-nowrap-on-xl",
     "alignItemsStretchOnXl": "pf-m-align-items-stretch-on-xl",
@@ -1134,6 +1135,7 @@ export default {
     "rowGap_4xlOnXl": "pf-m-row-gap-4xl-on-xl",
     "showOnXl": "pf-m-show-on-xl",
     "hideOnXl": "pf-m-hide-on-xl",
+    "inset_4xlOn_2xl": "pf-m-inset-4xl-on-2xl",
     "alignStartOn_2xl": "pf-m-align-start-on-2xl",
     "alignCenterOn_2xl": "pf-m-align-center-on-2xl",
     "alignEndOn_2xl": "pf-m-align-end-on-2xl",
@@ -1143,7 +1145,6 @@ export default {
     "alignSelfStartOn_2xl": "pf-m-align-self-start-on-2xl",
     "alignSelfCenterOn_2xl": "pf-m-align-self-center-on-2xl",
     "alignSelfEndOn_2xl": "pf-m-align-self-end-on-2xl",
-    "inset_4xlOn_2xl": "pf-m-inset-4xl-on-2xl",
     "wrapOn_2xl": "pf-m-wrap-on-2xl",
     "nowrapOn_2xl": "pf-m-nowrap-on-2xl",
     "alignItemsStretchOn_2xl": "pf-m-align-items-stretch-on-2xl",

package/css/docs/components/Toolbar/examples/Toolbar.css

@@ -26,6 +26,8 @@
 
 #ws-core-c-toolbar-adjusted-group-column-gap .pf-v6-c-toolbar,
 #ws-core-c-toolbar-adjusted-group-column-gap .pf-v6-c-toolbar__group,
+#toolbar-as-container-example .pf-v6-c-toolbar,
+#toolbar-as-container-example .pf-v6-c-toolbar__group,
 #ws-core-e-toolbar-simple .pf-v6-c-toolbar,
 #ws-core-e-toolbar-simple .pf-v6-c-toolbar__group,
 #ws-core-c-toolbar-no-padding .pf-v6-c-toolbar,
@@ -47,6 +49,7 @@
 }
 
 #ws-core-c-toolbar-adjusted-group-column-gap .pf-v6-c-toolbar__item,
+#toolbar-as-container-example .pf-v6-c-toolbar__item,
 #ws-core-e-toolbar-simple .pf-v6-c-toolbar__item,
 #ws-core-e-toolbar-adjusted-spacers .pf-v6-c-toolbar__item,
 #ws-core-e-toolbar-adjusted-group-spacers .pf-v6-c-toolbar__item,
@@ -62,6 +65,7 @@
 }
 
 #ws-core-c-toolbar-adjusted-group-column-gap .pf-v6-c-toolbar__item,
+#toolbar-as-container-example .pf-v6-c-toolbar__item,
 #ws-core-e-toolbar-simple .pf-v6-c-toolbar__item,
 #ws-core-e-toolbar-adjusted-spacers .pf-v6-c-toolbar__item,
 #ws-core-e-toolbar-adjusted-group-spacers .pf-v6-c-toolbar__item,
@@ -79,3 +83,13 @@
   height: 200px;
   overflow: auto;
 }
+
+.ws-core-resizeable-container {
+  width: 800px;
+  min-width: 300px;
+  max-width: 100%;
+  padding: var(--pf-t--global--spacer--sm);
+  overflow: auto;
+  resize: horizontal;
+  border: var(--pf-t--global--border--width--extra-strong) dashed var(--pf-t--global--border--color--default);
+}

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

@@ -3,6 +3,7 @@ declare const _default: {
   "toolbar": "pf-v6-c-toolbar",
   "toolbarGroup": "pf-v6-c-toolbar__group",
   "toolbarItem": "pf-v6-c-toolbar__item",
+  "wsCoreResizeableContainer": "ws-core-resizeable-container",
   "wsPreviewHtml": "ws-preview-html"
 };
 export default _default;

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

@@ -5,5 +5,6 @@ exports.default = {
   "toolbar": "pf-v6-c-toolbar",
   "toolbarGroup": "pf-v6-c-toolbar__group",
   "toolbarItem": "pf-v6-c-toolbar__item",
+  "wsCoreResizeableContainer": "ws-core-resizeable-container",
   "wsPreviewHtml": "ws-preview-html"
 };

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

@@ -3,5 +3,6 @@ export default {
   "toolbar": "pf-v6-c-toolbar",
   "toolbarGroup": "pf-v6-c-toolbar__group",
   "toolbarItem": "pf-v6-c-toolbar__item",
+  "wsCoreResizeableContainer": "ws-core-resizeable-container",
   "wsPreviewHtml": "ws-preview-html"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "6.7.0-prerelease.1",
+  "version": "6.7.0-prerelease.2",
   "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.6.0-prerelease.50",
+    "@patternfly/patternfly": "6.7.0-prerelease.1",
     "change-case": "^5.4.4",
     "fs-extra": "^11.3.3"
   },
   "license": "MIT",
-  "gitHead": "32056428bd221fb8009157d7f7d29bae84f7fe3f"
+  "gitHead": "59fa2ced55ee25977627a4ee87024e65702eefa5"
 }