@patternfly/react-styles 6.5.0-prerelease.14 → 6.5.0-prerelease.15
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 +6 -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 +2 -2
- 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/MenuToggle/menu-toggle.css +1 -2
- package/css/components/Page/page.css +9 -6
- 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 +1 -1
- 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 +158 -53
- package/css/components/_index.d.ts +1 -2
- package/css/components/_index.js +1 -2
- package/css/components/_index.mjs +1 -2
- 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);
|
|
@@ -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);
|
|
@@ -3449,7 +3449,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3449
3449
|
--pf-v6-c-code-editor__header--BorderStartStartRadius: var(--pf-t--global--border--radius--medium);
|
|
3450
3450
|
--pf-v6-c-code-editor__header--BorderStartEndRadius: var(--pf-t--global--border--radius--medium);
|
|
3451
3451
|
--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:
|
|
3452
|
+
--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: transparent;
|
|
3453
3453
|
--pf-v6-c-code-editor__header-content--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
3454
3454
|
--pf-v6-c-code-editor__header-content--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
3455
3455
|
--pf-v6-c-code-editor__header-content--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
@@ -4828,7 +4828,7 @@ ul) {
|
|
|
4828
4828
|
.pf-v6-c-data-list.pf-m-drag-over {
|
|
4829
4829
|
overflow-anchor: none;
|
|
4830
4830
|
}
|
|
4831
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain), .pf-v6-c-data-list.pf-m-plain {
|
|
4831
|
+
: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
4832
|
--pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
|
|
4833
4833
|
}
|
|
4834
4834
|
|
|
@@ -6344,45 +6344,85 @@ ul) {
|
|
|
6344
6344
|
--pf-v6-c-drawer__body--m-padding--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
6345
6345
|
--pf-v6-c-drawer__body--m-padding--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
6346
6346
|
--pf-v6-c-drawer__body--m-padding--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
6347
|
-
--pf-v6-c-drawer__splitter--Height: 0.
|
|
6347
|
+
--pf-v6-c-drawer__splitter--Height: 0.75rem;
|
|
6348
6348
|
--pf-v6-c-drawer__splitter--Width: 100%;
|
|
6349
|
-
--pf-v6-c-drawer__splitter--BackgroundColor:
|
|
6349
|
+
--pf-v6-c-drawer__splitter--BackgroundColor: transparent;
|
|
6350
6350
|
--pf-v6-c-drawer__splitter--Cursor: row-resize;
|
|
6351
6351
|
--pf-v6-c-drawer__splitter--m-vertical--Height: 100%;
|
|
6352
|
-
--pf-v6-c-drawer__splitter--m-vertical--Width: 0.
|
|
6352
|
+
--pf-v6-c-drawer__splitter--m-vertical--Width: 0.75rem;
|
|
6353
6353
|
--pf-v6-c-drawer__splitter--m-vertical--Cursor: col-resize;
|
|
6354
|
+
--pf-v6-c-drawer__splitter--focus--OutlineOffset: -0.0625rem;
|
|
6354
6355
|
--pf-v6-c-drawer--m-inline__splitter--focus--OutlineOffset: -0.0625rem;
|
|
6355
6356
|
--pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-t--global--border--color--default);
|
|
6357
|
+
--pf-v6-c-drawer__splitter--hover--after--BorderColor: var(--pf-t--global--border--color--default);
|
|
6358
|
+
--pf-v6-c-drawer__splitter--focus--after--BorderColor: var(--pf-t--global--border--color--default);
|
|
6359
|
+
--pf-v6-c-drawer__splitter--active--after--BorderColor: var(--pf-t--global--border--color--default);
|
|
6356
6360
|
--pf-v6-c-drawer__splitter--after--border-width--base: var(--pf-t--global--border--width--divider--default);
|
|
6357
6361
|
--pf-v6-c-drawer__splitter--after--BorderBlockStartWidth: 0;
|
|
6358
6362
|
--pf-v6-c-drawer__splitter--after--BorderInlineEndWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
|
|
6359
6363
|
--pf-v6-c-drawer__splitter--after--BorderBlockEndWidth: 0;
|
|
6360
6364
|
--pf-v6-c-drawer__splitter--after--BorderInlineStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
|
|
6365
|
+
--pf-v6-c-drawer__splitter--after--InsetBlockStart: 0;
|
|
6366
|
+
--pf-v6-c-drawer__splitter--after--InsetBlockEnd: 0;
|
|
6367
|
+
--pf-v6-c-drawer__splitter--after--InsetInlineStart: 0;
|
|
6368
|
+
--pf-v6-c-drawer__splitter--after--InsetInlineEnd: 0;
|
|
6369
|
+
--pf-v6-c-drawer__splitter--after--Width: auto;
|
|
6370
|
+
--pf-v6-c-drawer__splitter--after--Height: auto;
|
|
6361
6371
|
--pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
|
|
6362
6372
|
--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-
|
|
6373
|
+
--pf-v6-c-drawer--m-pill__splitter--m-vertical--Width: 0.625rem;
|
|
6374
|
+
--pf-v6-c-drawer--m-pill__splitter--m-vertical--Height: calc(100% - (2 * var(--pf-v6-c-drawer--m-pill__panel--BorderRadius)));
|
|
6375
|
+
--pf-v6-c-drawer--m-pill__splitter--m-vertical--MarginBlockStart: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
|
|
6376
|
+
--pf-v6-c-drawer--m-pill__splitter--after--BorderColor: transparent;
|
|
6377
|
+
--pf-v6-c-drawer--m-pill__splitter--after--BorderInlineEndWidth: 0;
|
|
6378
|
+
--pf-v6-c-drawer--m-pill__splitter--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
6379
|
+
--pf-v6-c-drawer--m-pill__splitter--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
6380
|
+
--pf-v6-c-drawer--m-pill__splitter--active--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
6381
|
+
--pf-v6-c-drawer--m-pill__splitter--after--Width: 0.0625rem;
|
|
6382
|
+
--pf-v6-c-drawer--m-pill__splitter--after--Height: auto;
|
|
6383
|
+
--pf-v6-c-drawer--m-pill__splitter--after--InsetInlineStart: 50%;
|
|
6384
|
+
--pf-v6-c-drawer--m-pill__splitter--after--InsetInlineEnd: auto;
|
|
6385
|
+
--pf-v6-c-drawer--m-pill__splitter--after--TranslateX: -50%;
|
|
6386
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Height: 0.5rem;
|
|
6387
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Width: calc(100% - (2 * var(--pf-v6-c-drawer--m-pill__panel--BorderRadius)));
|
|
6388
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--MarginInlineStart: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
|
|
6389
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Width: auto;
|
|
6390
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Height: 0.0625rem;
|
|
6391
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
|
|
6392
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockEndWidth: 0;
|
|
6393
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockStart: 50%;
|
|
6394
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockEnd: auto;
|
|
6395
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineStart: 0;
|
|
6396
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineEnd: 0;
|
|
6397
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--TranslateY: -50%;
|
|
6398
|
+
--pf-v6-c-drawer--m-inline__splitter--m-vertical--Width: 0.75rem;
|
|
6364
6399
|
--pf-v6-c-drawer--m-inline__splitter-handle--InsetInlineStart: 50%;
|
|
6365
|
-
--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--Height: 0.
|
|
6400
|
+
--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--Height: 0.75rem;
|
|
6366
6401
|
--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter-handle--InsetBlockStart: 50%;
|
|
6367
6402
|
--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
|
|
6368
6403
|
--pf-v6-c-drawer__splitter-handle--InsetBlockStart: 50%;
|
|
6369
|
-
--pf-v6-c-drawer__splitter-handle--InsetInlineStart:
|
|
6404
|
+
--pf-v6-c-drawer__splitter-handle--InsetInlineStart: 50%;
|
|
6370
6405
|
--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--
|
|
6406
|
+
--pf-v6-c-drawer--m-panel-bottom__splitter-handle--InsetBlockStart: 50%;
|
|
6407
|
+
--pf-v6-c-drawer__splitter-handle--after--BackgroundColor: var(--pf-t--global--border--color--control--default);
|
|
6408
|
+
--pf-v6-c-drawer__splitter-handle--hover--after--BackgroundColor: var(--pf-t--global--border--color--hover);
|
|
6409
|
+
--pf-v6-c-drawer__splitter-handle--focus--after--BackgroundColor: var(--pf-t--global--border--color--clicked);
|
|
6410
|
+
--pf-v6-c-drawer__splitter-handle--active--after--BackgroundColor: var(--pf-t--global--border--color--clicked);
|
|
6411
|
+
--pf-v6-c-drawer__splitter-handle--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
6373
6412
|
--pf-v6-c-drawer__splitter-handle--after--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
6374
6413
|
--pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth: 0;
|
|
6375
6414
|
--pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
6376
6415
|
--pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth: 0;
|
|
6377
|
-
--pf-v6-c-drawer__splitter
|
|
6416
|
+
--pf-v6-c-drawer__splitter-handle--after--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
6417
|
+
--pf-v6-c-drawer__splitter--hover__splitter-handle--after--BorderColor: var(--pf-t--global--color--brand--hover);
|
|
6378
6418
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockStartWidth: 0;
|
|
6379
6419
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
6380
6420
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockEndWidth: 0;
|
|
6381
6421
|
--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:
|
|
6422
|
+
--pf-v6-c-drawer__splitter-handle--after--Width: 2.1875rem;
|
|
6383
6423
|
--pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
|
|
6384
6424
|
--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:
|
|
6425
|
+
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 2.1875rem;
|
|
6386
6426
|
}
|
|
6387
6427
|
@media screen and (min-width: 75rem) {
|
|
6388
6428
|
.pf-v6-c-drawer {
|
|
@@ -6494,6 +6534,19 @@ ul) {
|
|
|
6494
6534
|
--pf-v6-c-drawer__panel--BorderRadius: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
|
|
6495
6535
|
--pf-v6-c-drawer--m-expanded__panel--inset: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
|
|
6496
6536
|
--pf-v6-c-drawer__panel--MarginBlock: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
|
|
6537
|
+
--pf-v6-c-drawer__splitter--m-vertical--Width: var(--pf-v6-c-drawer--m-pill__splitter--m-vertical--Width);
|
|
6538
|
+
--pf-v6-c-drawer__splitter--m-vertical--Height: var(--pf-v6-c-drawer--m-pill__splitter--m-vertical--Height);
|
|
6539
|
+
--pf-v6-c-drawer__splitter--MarginBlockStart: var(--pf-v6-c-drawer--m-pill__splitter--m-vertical--MarginBlockStart);
|
|
6540
|
+
--pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-v6-c-drawer--m-pill__splitter--after--BorderColor);
|
|
6541
|
+
--pf-v6-c-drawer__splitter--after--BorderInlineEndWidth: var(--pf-v6-c-drawer--m-pill__splitter--after--BorderInlineEndWidth);
|
|
6542
|
+
--pf-v6-c-drawer__splitter--hover--after--BorderColor: var(--pf-v6-c-drawer--m-pill__splitter--hover--after--BorderColor);
|
|
6543
|
+
--pf-v6-c-drawer__splitter--focus--after--BorderColor: var(--pf-v6-c-drawer--m-pill__splitter--focus--after--BorderColor);
|
|
6544
|
+
--pf-v6-c-drawer__splitter--active--after--BorderColor: var(--pf-v6-c-drawer--m-pill__splitter--active--after--BorderColor);
|
|
6545
|
+
--pf-v6-c-drawer__splitter--after--Width: var(--pf-v6-c-drawer--m-pill__splitter--after--Width);
|
|
6546
|
+
--pf-v6-c-drawer__splitter--after--Height: var(--pf-v6-c-drawer--m-pill__splitter--after--Height);
|
|
6547
|
+
--pf-v6-c-drawer__splitter--after--InsetInlineStart: var(--pf-v6-c-drawer--m-pill__splitter--after--InsetInlineStart);
|
|
6548
|
+
--pf-v6-c-drawer__splitter--after--InsetInlineEnd: var(--pf-v6-c-drawer--m-pill__splitter--after--InsetInlineEnd);
|
|
6549
|
+
--pf-v6-c-drawer__splitter--after--TranslateX: var(--pf-v6-c-drawer--m-pill__splitter--after--TranslateX);
|
|
6497
6550
|
}
|
|
6498
6551
|
.pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6499
6552
|
border-block-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth);
|
|
@@ -6502,6 +6555,25 @@ ul) {
|
|
|
6502
6555
|
border-inline-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth);
|
|
6503
6556
|
}
|
|
6504
6557
|
}
|
|
6558
|
+
@media screen and (min-width: 48rem) {
|
|
6559
|
+
.pf-v6-c-drawer.pf-m-pill.pf-m-panel-bottom {
|
|
6560
|
+
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Height);
|
|
6561
|
+
--pf-v6-c-drawer__splitter--Width: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Width);
|
|
6562
|
+
--pf-v6-c-drawer__splitter--MarginBlockStart: 0;
|
|
6563
|
+
--pf-v6-c-drawer__splitter--MarginInlineStart: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--MarginInlineStart);
|
|
6564
|
+
--pf-v6-c-drawer__splitter--after--Width: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Width);
|
|
6565
|
+
--pf-v6-c-drawer__splitter--after--Height: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Height);
|
|
6566
|
+
--pf-v6-c-drawer__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockStartWidth);
|
|
6567
|
+
--pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockEndWidth: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockEndWidth);
|
|
6568
|
+
--pf-v6-c-drawer__splitter--after--BorderBlockEndWidth: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockEndWidth);
|
|
6569
|
+
--pf-v6-c-drawer__splitter--after--InsetBlockStart: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockStart);
|
|
6570
|
+
--pf-v6-c-drawer__splitter--after--InsetBlockEnd: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockEnd);
|
|
6571
|
+
--pf-v6-c-drawer__splitter--after--TranslateX: initial;
|
|
6572
|
+
--pf-v6-c-drawer__splitter--after--TranslateY: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--TranslateY);
|
|
6573
|
+
--pf-v6-c-drawer__splitter--after--InsetInlineStart: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineStart);
|
|
6574
|
+
--pf-v6-c-drawer__splitter--after--InsetInlineEnd: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineEnd);
|
|
6575
|
+
}
|
|
6576
|
+
}
|
|
6505
6577
|
|
|
6506
6578
|
.pf-v6-c-drawer__section {
|
|
6507
6579
|
flex-grow: 0;
|
|
@@ -6666,8 +6738,11 @@ ul) {
|
|
|
6666
6738
|
display: none;
|
|
6667
6739
|
width: var(--pf-v6-c-drawer__splitter--Width);
|
|
6668
6740
|
height: var(--pf-v6-c-drawer__splitter--Height);
|
|
6741
|
+
margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
|
|
6742
|
+
margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
|
|
6669
6743
|
cursor: var(--pf-v6-c-drawer__splitter--Cursor);
|
|
6670
6744
|
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
6745
|
+
outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
|
|
6671
6746
|
}
|
|
6672
6747
|
.pf-v6-c-drawer__splitter.pf-m-vertical {
|
|
6673
6748
|
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
|
|
@@ -6680,21 +6755,34 @@ ul) {
|
|
|
6680
6755
|
--pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth: var(--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockEndWidth);
|
|
6681
6756
|
--pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth: var(--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineStartWidth);
|
|
6682
6757
|
}
|
|
6683
|
-
.pf-v6-c-drawer__splitter:hover
|
|
6684
|
-
--pf-v6-c-drawer__splitter-handle--after--
|
|
6758
|
+
.pf-v6-c-drawer__splitter:hover {
|
|
6759
|
+
--pf-v6-c-drawer__splitter-handle--after--BackgroundColor: var(--pf-v6-c-drawer__splitter-handle--hover--after--BackgroundColor);
|
|
6760
|
+
--pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-v6-c-drawer__splitter--hover--after--BorderColor);
|
|
6761
|
+
}
|
|
6762
|
+
.pf-v6-c-drawer__splitter:focus {
|
|
6763
|
+
--pf-v6-c-drawer__splitter-handle--after--BackgroundColor: var(--pf-v6-c-drawer__splitter-handle--focus--after--BackgroundColor);
|
|
6764
|
+
--pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-v6-c-drawer__splitter--focus--after--BorderColor);
|
|
6765
|
+
}
|
|
6766
|
+
.pf-v6-c-drawer__splitter:active {
|
|
6767
|
+
--pf-v6-c-drawer__splitter-handle--after--BackgroundColor: var(--pf-v6-c-drawer__splitter-handle--active--after--BackgroundColor);
|
|
6768
|
+
--pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-v6-c-drawer__splitter--active--after--BorderColor);
|
|
6685
6769
|
}
|
|
6686
6770
|
.pf-v6-c-drawer__splitter::after {
|
|
6687
6771
|
position: absolute;
|
|
6688
|
-
inset-block-start:
|
|
6689
|
-
inset-block-end:
|
|
6690
|
-
inset-inline-start:
|
|
6691
|
-
inset-inline-end:
|
|
6772
|
+
inset-block-start: var(--pf-v6-c-drawer__splitter--after--InsetBlockStart);
|
|
6773
|
+
inset-block-end: var(--pf-v6-c-drawer__splitter--after--InsetBlockEnd);
|
|
6774
|
+
inset-inline-start: var(--pf-v6-c-drawer__splitter--after--InsetInlineStart);
|
|
6775
|
+
inset-inline-end: var(--pf-v6-c-drawer__splitter--after--InsetInlineEnd);
|
|
6776
|
+
z-index: -1;
|
|
6777
|
+
width: var(--pf-v6-c-drawer__splitter--after--Width);
|
|
6778
|
+
height: var(--pf-v6-c-drawer__splitter--after--Height);
|
|
6692
6779
|
content: "";
|
|
6693
6780
|
border: solid var(--pf-v6-c-drawer__splitter--after--BorderColor);
|
|
6694
6781
|
border-block-start-width: var(--pf-v6-c-drawer__splitter--after--BorderBlockStartWidth);
|
|
6695
6782
|
border-block-end-width: var(--pf-v6-c-drawer__splitter--after--BorderBlockEndWidth);
|
|
6696
6783
|
border-inline-start-width: var(--pf-v6-c-drawer__splitter--after--BorderInlineStartWidth);
|
|
6697
6784
|
border-inline-end-width: var(--pf-v6-c-drawer__splitter--after--BorderInlineEndWidth);
|
|
6785
|
+
translate: var(--pf-v6-c-drawer__splitter--after--TranslateX, 0) var(--pf-v6-c-drawer__splitter--after--TranslateY, 0);
|
|
6698
6786
|
}
|
|
6699
6787
|
|
|
6700
6788
|
.pf-v6-c-drawer__splitter-handle {
|
|
@@ -6712,12 +6800,14 @@ ul) {
|
|
|
6712
6800
|
width: var(--pf-v6-c-drawer__splitter-handle--after--Width);
|
|
6713
6801
|
height: var(--pf-v6-c-drawer__splitter-handle--after--Height);
|
|
6714
6802
|
content: "";
|
|
6803
|
+
background-color: var(--pf-v6-c-drawer__splitter-handle--after--BackgroundColor);
|
|
6715
6804
|
border-color: var(--pf-v6-c-drawer__splitter-handle--after--BorderColor);
|
|
6716
6805
|
border-style: solid;
|
|
6717
6806
|
border-block-start-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderBlockStartWidth);
|
|
6718
6807
|
border-block-end-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth);
|
|
6719
6808
|
border-inline-start-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth);
|
|
6720
6809
|
border-inline-end-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth);
|
|
6810
|
+
border-radius: var(--pf-v6-c-drawer__splitter-handle--after--BorderRadius);
|
|
6721
6811
|
}
|
|
6722
6812
|
|
|
6723
6813
|
@media screen and (min-width: 48rem) {
|
|
@@ -6725,7 +6815,7 @@ ul) {
|
|
|
6725
6815
|
--pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
|
|
6726
6816
|
min-width: var(--pf-v6-c-drawer__panel--MinWidth);
|
|
6727
6817
|
}
|
|
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 {
|
|
6818
|
+
: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
6819
|
background: transparent;
|
|
6730
6820
|
}
|
|
6731
6821
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
@@ -9197,14 +9287,19 @@ label.pf-v6-c-input-group__text {
|
|
|
9197
9287
|
--pf-v6-c-jump-links__list__list__link--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
9198
9288
|
--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
9199
9289
|
--pf-v6-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
|
|
9290
|
+
--pf-v6-c-jump-links__link--before--Height: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth);
|
|
9291
|
+
--pf-v6-c-jump-links__link--before--Width: auto;
|
|
9200
9292
|
--pf-v6-c-jump-links__link--before--BorderBlockStartWidth: 0;
|
|
9201
9293
|
--pf-v6-c-jump-links__link--before--BorderInlineEndWidth: 0;
|
|
9202
9294
|
--pf-v6-c-jump-links__link--before--BorderBlockEndWidth: 0;
|
|
9203
9295
|
--pf-v6-c-jump-links__link--before--BorderInlineStartWidth: 0;
|
|
9204
9296
|
--pf-v6-c-jump-links__link--before--BorderColor: transparent;
|
|
9297
|
+
--pf-v6-c-jump-links__link--before--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
9205
9298
|
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
9206
9299
|
--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--
|
|
9300
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--color--brand--accent--default);
|
|
9301
|
+
--pf-v6-c-jump-links--m-vertical__link--before--Height: auto;
|
|
9302
|
+
--pf-v6-c-jump-links--m-vertical__link--before--Width: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth);
|
|
9208
9303
|
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
|
|
9209
9304
|
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
9210
9305
|
--pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
@@ -9236,6 +9331,8 @@ label.pf-v6-c-input-group__text {
|
|
|
9236
9331
|
--pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd);
|
|
9237
9332
|
--pf-v6-c-jump-links__list--PaddingBlockEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd);
|
|
9238
9333
|
--pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart);
|
|
9334
|
+
--pf-v6-c-jump-links__link--before--Width: var(--pf-v6-c-jump-links--m-vertical__link--before--Width);
|
|
9335
|
+
--pf-v6-c-jump-links__link--before--Height: var(--pf-v6-c-jump-links--m-vertical__link--before--Height);
|
|
9239
9336
|
--pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth);
|
|
9240
9337
|
--pf-v6-c-jump-links__list--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth);
|
|
9241
9338
|
--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 +9463,8 @@ label.pf-v6-c-input-group__text {
|
|
|
9366
9463
|
.pf-v6-c-jump-links__link::before {
|
|
9367
9464
|
position: absolute;
|
|
9368
9465
|
inset: 0;
|
|
9466
|
+
width: var(--pf-v6-c-jump-links__link--before--Width);
|
|
9467
|
+
height: var(--pf-v6-c-jump-links__link--before--Height);
|
|
9369
9468
|
pointer-events: none;
|
|
9370
9469
|
content: "";
|
|
9371
9470
|
border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
|
|
@@ -9374,6 +9473,7 @@ label.pf-v6-c-input-group__text {
|
|
|
9374
9473
|
border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
|
|
9375
9474
|
border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
|
|
9376
9475
|
border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
|
|
9476
|
+
border-radius: var(--pf-v6-c-jump-links__link--before--BorderRadius);
|
|
9377
9477
|
}
|
|
9378
9478
|
|
|
9379
9479
|
.pf-v6-c-jump-links__item {
|
|
@@ -11696,7 +11796,7 @@ ul.pf-v6-c-list {
|
|
|
11696
11796
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
11697
11797
|
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
11698
11798
|
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
11699
|
-
--pf-v6-c-menu-toggle--MinWidth:
|
|
11799
|
+
--pf-v6-c-menu-toggle--MinWidth: calc(1lh + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
|
|
11700
11800
|
--pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
|
|
11701
11801
|
--pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
|
|
11702
11802
|
--pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
@@ -12211,7 +12311,6 @@ ul.pf-v6-c-list {
|
|
|
12211
12311
|
|
|
12212
12312
|
.pf-v6-c-menu-toggle__icon {
|
|
12213
12313
|
flex-shrink: 0;
|
|
12214
|
-
min-width: 1lh;
|
|
12215
12314
|
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
12216
12315
|
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
12217
12316
|
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
@@ -13613,6 +13712,9 @@ ul.pf-v6-c-list {
|
|
|
13613
13712
|
max-height: 100%;
|
|
13614
13713
|
background-color: var(--pf-v6-c-page--BackgroundColor);
|
|
13615
13714
|
}
|
|
13715
|
+
:where(:root.pf-v6-theme-glass) .pf-v6-c-page {
|
|
13716
|
+
background-color: transparent;
|
|
13717
|
+
}
|
|
13616
13718
|
@media (min-width: 75rem) {
|
|
13617
13719
|
.pf-v6-c-page {
|
|
13618
13720
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
|
|
@@ -14145,16 +14247,16 @@ ul.pf-v6-c-list {
|
|
|
14145
14247
|
outline: 0;
|
|
14146
14248
|
}
|
|
14147
14249
|
|
|
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),
|
|
14250
|
+
: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,
|
|
14251
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain-on-glass),
|
|
14150
14252
|
.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),
|
|
14253
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain-on-glass),
|
|
14152
14254
|
.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),
|
|
14255
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain-on-glass),
|
|
14154
14256
|
.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),
|
|
14257
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain-on-glass),
|
|
14156
14258
|
.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),
|
|
14259
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain-on-glass),
|
|
14158
14260
|
.pf-v6-c-page__main-group.pf-m-plain {
|
|
14159
14261
|
--pf-v6-c-page__main-section--BackgroundColor: transparent;
|
|
14160
14262
|
--pf-v6-c-page__main-subnav--BackgroundColor: transparent;
|
|
@@ -15064,7 +15166,7 @@ ul.pf-v6-c-list {
|
|
|
15064
15166
|
--pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
|
|
15065
15167
|
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
15066
15168
|
--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--
|
|
15169
|
+
--pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
15068
15170
|
--pf-v6-c-progress__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
15069
15171
|
--pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
15070
15172
|
--pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
@@ -15074,6 +15176,7 @@ ul.pf-v6-c-list {
|
|
|
15074
15176
|
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
15075
15177
|
--pf-v6-c-progress__indicator--BorderWidth: var(--pf-t--global--border--width--high-contrast--extra-strong);
|
|
15076
15178
|
--pf-v6-c-progress__indicator--BorderColor: transparent;
|
|
15179
|
+
--pf-v6-c-progress__indicator--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
15077
15180
|
--pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
|
|
15078
15181
|
--pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
|
|
15079
15182
|
--pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
@@ -15243,6 +15346,7 @@ ul.pf-v6-c-list {
|
|
|
15243
15346
|
position: absolute;
|
|
15244
15347
|
height: var(--pf-v6-c-progress__indicator--Height);
|
|
15245
15348
|
background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
|
|
15349
|
+
border-radius: var(--pf-v6-c-progress__indicator--BorderRadius);
|
|
15246
15350
|
}
|
|
15247
15351
|
.pf-v6-c-progress__indicator::before {
|
|
15248
15352
|
position: absolute;
|
|
@@ -18904,7 +19008,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18904
19008
|
width: 100%;
|
|
18905
19009
|
background-color: var(--pf-v6-c-table--BackgroundColor);
|
|
18906
19010
|
}
|
|
18907
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain), .pf-v6-c-table.pf-m-plain {
|
|
19011
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain-on-glass), .pf-v6-c-table.pf-m-plain {
|
|
18908
19012
|
--pf-v6-c-table--BackgroundColor: transparent;
|
|
18909
19013
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: transparent;
|
|
18910
19014
|
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: 0;
|
|
@@ -20665,14 +20769,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20665
20769
|
--pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
20666
20770
|
--pf-v6-c-tabs__item--m-current--BackgroundColor: transparent;
|
|
20667
20771
|
--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:
|
|
20772
|
+
--pf-v6-c-tabs--m-box__item--m-current--BackgroundColor: transparent;
|
|
20773
|
+
--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor: transparent;
|
|
20670
20774
|
--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
20671
20775
|
--pf-v6-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--z-index--sm);
|
|
20672
20776
|
--pf-v6-c-tabs__link--Color: var(--pf-t--global--text--color--subtle);
|
|
20673
20777
|
--pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
|
|
20674
20778
|
--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--
|
|
20779
|
+
--pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
20676
20780
|
--pf-v6-c-tabs__link--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
20677
20781
|
--pf-v6-c-tabs__link--BorderColor: transparent;
|
|
20678
20782
|
--pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
@@ -20682,21 +20786,21 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20682
20786
|
--pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
20683
20787
|
--pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
20684
20788
|
--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:
|
|
20789
|
+
--pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
20790
|
+
--pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
|
|
20687
20791
|
--pf-v6-c-tabs__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
20688
20792
|
--pf-v6-c-tabs__item--m-current__link--Color: var(--pf-t--global--text--color--regular);
|
|
20689
20793
|
--pf-v6-c-tabs__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
20690
20794
|
--pf-v6-c-tabs--m-vertical__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
20691
20795
|
--pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
20692
20796
|
--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:
|
|
20797
|
+
--pf-v6-c-tabs--m-box__link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
20798
|
+
--pf-v6-c-tabs--m-box__link--disabled--BackgroundColor: transparent;
|
|
20695
20799
|
--pf-v6-c-tabs--m-box__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
20696
20800
|
--pf-v6-c-tabs--m-box__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
20697
20801
|
--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:
|
|
20802
|
+
--pf-v6-c-tabs--m-box--m-secondary__link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
20803
|
+
--pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
|
|
20700
20804
|
--pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
20701
20805
|
--pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
20702
20806
|
--pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
|
|
@@ -20716,6 +20820,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20716
20820
|
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
20717
20821
|
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
20718
20822
|
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
20823
|
+
--pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor: var(--pf-t--global--border--color--alt);
|
|
20719
20824
|
--pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
|
|
20720
20825
|
--pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
|
|
20721
20826
|
--pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
|
|
@@ -20728,7 +20833,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20728
20833
|
--pf-v6-c-tabs__link--after--BorderBlockStartWidth: 0;
|
|
20729
20834
|
--pf-v6-c-tabs__link--after--BorderInlineEndWidth: 0;
|
|
20730
20835
|
--pf-v6-c-tabs__link--after--BorderInlineStartWidth: 0;
|
|
20731
|
-
--pf-v6-c-
|
|
20836
|
+
--pf-v6-c-tabs__link--after--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
20837
|
+
--pf-v6-c-tabs--m-box__link--after--BorderRadius: var(--pf-t--global--border--radius--sharp);
|
|
20838
|
+
--pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--color--brand--accent--default);
|
|
20732
20839
|
--pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
|
|
20733
20840
|
--pf-v6-c-tabs--link-accent--start: 0;
|
|
20734
20841
|
--pf-v6-c-tabs--link-accent--length: 0;
|
|
@@ -20869,6 +20976,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20869
20976
|
--pf-v6-c-tabs__link--before--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
|
|
20870
20977
|
--pf-v6-c-tabs__link--after--InsetBlockStart: 0;
|
|
20871
20978
|
--pf-v6-c-tabs__link--after--InsetBlockEnd: auto;
|
|
20979
|
+
--pf-v6-c-tabs__link--after--BorderRadius: var(--pf-v6-c-tabs--m-box__link--after--BorderRadius);
|
|
20872
20980
|
}
|
|
20873
20981
|
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__link {
|
|
20874
20982
|
--pf-v6-c-tabs__link--after--BorderBlockStartWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
|
|
@@ -20878,7 +20986,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20878
20986
|
}
|
|
20879
20987
|
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
|
|
20880
20988
|
--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-
|
|
20989
|
+
--pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor);
|
|
20882
20990
|
--pf-v6-c-tabs__link--before--BorderInlineStartColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor);
|
|
20883
20991
|
--pf-v6-c-tabs__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth);
|
|
20884
20992
|
--pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor);
|
|
@@ -21048,7 +21156,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21048
21156
|
--pf-v6-c-tabs__link--before--BorderBlockStartWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
|
|
21049
21157
|
}
|
|
21050
21158
|
.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-
|
|
21159
|
+
--pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor);
|
|
21160
|
+
--pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
|
|
21052
21161
|
--pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--before--border-color--base);
|
|
21053
21162
|
}
|
|
21054
21163
|
.pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item:first-child.pf-m-current {
|
|
@@ -21091,11 +21200,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21091
21200
|
align-items: center;
|
|
21092
21201
|
}
|
|
21093
21202
|
|
|
21094
|
-
.pf-v6-c-tabs__toggle-button .pf-v6-c-button {
|
|
21095
|
-
justify-content: start;
|
|
21096
|
-
white-space: normal;
|
|
21097
|
-
}
|
|
21098
|
-
|
|
21099
21203
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
|
|
21100
21204
|
scale: -1 1;
|
|
21101
21205
|
}
|
|
@@ -21226,6 +21330,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21226
21330
|
border-block-end-width: var(--pf-v6-c-tabs__link--after--BorderBlockEndWidth);
|
|
21227
21331
|
border-inline-start-width: var(--pf-v6-c-tabs__link--after--BorderInlineStartWidth);
|
|
21228
21332
|
border-inline-end-width: var(--pf-v6-c-tabs__link--after--BorderInlineEndWidth);
|
|
21333
|
+
border-radius: var(--pf-v6-c-tabs__link--after--BorderRadius);
|
|
21229
21334
|
}
|
|
21230
21335
|
|
|
21231
21336
|
.pf-v6-c-tabs__link:where(:hover, :focus) {
|
|
@@ -25029,14 +25134,14 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25029
25134
|
.pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__toggle {
|
|
25030
25135
|
display: none;
|
|
25031
25136
|
}
|
|
25032
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain), .pf-v6-c-wizard.pf-m-plain {
|
|
25137
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
|
|
25033
25138
|
--pf-v6-c-wizard__header--BackgroundColor: var(--pf-v6-c-wizard--m-plain__header--BackgroundColor);
|
|
25034
25139
|
--pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-v6-c-wizard--m-plain__toggle--BackgroundColor);
|
|
25035
25140
|
--pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor);
|
|
25036
25141
|
--pf-v6-c-wizard__footer--BackgroundColor: var(--pf-v6-c-wizard--m-plain__footer--BackgroundColor);
|
|
25037
25142
|
}
|
|
25038
25143
|
@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 {
|
|
25144
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
|
|
25040
25145
|
--pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard--m-plain__nav--BackgroundColor);
|
|
25041
25146
|
}
|
|
25042
25147
|
}
|
|
@@ -368,7 +368,7 @@ declare const _default: {
|
|
|
368
368
|
"modalBoxTitleText": "pf-v6-c-modal-box__title-text",
|
|
369
369
|
"modifiers": {
|
|
370
370
|
"plain": "pf-m-plain",
|
|
371
|
-
"
|
|
371
|
+
"noPlainOnGlass": "pf-m-no-plain-on-glass",
|
|
372
372
|
"toggleStart": "pf-m-toggle-start",
|
|
373
373
|
"displayLg": "pf-m-display-lg",
|
|
374
374
|
"bordered": "pf-m-bordered",
|
|
@@ -1356,7 +1356,6 @@ declare const _default: {
|
|
|
1356
1356
|
"tabsList": "pf-v6-c-tabs__list",
|
|
1357
1357
|
"tabsScrollButton": "pf-v6-c-tabs__scroll-button",
|
|
1358
1358
|
"tabsToggle": "pf-v6-c-tabs__toggle",
|
|
1359
|
-
"tabsToggleButton": "pf-v6-c-tabs__toggle-button",
|
|
1360
1359
|
"tabsToggleIcon": "pf-v6-c-tabs__toggle-icon",
|
|
1361
1360
|
"textInputGroup": "pf-v6-c-text-input-group",
|
|
1362
1361
|
"textInputGroupGroup": "pf-v6-c-text-input-group__group",
|
package/css/components/_index.js
CHANGED
|
@@ -370,7 +370,7 @@ exports.default = {
|
|
|
370
370
|
"modalBoxTitleText": "pf-v6-c-modal-box__title-text",
|
|
371
371
|
"modifiers": {
|
|
372
372
|
"plain": "pf-m-plain",
|
|
373
|
-
"
|
|
373
|
+
"noPlainOnGlass": "pf-m-no-plain-on-glass",
|
|
374
374
|
"toggleStart": "pf-m-toggle-start",
|
|
375
375
|
"displayLg": "pf-m-display-lg",
|
|
376
376
|
"bordered": "pf-m-bordered",
|
|
@@ -1358,7 +1358,6 @@ exports.default = {
|
|
|
1358
1358
|
"tabsList": "pf-v6-c-tabs__list",
|
|
1359
1359
|
"tabsScrollButton": "pf-v6-c-tabs__scroll-button",
|
|
1360
1360
|
"tabsToggle": "pf-v6-c-tabs__toggle",
|
|
1361
|
-
"tabsToggleButton": "pf-v6-c-tabs__toggle-button",
|
|
1362
1361
|
"tabsToggleIcon": "pf-v6-c-tabs__toggle-icon",
|
|
1363
1362
|
"textInputGroup": "pf-v6-c-text-input-group",
|
|
1364
1363
|
"textInputGroupGroup": "pf-v6-c-text-input-group__group",
|
|
@@ -368,7 +368,7 @@ export default {
|
|
|
368
368
|
"modalBoxTitleText": "pf-v6-c-modal-box__title-text",
|
|
369
369
|
"modifiers": {
|
|
370
370
|
"plain": "pf-m-plain",
|
|
371
|
-
"
|
|
371
|
+
"noPlainOnGlass": "pf-m-no-plain-on-glass",
|
|
372
372
|
"toggleStart": "pf-m-toggle-start",
|
|
373
373
|
"displayLg": "pf-m-display-lg",
|
|
374
374
|
"bordered": "pf-m-bordered",
|
|
@@ -1356,7 +1356,6 @@ export default {
|
|
|
1356
1356
|
"tabsList": "pf-v6-c-tabs__list",
|
|
1357
1357
|
"tabsScrollButton": "pf-v6-c-tabs__scroll-button",
|
|
1358
1358
|
"tabsToggle": "pf-v6-c-tabs__toggle",
|
|
1359
|
-
"tabsToggleButton": "pf-v6-c-tabs__toggle-button",
|
|
1360
1359
|
"tabsToggleIcon": "pf-v6-c-tabs__toggle-icon",
|
|
1361
1360
|
"textInputGroup": "pf-v6-c-text-input-group",
|
|
1362
1361
|
"textInputGroupGroup": "pf-v6-c-text-input-group__group",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-styles",
|
|
3
|
-
"version": "6.5.0-prerelease.
|
|
3
|
+
"version": "6.5.0-prerelease.15",
|
|
4
4
|
"main": "dist/js/index.js",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"types": "dist/esm/index.d.ts",
|
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
"clean": "rimraf dist css"
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
|
-
"@patternfly/patternfly": "6.5.0-prerelease.
|
|
22
|
+
"@patternfly/patternfly": "6.5.0-prerelease.62",
|
|
23
23
|
"change-case": "^5.4.4",
|
|
24
24
|
"fs-extra": "^11.3.3"
|
|
25
25
|
},
|
|
26
26
|
"license": "MIT",
|
|
27
|
-
"gitHead": "
|
|
27
|
+
"gitHead": "93e7816b5484e2c7b7414cdef92285c295a6a2c9"
|
|
28
28
|
}
|