@patternfly/patternfly 6.0.0-alpha.187 → 6.0.0-alpha.188

package/base/patternfly-variables.css

@@ -305,8 +305,8 @@
   --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
   --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
   --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
-  --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--100);
-  --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--200);
+  --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
+  --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
   --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
   --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
   --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);

package/base/tokens/tokens-charts-dark.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 03 Jul 2024 20:18:14 GMT
+// Generated on Thu, 11 Jul 2024 17:07:32 GMT
 
 @mixin pf-v6-tokens {
   --pf-t--chart--global--BorderWidth--lg: 8;

package/base/tokens/tokens-charts.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 03 Jul 2024 20:18:13 GMT
+// Generated on Thu, 11 Jul 2024 17:07:32 GMT
 
 @mixin pf-v6-tokens {
   --pf-t--chart--global--BorderWidth--lg: 8;

package/base/tokens/tokens-dark.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 03 Jul 2024 20:18:13 GMT
+// Generated on Thu, 11 Jul 2024 17:07:32 GMT
 
 @mixin pf-v6-tokens {
   --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);

package/base/tokens/tokens-default.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 03 Jul 2024 20:18:13 GMT
+// Generated on Thu, 11 Jul 2024 17:07:32 GMT
 
 @mixin pf-v6-tokens {
   --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
@@ -240,8 +240,8 @@
   --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
   --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
   --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
-  --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--100);
-  --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--200);
+  --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
+  --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
   --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
   --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
   --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);

package/base/tokens/tokens-palette.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 03 Jul 2024 20:18:13 GMT
+// Generated on Thu, 11 Jul 2024 17:07:32 GMT
 
 @mixin pf-v6-tokens {
   --pf-t--color--black: #000;

package/layouts/Flex/flex.css

@@ -5,7 +5,7 @@
   --pf-v6-l-flex--m-row--AlignItems: baseline;
   --pf-v6-l-flex--m-row-reverse--AlignItems: baseline;
   --pf-v6-l-flex--item--Order: 0;
-  --pf-v6-l-flex--spacer--column--base: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-flex--spacer--column--base: var(--pf-t--global--spacer--gutter--default);
   --pf-v6-l-flex--spacer--row--base: var(--pf-t--global--spacer--sm);
   --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--spacer--row--base);
   --pf-v6-l-flex--ColumnGap: 0;

package/layouts/Flex/flex.scss

