@patternfly/patternfly 6.0.0-alpha.187 → 6.0.0-alpha.189
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/normalize.scss +2 -2
- package/base/patternfly-variables.css +6 -6
- package/base/tokens/tokens-charts-dark.scss +1 -1
- package/base/tokens/tokens-charts.scss +1 -1
- package/base/tokens/tokens-dark.scss +1 -1
- package/base/tokens/tokens-default.scss +7 -5
- package/base/tokens/tokens-local.scss +0 -4
- package/base/tokens/tokens-palette.scss +1 -1
- package/components/Accordion/accordion.css +2 -4
- package/components/Accordion/accordion.scss +2 -4
- package/components/Badge/badge.scss +1 -1
- package/components/Button/button.css +1 -1
- package/components/Button/button.scss +1 -1
- package/components/CalendarMonth/calendar-month.css +1 -1
- package/components/CalendarMonth/calendar-month.scss +1 -1
- package/components/Card/card.css +1 -1
- package/components/Card/card.scss +1 -1
- package/components/Check/check.css +1 -1
- package/components/Check/check.scss +1 -1
- package/components/Content/content.css +7 -7
- package/components/Content/content.scss +7 -7
- package/components/EmptyState/empty-state.css +1 -1
- package/components/EmptyState/empty-state.scss +1 -1
- package/components/Form/form.css +1 -1
- package/components/Form/form.scss +1 -1
- package/components/HelperText/helper-text.css +1 -1
- package/components/HelperText/helper-text.scss +1 -1
- package/components/Menu/menu.css +1 -1
- package/components/Menu/menu.scss +1 -1
- package/components/ModalBox/modal-box.css +1 -1
- package/components/ModalBox/modal-box.scss +1 -1
- package/components/MultipleFileUpload/multiple-file-upload.css +3 -3
- package/components/MultipleFileUpload/multiple-file-upload.scss +3 -3
- package/components/Nav/nav.css +1 -1
- package/components/Nav/nav.scss +1 -1
- package/components/NotificationDrawer/notification-drawer.css +1 -1
- package/components/NotificationDrawer/notification-drawer.scss +1 -1
- package/components/Page/page.css +1 -1
- package/components/Page/page.scss +1 -1
- package/components/ProgressStepper/progress-stepper.css +1 -1
- package/components/ProgressStepper/progress-stepper.scss +1 -1
- package/components/Radio/radio.css +1 -1
- package/components/Radio/radio.scss +1 -1
- package/components/Table/table.css +1 -1
- package/components/Table/table.scss +1 -1
- package/components/Title/title.css +12 -12
- package/components/Title/title.scss +12 -12
- package/components/Wizard/wizard.css +1 -1
- package/components/Wizard/wizard.scss +1 -1
- package/components/_index.css +40 -42
- package/layouts/Flex/flex.css +1 -1
- package/layouts/Flex/flex.scss +1 -1
- package/layouts/Gallery/gallery.css +1 -1
- package/layouts/Gallery/gallery.scss +1 -1
- package/layouts/Grid/grid.css +1 -1
- package/layouts/Grid/grid.scss +1 -1
- package/layouts/Level/level.css +1 -1
- package/layouts/Level/level.scss +1 -1
- package/layouts/Split/split.css +1 -1
- package/layouts/Split/split.scss +1 -1
- package/layouts/Stack/stack.css +1 -1
- package/layouts/Stack/stack.scss +1 -1
- package/layouts/_index.css +6 -6
- package/package.json +6 -6
- package/patternfly-addons.css +6 -6
- package/patternfly-base-no-globals.css +6 -6
- package/patternfly-base.css +8 -8
- package/patternfly-no-globals.css +52 -54
- package/patternfly.css +54 -56
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/utilities/Text/text.css +6 -6
- package/utilities/Text/text.scss +1 -1
- package/utilities/_index.css +6 -6
package/base/normalize.scss
CHANGED
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
:where(body) {
|
|
19
19
|
font-family: var(--pf-t--global--font--family--body);
|
|
20
20
|
font-size: var(--pf-t--global--font--size--body--default);
|
|
21
|
-
font-weight: var(--pf-t--global--font--weight--body);
|
|
21
|
+
font-weight: var(--pf-t--global--font--weight--body--default);
|
|
22
22
|
line-height: var(--pf-t--global--font--line-height--body);
|
|
23
23
|
color: var(--pf-t--global--text--color--regular);
|
|
24
24
|
}
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
h6
|
|
33
33
|
) {
|
|
34
34
|
font-size: 100%;
|
|
35
|
-
font-weight: var(--pf-t--global--font--weight--body);
|
|
35
|
+
font-weight: var(--pf-t--global--font--weight--body--default);
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
:where(ul) {
|
|
@@ -305,8 +305,8 @@
|
|
|
305
305
|
--pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
|
|
306
306
|
--pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
|
|
307
307
|
--pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
|
|
308
|
-
--pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--
|
|
309
|
-
--pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--
|
|
308
|
+
--pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
|
|
309
|
+
--pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
|
|
310
310
|
--pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
|
|
311
311
|
--pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
|
|
312
312
|
--pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
|
|
@@ -315,8 +315,10 @@
|
|
|
315
315
|
--pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
|
|
316
316
|
--pf-t--global--font--size--xl: var(--pf-t--global--font--size--500);
|
|
317
317
|
--pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
|
|
318
|
-
--pf-t--global--font--weight--body: var(--pf-t--global--font--weight--
|
|
319
|
-
--pf-t--global--font--weight--
|
|
318
|
+
--pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
|
|
319
|
+
--pf-t--global--font--weight--body--default: var(--pf-t--global--font--weight--100);
|
|
320
|
+
--pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
|
|
321
|
+
--pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
|
|
320
322
|
--pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
|
|
321
323
|
--pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
|
|
322
324
|
--pf-t--global--icon--color--300: var(--pf-t--color--white);
|
|
@@ -722,8 +724,6 @@
|
|
|
722
724
|
--pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
|
|
723
725
|
--pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
|
|
724
726
|
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
725
|
-
--pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
|
|
726
|
-
--pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
|
|
727
727
|
--pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
|
|
728
728
|
--pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
|
|
729
729
|
--pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Fri, 12 Jul 2024 15:40:40 GMT
|
|
4
4
|
|
|
5
5
|
@mixin pf-v6-tokens {
|
|
6
6
|
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
|
|
@@ -240,8 +240,8 @@
|
|
|
240
240
|
--pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
|
|
241
241
|
--pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
|
|
242
242
|
--pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
|
|
243
|
-
--pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--
|
|
244
|
-
--pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--
|
|
243
|
+
--pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
|
|
244
|
+
--pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
|
|
245
245
|
--pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
|
|
246
246
|
--pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
|
|
247
247
|
--pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
|
|
@@ -250,8 +250,10 @@
|
|
|
250
250
|
--pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
|
|
251
251
|
--pf-t--global--font--size--xl: var(--pf-t--global--font--size--500);
|
|
252
252
|
--pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
|
|
253
|
-
--pf-t--global--font--weight--body: var(--pf-t--global--font--weight--
|
|
254
|
-
--pf-t--global--font--weight--
|
|
253
|
+
--pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
|
|
254
|
+
--pf-t--global--font--weight--body--default: var(--pf-t--global--font--weight--100);
|
|
255
|
+
--pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
|
|
256
|
+
--pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
|
|
255
257
|
--pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
|
|
256
258
|
--pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
|
|
257
259
|
--pf-t--global--icon--color--300: var(--pf-t--color--white);
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
// LOCAL TOKENS
|
|
2
2
|
|
|
3
3
|
@mixin pf-v6-tokens {
|
|
4
|
-
// TODO Missing semantic font tokens not getting exported from Figma properly
|
|
5
|
-
--pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
|
|
6
|
-
--pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
|
|
7
|
-
|
|
8
4
|
// TODO Maintaining these in addition to the h1-h6 sizes
|
|
9
5
|
--pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
|
|
10
6
|
--pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
--pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
15
15
|
--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--md);
|
|
16
16
|
--pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
|
|
17
|
-
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body);
|
|
17
|
+
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
18
18
|
--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
19
19
|
--pf-v6-c-accordion__toggle-icon--Transition: .2s ease-in 0s;
|
|
20
20
|
--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
|
|
@@ -38,8 +38,7 @@
|
|
|
38
38
|
--pf-v6-c-accordion--m-display-lg__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
39
39
|
--pf-v6-c-accordion--m-display-lg__toggle--FontFamily: var(--pf-t--global--font--family--heading);
|
|
40
40
|
--pf-v6-c-accordion--m-display-lg__toggle--FontSize: var(--pf-t--global--font--size--heading--sm);
|
|
41
|
-
--pf-v6-c-accordion--m-display-lg__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
42
|
-
--pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
41
|
+
--pf-v6-c-accordion--m-display-lg__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
43
42
|
--pf-v6-c-accordion--m-display-lg__expandable-content--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
44
43
|
--pf-v6-c-accordion--m-display-lg__expandable-content--Color: var(--pf-t--global--text--color--regular);
|
|
45
44
|
--pf-v6-c-accordion--m-bordered--RowGap: 0;
|
|
@@ -65,7 +64,6 @@
|
|
|
65
64
|
--pf-v6-c-accordion__toggle--FontFamily: var(--pf-v6-c-accordion--m-display-lg__toggle--FontFamily);
|
|
66
65
|
--pf-v6-c-accordion__toggle--FontSize: var(--pf-v6-c-accordion--m-display-lg__toggle--FontSize);
|
|
67
66
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion--m-display-lg__toggle-text--FontWeight);
|
|
68
|
-
--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight);
|
|
69
67
|
--pf-v6-c-accordion__expandable-content--FontSize: var(--pf-v6-c-accordion--m-display-lg__expandable-content--FontSize);
|
|
70
68
|
--pf-v6-c-accordion__expandable-content--Color: var(--pf-v6-c-accordion--m-display-lg__expandable-content--Color);
|
|
71
69
|
}
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
|
|
26
26
|
// accordion toggle text
|
|
27
27
|
--#{$accordion}__toggle-text--Color: var(--pf-t--global--text--color--regular);
|
|
28
|
-
--#{$accordion}__toggle-text--FontWeight: var(--pf-t--global--font--weight--body);
|
|
28
|
+
--#{$accordion}__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
29
29
|
--#{$accordion}__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
30
30
|
|
|
31
31
|
// accordion toggle icon
|
|
@@ -57,8 +57,7 @@
|
|
|
57
57
|
--#{$accordion}--m-display-lg__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
58
58
|
--#{$accordion}--m-display-lg__toggle--FontFamily: var(--pf-t--global--font--family--heading);
|
|
59
59
|
--#{$accordion}--m-display-lg__toggle--FontSize: var(--pf-t--global--font--size--heading--sm);
|
|
60
|
-
--#{$accordion}--m-display-lg__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
61
|
-
--#{$accordion}--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
60
|
+
--#{$accordion}--m-display-lg__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
62
61
|
--#{$accordion}--m-display-lg__expandable-content--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
63
62
|
--#{$accordion}--m-display-lg__expandable-content--Color: var(--pf-t--global--text--color--regular);
|
|
64
63
|
|
|
@@ -87,7 +86,6 @@
|
|
|
87
86
|
--#{$accordion}__toggle--FontFamily: var(--#{$accordion}--m-display-lg__toggle--FontFamily);
|
|
88
87
|
--#{$accordion}__toggle--FontSize: var(--#{$accordion}--m-display-lg__toggle--FontSize);
|
|
89
88
|
--#{$accordion}__toggle-text--FontWeight: var(--#{$accordion}--m-display-lg__toggle-text--FontWeight);
|
|
90
|
-
--#{$accordion}__toggle--m-expanded__toggle-text--FontWeight: var(--#{$accordion}--m-display-lg__toggle--m-expanded__toggle-text--FontWeight);
|
|
91
89
|
--#{$accordion}__expandable-content--FontSize: var(--#{$accordion}--m-display-lg__expandable-content--FontSize);
|
|
92
90
|
--#{$accordion}__expandable-content--Color: var(--#{$accordion}--m-display-lg__expandable-content--Color);
|
|
93
91
|
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
--#{$badge}--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
7
7
|
--#{$badge}--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
8
8
|
--#{$badge}--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
9
|
-
--#{$badge}--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
9
|
+
--#{$badge}--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
10
10
|
--#{$badge}--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
11
11
|
--#{$badge}--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
12
12
|
--#{$badge}--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
10
10
|
--pf-v6-c-button--Color: var(--pf-t--global--text--color--regular);
|
|
11
11
|
--pf-v6-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
12
|
-
--pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body);
|
|
12
|
+
--pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
13
13
|
--pf-v6-c-button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
14
14
|
--pf-v6-c-button--BackgroundColor: transparent;
|
|
15
15
|
--pf-v6-c-button--BorderColor: transparent;
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
--#{$button}--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
12
12
|
--#{$button}--Color: var(--pf-t--global--text--color--regular);
|
|
13
13
|
--#{$button}--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
14
|
-
--#{$button}--FontWeight: var(--pf-t--global--font--weight--body);
|
|
14
|
+
--#{$button}--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
15
15
|
--#{$button}--FontSize: var(--pf-t--global--font--size--body--default);
|
|
16
16
|
--#{$button}--BackgroundColor: transparent;
|
|
17
17
|
--#{$button}--BorderColor: transparent;
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
--pf-v6-c-calendar-month__days--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
14
14
|
--pf-v6-c-calendar-month__days--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
15
15
|
--pf-v6-c-calendar-month__day--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
16
|
-
--pf-v6-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body);
|
|
16
|
+
--pf-v6-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
17
17
|
--pf-v6-c-calendar-month__day--Color: var(--pf-t--global--text--color--regular);
|
|
18
18
|
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: 0.125rem;
|
|
19
19
|
--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd: 0.125rem;
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
|
|
22
22
|
// day th
|
|
23
23
|
--#{$calendar-month}__day--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
24
|
-
--#{$calendar-month}__day--FontWeight: var(--pf-t--global--font--weight--body);
|
|
24
|
+
--#{$calendar-month}__day--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
25
25
|
--#{$calendar-month}__day--Color: var(--pf-t--global--text--color--regular);
|
|
26
26
|
|
|
27
27
|
// dates td
|
package/components/Card/card.css
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
--pf-v6-c-card__title-text--Color: var(--pf-t--global--text--color--regular);
|
|
14
14
|
--pf-v6-c-card__title-text--FontFamily: var(--pf-t--global--font--family--heading);
|
|
15
15
|
--pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
16
|
-
--pf-v6-c-card__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
16
|
+
--pf-v6-c-card__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
17
17
|
--pf-v6-c-card__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
18
18
|
--pf-v6-c-card--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
19
19
|
--pf-v6-c-card__body--FontSize: var(--pf-t--global--font--size--body--default);
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
--#{$card}__title-text--Color: var(--pf-t--global--text--color--regular);
|
|
16
16
|
--#{$card}__title-text--FontFamily: var(--pf-t--global--font--family--heading);
|
|
17
17
|
--#{$card}__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
18
|
-
--#{$card}__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
18
|
+
--#{$card}__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
19
19
|
--#{$card}__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
20
20
|
--#{$card}--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
21
21
|
--#{$card}__body--FontSize: var(--pf-t--global--font--size--body--default);
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
--pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
|
|
5
5
|
--pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
6
6
|
--pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
|
|
7
|
-
--pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body);
|
|
7
|
+
--pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
8
8
|
--pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
9
9
|
--pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
10
10
|
--pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
// TODO: update to `--#{$check}--FontSize` `--#{$check}--LineHeight`
|
|
9
9
|
--#{$check}__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
10
10
|
--#{$check}__label--Color: var(--pf-t--global--text--color--regular);
|
|
11
|
-
--#{$check}__label--FontWeight: var(--pf-t--global--font--weight--body);
|
|
11
|
+
--#{$check}__label--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
12
12
|
--#{$check}__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13
13
|
--#{$check}__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
14
14
|
--#{$check}__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
@@ -2,39 +2,39 @@
|
|
|
2
2
|
--pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
3
3
|
--pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
4
4
|
--pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
|
|
5
|
-
--pf-v6-c-content--FontWeight: var(--pf-t--global--font--weight--body);
|
|
5
|
+
--pf-v6-c-content--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
6
6
|
--pf-v6-c-content--Color: var(--pf-t--global--text--color--regular);
|
|
7
7
|
--pf-v6-c-content--heading--FontFamily: var(--pf-t--global--font--family--heading);
|
|
8
8
|
--pf-v6-c-content--h1--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
9
9
|
--pf-v6-c-content--h1--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
10
10
|
--pf-v6-c-content--h1--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
11
11
|
--pf-v6-c-content--h1--FontSize: var(--pf-t--global--font--size--heading--h1);
|
|
12
|
-
--pf-v6-c-content--h1--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
12
|
+
--pf-v6-c-content--h1--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
13
13
|
--pf-v6-c-content--h2--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
14
14
|
--pf-v6-c-content--h2--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
15
15
|
--pf-v6-c-content--h2--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
16
16
|
--pf-v6-c-content--h2--FontSize: var(--pf-t--global--font--size--heading--h2);
|
|
17
|
-
--pf-v6-c-content--h2--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
17
|
+
--pf-v6-c-content--h2--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
18
18
|
--pf-v6-c-content--h3--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
19
19
|
--pf-v6-c-content--h3--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20
20
|
--pf-v6-c-content--h3--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
21
21
|
--pf-v6-c-content--h3--FontSize: var(--pf-t--global--font--size--heading--h3);
|
|
22
|
-
--pf-v6-c-content--h3--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
22
|
+
--pf-v6-c-content--h3--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
23
23
|
--pf-v6-c-content--h4--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
24
24
|
--pf-v6-c-content--h4--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
25
25
|
--pf-v6-c-content--h4--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
26
26
|
--pf-v6-c-content--h4--FontSize: var(--pf-t--global--font--size--heading--h4);
|
|
27
|
-
--pf-v6-c-content--h4--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
27
|
+
--pf-v6-c-content--h4--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
28
28
|
--pf-v6-c-content--h5--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
29
29
|
--pf-v6-c-content--h5--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
30
30
|
--pf-v6-c-content--h5--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
31
31
|
--pf-v6-c-content--h5--FontSize: var(--pf-t--global--font--size--heading--h5);
|
|
32
|
-
--pf-v6-c-content--h5--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
32
|
+
--pf-v6-c-content--h5--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
33
33
|
--pf-v6-c-content--h6--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
34
34
|
--pf-v6-c-content--h6--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
35
35
|
--pf-v6-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
36
36
|
--pf-v6-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--h6);
|
|
37
|
-
--pf-v6-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
37
|
+
--pf-v6-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
38
38
|
--pf-v6-c-content--small--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
39
39
|
--pf-v6-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
40
40
|
--pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
--#{$content}--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
6
6
|
--#{$content}--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
7
7
|
--#{$content}--FontSize: var(--pf-t--global--font--size--body--default);
|
|
8
|
-
--#{$content}--FontWeight: var(--pf-t--global--font--weight--body);
|
|
8
|
+
--#{$content}--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
9
9
|
|
|
10
10
|
// this ensures color is not overridden
|
|
11
11
|
--#{$content}--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -18,42 +18,42 @@
|
|
|
18
18
|
--#{$content}--h1--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
19
19
|
--#{$content}--h1--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
20
20
|
--#{$content}--h1--FontSize: var(--pf-t--global--font--size--heading--h1);
|
|
21
|
-
--#{$content}--h1--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
21
|
+
--#{$content}--h1--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
22
22
|
|
|
23
23
|
// h2
|
|
24
24
|
--#{$content}--h2--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
25
25
|
--#{$content}--h2--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
26
26
|
--#{$content}--h2--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
27
27
|
--#{$content}--h2--FontSize: var(--pf-t--global--font--size--heading--h2);
|
|
28
|
-
--#{$content}--h2--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
28
|
+
--#{$content}--h2--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
29
29
|
|
|
30
30
|
// h3
|
|
31
31
|
--#{$content}--h3--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
32
32
|
--#{$content}--h3--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
33
33
|
--#{$content}--h3--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
34
34
|
--#{$content}--h3--FontSize: var(--pf-t--global--font--size--heading--h3);
|
|
35
|
-
--#{$content}--h3--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
35
|
+
--#{$content}--h3--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
36
36
|
|
|
37
37
|
// h4
|
|
38
38
|
--#{$content}--h4--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
39
39
|
--#{$content}--h4--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
40
40
|
--#{$content}--h4--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
41
41
|
--#{$content}--h4--FontSize: var(--pf-t--global--font--size--heading--h4);
|
|
42
|
-
--#{$content}--h4--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
42
|
+
--#{$content}--h4--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
43
43
|
|
|
44
44
|
// h5
|
|
45
45
|
--#{$content}--h5--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
46
46
|
--#{$content}--h5--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
47
47
|
--#{$content}--h5--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
48
48
|
--#{$content}--h5--FontSize: var(--pf-t--global--font--size--heading--h5);
|
|
49
|
-
--#{$content}--h5--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
49
|
+
--#{$content}--h5--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
50
50
|
|
|
51
51
|
// h6
|
|
52
52
|
--#{$content}--h6--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
53
53
|
--#{$content}--h6--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
54
54
|
--#{$content}--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
55
55
|
--#{$content}--h6--FontSize: var(--pf-t--global--font--size--heading--h6);
|
|
56
|
-
--#{$content}--h6--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
56
|
+
--#{$content}--h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
57
57
|
|
|
58
58
|
// Small text
|
|
59
59
|
--#{$content}--small--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
--pf-v6-c-empty-state--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
25
25
|
--pf-v6-c-empty-state__title-text--FontFamily: var(--pf-t--global--font--family--heading);
|
|
26
26
|
--pf-v6-c-empty-state__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
27
|
-
--pf-v6-c-empty-state__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
27
|
+
--pf-v6-c-empty-state__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
28
28
|
--pf-v6-c-empty-state__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
29
29
|
--pf-v6-c-empty-state--m-xs__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
30
30
|
--pf-v6-c-empty-state--m-xl__title-text--FontSize: var(--pf-t--global--font--size--heading--2xl);
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
// Title text
|
|
35
35
|
--#{$empty-state}__title-text--FontFamily: var(--pf-t--global--font--family--heading);
|
|
36
36
|
--#{$empty-state}__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
37
|
-
--#{$empty-state}__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
37
|
+
--#{$empty-state}__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
38
38
|
--#{$empty-state}__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
39
39
|
--#{$empty-state}--m-xs__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
40
40
|
--#{$empty-state}--m-xl__title-text--FontSize: var(--pf-t--global--font--size--heading--2xl);
|
package/components/Form/form.css
CHANGED
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
--pf-v6-c-form__section--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
42
42
|
--pf-v6-c-form__section--Gap: var(--pf-t--global--spacer--md);
|
|
43
43
|
--pf-v6-c-form__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
44
|
-
--pf-v6-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
44
|
+
--pf-v6-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
45
45
|
--pf-v6-c-form__section-title--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
46
46
|
--pf-v6-c-form__field-group--border-width-base: var(--pf-t--global--border--width--divider--default);
|
|
47
47
|
--pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
|
|
@@ -116,7 +116,7 @@ $pf-v6-c-form--m-horizontal--breakpoint-map: build-breakpoint-map("sm", "md", "l
|
|
|
116
116
|
|
|
117
117
|
// Section title
|
|
118
118
|
--#{$form}__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
119
|
-
--#{$form}__section-title--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
119
|
+
--#{$form}__section-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
120
120
|
--#{$form}__section-title--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
121
121
|
|
|
122
122
|
// Field groups
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
--pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
4
4
|
--pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
5
5
|
--pf-v6-c-helper-text__item-text--Color: var(--pf-t--global--text--color--regular);
|
|
6
|
-
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body);
|
|
6
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
7
7
|
--pf-v6-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
|
|
8
8
|
--pf-v6-c-helper-text__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
|
|
9
9
|
--pf-v6-c-helper-text__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
// item
|
|
8
8
|
--#{$helper-text}__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
9
9
|
--#{$helper-text}__item-text--Color: var(--pf-t--global--text--color--regular);
|
|
10
|
-
--#{$helper-text}__item-text--FontWeight: var(--pf-t--global--font--weight--body);
|
|
10
|
+
--#{$helper-text}__item-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
11
11
|
--#{$helper-text}__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
|
|
12
12
|
--#{$helper-text}__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
|
|
13
13
|
--#{$helper-text}__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
|
package/components/Menu/menu.css
CHANGED
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
--pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
43
43
|
--pf-v6-c-menu__item--FontSize: var(--pf-t--global--font--size--body--default);
|
|
44
44
|
--pf-v6-c-menu__item--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
45
|
-
--pf-v6-c-menu__item--FontWeight: var(--pf-t--global--font--weight--body);
|
|
45
|
+
--pf-v6-c-menu__item--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
46
46
|
--pf-v6-c-menu__item--Color: var(--pf-t--global--text--color--regular);
|
|
47
47
|
--pf-v6-c-menu__item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
48
48
|
--pf-v6-c-menu__item--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
--#{$menu}__item--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
60
60
|
--#{$menu}__item--FontSize: var(--pf-t--global--font--size--body--default);
|
|
61
61
|
--#{$menu}__item--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
62
|
-
--#{$menu}__item--FontWeight: var(--pf-t--global--font--weight--body);
|
|
62
|
+
--#{$menu}__item--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
63
63
|
--#{$menu}__item--Color: var(--pf-t--global--text--color--regular);
|
|
64
64
|
--#{$menu}__item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
65
65
|
--#{$menu}__item--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
--pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
|
|
28
28
|
--pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
29
29
|
--pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
30
|
-
--pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
30
|
+
--pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
31
31
|
--pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
32
32
|
--pf-v6-c-modal-box__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
33
33
|
--pf-v6-c-modal-box__title-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
// Title
|
|
42
42
|
--#{$modal-box}__title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
43
43
|
--#{$modal-box}__title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
44
|
-
--#{$modal-box}__title--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
44
|
+
--#{$modal-box}__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
45
45
|
--#{$modal-box}__title--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
46
46
|
|
|
47
47
|
// Title icon
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
--pf-v6-c-multiple-file-upload__title-text--Color: var(--pf-t--global--text--color--regular);
|
|
23
23
|
--pf-v6-c-multiple-file-upload__title-text--FontFamily: var(--pf-t--global--font--family--heading);
|
|
24
24
|
--pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
|
|
25
|
-
--pf-v6-c-multiple-file-upload__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
25
|
+
--pf-v6-c-multiple-file-upload__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
26
26
|
--pf-v6-c-multiple-file-upload__title-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
27
27
|
--pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-t--global--icon--size--xl);
|
|
28
28
|
--pf-v6-c-multiple-file-upload__title-text-separator--Display: block;
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
--pf-v6-c-multiple-file-upload__title-text-separator--Color: var(--pf-t--global--text--color--regular);
|
|
32
32
|
--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-t--global--font--family--body);
|
|
33
33
|
--pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
34
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-t--global--font--weight--body);
|
|
34
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
35
35
|
--pf-v6-c-multiple-file-upload__info--FontSize: var(--pf-t--global--font--size--body--default);
|
|
36
36
|
--pf-v6-c-multiple-file-upload__info--Color: var(--pf-t--global--text--color--subtle);
|
|
37
37
|
--pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart: 0;
|
|
54
54
|
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily: var(--pf-t--global--font--family--heading);
|
|
55
55
|
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
56
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
56
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
57
57
|
--pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart: 0;
|
|
58
58
|
--pf-v6-c-multiple-file-upload__status--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
59
59
|
--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
--#{$multiple-file-upload}__title-text--Color: var(--pf-t--global--text--color--regular);
|
|
31
31
|
--#{$multiple-file-upload}__title-text--FontFamily: var(--pf-t--global--font--family--heading);
|
|
32
32
|
--#{$multiple-file-upload}__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
|
|
33
|
-
--#{$multiple-file-upload}__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
33
|
+
--#{$multiple-file-upload}__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
34
34
|
|
|
35
35
|
// title icon
|
|
36
36
|
--#{$multiple-file-upload}__title-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
--#{$multiple-file-upload}__title-text-separator--Color: var(--pf-t--global--text--color--regular);
|
|
44
44
|
--#{$multiple-file-upload}__title-text-separator--FontFamily: var(--pf-t--global--font--family--body);
|
|
45
45
|
--#{$multiple-file-upload}__title-text-separator--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
46
|
-
--#{$multiple-file-upload}__title-text-separator--FontWeight: var(--pf-t--global--font--weight--body);
|
|
46
|
+
--#{$multiple-file-upload}__title-text-separator--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
47
47
|
|
|
48
48
|
// info
|
|
49
49
|
--#{$multiple-file-upload}__info--FontSize: var(--pf-t--global--font--size--body--default);
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
--#{$multiple-file-upload}--m-horizontal__title-text-separator--MarginBlockStart: 0;
|
|
74
74
|
--#{$multiple-file-upload}--m-horizontal__title-text-separator--FontFamily: var(--pf-t--global--font--family--heading);
|
|
75
75
|
--#{$multiple-file-upload}--m-horizontal__title-text-separator--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
76
|
-
--#{$multiple-file-upload}--m-horizontal__title-text-separator--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
76
|
+
--#{$multiple-file-upload}--m-horizontal__title-text-separator--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
77
77
|
--#{$multiple-file-upload}--m-horizontal__info--MarginBlockStart: 0;
|
|
78
78
|
|
|
79
79
|
// status container
|
package/components/Nav/nav.css
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
--pf-v6-c-nav--ColumnGap: 0;
|
|
14
14
|
--pf-v6-c-nav--AlignItems: baseline;
|
|
15
15
|
--pf-v6-c-nav--FontSize: var(--pf-t--global--font--size--body--default);
|
|
16
|
-
--pf-v6-c-nav--FontWeight: var(--pf-t--global--font--weight--body);
|
|
16
|
+
--pf-v6-c-nav--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
17
17
|
--pf-v6-c-nav--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
18
18
|
--pf-v6-c-nav--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
19
19
|
--pf-v6-c-nav--BackgroundColor: transparent;
|
package/components/Nav/nav.scss
CHANGED
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
--#{$nav}--ColumnGap: 0;
|
|
19
19
|
--#{$nav}--AlignItems: baseline;
|
|
20
20
|
--#{$nav}--FontSize: var(--pf-t--global--font--size--body--default);
|
|
21
|
-
--#{$nav}--FontWeight: var(--pf-t--global--font--weight--body);
|
|
21
|
+
--#{$nav}--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
22
22
|
--#{$nav}--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
23
23
|
--#{$nav}--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
24
24
|
--#{$nav}--BackgroundColor: transparent;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
--pf-v6-c-notification-drawer__header--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
8
8
|
--pf-v6-c-notification-drawer__header--ZIndex: var(--pf-t--global--z-index--sm);
|
|
9
9
|
--pf-v6-c-notification-drawer__header-title--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
10
|
-
--pf-v6-c-notification-drawer__header-title--FontWeight: var(--pf-t--global--font--weight--heading--
|
|
10
|
+
--pf-v6-c-notification-drawer__header-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
11
11
|
--pf-v6-c-notification-drawer__header-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
12
12
|
--pf-v6-c-notification-drawer__header-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
13
13
|
--pf-v6-c-notification-drawer__header-status--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
--#{$notification-drawer}__header--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
12
12
|
--#{$notification-drawer}__header--ZIndex: var(--pf-t--global--z-index--sm);
|
|
13
13
|
--#{$notification-drawer}__header-title--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
14
|
-
--#{$notification-drawer}__header-title--FontWeight: var(--pf-t--global--font--weight--heading--
|
|
14
|
+
--#{$notification-drawer}__header-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15
15
|
--#{$notification-drawer}__header-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
16
16
|
--#{$notification-drawer}__header-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
17
17
|
--#{$notification-drawer}__header-status--MarginInlineStart: var(--pf-t--global--spacer--md);
|
package/components/Page/page.css
CHANGED
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
--pf-v6-c-page__sidebar-title--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
24
24
|
--pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
25
25
|
--pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
26
|
-
--pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
26
|
+
--pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
27
27
|
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: 0;
|
|
28
28
|
--pf-v6-c-page__sidebar-body--PaddingInlineStart: 0;
|
|
29
29
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
|
|
@@ -41,7 +41,7 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
|
|
|
41
41
|
--#{$page}__sidebar-title--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
42
42
|
--#{$page}__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
43
43
|
--#{$page}__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
44
|
-
--#{$page}__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
44
|
+
--#{$page}__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
45
45
|
|
|
46
46
|
// Sidebar body
|
|
47
47
|
--#{$page}__sidebar-body--PaddingInlineEnd: 0;
|