@patternfly/patternfly 6.0.0-alpha.74 → 6.0.0-alpha.76

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/Alert/alert.css +2 -0
  2. package/components/Alert/alert.scss +2 -0
  3. package/components/Pagination/pagination.css +1 -1
  4. package/components/Pagination/pagination.scss +1 -1
  5. package/package.json +1 -1
  6. package/patternfly-no-globals.css +3 -1
  7. package/patternfly-theme-dark-unversioned.css +3 -1
  8. package/patternfly.css +3 -1
  9. package/patternfly.min.css +1 -1
  10. package/patternfly.min.css.map +1 -1
package/components/Alert/alert.css CHANGED
@@ -23,6 +23,7 @@
23
23
  --pf-v5-c-alert__icon--MarginTop: 0.25rem;
24
24
  --pf-v5-c-alert__icon--MarginRight: var(--pf-t--global--spacer--sm);
25
25
  --pf-v5-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
26
+ --pf-v5-c-alert__title--FontFamily: var(--pf-t--global--font--family--heading);
26
27
  --pf-v5-c-alert__title--FontSize: var(--pf-t--global--font--size--heading--xs);
27
28
  --pf-v5-c-alert__title--FontWeight: var(--pf-t--global--font--weight--heading);
28
29
  --pf-v5-c-alert__title--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -159,6 +160,7 @@
159
160
 