@@ -13,7 +13,7 @@ $pf-v6-l-flex--variable-map: build-variable-map("#{$pf-prefix}l-flex--spacer", $
   --#{$flex}--m-row--AlignItems: baseline;
   --#{$flex}--m-row-reverse--AlignItems: baseline;
   --#{$flex}--item--Order: 0;
-  --#{$flex}--spacer--column--base: var(--pf-t--global--spacer--lg); // default spacer/gap for columns
+  --#{$flex}--spacer--column--base: var(--pf-t--global--spacer--gutter--default); // default spacer/gap for columns
   --#{$flex}--spacer--row--base: var(--pf-t--global--spacer--sm); // default spacer/gap for rows
   --#{$flex}--RowGap: var(--#{$flex}--spacer--row--base);
   --#{$flex}--ColumnGap: 0;

package/layouts/Gallery/gallery.css

@@ -1,5 +1,5 @@
 :where(:root, .pf-v6-l-gallery) {
-  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
   --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
   --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
   --pf-v6-l-gallery--GridTemplateColumns--max: 1fr;

package/layouts/Gallery/gallery.scss

@@ -3,7 +3,7 @@
 $pf-v6-l-gallery--breakpoint-map: build-breakpoint-map();
 
 :where(:root, .#{$gallery}) {
-  --#{$gallery}--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
+  --#{$gallery}--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
   --#{$gallery}--GridTemplateColumns--min: 250px;
   --#{$gallery}--GridTemplateColumns--minmax--min: var(--#{$gallery}--GridTemplateColumns--min);
   --#{$gallery}--GridTemplateColumns--max: 1fr;

package/layouts/Grid/grid.css

@@ -1,5 +1,5 @@
 :where(:root, .pf-v6-l-grid) {
-  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
   --pf-v6-l-grid__item--GridColumnStart: auto;
   --pf-v6-l-grid__item--GridColumnEnd: span 12;
   --pf-v6-l-grid--item--Order: 0;

package/layouts/Grid/grid.scss

@@ -42,7 +42,7 @@ $pf-v6-l-grid--breakpoint-map: build-breakpoint-map(); // currently only used fo
 
 // Grid base
 :where(:root, .#{$grid}) {
-  --#{$grid}--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
+  --#{$grid}--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
   --#{$grid}__item--GridColumnStart: auto;
   --#{$grid}__item--GridColumnEnd: span 12;
   --#{$grid}--item--Order: 0;

package/layouts/Level/level.css

@@ -1,5 +1,5 @@
 :where(:root, .pf-v6-l-level) {
-  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
 }
 
 .pf-v6-l-level {

package/layouts/Level/level.scss

@@ -1,7 +1,7 @@
 @use '../../sass-utilities' as *;
 
 :where(:root, .#{$level}) {
-  --#{$level}--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+  --#{$level}--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
 }
 
 .#{$level} {

package/layouts/Split/split.css

@@ -1,5 +1,5 @@
 :where(:root, .pf-v6-l-split) {
-  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
 }
 
 .pf-v6-l-split {

package/layouts/Split/split.scss

@@ -1,7 +1,7 @@
 @use '../../sass-utilities' as *;
 
 :where(:root, .#{$split}) {
-  --#{$stack}--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+  --#{$stack}--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
 }
 
 .#{$split} {

package/layouts/Stack/stack.css

@@ -1,5 +1,5 @@
 :where(:root, .pf-v6-l-stack) {
-  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
 }
 
 .pf-v6-l-stack {

package/layouts/Stack/stack.scss

@@ -1,7 +1,7 @@
 @use '../../sass-utilities' as *;
 
 :where(:root, .#{$stack}) {
-  --#{$stack}--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+  --#{$stack}--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
 }
 
 .#{$stack} {

package/layouts/_index.css

@@ -18,7 +18,7 @@
   --pf-v6-l-flex--m-row--AlignItems: baseline;
   --pf-v6-l-flex--m-row-reverse--AlignItems: baseline;
   --pf-v6-l-flex--item--Order: 0;
-  --pf-v6-l-flex--spacer--column--base: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-flex--spacer--column--base: var(--pf-t--global--spacer--gutter--default);
   --pf-v6-l-flex--spacer--row--base: var(--pf-t--global--spacer--sm);
   --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--spacer--row--base);
   --pf-v6-l-flex--ColumnGap: 0;
@@ -2393,7 +2393,7 @@
 }
 
 :where(:root, .pf-v6-l-gallery) {
-  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
   --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
   --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
   --pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
@@ -2464,7 +2464,7 @@
 }
 
 :where(:root, .pf-v6-l-grid) {
-  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
   --pf-v6-l-grid__item--GridColumnStart: auto;
   --pf-v6-l-grid__item--GridColumnEnd: span 12;
   --pf-v6-l-grid--item--Order: 0;
@@ -3401,7 +3401,7 @@
 }
 
 :where(:root, .pf-v6-l-level) {
-  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
 }
 
 .pf-v6-l-level {
@@ -3415,7 +3415,7 @@
 }
 
 :where(:root, .pf-v6-l-split) {
-  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
 }
 
 .pf-v6-l-split {
@@ -3436,7 +3436,7 @@
 }
 
 :where(:root, .pf-v6-l-stack) {
-  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
 }
 
 .pf-v6-l-stack {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "6.0.0-alpha.187",
+  "version": "6.0.0-alpha.188",
   "keywords": [],
   "license": "MIT",
   "scripts": {
@@ -47,11 +47,11 @@
     "@commitlint/config-conventional": "^19.1.0",
     "@fortawesome/fontawesome": "^1.1.8",
     "@octokit/rest": "^20.1.0",
-    "@patternfly/documentation-framework": "6.0.0-alpha.50",
+    "@patternfly/documentation-framework": "6.0.0-alpha.57",
     "@patternfly/patternfly-a11y": "4.3.1",
-    "@patternfly/react-code-editor": "6.0.0-alpha.70",
-    "@patternfly/react-core": "6.0.0-alpha.70",
-    "@patternfly/react-table": "6.0.0-alpha.70",
+    "@patternfly/react-code-editor": "6.0.0-alpha.80",
+    "@patternfly/react-core": "6.0.0-alpha.80",
+    "@patternfly/react-table": "6.0.0-alpha.80",
     "@starptech/prettyhtml": "^0.10.0",
     "backstopjs": "^6.3.23",
     "cheerio": "^1.0.0-rc.12",
@@ -110,5 +110,5 @@
     "access": "public",
     "tag": "alpha"
   },
-  "packageManager": "yarn@1.22.22"
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

package/patternfly-base-no-globals.css

@@ -5159,8 +5159,8 @@
   --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
   --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
   --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
-  --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--100);
-  --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--200);
+  --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
+  --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
   --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
   --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
   --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);

package/patternfly-base.css

@@ -5280,8 +5280,8 @@ button) {
   --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
   --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
   --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
-  --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--100);
-  --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--200);
+  --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
+  --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
   --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
   --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
   --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);

package/patternfly-no-globals.css

@@ -5160,8 +5160,8 @@
   --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
   --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
   --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
-  --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--100);
-  --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--200);
+  --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
+  --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
   --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
   --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
   --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
@@ -28488,7 +28488,7 @@ label.pf-v6-c-tree-view__node-text {
   --pf-v6-l-flex--m-row--AlignItems: baseline;
   --pf-v6-l-flex--m-row-reverse--AlignItems: baseline;
   --pf-v6-l-flex--item--Order: 0;
-  --pf-v6-l-flex--spacer--column--base: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-flex--spacer--column--base: var(--pf-t--global--spacer--gutter--default);
   --pf-v6-l-flex--spacer--row--base: var(--pf-t--global--spacer--sm);
   --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--spacer--row--base);
   --pf-v6-l-flex--ColumnGap: 0;
@@ -30863,7 +30863,7 @@ label.pf-v6-c-tree-view__node-text {
 }
 
 :where(:root, .pf-v6-l-gallery) {
-  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
   --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
   --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
   --pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
@@ -30934,7 +30934,7 @@ label.pf-v6-c-tree-view__node-text {
 }
 
 :where(:root, .pf-v6-l-grid) {
-  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
   --pf-v6-l-grid__item--GridColumnStart: auto;
   --pf-v6-l-grid__item--GridColumnEnd: span 12;
   --pf-v6-l-grid--item--Order: 0;
@@ -31871,7 +31871,7 @@ label.pf-v6-c-tree-view__node-text {
 }
 
 :where(:root, .pf-v6-l-level) {
-  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
 }
 
 .pf-v6-l-level {
@@ -31885,7 +31885,7 @@ label.pf-v6-c-tree-view__node-text {
 }
 
 :where(:root, .pf-v6-l-split) {
-  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
 }
 
 .pf-v6-l-split {
@@ -31906,7 +31906,7 @@ label.pf-v6-c-tree-view__node-text {
 }
 
 :where(:root, .pf-v6-l-stack) {
-  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
 }
 
 .pf-v6-l-stack {

package/patternfly.css

@@ -5281,8 +5281,8 @@ button) {
   --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
   --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
   --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
-  --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--100);
-  --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--200);
+  --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
+  --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
   --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
   --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
   --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
@@ -28609,7 +28609,7 @@ label.pf-v6-c-tree-view__node-text {
   --pf-v6-l-flex--m-row--AlignItems: baseline;
   --pf-v6-l-flex--m-row-reverse--AlignItems: baseline;
   --pf-v6-l-flex--item--Order: 0;
-  --pf-v6-l-flex--spacer--column--base: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-flex--spacer--column--base: var(--pf-t--global--spacer--gutter--default);
   --pf-v6-l-flex--spacer--row--base: var(--pf-t--global--spacer--sm);
   --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--spacer--row--base);
   --pf-v6-l-flex--ColumnGap: 0;
@@ -30984,7 +30984,7 @@ label.pf-v6-c-tree-view__node-text {
 }
 
 :where(:root, .pf-v6-l-gallery) {
-  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
   --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
   --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
   --pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
@@ -31055,7 +31055,7 @@ label.pf-v6-c-tree-view__node-text {
 }
 
 :where(:root, .pf-v6-l-grid) {
-  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
   --pf-v6-l-grid__item--GridColumnStart: auto;
   --pf-v6-l-grid__item--GridColumnEnd: span 12;
   --pf-v6-l-grid--item--Order: 0;
@@ -31992,7 +31992,7 @@ label.pf-v6-c-tree-view__node-text {
 }
 
 :where(:root, .pf-v6-l-level) {
-  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
 }
 
 .pf-v6-l-level {
@@ -32006,7 +32006,7 @@ label.pf-v6-c-tree-view__node-text {
 }
 
 :where(:root, .pf-v6-l-split) {
-  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
 }
 
 .pf-v6-l-split {
@@ -32027,7 +32027,7 @@ label.pf-v6-c-tree-view__node-text {
 }
 
 :where(:root, .pf-v6-l-stack) {
-  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
 }
 
 .pf-v6-l-stack {