@patternfly/patternfly 6.0.0-alpha.29 → 6.0.0-alpha.30
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.
- package/base/_globals.scss +8 -1
- package/base/_variables.scss +2 -7
- package/base/patternfly-globals.css +6 -1
- package/base/patternfly-variables.css +862 -858
- package/base/tokens/_tokens-dark.scss +306 -284
- package/base/tokens/_tokens-default.scss +410 -326
- package/base/tokens/_tokens-font.scss +9 -25
- package/base/tokens/_tokens-palette.scss +68 -68
- package/base/tokens/_workspace-overrides.scss +7 -0
- package/components/Accordion/accordion.css +1 -1
- package/components/Accordion/accordion.scss +1 -1
- package/components/Alert/alert.css +2 -2
- package/components/Alert/alert.scss +2 -2
- package/components/Banner/banner.css +1 -1
- package/components/Banner/banner.scss +1 -1
- package/components/Breadcrumb/breadcrumb.css +19 -16
- package/components/Breadcrumb/breadcrumb.scss +18 -16
- package/components/Button/button.css +1 -1
- package/components/Button/button.scss +1 -1
- package/components/Content/content.css +7 -7
- package/components/Content/content.scss +7 -7
- package/components/Hint/hint.css +2 -2
- package/components/Hint/hint.scss +2 -2
- package/components/Login/login.css +1 -1
- package/components/Login/login.scss +1 -1
- package/components/MenuToggle/menu-toggle.css +1 -1
- package/components/MenuToggle/menu-toggle.scss +1 -1
- package/components/ModalBox/modal-box.css +1 -1
- package/components/ModalBox/modal-box.scss +1 -1
- package/components/Nav/nav.css +2 -2
- package/components/Nav/nav.scss +2 -2
- package/components/Table/table.css +6 -6
- package/components/Table/table.scss +6 -6
- package/components/Title/title.css +6 -6
- package/components/Title/title.scss +6 -6
- package/package.json +1 -1
- package/patternfly-base-no-globals-theme-dark-unversioned.css +866 -858
- package/patternfly-base-no-globals.css +866 -858
- package/patternfly-base-theme-dark-unversioned.css +868 -859
- package/patternfly-base.css +868 -859
- package/patternfly-no-globals.css +913 -906
- package/patternfly-theme-dark-unversioned.css +914 -906
- package/patternfly.css +914 -906
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/base/themes/dark/_variables.scss +0 -102
package/components/Nav/nav.css
CHANGED
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
--pf-v5-c-nav__item--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
34
34
|
--pf-v5-c-nav__item--before--BorderColor: var(--pf-v5-global--BackgroundColor--dark-200);
|
|
35
35
|
--pf-v5-c-nav__item--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
36
|
-
--pf-v5-c-nav__link--FontSize: var(--pf-t--global--font--size--body);
|
|
36
|
+
--pf-v5-c-nav__link--FontSize: var(--pf-t--global--font--size--body--default);
|
|
37
37
|
--pf-v5-c-nav__link--FontWeight: var(--pf-t--global--font--weight--body);
|
|
38
38
|
--pf-v5-c-nav__link--PaddingTop: var(--pf-t--global--spacer--md);
|
|
39
39
|
--pf-v5-c-nav__link--PaddingRight: var(--pf-t--global--spacer--md);
|
|
@@ -200,7 +200,7 @@
|
|
|
200
200
|
--pf-v5-c-nav__section-title--MarginBottom: var(--pf-t--global--spacer--sm);
|
|
201
201
|
--pf-v5-c-nav__section-title--xl--PaddingRight: var(--pf-t--global--spacer--xl);
|
|
202
202
|
--pf-v5-c-nav__section-title--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
|
|
203
|
-
--pf-v5-c-nav__section-title--FontSize: var(--pf-t--global--font--size--body);
|
|
203
|
+
--pf-v5-c-nav__section-title--FontSize: var(--pf-t--global--font--size--body--default);
|
|
204
204
|
--pf-v5-c-nav__section-title--Color: var(--pf-t--global--text--color--regular);
|
|
205
205
|
--pf-v5-c-nav__section-title--BorderBottomColor: transparent;
|
|
206
206
|
--pf-v5-c-nav__section-title--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
package/components/Nav/nav.scss
CHANGED
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
--#{$nav}__item--before--BorderWidth: var(--#{$pf-global}--BorderWidth--sm);
|
|
46
46
|
|
|
47
47
|
// Link
|
|
48
|
-
--#{$nav}__link--FontSize: var(--pf-t--global--font--size--body);
|
|
48
|
+
--#{$nav}__link--FontSize: var(--pf-t--global--font--size--body--default);
|
|
49
49
|
--#{$nav}__link--FontWeight: var(--pf-t--global--font--weight--body);
|
|
50
50
|
--#{$nav}__link--PaddingTop: var(--pf-t--global--spacer--md);
|
|
51
51
|
--#{$nav}__link--PaddingRight: var(--pf-t--global--spacer--md);
|
|
@@ -232,7 +232,7 @@
|
|
|
232
232
|
--#{$nav}__section-title--MarginBottom: var(--pf-t--global--spacer--sm);
|
|
233
233
|
--#{$nav}__section-title--xl--PaddingRight: var(--pf-t--global--spacer--xl);
|
|
234
234
|
--#{$nav}__section-title--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
|
|
235
|
-
--#{$nav}__section-title--FontSize: var(--pf-t--global--font--size--body);
|
|
235
|
+
--#{$nav}__section-title--FontSize: var(--pf-t--global--font--size--body--default);
|
|
236
236
|
--#{$nav}__section-title--Color: var(--pf-t--global--text--color--regular);
|
|
237
237
|
--#{$nav}__section-title--BorderBottomColor: transparent;
|
|
238
238
|
--#{$nav}__section-title--BorderBottomWidth: var(--#{$pf-global}--BorderWidth--sm);
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
--pf-v5-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
64
64
|
--pf-v5-c-table--BorderColor: var(--pf-t--global--border--color--default);
|
|
65
65
|
--pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
|
|
66
|
-
--pf-v5-c-table__caption--FontSize: var(--pf-t--global--font--size--body);
|
|
66
|
+
--pf-v5-c-table__caption--FontSize: var(--pf-t--global--font--size--body--default);
|
|
67
67
|
--pf-v5-c-table__caption--Color: var(--pf-t--global--text--color--subtle);
|
|
68
68
|
--pf-v5-c-table__caption--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
69
69
|
--pf-v5-c-table__caption--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
@@ -71,13 +71,13 @@
|
|
|
71
71
|
--pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
72
72
|
--pf-v5-c-table__caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
73
73
|
--pf-v5-c-table__caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
74
|
-
--pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body);
|
|
74
|
+
--pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--default);
|
|
75
75
|
--pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
76
76
|
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
|
|
77
77
|
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
78
78
|
--pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
|
|
79
79
|
--pf-v5-c-table--cell--Padding--base: var(--pf-v5-global--spacer--md);
|
|
80
|
-
--pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body);
|
|
80
|
+
--pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
|
|
81
81
|
--pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
|
|
82
82
|
--pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
|
|
83
83
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
|
|
@@ -119,10 +119,10 @@
|
|
|
119
119
|
--pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
|
|
120
120
|
--pf-v5-c-table__check--input--MarginTop: 0.1875rem;
|
|
121
121
|
--pf-v5-c-table__thead__check--input--TranslateY: var(--pf-v5-c-table__check--input--MarginTop);
|
|
122
|
-
--pf-v5-c-table__check--input--FontSize: var(--pf-t--global--font--size--body);
|
|
122
|
+
--pf-v5-c-table__check--input--FontSize: var(--pf-t--global--font--size--body--default);
|
|
123
123
|
--pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
|
|
124
124
|
--pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
|
|
125
|
-
--pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body);
|
|
125
|
+
--pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
126
126
|
--pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
|
|
127
127
|
--pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
|
|
128
128
|
--pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
|
|
@@ -210,7 +210,7 @@
|
|
|
210
210
|
--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
211
211
|
--pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
212
212
|
--pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
213
|
-
--pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body);
|
|
213
|
+
--pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body--default);
|
|
214
214
|
--pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-v5-global--spacer--lg);
|
|
215
215
|
--pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
216
216
|
--pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-v5-global--spacer--lg);
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
--#{$table}--border-width--base: var(--pf-t--global--border--width--divider--default);
|
|
17
17
|
|
|
18
18
|
// Caption
|
|
19
|
-
--#{$table}__caption--FontSize: var(--pf-t--global--font--size--body);
|
|
19
|
+
--#{$table}__caption--FontSize: var(--pf-t--global--font--size--body--default);
|
|
20
20
|
--#{$table}__caption--Color: var(--pf-t--global--text--color--subtle);
|
|
21
21
|
--#{$table}__caption--PaddingTop: var(--#{$pf-global}--spacer--md);
|
|
22
22
|
--#{$table}__caption--PaddingRight: var(--#{$pf-global}--spacer--lg);
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
// Thead
|
|
34
|
-
--#{$table}__thead--cell--FontSize: var(--pf-t--global--font--size--body);
|
|
34
|
+
--#{$table}__thead--cell--FontSize: var(--pf-t--global--font--size--body--default);
|
|
35
35
|
--#{$table}__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
36
36
|
|
|
37
37
|
// Tbody cell
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
|
|
44
44
|
// Th / td shared variables
|
|
45
45
|
--#{$table}--cell--Padding--base: var(--#{$pf-global}--spacer--md);
|
|
46
|
-
--#{$table}--cell--FontSize: var(--pf-t--global--font--size--body);
|
|
46
|
+
--#{$table}--cell--FontSize: var(--pf-t--global--font--size--body--default);
|
|
47
47
|
--#{$table}--cell--FontWeight: var(--pf-t--global--font--weight--body);
|
|
48
48
|
--#{$table}--cell--Color: var(--pf-t--global--text--color--regular);
|
|
49
49
|
--#{$table}--cell--PaddingTop: var(--#{$table}--cell--Padding--base);
|
|
@@ -108,12 +108,12 @@
|
|
|
108
108
|
// Check
|
|
109
109
|
--#{$table}__check--input--MarginTop: #{pf-size-prem(3px)};
|
|
110
110
|
--#{$table}__thead__check--input--TranslateY: var(--#{$table}__check--input--MarginTop);
|
|
111
|
-
--#{$table}__check--input--FontSize: var(--pf-t--global--font--size--body);
|
|
111
|
+
--#{$table}__check--input--FontSize: var(--pf-t--global--font--size--body--default);
|
|
112
112
|
|
|
113
113
|
// Favorite
|
|
114
114
|
--#{$table}--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
|
|
115
115
|
--#{$table}__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
|
|
116
|
-
--#{$table}__favorite--c-button--FontSize: var(--pf-t--global--font--size--body);
|
|
116
|
+
--#{$table}__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
117
117
|
--#{$table}__favorite--c-button--MarginTop: calc(var(--#{$pf-global}--spacer--form-element) * -1);
|
|
118
118
|
--#{$table}__favorite--c-button--MarginRight: calc(var(--#{$pf-global}--spacer--md) * -1);
|
|
119
119
|
--#{$table}__favorite--c-button--MarginBottom: calc(var(--#{$pf-global}--spacer--form-element) * -1);
|
|
@@ -236,7 +236,7 @@
|
|
|
236
236
|
--#{$table}--m-compact--cell--first-last-child--PaddingRight: var(--#{$pf-global}--spacer--md);
|
|
237
237
|
--#{$table}--m-compact--cell--first-last-child--xl--PaddingLeft: var(--#{$pf-global}--spacer--lg);
|
|
238
238
|
--#{$table}--m-compact--cell--first-last-child--xl--PaddingRight: var(--#{$pf-global}--spacer--lg);
|
|
239
|
-
--#{$table}--m-compact--FontSize: var(--pf-t--global--font--size--body);
|
|
239
|
+
--#{$table}--m-compact--FontSize: var(--pf-t--global--font--size--body--default);
|
|
240
240
|
--#{$table}--m-compact__expandable-row-content--PaddingTop: var(--#{$pf-global}--spacer--lg);
|
|
241
241
|
--#{$table}--m-compact__expandable-row-content--PaddingRight: var(--#{$pf-global}--spacer--lg);
|
|
242
242
|
--#{$table}--m-compact__expandable-row-content--PaddingBottom: var(--#{$pf-global}--spacer--lg);
|
|
@@ -19,22 +19,22 @@
|
|
|
19
19
|
--pf-v5-c-title--m-md--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
20
20
|
--pf-v5-c-title--m-md--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
21
21
|
--pf-v5-c-title--m-h1--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
22
|
-
--pf-v5-c-title--m-h1--FontSize: var(--pf-t--global--font--size--heading--
|
|
22
|
+
--pf-v5-c-title--m-h1--FontSize: var(--pf-t--global--font--size--heading--h1);
|
|
23
23
|
--pf-v5-c-title--m-h1--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
24
24
|
--pf-v5-c-title--m-h2--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
25
|
-
--pf-v5-c-title--m-h2--FontSize: var(--pf-t--global--font--size--heading--
|
|
25
|
+
--pf-v5-c-title--m-h2--FontSize: var(--pf-t--global--font--size--heading--h2);
|
|
26
26
|
--pf-v5-c-title--m-h2--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
27
27
|
--pf-v5-c-title--m-h3--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
28
|
-
--pf-v5-c-title--m-h3--FontSize: var(--pf-t--global--font--size--heading--
|
|
28
|
+
--pf-v5-c-title--m-h3--FontSize: var(--pf-t--global--font--size--heading--h3);
|
|
29
29
|
--pf-v5-c-title--m-h3--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
30
30
|
--pf-v5-c-title--m-h4--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
31
|
-
--pf-v5-c-title--m-h4--FontSize: var(--pf-t--global--font--size--heading--
|
|
31
|
+
--pf-v5-c-title--m-h4--FontSize: var(--pf-t--global--font--size--heading--h4);
|
|
32
32
|
--pf-v5-c-title--m-h4--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
33
33
|
--pf-v5-c-title--m-h5--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
34
|
-
--pf-v5-c-title--m-h5--FontSize: var(--pf-t--global--font--size--heading--
|
|
34
|
+
--pf-v5-c-title--m-h5--FontSize: var(--pf-t--global--font--size--heading--h5);
|
|
35
35
|
--pf-v5-c-title--m-h5--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
36
36
|
--pf-v5-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
37
|
-
--pf-v5-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--
|
|
37
|
+
--pf-v5-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
|
|
38
38
|
--pf-v5-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
39
39
|
}
|
|
40
40
|
|
|
@@ -37,32 +37,32 @@
|
|
|
37
37
|
// HEADING modifiers
|
|
38
38
|
// h1
|
|
39
39
|
--#{$title}--m-h1--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
40
|
-
--#{$title}--m-h1--FontSize: var(--pf-t--global--font--size--heading--
|
|
40
|
+
--#{$title}--m-h1--FontSize: var(--pf-t--global--font--size--heading--h1);
|
|
41
41
|
--#{$title}--m-h1--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
42
42
|
|
|
43
43
|
// h2
|
|
44
44
|
--#{$title}--m-h2--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
45
|
-
--#{$title}--m-h2--FontSize: var(--pf-t--global--font--size--heading--
|
|
45
|
+
--#{$title}--m-h2--FontSize: var(--pf-t--global--font--size--heading--h2);
|
|
46
46
|
--#{$title}--m-h2--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
47
47
|
|
|
48
48
|
// h3
|
|
49
49
|
--#{$title}--m-h3--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
50
|
-
--#{$title}--m-h3--FontSize: var(--pf-t--global--font--size--heading--
|
|
50
|
+
--#{$title}--m-h3--FontSize: var(--pf-t--global--font--size--heading--h3);
|
|
51
51
|
--#{$title}--m-h3--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
52
52
|
|
|
53
53
|
// h4
|
|
54
54
|
--#{$title}--m-h4--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
55
|
-
--#{$title}--m-h4--FontSize: var(--pf-t--global--font--size--heading--
|
|
55
|
+
--#{$title}--m-h4--FontSize: var(--pf-t--global--font--size--heading--h4);
|
|
56
56
|
--#{$title}--m-h4--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
57
57
|
|
|
58
58
|
// h5
|
|
59
59
|
--#{$title}--m-h5--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
60
|
-
--#{$title}--m-h5--FontSize: var(--pf-t--global--font--size--heading--
|
|
60
|
+
--#{$title}--m-h5--FontSize: var(--pf-t--global--font--size--heading--h5);
|
|
61
61
|
--#{$title}--m-h5--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
62
62
|
|
|
63
63
|
// h6
|
|
64
64
|
--#{$title}--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
65
|
-
--#{$title}--m-h6--FontSize: var(--pf-t--global--font--size--heading--
|
|
65
|
+
--#{$title}--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
|
|
66
66
|
--#{$title}--m-h6--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
67
67
|
}
|
|
68
68
|
|