160
161
  .pf-v5-c-alert__title {
161
162
  grid-area: title;
163
+ font-family: var(--pf-v5-c-alert__title--FontFamily);
162
164
  font-size: var(--pf-v5-c-alert__title--FontSize);
163
165
  font-weight: var(--pf-v5-c-alert__title--FontWeight);
164
166
  line-height: var(--pf-v5-c-alert__title--LineHeight);
package/components/Alert/alert.scss CHANGED
@@ -36,6 +36,7 @@
36
36
  --#{$alert}__icon--FontSize: var(--pf-t--global--icon--size--md);
37
37
 
38
38
  // Title
39
+ --#{$alert}__title--FontFamily: var(--pf-t--global--font--family--heading);
39
40
  --#{$alert}__title--FontSize: var(--pf-t--global--font--size--heading--xs);
40
41
  --#{$alert}__title--FontWeight: var(--pf-t--global--font--weight--heading);
41
42
  --#{$alert}__title--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -204,6 +205,7 @@
204
205
 
205
206
  .#{$alert}__title {
206
207
  grid-area: title;
208
+ font-family: var(--#{$alert}__title--FontFamily);
207
209
  font-size: var(--#{$alert}__title--FontSize);
208
210
  font-weight: var(--#{$alert}__title--FontWeight);
209
211
  line-height: var(--#{$alert}__title--LineHeight);
package/components/Pagination/pagination.css CHANGED
@@ -17,7 +17,7 @@
17
17
  --pf-v5-c-pagination__nav--ColumnGap: var(--pf-t--global--spacer--sm);
18
18
  --pf-v5-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--md);
19
19
  --pf-v5-c-pagination__nav-page-select--ColumnGap: var(--pf-t--global--spacer--sm);
20
- --pf-v5-c-pagination__nav-page-select--c-form-control--width-base: calc(var(--pf-t--global--spacer--sm) * 2 + var(--pf-t--global--border--width--100) * 2);
20
+ --pf-v5-c-pagination__nav-page-select--c-form-control--width-base: calc((var(--pf-v5-c-form-control--PaddingRight) + var(--pf-v5-c-form-control--PaddingLeft)) + (var(--pf-v5-c-form-control--before--BorderWidth) * 2));
21
21
  --pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;
22
22
  --pf-v5-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-v5-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
23
23
  --pf-v5-c-pagination__total-items--Display: block;
package/components/Pagination/pagination.scss CHANGED
@@ -19,7 +19,7 @@ $pf-v5-c-pagination--variable-map: build-spacer-map("none", "sm", "md", "lg", "x
19
19
  // nav page select
20
20
  --#{$pagination}__nav-page-select--FontSize: var(--pf-t--global--font--size--body--md);
21
21
  --#{$pagination}__nav-page-select--ColumnGap: var(--pf-t--global--spacer--sm);
22
- --#{$pagination}__nav-page-select--c-form-control--width-base: calc(var(--pf-t--global--spacer--sm) * 2 + var(--pf-t--global--border--width--100) * 2); // TODO: replace border width token with semantic token
22
+ --#{$pagination}__nav-page-select--c-form-control--width-base: calc((var(--#{$form-control}--PaddingRight) + var(--#{$form-control}--PaddingLeft)) + (var(--#{$form-control}--before--BorderWidth) * 2));
23
23
  --#{$pagination}__nav-page-select--c-form-control--width-chars: 2;
24
24
  --#{$pagination}__nav-page-select--c-form-control--Width: calc(var(--#{$pagination}__nav-page-select--c-form-control--width-base) + (var(--#{$pagination}__nav-page-select--c-form-control--width-chars) * 1ch));
25
25
 
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.74",
4
+ "version": "6.0.0-alpha.76",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -6629,6 +6629,7 @@ html .ws-preview {
6629
6629
  --pf-v5-c-alert__icon--MarginTop: 0.25rem;
6630
6630
  --pf-v5-c-alert__icon--MarginRight: var(--pf-t--global--spacer--sm);
6631
6631
  --pf-v5-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
6632
+ --pf-v5-c-alert__title--FontFamily: var(--pf-t--global--font--family--heading);
6632
6633
  --pf-v5-c-alert__title--FontSize: var(--pf-t--global--font--size--heading--xs);
6633
6634
  --pf-v5-c-alert__title--FontWeight: var(--pf-t--global--font--weight--heading);
6634
6635
  --pf-v5-c-alert__title--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -6765,6 +6766,7 @@ html .ws-preview {
6765
6766
 
6766
6767
  .pf-v5-c-alert__title {
6767
6768
  grid-area: title;
6769
+ font-family: var(--pf-v5-c-alert__title--FontFamily);
6768
6770
  font-size: var(--pf-v5-c-alert__title--FontSize);
6769
6771
  font-weight: var(--pf-v5-c-alert__title--FontWeight);
6770
6772
  line-height: var(--pf-v5-c-alert__title--LineHeight);
@@ -23080,7 +23082,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23080
23082
  --pf-v5-c-pagination__nav--ColumnGap: var(--pf-t--global--spacer--sm);
23081
23083
  --pf-v5-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--md);
23082
23084
  --pf-v5-c-pagination__nav-page-select--ColumnGap: var(--pf-t--global--spacer--sm);
23083
- --pf-v5-c-pagination__nav-page-select--c-form-control--width-base: calc(var(--pf-t--global--spacer--sm) * 2 + var(--pf-t--global--border--width--100) * 2);
23085
+ --pf-v5-c-pagination__nav-page-select--c-form-control--width-base: calc((var(--pf-v5-c-form-control--PaddingRight) + var(--pf-v5-c-form-control--PaddingLeft)) + (var(--pf-v5-c-form-control--before--BorderWidth) * 2));
23084
23086
  --pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;
23085
23087
  --pf-v5-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-v5-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
23086
23088
  --pf-v5-c-pagination__total-items--Display: block;
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -6746,6 +6746,7 @@ button) {
6746
6746
  --pf-v5-c-alert__icon--MarginTop: 0.25rem;
6747
6747
  --pf-v5-c-alert__icon--MarginRight: var(--pf-t--global--spacer--sm);
6748
6748
  --pf-v5-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
6749
+ --pf-v5-c-alert__title--FontFamily: var(--pf-t--global--font--family--heading);
6749
6750
  --pf-v5-c-alert__title--FontSize: var(--pf-t--global--font--size--heading--xs);
6750
6751
  --pf-v5-c-alert__title--FontWeight: var(--pf-t--global--font--weight--heading);
6751
6752
  --pf-v5-c-alert__title--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -6882,6 +6883,7 @@ button) {
6882
6883
 
6883
6884
  .pf-v5-c-alert__title {
6884
6885
  grid-area: title;
6886
+ font-family: var(--pf-v5-c-alert__title--FontFamily);
6885
6887
  font-size: var(--pf-v5-c-alert__title--FontSize);
6886
6888
  font-weight: var(--pf-v5-c-alert__title--FontWeight);
6887
6889
  line-height: var(--pf-v5-c-alert__title--LineHeight);
@@ -23197,7 +23199,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23197
23199
  --pf-v5-c-pagination__nav--ColumnGap: var(--pf-t--global--spacer--sm);
23198
23200
  --pf-v5-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--md);
23199
23201
  --pf-v5-c-pagination__nav-page-select--ColumnGap: var(--pf-t--global--spacer--sm);
23200
- --pf-v5-c-pagination__nav-page-select--c-form-control--width-base: calc(var(--pf-t--global--spacer--sm) * 2 + var(--pf-t--global--border--width--100) * 2);
23202
+ --pf-v5-c-pagination__nav-page-select--c-form-control--width-base: calc((var(--pf-v5-c-form-control--PaddingRight) + var(--pf-v5-c-form-control--PaddingLeft)) + (var(--pf-v5-c-form-control--before--BorderWidth) * 2));
23201
23203
  --pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;
23202
23204
  --pf-v5-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-v5-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
23203
23205
  --pf-v5-c-pagination__total-items--Display: block;
package/patternfly.css CHANGED
@@ -6746,6 +6746,7 @@ button) {
6746
6746
  --pf-v5-c-alert__icon--MarginTop: 0.25rem;
6747
6747
  --pf-v5-c-alert__icon--MarginRight: var(--pf-t--global--spacer--sm);
6748
6748
  --pf-v5-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
6749
+ --pf-v5-c-alert__title--FontFamily: var(--pf-t--global--font--family--heading);
6749
6750
  --pf-v5-c-alert__title--FontSize: var(--pf-t--global--font--size--heading--xs);
6750
6751
  --pf-v5-c-alert__title--FontWeight: var(--pf-t--global--font--weight--heading);
6751
6752
  --pf-v5-c-alert__title--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -6882,6 +6883,7 @@ button) {
6882
6883
 
6883
6884
  .pf-v5-c-alert__title {
6884
6885
  grid-area: title;
6886
+ font-family: var(--pf-v5-c-alert__title--FontFamily);
6885
6887
  font-size: var(--pf-v5-c-alert__title--FontSize);
6886
6888
  font-weight: var(--pf-v5-c-alert__title--FontWeight);
6887
6889
  line-height: var(--pf-v5-c-alert__title--LineHeight);
@@ -23197,7 +23199,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23197
23199
  --pf-v5-c-pagination__nav--ColumnGap: var(--pf-t--global--spacer--sm);
23198
23200
  --pf-v5-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--md);
23199
23201
  --pf-v5-c-pagination__nav-page-select--ColumnGap: var(--pf-t--global--spacer--sm);
23200
- --pf-v5-c-pagination__nav-page-select--c-form-control--width-base: calc(var(--pf-t--global--spacer--sm) * 2 + var(--pf-t--global--border--width--100) * 2);
23202
+ --pf-v5-c-pagination__nav-page-select--c-form-control--width-base: calc((var(--pf-v5-c-form-control--PaddingRight) + var(--pf-v5-c-form-control--PaddingLeft)) + (var(--pf-v5-c-form-control--before--BorderWidth) * 2));
23201
23203
  --pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;
23202
23204
  --pf-v5-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-v5-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
23203
23205
  --pf-v5-c-pagination__total-items--Display: block;