@patternfly/patternfly 6.0.0-alpha.84 → 6.0.0-alpha.85
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/components/Accordion/accordion.css +1 -1
- package/components/Accordion/accordion.scss +1 -1
- package/components/Button/button.css +21 -21
- package/components/Button/button.scss +21 -21
- package/components/DataList/data-list.css +1 -1
- package/components/DataList/data-list.scss +1 -1
- package/components/Form/form.css +3 -7
- package/components/Form/form.scss +3 -7
- package/components/FormControl/form-control.css +3 -3
- package/components/FormControl/form-control.scss +3 -3
- package/components/Login/login.css +2 -24
- package/components/Login/login.scss +2 -29
- package/components/NotificationBadge/notification-badge.css +4 -4
- package/components/NotificationBadge/notification-badge.scss +4 -4
- package/components/Pagination/pagination.css +1 -1
- package/components/Pagination/pagination.scss +1 -1
- package/components/Table/table-grid.css +3 -3
- package/components/Table/table-grid.scss +3 -3
- package/components/Table/table-tree-view.css +5 -5
- package/components/Table/table-tree-view.scss +1 -1
- package/components/Table/table.css +8 -8
- package/components/Table/table.scss +8 -8
- package/components/Tabs/tabs.css +1 -1
- package/components/Tabs/tabs.scss +1 -1
- package/docs/components/Login/examples/Login.md +150 -100
- package/package.json +1 -1
- package/patternfly-no-globals.css +53 -79
- package/patternfly-theme-dark-unversioned.css +53 -79
- package/patternfly.css +53 -79
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -6538,7 +6538,7 @@ html .ws-preview {
|
|
|
6538
6538
|
--pf-v5-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
6539
6539
|
--pf-v5-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
|
|
6540
6540
|
--pf-v5-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
|
|
6541
|
-
--pf-v5-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--
|
|
6541
|
+
--pf-v5-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
6542
6542
|
--pf-v5-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
6543
6543
|
--pf-v5-c-accordion__toggle--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
6544
6544
|
--pf-v5-c-accordion__toggle--PaddingRight: var(--pf-t--global--spacer--md);
|
|
@@ -8081,28 +8081,28 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
8081
8081
|
--pf-v5-c-button--m-stateful--PaddingRight: var(--pf-t--global--spacer--md);
|
|
8082
8082
|
--pf-v5-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
8083
8083
|
--pf-v5-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
|
|
8084
|
-
--pf-v5-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--
|
|
8084
|
+
--pf-v5-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
8085
8085
|
--pf-v5-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
8086
|
-
--pf-v5-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--
|
|
8086
|
+
--pf-v5-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
8087
8087
|
--pf-v5-c-button--m-read--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
8088
|
-
--pf-v5-c-button--m-unread--Color: var(--pf-t--global--text--color--on-
|
|
8089
|
-
--pf-v5-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--
|
|
8090
|
-
--pf-v5-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--on-
|
|
8091
|
-
--pf-v5-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--on-
|
|
8092
|
-
--pf-v5-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--
|
|
8093
|
-
--pf-v5-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--on-
|
|
8094
|
-
--pf-v5-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--on-
|
|
8095
|
-
--pf-v5-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--
|
|
8096
|
-
--pf-v5-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-
|
|
8097
|
-
--pf-v5-c-button--m-attention--Color: var(--pf-t--global--text--color--status--on-
|
|
8098
|
-
--pf-v5-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--
|
|
8099
|
-
--pf-v5-c-button--m-attention__icon--Color: var(--pf-t--global--icon--color--status--on-
|
|
8100
|
-
--pf-v5-c-button--m-attention--hover--Color: var(--pf-t--global--text--color--status--on-
|
|
8101
|
-
--pf-v5-c-button--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--
|
|
8102
|
-
--pf-v5-c-button--m-attention--hover__icon--Color: var(--pf-t--global--icon--color--status--on-
|
|
8103
|
-
--pf-v5-c-button--m-attention--m-clicked--Color: var(--pf-t--global--text--color--status--on-
|
|
8104
|
-
--pf-v5-c-button--m-attention--m-clicked--BackgroundColor: var(--pf-t--global--color--status--
|
|
8105
|
-
--pf-v5-c-button--m-attention--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-
|
|
8088
|
+
--pf-v5-c-button--m-unread--Color: var(--pf-t--global--text--color--status--unread--on-default--default);
|
|
8089
|
+
--pf-v5-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--status--unread--default--default);
|
|
8090
|
+
--pf-v5-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--default);
|
|
8091
|
+
--pf-v5-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--status--unread--on-default--hover);
|
|
8092
|
+
--pf-v5-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--status--unread--default--hover);
|
|
8093
|
+
--pf-v5-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--hover);
|
|
8094
|
+
--pf-v5-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-default--clicked);
|
|
8095
|
+
--pf-v5-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--default--clicked);
|
|
8096
|
+
--pf-v5-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--clicked);
|
|
8097
|
+
--pf-v5-c-button--m-attention--Color: var(--pf-t--global--text--color--status--unread--on-attention--default);
|
|
8098
|
+
--pf-v5-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--unread--attention--default);
|
|
8099
|
+
--pf-v5-c-button--m-attention__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--default);
|
|
8100
|
+
--pf-v5-c-button--m-attention--hover--Color: var(--pf-t--global--text--color--status--unread--on-attention--hover);
|
|
8101
|
+
--pf-v5-c-button--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--unread--attention--hover);
|
|
8102
|
+
--pf-v5-c-button--m-attention--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--hover);
|
|
8103
|
+
--pf-v5-c-button--m-attention--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-attention--clicked);
|
|
8104
|
+
--pf-v5-c-button--m-attention--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--attention--clicked);
|
|
8105
|
+
--pf-v5-c-button--m-attention--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--clicked);
|
|
8106
8106
|
--pf-v5-c-button--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
|
|
8107
8107
|
--pf-v5-c-button--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
8108
8108
|
--pf-v5-c-button--m-warning__icon--Color: var(--pf-t--global--icon--color--status--on-warning--default);
|
|
@@ -8158,7 +8158,7 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
8158
8158
|
--pf-v5-c-button--m-in-progress--m-plain__progress--Left: 50%;
|
|
8159
8159
|
--pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
|
|
8160
8160
|
--pf-v5-c-button__count--MarginLeft: var(--pf-v5-global--spacer--sm);
|
|
8161
|
-
--pf-v5-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled
|
|
8161
|
+
--pf-v5-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled);
|
|
8162
8162
|
--pf-v5-c-button--disabled__c-badge--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
8163
8163
|
--pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
|
|
8164
8164
|
--pf-v5-c-button--m-primary__c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
@@ -10729,7 +10729,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
10729
10729
|
--pf-v5-c-data-list__expandable-content-body--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
10730
10730
|
--pf-v5-c-data-list--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
10731
10731
|
--pf-v5-c-data-list--m-compact--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
10732
|
-
--pf-v5-c-data-list--m-compact__check--FontSize: var(--pf-t--global--font--size--body--
|
|
10732
|
+
--pf-v5-c-data-list--m-compact__check--FontSize: var(--pf-t--global--font--size--body--default);
|
|
10733
10733
|
--pf-v5-c-data-list--m-compact__cell--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
10734
10734
|
--pf-v5-c-data-list--m-compact__cell--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
10735
10735
|
--pf-v5-c-data-list--m-compact__cell--md--PaddingBottom: 0;
|
|
@@ -16641,13 +16641,13 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
16641
16641
|
--pf-v5-c-form__field-group--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
16642
16642
|
--pf-v5-c-form__field-group--field-group--MarginTop: calc(var(--pf-v5-c-form--GridGap) * -1);
|
|
16643
16643
|
--pf-v5-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v5-c-form__field-group-toggle-icon--MinWidth) + var(--pf-t--global--spacer--xs));
|
|
16644
|
-
--pf-v5-c-form__field-group-toggle--PaddingTop: var(--pf-
|
|
16644
|
+
--pf-v5-c-form__field-group-toggle--PaddingTop: var(--pf-v5-c-form__field-group-header--PaddingTop);
|
|
16645
16645
|
--pf-v5-c-form__field-group-toggle--PaddingRight: var(--pf-t--global--spacer--xs);
|
|
16646
16646
|
--pf-v5-c-form__field-group__field-group__field-group-toggle--PaddingTop: var(--pf-t--global--spacer--md);
|
|
16647
16647
|
--pf-v5-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
|
|
16648
16648
|
--pf-v5-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderTopWidth: var(--pf-v5-c-form__field-group-header-toggle--BorderWidth--base);
|
|
16649
|
-
--pf-v5-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-
|
|
16650
|
-
--pf-v5-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-
|
|
16649
|
+
--pf-v5-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-v5-c-button--m-plain--PaddingTop) * -1);
|
|
16650
|
+
--pf-v5-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-v5-c-button--m-plain--PaddingBottom) * -1);
|
|
16651
16651
|
--pf-v5-c-form__field-group-toggle-icon--Transition: var(--pf-v5-global--Transition);
|
|
16652
16652
|
--pf-v5-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
|
|
16653
16653
|
--pf-v5-c-form__field-group-toggle-icon--Rotate: 0;
|
|
@@ -16661,8 +16661,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
16661
16661
|
--pf-v5-c-form__field-group__field-group--field-group__field-group-header--after--BorderTopWidth: var(--pf-v5-c-form__field-group-header-toggle--BorderWidth--base);
|
|
16662
16662
|
--pf-v5-c-form__field-group-header-description--MarginTop: var(--pf-t--global--spacer--xs);
|
|
16663
16663
|
--pf-v5-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
|
|
16664
|
-
--pf-v5-c-form__field-group-header-actions--MarginTop: calc(var(--pf-t--global--spacer--form-element) * -1);
|
|
16665
|
-
--pf-v5-c-form__field-group-header-actions--MarginBottom: calc(var(--pf-t--global--spacer--form-element) * -1);
|
|
16666
16664
|
--pf-v5-c-form__field-group-header-actions--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
16667
16665
|
--pf-v5-c-form__field-group-body--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
16668
16666
|
--pf-v5-c-form__field-group-body--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
@@ -17035,8 +17033,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
17035
17033
|
}
|
|
17036
17034
|
|
|
17037
17035
|
.pf-v5-c-form__field-group-header-actions {
|
|
17038
|
-
margin-block-start: var(--pf-v5-c-form__field-group-header-actions--MarginTop);
|
|
17039
|
-
margin-block-end: var(--pf-v5-c-form__field-group-header-actions--MarginBottom);
|
|
17040
17036
|
margin-inline-start: var(--pf-v5-c-form__field-group-header-actions--MarginLeft);
|
|
17041
17037
|
white-space: nowrap;
|
|
17042
17038
|
}
|
|
@@ -17081,9 +17077,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
17081
17077
|
--pf-v5-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
|
|
17082
17078
|
--pf-v5-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
17083
17079
|
--pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
17084
|
-
--pf-v5-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--
|
|
17080
|
+
--pf-v5-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
17085
17081
|
--pf-v5-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
17086
|
-
--pf-v5-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--
|
|
17082
|
+
--pf-v5-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
17087
17083
|
--pf-v5-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
17088
17084
|
--pf-v5-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
|
|
17089
17085
|
--pf-v5-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
@@ -17093,7 +17089,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
17093
17089
|
--pf-v5-c-form-control--m-readonly--BorderColor: transparent;
|
|
17094
17090
|
--pf-v5-c-form-control--m-readonly--hover--after--BorderColor: revert;
|
|
17095
17091
|
--pf-v5-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
17096
|
-
--pf-v5-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--
|
|
17092
|
+
--pf-v5-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
17097
17093
|
--pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
|
|
17098
17094
|
--pf-v5-c-form-control--m-readonly--m-plain--inset--base: 0;
|
|
17099
17095
|
--pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
|
|
@@ -19286,13 +19282,7 @@ ul.pf-v5-c-list {
|
|
|
19286
19282
|
--pf-v5-c-login__main-footer-links--PaddingRight: var(--pf-t--global--spacer--3xl);
|
|
19287
19283
|
--pf-v5-c-login__main-footer-links--PaddingBottom: var(--pf-t--global--spacer--xl);
|
|
19288
19284
|
--pf-v5-c-login__main-footer-links--PaddingLeft: var(--pf-t--global--spacer--3xl);
|
|
19289
|
-
--pf-v5-c-login__main-footer-links
|
|
19290
|
-
--pf-v5-c-login__main-footer-links-item--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
19291
|
-
--pf-v5-c-login__main-footer-links-item--MarginBottom: var(--pf-t--global--spacer--sm);
|
|
19292
|
-
--pf-v5-c-login__main-footer-links-item-link-svg--Fill: var(--pf-t--global--icon--color--subtle);
|
|
19293
|
-
--pf-v5-c-login__main-footer-links-item-link-svg--Width: var(--pf-t--global--icon--size--lg);
|
|
19294
|
-
--pf-v5-c-login__main-footer-links-item-link-svg--Height: var(--pf-t--global--icon--size--lg);
|
|
19295
|
-
--pf-v5-c-login__main-footer-links-item-link-svg--hover--Fill: var(--pf-t--global--icon--color--nonstatus--hover);
|
|
19285
|
+
--pf-v5-c-login__main-footer-links--Gap: var(--pf-t--global--spacer--md);
|
|
19296
19286
|
--pf-v5-c-login__main-footer-band--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
19297
19287
|
--pf-v5-c-login__main-footer-band--PaddingRight: var(--pf-t--global--spacer--md);
|
|
19298
19288
|
--pf-v5-c-login__main-footer-band--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
@@ -19471,6 +19461,7 @@ ul.pf-v5-c-list {
|
|
|
19471
19461
|
.pf-v5-c-login__main-footer-links {
|
|
19472
19462
|
display: flex;
|
|
19473
19463
|
flex-wrap: wrap;
|
|
19464
|
+
gap: var(--pf-v5-c-login__main-footer-links--Gap);
|
|
19474
19465
|
justify-content: center;
|
|
19475
19466
|
padding-block-start: var(--pf-v5-c-login__main-footer-links--PaddingTop);
|
|
19476
19467
|
padding-block-end: var(--pf-v5-c-login__main-footer-links--PaddingBottom);
|
|
@@ -19478,23 +19469,6 @@ ul.pf-v5-c-list {
|
|
|
19478
19469
|
padding-inline-end: var(--pf-v5-c-login__main-footer-links--PaddingRight);
|
|
19479
19470
|
}
|
|
19480
19471
|
|
|
19481
|
-
.pf-v5-c-login__main-footer-links-item {
|
|
19482
|
-
padding-inline-start: var(--pf-v5-c-login__main-footer-links-item--PaddingLeft);
|
|
19483
|
-
padding-inline-end: var(--pf-v5-c-login__main-footer-links-item--PaddingRight);
|
|
19484
|
-
margin-block-end: var(--pf-v5-c-login__main-footer-links-item--MarginBottom);
|
|
19485
|
-
}
|
|
19486
|
-
|
|
19487
|
-
.pf-v5-c-login__main-footer-links-item-link svg {
|
|
19488
|
-
width: 100%;
|
|
19489
|
-
max-width: var(--pf-v5-c-login__main-footer-links-item-link-svg--Width);
|
|
19490
|
-
height: 100%;
|
|
19491
|
-
max-height: var(--pf-v5-c-login__main-footer-links-item-link-svg--Height);
|
|
19492
|
-
fill: var(--pf-v5-c-login__main-footer-links-item-link-svg--Fill);
|
|
19493
|
-
}
|
|
19494
|
-
.pf-v5-c-login__main-footer-links-item-link:hover svg {
|
|
19495
|
-
fill: var(--pf-v5-c-login__main-footer-links-item-link-svg--hover--Fill);
|
|
19496
|
-
}
|
|
19497
|
-
|
|
19498
19472
|
.pf-v5-c-login__main-footer-band {
|
|
19499
19473
|
padding-block-start: var(--pf-v5-c-login__main-footer-band--PaddingTop);
|
|
19500
19474
|
padding-block-end: var(--pf-v5-c-login__main-footer-band--PaddingBottom);
|
|
@@ -21557,18 +21531,18 @@ ul.pf-v5-c-list {
|
|
|
21557
21531
|
--pf-v5-c-notification-badge--m-read--Color: var(--pf-t--global--text--color--regular);
|
|
21558
21532
|
--pf-v5-c-notification-badge--m-read--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
21559
21533
|
--pf-v5-c-notification-badge--m-read--hover--before--BorderColor: var(--pf-t--global--border--color--hover);
|
|
21560
|
-
--pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--
|
|
21534
|
+
--pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
21561
21535
|
--pf-v5-c-notification-badge--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
21562
21536
|
--pf-v5-c-notification-badge--m-read--m-expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
21563
|
-
--pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--
|
|
21537
|
+
--pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
21564
21538
|
--pf-v5-c-notification-badge--m-unread--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
21565
21539
|
--pf-v5-c-notification-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
21566
21540
|
--pf-v5-c-notification-badge--m-unread--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
|
21567
|
-
--pf-v5-c-notification-badge--m-unread--m-expanded--BackgroundColor: var(--pf-t--global--color--brand--
|
|
21541
|
+
--pf-v5-c-notification-badge--m-unread--m-expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
21568
21542
|
--pf-v5-c-notification-badge--m-attention--Color: var(--pf-t--global--icon--color--status--on-danger--default);
|
|
21569
21543
|
--pf-v5-c-notification-badge--m-attention--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
21570
21544
|
--pf-v5-c-notification-badge--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
|
|
21571
|
-
--pf-v5-c-notification-badge--m-attention--m-expanded--BackgroundColor: var(--pf-t--global--color--status--danger--
|
|
21545
|
+
--pf-v5-c-notification-badge--m-attention--m-expanded--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
|
|
21572
21546
|
}
|
|
21573
21547
|
|
|
21574
21548
|
.pf-v5-c-notification-badge {
|
|
@@ -23134,7 +23108,7 @@ ul.pf-v5-c-list {
|
|
|
23134
23108
|
--pf-v5-c-pagination--m-display-summary__nav--Display: none;
|
|
23135
23109
|
--pf-v5-c-pagination--m-display-full__nav--Display: inline-flex;
|
|
23136
23110
|
--pf-v5-c-pagination__nav--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
23137
|
-
--pf-v5-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--
|
|
23111
|
+
--pf-v5-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--default);
|
|
23138
23112
|
--pf-v5-c-pagination__nav-page-select--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
23139
23113
|
--pf-v5-c-pagination__nav-page-select--c-form-control--width-base: calc((var(--pf-v5-c-form-control--PaddingRight) + var(--pf-v5-c-form-control--PaddingLeft)) + (var(--pf-v5-c-form-control--before--BorderWidth) * 2));
|
|
23140
23114
|
--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;
|
|
@@ -26304,7 +26278,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
26304
26278
|
--pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
|
|
26305
26279
|
--pf-v5-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
|
|
26306
26280
|
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
26307
|
-
--pf-v5-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--
|
|
26281
|
+
--pf-v5-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
26308
26282
|
--pf-v5-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
|
|
26309
26283
|
--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-c-table__tbody--responsive--border-width--base);
|
|
26310
26284
|
--pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
|
|
@@ -26320,9 +26294,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
26320
26294
|
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: 0;
|
|
26321
26295
|
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: transparent;
|
|
26322
26296
|
--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
|
|
26323
|
-
--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-t--global--border--color--
|
|
26297
|
+
--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-t--global--border--color--clicked);
|
|
26324
26298
|
--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
|
|
26325
|
-
--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-t--global--border--color--
|
|
26299
|
+
--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-t--global--border--color--clicked);
|
|
26326
26300
|
--pf-v5-c-table--m-grid--cell--hidden-visible--Display: grid;
|
|
26327
26301
|
--pf-v5-c-table--m-grid--cell--PaddingTop: 0;
|
|
26328
26302
|
--pf-v5-c-table--m-grid--cell--PaddingRight: 0;
|
|
@@ -28035,7 +28009,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28035
28009
|
--pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
|
|
28036
28010
|
--pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-t--global--border--width--strong);
|
|
28037
28011
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
28038
|
-
--pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--
|
|
28012
|
+
--pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
28039
28013
|
--pf-v5-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
|
|
28040
28014
|
--pf-v5-c-table__sort--MinWidth: calc(6ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft) + var(--pf-v5-c-table__sort-indicator--MarginLeft));
|
|
28041
28015
|
--pf-v5-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--control--vertical);
|
|
@@ -28046,7 +28020,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28046
28020
|
--pf-v5-c-table__sort__button--MarginBottom: calc(var(--pf-v5-c-table__sort__button--PaddingBottom) * -1);
|
|
28047
28021
|
--pf-v5-c-table__sort__button--MarginLeft: calc(var(--pf-v5-c-table__sort__button--PaddingLeft) * -1);
|
|
28048
28022
|
--pf-v5-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
|
|
28049
|
-
--pf-v5-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--
|
|
28023
|
+
--pf-v5-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--clicked);
|
|
28050
28024
|
--pf-v5-c-table__sort--m-help--MinWidth: 15ch;
|
|
28051
28025
|
--pf-v5-c-table__sort__button__text--Color: currentcolor;
|
|
28052
28026
|
--pf-v5-c-table__sort__button--hover__text--Color: currentcolor;
|
|
@@ -28054,7 +28028,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28054
28028
|
--pf-v5-c-table__sort__button--active__text--Color: currentcolor;
|
|
28055
28029
|
--pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
|
|
28056
28030
|
--pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
|
|
28057
|
-
--pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--
|
|
28031
|
+
--pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--clicked);
|
|
28058
28032
|
--pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
|
|
28059
28033
|
--pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
|
|
28060
28034
|
--pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -28068,7 +28042,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28068
28042
|
--pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
|
|
28069
28043
|
--pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
28070
28044
|
--pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
28071
|
-
--pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--
|
|
28045
|
+
--pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
28072
28046
|
--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-t--global--border--width--button--default);
|
|
28073
28047
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
28074
28048
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
|
|
@@ -28076,7 +28050,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28076
28050
|
--pf-v5-c-table__compound-expansion-toggle__button--before--Bottom: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
|
|
28077
28051
|
--pf-v5-c-table__compound-expansion-toggle__button--before--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
|
|
28078
28052
|
--pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-t--global--border--width--strong);
|
|
28079
|
-
--pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--
|
|
28053
|
+
--pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
28080
28054
|
--pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
|
|
28081
28055
|
--pf-v5-c-table__compound-expansion-toggle__button--after--Top: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
|
|
28082
28056
|
--pf-v5-c-table__compound-expansion-toggle__button--after--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
|
|
@@ -28105,7 +28079,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28105
28079
|
--pf-v5-c-table__tr--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
|
|
28106
28080
|
--pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
28107
28081
|
--pf-v5-c-table__tr--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
|
|
28108
|
-
--pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--
|
|
28082
|
+
--pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
28109
28083
|
--pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
|
|
28110
28084
|
--pf-v5-c-table__tr--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
|
|
28111
28085
|
--pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
@@ -28126,14 +28100,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28126
28100
|
--pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
28127
28101
|
--pf-v5-c-table__tbody--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
|
|
28128
28102
|
--pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
28129
|
-
--pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--
|
|
28103
|
+
--pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
28130
28104
|
--pf-v5-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
|
|
28131
28105
|
--pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
28132
28106
|
--pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
|
|
28133
28107
|
--pf-v5-c-table__tbody--m-selected--BoxShadow: var(--pf-v5-c-table__tbody--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
|
|
28134
28108
|
--pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
28135
28109
|
--pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
|
|
28136
|
-
--pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--
|
|
28110
|
+
--pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--clicked);
|
|
28137
28111
|
--pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
28138
28112
|
--pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
|
|
28139
28113
|
--pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
|
|
@@ -29194,7 +29168,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
29194
29168
|
grid-column: 2;
|
|
29195
29169
|
}
|
|
29196
29170
|
.pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
|
|
29197
|
-
font-weight: var(--pf-t--global--
|
|
29171
|
+
font-weight: var(--pf-t--global--font--weight--body--bold);
|
|
29198
29172
|
text-align: start;
|
|
29199
29173
|
content: attr(data-label);
|
|
29200
29174
|
}
|
|
@@ -29334,7 +29308,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
29334
29308
|
grid-column: 2;
|
|
29335
29309
|
}
|
|
29336
29310
|
.pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
|
|
29337
|
-
font-weight: var(--pf-t--global--
|
|
29311
|
+
font-weight: var(--pf-t--global--font--weight--body--bold);
|
|
29338
29312
|
text-align: start;
|
|
29339
29313
|
content: attr(data-label);
|
|
29340
29314
|
}
|
|
@@ -29475,7 +29449,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
29475
29449
|
grid-column: 2;
|
|
29476
29450
|
}
|
|
29477
29451
|
.pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
|
|
29478
|
-
font-weight: var(--pf-t--global--
|
|
29452
|
+
font-weight: var(--pf-t--global--font--weight--body--bold);
|
|
29479
29453
|
text-align: start;
|
|
29480
29454
|
content: attr(data-label);
|
|
29481
29455
|
}
|
|
@@ -29616,7 +29590,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
29616
29590
|
grid-column: 2;
|
|
29617
29591
|
}
|
|
29618
29592
|
.pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
|
|
29619
|
-
font-weight: var(--pf-t--global--
|
|
29593
|
+
font-weight: var(--pf-t--global--font--weight--body--bold);
|
|
29620
29594
|
text-align: start;
|
|
29621
29595
|
content: attr(data-label);
|
|
29622
29596
|
}
|
|
@@ -29757,7 +29731,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
29757
29731
|
grid-column: 2;
|
|
29758
29732
|
}
|
|
29759
29733
|
.pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
|
|
29760
|
-
font-weight: var(--pf-t--global--
|
|
29734
|
+
font-weight: var(--pf-t--global--font--weight--body--bold);
|
|
29761
29735
|
text-align: start;
|
|
29762
29736
|
content: attr(data-label);
|
|
29763
29737
|
}
|
|
@@ -29958,7 +29932,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
29958
29932
|
--pf-v5-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
29959
29933
|
--pf-v5-c-tabs__link-toggle-icon--Transition: .2s ease-in 0s;
|
|
29960
29934
|
--pf-v5-c-tabs__link-toggle-icon--Rotate: 0;
|
|
29961
|
-
--pf-v5-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--
|
|
29935
|
+
--pf-v5-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
|
|
29962
29936
|
--pf-v5-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
|
|
29963
29937
|
}
|
|
29964
29938
|
|