@patternfly/patternfly 6.0.0-alpha.16 → 6.0.0-alpha.17

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 (8) hide show
  1. package/components/Page/page.css +5 -3
  2. package/components/Page/page.scss +5 -3
  3. package/package.json +1 -1
  4. package/patternfly-no-globals.css +5 -3
  5. package/patternfly-theme-dark-unversioned.css +5 -3
  6. package/patternfly.css +5 -3
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/components/Page/page.css CHANGED
@@ -103,11 +103,12 @@
103
103
  --pf-v5-c-page__sidebar--xl--TranslateX: 0;
104
104
  --pf-v5-c-page__sidebar--MarginRight: 0;
105
105
  --pf-v5-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
106
- --pf-v5-c-page__sidebar--PaddingInlineStart: var(--pf-t--global--spacer--lg);
106
+ --pf-v5-c-page__sidebar--PaddingInlineStart: 0;
107
107
  --pf-v5-c-page__sidebar-header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
108
108
  --pf-v5-c-page__sidebar-header--BorderBottomColor: var(--pf-t--global--border--color--default);
109
109
  --pf-v5-c-page__sidebar-header--PaddingTop: var(--pf-t--global--spacer--sm);
110
110
  --pf-v5-c-page__sidebar-header--PaddingBottom: var(--pf-t--global--spacer--md);
111
+ --pf-v5-c-page__sidebar-title--PaddingLeft: var(--pf-t--global--spacer--lg);
111
112
  --pf-v5-c-page__sidebar-title--FontSize: var(--pf-t--global--font--size--heading--xs);
112
113
  --pf-v5-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
113
114
  --pf-v5-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
@@ -327,8 +328,8 @@
327
328
  grid-column-start: 1;
328
329
  width: var(--pf-v5-c-page__sidebar--Width);
329
330
  padding-block-start: 0;
330
- padding-block-end: var(--pf-t--global--spacer--lg);
331
- padding-inline-start: var(--pf-t--global--spacer--lg);
331
+ padding-block-end: var(--pf-v5-c-page__sidebar--PaddingBlockEnd);
332
+ padding-inline-start: var(--pf-v5-c-page__sidebar--PaddingInlineStart);
332
333
  margin-inline-end: var(--pf-v5-c-page__sidebar--MarginRight);
333
334
  overflow-x: hidden;
334
335
  overflow-y: auto;
@@ -362,6 +363,7 @@
362
363
  }
363
364
 
