@patternfly/patternfly 6.0.0 → 6.1.0-prerelease.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/components/Page/page.css +5 -0
  2. package/components/Page/page.scss +6 -0
  3. package/components/_index.css +5 -0
  4. package/docs/components/Tile/{examples → deprecated}/Tile.md +1 -0
  5. package/package.json +5 -5
  6. package/patternfly-no-globals.css +5 -0
  7. package/patternfly.css +5 -0
  8. package/patternfly.min.css +1 -1
  9. package/patternfly.min.css.map +1 -1
  10. /package/docs/components/Tile/{examples → deprecated}/Tile.css +0 -0
package/components/Page/page.css CHANGED
@@ -65,11 +65,13 @@
65
65
  --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
66
66
  --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
67
67
  --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
68
+ --pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
68
69
  --pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
69
70
  --pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
70
71
  --pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
71
72
  --pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
72
73
  --pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
74
+ --pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
73
75
  --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
74
76
  --pf-v6-c-page__main-tabs--PaddingInlineEnd: 0;
75
77
  --pf-v6-c-page__main-tabs--PaddingBlockEnd: 0;
@@ -451,6 +453,9 @@
451
453
  padding-inline-end: var(--pf-v6-c-page__main-subnav--PaddingInlineEnd);
452
454
  background-color: var(--pf-v6-c-page__main-subnav--BackgroundColor);
453
455
  }
456
+ .pf-v6-c-page__main-subnav.pf-m-sticky-top {
457
+ padding-block-end: var(--pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd);
458
+ }
454
459
 
455
460
  .pf-v6-c-page__main-breadcrumb {
456
461
  padding-block-start: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockStart);
package/components/Page/page.scss CHANGED
@@ -99,6 +99,7 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
99
99
  --#{$page}__main-subnav--PaddingBlockEnd: 0;
100
100
  --#{$page}__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--#{$page}__main-container--BorderWidth));
101
101
  --#{$page}__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--#{$page}__main-container--BorderWidth));
102
+ --#{$page}__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
102
103
 
103
104
  // Main section breadcrumb
104
105
  --#{$page}__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -106,6 +107,7 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
106
107
  --#{$page}__main-breadcrumb--PaddingBlockEnd: 0;
107
108
  --#{$page}__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--#{$page}__main-container--BorderWidth)); // subtract the border of the main section
108
109
  --#{$page}__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
110
+ --#{$page}__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
109
111
 
110
112
  // Main section tabs
111
113
  --#{$page}__main-tabs--PaddingBlockStart: 0;
