@patternfly/react-styles 6.5.0-prerelease.14 → 6.5.0-prerelease.16
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/CHANGELOG.md +12 -0
- package/css/assets/images/glass-brand-dark.jpg +0 -0
- package/css/components/Accordion/accordion.css +1 -1
- package/css/components/Accordion/accordion.d.ts +1 -1
- package/css/components/Accordion/accordion.js +1 -1
- package/css/components/Accordion/accordion.mjs +1 -1
- package/css/components/Button/button.css +4 -4
- package/css/components/ClipboardCopy/clipboard-copy.css +7 -1
- package/css/components/ClipboardCopy/clipboard-copy.d.ts +1 -0
- package/css/components/ClipboardCopy/clipboard-copy.js +1 -0
- package/css/components/ClipboardCopy/clipboard-copy.mjs +1 -0
- package/css/components/CodeEditor/code-editor.css +1 -1
- package/css/components/DataList/data-list.css +1 -1
- package/css/components/DataList/data-list.d.ts +1 -1
- package/css/components/DataList/data-list.js +1 -1
- package/css/components/DataList/data-list.mjs +1 -1
- package/css/components/Drawer/drawer.css +108 -18
- package/css/components/Drawer/drawer.d.ts +1 -1
- package/css/components/Drawer/drawer.js +1 -1
- package/css/components/Drawer/drawer.mjs +1 -1
- package/css/components/JumpLinks/jump-links.css +11 -1
- package/css/components/Menu/menu.css +26 -19
- package/css/components/MenuToggle/menu-toggle.css +10 -7
- package/css/components/MenuToggle/menu-toggle.d.ts +1 -0
- package/css/components/MenuToggle/menu-toggle.js +1 -0
- package/css/components/MenuToggle/menu-toggle.mjs +1 -0
- package/css/components/Page/page.css +89 -37
- package/css/components/Page/page.d.ts +1 -1
- package/css/components/Page/page.js +1 -1
- package/css/components/Page/page.mjs +1 -1
- package/css/components/Progress/progress.css +3 -1
- package/css/components/Table/table.css +3 -3
- package/css/components/Table/table.d.ts +1 -1
- package/css/components/Table/table.js +1 -1
- package/css/components/Table/table.mjs +1 -1
- package/css/components/Tabs/tabs.css +18 -17
- package/css/components/Tabs/tabs.d.ts +0 -1
- package/css/components/Tabs/tabs.js +0 -1
- package/css/components/Tabs/tabs.mjs +0 -1
- package/css/components/Wizard/wizard.css +2 -2
- package/css/components/Wizard/wizard.d.ts +1 -1
- package/css/components/Wizard/wizard.js +1 -1
- package/css/components/Wizard/wizard.mjs +1 -1
- package/css/components/_index.css +284 -113
- package/css/components/_index.d.ts +3 -3
- package/css/components/_index.js +3 -3
- package/css/components/_index.mjs +3 -3
- package/package.json +3 -3
|
@@ -306,7 +306,7 @@
|
|
|
306
306
|
row-gap: var(--pf-v6-c-accordion--RowGap);
|
|
307
307
|
background-color: var(--pf-v6-c-accordion--BackgroundColor);
|
|
308
308
|
}
|
|
309
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain), .pf-v6-c-accordion.pf-m-plain {
|
|
309
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain-on-glass), .pf-v6-c-accordion.pf-m-plain {
|
|
310
310
|
--pf-v6-c-accordion--BackgroundColor: transparent;
|
|
311
311
|
--pf-v6-c-accordion__expandable-content--BackgroundColor: transparent;
|
|
312
312
|
--pf-v6-c-accordion__item--m-expanded--BackgroundColor: transparent;
|
|
@@ -1615,7 +1615,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1615
1615
|
--pf-v6-c-button--AlignItems: baseline;
|
|
1616
1616
|
--pf-v6-c-button--JustifyContent: center;
|
|
1617
1617
|
--pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
1618
|
-
--pf-v6-c-button--MinWidth:
|
|
1618
|
+
--pf-v6-c-button--MinWidth: calc(1lh + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
|
|
1619
1619
|
--pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
1620
1620
|
--pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
|
|
1621
1621
|
--pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
@@ -1806,13 +1806,13 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1806
1806
|
--pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
1807
1807
|
--pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
1808
1808
|
--pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
1809
|
-
--pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--
|
|
1809
|
+
--pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
1810
1810
|
--pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
1811
1811
|
--pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
1812
1812
|
--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
1813
1813
|
--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
1814
1814
|
--pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
1815
|
-
--pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
|
|
1815
|
+
--pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
1816
1816
|
--pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
1817
1817
|
--pf-v6-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
1818
1818
|
--pf-v6-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
@@ -2377,6 +2377,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2377
2377
|
}
|
|
2378
2378
|
.pf-v6-c-button.pf-m-circle {
|
|
2379
2379
|
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-circle--BorderRadius);
|
|
2380
|
+
padding-inline: 0;
|
|
2380
2381
|
}
|
|
2381
2382
|
.pf-v6-c-button:hover, .pf-v6-c-button:focus {
|
|
2382
2383
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
|
|
@@ -2477,7 +2478,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2477
2478
|
}
|
|
2478
2479
|
|
|
2479
2480
|
.pf-v6-c-button__icon {
|
|
2480
|
-
min-width: 1lh;
|
|
2481
2481
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
2482
2482
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
2483
2483
|
color: var(--pf-v6-c-button__icon--Color);
|
|
@@ -3291,7 +3291,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3291
3291
|
--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
3292
3292
|
--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
3293
3293
|
--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
3294
|
-
--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--
|
|
3294
|
+
--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
3295
3295
|
--pf-v6-c-clipboard-copy__expandable-content--BorderBlockStartWidth: var(--pf-t--global--border--width--control--default);
|
|
3296
3296
|
--pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
|
|
3297
3297
|
--pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
|
|
@@ -3299,6 +3299,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3299
3299
|
--pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
3300
3300
|
--pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
|
|
3301
3301
|
--pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
|
|
3302
|
+
--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
|
|
3303
|
+
--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor: var(--pf-t--global--border--color--control--read-only);
|
|
3302
3304
|
--pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
3303
3305
|
--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
3304
3306
|
--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
@@ -3327,6 +3329,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3327
3329
|
.pf-v6-c-clipboard-copy.pf-m-inline.pf-m-truncate {
|
|
3328
3330
|
display: inline-flex;
|
|
3329
3331
|
}
|
|
3332
|
+
.pf-v6-c-clipboard-copy.pf-m-readonly {
|
|
3333
|
+
--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor);
|
|
3334
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor);
|
|
3335
|
+
}
|
|
3330
3336
|
|
|
3331
3337
|
.pf-v6-c-clipboard-copy__group {
|
|
3332
3338
|
display: flex;
|
|
@@ -3449,7 +3455,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3449
3455
|
--pf-v6-c-code-editor__header--BorderStartStartRadius: var(--pf-t--global--border--radius--medium);
|
|
3450
3456
|
--pf-v6-c-code-editor__header--BorderStartEndRadius: var(--pf-t--global--border--radius--medium);
|
|
3451
3457
|
--pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
3452
|
-
--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor:
|
|
3458
|
+
--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: transparent;
|
|
3453
3459
|
--pf-v6-c-code-editor__header-content--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
3454
3460
|
--pf-v6-c-code-editor__header-content--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
3455
3461
|
--pf-v6-c-code-editor__header-content--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
@@ -4828,7 +4834,7 @@ ul) {
|
|
|
4828
4834
|
.pf-v6-c-data-list.pf-m-drag-over {
|
|
4829
4835
|
overflow-anchor: none;
|
|
4830
4836
|
}
|
|
4831
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain), .pf-v6-c-data-list.pf-m-plain {
|
|
4837
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain-on-glass), .pf-v6-c-data-list.pf-m-plain {
|
|
4832
4838
|
--pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
|
|
4833
4839
|
}
|
|
4834
4840
|
|
|
@@ -6344,45 +6350,85 @@ ul) {
|
|
|
6344
6350
|
--pf-v6-c-drawer__body--m-padding--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
6345
6351
|
--pf-v6-c-drawer__body--m-padding--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
6346
6352
|
--pf-v6-c-drawer__body--m-padding--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
6347
|
-
--pf-v6-c-drawer__splitter--Height: 0.
|
|
6353
|
+
--pf-v6-c-drawer__splitter--Height: 0.75rem;
|
|
6348
6354
|
--pf-v6-c-drawer__splitter--Width: 100%;
|
|
6349
|
-
--pf-v6-c-drawer__splitter--BackgroundColor:
|
|
6355
|
+
--pf-v6-c-drawer__splitter--BackgroundColor: transparent;
|
|
6350
6356
|
--pf-v6-c-drawer__splitter--Cursor: row-resize;
|
|
6351
6357
|
--pf-v6-c-drawer__splitter--m-vertical--Height: 100%;
|
|
6352
|
-
--pf-v6-c-drawer__splitter--m-vertical--Width: 0.
|
|
6358
|
+
--pf-v6-c-drawer__splitter--m-vertical--Width: 0.75rem;
|
|
6353
6359
|
--pf-v6-c-drawer__splitter--m-vertical--Cursor: col-resize;
|
|
6360
|
+
--pf-v6-c-drawer__splitter--focus--OutlineOffset: -0.0625rem;
|
|
6354
6361
|
--pf-v6-c-drawer--m-inline__splitter--focus--OutlineOffset: -0.0625rem;
|
|
6355
6362
|
--pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-t--global--border--color--default);
|
|
6363
|
+
--pf-v6-c-drawer__splitter--hover--after--BorderColor: var(--pf-t--global--border--color--default);
|
|
6364
|
+
--pf-v6-c-drawer__splitter--focus--after--BorderColor: var(--pf-t--global--border--color--default);
|
|
6365
|
+
--pf-v6-c-drawer__splitter--active--after--BorderColor: var(--pf-t--global--border--color--default);
|
|
6356
6366
|
--pf-v6-c-drawer__splitter--after--border-width--base: var(--pf-t--global--border--width--divider--default);
|
|
6357
6367
|
--pf-v6-c-drawer__splitter--after--BorderBlockStartWidth: 0;
|
|
6358
6368
|
--pf-v6-c-drawer__splitter--after--BorderInlineEndWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
|
|
6359
6369
|
--pf-v6-c-drawer__splitter--after--BorderBlockEndWidth: 0;
|
|
6360
6370
|
--pf-v6-c-drawer__splitter--after--BorderInlineStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
|
|
6371
|
+
--pf-v6-c-drawer__splitter--after--InsetBlockStart: 0;
|
|
6372
|
+
--pf-v6-c-drawer__splitter--after--InsetBlockEnd: 0;
|
|
6373
|
+
--pf-v6-c-drawer__splitter--after--InsetInlineStart: 0;
|
|
6374
|
+
--pf-v6-c-drawer__splitter--after--InsetInlineEnd: 0;
|
|
6375
|
+
--pf-v6-c-drawer__splitter--after--Width: auto;
|
|
6376
|
+
--pf-v6-c-drawer__splitter--after--Height: auto;
|
|
6361
6377
|
--pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
|
|
6362
6378
|
--pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockEndWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
|
|
6363
|
-
--pf-v6-c-drawer--m-
|
|
6379
|
+
--pf-v6-c-drawer--m-pill__splitter--m-vertical--Width: 0.625rem;
|
|
6380
|
+
--pf-v6-c-drawer--m-pill__splitter--m-vertical--Height: calc(100% - (2 * var(--pf-v6-c-drawer--m-pill__panel--BorderRadius)));
|
|
6381
|
+
--pf-v6-c-drawer--m-pill__splitter--m-vertical--MarginBlockStart: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
|
|
6382
|
+
--pf-v6-c-drawer--m-pill__splitter--after--BorderColor: transparent;
|
|
6383
|
+
--pf-v6-c-drawer--m-pill__splitter--after--BorderInlineEndWidth: 0;
|
|
6384
|
+
--pf-v6-c-drawer--m-pill__splitter--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
6385
|
+
--pf-v6-c-drawer--m-pill__splitter--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
6386
|
+
--pf-v6-c-drawer--m-pill__splitter--active--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
6387
|
+
--pf-v6-c-drawer--m-pill__splitter--after--Width: 0.0625rem;
|
|
6388
|
+
--pf-v6-c-drawer--m-pill__splitter--after--Height: auto;
|
|
6389
|
+
--pf-v6-c-drawer--m-pill__splitter--after--InsetInlineStart: 50%;
|
|
6390
|
+
--pf-v6-c-drawer--m-pill__splitter--after--InsetInlineEnd: auto;
|
|
6391
|
+
--pf-v6-c-drawer--m-pill__splitter--after--TranslateX: -50%;
|
|
6392
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Height: 0.5rem;
|
|
6393
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Width: calc(100% - (2 * var(--pf-v6-c-drawer--m-pill__panel--BorderRadius)));
|
|
6394
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--MarginInlineStart: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
|
|
6395
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Width: auto;
|
|
6396
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Height: 0.0625rem;
|
|
6397
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
|
|
6398
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockEndWidth: 0;
|
|
6399
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockStart: 50%;
|
|
6400
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockEnd: auto;
|
|
6401
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineStart: 0;
|
|
6402
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineEnd: 0;
|
|
6403
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--TranslateY: -50%;
|
|
6404
|
+
--pf-v6-c-drawer--m-inline__splitter--m-vertical--Width: 0.75rem;
|
|
6364
6405
|
--pf-v6-c-drawer--m-inline__splitter-handle--InsetInlineStart: 50%;
|
|
6365
|
-
--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--Height: 0.
|
|
6406
|
+
--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--Height: 0.75rem;
|
|
6366
6407
|
--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter-handle--InsetBlockStart: 50%;
|
|
6367
6408
|
--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
|
|
6368
6409
|
--pf-v6-c-drawer__splitter-handle--InsetBlockStart: 50%;
|
|
6369
|
-
--pf-v6-c-drawer__splitter-handle--InsetInlineStart:
|
|
6410
|
+
--pf-v6-c-drawer__splitter-handle--InsetInlineStart: 50%;
|
|
6370
6411
|
--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart: 50%;
|
|
6371
|
-
--pf-v6-c-drawer--m-panel-bottom__splitter-handle--InsetBlockStart:
|
|
6372
|
-
--pf-v6-c-drawer__splitter-handle--after--
|
|
6412
|
+
--pf-v6-c-drawer--m-panel-bottom__splitter-handle--InsetBlockStart: 50%;
|
|
6413
|
+
--pf-v6-c-drawer__splitter-handle--after--BackgroundColor: var(--pf-t--global--border--color--control--default);
|
|
6414
|
+
--pf-v6-c-drawer__splitter-handle--hover--after--BackgroundColor: var(--pf-t--global--border--color--hover);
|
|
6415
|
+
--pf-v6-c-drawer__splitter-handle--focus--after--BackgroundColor: var(--pf-t--global--border--color--clicked);
|
|
6416
|
+
--pf-v6-c-drawer__splitter-handle--active--after--BackgroundColor: var(--pf-t--global--border--color--clicked);
|
|
6417
|
+
--pf-v6-c-drawer__splitter-handle--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
6373
6418
|
--pf-v6-c-drawer__splitter-handle--after--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
6374
6419
|
--pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth: 0;
|
|
6375
6420
|
--pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
6376
6421
|
--pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth: 0;
|
|
6377
|
-
--pf-v6-c-drawer__splitter
|
|
6422
|
+
--pf-v6-c-drawer__splitter-handle--after--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
6423
|
+
--pf-v6-c-drawer__splitter--hover__splitter-handle--after--BorderColor: var(--pf-t--global--color--brand--hover);
|
|
6378
6424
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockStartWidth: 0;
|
|
6379
6425
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
6380
6426
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockEndWidth: 0;
|
|
6381
6427
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
6382
|
-
--pf-v6-c-drawer__splitter-handle--after--Width:
|
|
6428
|
+
--pf-v6-c-drawer__splitter-handle--after--Width: 2.1875rem;
|
|
6383
6429
|
--pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
|
|
6384
6430
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
|
|
6385
|
-
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height:
|
|
6431
|
+
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 2.1875rem;
|
|
6386
6432
|
}
|
|
6387
6433
|
@media screen and (min-width: 75rem) {
|
|
6388
6434
|
.pf-v6-c-drawer {
|
|
@@ -6494,6 +6540,19 @@ ul) {
|
|
|
6494
6540
|
--pf-v6-c-drawer__panel--BorderRadius: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
|
|
6495
6541
|
--pf-v6-c-drawer--m-expanded__panel--inset: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
|
|
6496
6542
|
--pf-v6-c-drawer__panel--MarginBlock: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
|
|
6543
|
+
--pf-v6-c-drawer__splitter--m-vertical--Width: var(--pf-v6-c-drawer--m-pill__splitter--m-vertical--Width);
|
|
6544
|
+
--pf-v6-c-drawer__splitter--m-vertical--Height: var(--pf-v6-c-drawer--m-pill__splitter--m-vertical--Height);
|
|
6545
|
+
--pf-v6-c-drawer__splitter--MarginBlockStart: var(--pf-v6-c-drawer--m-pill__splitter--m-vertical--MarginBlockStart);
|
|
6546
|
+
--pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-v6-c-drawer--m-pill__splitter--after--BorderColor);
|
|
6547
|
+
--pf-v6-c-drawer__splitter--after--BorderInlineEndWidth: var(--pf-v6-c-drawer--m-pill__splitter--after--BorderInlineEndWidth);
|
|
6548
|
+
--pf-v6-c-drawer__splitter--hover--after--BorderColor: var(--pf-v6-c-drawer--m-pill__splitter--hover--after--BorderColor);
|
|
6549
|
+
--pf-v6-c-drawer__splitter--focus--after--BorderColor: var(--pf-v6-c-drawer--m-pill__splitter--focus--after--BorderColor);
|
|
6550
|
+
--pf-v6-c-drawer__splitter--active--after--BorderColor: var(--pf-v6-c-drawer--m-pill__splitter--active--after--BorderColor);
|
|
6551
|
+
--pf-v6-c-drawer__splitter--after--Width: var(--pf-v6-c-drawer--m-pill__splitter--after--Width);
|
|
6552
|
+
--pf-v6-c-drawer__splitter--after--Height: var(--pf-v6-c-drawer--m-pill__splitter--after--Height);
|
|
6553
|
+
--pf-v6-c-drawer__splitter--after--InsetInlineStart: var(--pf-v6-c-drawer--m-pill__splitter--after--InsetInlineStart);
|
|
6554
|
+
--pf-v6-c-drawer__splitter--after--InsetInlineEnd: var(--pf-v6-c-drawer--m-pill__splitter--after--InsetInlineEnd);
|
|
6555
|
+
--pf-v6-c-drawer__splitter--after--TranslateX: var(--pf-v6-c-drawer--m-pill__splitter--after--TranslateX);
|
|
6497
6556
|
}
|
|
6498
6557
|
.pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6499
6558
|
border-block-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth);
|
|
@@ -6502,6 +6561,25 @@ ul) {
|
|
|
6502
6561
|
border-inline-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth);
|
|
6503
6562
|
}
|
|
6504
6563
|
}
|
|
6564
|
+
@media screen and (min-width: 48rem) {
|
|
6565
|
+
.pf-v6-c-drawer.pf-m-pill.pf-m-panel-bottom {
|
|
6566
|
+
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Height);
|
|
6567
|
+
--pf-v6-c-drawer__splitter--Width: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Width);
|
|
6568
|
+
--pf-v6-c-drawer__splitter--MarginBlockStart: 0;
|
|
6569
|
+
--pf-v6-c-drawer__splitter--MarginInlineStart: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--MarginInlineStart);
|
|
6570
|
+
--pf-v6-c-drawer__splitter--after--Width: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Width);
|
|
6571
|
+
--pf-v6-c-drawer__splitter--after--Height: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Height);
|
|
6572
|
+
--pf-v6-c-drawer__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockStartWidth);
|
|
6573
|
+
--pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockEndWidth: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockEndWidth);
|
|
6574
|
+
--pf-v6-c-drawer__splitter--after--BorderBlockEndWidth: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockEndWidth);
|
|
6575
|
+
--pf-v6-c-drawer__splitter--after--InsetBlockStart: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockStart);
|
|
6576
|
+
--pf-v6-c-drawer__splitter--after--InsetBlockEnd: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockEnd);
|
|
6577
|
+
--pf-v6-c-drawer__splitter--after--TranslateX: initial;
|
|
6578
|
+
--pf-v6-c-drawer__splitter--after--TranslateY: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--TranslateY);
|
|
6579
|
+
--pf-v6-c-drawer__splitter--after--InsetInlineStart: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineStart);
|
|
6580
|
+
--pf-v6-c-drawer__splitter--after--InsetInlineEnd: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineEnd);
|
|
6581
|
+
}
|
|
6582
|
+
}
|
|
6505
6583
|
|
|
6506
6584
|
.pf-v6-c-drawer__section {
|
|
6507
6585
|
flex-grow: 0;
|
|
@@ -6666,8 +6744,11 @@ ul) {
|
|
|
6666
6744
|
display: none;
|
|
6667
6745
|
width: var(--pf-v6-c-drawer__splitter--Width);
|
|
6668
6746
|
height: var(--pf-v6-c-drawer__splitter--Height);
|
|
6747
|
+
margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
|
|
6748
|
+
margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
|
|
6669
6749
|
cursor: var(--pf-v6-c-drawer__splitter--Cursor);
|
|
6670
6750
|
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
6751
|
+
outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
|
|
6671
6752
|
}
|
|
6672
6753
|
.pf-v6-c-drawer__splitter.pf-m-vertical {
|
|
6673
6754
|
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
|
|
@@ -6680,21 +6761,34 @@ ul) {
|
|
|
6680
6761
|
--pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth: var(--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockEndWidth);
|
|
6681
6762
|
--pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth: var(--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineStartWidth);
|
|
6682
6763
|
}
|
|
6683
|
-
.pf-v6-c-drawer__splitter:hover
|
|
6684
|
-
--pf-v6-c-drawer__splitter-handle--after--
|
|
6764
|
+
.pf-v6-c-drawer__splitter:hover {
|
|
6765
|
+
--pf-v6-c-drawer__splitter-handle--after--BackgroundColor: var(--pf-v6-c-drawer__splitter-handle--hover--after--BackgroundColor);
|
|
6766
|
+
--pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-v6-c-drawer__splitter--hover--after--BorderColor);
|
|
6767
|
+
}
|
|
6768
|
+
.pf-v6-c-drawer__splitter:focus {
|
|
6769
|
+
--pf-v6-c-drawer__splitter-handle--after--BackgroundColor: var(--pf-v6-c-drawer__splitter-handle--focus--after--BackgroundColor);
|
|
6770
|
+
--pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-v6-c-drawer__splitter--focus--after--BorderColor);
|
|
6771
|
+
}
|
|
6772
|
+
.pf-v6-c-drawer__splitter:active {
|
|
6773
|
+
--pf-v6-c-drawer__splitter-handle--after--BackgroundColor: var(--pf-v6-c-drawer__splitter-handle--active--after--BackgroundColor);
|
|
6774
|
+
--pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-v6-c-drawer__splitter--active--after--BorderColor);
|
|
6685
6775
|
}
|
|
6686
6776
|
.pf-v6-c-drawer__splitter::after {
|
|
6687
6777
|
position: absolute;
|
|
6688
|
-
inset-block-start:
|
|
6689
|
-
inset-block-end:
|
|
6690
|
-
inset-inline-start:
|
|
6691
|
-
inset-inline-end:
|
|
6778
|
+
inset-block-start: var(--pf-v6-c-drawer__splitter--after--InsetBlockStart);
|
|
6779
|
+
inset-block-end: var(--pf-v6-c-drawer__splitter--after--InsetBlockEnd);
|
|
6780
|
+
inset-inline-start: var(--pf-v6-c-drawer__splitter--after--InsetInlineStart);
|
|
6781
|
+
inset-inline-end: var(--pf-v6-c-drawer__splitter--after--InsetInlineEnd);
|
|
6782
|
+
z-index: -1;
|
|
6783
|
+
width: var(--pf-v6-c-drawer__splitter--after--Width);
|
|
6784
|
+
height: var(--pf-v6-c-drawer__splitter--after--Height);
|
|
6692
6785
|
content: "";
|
|
6693
6786
|
border: solid var(--pf-v6-c-drawer__splitter--after--BorderColor);
|
|
6694
6787
|
border-block-start-width: var(--pf-v6-c-drawer__splitter--after--BorderBlockStartWidth);
|
|
6695
6788
|
border-block-end-width: var(--pf-v6-c-drawer__splitter--after--BorderBlockEndWidth);
|
|
6696
6789
|
border-inline-start-width: var(--pf-v6-c-drawer__splitter--after--BorderInlineStartWidth);
|
|
6697
6790
|
border-inline-end-width: var(--pf-v6-c-drawer__splitter--after--BorderInlineEndWidth);
|
|
6791
|
+
translate: var(--pf-v6-c-drawer__splitter--after--TranslateX, 0) var(--pf-v6-c-drawer__splitter--after--TranslateY, 0);
|
|
6698
6792
|
}
|
|
6699
6793
|
|
|
6700
6794
|
.pf-v6-c-drawer__splitter-handle {
|
|
@@ -6712,12 +6806,14 @@ ul) {
|
|
|
6712
6806
|
width: var(--pf-v6-c-drawer__splitter-handle--after--Width);
|
|
6713
6807
|
height: var(--pf-v6-c-drawer__splitter-handle--after--Height);
|
|
6714
6808
|
content: "";
|
|
6809
|
+
background-color: var(--pf-v6-c-drawer__splitter-handle--after--BackgroundColor);
|
|
6715
6810
|
border-color: var(--pf-v6-c-drawer__splitter-handle--after--BorderColor);
|
|
6716
6811
|
border-style: solid;
|
|
6717
6812
|
border-block-start-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderBlockStartWidth);
|
|
6718
6813
|
border-block-end-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth);
|
|
6719
6814
|
border-inline-start-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth);
|
|
6720
6815
|
border-inline-end-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth);
|
|
6816
|
+
border-radius: var(--pf-v6-c-drawer__splitter-handle--after--BorderRadius);
|
|
6721
6817
|
}
|
|
6722
6818
|
|
|
6723
6819
|
@media screen and (min-width: 48rem) {
|
|
@@ -6725,7 +6821,7 @@ ul) {
|
|
|
6725
6821
|
--pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
|
|
6726
6822
|
min-width: var(--pf-v6-c-drawer__panel--MinWidth);
|
|
6727
6823
|
}
|
|
6728
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline:not(.pf-m-no-plain) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-inline.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static:not(.pf-m-no-plain) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-static.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6824
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline:not(.pf-m-no-plain-on-glass) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-inline.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static:not(.pf-m-no-plain-on-glass) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-static.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6729
6825
|
background: transparent;
|
|
6730
6826
|
}
|
|
6731
6827
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
@@ -9197,14 +9293,19 @@ label.pf-v6-c-input-group__text {
|
|
|
9197
9293
|
--pf-v6-c-jump-links__list__list__link--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
9198
9294
|
--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
9199
9295
|
--pf-v6-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
|
|
9296
|
+
--pf-v6-c-jump-links__link--before--Height: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth);
|
|
9297
|
+
--pf-v6-c-jump-links__link--before--Width: auto;
|
|
9200
9298
|
--pf-v6-c-jump-links__link--before--BorderBlockStartWidth: 0;
|
|
9201
9299
|
--pf-v6-c-jump-links__link--before--BorderInlineEndWidth: 0;
|
|
9202
9300
|
--pf-v6-c-jump-links__link--before--BorderBlockEndWidth: 0;
|
|
9203
9301
|
--pf-v6-c-jump-links__link--before--BorderInlineStartWidth: 0;
|
|
9204
9302
|
--pf-v6-c-jump-links__link--before--BorderColor: transparent;
|
|
9303
|
+
--pf-v6-c-jump-links__link--before--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
9205
9304
|
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
9206
9305
|
--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: 0;
|
|
9207
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--
|
|
9306
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--color--brand--accent--default);
|
|
9307
|
+
--pf-v6-c-jump-links--m-vertical__link--before--Height: auto;
|
|
9308
|
+
--pf-v6-c-jump-links--m-vertical__link--before--Width: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth);
|
|
9208
9309
|
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
|
|
9209
9310
|
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
9210
9311
|
--pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
@@ -9236,6 +9337,8 @@ label.pf-v6-c-input-group__text {
|
|
|
9236
9337
|
--pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd);
|
|
9237
9338
|
--pf-v6-c-jump-links__list--PaddingBlockEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd);
|
|
9238
9339
|
--pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart);
|
|
9340
|
+
--pf-v6-c-jump-links__link--before--Width: var(--pf-v6-c-jump-links--m-vertical__link--before--Width);
|
|
9341
|
+
--pf-v6-c-jump-links__link--before--Height: var(--pf-v6-c-jump-links--m-vertical__link--before--Height);
|
|
9239
9342
|
--pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth);
|
|
9240
9343
|
--pf-v6-c-jump-links__list--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth);
|
|
9241
9344
|
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth);
|
|
@@ -9366,6 +9469,8 @@ label.pf-v6-c-input-group__text {
|
|
|
9366
9469
|
.pf-v6-c-jump-links__link::before {
|
|
9367
9470
|
position: absolute;
|
|
9368
9471
|
inset: 0;
|
|
9472
|
+
width: var(--pf-v6-c-jump-links__link--before--Width);
|
|
9473
|
+
height: var(--pf-v6-c-jump-links__link--before--Height);
|
|
9369
9474
|
pointer-events: none;
|
|
9370
9475
|
content: "";
|
|
9371
9476
|
border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
|
|
@@ -9374,6 +9479,7 @@ label.pf-v6-c-input-group__text {
|
|
|
9374
9479
|
border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
|
|
9375
9480
|
border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
|
|
9376
9481
|
border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
|
|
9482
|
+
border-radius: var(--pf-v6-c-jump-links__link--before--BorderRadius);
|
|
9377
9483
|
}
|
|
9378
9484
|
|
|
9379
9485
|
.pf-v6-c-jump-links__item {
|
|
@@ -11051,17 +11157,19 @@ ul.pf-v6-c-list {
|
|
|
11051
11157
|
}
|
|
11052
11158
|
|
|
11053
11159
|
.pf-v6-c-menu {
|
|
11054
|
-
--pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--
|
|
11160
|
+
--pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--xs);
|
|
11055
11161
|
--pf-v6-c-menu--Width: auto;
|
|
11056
11162
|
--pf-v6-c-menu--MinWidth: auto;
|
|
11057
|
-
--pf-v6-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
11058
|
-
--pf-v6-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
11163
|
+
--pf-v6-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
11164
|
+
--pf-v6-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
11165
|
+
--pf-v6-c-menu--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
11166
|
+
--pf-v6-c-menu--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
11059
11167
|
--pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
11060
11168
|
--pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
11061
11169
|
--pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
|
|
11062
11170
|
--pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
11063
11171
|
--pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
11064
|
-
--pf-v6-c-menu--BorderRadius: var(--pf-
|
|
11172
|
+
--pf-v6-c-menu--BorderRadius: calc(var(--pf-v6-c-menu__item--BorderRadius) + var(--pf-v6-c-menu--PaddingBlockStart));
|
|
11065
11173
|
--pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
|
|
11066
11174
|
--pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
|
|
11067
11175
|
--pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
@@ -11102,12 +11210,13 @@ ul.pf-v6-c-list {
|
|
|
11102
11210
|
--pf-v6-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
11103
11211
|
--pf-v6-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
|
|
11104
11212
|
--pf-v6-c-menu__list-item--has--menu-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
11105
|
-
--pf-v6-c-menu__list--divider--MarginBlockStart: var(--pf-t--global--spacer--
|
|
11106
|
-
--pf-v6-c-menu__list--divider--MarginBlockEnd: var(--pf-t--global--spacer--
|
|
11213
|
+
--pf-v6-c-menu__list--divider--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
11214
|
+
--pf-v6-c-menu__list--divider--MarginBlockEnd: var(--pf-t--global--spacer--xs);
|
|
11215
|
+
--pf-v6-c-menu__item--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
11107
11216
|
--pf-v6-c-menu__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
11108
11217
|
--pf-v6-c-menu__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11109
|
-
--pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
11110
|
-
--pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
11218
|
+
--pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
11219
|
+
--pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
11111
11220
|
--pf-v6-c-menu__item--FontSize: var(--pf-t--global--font--size--body--default);
|
|
11112
11221
|
--pf-v6-c-menu__item--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
11113
11222
|
--pf-v6-c-menu__item--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
@@ -11116,22 +11225,23 @@ ul.pf-v6-c-list {
|
|
|
11116
11225
|
--pf-v6-c-menu__item--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
11117
11226
|
--pf-v6-c-menu__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
11118
11227
|
--pf-v6-c-menu__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11119
|
-
--pf-v6-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
11120
|
-
--pf-v6-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
11228
|
+
--pf-v6-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
11229
|
+
--pf-v6-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
11121
11230
|
--pf-v6-c-menu__group-title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
11122
11231
|
--pf-v6-c-menu__group-title--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11123
|
-
--pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
11124
|
-
--pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
11232
|
+
--pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
11233
|
+
--pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
11125
11234
|
--pf-v6-c-menu__breadcrumb--PaddingBlockStart: 0;
|
|
11126
11235
|
--pf-v6-c-menu__breadcrumb--PaddingBlockEnd: 0;
|
|
11127
|
-
--pf-v6-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
11128
|
-
--pf-v6-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
11236
|
+
--pf-v6-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
11237
|
+
--pf-v6-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
11129
11238
|
--pf-v6-c-menu__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
11130
11239
|
--pf-v6-c-menu__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11131
|
-
--pf-v6-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
11132
|
-
--pf-v6-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
11240
|
+
--pf-v6-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
11241
|
+
--pf-v6-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
11133
11242
|
--pf-v6-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
11134
|
-
--pf-v6-c-menu__group-title--
|
|
11243
|
+
--pf-v6-c-menu__group-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
11244
|
+
--pf-v6-c-menu__group-title--Color: var(--pf-t--global--text--color--regular);
|
|
11135
11245
|
--pf-v6-c-menu__item-description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
11136
11246
|
--pf-v6-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
|
|
11137
11247
|
--pf-v6-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
|
|
@@ -11293,6 +11403,8 @@ ul.pf-v6-c-list {
|
|
|
11293
11403
|
min-width: var(--pf-v6-c-menu--MinWidth);
|
|
11294
11404
|
padding-block-start: var(--pf-v6-c-menu--PaddingBlockStart);
|
|
11295
11405
|
padding-block-end: var(--pf-v6-c-menu--PaddingBlockEnd);
|
|
11406
|
+
padding-inline-start: var(--pf-v6-c-menu--PaddingInlineStart);
|
|
11407
|
+
padding-inline-end: var(--pf-v6-c-menu--PaddingInlineEnd);
|
|
11296
11408
|
overflow: hidden;
|
|
11297
11409
|
color: var(--pf-v6-c-menu--Color);
|
|
11298
11410
|
background-color: var(--pf-v6-c-menu--BackgroundColor);
|
|
@@ -11487,8 +11599,8 @@ ul.pf-v6-c-list {
|
|
|
11487
11599
|
inset: 0;
|
|
11488
11600
|
content: "";
|
|
11489
11601
|
background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
|
|
11490
|
-
border
|
|
11491
|
-
border-
|
|
11602
|
+
border: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
|
|
11603
|
+
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
11492
11604
|
transition: inherit;
|
|
11493
11605
|
}
|
|
11494
11606
|
.pf-v6-c-menu__list-item.pf-m-load {
|
|
@@ -11538,6 +11650,7 @@ ul.pf-v6-c-list {
|
|
|
11538
11650
|
text-decoration-line: none;
|
|
11539
11651
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
11540
11652
|
border: 0;
|
|
11653
|
+
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
11541
11654
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11542
11655
|
--pf-v6-hidden-visible--visible--Display: flex;
|
|
11543
11656
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
@@ -11696,12 +11809,12 @@ ul.pf-v6-c-list {
|
|
|
11696
11809
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
11697
11810
|
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
11698
11811
|
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
11699
|
-
--pf-v6-c-menu-toggle--MinWidth:
|
|
11812
|
+
--pf-v6-c-menu-toggle--MinWidth: calc(1lh + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
|
|
11700
11813
|
--pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
|
|
11701
11814
|
--pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
|
|
11702
11815
|
--pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
11703
11816
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
11704
|
-
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--
|
|
11817
|
+
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--control--default);
|
|
11705
11818
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
11706
11819
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
11707
11820
|
--pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
|
|
@@ -11739,7 +11852,7 @@ ul.pf-v6-c-list {
|
|
|
11739
11852
|
--pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
|
|
11740
11853
|
--pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
11741
11854
|
--pf-v6-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
11742
|
-
--pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--
|
|
11855
|
+
--pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--action--default);
|
|
11743
11856
|
--pf-v6-c-menu-toggle--m-primary--BorderColor: transparent;
|
|
11744
11857
|
--pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
|
|
11745
11858
|
--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
|
@@ -11757,7 +11870,7 @@ ul.pf-v6-c-list {
|
|
|
11757
11870
|
--pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
|
|
11758
11871
|
--pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
|
|
11759
11872
|
--pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
11760
|
-
--pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--
|
|
11873
|
+
--pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--action--default);
|
|
11761
11874
|
--pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
11762
11875
|
--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
11763
11876
|
--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
|
|
@@ -11772,11 +11885,12 @@ ul.pf-v6-c-list {
|
|
|
11772
11885
|
--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
11773
11886
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
11774
11887
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
11888
|
+
--pf-v6-c-menu-toggle--m-form--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
|
|
11775
11889
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
11776
11890
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
11777
11891
|
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
|
|
11778
11892
|
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
11779
|
-
--pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--
|
|
11893
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--action--default);
|
|
11780
11894
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
|
|
11781
11895
|
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
|
|
11782
11896
|
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
|
|
@@ -11806,7 +11920,7 @@ ul.pf-v6-c-list {
|
|
|
11806
11920
|
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
11807
11921
|
--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
11808
11922
|
--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
11809
|
-
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--
|
|
11923
|
+
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--control--default);
|
|
11810
11924
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
11811
11925
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
11812
11926
|
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
@@ -11926,6 +12040,9 @@ ul.pf-v6-c-list {
|
|
|
11926
12040
|
.pf-v6-c-menu-toggle.pf-m-full-width {
|
|
11927
12041
|
width: 100%;
|
|
11928
12042
|
}
|
|
12043
|
+
.pf-v6-c-menu-toggle.pf-m-form {
|
|
12044
|
+
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-form--BorderRadius);
|
|
12045
|
+
}
|
|
11929
12046
|
.pf-v6-c-menu-toggle.pf-m-plain {
|
|
11930
12047
|
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart);
|
|
11931
12048
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd);
|
|
@@ -12211,7 +12328,6 @@ ul.pf-v6-c-list {
|
|
|
12211
12328
|
|
|
12212
12329
|
.pf-v6-c-menu-toggle__icon {
|
|
12213
12330
|
flex-shrink: 0;
|
|
12214
|
-
min-width: 1lh;
|
|
12215
12331
|
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
12216
12332
|
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
12217
12333
|
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
@@ -13467,6 +13583,7 @@ ul.pf-v6-c-list {
|
|
|
13467
13583
|
--pf-v6-c-page__sidebar--TranslateZ: 0;
|
|
13468
13584
|
--pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
|
|
13469
13585
|
--pf-v6-c-page__sidebar--xl--TranslateX: 0;
|
|
13586
|
+
--pf-v6-c-page__sidebar--MarginBlockStart: 0;
|
|
13470
13587
|
--pf-v6-c-page__sidebar--MarginInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
|
|
13471
13588
|
--pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
13472
13589
|
--pf-v6-c-page__sidebar--PaddingInlineStart: 0;
|
|
@@ -13484,6 +13601,20 @@ ul.pf-v6-c-list {
|
|
|
13484
13601
|
}
|
|
13485
13602
|
}
|
|
13486
13603
|
.pf-v6-c-page {
|
|
13604
|
+
--pf-v6-c-page__sidebar-main--PaddingBlockStart: 0;
|
|
13605
|
+
--pf-v6-c-page__sidebar-main--PaddingBlockEnd: 0;
|
|
13606
|
+
--pf-v6-c-page__sidebar-main--PaddingInlineStart: 0;
|
|
13607
|
+
--pf-v6-c-page__sidebar-main--PaddingInlineEnd: 0;
|
|
13608
|
+
--pf-v6-c-page__sidebar-main--MarginBlockStart: 0;
|
|
13609
|
+
--pf-v6-c-page__sidebar-main--MarginBlockEnd: 0;
|
|
13610
|
+
--pf-v6-c-page__sidebar-main--MarginInlineStart: 0;
|
|
13611
|
+
--pf-v6-c-page__sidebar-main--MarginInlineEnd: 0;
|
|
13612
|
+
--pf-v6-c-page__sidebar-main--BackgroundColor: transparent;
|
|
13613
|
+
--pf-v6-c-page__sidebar-main--BackdropFilter: none;
|
|
13614
|
+
--pf-v6-c-page__sidebar-main--BorderWidth: 0;
|
|
13615
|
+
--pf-v6-c-page__sidebar-main--BorderColor: transparent;
|
|
13616
|
+
--pf-v6-c-page__sidebar-main--BorderRadius: 0;
|
|
13617
|
+
--pf-v6-c-page__sidebar-main--BoxShadow: none;
|
|
13487
13618
|
--pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
13488
13619
|
--pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
13489
13620
|
--pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -13554,6 +13685,10 @@ ul.pf-v6-c-list {
|
|
|
13554
13685
|
--pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
13555
13686
|
--pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
13556
13687
|
--pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
13688
|
+
--pf-v6-c-page__main-section--m-secondary--BorderBlockStartWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--high-contrast--regular));
|
|
13689
|
+
--pf-v6-c-page__main-section--m-secondary--BorderBlockStartColor: var(--pf-t--global--border--color--subtle);
|
|
13690
|
+
--pf-v6-c-page__main-section--m-secondary--BorderBlockEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--high-contrast--regular));
|
|
13691
|
+
--pf-v6-c-page__main-section--m-secondary--BorderBlockEndColor: var(--pf-t--global--border--color--subtle);
|
|
13557
13692
|
--pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
|
|
13558
13693
|
--pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
|
|
13559
13694
|
--pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
@@ -13596,11 +13731,54 @@ ul.pf-v6-c-list {
|
|
|
13596
13731
|
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
13597
13732
|
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
13598
13733
|
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13734
|
+
--pf-v6-c-page--BackgroundColor--glass: transparent;
|
|
13735
|
+
--pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
13736
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--lg);
|
|
13737
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--lg);
|
|
13738
|
+
--pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
13739
|
+
--pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
13740
|
+
--pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
13741
|
+
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
13742
|
+
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--md);
|
|
13743
|
+
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--md);
|
|
13744
|
+
--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
13745
|
+
--pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
13746
|
+
--pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
|
|
13747
|
+
--pf-v6-c-page__sidebar-main--BorderWidth--glass: var(--pf-t--global--border--width--glass--default);
|
|
13748
|
+
--pf-v6-c-page__sidebar-main--BorderColor--glass: var(--pf-t--global--border--color--glass--default);
|
|
13749
|
+
--pf-v6-c-page__sidebar-main--BorderRadius--glass: var(--pf-t--global--border--radius--glass--default);
|
|
13750
|
+
--pf-v6-c-page__sidebar-main--BoxShadow--glass: var(--pf-t--global--box-shadow--glass--default);
|
|
13751
|
+
--pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
|
|
13752
|
+
--pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13753
|
+
--pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13754
|
+
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13599
13755
|
}
|
|
13600
13756
|
:where(.pf-v6-theme-glass) .pf-v6-c-page {
|
|
13601
|
-
--pf-v6-c-
|
|
13602
|
-
--pf-v6-c-page__sidebar
|
|
13603
|
-
--pf-v6-c-page__sidebar-body--
|
|
13757
|
+
--pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
|
|
13758
|
+
--pf-v6-c-page__sidebar--Width--base: var(--pf-v6-c-page__sidebar--Width--base--glass);
|
|
13759
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass);
|
|
13760
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass);
|
|
13761
|
+
--pf-v6-c-page__sidebar-main--PaddingBlockEnd: var(--pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass);
|
|
13762
|
+
--pf-v6-c-page__sidebar-main--PaddingInlineStart: var(--pf-v6-c-page__sidebar-main--PaddingInlineStart--glass);
|
|
13763
|
+
--pf-v6-c-page__sidebar-main--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass);
|
|
13764
|
+
--pf-v6-c-page__sidebar-main--MarginBlockStart: var(--pf-v6-c-page__sidebar-main--MarginBlockStart--glass);
|
|
13765
|
+
--pf-v6-c-page__sidebar-main--MarginBlockEnd: var(--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass);
|
|
13766
|
+
--pf-v6-c-page__sidebar-main--MarginInlineStart: var(--pf-v6-c-page__sidebar-main--MarginInlineStart--glass);
|
|
13767
|
+
--pf-v6-c-page__sidebar-main--MarginInlineEnd: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass);
|
|
13768
|
+
--pf-v6-c-page__sidebar-main--BackgroundColor: var(--pf-v6-c-page__sidebar-main--BackgroundColor--glass);
|
|
13769
|
+
--pf-v6-c-page__sidebar-main--BackdropFilter: var(--pf-v6-c-page__sidebar-main--BackdropFilter--glass);
|
|
13770
|
+
--pf-v6-c-page__sidebar-main--BorderWidth: var(--pf-v6-c-page__sidebar-main--BorderWidth--glass);
|
|
13771
|
+
--pf-v6-c-page__sidebar-main--BorderColor: var(--pf-v6-c-page__sidebar-main--BorderColor--glass);
|
|
13772
|
+
--pf-v6-c-page__sidebar-main--BorderRadius: var(--pf-v6-c-page__sidebar-main--BorderRadius--glass);
|
|
13773
|
+
--pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
|
|
13774
|
+
}
|
|
13775
|
+
@media (min-width: 75rem) {
|
|
13776
|
+
.pf-v6-c-page {
|
|
13777
|
+
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: var(--pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass);
|
|
13778
|
+
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass);
|
|
13779
|
+
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass);
|
|
13780
|
+
--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass);
|
|
13781
|
+
}
|
|
13604
13782
|
}
|
|
13605
13783
|
|
|
13606
13784
|
.pf-v6-c-page {
|
|
@@ -13762,6 +13940,7 @@ ul.pf-v6-c-list {
|
|
|
13762
13940
|
padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
13763
13941
|
padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
13764
13942
|
padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
13943
|
+
margin-block-start: var(--pf-v6-c-page__sidebar--MarginBlockStart);
|
|
13765
13944
|
margin-inline-end: var(--pf-v6-c-page__sidebar--MarginInlineEnd);
|
|
13766
13945
|
overflow-x: hidden;
|
|
13767
13946
|
overflow-y: auto;
|
|
@@ -13793,44 +13972,33 @@ ul.pf-v6-c-list {
|
|
|
13793
13972
|
:where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar {
|
|
13794
13973
|
min-height: 0;
|
|
13795
13974
|
padding: 0;
|
|
13796
|
-
overflow:
|
|
13975
|
+
overflow: revert;
|
|
13797
13976
|
background: transparent;
|
|
13798
13977
|
}
|
|
13799
13978
|
:where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar.pf-m-expanded {
|
|
13800
13979
|
box-shadow: none;
|
|
13801
13980
|
}
|
|
13802
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar
|
|
13803
|
-
padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
13804
|
-
padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
13805
|
-
padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
13806
|
-
margin-block-start: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
13807
|
-
margin-block-end: var(--pf-t--global--spacer--md);
|
|
13808
|
-
margin-inline-start: var(--pf-t--global--spacer--md);
|
|
13809
|
-
margin-inline-end: var(--pf-t--global--spacer--md);
|
|
13981
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar-main {
|
|
13810
13982
|
overflow: auto;
|
|
13811
|
-
background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
13812
|
-
backdrop-filter: var(--pf-v6-c-page__sidebar--BackdropFilter);
|
|
13813
|
-
border: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
13814
|
-
border-radius: var(--pf-t--global--border--radius--glass--default);
|
|
13815
|
-
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
13816
|
-
}
|
|
13817
|
-
@media (min-width: 75rem) {
|
|
13818
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar .pf-v6-c-page__sidebar-main {
|
|
13819
|
-
margin-block-start: 0;
|
|
13820
|
-
margin-block-end: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13821
|
-
margin-inline-start: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13822
|
-
margin-inline-end: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13823
|
-
}
|
|
13824
|
-
}
|
|
13825
|
-
|
|
13826
|
-
.pf-v6-c-page__sidebar:has(> .pf-v6-c-page__sidebar-main) {
|
|
13827
|
-
overflow: revert;
|
|
13828
13983
|
}
|
|
13829
13984
|
|
|
13830
13985
|
.pf-v6-c-page__sidebar-main {
|
|
13831
13986
|
display: flex;
|
|
13832
13987
|
flex-grow: 1;
|
|
13833
13988
|
flex-direction: column;
|
|
13989
|
+
padding-block-start: var(--pf-v6-c-page__sidebar-main--PaddingBlockStart);
|
|
13990
|
+
padding-block-end: var(--pf-v6-c-page__sidebar-main--PaddingBlockEnd);
|
|
13991
|
+
padding-inline-start: var(--pf-v6-c-page__sidebar-main--PaddingInlineStart);
|
|
13992
|
+
padding-inline-end: var(--pf-v6-c-page__sidebar-main--PaddingInlineEnd);
|
|
13993
|
+
margin-block-start: var(--pf-v6-c-page__sidebar-main--MarginBlockStart);
|
|
13994
|
+
margin-block-end: var(--pf-v6-c-page__sidebar-main--MarginBlockEnd);
|
|
13995
|
+
margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
|
|
13996
|
+
margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
|
|
13997
|
+
background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
|
|
13998
|
+
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
13999
|
+
border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
|
|
14000
|
+
border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
|
|
14001
|
+
box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
|
|
13834
14002
|
}
|
|
13835
14003
|
|
|
13836
14004
|
.pf-v6-c-page__sidebar-header {
|
|
@@ -14145,16 +14313,16 @@ ul.pf-v6-c-list {
|
|
|
14145
14313
|
outline: 0;
|
|
14146
14314
|
}
|
|
14147
14315
|
|
|
14148
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain), .pf-v6-c-page__main-subnav.pf-m-plain,
|
|
14149
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain),
|
|
14316
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain-on-glass), .pf-v6-c-page__main-subnav.pf-m-plain,
|
|
14317
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain-on-glass),
|
|
14150
14318
|
.pf-v6-c-page__main-breadcrumb.pf-m-plain,
|
|
14151
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain),
|
|
14319
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain-on-glass),
|
|
14152
14320
|
.pf-v6-c-page__main-tabs.pf-m-plain,
|
|
14153
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain),
|
|
14321
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain-on-glass),
|
|
14154
14322
|
.pf-v6-c-page__main-section.pf-m-plain,
|
|
14155
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain),
|
|
14323
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain-on-glass),
|
|
14156
14324
|
.pf-v6-c-page__main-wizard.pf-m-plain,
|
|
14157
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain),
|
|
14325
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain-on-glass),
|
|
14158
14326
|
.pf-v6-c-page__main-group.pf-m-plain {
|
|
14159
14327
|
--pf-v6-c-page__main-section--BackgroundColor: transparent;
|
|
14160
14328
|
--pf-v6-c-page__main-subnav--BackgroundColor: transparent;
|
|
@@ -14258,8 +14426,8 @@ ul.pf-v6-c-list {
|
|
|
14258
14426
|
}
|
|
14259
14427
|
.pf-v6-c-page__main-section.pf-m-secondary {
|
|
14260
14428
|
--pf-v6-c-page__main-section--BackgroundColor: var(--pf-v6-c-page__main-section--m-secondary--BackgroundColor);
|
|
14261
|
-
border-block-start: var(--pf-
|
|
14262
|
-
border-block-end: var(--pf-
|
|
14429
|
+
border-block-start: var(--pf-v6-c-page__main-section--m-secondary--BorderBlockStartWidth) solid var(--pf-v6-c-page__main-section--m-secondary--BorderBlockStartColor);
|
|
14430
|
+
border-block-end: var(--pf-v6-c-page__main-section--m-secondary--BorderBlockEndWidth) solid var(--pf-v6-c-page__main-section--m-secondary--BorderBlockEndColor);
|
|
14263
14431
|
}
|
|
14264
14432
|
.pf-v6-c-page__main-section.pf-m-padding {
|
|
14265
14433
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
@@ -15064,7 +15232,7 @@ ul.pf-v6-c-list {
|
|
|
15064
15232
|
--pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
|
|
15065
15233
|
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
15066
15234
|
--pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
15067
|
-
--pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--
|
|
15235
|
+
--pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
15068
15236
|
--pf-v6-c-progress__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
15069
15237
|
--pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
15070
15238
|
--pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
@@ -15074,6 +15242,7 @@ ul.pf-v6-c-list {
|
|
|
15074
15242
|
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
15075
15243
|
--pf-v6-c-progress__indicator--BorderWidth: var(--pf-t--global--border--width--high-contrast--extra-strong);
|
|
15076
15244
|
--pf-v6-c-progress__indicator--BorderColor: transparent;
|
|
15245
|
+
--pf-v6-c-progress__indicator--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
15077
15246
|
--pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
|
|
15078
15247
|
--pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
|
|
15079
15248
|
--pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
@@ -15243,6 +15412,7 @@ ul.pf-v6-c-list {
|
|
|
15243
15412
|
position: absolute;
|
|
15244
15413
|
height: var(--pf-v6-c-progress__indicator--Height);
|
|
15245
15414
|
background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
|
|
15415
|
+
border-radius: var(--pf-v6-c-progress__indicator--BorderRadius);
|
|
15246
15416
|
}
|
|
15247
15417
|
.pf-v6-c-progress__indicator::before {
|
|
15248
15418
|
position: absolute;
|
|
@@ -18799,7 +18969,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18799
18969
|
--pf-v6-c-table__button--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
18800
18970
|
--pf-v6-c-table__button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
18801
18971
|
--pf-v6-c-table__button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
18802
|
-
--pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--
|
|
18972
|
+
--pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
18803
18973
|
--pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
|
|
18804
18974
|
--pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
18805
18975
|
--pf-v6-c-table__check--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
@@ -18894,7 +19064,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18894
19064
|
--pf-v6-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
|
|
18895
19065
|
--pf-v6-c-table__nested-column-header__button--PaddingInlineStart: calc(var(--pf-v6-c-table__button--PaddingInlineStart) - var(--pf-t--global--spacer--control--horizontal--plain));
|
|
18896
19066
|
--pf-v6-c-table__nested-column-header__button--PaddingInlineEnd: calc(var(--pf-v6-c-table__button--PaddingInlineEnd) - (var(--pf-t--global--spacer--control--horizontal--plain) / 2));
|
|
18897
|
-
--pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--
|
|
19067
|
+
--pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--striped--row--default);
|
|
18898
19068
|
--pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
|
|
18899
19069
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
18900
19070
|
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
@@ -18904,7 +19074,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18904
19074
|
width: 100%;
|
|
18905
19075
|
background-color: var(--pf-v6-c-table--BackgroundColor);
|
|
18906
19076
|
}
|
|
18907
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain), .pf-v6-c-table.pf-m-plain {
|
|
19077
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain-on-glass), .pf-v6-c-table.pf-m-plain {
|
|
18908
19078
|
--pf-v6-c-table--BackgroundColor: transparent;
|
|
18909
19079
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: transparent;
|
|
18910
19080
|
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: 0;
|
|
@@ -20665,14 +20835,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20665
20835
|
--pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
20666
20836
|
--pf-v6-c-tabs__item--m-current--BackgroundColor: transparent;
|
|
20667
20837
|
--pf-v6-c-tabs--m-box__item--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
20668
|
-
--pf-v6-c-tabs--m-box__item--m-current--BackgroundColor:
|
|
20669
|
-
--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor:
|
|
20838
|
+
--pf-v6-c-tabs--m-box__item--m-current--BackgroundColor: transparent;
|
|
20839
|
+
--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor: transparent;
|
|
20670
20840
|
--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
20671
20841
|
--pf-v6-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--z-index--sm);
|
|
20672
20842
|
--pf-v6-c-tabs__link--Color: var(--pf-t--global--text--color--subtle);
|
|
20673
20843
|
--pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
|
|
20674
20844
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
20675
|
-
--pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--
|
|
20845
|
+
--pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
20676
20846
|
--pf-v6-c-tabs__link--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
20677
20847
|
--pf-v6-c-tabs__link--BorderColor: transparent;
|
|
20678
20848
|
--pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
@@ -20682,21 +20852,21 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20682
20852
|
--pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
20683
20853
|
--pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
20684
20854
|
--pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
20685
|
-
--pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--
|
|
20686
|
-
--pf-v6-c-tabs__link--disabled--BackgroundColor:
|
|
20855
|
+
--pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
20856
|
+
--pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
|
|
20687
20857
|
--pf-v6-c-tabs__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
20688
20858
|
--pf-v6-c-tabs__item--m-current__link--Color: var(--pf-t--global--text--color--regular);
|
|
20689
20859
|
--pf-v6-c-tabs__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
20690
20860
|
--pf-v6-c-tabs--m-vertical__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
20691
20861
|
--pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
20692
20862
|
--pf-v6-c-tabs--m-box__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
20693
|
-
--pf-v6-c-tabs--m-box__link--disabled--Color: var(--pf-t--global--text--color--
|
|
20694
|
-
--pf-v6-c-tabs--m-box__link--disabled--BackgroundColor:
|
|
20863
|
+
--pf-v6-c-tabs--m-box__link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
20864
|
+
--pf-v6-c-tabs--m-box__link--disabled--BackgroundColor: transparent;
|
|
20695
20865
|
--pf-v6-c-tabs--m-box__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
20696
20866
|
--pf-v6-c-tabs--m-box__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
20697
20867
|
--pf-v6-c-tabs--m-box--m-secondary__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
20698
|
-
--pf-v6-c-tabs--m-box--m-secondary__link--disabled--Color: var(--pf-t--global--text--color--
|
|
20699
|
-
--pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor:
|
|
20868
|
+
--pf-v6-c-tabs--m-box--m-secondary__link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
20869
|
+
--pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
|
|
20700
20870
|
--pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
20701
20871
|
--pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
20702
20872
|
--pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
|
|
@@ -20716,6 +20886,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20716
20886
|
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
20717
20887
|
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
20718
20888
|
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
20889
|
+
--pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor: var(--pf-t--global--border--color--alt);
|
|
20719
20890
|
--pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
|
|
20720
20891
|
--pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
|
|
20721
20892
|
--pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
|
|
@@ -20728,7 +20899,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20728
20899
|
--pf-v6-c-tabs__link--after--BorderBlockStartWidth: 0;
|
|
20729
20900
|
--pf-v6-c-tabs__link--after--BorderInlineEndWidth: 0;
|
|
20730
20901
|
--pf-v6-c-tabs__link--after--BorderInlineStartWidth: 0;
|
|
20731
|
-
--pf-v6-c-
|
|
20902
|
+
--pf-v6-c-tabs__link--after--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
20903
|
+
--pf-v6-c-tabs--m-box__link--after--BorderRadius: var(--pf-t--global--border--radius--sharp);
|
|
20904
|
+
--pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--color--brand--accent--default);
|
|
20732
20905
|
--pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
|
|
20733
20906
|
--pf-v6-c-tabs--link-accent--start: 0;
|
|
20734
20907
|
--pf-v6-c-tabs--link-accent--length: 0;
|
|
@@ -20869,6 +21042,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20869
21042
|
--pf-v6-c-tabs__link--before--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
|
|
20870
21043
|
--pf-v6-c-tabs__link--after--InsetBlockStart: 0;
|
|
20871
21044
|
--pf-v6-c-tabs__link--after--InsetBlockEnd: auto;
|
|
21045
|
+
--pf-v6-c-tabs__link--after--BorderRadius: var(--pf-v6-c-tabs--m-box__link--after--BorderRadius);
|
|
20872
21046
|
}
|
|
20873
21047
|
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__link {
|
|
20874
21048
|
--pf-v6-c-tabs__link--after--BorderBlockStartWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
|
|
@@ -20878,7 +21052,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20878
21052
|
}
|
|
20879
21053
|
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
|
|
20880
21054
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
|
|
20881
|
-
--pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-
|
|
21055
|
+
--pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor);
|
|
20882
21056
|
--pf-v6-c-tabs__link--before--BorderInlineStartColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor);
|
|
20883
21057
|
--pf-v6-c-tabs__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth);
|
|
20884
21058
|
--pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor);
|
|
@@ -21048,7 +21222,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21048
21222
|
--pf-v6-c-tabs__link--before--BorderBlockStartWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
|
|
21049
21223
|
}
|
|
21050
21224
|
.pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item.pf-m-current {
|
|
21051
|
-
--pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-
|
|
21225
|
+
--pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor);
|
|
21226
|
+
--pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
|
|
21052
21227
|
--pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--before--border-color--base);
|
|
21053
21228
|
}
|
|
21054
21229
|
.pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item:first-child.pf-m-current {
|
|
@@ -21091,11 +21266,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21091
21266
|
align-items: center;
|
|
21092
21267
|
}
|
|
21093
21268
|
|
|
21094
|
-
.pf-v6-c-tabs__toggle-button .pf-v6-c-button {
|
|
21095
|
-
justify-content: start;
|
|
21096
|
-
white-space: normal;
|
|
21097
|
-
}
|
|
21098
|
-
|
|
21099
21269
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
|
|
21100
21270
|
scale: -1 1;
|
|
21101
21271
|
}
|
|
@@ -21226,6 +21396,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21226
21396
|
border-block-end-width: var(--pf-v6-c-tabs__link--after--BorderBlockEndWidth);
|
|
21227
21397
|
border-inline-start-width: var(--pf-v6-c-tabs__link--after--BorderInlineStartWidth);
|
|
21228
21398
|
border-inline-end-width: var(--pf-v6-c-tabs__link--after--BorderInlineEndWidth);
|
|
21399
|
+
border-radius: var(--pf-v6-c-tabs__link--after--BorderRadius);
|
|
21229
21400
|
}
|
|
21230
21401
|
|
|
21231
21402
|
.pf-v6-c-tabs__link:where(:hover, :focus) {
|
|
@@ -25029,14 +25200,14 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25029
25200
|
.pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__toggle {
|
|
25030
25201
|
display: none;
|
|
25031
25202
|
}
|
|
25032
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain), .pf-v6-c-wizard.pf-m-plain {
|
|
25203
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
|
|
25033
25204
|
--pf-v6-c-wizard__header--BackgroundColor: var(--pf-v6-c-wizard--m-plain__header--BackgroundColor);
|
|
25034
25205
|
--pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-v6-c-wizard--m-plain__toggle--BackgroundColor);
|
|
25035
25206
|
--pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor);
|
|
25036
25207
|
--pf-v6-c-wizard__footer--BackgroundColor: var(--pf-v6-c-wizard--m-plain__footer--BackgroundColor);
|
|
25037
25208
|
}
|
|
25038
25209
|
@media screen and (min-width: 62rem) {
|
|
25039
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain), .pf-v6-c-wizard.pf-m-plain {
|
|
25210
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
|
|
25040
25211
|
--pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard--m-plain__nav--BackgroundColor);
|
|
25041
25212
|
}
|
|
25042
25213
|
}
|