364
365
  .pf-v5-c-page__sidebar-title {
366
+ padding-inline-start: var(--pf-v5-c-page__sidebar-title--PaddingLeft);
365
367
  font-family: var(--pf-v5-c-page__sidebar-title--FontFamily);
366
368
  font-size: var(--pf-v5-c-page__sidebar-title--FontSize);
367
369
  font-weight: var(--pf-v5-c-page__sidebar-title--FontWeight);
package/components/Page/page.scss CHANGED
@@ -76,7 +76,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
76
76
  --#{$page}__sidebar--xl--TranslateX: 0;
77
77
  --#{$page}__sidebar--MarginRight: 0;
78
78
  --#{$page}__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
79
- --#{$page}__sidebar--PaddingInlineStart: var(--pf-t--global--spacer--lg);
79
+ --#{$page}__sidebar--PaddingInlineStart: 0;
80
80
 
81
81
 
82
82
  // Sidebar header
@@ -84,6 +84,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
84
84
  --#{$page}__sidebar-header--BorderBottomColor: var(--pf-t--global--border--color--default);
85
85
  --#{$page}__sidebar-header--PaddingTop: var(--pf-t--global--spacer--sm);
86
86
  --#{$page}__sidebar-header--PaddingBottom: var(--pf-t--global--spacer--md);
87
+ --#{$page}__sidebar-title--PaddingLeft: var(--pf-t--global--spacer--lg);
87
88
  --#{$page}__sidebar-title--FontSize: var(--pf-t--global--font--size--heading--xs);
88
89
  --#{$page}__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
89
90
  --#{$page}__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
@@ -323,8 +324,8 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
323
324
  grid-column-start: 1;
324
325
  width: var(--#{$page}__sidebar--Width);
325
326
  padding-block-start: 0;
326
- padding-block-end: var(--pf-t--global--spacer--lg);
327
- padding-inline-start: var(--pf-t--global--spacer--lg);
327
+ padding-block-end: var(--#{$page}__sidebar--PaddingBlockEnd);
328
+ padding-inline-start: var(--#{$page}__sidebar--PaddingInlineStart);
328
329
  margin-inline-end: var(--#{$page}__sidebar--MarginRight);
329
330
  overflow-x: hidden;
330
331
  overflow-y: auto;
@@ -365,6 +366,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
365
366
  }
366
367
 
367
368
  .#{$page}__sidebar-title {
369
+ padding-inline-start: var(--#{$page}__sidebar-title--PaddingLeft);
368
370
  font-family: var(--#{$page}__sidebar-title--FontFamily);
369
371
  font-size: var(--#{$page}__sidebar-title--FontSize);
370
372
  font-weight: var(--#{$page}__sidebar-title--FontWeight);
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-alpha.16",
4
+ "version": "6.0.0-alpha.17",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -21635,11 +21635,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21635
21635
  --pf-v5-c-page__sidebar--xl--TranslateX: 0;
21636
21636
  --pf-v5-c-page__sidebar--MarginRight: 0;
21637
21637
  --pf-v5-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
21638
- --pf-v5-c-page__sidebar--PaddingInlineStart: var(--pf-t--global--spacer--lg);
21638
+ --pf-v5-c-page__sidebar--PaddingInlineStart: 0;
21639
21639
  --pf-v5-c-page__sidebar-header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
21640
21640
  --pf-v5-c-page__sidebar-header--BorderBottomColor: var(--pf-t--global--border--color--default);
21641
21641
  --pf-v5-c-page__sidebar-header--PaddingTop: var(--pf-t--global--spacer--sm);
21642
21642
  --pf-v5-c-page__sidebar-header--PaddingBottom: var(--pf-t--global--spacer--md);
21643
+ --pf-v5-c-page__sidebar-title--PaddingLeft: var(--pf-t--global--spacer--lg);
21643
21644
  --pf-v5-c-page__sidebar-title--FontSize: var(--pf-t--global--font--size--heading--xs);
21644
21645
  --pf-v5-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
21645
21646
  --pf-v5-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
@@ -21859,8 +21860,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21859
21860
  grid-column-start: 1;
21860
21861
  width: var(--pf-v5-c-page__sidebar--Width);
21861
21862
  padding-block-start: 0;
21862
- padding-block-end: var(--pf-t--global--spacer--lg);
21863
- padding-inline-start: var(--pf-t--global--spacer--lg);
21863
+ padding-block-end: var(--pf-v5-c-page__sidebar--PaddingBlockEnd);
21864
+ padding-inline-start: var(--pf-v5-c-page__sidebar--PaddingInlineStart);
21864
21865
  margin-inline-end: var(--pf-v5-c-page__sidebar--MarginRight);
21865
21866
  overflow-x: hidden;
21866
21867
  overflow-y: auto;
@@ -21894,6 +21895,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21894
21895
  }
21895
21896
 
21896
21897
  .pf-v5-c-page__sidebar-title {
21898
+ padding-inline-start: var(--pf-v5-c-page__sidebar-title--PaddingLeft);
21897
21899
  font-family: var(--pf-v5-c-page__sidebar-title--FontFamily);
21898
21900
  font-size: var(--pf-v5-c-page__sidebar-title--FontSize);
21899
21901
  font-weight: var(--pf-v5-c-page__sidebar-title--FontWeight);
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -21751,11 +21751,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21751
21751
  --pf-v5-c-page__sidebar--xl--TranslateX: 0;
21752
21752
  --pf-v5-c-page__sidebar--MarginRight: 0;
21753
21753
  --pf-v5-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
21754
- --pf-v5-c-page__sidebar--PaddingInlineStart: var(--pf-t--global--spacer--lg);
21754
+ --pf-v5-c-page__sidebar--PaddingInlineStart: 0;
21755
21755
  --pf-v5-c-page__sidebar-header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
21756
21756
  --pf-v5-c-page__sidebar-header--BorderBottomColor: var(--pf-t--global--border--color--default);
21757
21757
  --pf-v5-c-page__sidebar-header--PaddingTop: var(--pf-t--global--spacer--sm);
21758
21758
  --pf-v5-c-page__sidebar-header--PaddingBottom: var(--pf-t--global--spacer--md);
21759
+ --pf-v5-c-page__sidebar-title--PaddingLeft: var(--pf-t--global--spacer--lg);
21759
21760
  --pf-v5-c-page__sidebar-title--FontSize: var(--pf-t--global--font--size--heading--xs);
21760
21761
  --pf-v5-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
21761
21762
  --pf-v5-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
@@ -21975,8 +21976,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21975
21976
  grid-column-start: 1;
21976
21977
  width: var(--pf-v5-c-page__sidebar--Width);
21977
21978
  padding-block-start: 0;
21978
- padding-block-end: var(--pf-t--global--spacer--lg);
21979
- padding-inline-start: var(--pf-t--global--spacer--lg);
21979
+ padding-block-end: var(--pf-v5-c-page__sidebar--PaddingBlockEnd);
21980
+ padding-inline-start: var(--pf-v5-c-page__sidebar--PaddingInlineStart);
21980
21981
  margin-inline-end: var(--pf-v5-c-page__sidebar--MarginRight);
21981
21982
  overflow-x: hidden;
21982
21983
  overflow-y: auto;
@@ -22010,6 +22011,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22010
22011
  }
22011
22012
 
22012
22013
  .pf-v5-c-page__sidebar-title {
22014
+ padding-inline-start: var(--pf-v5-c-page__sidebar-title--PaddingLeft);
22013
22015
  font-family: var(--pf-v5-c-page__sidebar-title--FontFamily);
22014
22016
  font-size: var(--pf-v5-c-page__sidebar-title--FontSize);
22015
22017
  font-weight: var(--pf-v5-c-page__sidebar-title--FontWeight);
package/patternfly.css CHANGED
@@ -21751,11 +21751,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21751
21751
  --pf-v5-c-page__sidebar--xl--TranslateX: 0;
21752
21752
  --pf-v5-c-page__sidebar--MarginRight: 0;
21753
21753
  --pf-v5-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
21754
- --pf-v5-c-page__sidebar--PaddingInlineStart: var(--pf-t--global--spacer--lg);
21754
+ --pf-v5-c-page__sidebar--PaddingInlineStart: 0;
21755
21755
  --pf-v5-c-page__sidebar-header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
21756
21756
  --pf-v5-c-page__sidebar-header--BorderBottomColor: var(--pf-t--global--border--color--default);
21757
21757
  --pf-v5-c-page__sidebar-header--PaddingTop: var(--pf-t--global--spacer--sm);
21758
21758
  --pf-v5-c-page__sidebar-header--PaddingBottom: var(--pf-t--global--spacer--md);
21759
+ --pf-v5-c-page__sidebar-title--PaddingLeft: var(--pf-t--global--spacer--lg);
21759
21760
  --pf-v5-c-page__sidebar-title--FontSize: var(--pf-t--global--font--size--heading--xs);
21760
21761
  --pf-v5-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
21761
21762
  --pf-v5-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
@@ -21975,8 +21976,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21975
21976
  grid-column-start: 1;
21976
21977
  width: var(--pf-v5-c-page__sidebar--Width);
21977
21978
  padding-block-start: 0;
21978
- padding-block-end: var(--pf-t--global--spacer--lg);
21979
- padding-inline-start: var(--pf-t--global--spacer--lg);
21979
+ padding-block-end: var(--pf-v5-c-page__sidebar--PaddingBlockEnd);
21980
+ padding-inline-start: var(--pf-v5-c-page__sidebar--PaddingInlineStart);
21980
21981
  margin-inline-end: var(--pf-v5-c-page__sidebar--MarginRight);
21981
21982
  overflow-x: hidden;
21982
21983
  overflow-y: auto;
@@ -22010,6 +22011,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22010
22011
  }
22011
22012
 
22012
22013
  .pf-v5-c-page__sidebar-title {
22014
+ padding-inline-start: var(--pf-v5-c-page__sidebar-title--PaddingLeft);
22013
22015
  font-family: var(--pf-v5-c-page__sidebar-title--FontFamily);
22014
22016
  font-size: var(--pf-v5-c-page__sidebar-title--FontSize);
22015
22017
  font-weight: var(--pf-v5-c-page__sidebar-title--FontWeight);