@@ -374,6 +376,10 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
374
376
  padding-inline-start: var(--#{$page}__main-subnav--PaddingInlineStart);
375
377
  padding-inline-end: var(--#{$page}__main-subnav--PaddingInlineEnd);
376
378
  background-color: var(--#{$page}__main-subnav--BackgroundColor);
379
+
380
+ &.pf-m-sticky-top {
381
+ padding-block-end: var(--#{$page}__main-subnav--m-sticky-top--PaddingBlockEnd);
382
+ }
377
383
  }
378
384
 
379
385
  .#{$page}__main-breadcrumb {
package/components/_index.css CHANGED
@@ -11416,11 +11416,13 @@ ul.pf-v6-c-list {
11416
11416
  --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
11417
11417
  --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
11418
11418
  --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
11419
+ --pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
11419
11420
  --pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
11420
11421
  --pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
11421
11422
  --pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
11422
11423
  --pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
11423
11424
  --pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11425
+ --pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
11424
11426
  --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
11425
11427
  --pf-v6-c-page__main-tabs--PaddingInlineEnd: 0;
11426
11428
  --pf-v6-c-page__main-tabs--PaddingBlockEnd: 0;
@@ -11802,6 +11804,9 @@ ul.pf-v6-c-list {
11802
11804
  padding-inline-end: var(--pf-v6-c-page__main-subnav--PaddingInlineEnd);
11803
11805
  background-color: var(--pf-v6-c-page__main-subnav--BackgroundColor);
11804
11806
  }
11807
+ .pf-v6-c-page__main-subnav.pf-m-sticky-top {
11808
+ padding-block-end: var(--pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd);
11809
+ }
11805
11810
 
11806
11811
  .pf-v6-c-page__main-breadcrumb {
11807
11812
  padding-block-start: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockStart);
package/docs/components/Tile/{examples → deprecated}/Tile.md RENAMED
@@ -2,6 +2,7 @@
2
2
  id: Tile
3
3
  section: components
4
4
  cssPrefix: pf-v6-c-tile
5
+ deprecated: true
5
6
  ---import './Tile.css'
6
7
 
7
8
  ## Examples
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0",
4
+ "version": "6.1.0-prerelease.1",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -47,11 +47,11 @@
47
47
  "@commitlint/config-conventional": "^19.1.0",
48
48
  "@fortawesome/fontawesome": "^1.1.8",
49
49
  "@octokit/rest": "^20.1.0",
50
- "@patternfly/documentation-framework": "6.0.0-alpha.106",
50
+ "@patternfly/documentation-framework": "6.0.2",
51
51
  "@patternfly/patternfly-a11y": "4.3.1",
52
- "@patternfly/react-code-editor": "6.0.0-prerelease.18",
53
- "@patternfly/react-core": "6.0.0-prerelease.18",
54
- "@patternfly/react-table": "6.0.0-prerelease.19",
52
+ "@patternfly/react-code-editor": "6.0.0",
53
+ "@patternfly/react-core": "6.0.0",
54
+ "@patternfly/react-table": "6.0.0",
55
55
  "@starptech/prettyhtml": "^0.10.0",
56
56
  "backstopjs": "^6.3.23",
57
57
  "cheerio": "^1.0.0-rc.12",
package/patternfly-no-globals.css CHANGED
@@ -18878,11 +18878,13 @@ ul.pf-v6-c-list {
18878
18878
  --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
18879
18879
  --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
18880
18880
  --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
18881
+ --pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
18881
18882
  --pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
18882
18883
  --pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
18883
18884
  --pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
18884
18885
  --pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
18885
18886
  --pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18887
+ --pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
18886
18888
  --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
18887
18889
  --pf-v6-c-page__main-tabs--PaddingInlineEnd: 0;
18888
18890
  --pf-v6-c-page__main-tabs--PaddingBlockEnd: 0;
@@ -19264,6 +19266,9 @@ ul.pf-v6-c-list {
19264
19266
  padding-inline-end: var(--pf-v6-c-page__main-subnav--PaddingInlineEnd);
19265
19267
  background-color: var(--pf-v6-c-page__main-subnav--BackgroundColor);
19266
19268
  }
19269
+ .pf-v6-c-page__main-subnav.pf-m-sticky-top {
19270
+ padding-block-end: var(--pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd);
19271
+ }
19267
19272
 
19268
19273
  .pf-v6-c-page__main-breadcrumb {
19269
19274
  padding-block-start: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockStart);
package/patternfly.css CHANGED
@@ -19014,11 +19014,13 @@ ul.pf-v6-c-list {
19014
19014
  --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
19015
19015
  --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
19016
19016
  --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
19017
+ --pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19017
19018
  --pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
19018
19019
  --pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
19019
19020
  --pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
19020
19021
  --pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
19021
19022
  --pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19023
+ --pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19022
19024
  --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
19023
19025
  --pf-v6-c-page__main-tabs--PaddingInlineEnd: 0;
19024
19026
  --pf-v6-c-page__main-tabs--PaddingBlockEnd: 0;
@@ -19400,6 +19402,9 @@ ul.pf-v6-c-list {
19400
19402
  padding-inline-end: var(--pf-v6-c-page__main-subnav--PaddingInlineEnd);
19401
19403
  background-color: var(--pf-v6-c-page__main-subnav--BackgroundColor);
19402
19404
  }
19405
+ .pf-v6-c-page__main-subnav.pf-m-sticky-top {
19406
+ padding-block-end: var(--pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd);
19407
+ }
19403
19408
 
19404
19409
  .pf-v6-c-page__main-breadcrumb {
19405
19410
  padding-block-start: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockStart);