@patternfly/patternfly 6.0.0-alpha.44 → 6.0.0-alpha.46
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/Check/check.css +17 -16
- package/components/Check/check.scss +17 -20
- package/components/Form/form.css +68 -87
- package/components/Form/form.scss +67 -98
- package/components/FormControl/form-control.css +86 -111
- package/components/FormControl/form-control.scss +88 -92
- package/components/NotificationDrawer/notification-drawer.css +104 -115
- package/components/NotificationDrawer/notification-drawer.scss +106 -116
- package/components/Panel/panel.css +27 -23
- package/components/Panel/panel.scss +29 -26
- package/components/Radio/radio.css +15 -11
- package/components/Radio/radio.scss +15 -15
- package/components/SimpleList/simple-list.css +1 -1
- package/components/SimpleList/simple-list.scss +1 -1
- package/docs/components/Form/examples/Form.md +23 -11
- package/docs/components/Panel/examples/Panel.md +12 -0
- package/docs/demos/Alert/examples/Alert.md +24 -0
- package/docs/demos/Form/examples/BasicForms.md +31 -10
- package/docs/demos/Modal/examples/Modal.md +3 -3
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
- package/package.json +1 -1
- package/patternfly-no-globals.css +319 -369
- package/patternfly-theme-dark-unversioned.css +319 -369
- package/patternfly.css +319 -369
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/components/Form/themes/dark/form.scss +0 -7
- package/components/FormControl/themes/dark/form-control.scss +0 -24
- package/components/NotificationDrawer/themes/dark/notification-drawer.scss +0 -14
- package/components/Panel/themes/dark/panel.scss +0 -7
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
-
.pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-menu, .pf-v5-c-
|
|
2
|
+
.pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-menu, .pf-v5-c-data-list, .pf-v5-c-context-selector__menu, .pf-v5-c-chip-group, .pf-v5-c-chip, .pf-v5-c-calendar-month, .pf-v5-t-light {
|
|
3
3
|
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
4
4
|
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
5
5
|
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
|
|
@@ -8974,25 +8974,28 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
8974
8974
|
--pf-v5-c-card--m-selectable-raised--active--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
|
|
8975
8975
|
}
|
|
8976
8976
|
|
|
8977
|
+
:root,
|
|
8977
8978
|
.pf-v5-c-check {
|
|
8978
|
-
--pf-v5-c-check--GridGap: var(--pf-
|
|
8979
|
-
--pf-v5-c-
|
|
8980
|
-
--pf-v5-c-check__label--Color: var(--pf-
|
|
8981
|
-
--pf-v5-c-check__label--
|
|
8982
|
-
--pf-v5-c-check__label--
|
|
8983
|
-
--pf-v5-c-check__label--
|
|
8979
|
+
--pf-v5-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
8980
|
+
--pf-v5-c-check--AccentColor: var(--pf-t--global--color--brand--default);
|
|
8981
|
+
--pf-v5-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
8982
|
+
--pf-v5-c-check__label--Color: var(--pf-t--global--text--color--regular);
|
|
8983
|
+
--pf-v5-c-check__label--FontWeight: var(--pf-t--global--font--weight--body);
|
|
8984
|
+
--pf-v5-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
8985
|
+
--pf-v5-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
8984
8986
|
--pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
|
|
8985
|
-
--pf-v5-c-
|
|
8986
|
-
--pf-v5-c-check__description--
|
|
8987
|
-
--pf-v5-c-
|
|
8988
|
-
--pf-v5-c-
|
|
8989
|
-
--pf-v5-c-check__label-required--
|
|
8990
|
-
|
|
8991
|
-
|
|
8987
|
+
--pf-v5-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
8988
|
+
--pf-v5-c-check__description--Color: var(--pf-t--global--text--color--subtle);
|
|
8989
|
+
--pf-v5-c-check__label-required--MarginLeft: var(--pf-t--global--spacer--xs);
|
|
8990
|
+
--pf-v5-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
8991
|
+
--pf-v5-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
|
|
8992
|
+
}
|
|
8993
|
+
|
|
8994
|
+
.pf-v5-c-check {
|
|
8992
8995
|
display: grid;
|
|
8993
8996
|
grid-template-columns: auto 1fr;
|
|
8994
8997
|
grid-gap: var(--pf-v5-c-check--GridGap);
|
|
8995
|
-
|
|
8998
|
+
accent-color: var(--pf-v5-c-check--AccentColor);
|
|
8996
8999
|
}
|
|
8997
9000
|
.pf-v5-c-check.pf-m-standalone {
|
|
8998
9001
|
--pf-v5-c-check--GridGap: 0;
|
|
@@ -9002,7 +9005,6 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
9002
9005
|
|
|
9003
9006
|
.pf-v5-c-check__input {
|
|
9004
9007
|
align-self: start;
|
|
9005
|
-
-moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
|
|
9006
9008
|
transform: translateY(var(--pf-v5-c-check__input--TranslateY));
|
|
9007
9009
|
}
|
|
9008
9010
|
|
|
@@ -9021,7 +9023,6 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
9021
9023
|
|
|
9022
9024
|
.pf-v5-c-check__body {
|
|
9023
9025
|
grid-column: 2;
|
|
9024
|
-
margin-block-start: var(--pf-v5-c-check__body--MarginTop);
|
|
9025
9026
|
}
|
|
9026
9027
|
|
|
9027
9028
|
.pf-v5-c-check__label,
|
|
@@ -15093,105 +15094,104 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15093
15094
|
transform: translate(-50%, -50%);
|
|
15094
15095
|
}
|
|
15095
15096
|
|
|
15097
|
+
:root,
|
|
15096
15098
|
.pf-v5-c-form {
|
|
15097
|
-
--pf-v5-c-form--GridGap: var(--pf-
|
|
15098
|
-
--pf-v5-c-form__group--
|
|
15099
|
+
--pf-v5-c-form--GridGap: var(--pf-t--global--spacer--lg);
|
|
15100
|
+
--pf-v5-c-form__group--Gap: var(--pf-t--global--spacer--sm);
|
|
15101
|
+
--pf-v5-c-form__group--m-action--MarginTop: var(--pf-t--global--spacer--xl);
|
|
15099
15102
|
--pf-v5-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
|
|
15100
|
-
--pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-
|
|
15103
|
+
--pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--md);
|
|
15101
15104
|
--pf-v5-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
|
|
15102
15105
|
--pf-v5-c-form--m-limit-width--MaxWidth: 55rem;
|
|
15103
|
-
--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop: calc((((((var(--pf-
|
|
15104
|
-
--pf-v5-c-form__group-label--PaddingBottom: var(--pf-
|
|
15106
|
+
--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop: calc((((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) + (2 * var(--pf-t--global--border--width--control--default))) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)) - ((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) + var(--pf-t--global--border--width--control--default));
|
|
15107
|
+
--pf-v5-c-form__group-label--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
15105
15108
|
--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop: 0;
|
|
15106
|
-
--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-
|
|
15107
|
-
--pf-v5-c-form__label--FontSize: var(--pf-
|
|
15108
|
-
--pf-v5-c-form__label--LineHeight: var(--pf-
|
|
15109
|
-
--pf-v5-c-form__label--m-disabled--Color: var(--pf-
|
|
15109
|
+
--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) - ((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)));
|
|
15110
|
+
--pf-v5-c-form__label--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
15111
|
+
--pf-v5-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
15112
|
+
--pf-v5-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
15110
15113
|
--pf-v5-c-form__label--hover--Cursor: pointer;
|
|
15111
15114
|
--pf-v5-c-form__label--m-disabled--hover--Cursor: not-allowed;
|
|
15112
|
-
--pf-v5-c-form__label-text--FontWeight: var(--pf-
|
|
15113
|
-
--pf-v5-c-form__label-required--MarginLeft: var(--pf-
|
|
15114
|
-
--pf-v5-c-form__label-required--FontSize: var(--pf-
|
|
15115
|
-
--pf-v5-c-form__label-required--Color: var(--pf-
|
|
15115
|
+
--pf-v5-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
15116
|
+
--pf-v5-c-form__label-required--MarginLeft: var(--pf-t--global--spacer--xs);
|
|
15117
|
+
--pf-v5-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
15118
|
+
--pf-v5-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
|
|
15116
15119
|
--pf-v5-c-form__group-label-help--BackgroundColor: transparent;
|
|
15117
|
-
--pf-v5-c-form__group-label-help--PaddingTop: var(--pf-
|
|
15118
|
-
--pf-v5-c-form__group-label-help--PaddingRight: var(--pf-
|
|
15119
|
-
--pf-v5-c-form__group-label-help--PaddingBottom: var(--pf-
|
|
15120
|
-
--pf-v5-c-form__group-label-help--PaddingLeft: var(--pf-
|
|
15120
|
+
--pf-v5-c-form__group-label-help--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
15121
|
+
--pf-v5-c-form__group-label-help--PaddingRight: var(--pf-t--global--spacer--xs);
|
|
15122
|
+
--pf-v5-c-form__group-label-help--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
15123
|
+
--pf-v5-c-form__group-label-help--PaddingLeft: var(--pf-t--global--spacer--xs);
|
|
15121
15124
|
--pf-v5-c-form__group-label-help--MarginTop: calc(var(--pf-v5-c-form__group-label-help--PaddingTop) * -1);
|
|
15122
15125
|
--pf-v5-c-form__group-label-help--MarginRight: calc(var(--pf-v5-c-form__group-label-help--PaddingRight) * -1);
|
|
15123
15126
|
--pf-v5-c-form__group-label-help--MarginBottom: calc(var(--pf-v5-c-form__group-label-help--PaddingBottom) * -1);
|
|
15124
|
-
--pf-v5-c-form__group-label-help--MarginLeft: calc(var(--pf-v5-c-form__group-label-help--PaddingLeft) * -1 + var(--pf-
|
|
15125
|
-
--pf-v5-c-form__group-label-help--FontSize: var(--pf-
|
|
15127
|
+
--pf-v5-c-form__group-label-help--MarginLeft: calc(var(--pf-v5-c-form__group-label-help--PaddingLeft) * -1 + var(--pf-t--global--spacer--xs));
|
|
15128
|
+
--pf-v5-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
15126
15129
|
--pf-v5-c-form__group-label-help--TranslateY: 0.125rem;
|
|
15127
|
-
--pf-v5-c-form__group-label-help--Color: var(--pf-
|
|
15128
|
-
--pf-v5-c-form__group-label-help--hover--Color: var(--pf-
|
|
15129
|
-
--pf-v5-c-form__group-label-help--focus--Color: var(--pf-
|
|
15130
|
-
--pf-v5-c-form__group-label-info--MarginLeft: var(--pf-
|
|
15131
|
-
--pf-v5-c-form__group-label-info--FontSize: var(--pf-
|
|
15132
|
-
--pf-v5-c-form__group-control--m-inline--child--MarginRight: var(--pf-
|
|
15133
|
-
--pf-v5-c-form__group-control__helper-text--MarginBottom: var(--pf-
|
|
15134
|
-
--pf-v5-c-form__group-control--
|
|
15130
|
+
--pf-v5-c-form__group-label-help--Color: var(--pf-t--global--icon--color--regular);
|
|
15131
|
+
--pf-v5-c-form__group-label-help--hover--Color: var(--pf-t--global--icon--color--regular);
|
|
15132
|
+
--pf-v5-c-form__group-label-help--focus--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
15133
|
+
--pf-v5-c-form__group-label-info--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
15134
|
+
--pf-v5-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
15135
|
+
--pf-v5-c-form__group-control--m-inline--child--MarginRight: var(--pf-t--global--spacer--lg);
|
|
15136
|
+
--pf-v5-c-form__group-control__helper-text--MarginBottom: var(--pf-t--global--spacer--xs);
|
|
15137
|
+
--pf-v5-c-form__group-control--Gap: var(--pf-t--global--spacer--sm);
|
|
15138
|
+
--pf-v5-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--sm);
|
|
15135
15139
|
--pf-v5-c-form__group-control--m-stack__helper-text--MarginTop: calc(var(--pf-v5-c-form__group-control--m-stack--Gap) * -1 + var(--pf-v5-c-form__helper-text--MarginTop--base));
|
|
15136
|
-
--pf-v5-c-form__actions--child--MarginTop: var(--pf-
|
|
15137
|
-
--pf-v5-c-form__actions--child--MarginRight: var(--pf-
|
|
15138
|
-
--pf-v5-c-form__actions--child--MarginBottom: var(--pf-
|
|
15139
|
-
--pf-v5-c-form__actions--child--MarginLeft: var(--pf-
|
|
15140
|
+
--pf-v5-c-form__actions--child--MarginTop: var(--pf-t--global--spacer--sm);
|
|
15141
|
+
--pf-v5-c-form__actions--child--MarginRight: var(--pf-t--global--spacer--sm);
|
|
15142
|
+
--pf-v5-c-form__actions--child--MarginBottom: var(--pf-t--global--spacer--sm);
|
|
15143
|
+
--pf-v5-c-form__actions--child--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
15140
15144
|
--pf-v5-c-form__actions--MarginTop: calc(var(--pf-v5-c-form__actions--child--MarginTop) * -1);
|
|
15141
15145
|
--pf-v5-c-form__actions--MarginRight: calc(var(--pf-v5-c-form__actions--child--MarginRight) * -1);
|
|
15142
15146
|
--pf-v5-c-form__actions--MarginBottom: calc(var(--pf-v5-c-form__actions--child--MarginBottom) * -1);
|
|
15143
15147
|
--pf-v5-c-form__actions--MarginLeft: calc(var(--pf-v5-c-form__actions--child--MarginLeft) * -1);
|
|
15144
|
-
--pf-v5-c-form__helper-text--MarginTop--base: var(--pf-
|
|
15148
|
+
--pf-v5-c-form__helper-text--MarginTop--base: var(--pf-t--global--spacer--xs);
|
|
15145
15149
|
--pf-v5-c-form__helper-text--MarginTop: var(--pf-v5-c-form__helper-text--MarginTop--base);
|
|
15146
|
-
--pf-v5-c-
|
|
15147
|
-
--pf-v5-c-
|
|
15148
|
-
--pf-v5-c-
|
|
15149
|
-
--pf-v5-c-
|
|
15150
|
-
--pf-v5-c-
|
|
15151
|
-
--pf-v5-c-
|
|
15152
|
-
--pf-v5-c-form__helper-text--m-error--Color: var(--pf-v5-global--danger-color--100);
|
|
15153
|
-
--pf-v5-c-form__section--MarginTop: var(--pf-v5-global--spacer--xl);
|
|
15154
|
-
--pf-v5-c-form__section--Gap: var(--pf-v5-global--gutter--md);
|
|
15155
|
-
--pf-v5-c-form__section-title--FontSize: var(--pf-v5-global--FontSize--lg);
|
|
15156
|
-
--pf-v5-c-form__section-title--FontWeight: var(--pf-v5-global--FontWeight--bold);
|
|
15157
|
-
--pf-v5-c-form__section-title--MarginBottom: calc(var(--pf-v5-global--spacer--sm) * -1);
|
|
15158
|
-
--pf-v5-c-form__field-group--border-width-base: var(--pf-v5-global--BorderWidth--sm);
|
|
15150
|
+
--pf-v5-c-form__section--MarginTop: var(--pf-t--global--spacer--xl);
|
|
15151
|
+
--pf-v5-c-form__section--Gap: var(--pf-t--global--spacer--md);
|
|
15152
|
+
--pf-v5-c-form__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
15153
|
+
--pf-v5-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
15154
|
+
--pf-v5-c-form__section-title--MarginBottom: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
15155
|
+
--pf-v5-c-form__field-group--border-width-base: var(--pf-t--global--border--width--divider--default);
|
|
15159
15156
|
--pf-v5-c-form__field-group--BorderTopWidth: var(--pf-v5-c-form__field-group--border-width-base);
|
|
15160
|
-
--pf-v5-c-form__field-group--BorderTopColor: var(--pf-
|
|
15157
|
+
--pf-v5-c-form__field-group--BorderTopColor: var(--pf-t--global--border--color--default);
|
|
15161
15158
|
--pf-v5-c-form__field-group--BorderBottomWidth: var(--pf-v5-c-form__field-group--border-width-base);
|
|
15162
|
-
--pf-v5-c-form__field-group--BorderBottomColor: var(--pf-
|
|
15159
|
+
--pf-v5-c-form__field-group--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
15163
15160
|
--pf-v5-c-form__field-group--field-group--MarginTop: calc(var(--pf-v5-c-form--GridGap) * -1);
|
|
15164
|
-
--pf-v5-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-
|
|
15165
|
-
--pf-v5-c-form__field-group-toggle--PaddingTop: var(--pf-
|
|
15166
|
-
--pf-v5-c-form__field-group-toggle--PaddingRight: var(--pf-
|
|
15167
|
-
--pf-v5-c-form__field-group__field-group__field-group-toggle--PaddingTop: var(--pf-
|
|
15168
|
-
--pf-v5-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-
|
|
15161
|
+
--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));
|
|
15162
|
+
--pf-v5-c-form__field-group-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
15163
|
+
--pf-v5-c-form__field-group-toggle--PaddingRight: var(--pf-t--global--spacer--xs);
|
|
15164
|
+
--pf-v5-c-form__field-group__field-group__field-group-toggle--PaddingTop: var(--pf-t--global--spacer--md);
|
|
15165
|
+
--pf-v5-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
|
|
15169
15166
|
--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);
|
|
15170
|
-
--pf-v5-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-
|
|
15171
|
-
--pf-v5-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-
|
|
15167
|
+
--pf-v5-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-t--global--spacer--form-element) * -1);
|
|
15168
|
+
--pf-v5-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-t--global--spacer--form-element) * -1);
|
|
15172
15169
|
--pf-v5-c-form__field-group-toggle-icon--Transition: var(--pf-v5-global--Transition);
|
|
15173
|
-
--pf-v5-c-form__field-group-toggle-icon--MinWidth: var(--pf-
|
|
15170
|
+
--pf-v5-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
|
|
15174
15171
|
--pf-v5-c-form__field-group-toggle-icon--Rotate: 0;
|
|
15175
15172
|
--pf-v5-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
|
|
15176
|
-
--pf-v5-c-form__field-group-header--PaddingTop: var(--pf-
|
|
15177
|
-
--pf-v5-c-form__field-group-header--PaddingBottom: var(--pf-
|
|
15173
|
+
--pf-v5-c-form__field-group-header--PaddingTop: var(--pf-t--global--spacer--md);
|
|
15174
|
+
--pf-v5-c-form__field-group-header--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
15178
15175
|
--pf-v5-c-form__field-group-header--GridColumn: 1 / 3;
|
|
15179
|
-
--pf-v5-c-form__field-group__field-group__field-group-header--PaddingTop: var(--pf-
|
|
15180
|
-
--pf-v5-c-form__field-group__field-group__field-group-header--PaddingBottom: var(--pf-
|
|
15176
|
+
--pf-v5-c-form__field-group__field-group__field-group-header--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
15177
|
+
--pf-v5-c-form__field-group__field-group__field-group-header--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
15181
15178
|
--pf-v5-c-form__field-group-toggle--field-group-header--GridColumn: 2 / 3;
|
|
15182
15179
|
--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);
|
|
15183
|
-
--pf-v5-c-form__field-group-header-description--MarginTop: var(--pf-
|
|
15184
|
-
--pf-v5-c-form__field-group-header-description--Color: var(--pf-
|
|
15185
|
-
--pf-v5-c-form__field-group-header-actions--MarginTop: calc(var(--pf-
|
|
15186
|
-
--pf-v5-c-form__field-group-header-actions--MarginBottom: calc(var(--pf-
|
|
15187
|
-
--pf-v5-c-form__field-group-header-actions--MarginLeft: var(--pf-
|
|
15188
|
-
--pf-v5-c-form__field-group-body--PaddingTop: var(--pf-
|
|
15189
|
-
--pf-v5-c-form__field-group-body--PaddingBottom: var(--pf-
|
|
15180
|
+
--pf-v5-c-form__field-group-header-description--MarginTop: var(--pf-t--global--spacer--xs);
|
|
15181
|
+
--pf-v5-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
|
|
15182
|
+
--pf-v5-c-form__field-group-header-actions--MarginTop: calc(var(--pf-t--global--spacer--form-element) * -1);
|
|
15183
|
+
--pf-v5-c-form__field-group-header-actions--MarginBottom: calc(var(--pf-t--global--spacer--form-element) * -1);
|
|
15184
|
+
--pf-v5-c-form__field-group-header-actions--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
15185
|
+
--pf-v5-c-form__field-group-body--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
15186
|
+
--pf-v5-c-form__field-group-body--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
15190
15187
|
--pf-v5-c-form__field-group-body--Gap: var(--pf-v5-c-form--GridGap);
|
|
15191
15188
|
--pf-v5-c-form__field-group-body--GridColumn: 2 / 3;
|
|
15192
15189
|
--pf-v5-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
|
|
15193
15190
|
--pf-v5-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
|
|
15194
15191
|
--pf-v5-c-form__field-group-body__field-group--last-child--MarginBottom: calc(var(--pf-v5-c-form__field-group-body--PaddingBottom) * -1);
|
|
15192
|
+
}
|
|
15193
|
+
|
|
15194
|
+
.pf-v5-c-form {
|
|
15195
15195
|
display: grid;
|
|
15196
15196
|
gap: var(--pf-v5-c-form--GridGap);
|
|
15197
15197
|
}
|
|
@@ -15343,6 +15343,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15343
15343
|
}
|
|
15344
15344
|
|
|
15345
15345
|
.pf-v5-c-form__group {
|
|
15346
|
+
display: flex;
|
|
15347
|
+
flex-direction: column;
|
|
15348
|
+
gap: var(--pf-v5-c-form__group--Gap);
|
|
15346
15349
|
min-width: 0;
|
|
15347
15350
|
}
|
|
15348
15351
|
.pf-v5-c-form__group.pf-m-action {
|
|
@@ -15366,7 +15369,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15366
15369
|
|
|
15367
15370
|
.pf-v5-c-form__group-label {
|
|
15368
15371
|
--pf-v5-c-form__helper-text--MarginTop: 0;
|
|
15369
|
-
padding-block-end: var(--pf-v5-c-form__group-label--PaddingBottom);
|
|
15370
15372
|
}
|
|
15371
15373
|
.pf-v5-c-form__group-label.pf-m-info {
|
|
15372
15374
|
display: flex;
|
|
@@ -15458,17 +15460,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15458
15460
|
|
|
15459
15461
|
.pf-v5-c-form__helper-text {
|
|
15460
15462
|
margin-block-start: var(--pf-v5-c-form__helper-text--MarginTop);
|
|
15461
|
-
font-size: var(--pf-v5-c-form__helper-text--FontSize);
|
|
15462
|
-
color: var(--pf-v5-c-form__helper-text--Color);
|
|
15463
|
-
}
|
|
15464
|
-
.pf-v5-c-form__helper-text.pf-m-error {
|
|
15465
|
-
--pf-v5-c-form__helper-text--Color: var(--pf-v5-c-form__helper-text--m-error--Color);
|
|
15466
|
-
}
|
|
15467
|
-
.pf-v5-c-form__helper-text.pf-m-success {
|
|
15468
|
-
--pf-v5-c-form__helper-text--Color: var(--pf-v5-c-form__helper-text--m-success--Color);
|
|
15469
|
-
}
|
|
15470
|
-
.pf-v5-c-form__helper-text.pf-m-warning {
|
|
15471
|
-
--pf-v5-c-form__helper-text--Color: var(--pf-v5-c-form__helper-text--m-warning--Color);
|
|
15472
15463
|
}
|
|
15473
15464
|
.pf-v5-c-form__helper-text.pf-m-inactive {
|
|
15474
15465
|
display: none;
|
|
@@ -15478,11 +15469,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15478
15469
|
opacity: 0;
|
|
15479
15470
|
}
|
|
15480
15471
|
|
|
15481
|
-
.pf-v5-c-form__helper-text-icon {
|
|
15482
|
-
margin-inline-end: var(--pf-v5-c-form__helper-text-icon--MarginRight);
|
|
15483
|
-
font-size: var(--pf-v5-c-form__helper-text-icon--FontSize);
|
|
15484
|
-
}
|
|
15485
|
-
|
|
15486
15472
|
.pf-v5-c-form__fieldset {
|
|
15487
15473
|
border: 0;
|
|
15488
15474
|
}
|
|
@@ -15608,91 +15594,85 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15608
15594
|
margin-block-end: var(--pf-v5-c-form__field-group-body__field-group--last-child--MarginBottom);
|
|
15609
15595
|
}
|
|
15610
15596
|
|
|
15611
|
-
:
|
|
15612
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
15613
|
-
}
|
|
15614
|
-
|
|
15615
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-form {
|
|
15616
|
-
--pf-v5-c-form__helper-text--m-success--Color: var(--pf-v5-global--success-color--100);
|
|
15617
|
-
}
|
|
15618
|
-
|
|
15597
|
+
:root,
|
|
15619
15598
|
.pf-v5-c-form-control {
|
|
15620
|
-
--pf-v5-c-form-control--ColumnGap: var(--pf-
|
|
15621
|
-
--pf-v5-c-form-control--Color: var(--pf-
|
|
15622
|
-
--pf-v5-c-form-control--FontSize: var(--pf-
|
|
15623
|
-
--pf-v5-c-form-control--LineHeight: var(--pf-
|
|
15599
|
+
--pf-v5-c-form-control--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
15600
|
+
--pf-v5-c-form-control--Color: var(--pf-t--global--text--color--regular);
|
|
15601
|
+
--pf-v5-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
|
|
15602
|
+
--pf-v5-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
15624
15603
|
--pf-v5-c-form-control--Resize: none;
|
|
15625
|
-
--pf-v5-c-form-control--OutlineOffset: -
|
|
15626
|
-
--pf-v5-c-form-control--
|
|
15627
|
-
--pf-v5-c-form-control--before--
|
|
15628
|
-
--pf-v5-c-form-control--before--
|
|
15629
|
-
--pf-v5-c-form-control--before--
|
|
15630
|
-
--pf-v5-c-form-control--
|
|
15631
|
-
--pf-v5-c-form-control--
|
|
15632
|
-
--pf-v5-c-form-control--
|
|
15633
|
-
--pf-v5-c-form-control--
|
|
15634
|
-
--pf-v5-c-form-control--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
15635
|
-
--pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
|
|
15636
|
-
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
15604
|
+
--pf-v5-c-form-control--OutlineOffset: -6px;
|
|
15605
|
+
--pf-v5-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
15606
|
+
--pf-v5-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15607
|
+
--pf-v5-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
15608
|
+
--pf-v5-c-form-control--before--BorderRadius: var(--pf-v5-c-form-control--BorderRadius);
|
|
15609
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15610
|
+
--pf-v5-c-form-control--after--BorderColor: transparent;
|
|
15611
|
+
--pf-v5-c-form-control--after--BorderRadius: var(--pf-v5-c-form-control--BorderRadius);
|
|
15612
|
+
--pf-v5-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
15637
15613
|
--pf-v5-c-form-control--Width: 100%;
|
|
15638
|
-
--pf-v5-c-form-control--inset--base: var(--pf-
|
|
15639
|
-
--pf-v5-c-form-control--PaddingTop: var(--pf-
|
|
15640
|
-
--pf-v5-c-form-control--PaddingBottom: var(--pf-
|
|
15614
|
+
--pf-v5-c-form-control--inset--base: var(--pf-t--global--spacer--md);
|
|
15615
|
+
--pf-v5-c-form-control--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
15616
|
+
--pf-v5-c-form-control--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
15641
15617
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--inset--base);
|
|
15642
15618
|
--pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control--inset--base);
|
|
15643
|
-
--pf-v5-c-form-control--hover--after--
|
|
15644
|
-
--pf-v5-c-form-control--
|
|
15645
|
-
--pf-v5-c-form-control--focus--after--
|
|
15646
|
-
--pf-v5-c-form-control--
|
|
15647
|
-
--pf-v5-c-form-control--m-expanded--after--
|
|
15648
|
-
--pf-v5-c-form-control--m-
|
|
15649
|
-
--pf-v5-c-form-control--m-placeholder--
|
|
15650
|
-
--pf-v5-c-form-control--m-
|
|
15651
|
-
--pf-v5-c-form-control--m-disabled--
|
|
15619
|
+
--pf-v5-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
|
|
15620
|
+
--pf-v5-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
15621
|
+
--pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--active);
|
|
15622
|
+
--pf-v5-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--active);
|
|
15623
|
+
--pf-v5-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--active);
|
|
15624
|
+
--pf-v5-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--active);
|
|
15625
|
+
--pf-v5-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
15626
|
+
--pf-v5-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
|
|
15627
|
+
--pf-v5-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
15628
|
+
--pf-v5-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
15652
15629
|
--pf-v5-c-form-control--m-disabled--after--BorderColor: transparent;
|
|
15653
|
-
--pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-
|
|
15654
|
-
--pf-v5-c-form-control--m-readonly--
|
|
15655
|
-
--pf-v5-c-form-control--m-readonly--
|
|
15656
|
-
--pf-v5-c-form-control--m-readonly--focus--after--
|
|
15630
|
+
--pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
15631
|
+
--pf-v5-c-form-control--m-readonly--BorderColor: transparent;
|
|
15632
|
+
--pf-v5-c-form-control--m-readonly--hover--after--BorderColor: revert;
|
|
15633
|
+
--pf-v5-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--active);
|
|
15634
|
+
--pf-v5-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--active);
|
|
15657
15635
|
--pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
|
|
15658
15636
|
--pf-v5-c-form-control--m-readonly--m-plain--inset--base: 0;
|
|
15659
15637
|
--pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
|
|
15660
|
-
--pf-v5-c-form-control--m-success--after--
|
|
15661
|
-
--pf-v5-c-form-control--m-success--after--
|
|
15662
|
-
--pf-v5-c-form-control--m-success--PaddingRight: var(--pf-
|
|
15663
|
-
--pf-v5-c-form-control--m-warning--after--
|
|
15664
|
-
--pf-v5-c-form-control--m-warning--after--
|
|
15665
|
-
--pf-v5-c-form-control--m-warning--PaddingRight: var(--pf-
|
|
15666
|
-
--pf-v5-c-form-control--m-error--after--
|
|
15667
|
-
--pf-v5-c-form-control--m-error--after--
|
|
15668
|
-
--pf-v5-c-form-control--m-error--PaddingRight: var(--pf-
|
|
15638
|
+
--pf-v5-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15639
|
+
--pf-v5-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
15640
|
+
--pf-v5-c-form-control--m-success--PaddingRight: var(--pf-t--global--spacer--xl);
|
|
15641
|
+
--pf-v5-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15642
|
+
--pf-v5-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
15643
|
+
--pf-v5-c-form-control--m-warning--PaddingRight: var(--pf-t--global--spacer--xl);
|
|
15644
|
+
--pf-v5-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15645
|
+
--pf-v5-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
15646
|
+
--pf-v5-c-form-control--m-error--PaddingRight: var(--pf-t--global--spacer--xl);
|
|
15669
15647
|
--pf-v5-c-form-control--m-error--icon--width: var(--pf-v5-c-form-control--FontSize);
|
|
15670
15648
|
--pf-v5-c-form-control--m-icon--PaddingRight: calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--m-icon--icon--width) + var(--pf-v5-c-form-control--m-icon--icon--spacer));
|
|
15671
15649
|
--pf-v5-c-form-control--m-icon--icon--width: var(--pf-v5-c-form-control--FontSize);
|
|
15672
|
-
--pf-v5-c-form-control--m-icon--icon--spacer: var(--pf-
|
|
15650
|
+
--pf-v5-c-form-control--m-icon--icon--spacer: var(--pf-t--global--spacer--sm);
|
|
15673
15651
|
--pf-v5-c-form-control--m-icon--icon--PaddingRight: calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--m-error--icon--width) + var(--pf-v5-c-form-control--m-icon--icon--spacer) + var(--pf-v5-c-form-control--m-icon--icon--width) + var(--pf-v5-c-form-control--m-icon--icon--spacer));
|
|
15674
|
-
--pf-v5-c-form-control__select--PaddingRight: var(--pf-
|
|
15675
|
-
--pf-v5-c-form-control__select--PaddingLeft: var(--pf-
|
|
15676
|
-
--pf-v5-c-form-control__select--m-success--m-status--PaddingRight: var(--pf-
|
|
15677
|
-
--pf-v5-c-form-control__select--m-warning--m-status--PaddingRight: var(--pf-
|
|
15678
|
-
--pf-v5-c-form-control__select--m-error--m-status--PaddingRight: var(--pf-
|
|
15652
|
+
--pf-v5-c-form-control__select--PaddingRight: var(--pf-t--global--spacer--md);
|
|
15653
|
+
--pf-v5-c-form-control__select--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
15654
|
+
--pf-v5-c-form-control__select--m-success--m-status--PaddingRight: var(--pf-t--global--spacer--3xl);
|
|
15655
|
+
--pf-v5-c-form-control__select--m-warning--m-status--PaddingRight: var(--pf-t--global--spacer--3xl);
|
|
15656
|
+
--pf-v5-c-form-control__select--m-error--m-status--PaddingRight: var(--pf-t--global--spacer--3xl);
|
|
15679
15657
|
--pf-v5-c-form-control--textarea--Width: var(--pf-v5-c-form-control--Width);
|
|
15680
15658
|
--pf-v5-c-form-control--textarea--Height: auto;
|
|
15681
|
-
--pf-v5-c-form-control__icon--PaddingTop: var(--pf-
|
|
15682
|
-
--pf-v5-c-form-control__icon--Color: var(--pf-
|
|
15683
|
-
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-
|
|
15684
|
-
--pf-v5-c-form-control--m-success__icon--m-status--Color: var(--pf-
|
|
15685
|
-
--pf-v5-c-form-control--m-warning__icon--m-status--Color: var(--pf-
|
|
15686
|
-
--pf-v5-c-form-control--m-error__icon--m-status--Color: var(--pf-
|
|
15687
|
-
--pf-v5-c-form-control__utilities--Gap: var(--pf-
|
|
15659
|
+
--pf-v5-c-form-control__icon--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
15660
|
+
--pf-v5-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
15661
|
+
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
|
|
15662
|
+
--pf-v5-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
15663
|
+
--pf-v5-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
15664
|
+
--pf-v5-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
15665
|
+
--pf-v5-c-form-control__utilities--Gap: var(--pf-t--global--spacer--sm);
|
|
15688
15666
|
--pf-v5-c-form-control__utilities--PaddingTop: var(--pf-v5-c-form-control--inset--base);
|
|
15689
15667
|
--pf-v5-c-form-control__utilities--PaddingRight: var(--pf-v5-c-form-control--inset--base);
|
|
15690
|
-
--pf-v5-c-form-control__toggle-icon--PaddingTop: var(--pf-
|
|
15668
|
+
--pf-v5-c-form-control__toggle-icon--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
15691
15669
|
--pf-v5-c-form-control__toggle-icon--PaddingRight: var(--pf-v5-c-form-control--inset--base);
|
|
15692
15670
|
--pf-v5-c-form-control__toggle-icon--PaddingLeft: var(--pf-v5-c-form-control--inset--base);
|
|
15693
|
-
--pf-v5-c-form-control__toggle-icon--Color: var(--pf-
|
|
15694
|
-
--pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-
|
|
15695
|
-
|
|
15671
|
+
--pf-v5-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
15672
|
+
--pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
15673
|
+
}
|
|
15674
|
+
|
|
15675
|
+
.pf-v5-c-form-control {
|
|
15696
15676
|
position: relative;
|
|
15697
15677
|
display: grid;
|
|
15698
15678
|
grid-template-columns: 1fr auto;
|
|
@@ -15703,6 +15683,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15703
15683
|
line-height: var(--pf-v5-c-form-control--LineHeight);
|
|
15704
15684
|
resize: var(--pf-v5-c-form-control--Resize);
|
|
15705
15685
|
background-color: var(--pf-v5-c-form-control--BackgroundColor);
|
|
15686
|
+
border-radius: var(--pf-v5-c-form-control--BorderRadius);
|
|
15706
15687
|
}
|
|
15707
15688
|
.pf-v5-c-form-control::before, .pf-v5-c-form-control::after {
|
|
15708
15689
|
position: absolute;
|
|
@@ -15711,18 +15692,14 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15711
15692
|
content: "";
|
|
15712
15693
|
}
|
|
15713
15694
|
.pf-v5-c-form-control::before {
|
|
15695
|
+
border-color: var(--pf-v5-c-form-control--before--BorderColor);
|
|
15714
15696
|
border-style: var(--pf-v5-c-form-control--before--BorderStyle, solid);
|
|
15715
|
-
border-
|
|
15716
|
-
border-
|
|
15717
|
-
border-block-end-color: var(--pf-v5-c-form-control--before--BorderBottomColor);
|
|
15718
|
-
border-block-end-width: var(--pf-v5-c-form-control--before--BorderBottomWidth);
|
|
15719
|
-
border-inline-start-color: var(--pf-v5-c-form-control--before--BorderLeftColor);
|
|
15720
|
-
border-inline-start-width: var(--pf-v5-c-form-control--before--BorderLeftWidth);
|
|
15721
|
-
border-inline-end-color: var(--pf-v5-c-form-control--before--BorderRightColor);
|
|
15722
|
-
border-inline-end-width: var(--pf-v5-c-form-control--before--BorderRightWidth);
|
|
15697
|
+
border-width: var(--pf-v5-c-form-control--before--BorderWidth);
|
|
15698
|
+
border-radius: var(--pf-v5-c-form-control--before--BorderRadius);
|
|
15723
15699
|
}
|
|
15724
15700
|
.pf-v5-c-form-control::after {
|
|
15725
|
-
border
|
|
15701
|
+
border: var(--pf-v5-c-form-control--after--BorderWidth) var(--pf-v5-c-form-control--after--BorderStyle, solid) var(--pf-v5-c-form-control--after--BorderColor);
|
|
15702
|
+
border-radius: var(--pf-v5-c-form-control--before--BorderRadius);
|
|
15726
15703
|
}
|
|
15727
15704
|
.pf-v5-c-form-control > :is(input, select, textarea) {
|
|
15728
15705
|
grid-row: 1/2;
|
|
@@ -15734,6 +15711,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15734
15711
|
color: var(--pf-v5-c-form-control--Color);
|
|
15735
15712
|
background-color: transparent;
|
|
15736
15713
|
border: none;
|
|
15714
|
+
border-radius: var(--pf-v5-c-form-control--BorderRadius);
|
|
15737
15715
|
-moz-appearance: none;
|
|
15738
15716
|
-webkit-appearance: none;
|
|
15739
15717
|
}
|
|
@@ -15748,11 +15726,15 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15748
15726
|
}
|
|
15749
15727
|
.pf-v5-c-form-control.pf-m-readonly {
|
|
15750
15728
|
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--m-readonly--BackgroundColor);
|
|
15729
|
+
--pf-v5-c-form-control--BorderColor: var(--pf-v5-c-form-control--m-readonly--BorderColor);
|
|
15730
|
+
}
|
|
15731
|
+
.pf-v5-c-form-control.pf-m-readonly:hover {
|
|
15732
|
+
--pf-v5-c-form-control--hover--after--BorderColor: var(--pf-v5-c-form-control--m-readonly--hover--after--BorderColor);
|
|
15751
15733
|
}
|
|
15752
15734
|
.pf-v5-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error) {
|
|
15753
|
-
--pf-v5-c-form-control--hover--after--
|
|
15754
|
-
--pf-v5-c-form-control--focus--after--
|
|
15755
|
-
--pf-v5-c-form-control--focus--after--
|
|
15735
|
+
--pf-v5-c-form-control--hover--after--BorderColor: var(--pf-v5-c-form-control--m-readonly--hover--after--BorderColor);
|
|
15736
|
+
--pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-v5-c-form-control--m-readonly--focus--after--BorderWidth);
|
|
15737
|
+
--pf-v5-c-form-control--focus--after--BorderColor: var(--pf-v5-c-form-control--m-readonly--focus--after--BorderColor);
|
|
15756
15738
|
}
|
|
15757
15739
|
.pf-v5-c-form-control.pf-m-readonly.pf-m-plain {
|
|
15758
15740
|
--pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor);
|
|
@@ -15762,15 +15744,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15762
15744
|
--pf-v5-c-form-control--OutlineOffset: var(--pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset);
|
|
15763
15745
|
}
|
|
15764
15746
|
.pf-v5-c-form-control:hover {
|
|
15765
|
-
--pf-v5-c-form-control--after--
|
|
15766
|
-
|
|
15767
|
-
.pf-v5-c-form-control:focus-within {
|
|
15768
|
-
--pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-c-form-control--focus--after--BorderBottomColor);
|
|
15769
|
-
--pf-v5-c-form-control--after--BorderBottomWidth: var(--pf-v5-c-form-control--focus--after--BorderBottomWidth);
|
|
15747
|
+
--pf-v5-c-form-control--after--BorderColor: var(--pf-v5-c-form-control--hover--after--BorderColor);
|
|
15748
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-v5-c-form-control--hover--after--BorderWidth);
|
|
15770
15749
|
}
|
|
15771
15750
|
.pf-v5-c-form-control.pf-m-expanded {
|
|
15772
|
-
--pf-v5-c-form-control--after--
|
|
15773
|
-
--pf-v5-c-form-control--after--
|
|
15751
|
+
--pf-v5-c-form-control--after--BorderColor: var(--pf-v5-c-form-control--m-expanded--after--BorderColor);
|
|
15752
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-v5-c-form-control--m-expanded--after--BorderWidth);
|
|
15774
15753
|
}
|
|
15775
15754
|
.pf-v5-c-form-control.pf-m-disabled {
|
|
15776
15755
|
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--m-disabled--BackgroundColor);
|
|
@@ -15783,30 +15762,30 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15783
15762
|
}
|
|
15784
15763
|
.pf-v5-c-form-control.pf-m-error {
|
|
15785
15764
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-error--PaddingRight);
|
|
15786
|
-
--pf-v5-c-form-control--after--
|
|
15765
|
+
--pf-v5-c-form-control--after--BorderColor: var(--pf-v5-c-form-control--m-error--after--BorderColor);
|
|
15787
15766
|
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-error__icon--m-status--Color);
|
|
15788
15767
|
--pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-error--m-status--PaddingRight);
|
|
15789
|
-
--pf-v5-c-form-control--after--
|
|
15768
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-v5-c-form-control--m-error--after--BorderWidth);
|
|
15790
15769
|
}
|
|
15791
15770
|
.pf-v5-c-form-control.pf-m-error.pf-m-icon {
|
|
15792
15771
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
|
|
15793
15772
|
}
|
|
15794
15773
|
.pf-v5-c-form-control.pf-m-success {
|
|
15795
15774
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-success--PaddingRight);
|
|
15796
|
-
--pf-v5-c-form-control--after--
|
|
15775
|
+
--pf-v5-c-form-control--after--BorderColor: var(--pf-v5-c-form-control--m-success--after--BorderColor);
|
|
15797
15776
|
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-success__icon--m-status--Color);
|
|
15798
15777
|
--pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-success--m-status--PaddingRight);
|
|
15799
|
-
--pf-v5-c-form-control--after--
|
|
15778
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-v5-c-form-control--m-success--after--BorderWidth);
|
|
15800
15779
|
}
|
|
15801
15780
|
.pf-v5-c-form-control.pf-m-success.pf-m-icon {
|
|
15802
15781
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
|
|
15803
15782
|
}
|
|
15804
15783
|
.pf-v5-c-form-control.pf-m-warning {
|
|
15805
15784
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-warning--PaddingRight);
|
|
15806
|
-
--pf-v5-c-form-control--after--
|
|
15785
|
+
--pf-v5-c-form-control--after--BorderColor: var(--pf-v5-c-form-control--m-warning--after--BorderColor);
|
|
15807
15786
|
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-warning__icon--m-status--Color);
|
|
15808
15787
|
--pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-warning--m-status--PaddingRight);
|
|
15809
|
-
--pf-v5-c-form-control--after--
|
|
15788
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-v5-c-form-control--m-warning--after--BorderWidth);
|
|
15810
15789
|
}
|
|
15811
15790
|
.pf-v5-c-form-control.pf-m-warning.pf-m-icon {
|
|
15812
15791
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
|
|
@@ -15880,26 +15859,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15880
15859
|
pointer-events: none;
|
|
15881
15860
|
}
|
|
15882
15861
|
|
|
15883
|
-
|
|
15884
|
-
--pf-v5-c-
|
|
15885
|
-
}
|
|
15886
|
-
|
|
15887
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-form-control {
|
|
15888
|
-
--pf-v5-c-form-control--before--BorderTopColor: transparent;
|
|
15889
|
-
--pf-v5-c-form-control--before--BorderRightColor: transparent;
|
|
15890
|
-
--pf-v5-c-form-control--before--BorderLeftColor: transparent;
|
|
15891
|
-
--pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
15892
|
-
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
15893
|
-
--pf-v5-c-form-control--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
15894
|
-
--pf-v5-c-form-control--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
15895
|
-
--pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
15896
|
-
--pf-v5-c-form-control--m-readonly--hover--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
15897
|
-
--pf-v5-c-form-control--m-readonly--focus--after--BorderBottomColor:var(--pf-v5-global--BorderColor--400);
|
|
15898
|
-
--pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--300);
|
|
15899
|
-
color: var(--pf-v5-global--Color--100);
|
|
15900
|
-
}
|
|
15901
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
|
|
15902
|
-
filter: invert(1);
|
|
15862
|
+
select ~ .pf-v5-c-form-control__utilities {
|
|
15863
|
+
--pf-v5-c-form-control__utilities--PaddingRight: 0;
|
|
15903
15864
|
}
|
|
15904
15865
|
|
|
15905
15866
|
:root {
|
|
@@ -20693,76 +20654,82 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20693
20654
|
--pf-v5-c-notification-badge--m-attention--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--m-expanded--BackgroundColor);
|
|
20694
20655
|
}
|
|
20695
20656
|
|
|
20657
|
+
:root,
|
|
20696
20658
|
.pf-v5-c-notification-drawer {
|
|
20697
|
-
--pf-v5-c-notification-drawer--BackgroundColor: var(--pf-
|
|
20698
|
-
--pf-v5-c-notification-drawer__header--PaddingTop: var(--pf-
|
|
20699
|
-
--pf-v5-c-notification-drawer__header--PaddingRight: var(--pf-
|
|
20700
|
-
--pf-v5-c-notification-drawer__header--PaddingBottom: var(--pf-
|
|
20701
|
-
--pf-v5-c-notification-drawer__header--PaddingLeft: var(--pf-
|
|
20702
|
-
--pf-v5-c-notification-drawer__header--BackgroundColor: var(--pf-
|
|
20703
|
-
--pf-v5-c-notification-drawer__header--
|
|
20704
|
-
--pf-v5-c-notification-drawer__header--
|
|
20705
|
-
--pf-v5-c-notification-drawer__header-title--
|
|
20706
|
-
--pf-v5-c-notification-drawer__header-
|
|
20707
|
-
--pf-v5-c-notification-
|
|
20708
|
-
--pf-v5-c-notification-
|
|
20709
|
-
--pf-v5-c-notification-
|
|
20710
|
-
--pf-v5-c-notification-
|
|
20711
|
-
--pf-v5-c-notification-
|
|
20712
|
-
--pf-v5-c-notification-
|
|
20713
|
-
--pf-v5-c-notification-
|
|
20714
|
-
--pf-v5-c-notification-
|
|
20715
|
-
--pf-v5-c-notification-drawer__list
|
|
20716
|
-
--pf-v5-c-notification-drawer__list
|
|
20717
|
-
--pf-v5-c-notification-drawer__list
|
|
20718
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20719
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20720
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20721
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20722
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20723
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20724
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20725
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20726
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20727
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20728
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20729
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20730
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20731
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20732
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20733
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20734
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20735
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20736
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20737
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20738
|
-
--pf-v5-c-notification-drawer__list-item--m-hoverable--hover--
|
|
20739
|
-
--pf-v5-c-notification-drawer__list-item-header--MarginBottom: var(--pf-
|
|
20659
|
+
--pf-v5-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
20660
|
+
--pf-v5-c-notification-drawer__header--PaddingTop: var(--pf-t--global--spacer--md);
|
|
20661
|
+
--pf-v5-c-notification-drawer__header--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
20662
|
+
--pf-v5-c-notification-drawer__header--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
20663
|
+
--pf-v5-c-notification-drawer__header--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
20664
|
+
--pf-v5-c-notification-drawer__header--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
20665
|
+
--pf-v5-c-notification-drawer__header--ZIndex: var(--pf-t--global--Zindex--sm);
|
|
20666
|
+
--pf-v5-c-notification-drawer__header-title--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
20667
|
+
--pf-v5-c-notification-drawer__header-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
20668
|
+
--pf-v5-c-notification-drawer__header-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
20669
|
+
--pf-v5-c-notification-drawer__header-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
20670
|
+
--pf-v5-c-notification-drawer__header-status--MarginLeft: var(--pf-t--global--spacer--md);
|
|
20671
|
+
--pf-v5-c-notification-drawer__header-status--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
20672
|
+
--pf-v5-c-notification-drawer__header-status--FontSize: var(--pf-t--global--font--size--body--default);
|
|
20673
|
+
--pf-v5-c-notification-drawer__header-status--Color: var(--pf-t--global--text--color--subtle);
|
|
20674
|
+
--pf-v5-c-notification-drawer__body--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
20675
|
+
--pf-v5-c-notification-drawer__body--PaddingBlockStart: 0;
|
|
20676
|
+
--pf-v5-c-notification-drawer__body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
20677
|
+
--pf-v5-c-notification-drawer__list--Gap: var(--pf-t--global--spacer--sm);
|
|
20678
|
+
--pf-v5-c-notification-drawer__list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
20679
|
+
--pf-v5-c-notification-drawer__list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
20680
|
+
--pf-v5-c-notification-drawer__list-item--PaddingTop: var(--pf-t--global--spacer--md);
|
|
20681
|
+
--pf-v5-c-notification-drawer__list-item--PaddingRight: var(--pf-t--global--spacer--md);
|
|
20682
|
+
--pf-v5-c-notification-drawer__list-item--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
20683
|
+
--pf-v5-c-notification-drawer__list-item--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
20684
|
+
--pf-v5-c-notification-drawer__list-item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
20685
|
+
--pf-v5-c-notification-drawer__list-item--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
20686
|
+
--pf-v5-c-notification-drawer__list-item--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
20687
|
+
--pf-v5-c-notification-drawer__list-item--m-info__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
20688
|
+
--pf-v5-c-notification-drawer__list-item--m-info__list-item--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
20689
|
+
--pf-v5-c-notification-drawer__list-item--m-warning__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
20690
|
+
--pf-v5-c-notification-drawer__list-item--m-warning__list-item--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
20691
|
+
--pf-v5-c-notification-drawer__list-item--m-danger__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
20692
|
+
--pf-v5-c-notification-drawer__list-item--m-danger__list-item--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
20693
|
+
--pf-v5-c-notification-drawer__list-item--m-success__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
20694
|
+
--pf-v5-c-notification-drawer__list-item--m-success__list-item--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
20695
|
+
--pf-v5-c-notification-drawer__list-item--m-custom__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
20696
|
+
--pf-v5-c-notification-drawer__list-item--m-custom__list-item--BorderColor: var(--pf-t--global--border--color--status--custom--default);
|
|
20697
|
+
--pf-v5-c-notification-drawer__list-item--m-read--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
20698
|
+
--pf-v5-c-notification-drawer__list-item--m-read--BorderWidth: var(--pf-t--global--border--width--box--status--read);
|
|
20699
|
+
--pf-v5-c-notification-drawer__list-item--m-read--BorderColor: var(--pf-t--global--border--color--default);
|
|
20700
|
+
--pf-v5-c-notification-drawer__list-item--m-hoverable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
20701
|
+
--pf-v5-c-notification-drawer__list-item-header--MarginBottom: var(--pf-t--global--spacer--xs);
|
|
20740
20702
|
--pf-v5-c-notification-drawer__list-item-header-icon--Color: inherit;
|
|
20741
|
-
--pf-v5-c-notification-drawer__list-item-header-icon--MarginRight: var(--pf-
|
|
20742
|
-
--pf-v5-c-notification-drawer__list-item-header-title--
|
|
20703
|
+
--pf-v5-c-notification-drawer__list-item-header-icon--MarginRight: var(--pf-t--global--spacer--sm);
|
|
20704
|
+
--pf-v5-c-notification-drawer__list-item-header-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
20705
|
+
--pf-v5-c-notification-drawer__list-item-header-title--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
20706
|
+
--pf-v5-c-notification-drawer__list-item-header-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
20707
|
+
--pf-v5-c-notification-drawer__list-item-header-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
20743
20708
|
--pf-v5-c-notification-drawer__list-item-header-title--max-lines: 1;
|
|
20744
|
-
--pf-v5-c-notification-drawer__list-item
|
|
20745
|
-
--pf-v5-c-notification-drawer__list-item-
|
|
20746
|
-
--pf-v5-c-notification-drawer__list-item-timestamp--
|
|
20747
|
-
--pf-v5-c-notification-
|
|
20748
|
-
--pf-v5-c-notification-drawer__group--m-expanded--group--
|
|
20749
|
-
--pf-v5-c-notification-drawer__group--m-expanded--group--BorderTopColor: var(--pf-v5-global--BorderColor--100);
|
|
20709
|
+
--pf-v5-c-notification-drawer__list-item-description--MarginBottom: var(--pf-t--global--spacer--sm);
|
|
20710
|
+
--pf-v5-c-notification-drawer__list-item-timestamp--Color: var(--pf-t--global--text--color--subtle);
|
|
20711
|
+
--pf-v5-c-notification-drawer__list-item-timestamp--FontSize: var(--pf-t--global--font--size--body--default);
|
|
20712
|
+
--pf-v5-c-notification-drawer__group--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
|
|
20713
|
+
--pf-v5-c-notification-drawer__group--m-expanded--group--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
20750
20714
|
--pf-v5-c-notification-drawer__group--m-expanded--MinHeight: 0;
|
|
20751
|
-
--pf-v5-c-notification-drawer__group-
|
|
20752
|
-
--pf-v5-c-notification-drawer__group-toggle--
|
|
20753
|
-
--pf-v5-c-notification-drawer__group-toggle--
|
|
20754
|
-
--pf-v5-c-notification-drawer__group-toggle--
|
|
20755
|
-
--pf-v5-c-notification-drawer__group-toggle--
|
|
20756
|
-
--pf-v5-c-notification-drawer__group-toggle--
|
|
20757
|
-
--pf-v5-c-notification-drawer__group-toggle--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
20715
|
+
--pf-v5-c-notification-drawer__group--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
20716
|
+
--pf-v5-c-notification-drawer__group-toggle--PaddingTop: var(--pf-t--global--spacer--md);
|
|
20717
|
+
--pf-v5-c-notification-drawer__group-toggle--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
20718
|
+
--pf-v5-c-notification-drawer__group-toggle--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
20719
|
+
--pf-v5-c-notification-drawer__group-toggle--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
20720
|
+
--pf-v5-c-notification-drawer__group-toggle--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
20758
20721
|
--pf-v5-c-notification-drawer__group-toggle--OutlineOffset: -0.25rem;
|
|
20759
|
-
--pf-v5-c-notification-drawer__group-toggle-title--MarginRight: var(--pf-
|
|
20722
|
+
--pf-v5-c-notification-drawer__group-toggle-title--MarginRight: var(--pf-t--global--spacer--md);
|
|
20723
|
+
--pf-v5-c-notification-drawer__group-toggle-title--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
20760
20724
|
--pf-v5-c-notification-drawer__group-toggle-title--max-lines: 1;
|
|
20761
|
-
--pf-v5-c-notification-drawer__group-toggle-count--MarginRight: var(--pf-
|
|
20762
|
-
--pf-v5-c-notification-drawer__group-toggle-icon--MarginRight: var(--pf-
|
|
20763
|
-
--pf-v5-c-notification-drawer__group-toggle-icon--Color: var(--pf-
|
|
20725
|
+
--pf-v5-c-notification-drawer__group-toggle-count--MarginRight: var(--pf-t--global--spacer--md);
|
|
20726
|
+
--pf-v5-c-notification-drawer__group-toggle-icon--MarginRight: var(--pf-t--global--spacer--md);
|
|
20727
|
+
--pf-v5-c-notification-drawer__group-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
20764
20728
|
--pf-v5-c-notification-drawer__group-toggle-icon--Transition: .2s ease-in 0s;
|
|
20765
20729
|
--pf-v5-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: 90deg;
|
|
20730
|
+
}
|
|
20731
|
+
|
|
20732
|
+
.pf-v5-c-notification-drawer {
|
|
20766
20733
|
display: flex;
|
|
20767
20734
|
flex-direction: column;
|
|
20768
20735
|
height: 100%;
|
|
@@ -20780,15 +20747,20 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20780
20747
|
padding-inline-start: var(--pf-v5-c-notification-drawer__header--PaddingLeft);
|
|
20781
20748
|
padding-inline-end: var(--pf-v5-c-notification-drawer__header--PaddingRight);
|
|
20782
20749
|
background-color: var(--pf-v5-c-notification-drawer__header--BackgroundColor);
|
|
20783
|
-
box-shadow: var(--pf-v5-c-notification-drawer__header--BoxShadow);
|
|
20784
20750
|
}
|
|
20785
20751
|
|
|
20786
20752
|
.pf-v5-c-notification-drawer__header-title {
|
|
20753
|
+
font-family: var(--pf-v5-c-notification-drawer__header-title--FontFamily);
|
|
20787
20754
|
font-size: var(--pf-v5-c-notification-drawer__header-title--FontSize);
|
|
20755
|
+
font-weight: var(--pf-v5-c-notification-drawer__header-title--FontWeight);
|
|
20756
|
+
line-height: var(--pf-v5-c-notification-drawer__header-title--LineHeight);
|
|
20788
20757
|
}
|
|
20789
20758
|
|
|
20790
20759
|
.pf-v5-c-notification-drawer__header-status {
|
|
20791
20760
|
margin-inline-start: var(--pf-v5-c-notification-drawer__header-status--MarginLeft);
|
|
20761
|
+
font-size: var(--pf-v5-c-notification-drawer__header-status--FontSize);
|
|
20762
|
+
font-weight: var(--pf-v5-c-notification-drawer__header-status--FontWeight);
|
|
20763
|
+
color: var(--pf-v5-c-notification-drawer__header-status--Color);
|
|
20792
20764
|
}
|
|
20793
20765
|
|
|
20794
20766
|
.pf-v5-c-notification-drawer__header-action {
|
|
@@ -20799,8 +20771,17 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20799
20771
|
|
|
20800
20772
|
.pf-v5-c-notification-drawer__body {
|
|
20801
20773
|
flex: 1;
|
|
20774
|
+
padding-block-start: var(--pf-v5-c-notification-drawer__body--PaddingBlockStart);
|
|
20775
|
+
padding-block-end: var(--pf-v5-c-notification-drawer__body--PaddingBlockEnd);
|
|
20802
20776
|
overflow-y: auto;
|
|
20803
|
-
|
|
20777
|
+
}
|
|
20778
|
+
|
|
20779
|
+
.pf-v5-c-notification-drawer__list:not([hidden]) {
|
|
20780
|
+
display: flex;
|
|
20781
|
+
flex-direction: column;
|
|
20782
|
+
gap: var(--pf-v5-c-notification-drawer__list--Gap);
|
|
20783
|
+
padding-inline-start: var(--pf-v5-c-notification-drawer__list--PaddingInlineStart);
|
|
20784
|
+
padding-inline-end: var(--pf-v5-c-notification-drawer__list--PaddingInlineEnd);
|
|
20804
20785
|
}
|
|
20805
20786
|
|
|
20806
20787
|
.pf-v5-c-notification-drawer__list-item {
|
|
@@ -20812,60 +20793,40 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20812
20793
|
padding-inline-start: var(--pf-v5-c-notification-drawer__list-item--PaddingLeft);
|
|
20813
20794
|
padding-inline-end: var(--pf-v5-c-notification-drawer__list-item--PaddingRight);
|
|
20814
20795
|
background-color: var(--pf-v5-c-notification-drawer__list-item--BackgroundColor);
|
|
20815
|
-
border
|
|
20816
|
-
|
|
20817
|
-
box-shadow: var(--pf-v5-c-notification-drawer__list-item--BoxShadow);
|
|
20818
|
-
}
|
|
20819
|
-
.pf-v5-c-notification-drawer__list-item.pf-m-read, .pf-v5-c-notification-drawer__list-item:first-child {
|
|
20820
|
-
--pf-v5-c-notification-drawer__list-item--BoxShadow: none;
|
|
20821
|
-
}
|
|
20822
|
-
.pf-v5-c-notification-drawer__list-item:not(.pf-m-read) + .pf-v5-c-notification-drawer__list-item.pf-m-read {
|
|
20823
|
-
--pf-v5-c-notification-drawer__list-item--BoxShadow: var(--pf-v5-c-notification-drawer__list-item--list-item--m-read--BoxShadow);
|
|
20824
|
-
--pf-v5-c-notification-drawer__list-item--before--Top: var(--pf-v5-c-notification-drawer__list-item--list-item--m-read--before--Top);
|
|
20825
|
-
}
|
|
20826
|
-
.pf-v5-c-notification-drawer__list-item::before {
|
|
20827
|
-
position: absolute;
|
|
20828
|
-
inset-block-start: var(--pf-v5-c-notification-drawer__list-item--before--Top);
|
|
20829
|
-
inset-block-end: var(--pf-v5-c-notification-drawer__list-item--before--Bottom);
|
|
20830
|
-
width: var(--pf-v5-c-notification-drawer__list-item--before--Width);
|
|
20831
|
-
content: "";
|
|
20832
|
-
background-color: var(--pf-v5-c-notification-drawer__list-item--before--BackgroundColor);
|
|
20796
|
+
border: var(--pf-v5-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v5-c-notification-drawer__list-item--BorderColor);
|
|
20797
|
+
border-radius: var(--pf-v5-c-notification-drawer__list-item--BorderRadius);
|
|
20833
20798
|
}
|
|
20834
20799
|
.pf-v5-c-notification-drawer__list-item.pf-m-info {
|
|
20835
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20800
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-info__list-item--BorderColor);
|
|
20836
20801
|
--pf-v5-c-notification-drawer__list-item-header-icon--Color: var(--pf-v5-c-notification-drawer__list-item--m-info__list-item-header-icon--Color);
|
|
20837
20802
|
}
|
|
20838
20803
|
.pf-v5-c-notification-drawer__list-item.pf-m-warning {
|
|
20839
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20804
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-warning__list-item--BorderColor);
|
|
20840
20805
|
--pf-v5-c-notification-drawer__list-item-header-icon--Color: var(--pf-v5-c-notification-drawer__list-item--m-warning__list-item-header-icon--Color);
|
|
20841
20806
|
}
|
|
20842
20807
|
.pf-v5-c-notification-drawer__list-item.pf-m-danger {
|
|
20843
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20808
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-danger__list-item--BorderColor);
|
|
20844
20809
|
--pf-v5-c-notification-drawer__list-item-header-icon--Color: var(--pf-v5-c-notification-drawer__list-item--m-danger__list-item-header-icon--Color);
|
|
20845
20810
|
}
|
|
20846
20811
|
.pf-v5-c-notification-drawer__list-item.pf-m-success {
|
|
20847
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20812
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-success__list-item--BorderColor);
|
|
20848
20813
|
--pf-v5-c-notification-drawer__list-item-header-icon--Color: var(--pf-v5-c-notification-drawer__list-item--m-success__list-item-header-icon--Color);
|
|
20849
20814
|
}
|
|
20850
20815
|
.pf-v5-c-notification-drawer__list-item.pf-m-custom {
|
|
20851
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20816
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-custom__list-item--BorderColor);
|
|
20852
20817
|
--pf-v5-c-notification-drawer__list-item-header-icon--Color: var(--pf-v5-c-notification-drawer__list-item--m-custom__list-item-header-icon--Color);
|
|
20853
20818
|
}
|
|
20854
20819
|
.pf-v5-c-notification-drawer__list-item.pf-m-read {
|
|
20855
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20820
|
+
--pf-v5-c-notification-drawer__list-item--BorderWidth: var(--pf-v5-c-notification-drawer__list-item--m-read--BorderWidth);
|
|
20856
20821
|
--pf-v5-c-notification-drawer__list-item--BackgroundColor: var(--pf-v5-c-notification-drawer__list-item--m-read--BackgroundColor);
|
|
20857
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20858
|
-
--pf-v5-c-notification-drawer__list-item--before--Bottom: var(--pf-v5-c-notification-drawer__list-item--m-read--before--Bottom);
|
|
20859
|
-
--pf-v5-c-notification-drawer__list-item--before--BackgroundColor: var(--pf-v5-c-notification-drawer__list-item--m-read--before--BackgroundColor);
|
|
20860
|
-
--pf-v5-c-notification-drawer__list-item-header-title--FontWeight: var(--pf-v5-c-notification-drawer__list-item--m-read__list-item-header-title--FontWeight);
|
|
20822
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-read--BorderColor);
|
|
20861
20823
|
position: relative;
|
|
20862
20824
|
}
|
|
20863
20825
|
.pf-v5-c-notification-drawer__list-item.pf-m-hoverable {
|
|
20864
20826
|
cursor: pointer;
|
|
20865
20827
|
}
|
|
20866
|
-
.pf-v5-c-notification-drawer__list-item.pf-m-hoverable:hover {
|
|
20867
|
-
|
|
20868
|
-
box-shadow: var(--pf-v5-c-notification-drawer__list-item--m-hoverable--hover--BoxShadow);
|
|
20828
|
+
.pf-v5-c-notification-drawer__list-item.pf-m-hoverable:hover, .pf-v5-c-notification-drawer__list-item.pf-m-hoverable:focus {
|
|
20829
|
+
background-color: var(--pf-v5-c-notification-drawer__list-item--m-hoverable--hover--BackgroundColor);
|
|
20869
20830
|
}
|
|
20870
20831
|
|
|
20871
20832
|
.pf-v5-c-notification-drawer__list-item-header {
|
|
@@ -20882,7 +20843,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20882
20843
|
}
|
|
20883
20844
|
|
|
20884
20845
|
.pf-v5-c-notification-drawer__list-item-header-title {
|
|
20846
|
+
font-family: var(--pf-v5-c-notification-drawer__list-item-header-title--FontFamily);
|
|
20847
|
+
font-size: var(--pf-v5-c-notification-drawer__list-item-header-title--FontSize);
|
|
20885
20848
|
font-weight: var(--pf-v5-c-notification-drawer__list-item-header-title--FontWeight);
|
|
20849
|
+
line-height: var(--pf-v5-c-notification-drawer__list-item-header-title--LineHeight);
|
|
20886
20850
|
word-break: break-word;
|
|
20887
20851
|
}
|
|
20888
20852
|
.pf-v5-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
@@ -20916,15 +20880,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20916
20880
|
flex-direction: column;
|
|
20917
20881
|
}
|
|
20918
20882
|
|
|
20883
|
+
.pf-v5-c-notification-drawer__group {
|
|
20884
|
+
border-block-end: var(--pf-v5-c-notification-drawer__group--BorderBottomWidth) solid var(--pf-v5-c-notification-drawer__group--m-expanded--group--BorderBottomColor);
|
|
20885
|
+
}
|
|
20919
20886
|
.pf-v5-c-notification-drawer__group.pf-m-expanded {
|
|
20920
20887
|
min-height: var(--pf-v5-c-notification-drawer__group--m-expanded--MinHeight);
|
|
20921
|
-
|
|
20922
|
-
.pf-v5-c-notification-drawer__group.pf-m-expanded + .pf-v5-c-notification-drawer__group {
|
|
20923
|
-
border-block-start: var(--pf-v5-c-notification-drawer__group--m-expanded--group--BorderTopWidth) solid var(--pf-v5-c-notification-drawer__group--m-expanded--group--BorderTopColor);
|
|
20924
|
-
}
|
|
20925
|
-
.pf-v5-c-notification-drawer__group .pf-v5-c-notification-drawer__list-item:last-child {
|
|
20926
|
-
--pf-v5-c-notification-drawer__list-item--BorderBottomWidth: 0;
|
|
20927
|
-
--pf-v5-c-notification-drawer__list-item--before--Bottom: 0;
|
|
20888
|
+
padding-block-end: var(--pf-v5-c-notification-drawer__group--m-expanded--PaddingBlockEnd);
|
|
20928
20889
|
}
|
|
20929
20890
|
|
|
20930
20891
|
.pf-v5-c-notification-drawer__group-toggle {
|
|
@@ -20936,8 +20897,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20936
20897
|
padding-inline-start: var(--pf-v5-c-notification-drawer__group-toggle--PaddingLeft);
|
|
20937
20898
|
padding-inline-end: var(--pf-v5-c-notification-drawer__group-toggle--PaddingRight);
|
|
20938
20899
|
background-color: var(--pf-v5-c-notification-drawer__group-toggle--BackgroundColor);
|
|
20939
|
-
border:
|
|
20940
|
-
border-block-end-width: var(--pf-v5-c-notification-drawer__group-toggle--BorderBottomWidth);
|
|
20900
|
+
border: none;
|
|
20941
20901
|
outline-offset: var(--pf-v5-c-notification-drawer__group-toggle--OutlineOffset);
|
|
20942
20902
|
}
|
|
20943
20903
|
|
|
@@ -20948,6 +20908,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20948
20908
|
overflow: hidden;
|
|
20949
20909
|
flex: 1;
|
|
20950
20910
|
margin-inline-end: var(--pf-v5-c-notification-drawer__group-toggle-title--MarginRight);
|
|
20911
|
+
font-size: var(--pf-v5-c-notification-drawer__group-toggle-title--FontSize);
|
|
20951
20912
|
text-align: start;
|
|
20952
20913
|
word-break: break-word;
|
|
20953
20914
|
}
|
|
@@ -20970,21 +20931,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20970
20931
|
transform: rotate(var(--pf-v5-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
20971
20932
|
}
|
|
20972
20933
|
|
|
20973
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
20974
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
20975
|
-
}
|
|
20976
|
-
|
|
20977
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-notification-drawer {
|
|
20978
|
-
--pf-v5-c-notification-drawer--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
20979
|
-
--pf-v5-c-notification-drawer__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
20980
|
-
--pf-v5-c-notification-drawer__list-item--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
20981
|
-
--pf-v5-c-notification-drawer__list-item--BoxShadow: none;
|
|
20982
|
-
--pf-v5-c-notification-drawer__list-item--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
|
|
20983
|
-
--pf-v5-c-notification-drawer__list-item--m-read--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
20984
|
-
--pf-v5-c-notification-drawer__list-item--list-item--m-read--BoxShadow: none;
|
|
20985
|
-
--pf-v5-c-notification-drawer__group-toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
20986
|
-
}
|
|
20987
|
-
|
|
20988
20934
|
.pf-v5-c-options-menu {
|
|
20989
20935
|
--pf-v5-c-options-menu__toggle--BackgroundColor: transparent;
|
|
20990
20936
|
--pf-v5-c-options-menu__toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
|
|
@@ -22582,37 +22528,42 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
22582
22528
|
}
|
|
22583
22529
|
}
|
|
22584
22530
|
|
|
22531
|
+
:root,
|
|
22585
22532
|
.pf-v5-c-panel {
|
|
22586
22533
|
--pf-v5-c-panel--Width: auto;
|
|
22587
22534
|
--pf-v5-c-panel--MinWidth: auto;
|
|
22588
22535
|
--pf-v5-c-panel--MaxWidth: none;
|
|
22589
22536
|
--pf-v5-c-panel--ZIndex: auto;
|
|
22590
|
-
--pf-v5-c-panel--BackgroundColor: var(--pf-
|
|
22537
|
+
--pf-v5-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
22591
22538
|
--pf-v5-c-panel--BoxShadow: none;
|
|
22592
22539
|
--pf-v5-c-panel--before--BorderWidth: 0;
|
|
22593
|
-
--pf-v5-c-panel--before--BorderColor: var(--pf-
|
|
22594
|
-
--pf-v5-c-panel--m-
|
|
22595
|
-
--pf-v5-c-panel--m-
|
|
22596
|
-
--pf-v5-c-panel--m-raised--
|
|
22597
|
-
--pf-v5-c-panel--m-raised--
|
|
22598
|
-
--pf-v5-c-
|
|
22599
|
-
--pf-v5-c-panel__header--
|
|
22600
|
-
--pf-v5-c-panel__header--
|
|
22601
|
-
--pf-v5-c-panel__header--
|
|
22540
|
+
--pf-v5-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
22541
|
+
--pf-v5-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
22542
|
+
--pf-v5-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
22543
|
+
--pf-v5-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
22544
|
+
--pf-v5-c-panel--m-raised--ZIndex: var(--pf-t--global--Zindex--sm);
|
|
22545
|
+
--pf-v5-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
22546
|
+
--pf-v5-c-panel__header--PaddingTop: var(--pf-t--global--spacer--md);
|
|
22547
|
+
--pf-v5-c-panel__header--PaddingRight: var(--pf-t--global--spacer--md);
|
|
22548
|
+
--pf-v5-c-panel__header--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
22549
|
+
--pf-v5-c-panel__header--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
22602
22550
|
--pf-v5-c-panel__main--MaxHeight: none;
|
|
22603
22551
|
--pf-v5-c-panel__main--Overflow: visible;
|
|
22604
|
-
--pf-v5-c-panel__main-body--PaddingTop: var(--pf-
|
|
22605
|
-
--pf-v5-c-panel__main-body--PaddingRight: var(--pf-
|
|
22606
|
-
--pf-v5-c-panel__main-body--PaddingBottom: var(--pf-
|
|
22607
|
-
--pf-v5-c-panel__main-body--PaddingLeft: var(--pf-
|
|
22608
|
-
--pf-v5-c-panel__footer--PaddingTop: var(--pf-
|
|
22609
|
-
--pf-v5-c-panel__footer--PaddingRight: var(--pf-
|
|
22610
|
-
--pf-v5-c-panel__footer--PaddingBottom: var(--pf-
|
|
22611
|
-
--pf-v5-c-panel__footer--PaddingLeft: var(--pf-
|
|
22552
|
+
--pf-v5-c-panel__main-body--PaddingTop: var(--pf-t--global--spacer--md);
|
|
22553
|
+
--pf-v5-c-panel__main-body--PaddingRight: var(--pf-t--global--spacer--md);
|
|
22554
|
+
--pf-v5-c-panel__main-body--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
22555
|
+
--pf-v5-c-panel__main-body--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
22556
|
+
--pf-v5-c-panel__footer--PaddingTop: var(--pf-t--global--spacer--md);
|
|
22557
|
+
--pf-v5-c-panel__footer--PaddingRight: var(--pf-t--global--spacer--md);
|
|
22558
|
+
--pf-v5-c-panel__footer--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
22559
|
+
--pf-v5-c-panel__footer--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
22612
22560
|
--pf-v5-c-panel__footer--BoxShadow: none;
|
|
22613
22561
|
--pf-v5-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
|
|
22614
22562
|
--pf-v5-c-panel--m-scrollable__main--Overflow: auto;
|
|
22615
|
-
--pf-v5-c-panel--m-scrollable__footer--BoxShadow: 0 -0.3125rem 0.25rem -0.25rem rgba(
|
|
22563
|
+
--pf-v5-c-panel--m-scrollable__footer--BoxShadow: 0 -0.3125rem 0.25rem -0.25rem rgba(0 0 0 / 16%);
|
|
22564
|
+
}
|
|
22565
|
+
|
|
22566
|
+
.pf-v5-c-panel {
|
|
22616
22567
|
position: relative;
|
|
22617
22568
|
z-index: var(--pf-v5-c-panel--ZIndex);
|
|
22618
22569
|
width: var(--pf-v5-c-panel--Width);
|
|
@@ -22631,6 +22582,9 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
22631
22582
|
.pf-v5-c-panel.pf-m-bordered {
|
|
22632
22583
|
--pf-v5-c-panel--before--BorderWidth: var(--pf-v5-c-panel--m-bordered--before--BorderWidth);
|
|
22633
22584
|
}
|
|
22585
|
+
.pf-v5-c-panel.pf-m-secondary {
|
|
22586
|
+
--pf-v5-c-panel--BackgroundColor: var(--pf-v5-c-panel--m-secondary--BackgroundColor);
|
|
22587
|
+
}
|
|
22634
22588
|
.pf-v5-c-panel.pf-m-raised {
|
|
22635
22589
|
--pf-v5-c-panel--BackgroundColor: var(--pf-v5-c-panel--m-raised--BackgroundColor);
|
|
22636
22590
|
--pf-v5-c-panel--BoxShadow: var(--pf-v5-c-panel--m-raised--BoxShadow);
|
|
@@ -22669,14 +22623,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
22669
22623
|
box-shadow: var(--pf-v5-c-panel__footer--BoxShadow);
|
|
22670
22624
|
}
|
|
22671
22625
|
|
|
22672
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
22673
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
22674
|
-
}
|
|
22675
|
-
|
|
22676
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-panel {
|
|
22677
|
-
--pf-v5-c-panel--m-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
22678
|
-
}
|
|
22679
|
-
|
|
22680
22626
|
.pf-v5-c-popover {
|
|
22681
22627
|
--pf-v5-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
22682
22628
|
--pf-v5-c-popover--MinWidth: calc(var(--pf-v5-c-popover__content--PaddingLeft) + var(--pf-v5-c-popover__content--PaddingRight) + 18.75rem);
|
|
@@ -23665,24 +23611,29 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
23665
23611
|
}
|
|
23666
23612
|
}
|
|
23667
23613
|
|
|
23614
|
+
:root,
|
|
23668
23615
|
.pf-v5-c-radio {
|
|
23669
|
-
--pf-v5-c-radio--GridGap: var(--pf-
|
|
23670
|
-
--pf-v5-c-
|
|
23671
|
-
--pf-v5-c-radio__label--Color: var(--pf-
|
|
23672
|
-
--pf-v5-c-radio__label--
|
|
23673
|
-
--pf-v5-c-radio__label--
|
|
23674
|
-
--pf-v5-c-radio__label--
|
|
23616
|
+
--pf-v5-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
23617
|
+
--pf-v5-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
|
|
23618
|
+
--pf-v5-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
23619
|
+
--pf-v5-c-radio__label--Color: var(--pf-t--global--text--color--regular);
|
|
23620
|
+
--pf-v5-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body);
|
|
23621
|
+
--pf-v5-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
23622
|
+
--pf-v5-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
23675
23623
|
--pf-v5-c-radio__input--TranslateY: calc((var(--pf-v5-c-radio__label--LineHeight) * var(--pf-v5-c-radio__label--FontSize) / 2 ) - 50%);
|
|
23676
|
-
--pf-v5-c-radio__input--TranslateY--moz: var(--pf-v5-c-radio__input--TranslateY);
|
|
23677
23624
|
--pf-v5-c-radio__input--first-child--MarginLeft: 0.0625rem;
|
|
23678
23625
|
--pf-v5-c-radio__input--last-child--MarginRight: 0.0625rem;
|
|
23679
|
-
--pf-v5-c-radio__description--FontSize: var(--pf-
|
|
23680
|
-
--pf-v5-c-radio__description--Color: var(--pf-
|
|
23681
|
-
--pf-v5-c-radio__body--MarginTop: var(--pf-
|
|
23626
|
+
--pf-v5-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
23627
|
+
--pf-v5-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
|
|
23628
|
+
--pf-v5-c-radio__body--MarginTop: var(--pf-t--global--spacer--sm);
|
|
23629
|
+
}
|
|
23630
|
+
|
|
23631
|
+
.pf-v5-c-radio {
|
|
23682
23632
|
display: grid;
|
|
23683
23633
|
grid-template-columns: auto 1fr;
|
|
23684
23634
|
grid-gap: var(--pf-v5-c-radio--GridGap);
|
|
23685
23635
|
align-items: baseline;
|
|
23636
|
+
accent-color: var(--pf-v5-c-radio--AccentColor);
|
|
23686
23637
|
}
|
|
23687
23638
|
.pf-v5-c-radio.pf-m-standalone {
|
|
23688
23639
|
--pf-v5-c-radio--GridGap: 0;
|
|
@@ -23692,7 +23643,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
23692
23643
|
|
|
23693
23644
|
.pf-v5-c-radio__input {
|
|
23694
23645
|
align-self: start;
|
|
23695
|
-
-moz-transform: translateY(var(--pf-v5-c-radio__input--TranslateY--moz));
|
|
23696
23646
|
transform: translateY(var(--pf-v5-c-radio__input--TranslateY));
|
|
23697
23647
|
}
|
|
23698
23648
|
.pf-v5-c-radio__input:first-child {
|
|
@@ -24669,7 +24619,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
24669
24619
|
--pf-v5-c-simple-list__item-link--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
24670
24620
|
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
24671
24621
|
--pf-v5-c-simple-list__item-link--Color: var(--pf-t--global--text--color--subtle);
|
|
24672
|
-
--pf-v5-c-simple-list__item-link--FontSize: var(--pf-t--global--font--size--body);
|
|
24622
|
+
--pf-v5-c-simple-list__item-link--FontSize: var(--pf-t--global--font--size--body--default);
|
|
24673
24623
|
--pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
24674
24624
|
--pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--selected);
|
|
24675
24625
|
--pf-v5-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
|