@patternfly/patternfly 4.221.2 → 4.222.0

package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md

@@ -6261,7 +6261,6 @@ wrapperTag: div
         </div>
       </div>
     </section>
-    <div class="pf-c-divider" role="separator"></div>
     <section class="pf-c-page__main-section pf-m-no-padding">
       <!-- Drawer -->
       <div class="pf-c-drawer pf-m-expanded pf-m-inline-on-2xl">
@@ -10749,7 +10748,6 @@ wrapperTag: div
       </div>
     </section>
     <div class="pf-c-divider" role="separator"></div>
-
     <div class="pf-c-drawer pf-m-expanded pf-m-inline-on-2xl">
       <div class="pf-c-drawer__main">
         <!-- Content -->

package/docs/demos/Tabs/examples/Tabs.md

@@ -3345,14 +3345,14 @@ section: components
                   <div class="pf-l-flex__item pf-m-flex-1">
                     <div class="pf-c-card pf-m-full-height">
                       <div class="pf-c-card__header">
-                        <h3 class="pf-c-title pf-m-lg">Title of card</h3>
+                        <h2 class="pf-c-title pf-m-lg">Title of card</h2>
                       </div>
                     </div>
                   </div>
                   <div class="pf-l-flex__item pf-m-flex-1">
                     <div class="pf-c-card pf-m-full-height">
                       <div class="pf-c-card__header">
-                        <h3 class="pf-c-title pf-m-lg">Title of card</h3>
+                        <h2 class="pf-c-title pf-m-lg">Title of card</h2>
                       </div>
                     </div>
                   </div>
@@ -6490,12 +6490,12 @@ section: components
     <section class="pf-c-page__main-section pf-m-limit-width pf-m-light">
       <div class="pf-c-page__main-body">
         <div class="pf-c-content">
-          <h1>Projects</h1>
-          <p>Click any project card to view tabs within modals.</p>
+          <h1>Main title</h1>
+          <p>This is a full page demo.</p>
         </div>
       </div>
     </section>
-    <section class="pf-c-page__main-section pf-m-fill">
+    <section class="pf-c-page__main-section">
       <div class="pf-l-gallery pf-m-gutter">
         <div
           class="pf-c-card pf-m-selectable-raised pf-m-compact"

package/docs/demos/Wizard/examples/Wizard.md

@@ -6619,7 +6619,6 @@ wrapperTag: div
         </div>
       </div>
     </section>
-
     <section class="pf-c-page__main-wizard">
       <div class="pf-c-wizard">
         <button
@@ -7712,7 +7711,6 @@ wrapperTag: div
         </div>
       </div>
     </section>
-
     <section class="pf-c-page__main-wizard">
       <div class="pf-c-wizard">
         <button
@@ -8787,7 +8785,6 @@ wrapperTag: div
         </div>
       </div>
     </section>
-
     <section class="pf-c-page__main-wizard pf-m-light-200">
       <div class="pf-c-wizard">
         <button
@@ -9928,7 +9925,6 @@ wrapperTag: div
         </div>
       </div>
     </section>
-
     <section class="pf-c-page__main-wizard pf-m-light-200">
       <div class="pf-c-wizard">
         <button

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "4.221.2",
+  "version": "4.222.0",
   "keywords": [],
   "license": "MIT",
   "scripts": {
@@ -34,9 +34,9 @@
     "@fortawesome/fontawesome": "^1.1.8",
     "@octokit/rest": "^16.40.1",
     "@patternfly/patternfly-a11y": "4.3.1",
-    "@patternfly/react-code-editor": "4.82.55",
-    "@patternfly/react-core": "4.250.1",
-    "@patternfly/react-table": "4.111.33",
+    "@patternfly/react-code-editor": "4.82.67",
+    "@patternfly/react-core": "4.264.0",
+    "@patternfly/react-table": "4.111.45",
     "@starptech/prettyhtml": "^0.10.0",
     "babel-eslint": "^8.2.3",
     "cheerio": "^1.0.0-rc.3",
@@ -79,7 +79,7 @@
     "stylelint-scss": "^4.3.0",
     "stylelint-value-no-unknown-custom-properties": "^4.0.0",
     "surge": "^0.21.3",
-    "@patternfly/documentation-framework": "1.2.61",
+    "@patternfly/documentation-framework": "1.2.67",
     "unified": "^9.2.0",
     "webpack": "^4.43.0"
   },

