@patternfly/react-styles 6.0.0-alpha.25 → 6.0.0-alpha.27
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +12 -0
- package/css/assets/images/pf-background.svg +21 -21
- package/css/components/ActionList/action-list.css +4 -4
- package/css/components/Alert/alert-group.css +2 -1
- package/css/components/Banner/banner.css +10 -10
- package/css/components/Banner/banner.d.ts +2 -2
- package/css/components/Banner/banner.js +2 -2
- package/css/components/Banner/banner.mjs +2 -2
- package/css/components/Brand/brand.css +4 -1
- package/css/components/Button/button.css +33 -14
- package/css/components/CalendarMonth/calendar-month.css +1 -1
- package/css/components/Card/card.css +11 -1
- package/css/components/ClipboardCopy/clipboard-copy.css +11 -19
- package/css/components/ClipboardCopy/clipboard-copy.d.ts +2 -1
- package/css/components/ClipboardCopy/clipboard-copy.js +2 -1
- package/css/components/ClipboardCopy/clipboard-copy.mjs +2 -1
- package/css/components/JumpLinks/jump-links.css +4 -14
- package/css/components/JumpLinks/jump-links.d.ts +0 -1
- package/css/components/JumpLinks/jump-links.js +0 -1
- package/css/components/JumpLinks/jump-links.mjs +0 -1
- package/css/components/Label/label.css +34 -34
- package/css/components/Label/label.d.ts +2 -2
- package/css/components/Label/label.js +2 -2
- package/css/components/Label/label.mjs +2 -2
- package/css/components/List/list.css +4 -1
- package/css/components/LogViewer/log-viewer.css +4 -1
- package/css/components/Menu/menu.css +11 -0
- package/css/components/MenuToggle/menu-toggle.css +7 -0
- package/css/components/Nav/nav.css +1 -0
- package/css/components/Page/page.css +38 -54
- package/css/components/Pagination/pagination.css +6 -3
- package/css/components/Panel/panel.css +17 -14
- package/css/components/Popover/popover.css +4 -1
- package/css/components/Table/table-grid.css +1 -1
- package/css/components/Table/table.css +10 -3
- package/css/components/TextInputGroup/text-input-group.css +20 -18
- package/css/components/Toolbar/toolbar.css +1 -0
- package/css/components/Truncate/truncate.css +1 -1
- package/css/components/_index.css +239 -196
- package/css/components/_index.d.ts +2 -2
- package/css/components/_index.js +2 -2
- package/css/components/_index.mjs +2 -2
- package/css/docs/components/Page/examples/Page.css +5 -9
- package/css/docs/components/Page/examples/Page.d.ts +2 -0
- package/css/docs/components/Page/examples/Page.js +2 -0
- package/css/docs/components/Page/examples/Page.mjs +2 -0
- package/css/docs/components/TextInputGroup/examples/TextInputGroup.css +4 -0
- package/css/docs/components/Truncate/examples/Truncate.css +0 -1
- package/package.json +3 -3
- package/css/docs/components/Pagination/examples/Pagination.css +0 -3
- package/css/docs/components/Pagination/examples/Pagination.d.ts +0 -3
- package/css/docs/components/Pagination/examples/Pagination.js +0 -4
- package/css/docs/components/Pagination/examples/Pagination.mjs +0 -2
@@ -346,10 +346,10 @@
|
|
346
346
|
}
|
347
347
|
|
348
348
|
:where(:root, .pf-v6-c-action-list) {
|
349
|
-
--pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--
|
350
|
-
--pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--
|
351
|
-
--pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--
|
352
|
-
--pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--
|
349
|
+
--pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
350
|
+
--pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
|
351
|
+
--pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
352
|
+
--pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
353
353
|
}
|
354
354
|
|
355
355
|
.pf-v6-c-action-list,
|
@@ -582,7 +582,7 @@
|
|
582
582
|
margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
|
583
583
|
}
|
584
584
|
|
585
|
-
.pf-v6-c-alert-group {
|
585
|
+
:where(:root, .pf-v6-c-alert-group) {
|
586
586
|
--pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--md);
|
587
587
|
--pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
|
588
588
|
--pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
|
@@ -605,6 +605,7 @@
|
|
605
605
|
--pf-v6-c-alert-group__overflow-button--active--Color: var(--pf-t--global--text--color--link--hover);
|
606
606
|
--pf-v6-c-alert-group__overflow-button--active--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
|
607
607
|
}
|
608
|
+
|
608
609
|
.pf-v6-c-alert-group > * + * {
|
609
610
|
margin-block-start: var(--pf-v6-c-alert-group__item--MarginBlockStart);
|
610
611
|
}
|
@@ -1072,12 +1073,12 @@
|
|
1072
1073
|
--pf-v6-c-banner--m-orangered--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
|
1073
1074
|
--pf-v6-c-banner--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
|
1074
1075
|
--pf-v6-c-banner--m-orange--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
|
1075
|
-
--pf-v6-c-banner--m-
|
1076
|
-
--pf-v6-c-banner--m-
|
1076
|
+
--pf-v6-c-banner--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
|
1077
|
+
--pf-v6-c-banner--m-yellow--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
|
1077
1078
|
--pf-v6-c-banner--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
|
1078
1079
|
--pf-v6-c-banner--m-green--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
|
1079
|
-
--pf-v6-c-banner--m-
|
1080
|
-
--pf-v6-c-banner--m-
|
1080
|
+
--pf-v6-c-banner--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
|
1081
|
+
--pf-v6-c-banner--m-teal--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
|
1081
1082
|
--pf-v6-c-banner--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
|
1082
1083
|
--pf-v6-c-banner--m-blue--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
|
1083
1084
|
--pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
@@ -1133,17 +1134,17 @@
|
|
1133
1134
|
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-orange--BackgroundColor);
|
1134
1135
|
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-orange--Color);
|
1135
1136
|
}
|
1136
|
-
.pf-v6-c-banner.pf-m-
|
1137
|
-
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-
|
1138
|
-
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-
|
1137
|
+
.pf-v6-c-banner.pf-m-yellow {
|
1138
|
+
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-yellow--BackgroundColor);
|
1139
|
+
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-yellow--Color);
|
1139
1140
|
}
|
1140
1141
|
.pf-v6-c-banner.pf-m-green {
|
1141
1142
|
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-green--BackgroundColor);
|
1142
1143
|
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-green--Color);
|
1143
1144
|
}
|
1144
|
-
.pf-v6-c-banner.pf-m-
|
1145
|
-
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-
|
1146
|
-
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-
|
1145
|
+
.pf-v6-c-banner.pf-m-teal {
|
1146
|
+
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-teal--BackgroundColor);
|
1147
|
+
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-teal--Color);
|
1147
1148
|
}
|
1148
1149
|
.pf-v6-c-banner.pf-m-blue {
|
1149
1150
|
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-blue--BackgroundColor);
|
@@ -1187,9 +1188,12 @@
|
|
1187
1188
|
cursor: not-allowed;
|
1188
1189
|
}
|
1189
1190
|
|
1190
|
-
.pf-v6-c-brand {
|
1191
|
+
:where(:root, .pf-v6-c-brand) {
|
1191
1192
|
--pf-v6-c-brand--Width: auto;
|
1192
1193
|
--pf-v6-c-brand--Height: auto;
|
1194
|
+
}
|
1195
|
+
|
1196
|
+
.pf-v6-c-brand {
|
1193
1197
|
width: var(--pf-v6-c-brand--Width--base);
|
1194
1198
|
height: var(--pf-v6-c-brand--Height--base);
|
1195
1199
|
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
|
@@ -1356,7 +1360,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
1356
1360
|
}
|
1357
1361
|
|
1358
1362
|
:where(:root, .pf-v6-c-button) {
|
1359
|
-
--pf-v6-c-button--Display: inline-
|
1363
|
+
--pf-v6-c-button--Display: inline-flex;
|
1364
|
+
--pf-v6-c-button--AlignItems: baseline;
|
1365
|
+
--pf-v6-c-button--JustifyContent: center;
|
1366
|
+
--pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
1360
1367
|
--pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
1361
1368
|
--pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
1362
1369
|
--pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
@@ -1437,6 +1444,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
1437
1444
|
--pf-v6-c-button--m-link--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
|
1438
1445
|
--pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
1439
1446
|
--pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
|
1447
|
+
--pf-v6-c-button--m-link--m-inline--Display: inline-flex;
|
1440
1448
|
--pf-v6-c-button--m-link--m-inline--FontSize: initial;
|
1441
1449
|
--pf-v6-c-button--m-link--m-inline--LineHeight: initial;
|
1442
1450
|
--pf-v6-c-button--m-link--m-inline--FontWeight: initial;
|
@@ -1449,6 +1457,9 @@ button.pf-v6-c-breadcrumb__link {
|
|
1449
1457
|
--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
|
1450
1458
|
--pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
|
1451
1459
|
--pf-v6-c-button--m-link--m-inline--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
|
1460
|
+
--pf-v6-c-button--span--m-link--m-inline--Display: inline;
|
1461
|
+
--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
1462
|
+
--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
1452
1463
|
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
|
1453
1464
|
--pf-v6-c-button--m-plain--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
1454
1465
|
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
@@ -1461,7 +1472,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
1461
1472
|
--pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
1462
1473
|
--pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
|
1463
1474
|
--pf-v6-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
1464
|
-
--pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--
|
1475
|
+
--pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
|
1476
|
+
--pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
|
1465
1477
|
--pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
|
1466
1478
|
--pf-v6-c-button--m-plain--m-small--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
1467
1479
|
--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
@@ -1556,8 +1568,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
1556
1568
|
--pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
|
1557
1569
|
--pf-v6-c-button--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
1558
1570
|
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
|
1559
|
-
--pf-v6-c-button__icon--
|
1560
|
-
--pf-v6-c-button__icon--
|
1571
|
+
--pf-v6-c-button__icon--MarginInlineStart: 0;
|
1572
|
+
--pf-v6-c-button__icon--MarginInlineEnd: 0;
|
1573
|
+
--pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
|
1574
|
+
--pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
|
1561
1575
|
--pf-v6-c-button__progress--width: calc(var(--pf-v6-c-spinner--m-md--diameter) + var(--pf-t--global--spacer--sm));
|
1562
1576
|
--pf-v6-c-button__progress--Opacity: 0;
|
1563
1577
|
--pf-v6-c-button__progress--TranslateY: -50%;
|
@@ -1572,16 +1586,17 @@ button.pf-v6-c-breadcrumb__link {
|
|
1572
1586
|
--pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-v6-c-spinner--Color);
|
1573
1587
|
--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
|
1574
1588
|
--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
|
1575
|
-
--pf-v6-c-button__count--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
1576
1589
|
--pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
|
1590
|
+
--pf-v6-c-button--m-block--Display: flex;
|
1591
|
+
--pf-v6-c-button--m-block--Width: 100%;
|
1577
1592
|
}
|
1578
1593
|
|
1579
1594
|
.pf-v6-c-button {
|
1580
1595
|
position: relative;
|
1581
1596
|
display: var(--pf-v6-c-button--Display);
|
1582
|
-
|
1583
|
-
align-items: var(--pf-v6-c-button--AlignItems
|
1584
|
-
justify-content: var(--pf-v6-c-button--JustifyContent
|
1597
|
+
gap: var(--pf-v6-c-button--Gap);
|
1598
|
+
align-items: var(--pf-v6-c-button--AlignItems);
|
1599
|
+
justify-content: var(--pf-v6-c-button--JustifyContent);
|
1585
1600
|
padding-block-start: var(--pf-v6-c-button--PaddingBlockStart);
|
1586
1601
|
padding-block-end: var(--pf-v6-c-button--PaddingBlockEnd);
|
1587
1602
|
padding-inline-start: var(--pf-v6-c-button--PaddingInlineStart);
|
@@ -1680,6 +1695,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
1680
1695
|
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
|
1681
1696
|
}
|
1682
1697
|
.pf-v6-c-button.pf-m-link.pf-m-inline {
|
1698
|
+
--pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
|
1683
1699
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-inline--FontSize);
|
1684
1700
|
--pf-v6-c-button--LineHeight: var(--pf-v6-c-button--m-link--m-inline--LineHeight);
|
1685
1701
|
--pf-v6-c-button--FontWeight: var(--pf-v6-c-button--m-link--m-inline--FontWeight);
|
@@ -1695,11 +1711,16 @@ button.pf-v6-c-breadcrumb__link {
|
|
1695
1711
|
--pf-v6-c-button--disabled--BackgroundColor: transparent;
|
1696
1712
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
|
1697
1713
|
--pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
|
1698
|
-
display: inline;
|
1699
1714
|
text-align: start;
|
1700
1715
|
white-space: normal;
|
1701
1716
|
outline-offset: 0.125rem;
|
1702
1717
|
}
|
1718
|
+
span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
1719
|
+
--pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
|
1720
|
+
--pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
|
1721
|
+
--pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
|
1722
|
+
}
|
1723
|
+
|
1703
1724
|
.pf-v6-c-button.pf-m-link.pf-m-danger {
|
1704
1725
|
--pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
|
1705
1726
|
--pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
|
@@ -1805,6 +1826,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
1805
1826
|
--pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-plain--m-clicked--Color);
|
1806
1827
|
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-clicked--BackgroundColor);
|
1807
1828
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
|
1829
|
+
--pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
|
1808
1830
|
--pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
|
1809
1831
|
--pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-small--PaddingBlockStart);
|
1810
1832
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
|
@@ -1823,8 +1845,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
1823
1845
|
min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
|
1824
1846
|
}
|
1825
1847
|
.pf-v6-c-button.pf-m-block {
|
1826
|
-
|
1827
|
-
width:
|
1848
|
+
--pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
|
1849
|
+
width: var(--pf-v6-c-button--m-block--Width);
|
1828
1850
|
}
|
1829
1851
|
.pf-v6-c-button.pf-m-small {
|
1830
1852
|
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
|
@@ -1891,13 +1913,15 @@ button.pf-v6-c-breadcrumb__link {
|
|
1891
1913
|
}
|
1892
1914
|
|
1893
1915
|
.pf-v6-c-button__icon {
|
1916
|
+
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
1917
|
+
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
1894
1918
|
color: var(--pf-v6-c-button__icon--Color);
|
1895
1919
|
}
|
1896
1920
|
.pf-v6-c-button__icon.pf-m-start {
|
1897
|
-
|
1921
|
+
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
1898
1922
|
}
|
1899
1923
|
.pf-v6-c-button__icon.pf-m-end {
|
1900
|
-
|
1924
|
+
--pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
|
1901
1925
|
}
|
1902
1926
|
|
1903
1927
|
.pf-v6-c-button__progress {
|
@@ -1915,7 +1939,6 @@ button.pf-v6-c-breadcrumb__link {
|
|
1915
1939
|
.pf-v6-c-button__count {
|
1916
1940
|
display: inline-flex;
|
1917
1941
|
align-items: center;
|
1918
|
-
margin-inline-start: var(--pf-v6-c-button__count--MarginInlineStart);
|
1919
1942
|
}
|
1920
1943
|
|
1921
1944
|
:where(:root, .pf-v6-c-calendar-month) {
|
@@ -1978,7 +2001,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
1978
2001
|
--pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
|
1979
2002
|
}
|
1980
2003
|
|
1981
|
-
|
2004
|
+
.pf-v6-c-calendar-month {
|
1982
2005
|
display: inline-flex;
|
1983
2006
|
flex-direction: column;
|
1984
2007
|
padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
|
@@ -2202,14 +2225,24 @@ button.pf-v6-c-breadcrumb__link {
|
|
2202
2225
|
flex-direction: column;
|
2203
2226
|
overflow: auto;
|
2204
2227
|
background-color: var(--pf-v6-c-card--BackgroundColor);
|
2205
|
-
border:
|
2228
|
+
border: 0;
|
2206
2229
|
border-radius: var(--pf-v6-c-card--BorderRadius);
|
2207
2230
|
}
|
2231
|
+
.pf-v6-c-card::before {
|
2232
|
+
position: absolute;
|
2233
|
+
inset: 0;
|
2234
|
+
pointer-events: none;
|
2235
|
+
content: "";
|
2236
|
+
border: var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle) var(--pf-v6-c-card--BorderWidth);
|
2237
|
+
border-radius: inherit;
|
2238
|
+
}
|
2208
2239
|
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
2209
2240
|
gap: 0;
|
2210
2241
|
}
|
2211
2242
|
.pf-v6-c-card.pf-m-selectable, .pf-v6-c-card.pf-m-clickable {
|
2212
2243
|
isolation: isolate;
|
2244
|
+
}
|
2245
|
+
.pf-v6-c-card.pf-m-selectable::before, .pf-v6-c-card.pf-m-clickable::before {
|
2213
2246
|
border: none;
|
2214
2247
|
}
|
2215
2248
|
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__label,
|
@@ -2536,18 +2569,15 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
2536
2569
|
--pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
|
2537
2570
|
--pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
|
2538
2571
|
--pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--xs);
|
2539
|
-
--pf-v6-c-clipboard-copy--m-inline--PaddingBlockStart: 0;
|
2540
|
-
--pf-v6-c-clipboard-copy--m-inline--PaddingBlockEnd: 0;
|
2541
2572
|
--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
2573
|
+
--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
2542
2574
|
--pf-v6-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
2575
|
+
--pf-v6-c-clipboard-copy__actions--Gap: var(--pf-t--global--spacer--sm);
|
2576
|
+
--pf-v6-c-clipboard-copy__actions--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
2577
|
+
--pf-v6-c-clipboard-copy__actions-item--button--Color: var(--pf-t--global--icon--color--subtle);
|
2578
|
+
--pf-v6-c-clipboard-copy__actions-item--button--hover--Color: var(--pf-t--global--icon--color--regular);
|
2543
2579
|
--pf-v6-c-clipboard-copy__text--m-code--FontFamily: var(--pf-t--global--font--family--mono);
|
2544
2580
|
--pf-v6-c-clipboard-copy__text--m-code--FontSize: var(--pf-t--global--font--size--body--default);
|
2545
|
-
--pf-v6-c-clipboard-copy__actions-item--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--xs));
|
2546
|
-
--pf-v6-c-clipboard-copy__actions-item--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--xs));
|
2547
|
-
--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
2548
|
-
--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
2549
|
-
--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
2550
|
-
--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
2551
2581
|
}
|
2552
2582
|
|
2553
2583
|
.pf-v6-c-clipboard-copy.pf-m-expanded .pf-v6-c-clipboard-copy__toggle-icon {
|
@@ -2555,9 +2585,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
2555
2585
|
}
|
2556
2586
|
.pf-v6-c-clipboard-copy.pf-m-inline {
|
2557
2587
|
display: inline;
|
2558
|
-
padding-block-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockStart);
|
2559
|
-
padding-block-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockEnd);
|
2560
2588
|
padding-inline-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart);
|
2589
|
+
padding-inline-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd);
|
2561
2590
|
white-space: nowrap;
|
2562
2591
|
background-color: var(--pf-v6-c-clipboard-copy--m-inline--BackgroundColor);
|
2563
2592
|
}
|
@@ -2612,17 +2641,13 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
2612
2641
|
|
2613
2642
|
.pf-v6-c-clipboard-copy__actions {
|
2614
2643
|
display: inline-flex;
|
2644
|
+
gap: var(--pf-v6-c-clipboard-copy__actions--Gap);
|
2645
|
+
margin-inline-start: var(--pf-v6-c-clipboard-copy__actions--MarginInlineStart);
|
2615
2646
|
}
|
2616
2647
|
|
2617
|
-
.pf-v6-c-clipboard-copy__actions-item {
|
2618
|
-
|
2619
|
-
|
2620
|
-
}
|
2621
|
-
.pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button {
|
2622
|
-
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart);
|
2623
|
-
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineEnd);
|
2624
|
-
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd);
|
2625
|
-
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineStart);
|
2648
|
+
.pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain {
|
2649
|
+
--pf-v6-c-button--m-plain--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
|
2650
|
+
--pf-v6-c-button--m-plain--hover--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
|
2626
2651
|
}
|
2627
2652
|
|
2628
2653
|
:where(:root, .pf-v6-c-code-block) {
|
@@ -7575,18 +7600,14 @@ label.pf-v6-c-input-group__text {
|
|
7575
7600
|
--pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
|
7576
7601
|
--pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
7577
7602
|
--pf-v6-c-jump-links__label--Display: block;
|
7578
|
-
--pf-v6-c-jump-links__toggle--
|
7579
|
-
--pf-v6-c-jump-
|
7580
|
-
--pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd--base);
|
7581
|
-
--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: calc(var(--pf-v6-c-jump-links__toggle--MarginBlockEnd--base) + var(--pf-t--global--spacer--md));
|
7582
|
-
--pf-v6-c-jump-links__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--md));
|
7603
|
+
--pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
|
7604
|
+
--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
7583
7605
|
--pf-v6-c-jump-links__toggle--Display: none;
|
7584
|
-
--pf-v6-c-jump-links__toggle-icon--Color:
|
7606
|
+
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
7585
7607
|
--pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
|
7586
7608
|
--pf-v6-c-jump-links__toggle-icon--Rotate: 0;
|
7587
|
-
--pf-v6-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
7588
7609
|
--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
7589
|
-
--pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--
|
7610
|
+
--pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
|
7590
7611
|
--pf-v6-c-jump-links__toggle-text--Color: var(--pf-t--global--text--color--regular);
|
7591
7612
|
}
|
7592
7613
|
|
@@ -7770,13 +7791,7 @@ label.pf-v6-c-input-group__text {
|
|
7770
7791
|
|
7771
7792
|
.pf-v6-c-jump-links__toggle {
|
7772
7793
|
display: var(--pf-v6-c-jump-links__toggle--Display);
|
7773
|
-
margin-block-start: var(--pf-v6-c-jump-links__toggle--MarginBlockStart);
|
7774
7794
|
margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
|
7775
|
-
margin-inline-start: var(--pf-v6-c-jump-links__toggle--MarginInlineStart);
|
7776
|
-
}
|
7777
|
-
.pf-v6-c-jump-links__toggle .pf-v6-c-button {
|
7778
|
-
display: flex;
|
7779
|
-
align-items: center;
|
7780
7795
|
}
|
7781
7796
|
|
7782
7797
|
.pf-v6-c-jump-links__toggle-icon {
|
@@ -7844,14 +7859,14 @@ label.pf-v6-c-input-group__text {
|
|
7844
7859
|
--pf-v6-c-label--m-orangered--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--hover);
|
7845
7860
|
--pf-v6-c-label--m-orangered--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
|
7846
7861
|
--pf-v6-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--hover);
|
7847
|
-
--pf-v6-c-label--m-
|
7848
|
-
--pf-v6-c-label--m-
|
7849
|
-
--pf-v6-c-label--m-
|
7850
|
-
--pf-v6-c-label--m-
|
7851
|
-
--pf-v6-c-label--m-
|
7852
|
-
--pf-v6-c-label--m-
|
7853
|
-
--pf-v6-c-label--m-
|
7854
|
-
--pf-v6-c-label--m-
|
7862
|
+
--pf-v6-c-label--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
|
7863
|
+
--pf-v6-c-label--m-yellow--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
|
7864
|
+
--pf-v6-c-label--m-yellow__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
|
7865
|
+
--pf-v6-c-label--m-yellow--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--hover);
|
7866
|
+
--pf-v6-c-label--m-yellow--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--hover);
|
7867
|
+
--pf-v6-c-label--m-yellow--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--hover);
|
7868
|
+
--pf-v6-c-label--m-yellow--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
|
7869
|
+
--pf-v6-c-label--m-yellow--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--hover);
|
7855
7870
|
--pf-v6-c-label--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
|
7856
7871
|
--pf-v6-c-label--m-green--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
|
7857
7872
|
--pf-v6-c-label--m-green__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
|
@@ -7860,14 +7875,14 @@ label.pf-v6-c-input-group__text {
|
|
7860
7875
|
--pf-v6-c-label--m-green--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--hover);
|
7861
7876
|
--pf-v6-c-label--m-green--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
|
7862
7877
|
--pf-v6-c-label--m-green--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--green--hover);
|
7863
|
-
--pf-v6-c-label--m-
|
7864
|
-
--pf-v6-c-label--m-
|
7865
|
-
--pf-v6-c-label--m-
|
7866
|
-
--pf-v6-c-label--m-
|
7867
|
-
--pf-v6-c-label--m-
|
7868
|
-
--pf-v6-c-label--m-
|
7869
|
-
--pf-v6-c-label--m-
|
7870
|
-
--pf-v6-c-label--m-
|
7878
|
+
--pf-v6-c-label--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
|
7879
|
+
--pf-v6-c-label--m-teal--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
|
7880
|
+
--pf-v6-c-label--m-teal__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
|
7881
|
+
--pf-v6-c-label--m-teal--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--hover);
|
7882
|
+
--pf-v6-c-label--m-teal--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-teal--hover);
|
7883
|
+
--pf-v6-c-label--m-teal--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--hover);
|
7884
|
+
--pf-v6-c-label--m-teal--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
|
7885
|
+
--pf-v6-c-label--m-teal--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--hover);
|
7871
7886
|
--pf-v6-c-label--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
7872
7887
|
--pf-v6-c-label--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
7873
7888
|
--pf-v6-c-label--m-purple__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
|
@@ -8041,15 +8056,15 @@ label.pf-v6-c-input-group__text {
|
|
8041
8056
|
--pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-orangered--m-outline--BorderColor);
|
8042
8057
|
--pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor);
|
8043
8058
|
}
|
8044
|
-
.pf-v6-c-label.pf-m-
|
8045
|
-
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-
|
8046
|
-
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-
|
8047
|
-
--pf-v6-c-label__icon--Color: var(--pf-v6-c-label--m-
|
8048
|
-
--pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-v6-c-label--m-
|
8049
|
-
--pf-v6-c-label--m-clickable--hover--Color: var(--pf-v6-c-label--m-
|
8050
|
-
--pf-v6-c-label--m-clickable--hover__icon--Color: var(--pf-v6-c-label--m-
|
8051
|
-
--pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-
|
8052
|
-
--pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-
|
8059
|
+
.pf-v6-c-label.pf-m-yellow {
|
8060
|
+
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-yellow--BackgroundColor);
|
8061
|
+
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-yellow--Color);
|
8062
|
+
--pf-v6-c-label__icon--Color: var(--pf-v6-c-label--m-yellow__icon--Color);
|
8063
|
+
--pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-v6-c-label--m-yellow--m-clickable--hover--BackgroundColor);
|
8064
|
+
--pf-v6-c-label--m-clickable--hover--Color: var(--pf-v6-c-label--m-yellow--m-clickable--hover--Color);
|
8065
|
+
--pf-v6-c-label--m-clickable--hover__icon--Color: var(--pf-v6-c-label--m-yellow--m-clickable--hover__icon--Color);
|
8066
|
+
--pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-yellow--m-outline--BorderColor);
|
8067
|
+
--pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-yellow--m-outline--m-clickable--hover--BorderColor);
|
8053
8068
|
}
|
8054
8069
|
.pf-v6-c-label.pf-m-green {
|
8055
8070
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-green--BackgroundColor);
|
@@ -8061,15 +8076,15 @@ label.pf-v6-c-input-group__text {
|
|
8061
8076
|
--pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-green--m-outline--BorderColor);
|
8062
8077
|
--pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-green--m-outline--m-clickable--hover--BorderColor);
|
8063
8078
|
}
|
8064
|
-
.pf-v6-c-label.pf-m-
|
8065
|
-
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-
|
8066
|
-
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-
|
8067
|
-
--pf-v6-c-label__icon--Color: var(--pf-v6-c-label--m-
|
8068
|
-
--pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-v6-c-label--m-
|
8069
|
-
--pf-v6-c-label--m-clickable--hover--Color: var(--pf-v6-c-label--m-
|
8070
|
-
--pf-v6-c-label--m-clickable--hover__icon--Color: var(--pf-v6-c-label--m-
|
8071
|
-
--pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-
|
8072
|
-
--pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-
|
8079
|
+
.pf-v6-c-label.pf-m-teal {
|
8080
|
+
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-teal--BackgroundColor);
|
8081
|
+
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-teal--Color);
|
8082
|
+
--pf-v6-c-label__icon--Color: var(--pf-v6-c-label--m-teal__icon--Color);
|
8083
|
+
--pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-v6-c-label--m-teal--m-clickable--hover--BackgroundColor);
|
8084
|
+
--pf-v6-c-label--m-clickable--hover--Color: var(--pf-v6-c-label--m-teal--m-clickable--hover--Color);
|
8085
|
+
--pf-v6-c-label--m-clickable--hover__icon--Color: var(--pf-v6-c-label--m-teal--m-clickable--hover__icon--Color);
|
8086
|
+
--pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-teal--m-outline--BorderColor);
|
8087
|
+
--pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-teal--m-outline--m-clickable--hover--BorderColor);
|
8073
8088
|
}
|
8074
8089
|
.pf-v6-c-label.pf-m-purple {
|
8075
8090
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-purple--BackgroundColor);
|
@@ -8422,7 +8437,7 @@ input.pf-v6-c-label__content {
|
|
8422
8437
|
display: none;
|
8423
8438
|
}
|
8424
8439
|
|
8425
|
-
.pf-v6-c-list {
|
8440
|
+
:where(:root, .pf-v6-c-list) {
|
8426
8441
|
--pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
8427
8442
|
--pf-v6-c-list--nested--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
8428
8443
|
--pf-v6-c-list--nested--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
@@ -8440,6 +8455,9 @@ input.pf-v6-c-label__content {
|
|
8440
8455
|
--pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
|
8441
8456
|
--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
8442
8457
|
--pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
|
8458
|
+
}
|
8459
|
+
|
8460
|
+
.pf-v6-c-list {
|
8443
8461
|
padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
|
8444
8462
|
}
|
8445
8463
|
.pf-v6-c-list ol,
|
@@ -8497,7 +8515,7 @@ ul.pf-v6-c-list {
|
|
8497
8515
|
--pf-v6-c-list--m-bordered--li--BorderBlockEndWidth: 0;
|
8498
8516
|
}
|
8499
8517
|
|
8500
|
-
.pf-v6-c-log-viewer {
|
8518
|
+
:where(:root, .pf-v6-c-log-viewer) {
|
8501
8519
|
--pf-v6-c-log-viewer--Height: 100%;
|
8502
8520
|
--pf-v6-c-log-viewer--MaxHeight: auto;
|
8503
8521
|
--pf-v6-c-log-viewer--m-line-numbers__index--Display: inline;
|
@@ -8544,6 +8562,9 @@ ul.pf-v6-c-list {
|
|
8544
8562
|
--pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--spacer: 0;
|
8545
8563
|
--pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-t--global--spacer--sm);
|
8546
8564
|
--pf-v6-c-log-viewer--m-dark__main--BorderWidth: 0;
|
8565
|
+
}
|
8566
|
+
|
8567
|
+
.pf-v6-c-log-viewer {
|
8547
8568
|
display: flex;
|
8548
8569
|
flex-direction: column;
|
8549
8570
|
height: var(--pf-v6-c-log-viewer--Height);
|
@@ -9374,6 +9395,8 @@ ul.pf-v6-c-list {
|
|
9374
9395
|
--pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
|
9375
9396
|
--pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
|
9376
9397
|
--pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
9398
|
+
--pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
9399
|
+
--pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
9377
9400
|
--pf-v6-c-menu--m-plain--BoxShadow: none;
|
9378
9401
|
--pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
|
9379
9402
|
--pf-v6-c-menu__content--Height: auto;
|
@@ -9387,6 +9410,9 @@ ul.pf-v6-c-list {
|
|
9387
9410
|
--pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
9388
9411
|
--pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
|
9389
9412
|
--pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
9413
|
+
--pf-v6-c-menu__list-item--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
9414
|
+
--pf-v6-c-menu__list-item--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
9415
|
+
--pf-v6-c-menu__list-item--TransitionProperty: background-color;
|
9390
9416
|
--pf-v6-c-menu__list-item--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
9391
9417
|
--pf-v6-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
|
9392
9418
|
--pf-v6-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
|
@@ -9557,6 +9583,8 @@ ul.pf-v6-c-list {
|
|
9557
9583
|
background-color: var(--pf-v6-c-menu--BackgroundColor);
|
9558
9584
|
border-radius: var(--pf-v6-c-menu--BorderRadius);
|
9559
9585
|
box-shadow: var(--pf-v6-c-menu--BoxShadow);
|
9586
|
+
transition-timing-function: var(--pf-v6-c-menu--TransitionTimingFunction) !important;
|
9587
|
+
transition-duration: var(--pf-v6-c-menu--TransitionDuration) !important;
|
9560
9588
|
}
|
9561
9589
|
.pf-v6-c-menu .pf-v6-c-menu {
|
9562
9590
|
min-width: 100%;
|
@@ -9728,6 +9756,9 @@ ul.pf-v6-c-list {
|
|
9728
9756
|
.pf-v6-c-menu__list-item {
|
9729
9757
|
align-items: baseline;
|
9730
9758
|
min-width: 0;
|
9759
|
+
transition-timing-function: var(--pf-v6-c-menu__list-item--TransitionTimingFunction);
|
9760
|
+
transition-duration: var(--pf-v6-c-menu__list-item--TransitionDuration);
|
9761
|
+
transition-property: var(--pf-v6-c-menu__list-item--TransitionProperty);
|
9731
9762
|
}
|
9732
9763
|
.pf-v6-c-menu__list-item > * {
|
9733
9764
|
position: relative;
|
@@ -9737,6 +9768,7 @@ ul.pf-v6-c-list {
|
|
9737
9768
|
inset: 0;
|
9738
9769
|
content: "";
|
9739
9770
|
background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
|
9771
|
+
transition: inherit;
|
9740
9772
|
}
|
9741
9773
|
.pf-v6-c-menu__list-item.pf-m-load {
|
9742
9774
|
--pf-v6-c-menu__item--Color: var(--pf-v6-c-menu__list-item--m-load__item--Color);
|
@@ -9945,6 +9977,9 @@ ul.pf-v6-c-list {
|
|
9945
9977
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
|
9946
9978
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--button--default);
|
9947
9979
|
--pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
|
9980
|
+
--pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
9981
|
+
--pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
9982
|
+
--pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
|
9948
9983
|
--pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
|
9949
9984
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
9950
9985
|
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--button--default);
|
@@ -10068,6 +10103,9 @@ ul.pf-v6-c-list {
|
|
10068
10103
|
cursor: pointer;
|
10069
10104
|
background-color: var(--pf-v6-c-menu-toggle--BackgroundColor);
|
10070
10105
|
border: 0;
|
10106
|
+
transition-timing-function: var(--pf-v6-c-menu-toggle--TransitionTimingFunction);
|
10107
|
+
transition-duration: var(--pf-v6-c-menu-toggle--TransitionDuration);
|
10108
|
+
transition-property: var(--pf-v6-c-menu-toggle--TransitionProperty);
|
10071
10109
|
}
|
10072
10110
|
.pf-v6-c-menu-toggle, .pf-v6-c-menu-toggle::before {
|
10073
10111
|
border-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
|
@@ -10082,6 +10120,7 @@ ul.pf-v6-c-list {
|
|
10082
10120
|
pointer-events: none;
|
10083
10121
|
content: "";
|
10084
10122
|
border: var(--pf-v6-c-menu-toggle--BorderWidth) solid var(--pf-v6-c-menu-toggle--BorderColor);
|
10123
|
+
transition: inherit;
|
10085
10124
|
}
|
10086
10125
|
.pf-v6-c-menu-toggle.pf-m-primary {
|
10087
10126
|
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart);
|
@@ -10929,6 +10968,7 @@ ul.pf-v6-c-list {
|
|
10929
10968
|
line-height: var(--pf-v6-c-nav__link--LineHeight, inherit);
|
10930
10969
|
color: var(--pf-v6-c-nav__link--Color);
|
10931
10970
|
text-align: start;
|
10971
|
+
text-decoration: none;
|
10932
10972
|
background-color: var(--pf-v6-c-nav__link--BackgroundColor);
|
10933
10973
|
border: none;
|
10934
10974
|
border-radius: var(--pf-v6-c-nav__link--BorderRadius);
|
@@ -11487,11 +11527,11 @@ ul.pf-v6-c-list {
|
|
11487
11527
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
|
11488
11528
|
--pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
|
11489
11529
|
--pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
|
11490
|
-
--pf-v6-c-page__main-section--
|
11491
|
-
--pf-v6-c-page__main-section--
|
11492
|
-
--pf-v6-c-page__main-section--
|
11493
|
-
--pf-v6-c-page__main-section--
|
11494
|
-
--pf-v6-c-page__main-section--
|
11530
|
+
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
11531
|
+
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
11532
|
+
--pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
11533
|
+
--pf-v6-c-page__main-section--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
11534
|
+
--pf-v6-c-page__main-section--RowGap: var(--pf-t--global--spacer--lg);
|
11495
11535
|
--pf-v6-c-page__main-breadcrumb--main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
11496
11536
|
--pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
11497
11537
|
--pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
@@ -11526,6 +11566,7 @@ ul.pf-v6-c-list {
|
|
11526
11566
|
--pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
|
11527
11567
|
--pf-v6-c-page__main-tabs--PaddingInlineEnd: 0;
|
11528
11568
|
--pf-v6-c-page__main-tabs--PaddingBlockEnd: 0;
|
11569
|
+
--pf-v6-c-page__main-tabs--PaddingInlineStart: 0;
|
11529
11570
|
--pf-v6-c-page__main-tabs--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
11530
11571
|
--pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
11531
11572
|
--pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
@@ -11637,21 +11678,11 @@ ul.pf-v6-c-list {
|
|
11637
11678
|
flex-grow: 0;
|
11638
11679
|
}
|
11639
11680
|
|
11640
|
-
.pf-v6-c-page__main-nav.pf-m-limit-width,
|
11641
|
-
.pf-v6-c-page__main-breadcrumb.pf-m-limit-width,
|
11642
|
-
.pf-v6-c-page__main-tabs.pf-m-limit-width,
|
11643
|
-
.pf-v6-c-page__main-section.pf-m-limit-width,
|
11644
|
-
.pf-v6-c-page__main-wizard.pf-m-limit-width {
|
11645
|
-
display: flex;
|
11646
|
-
flex-direction: column;
|
11647
|
-
padding: 0;
|
11648
|
-
}
|
11649
11681
|
.pf-v6-c-page__main-nav.pf-m-limit-width > .pf-v6-c-page__main-body,
|
11650
11682
|
.pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
|
11651
11683
|
.pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
|
11652
11684
|
.pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
|
11653
11685
|
.pf-v6-c-page__main-wizard.pf-m-limit-width > .pf-v6-c-page__main-body {
|
11654
|
-
flex: 1;
|
11655
11686
|
max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
|
11656
11687
|
}
|
11657
11688
|
.pf-v6-c-page__main-nav.pf-m-limit-width.pf-m-align-center,
|
@@ -11676,6 +11707,8 @@ ul.pf-v6-c-list {
|
|
11676
11707
|
.pf-v6-c-page__main-wizard,
|
11677
11708
|
.pf-v6-c-page__main-group,
|
11678
11709
|
.pf-v6-c-page__main-subnav {
|
11710
|
+
display: flex;
|
11711
|
+
flex-direction: column;
|
11679
11712
|
flex-shrink: 0;
|
11680
11713
|
}
|
11681
11714
|
.pf-v6-c-page__main-nav.pf-m-overflow-scroll,
|
@@ -11896,6 +11929,7 @@ ul.pf-v6-c-list {
|
|
11896
11929
|
.pf-v6-c-page__main-list {
|
11897
11930
|
display: flex;
|
11898
11931
|
flex-direction: column;
|
11932
|
+
flex-grow: 1;
|
11899
11933
|
}
|
11900
11934
|
|
11901
11935
|
.pf-v6-c-page__main-nav {
|
@@ -12010,10 +12044,11 @@ ul.pf-v6-c-list {
|
|
12010
12044
|
}
|
12011
12045
|
|
12012
12046
|
.pf-v6-c-page__main-section {
|
12047
|
+
gap: var(--pf-v6-c-page__main-section--RowGap);
|
12013
12048
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
12014
12049
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
12015
|
-
padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
|
12016
|
-
padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
|
12050
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12051
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12017
12052
|
background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
|
12018
12053
|
}
|
12019
12054
|
.pf-v6-c-page__main-section.pf-m-secondary {
|
@@ -12022,8 +12057,8 @@ ul.pf-v6-c-list {
|
|
12022
12057
|
.pf-v6-c-page__main-section.pf-m-padding {
|
12023
12058
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
12024
12059
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
12025
|
-
padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
|
12026
|
-
padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
|
12060
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12061
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12027
12062
|
}
|
12028
12063
|
.pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width {
|
12029
12064
|
padding: 0;
|
@@ -12031,8 +12066,8 @@ ul.pf-v6-c-list {
|
|
12031
12066
|
.pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-v6-c-page__main-body {
|
12032
12067
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
12033
12068
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
12034
|
-
padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
|
12035
|
-
padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
|
12069
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12070
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12036
12071
|
}
|
12037
12072
|
.pf-v6-c-page__main-section.pf-m-no-padding, .pf-v6-c-page__main-section.pf-m-no-padding.pf-m-limit-width .pf-v6-c-page__main-body {
|
12038
12073
|
padding: 0;
|
@@ -12041,8 +12076,8 @@ ul.pf-v6-c-list {
|
|
12041
12076
|
.pf-v6-c-page__main-section.pf-m-padding-on-sm {
|
12042
12077
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
12043
12078
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
12044
|
-
padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
|
12045
|
-
padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
|
12079
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12080
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12046
12081
|
}
|
12047
12082
|
.pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width {
|
12048
12083
|
padding: 0;
|
@@ -12050,8 +12085,8 @@ ul.pf-v6-c-list {
|
|
12050
12085
|
.pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
|
12051
12086
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
12052
12087
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
12053
|
-
padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
|
12054
|
-
padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
|
12088
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12089
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12055
12090
|
}
|
12056
12091
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-sm, .pf-v6-c-page__main-section.pf-m-no-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
|
12057
12092
|
padding: 0;
|
@@ -12061,8 +12096,8 @@ ul.pf-v6-c-list {
|
|
12061
12096
|
.pf-v6-c-page__main-section.pf-m-padding-on-md {
|
12062
12097
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
12063
12098
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
12064
|
-
padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
|
12065
|
-
padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
|
12099
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12100
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12066
12101
|
}
|
12067
12102
|
.pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width {
|
12068
12103
|
padding: 0;
|
@@ -12070,8 +12105,8 @@ ul.pf-v6-c-list {
|
|
12070
12105
|
.pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
|
12071
12106
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
12072
12107
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
12073
|
-
padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
|
12074
|
-
padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
|
12108
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12109
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12075
12110
|
}
|
12076
12111
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-md, .pf-v6-c-page__main-section.pf-m-no-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
|
12077
12112
|
padding: 0;
|
@@ -12081,8 +12116,8 @@ ul.pf-v6-c-list {
|
|
12081
12116
|
.pf-v6-c-page__main-section.pf-m-padding-on-lg {
|
12082
12117
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
12083
12118
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
12084
|
-
padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
|
12085
|
-
padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
|
12119
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12120
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12086
12121
|
}
|
12087
12122
|
.pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width {
|
12088
12123
|
padding: 0;
|
@@ -12090,8 +12125,8 @@ ul.pf-v6-c-list {
|
|
12090
12125
|
.pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
|
12091
12126
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
12092
12127
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
12093
|
-
padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
|
12094
|
-
padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
|
12128
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12129
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12095
12130
|
}
|
12096
12131
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-lg, .pf-v6-c-page__main-section.pf-m-no-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
|
12097
12132
|
padding: 0;
|
@@ -12101,8 +12136,8 @@ ul.pf-v6-c-list {
|
|
12101
12136
|
.pf-v6-c-page__main-section.pf-m-padding-on-xl {
|
12102
12137
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
12103
12138
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
12104
|
-
padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
|
12105
|
-
padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
|
12139
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12140
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12106
12141
|
}
|
12107
12142
|
.pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width {
|
12108
12143
|
padding: 0;
|
@@ -12110,8 +12145,8 @@ ul.pf-v6-c-list {
|
|
12110
12145
|
.pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
|
12111
12146
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
12112
12147
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
12113
|
-
padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
|
12114
|
-
padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
|
12148
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12149
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12115
12150
|
}
|
12116
12151
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-xl, .pf-v6-c-page__main-section.pf-m-no-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
|
12117
12152
|
padding: 0;
|
@@ -12121,8 +12156,8 @@ ul.pf-v6-c-list {
|
|
12121
12156
|
.pf-v6-c-page__main-section.pf-m-padding-on-2xl {
|
12122
12157
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
12123
12158
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
12124
|
-
padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
|
12125
|
-
padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
|
12159
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12160
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12126
12161
|
}
|
12127
12162
|
.pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width {
|
12128
12163
|
padding: 0;
|
@@ -12130,8 +12165,8 @@ ul.pf-v6-c-list {
|
|
12130
12165
|
.pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
|
12131
12166
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
12132
12167
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
12133
|
-
padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
|
12134
|
-
padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
|
12168
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12169
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
12135
12170
|
}
|
12136
12171
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-2xl, .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
|
12137
12172
|
padding: 0;
|
@@ -12157,25 +12192,14 @@ ul.pf-v6-c-list {
|
|
12157
12192
|
}
|
12158
12193
|
|
12159
12194
|
.pf-v6-c-page__main-nav .pf-v6-c-page__main-body {
|
12160
|
-
padding-block-start: var(--pf-v6-c-page__main-nav--PaddingBlockStart);
|
12161
12195
|
padding-inline-start: var(--pf-v6-c-page__main-nav--PaddingInlineStart);
|
12162
12196
|
padding-inline-end: var(--pf-v6-c-page__main-nav--PaddingInlineEnd);
|
12163
12197
|
}
|
12164
12198
|
.pf-v6-c-page__main-breadcrumb .pf-v6-c-page__main-body {
|
12165
|
-
padding-
|
12166
|
-
padding-
|
12167
|
-
padding-inline-start: var(--pf-v6-c-page__main-breadcrumb--PaddingInlineStart);
|
12168
|
-
padding-inline-end: var(--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd);
|
12169
|
-
}
|
12170
|
-
.pf-v6-c-page__main-section .pf-v6-c-page__main-body {
|
12171
|
-
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
12172
|
-
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
12173
|
-
padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
|
12174
|
-
padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
|
12199
|
+
padding-inline-start: 0;
|
12200
|
+
padding-inline-end: 0;
|
12175
12201
|
}
|
12176
12202
|
.pf-v6-c-page__main-tabs .pf-v6-c-page__main-body {
|
12177
|
-
padding-block-start: var(--pf-v6-c-page__main-tabs--PaddingBlockStart);
|
12178
|
-
padding-block-end: var(--pf-v6-c-page__main-tabs--PaddingBlockEnd);
|
12179
12203
|
padding-inline-start: var(--pf-v6-c-page__main-tabs--PaddingInlineStart);
|
12180
12204
|
padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
|
12181
12205
|
}
|
@@ -12217,14 +12241,17 @@ ul.pf-v6-c-list {
|
|
12217
12241
|
--pf-v6-c-pagination--m-bottom--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
12218
12242
|
--pf-v6-c-pagination--m-bottom--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
12219
12243
|
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
12244
|
+
--pf-v6-c-pagination__page-menu--Display--base: block;
|
12220
12245
|
--pf-v6-c-pagination__page-menu--Display: none;
|
12221
12246
|
--pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
|
12222
|
-
--pf-v6-c-pagination--m-display-full__page-menu--Display:
|
12247
|
+
--pf-v6-c-pagination--m-display-full__page-menu--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
|
12248
|
+
--pf-v6-c-pagination--m-bottom__page-menu--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
|
12249
|
+
--pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
|
12223
12250
|
}
|
12224
12251
|
@media screen and (min-width: 768px) {
|
12225
12252
|
:where(:root, .pf-v6-c-pagination) {
|
12226
12253
|
--pf-v6-c-pagination--m-bottom--BoxShadow: none;
|
12227
|
-
--pf-v6-c-pagination__page-menu--Display:
|
12254
|
+
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
|
12228
12255
|
--pf-v6-c-pagination__nav--Display: inline-flex;
|
12229
12256
|
--pf-v6-c-pagination__total-items--Display: none;
|
12230
12257
|
}
|
@@ -12271,7 +12298,7 @@ ul.pf-v6-c-list {
|
|
12271
12298
|
}
|
12272
12299
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__page-menu {
|
12273
12300
|
position: absolute;
|
12274
|
-
display:
|
12301
|
+
display: var(--pf-v6-c-pagination--m-bottom__page-menu--Display);
|
12275
12302
|
}
|
12276
12303
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav {
|
12277
12304
|
display: flex;
|
@@ -12535,43 +12562,44 @@ ul.pf-v6-c-list {
|
|
12535
12562
|
--pf-v6-c-panel--Width: auto;
|
12536
12563
|
--pf-v6-c-panel--MinWidth: auto;
|
12537
12564
|
--pf-v6-c-panel--MaxWidth: none;
|
12538
|
-
--pf-v6-c-panel--ZIndex: auto;
|
12539
12565
|
--pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
12540
12566
|
--pf-v6-c-panel--BoxShadow: none;
|
12567
|
+
--pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
|
12541
12568
|
--pf-v6-c-panel--before--BorderWidth: 0;
|
12542
12569
|
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
|
12543
12570
|
--pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
12544
|
-
--pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--
|
12571
|
+
--pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
|
12545
12572
|
--pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
|
12546
|
-
--pf-v6-c-panel--m-raised--ZIndex: var(--pf-t--global--z-index--sm);
|
12547
12573
|
--pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
12548
12574
|
--pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
12549
|
-
--pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--
|
12575
|
+
--pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
12550
12576
|
--pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
12551
|
-
--pf-v6-c-panel__header--PaddingInlineStart: var(--pf-t--global--spacer--
|
12577
|
+
--pf-v6-c-panel__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
12552
12578
|
--pf-v6-c-panel__main--MaxHeight: none;
|
12553
12579
|
--pf-v6-c-panel__main--Overflow: visible;
|
12554
12580
|
--pf-v6-c-panel__main-body--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
12555
|
-
--pf-v6-c-panel__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--
|
12581
|
+
--pf-v6-c-panel__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
12556
12582
|
--pf-v6-c-panel__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
12557
|
-
--pf-v6-c-panel__main-body--PaddingInlineStart: var(--pf-t--global--spacer--
|
12558
|
-
--pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-t--global--spacer--
|
12559
|
-
--pf-v6-c-panel__footer--PaddingInlineEnd: var(--pf-t--global--spacer--
|
12560
|
-
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--
|
12561
|
-
--pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--
|
12583
|
+
--pf-v6-c-panel__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
12584
|
+
--pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
12585
|
+
--pf-v6-c-panel__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
12586
|
+
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
12587
|
+
--pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
12562
12588
|
--pf-v6-c-panel__footer--BoxShadow: none;
|
12563
12589
|
--pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
|
12564
12590
|
--pf-v6-c-panel--m-scrollable__main--Overflow: auto;
|
12565
|
-
--pf-v6-c-panel--m-scrollable__footer--BoxShadow:
|
12591
|
+
--pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
12592
|
+
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
12593
|
+
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
12566
12594
|
}
|
12567
12595
|
|
12568
12596
|
.pf-v6-c-panel {
|
12569
12597
|
position: relative;
|
12570
|
-
z-index: var(--pf-v6-c-panel--ZIndex);
|
12571
12598
|
width: var(--pf-v6-c-panel--Width);
|
12572
12599
|
min-width: var(--pf-v6-c-panel--MinWidth);
|
12573
12600
|
max-width: var(--pf-v6-c-panel--MaxWidth);
|
12574
12601
|
background-color: var(--pf-v6-c-panel--BackgroundColor);
|
12602
|
+
border-radius: var(--pf-v6-c-panel--BorderRadius);
|
12575
12603
|
box-shadow: var(--pf-v6-c-panel--BoxShadow);
|
12576
12604
|
}
|
12577
12605
|
.pf-v6-c-panel::before {
|
@@ -12580,6 +12608,7 @@ ul.pf-v6-c-list {
|
|
12580
12608
|
pointer-events: none;
|
12581
12609
|
content: "";
|
12582
12610
|
border: var(--pf-v6-c-panel--before--BorderWidth) solid var(--pf-v6-c-panel--before--BorderColor);
|
12611
|
+
border-radius: var(--pf-v6-c-panel--BorderRadius);
|
12583
12612
|
}
|
12584
12613
|
.pf-v6-c-panel.pf-m-bordered {
|
12585
12614
|
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
|
@@ -12590,12 +12619,13 @@ ul.pf-v6-c-list {
|
|
12590
12619
|
.pf-v6-c-panel.pf-m-raised {
|
12591
12620
|
--pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
|
12592
12621
|
--pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
|
12593
|
-
--pf-v6-c-panel--ZIndex: var(--pf-v6-c-panel--m-raised--ZIndex);
|
12594
12622
|
}
|
12595
12623
|
.pf-v6-c-panel.pf-m-scrollable {
|
12596
12624
|
--pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
|
12597
12625
|
--pf-v6-c-panel__main--Overflow: var(--pf-v6-c-panel--m-scrollable__main--Overflow);
|
12598
12626
|
--pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
|
12627
|
+
--pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
|
12628
|
+
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
|
12599
12629
|
}
|
12600
12630
|
|
12601
12631
|
.pf-v6-c-panel__header {
|
@@ -12625,7 +12655,7 @@ ul.pf-v6-c-list {
|
|
12625
12655
|
box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
|
12626
12656
|
}
|
12627
12657
|
|
12628
|
-
.pf-v6-c-popover {
|
12658
|
+
:where(:root, .pf-v6-c-popover) {
|
12629
12659
|
--pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
|
12630
12660
|
--pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
12631
12661
|
--pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
@@ -12674,6 +12704,9 @@ ul.pf-v6-c-list {
|
|
12674
12704
|
--pf-v6-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
|
12675
12705
|
--pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
|
12676
12706
|
--pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
|
12707
|
+
}
|
12708
|
+
|
12709
|
+
.pf-v6-c-popover {
|
12677
12710
|
position: relative;
|
12678
12711
|
min-width: var(--pf-v6-c-popover--MinWidth);
|
12679
12712
|
max-width: var(--pf-v6-c-popover--MaxWidth);
|
@@ -14767,7 +14800,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14767
14800
|
--pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
|
14768
14801
|
}
|
14769
14802
|
|
14770
|
-
.pf-v6-c-table[class*=pf-m-grid] {
|
14803
|
+
:where(:root, .pf-v6-c-table[class*=pf-m-grid]) {
|
14771
14804
|
--pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
|
14772
14805
|
--pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
|
14773
14806
|
--pf-v6-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
|
@@ -16827,6 +16860,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16827
16860
|
.pf-v6-c-table .pf-v6-c-table :is(.pf-v6-c-table__tbody, .pf-v6-c-table__tr:last-child) {
|
16828
16861
|
border-block-end: 0;
|
16829
16862
|
}
|
16863
|
+
.pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
|
16864
|
+
--pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
|
16865
|
+
}
|
16830
16866
|
|
16831
16867
|
.pf-v6-c-table__text {
|
16832
16868
|
--pf-v6-c-table--cell--MaxWidth: 100%;
|
@@ -16922,14 +16958,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16922
16958
|
.pf-v6-c-table .pf-v6-c-table__check,
|
16923
16959
|
.pf-v6-c-table .pf-v6-c-table__toggle,
|
16924
16960
|
.pf-v6-c-table .pf-v6-c-table__action,
|
16925
|
-
.pf-v6-c-table .pf-v6-c-table__favorite,
|
16926
|
-
.pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-favorite,
|
16927
16961
|
.pf-v6-c-table .pf-v6-c-table__inline-edit-action,
|
16928
16962
|
.pf-v6-c-table .pf-v6-c-table__draggable {
|
16929
16963
|
--pf-v6-c-table--cell--MinWidth: 0;
|
16930
16964
|
--pf-v6-c-table--cell--Width: 1%;
|
16931
16965
|
}
|
16932
16966
|
|
16967
|
+
.pf-v6-c-table .pf-v6-c-table__favorite {
|
16968
|
+
--pf-v6-c-table--cell--MaxWidth: auto;
|
16969
|
+
}
|
16970
|
+
|
16933
16971
|
.pf-v6-c-table__toggle {
|
16934
16972
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__toggle--PaddingBlockStart);
|
16935
16973
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__toggle--PaddingBlockEnd);
|
@@ -17067,8 +17105,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
17067
17105
|
.pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
|
17068
17106
|
color: var(--pf-v6-c-table__sort__button__text--Color);
|
17069
17107
|
}
|
17070
|
-
.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button {
|
17108
|
+
.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button, .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-button {
|
17071
17109
|
--pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort--m-selected__sort-indicator--Color);
|
17110
|
+
}
|
17111
|
+
.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button .pf-v6-c-table__text, .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-button .pf-v6-c-table__text {
|
17072
17112
|
color: var(--pf-v6-c-table__sort--m-selected__button--Color);
|
17073
17113
|
}
|
17074
17114
|
.pf-v6-c-table__sort.pf-m-help {
|
@@ -18967,15 +19007,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
18967
19007
|
--pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
18968
19008
|
--pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
|
18969
19009
|
--pf-v6-c-text-input-group--BorderWidth: var(--pf-t--global--border--width--control--default);
|
18970
|
-
--pf-v6-c-text-input-group--BorderRadius: var(--pf-t--global--border--radius--small);
|
18971
19010
|
--pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-t--global--border--color--hover);
|
18972
19011
|
--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
18973
19012
|
--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
18974
19013
|
--pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
|
18975
19014
|
--pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
|
18976
|
-
--pf-v6-c-text-input-
|
18977
|
-
--pf-v6-c-text-input-
|
18978
|
-
--pf-v6-c-text-input-
|
19015
|
+
--pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--small);
|
19016
|
+
--pf-v6-c-text-input-group__text--BorderStartStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
|
19017
|
+
--pf-v6-c-text-input-group__text--BorderStartEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
|
19018
|
+
--pf-v6-c-text-input-group__text--BorderEndEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
|
19019
|
+
--pf-v6-c-text-input-group__text--BorderEndStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
|
19020
|
+
--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
19021
|
+
--pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
19022
|
+
--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
18979
19023
|
--pf-v6-c-text-input-group__text-input--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
18980
19024
|
--pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
18981
19025
|
--pf-v6-c-text-input-group__text-input--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
@@ -19001,15 +19045,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19001
19045
|
width: 100%;
|
19002
19046
|
color: var(--pf-v6-c-text-input-group--Color, inherit);
|
19003
19047
|
background-color: var(--pf-v6-c-text-input-group--BackgroundColor);
|
19004
|
-
border-radius: var(--pf-v6-c-text-input-group--BorderRadius);
|
19005
|
-
}
|
19006
|
-
.pf-v6-c-text-input-group::before {
|
19007
|
-
position: absolute;
|
19008
|
-
inset: 0;
|
19009
|
-
pointer-events: none;
|
19010
|
-
content: "";
|
19011
|
-
border: var(--pf-v6-c-text-input-group--BorderWidth) solid var(--pf-v6-c-text-input-group--BorderColor);
|
19012
|
-
border-radius: var(--pf-v6-c-text-input-group--BorderRadius);
|
19013
19048
|
}
|
19014
19049
|
.pf-v6-c-text-input-group:hover {
|
19015
19050
|
--pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
|
@@ -19023,7 +19058,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19023
19058
|
.pf-v6-c-text-input-group.pf-m-plain {
|
19024
19059
|
--pf-v6-c-text-input-group--BackgroundColor: transparent;
|
19025
19060
|
}
|
19026
|
-
.pf-v6-c-text-input-group.pf-m-plain .pf-v6-c-text-input-group__text::before
|
19061
|
+
.pf-v6-c-text-input-group.pf-m-plain .pf-v6-c-text-input-group__text::before {
|
19027
19062
|
border: 0;
|
19028
19063
|
}
|
19029
19064
|
|
@@ -19038,12 +19073,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19038
19073
|
--pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart);
|
19039
19074
|
}
|
19040
19075
|
.pf-v6-c-text-input-group__main > :first-child:not(.pf-v6-c-text-input-group__text) {
|
19076
|
+
padding-block-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockStart);
|
19077
|
+
padding-block-end: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockEnd);
|
19041
19078
|
margin-inline-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart);
|
19042
19079
|
}
|
19043
19080
|
.pf-v6-c-text-input-group__main .pf-v6-c-label-group__main {
|
19044
|
-
padding-block-start: var(--pf-v6-c-text-input-group--c-
|
19045
|
-
padding-block-end: var(--pf-v6-c-text-input-group--c-
|
19046
|
-
padding-inline-end: var(--pf-v6-c-text-input-group--c-
|
19081
|
+
padding-block-start: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart);
|
19082
|
+
padding-block-end: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd);
|
19083
|
+
padding-inline-end: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd);
|
19047
19084
|
}
|
19048
19085
|
|
19049
19086
|
.pf-v6-c-text-input-group__text {
|
@@ -19052,11 +19089,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19052
19089
|
grid-template-areas: "text-input";
|
19053
19090
|
grid-template-columns: 1fr;
|
19054
19091
|
}
|
19055
|
-
.pf-v6-c-text-input-group__text::before
|
19092
|
+
.pf-v6-c-text-input-group__text::before {
|
19056
19093
|
position: absolute;
|
19057
19094
|
inset: 0;
|
19058
19095
|
pointer-events: none;
|
19059
19096
|
content: "";
|
19097
|
+
border: var(--pf-v6-c-text-input-group--BorderWidth) solid var(--pf-v6-c-text-input-group--BorderColor);
|
19098
|
+
border-start-start-radius: var(--pf-v6-c-text-input-group__text--BorderStartStartRadius);
|
19099
|
+
border-start-end-radius: var(--pf-v6-c-text-input-group__text--BorderStartEndRadius);
|
19100
|
+
border-end-start-radius: var(--pf-v6-c-text-input-group__text--BorderEndStartRadius);
|
19101
|
+
border-end-end-radius: var(--pf-v6-c-text-input-group__text--BorderEndEndRadius);
|
19060
19102
|
}
|
19061
19103
|
|
19062
19104
|
.pf-v6-c-text-input-group__icon {
|
@@ -19494,6 +19536,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19494
19536
|
--pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
|
19495
19537
|
--pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
|
19496
19538
|
--pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
|
19539
|
+
--pf-v6-c-toolbar__content--PaddingBlockStart: 0;
|
19497
19540
|
--pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
|
19498
19541
|
--pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
19499
19542
|
--pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
@@ -22520,7 +22563,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
22520
22563
|
}
|
22521
22564
|
|
22522
22565
|
:where(:root, .pf-v6-c-truncate) {
|
22523
|
-
--pf-v6-c-truncate--MinWidth:
|
22566
|
+
--pf-v6-c-truncate--MinWidth: 6ch;
|
22524
22567
|
--pf-v6-c-truncate__start--MinWidth: 6ch;
|
22525
22568
|
}
|
22526
22569
|
|