@patternfly/react-styles 6.0.0-alpha.26 → 6.0.0-alpha.28
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +12 -0
- package/css/assets/images/img_avatar-dark.svg +22 -16
- package/css/assets/images/img_avatar-light.svg +25 -18
- package/css/components/Alert/alert-group.css +55 -4
- package/css/components/Alert/alert-group.d.ts +5 -1
- package/css/components/Alert/alert-group.js +5 -1
- package/css/components/Alert/alert-group.mjs +5 -1
- package/css/components/Alert/alert.css +5 -14
- package/css/components/Button/button.css +44 -21
- package/css/components/Card/card.css +7 -7
- package/css/components/Card/card.d.ts +1 -0
- package/css/components/Card/card.js +1 -0
- package/css/components/Card/card.mjs +1 -0
- package/css/components/ClipboardCopy/clipboard-copy.css +11 -19
- package/css/components/ClipboardCopy/clipboard-copy.d.ts +2 -1
- package/css/components/ClipboardCopy/clipboard-copy.js +2 -1
- package/css/components/ClipboardCopy/clipboard-copy.mjs +2 -1
- package/css/components/Content/content.css +19 -43
- package/css/components/DataList/data-list.css +2 -2
- package/css/components/Drawer/drawer.css +6 -6
- package/css/components/EmptyState/empty-state.css +3 -3
- package/css/components/Hint/hint.css +1 -7
- package/css/components/InlineEdit/inline-edit.css +2 -2
- package/css/components/JumpLinks/jump-links.css +3 -20
- package/css/components/JumpLinks/jump-links.d.ts +0 -2
- package/css/components/JumpLinks/jump-links.js +0 -2
- package/css/components/JumpLinks/jump-links.mjs +0 -2
- package/css/components/Label/label.css +6 -6
- package/css/components/List/list.css +33 -40
- package/css/components/MenuToggle/menu-toggle.css +6 -34
- package/css/components/MenuToggle/menu-toggle.d.ts +0 -1
- package/css/components/MenuToggle/menu-toggle.js +0 -1
- package/css/components/MenuToggle/menu-toggle.mjs +0 -1
- package/css/components/ModalBox/modal-box.css +2 -0
- package/css/components/Nav/nav.css +1 -0
- package/css/components/NotificationDrawer/notification-drawer.css +1 -7
- package/css/components/NumberInput/number-input.css +0 -1
- package/css/components/Page/page.css +45 -55
- package/css/components/Page/page.d.ts +1 -0
- package/css/components/Page/page.js +1 -0
- package/css/components/Page/page.mjs +1 -0
- package/css/components/Panel/panel.css +17 -14
- package/css/components/Popover/popover.css +3 -5
- package/css/components/Switch/switch.css +0 -6
- package/css/components/Switch/switch.d.ts +1 -3
- package/css/components/Switch/switch.js +1 -3
- package/css/components/Switch/switch.mjs +1 -3
- package/css/components/Table/table-grid.css +26 -100
- package/css/components/Table/table-grid.d.ts +2 -1
- package/css/components/Table/table-grid.js +2 -1
- package/css/components/Table/table-grid.mjs +2 -1
- package/css/components/Tabs/tabs.css +1 -18
- package/css/components/Tabs/tabs.d.ts +1 -2
- package/css/components/Tabs/tabs.js +1 -2
- package/css/components/Tabs/tabs.mjs +1 -2
- package/css/components/Toolbar/toolbar.css +67 -792
- package/css/components/Toolbar/toolbar.d.ts +2 -110
- package/css/components/Toolbar/toolbar.js +2 -110
- package/css/components/Toolbar/toolbar.mjs +2 -110
- package/css/components/Truncate/truncate.css +1 -1
- package/css/components/Wizard/wizard.css +24 -9
- package/css/components/Wizard/wizard.d.ts +1 -0
- package/css/components/Wizard/wizard.js +1 -0
- package/css/components/Wizard/wizard.mjs +1 -0
- package/css/components/_index.css +388 -1410
- package/css/components/_index.d.ts +7 -130
- package/css/components/_index.js +7 -130
- package/css/components/_index.mjs +7 -130
- package/css/docs/components/Page/examples/Page.css +5 -9
- package/css/docs/components/Page/examples/Page.d.ts +2 -0
- package/css/docs/components/Page/examples/Page.js +2 -0
- package/css/docs/components/Page/examples/Page.mjs +2 -0
- package/css/docs/demos/Page/examples/Page.css +11 -0
- package/css/docs/demos/Page/examples/Page.d.ts +9 -0
- package/css/docs/demos/Page/examples/Page.js +10 -0
- package/css/docs/demos/Page/examples/Page.mjs +8 -0
- package/package.json +3 -3
- package/css/components/LogViewer/log-viewer.css +0 -176
- package/css/components/LogViewer/log-viewer.d.ts +0 -25
- package/css/components/LogViewer/log-viewer.js +0 -26
- package/css/components/LogViewer/log-viewer.mjs +0 -24
- package/css/docs/components/AppLauncher/deprecated/application-launcher.css +0 -25
- package/css/docs/components/AppLauncher/deprecated/application-launcher.d.ts +0 -3
- package/css/docs/components/AppLauncher/deprecated/application-launcher.js +0 -4
- package/css/docs/components/AppLauncher/deprecated/application-launcher.mjs +0 -2
- package/css/docs/components/ContextSelector/deprecated/context-selector.css +0 -7
- package/css/docs/components/ContextSelector/deprecated/context-selector.d.ts +0 -3
- package/css/docs/components/ContextSelector/deprecated/context-selector.js +0 -4
- package/css/docs/components/ContextSelector/deprecated/context-selector.mjs +0 -2
- package/css/docs/components/Dropdown/deprecated/Dropdown.css +0 -64
- package/css/docs/components/Dropdown/deprecated/Dropdown.d.ts +0 -6
- package/css/docs/components/Dropdown/deprecated/Dropdown.js +0 -7
- package/css/docs/components/Dropdown/deprecated/Dropdown.mjs +0 -5
- package/css/docs/components/LogViewer/examples/LogViewer.css +0 -24
- package/css/docs/components/LogViewer/examples/LogViewer.d.ts +0 -8
- package/css/docs/components/LogViewer/examples/LogViewer.js +0 -9
- package/css/docs/components/LogViewer/examples/LogViewer.mjs +0 -7
- package/css/docs/components/OptionsMenu/deprecated/options-menu.css +0 -25
- package/css/docs/components/OptionsMenu/deprecated/options-menu.d.ts +0 -3
- package/css/docs/components/OptionsMenu/deprecated/options-menu.js +0 -4
- package/css/docs/components/OptionsMenu/deprecated/options-menu.mjs +0 -2
- package/css/docs/components/Select/deprecated/Select.css +0 -56
- package/css/docs/components/Select/deprecated/Select.d.ts +0 -3
- package/css/docs/components/Select/deprecated/Select.js +0 -4
- package/css/docs/components/Select/deprecated/Select.mjs +0 -2
@@ -51,16 +51,10 @@
|
|
51
51
|
--pf-v6-c-content--blockquote--Color: var(--pf-t--global--text--color--subtle);
|
52
52
|
--pf-v6-c-content--blockquote--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
53
53
|
--pf-v6-c-content--blockquote--BorderInlineStartWidth: var(--pf-t--global--border--width--300);
|
54
|
-
--pf-v6-c-content--
|
55
|
-
--pf-v6-c-content--
|
56
|
-
--pf-v6-c-content--
|
57
|
-
--pf-v6-c-content--ol--nested--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
58
|
-
--pf-v6-c-content--ul--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
59
|
-
--pf-v6-c-content--ul--MarginInlineStart: var(--pf-t--global--spacer--lg);
|
60
|
-
--pf-v6-c-content--ul--nested--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
61
|
-
--pf-v6-c-content--ul--nested--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
54
|
+
--pf-v6-c-content--list--Gap: var(--pf-t--global--spacer--sm);
|
55
|
+
--pf-v6-c-content--list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
56
|
+
--pf-v6-c-content--list--nested--MarginBlockStart: var(--pf-v6-c-content--list--Gap);
|
62
57
|
--pf-v6-c-content--ul--ListStyle: var(--pf-t--global--list-style);
|
63
|
-
--pf-v6-c-content--li--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
64
58
|
--pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
|
65
59
|
--pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
|
66
60
|
--pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
@@ -130,17 +124,6 @@
|
|
130
124
|
margin-block-end: 0;
|
131
125
|
}
|
132
126
|
|
133
|
-
:is(.pf-v6-c-content--ol,
|
134
|
-
.pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul) {
|
135
|
-
margin: 0;
|
136
|
-
}
|
137
|
-
:is(.pf-v6-c-content--ol,
|
138
|
-
.pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul).pf-m-plain {
|
139
|
-
padding-inline-start: 0;
|
140
|
-
margin-inline-start: 0;
|
141
|
-
list-style: none;
|
142
|
-
}
|
143
|
-
|
144
127
|
:is(.pf-v6-c-content--h1, .pf-v6-c-content h1) {
|
145
128
|
margin-block-start: var(--pf-v6-c-content--h1--MarginBlockStart);
|
146
129
|
margin-block-end: var(--pf-v6-c-content--h1--MarginBlockEnd);
|
@@ -214,36 +197,29 @@
|
|
214
197
|
border: none;
|
215
198
|
}
|
216
199
|
|
217
|
-
:is(.pf-v6-c-content--ol,
|
218
|
-
|
219
|
-
|
200
|
+
:is(.pf-v6-c-content--ol,
|
201
|
+
.pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul) {
|
202
|
+
display: flex;
|
203
|
+
flex-direction: column;
|
204
|
+
gap: var(--pf-v6-c-content--list--Gap);
|
205
|
+
padding-inline-start: var(--pf-v6-c-content--list--PaddingInlineStart);
|
220
206
|
}
|
221
|
-
:is(.pf-v6-c-content--ol,
|
222
|
-
ul) {
|
223
|
-
|
224
|
-
|
207
|
+
:is(.pf-v6-c-content--ol,
|
208
|
+
.pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul).pf-m-plain {
|
209
|
+
padding-inline-start: 0;
|
210
|
+
list-style: none;
|
225
211
|
}
|
226
|
-
:is(.pf-v6-c-content--ol,
|
227
|
-
ol)
|
228
|
-
|
229
|
-
|
212
|
+
:is(.pf-v6-c-content--ol,
|
213
|
+
.pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul) :is(.pf-v6-c-content--ol,
|
214
|
+
.pf-v6-c-content--ul,
|
215
|
+
ol,
|
216
|
+
ul) {
|
217
|
+
margin-block-start: var(--pf-v6-c-content--list--nested--MarginBlockStart);
|
230
218
|
}
|
231
219
|
|
232
220
|
:is(.pf-v6-c-content--ul, .pf-v6-c-content ul) {
|
233
|
-
padding-inline-start: var(--pf-v6-c-content--ul--PaddingInlineStart);
|
234
|
-
margin-inline-start: var(--pf-v6-c-content--ul--MarginInlineStart);
|
235
221
|
list-style: var(--pf-v6-c-content--ul--ListStyle);
|
236
222
|
}
|
237
|
-
:is(.pf-v6-c-content--ul, .pf-v6-c-content ul) :is(.pf-v6-c-content--ul,
|
238
|
-
ul) {
|
239
|
-
--pf-v6-c-content--ul--MarginInlineStart: var(--pf-v6-c-content--ul--nested--MarginInlineStart);
|
240
|
-
margin-block-start: var(--pf-v6-c-content--ul--nested--MarginBlockStart);
|
241
|
-
}
|
242
|
-
:is(.pf-v6-c-content--ul, .pf-v6-c-content ul) :is(.pf-v6-c-content--ol,
|
243
|
-
ol) {
|
244
|
-
--pf-v6-c-content--ol--MarginInlineStart: var(--pf-v6-c-content--ol--nested--MarginInlineStart);
|
245
|
-
margin-block-start: var(--pf-v6-c-content--ol--nested--MarginBlockStart);
|
246
|
-
}
|
247
223
|
|
248
224
|
:is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
249
225
|
display: grid;
|
@@ -440,8 +440,8 @@
|
|
440
440
|
--pf-v6-c-data-list--cell--WordBreak: normal;
|
441
441
|
--pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
|
442
442
|
--pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
443
|
-
--pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--
|
444
|
-
--pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--
|
443
|
+
--pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
444
|
+
--pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
445
445
|
--pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
|
446
446
|
--pf-v6-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
|
447
447
|
--pf-v6-c-data-list__toggle-icon--Rotate: 0;
|
@@ -9,7 +9,7 @@
|
|
9
9
|
--pf-v6-c-drawer__panel--MinWidth: 50%;
|
10
10
|
--pf-v6-c-drawer__panel--MaxHeight: auto;
|
11
11
|
--pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
|
12
|
-
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--
|
12
|
+
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
13
13
|
--pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
14
14
|
--pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
|
15
15
|
--pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
@@ -96,7 +96,7 @@
|
|
96
96
|
--pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
|
97
97
|
--pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
|
98
98
|
--pf-v6-c-drawer__panel--BoxShadow: none;
|
99
|
-
--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--
|
99
|
+
--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
100
100
|
--pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
|
101
101
|
--pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--divider--default);
|
102
102
|
--pf-v6-c-drawer__panel--after--BackgroundColor: transparent;
|
@@ -116,19 +116,19 @@
|
|
116
116
|
}
|
117
117
|
|
118
118
|
.pf-v6-c-drawer {
|
119
|
-
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--
|
120
|
-
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--
|
119
|
+
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
|
120
|
+
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
121
121
|
display: flex;
|
122
122
|
flex-direction: column;
|
123
123
|
height: 100%;
|
124
124
|
overflow-x: hidden;
|
125
125
|
}
|
126
126
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
|
127
|
-
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--
|
127
|
+
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
128
128
|
}
|
129
129
|
|
130
130
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
|
131
|
-
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--
|
131
|
+
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
|
132
132
|
}
|
133
133
|
|
134
134
|
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
|
@@ -36,11 +36,11 @@
|
|
36
36
|
--pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
|
37
37
|
--pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
|
38
38
|
--pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
39
|
-
--pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--
|
39
|
+
--pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
|
40
40
|
--pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
41
41
|
--pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
|
42
|
-
--pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--
|
43
|
-
--pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--
|
42
|
+
--pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
43
|
+
--pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
44
44
|
}
|
45
45
|
|
46
46
|
.pf-v6-c-empty-state {
|
@@ -9,10 +9,7 @@
|
|
9
9
|
--pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
10
10
|
--pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
|
11
11
|
--pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
|
12
|
-
--pf-v6-c-hint__title--
|
13
|
-
--pf-v6-c-hint__title--FontSize: var(--pf-t--global--font--size--heading--xs);
|
14
|
-
--pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--heading);
|
15
|
-
--pf-v6-c-hint__title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
12
|
+
--pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
16
13
|
--pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
|
17
14
|
--pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
18
15
|
--pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
@@ -60,10 +57,7 @@
|
|
60
57
|
|
61
58
|
.pf-v6-c-hint__title {
|
62
59
|
align-self: center;
|
63
|
-
font-family: var(--pf-v6-c-hint__title--FontFamily);
|
64
|
-
font-size: var(--pf-v6-c-hint__title--FontSize);
|
65
60
|
font-weight: var(--pf-v6-c-hint__title--FontWeight);
|
66
|
-
line-height: var(--pf-v6-c-hint__title--LineHeight);
|
67
61
|
}
|
68
62
|
|
69
63
|
.pf-v6-c-hint__body {
|
@@ -1,8 +1,8 @@
|
|
1
1
|
:where(:root, .pf-v6-c-inline-edit) {
|
2
|
-
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--
|
2
|
+
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
3
3
|
--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
|
4
4
|
--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
|
5
|
-
--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--
|
5
|
+
--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
6
6
|
--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
7
7
|
--pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
8
8
|
}
|
@@ -41,19 +41,13 @@
|
|
41
41
|
--pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
|
42
42
|
--pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
43
43
|
--pf-v6-c-jump-links__label--Display: block;
|
44
|
-
--pf-v6-c-jump-links__toggle--
|
45
|
-
--pf-v6-c-jump-
|
46
|
-
--pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd--base);
|
47
|
-
--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: calc(var(--pf-v6-c-jump-links__toggle--MarginBlockEnd--base) + var(--pf-t--global--spacer--md));
|
48
|
-
--pf-v6-c-jump-links__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--md));
|
44
|
+
--pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
|
45
|
+
--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
49
46
|
--pf-v6-c-jump-links__toggle--Display: none;
|
50
|
-
--pf-v6-c-jump-links__toggle-icon--Color:
|
47
|
+
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
51
48
|
--pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
|
52
49
|
--pf-v6-c-jump-links__toggle-icon--Rotate: 0;
|
53
|
-
--pf-v6-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
54
50
|
--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
55
|
-
--pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--md);
|
56
|
-
--pf-v6-c-jump-links__toggle-text--Color: var(--pf-t--global--text--color--regular);
|
57
51
|
}
|
58
52
|
|
59
53
|
.pf-v6-c-jump-links {
|
@@ -236,13 +230,7 @@
|
|
236
230
|
|
237
231
|
.pf-v6-c-jump-links__toggle {
|
238
232
|
display: var(--pf-v6-c-jump-links__toggle--Display);
|
239
|
-
margin-block-start: var(--pf-v6-c-jump-links__toggle--MarginBlockStart);
|
240
233
|
margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
|
241
|
-
margin-inline-start: var(--pf-v6-c-jump-links__toggle--MarginInlineStart);
|
242
|
-
}
|
243
|
-
.pf-v6-c-jump-links__toggle .pf-v6-c-button {
|
244
|
-
display: flex;
|
245
|
-
align-items: center;
|
246
234
|
}
|
247
235
|
|
248
236
|
.pf-v6-c-jump-links__toggle-icon {
|
@@ -253,9 +241,4 @@
|
|
253
241
|
}
|
254
242
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
255
243
|
scale: -1 1;
|
256
|
-
}
|
257
|
-
|
258
|
-
.pf-v6-c-jump-links__toggle-text {
|
259
|
-
margin-inline-start: var(--pf-v6-c-jump-links__toggle-text--MarginInlineStart);
|
260
|
-
color: var(--pf-v6-c-jump-links__toggle-text--Color);
|
261
244
|
}
|
@@ -1,6 +1,5 @@
|
|
1
1
|
import './jump-links.css';
|
2
2
|
declare const _default: {
|
3
|
-
"button": "pf-v6-c-button",
|
4
3
|
"dirRtl": "pf-v6-m-dir-rtl",
|
5
4
|
"jumpLinks": "pf-v6-c-jump-links",
|
6
5
|
"jumpLinksItem": "pf-v6-c-jump-links__item",
|
@@ -11,7 +10,6 @@ declare const _default: {
|
|
11
10
|
"jumpLinksMain": "pf-v6-c-jump-links__main",
|
12
11
|
"jumpLinksToggle": "pf-v6-c-jump-links__toggle",
|
13
12
|
"jumpLinksToggleIcon": "pf-v6-c-jump-links__toggle-icon",
|
14
|
-
"jumpLinksToggleText": "pf-v6-c-jump-links__toggle-text",
|
15
13
|
"modifiers": {
|
16
14
|
"center": "pf-m-center",
|
17
15
|
"vertical": "pf-m-vertical",
|
@@ -2,7 +2,6 @@
|
|
2
2
|
exports.__esModule = true;
|
3
3
|
require('./jump-links.css');
|
4
4
|
exports.default = {
|
5
|
-
"button": "pf-v6-c-button",
|
6
5
|
"dirRtl": "pf-v6-m-dir-rtl",
|
7
6
|
"jumpLinks": "pf-v6-c-jump-links",
|
8
7
|
"jumpLinksItem": "pf-v6-c-jump-links__item",
|
@@ -13,7 +12,6 @@ exports.default = {
|
|
13
12
|
"jumpLinksMain": "pf-v6-c-jump-links__main",
|
14
13
|
"jumpLinksToggle": "pf-v6-c-jump-links__toggle",
|
15
14
|
"jumpLinksToggleIcon": "pf-v6-c-jump-links__toggle-icon",
|
16
|
-
"jumpLinksToggleText": "pf-v6-c-jump-links__toggle-text",
|
17
15
|
"modifiers": {
|
18
16
|
"center": "pf-m-center",
|
19
17
|
"vertical": "pf-m-vertical",
|
@@ -1,6 +1,5 @@
|
|
1
1
|
import './jump-links.css';
|
2
2
|
export default {
|
3
|
-
"button": "pf-v6-c-button",
|
4
3
|
"dirRtl": "pf-v6-m-dir-rtl",
|
5
4
|
"jumpLinks": "pf-v6-c-jump-links",
|
6
5
|
"jumpLinksItem": "pf-v6-c-jump-links__item",
|
@@ -11,7 +10,6 @@ export default {
|
|
11
10
|
"jumpLinksMain": "pf-v6-c-jump-links__main",
|
12
11
|
"jumpLinksToggle": "pf-v6-c-jump-links__toggle",
|
13
12
|
"jumpLinksToggleIcon": "pf-v6-c-jump-links__toggle-icon",
|
14
|
-
"jumpLinksToggleText": "pf-v6-c-jump-links__toggle-text",
|
15
13
|
"modifiers": {
|
16
14
|
"center": "pf-m-center",
|
17
15
|
"vertical": "pf-m-vertical",
|
@@ -134,12 +134,12 @@
|
|
134
134
|
--pf-v6-c-label--m-clickable--hover--BorderColor: transparent;
|
135
135
|
--pf-v6-c-label--m-clickable__content--Cursor: pointer;
|
136
136
|
--pf-v6-c-label--m-filled__actions--c-button--Color: var(--pf-v6-c-label__icon--Color);
|
137
|
-
--pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--
|
137
|
+
--pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
|
138
138
|
--pf-v6-c-label--m-outline--BackgroundColor: transparent;
|
139
139
|
--pf-v6-c-label--m-outline--Color: var(--pf-t--global--text--color--regular);
|
140
140
|
--pf-v6-c-label--m-outline__icon--Color: var(--pf-t--global--icon--color--regular);
|
141
141
|
--pf-v6-c-label--m-outline--m-clickable--hover--BackgroundColor: transparent;
|
142
|
-
--pf-v6-c-label--m-outline--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--
|
142
|
+
--pf-v6-c-label--m-outline--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
143
143
|
--pf-v6-c-label--m-outline--m-clickable--hover--Color: var(--pf-t--global--text--color--regular);
|
144
144
|
--pf-v6-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
145
145
|
--pf-v6-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
|
@@ -149,11 +149,11 @@
|
|
149
149
|
--pf-v6-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
|
150
150
|
--pf-v6-c-label--m-add--BackgroundColor: transparent;
|
151
151
|
--pf-v6-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
|
152
|
-
--pf-v6-c-label--m-add--BorderWidth: var(--pf-t--global--border--width--
|
152
|
+
--pf-v6-c-label--m-add--BorderWidth: var(--pf-t--global--border--width--action--default);
|
153
153
|
--pf-v6-c-label--m-add--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
154
154
|
--pf-v6-c-label--m-add--hover--BackgroundColor: transparent;
|
155
155
|
--pf-v6-c-label--m-add--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
156
|
-
--pf-v6-c-label--m-add--hover--BorderWidth: var(--pf-t--global--border--width--
|
156
|
+
--pf-v6-c-label--m-add--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
157
157
|
--pf-v6-c-label--m-compact--PaddingBlockStart: 0;
|
158
158
|
--pf-v6-c-label--m-compact--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
159
159
|
--pf-v6-c-label--m-compact--PaddingBlockEnd: 0;
|
@@ -188,7 +188,7 @@
|
|
188
188
|
--pf-v6-c-label--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
189
189
|
--pf-v6-c-label--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
190
190
|
--pf-v6-c-label--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
|
191
|
-
--pf-v6-c-label--m-disabled--c-button--
|
191
|
+
--pf-v6-c-label--m-disabled--c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
|
192
192
|
}
|
193
193
|
|
194
194
|
.pf-v6-c-label {
|
@@ -431,7 +431,7 @@
|
|
431
431
|
pointer-events: none;
|
432
432
|
}
|
433
433
|
.pf-v6-c-label.pf-m-disabled .pf-v6-c-button {
|
434
|
-
--pf-v6-c-button--m-plain--
|
434
|
+
--pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-v6-c-label--m-disabled--c-button--disabled__icon--Color);
|
435
435
|
}
|
436
436
|
|
437
437
|
.pf-v6-c-label,
|
@@ -1,13 +1,15 @@
|
|
1
1
|
:where(:root, .pf-v6-c-list) {
|
2
2
|
--pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
3
|
-
--pf-v6-c-list--nested--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
4
|
-
--pf-v6-c-list--nested--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
5
3
|
--pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
|
6
|
-
--pf-v6-c-list--
|
7
|
-
--pf-v6-c-list--
|
8
|
-
--pf-v6-c-list--m-
|
9
|
-
--pf-v6-c-list--m-
|
10
|
-
--pf-v6-c-list--m-
|
4
|
+
--pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
|
5
|
+
--pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
6
|
+
--pf-v6-c-list--m-plain--PaddingInlineStart: 0;
|
7
|
+
--pf-v6-c-list--m-inline--PaddingInlineStart: 0;
|
8
|
+
--pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
|
9
|
+
--pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
|
10
|
+
--pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
11
|
+
--pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
12
|
+
--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
11
13
|
--pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
|
12
14
|
--pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
13
15
|
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
@@ -19,32 +21,18 @@
|
|
19
21
|
}
|
20
22
|
|
21
23
|
.pf-v6-c-list {
|
24
|
+
display: flex;
|
25
|
+
flex-direction: column;
|
26
|
+
gap: var(--pf-v6-c-list--Gap);
|
22
27
|
padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
|
23
28
|
}
|
24
|
-
.pf-v6-c-list
|
25
|
-
|
26
|
-
margin-block-start: var(--pf-v6-c-list--nested--MarginBlockStart);
|
27
|
-
margin-inline-start: var(--pf-v6-c-list--nested--MarginInlineStart);
|
28
|
-
}
|
29
|
-
.pf-v6-c-list li + li {
|
30
|
-
margin-block-start: var(--pf-v6-c-list--li--MarginBlockStart);
|
29
|
+
.pf-v6-c-list .pf-v6-c-list {
|
30
|
+
padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
|
31
31
|
}
|
32
32
|
ul.pf-v6-c-list {
|
33
33
|
list-style: var(--pf-v6-c-list--ul--ListStyle);
|
34
34
|
}
|
35
35
|
|
36
|
-
.pf-v6-c-list .pf-v6-c-list__item {
|
37
|
-
display: flex;
|
38
|
-
}
|
39
|
-
.pf-v6-c-list .pf-v6-c-list__item-icon {
|
40
|
-
flex-shrink: 0;
|
41
|
-
min-width: var(--pf-v6-c-list__item-icon--MinWidth);
|
42
|
-
margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
|
43
|
-
margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
|
44
|
-
font-size: var(--pf-v6-c-list__item-icon--FontSize);
|
45
|
-
line-height: 1;
|
46
|
-
color: var(--pf-v6-c-list__item-icon--Color);
|
47
|
-
}
|
48
36
|
.pf-v6-c-list.pf-m-icon-lg {
|
49
37
|
--pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
|
50
38
|
--pf-v6-c-list__item-icon--MarginBlockStart: 0;
|
@@ -52,26 +40,31 @@ ul.pf-v6-c-list {
|
|
52
40
|
--pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
|
53
41
|
}
|
54
42
|
.pf-v6-c-list.pf-m-plain {
|
55
|
-
--pf-v6-c-list--PaddingInlineStart:
|
43
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
|
56
44
|
list-style: none;
|
57
45
|
}
|
58
46
|
.pf-v6-c-list.pf-m-inline {
|
59
|
-
--pf-v6-c-list--PaddingInlineStart:
|
60
|
-
|
47
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
|
48
|
+
--pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
|
49
|
+
flex-direction: row;
|
61
50
|
flex-wrap: wrap;
|
62
51
|
list-style: none;
|
63
52
|
}
|
64
|
-
.pf-v6-c-list.pf-m-
|
65
|
-
--pf-v6-c-list--li--
|
66
|
-
|
67
|
-
.pf-v6-c-list.pf-m-inline li:not(:last-child) {
|
68
|
-
margin-inline-end: var(--pf-v6-c-list--m-inline--li--MarginInlineEnd);
|
53
|
+
.pf-v6-c-list.pf-m-bordered > * + * {
|
54
|
+
padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
|
55
|
+
border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
|
69
56
|
}
|
70
|
-
|
71
|
-
|
72
|
-
|
57
|
+
|
58
|
+
.pf-v6-c-list__item {
|
59
|
+
display: flex;
|
73
60
|
}
|
74
|
-
|
75
|
-
|
76
|
-
|
61
|
+
|
62
|
+
.pf-v6-c-list__item-icon {
|
63
|
+
flex-shrink: 0;
|
64
|
+
min-width: var(--pf-v6-c-list__item-icon--MinWidth);
|
65
|
+
margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
|
66
|
+
margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
|
67
|
+
font-size: var(--pf-v6-c-list__item-icon--FontSize);
|
68
|
+
line-height: 1;
|
69
|
+
color: var(--pf-v6-c-list__item-icon--Color);
|
77
70
|
}
|
@@ -11,22 +11,19 @@
|
|
11
11
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
12
12
|
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
13
13
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
|
14
|
-
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--
|
14
|
+
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--action--default);
|
15
15
|
--pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
|
16
16
|
--pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
17
17
|
--pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
18
18
|
--pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
|
19
19
|
--pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
|
20
20
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
21
|
-
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--
|
21
|
+
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--default);
|
22
22
|
--pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
23
23
|
--pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
24
|
-
--pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
25
|
-
--pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--button--clicked);
|
26
|
-
--pf-v6-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--clicked);
|
27
24
|
--pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
|
28
25
|
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
29
|
-
--pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--
|
26
|
+
--pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
30
27
|
--pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
|
31
28
|
--pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
32
29
|
--pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
@@ -51,9 +48,6 @@
|
|
51
48
|
--pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
|
52
49
|
--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
53
50
|
--pf-v6-c-menu-toggle--m-primary--hover--BorderColor: transparent;
|
54
|
-
--pf-v6-c-menu-toggle--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--clicked);
|
55
|
-
--pf-v6-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
56
|
-
--pf-v6-c-menu-toggle--m-primary--active--BorderColor: transparent;
|
57
51
|
--pf-v6-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
|
58
52
|
--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
59
53
|
--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
|
@@ -66,13 +60,10 @@
|
|
66
60
|
--pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
|
67
61
|
--pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-v6-c-menu-toggle--m-button--BorderRadius);
|
68
62
|
--pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
69
|
-
--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--
|
63
|
+
--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
70
64
|
--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
|
71
|
-
--pf-v6-c-menu-toggle--m-secondary--active--Color: var(--pf-t--global--text--color--brand--clicked);
|
72
|
-
--pf-v6-c-menu-toggle--m-secondary--active--BorderWidth: var(--pf-t--global--border--width--button--clicked);
|
73
|
-
--pf-v6-c-menu-toggle--m-secondary--active--BorderColor: var(--pf-t--global--border--color--brand--clicked);
|
74
65
|
--pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
|
75
|
-
--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--
|
66
|
+
--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
76
67
|
--pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
|
77
68
|
--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
|
78
69
|
--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
@@ -82,13 +73,12 @@
|
|
82
73
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
83
74
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
84
75
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
85
|
-
--pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--
|
76
|
+
--pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
|
86
77
|
--pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
87
78
|
--pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-v6-c-menu-toggle--m-button--BorderRadius);
|
88
79
|
--pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
|
89
80
|
--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
|
90
81
|
--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
91
|
-
--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
92
82
|
--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
93
83
|
--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
94
84
|
--pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
|
@@ -101,7 +91,6 @@
|
|
101
91
|
--pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
102
92
|
--pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
|
103
93
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
104
|
-
--pf-v6-c-menu-toggle--m-plain--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
105
94
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
106
95
|
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
107
96
|
--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
|
@@ -168,9 +157,6 @@
|
|
168
157
|
--pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
|
169
158
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor);
|
170
159
|
--pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BorderColor);
|
171
|
-
--pf-v6-c-menu-toggle--active--Color: var(--pf-v6-c-menu-toggle--m-primary--active--Color);
|
172
|
-
--pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--active--BackgroundColor);
|
173
|
-
--pf-v6-c-menu-toggle--active--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--active--BorderColor);
|
174
160
|
--pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
|
175
161
|
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor);
|
176
162
|
--pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
|
@@ -186,9 +172,6 @@
|
|
186
172
|
--pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
|
187
173
|
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
|
188
174
|
--pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
|
189
|
-
--pf-v6-c-menu-toggle--active--Color: var(--pf-v6-c-menu-toggle--m-secondary--active--Color);
|
190
|
-
--pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--active--BorderWidth);
|
191
|
-
--pf-v6-c-menu-toggle--active--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--active--BorderColor);
|
192
175
|
--pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
|
193
176
|
--pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
|
194
177
|
--pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
|
@@ -210,7 +193,6 @@
|
|
210
193
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
|
211
194
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
|
212
195
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
|
213
|
-
--pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--active--BackgroundColor);
|
214
196
|
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
|
215
197
|
--pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
|
216
198
|
--pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
|
@@ -232,13 +214,6 @@
|
|
232
214
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
|
233
215
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
|
234
216
|
}
|
235
|
-
.pf-v6-c-menu-toggle:is(:active, .pf-m-active) {
|
236
|
-
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--active--Color);
|
237
|
-
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--active--BackgroundColor);
|
238
|
-
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--active--BorderWidth);
|
239
|
-
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--active--BorderColor);
|
240
|
-
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--active__toggle-icon--Color);
|
241
|
-
}
|
242
217
|
.pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
|
243
218
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
|
244
219
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
|
@@ -325,9 +300,6 @@
|
|
325
300
|
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):is(:hover, :focus) {
|
326
301
|
--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor);
|
327
302
|
}
|
328
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):is(:active, .pf-m-active) {
|
329
|
-
--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor);
|
330
|
-
}
|
331
303
|
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
|
332
304
|
--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor);
|
333
305
|
}
|
@@ -27,6 +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
31
|
--pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--md);
|
31
32
|
--pf-v6-c-modal-box__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
32
33
|
--pf-v6-c-modal-box__title-icon--Color: var(--pf-t--global--icon--color--regular);
|
@@ -148,6 +149,7 @@
|
|
148
149
|
flex: 0 0 auto;
|
149
150
|
font-family: var(--pf-v6-c-modal-box__title--FontFamily);
|
150
151
|
font-size: var(--pf-v6-c-modal-box__title--FontSize);
|
152
|
+
font-weight: var(--pf-v6-c-modal-box__title--FontWeight);
|
151
153
|
line-height: var(--pf-v6-c-modal-box__title--LineHeight);
|
152
154
|
}
|
153
155
|
.pf-v6-c-modal-box__title.pf-m-icon {
|
@@ -172,6 +172,7 @@
|
|
172
172
|
line-height: var(--pf-v6-c-nav__link--LineHeight, inherit);
|
173
173
|
color: var(--pf-v6-c-nav__link--Color);
|
174
174
|
text-align: start;
|
175
|
+
text-decoration: none;
|
175
176
|
background-color: var(--pf-v6-c-nav__link--BackgroundColor);
|
176
177
|
border: none;
|
177
178
|
border-radius: var(--pf-v6-c-nav__link--BorderRadius);
|