package/patternfly-no-reset.css

@@ -13805,6 +13805,8 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
   --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
   --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
+  --pf-c-dropdown__toggle-progress--Visibility: hidden;
+  --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
   --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
   --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-global--spacer--xs);
   --pf-c-dropdown__toggle--m-split-button--child--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -14016,9 +14018,14 @@ label.pf-c-check, .pf-c-check__label,
   align-items: center;
   cursor: pointer;
 }
+.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check.pf-m-in-progress {
+  --pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility: hidden;
+  --pf-c-dropdown__toggle-progress--Visibility: visible;
+}
 .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check > input,
 .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check .pf-c-check {
   cursor: pointer;
+  visibility: var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
   transform: translateY(var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY));
 }
 .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
@@ -14214,6 +14221,14 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-dropdown__toggle-image--MarginRight: 0;
 }
 
+.pf-c-dropdown__toggle-progress {
+  position: absolute;
+  visibility: var(--pf-c-dropdown__toggle-progress--Visibility);
+}
+.pf-c-dropdown__toggle-progress .pf-c-spinner {
+  --pf-c-spinner--diameter: var(--pf-c-dropdown__toggle-progress--c-spinner--diameter);
+}
+
 .pf-c-dropdown__menu {
   position: absolute;
   top: var(--pf-c-dropdown__menu--Top);
@@ -15668,7 +15683,7 @@ textarea.pf-c-form-control {
 }
 
 :where(.pf-theme-dark) .pf-c-form-control {
-  --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%235ba352' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
+  --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23e0e0e0' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
   --pf-c-form-control--BorderTopColor: transparent;
   --pf-c-form-control--BorderRightColor: transparent;
   --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);

package/patternfly.css

@@ -13932,6 +13932,8 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
   --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
   --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
+  --pf-c-dropdown__toggle-progress--Visibility: hidden;
+  --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
   --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
   --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-global--spacer--xs);
   --pf-c-dropdown__toggle--m-split-button--child--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -14143,9 +14145,14 @@ label.pf-c-check, .pf-c-check__label,
   align-items: center;
   cursor: pointer;
 }
+.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check.pf-m-in-progress {
+  --pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility: hidden;
+  --pf-c-dropdown__toggle-progress--Visibility: visible;
+}
 .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check > input,
 .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check .pf-c-check {
   cursor: pointer;
+  visibility: var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
   transform: translateY(var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY));
 }
 .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
@@ -14341,6 +14348,14 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-dropdown__toggle-image--MarginRight: 0;
 }
 
+.pf-c-dropdown__toggle-progress {
+  position: absolute;
+  visibility: var(--pf-c-dropdown__toggle-progress--Visibility);
+}
+.pf-c-dropdown__toggle-progress .pf-c-spinner {
+  --pf-c-spinner--diameter: var(--pf-c-dropdown__toggle-progress--c-spinner--diameter);
+}
+
 .pf-c-dropdown__menu {
   position: absolute;
   top: var(--pf-c-dropdown__menu--Top);
@@ -15795,7 +15810,7 @@ textarea.pf-c-form-control {
 }
 
 :where(.pf-theme-dark) .pf-c-form-control {
-  --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%235ba352' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
+  --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23e0e0e0' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
   --pf-c-form-control--BorderTopColor: transparent;
   --pf-c-form-control--BorderRightColor: transparent;
   --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);