@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
package/patternfly.css
CHANGED
|
@@ -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);
|
|
@@ -9091,25 +9091,28 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
9091
9091
|
--pf-v5-c-card--m-selectable-raised--active--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
|
|
9092
9092
|
}
|
|
9093
9093
|
|
|
9094
|
+
:root,
|
|
9094
9095
|
.pf-v5-c-check {
|
|
9095
|
-
--pf-v5-c-check--GridGap: var(--pf-
|
|
9096
|
-
--pf-v5-c-
|
|
9097
|
-
--pf-v5-c-check__label--Color: var(--pf-
|
|
9098
|
-
--pf-v5-c-check__label--
|
|
9099
|
-
--pf-v5-c-check__label--
|
|
9100
|
-
--pf-v5-c-check__label--
|
|
9096
|
+
--pf-v5-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
9097
|
+
--pf-v5-c-check--AccentColor: var(--pf-t--global--color--brand--default);
|
|
9098
|
+
--pf-v5-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
9099
|
+
--pf-v5-c-check__label--Color: var(--pf-t--global--text--color--regular);
|
|
9100
|
+
--pf-v5-c-check__label--FontWeight: var(--pf-t--global--font--weight--body);
|
|
9101
|
+
--pf-v5-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
9102
|
+
--pf-v5-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
9101
9103
|
--pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
|
|
9102
|
-
--pf-v5-c-
|
|
9103
|
-
--pf-v5-c-check__description--
|
|
9104
|
-
--pf-v5-c-
|
|
9105
|
-
--pf-v5-c-
|
|
9106
|
-
--pf-v5-c-check__label-required--
|
|
9107
|
-
|
|
9108
|
-
|
|
9104
|
+
--pf-v5-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
9105
|
+
--pf-v5-c-check__description--Color: var(--pf-t--global--text--color--subtle);
|
|
9106
|
+
--pf-v5-c-check__label-required--MarginLeft: var(--pf-t--global--spacer--xs);
|
|
9107
|
+
--pf-v5-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
9108
|
+
--pf-v5-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
|
|
9109
|
+
}
|
|
9110
|
+
|
|
9111
|
+
.pf-v5-c-check {
|
|
9109
9112
|
display: grid;
|
|
9110
9113
|
grid-template-columns: auto 1fr;
|
|
9111
9114
|
grid-gap: var(--pf-v5-c-check--GridGap);
|
|
9112
|
-
|
|
9115
|
+
accent-color: var(--pf-v5-c-check--AccentColor);
|
|
9113
9116
|
}
|
|
9114
9117
|
.pf-v5-c-check.pf-m-standalone {
|
|
9115
9118
|
--pf-v5-c-check--GridGap: 0;
|
|
@@ -9119,7 +9122,6 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
9119
9122
|
|
|
9120
9123
|
.pf-v5-c-check__input {
|
|
9121
9124
|
align-self: start;
|
|
9122
|
-
-moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
|
|
9123
9125
|
transform: translateY(var(--pf-v5-c-check__input--TranslateY));
|
|
9124
9126
|
}
|
|
9125
9127
|
|
|
@@ -9138,7 +9140,6 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
9138
9140
|
|
|
9139
9141
|
.pf-v5-c-check__body {
|
|
9140
9142
|
grid-column: 2;
|
|
9141
|
-
margin-block-start: var(--pf-v5-c-check__body--MarginTop);
|
|
9142
9143
|
}
|
|
9143
9144
|
|
|
9144
9145
|
.pf-v5-c-check__label,
|
|
@@ -15210,105 +15211,104 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15210
15211
|
transform: translate(-50%, -50%);
|
|
15211
15212
|
}
|
|
15212
15213
|
|
|
15214
|
+
:root,
|
|
15213
15215
|
.pf-v5-c-form {
|
|
15214
|
-
--pf-v5-c-form--GridGap: var(--pf-
|
|
15215
|
-
--pf-v5-c-form__group--
|
|
15216
|
+
--pf-v5-c-form--GridGap: var(--pf-t--global--spacer--lg);
|
|
15217
|
+
--pf-v5-c-form__group--Gap: var(--pf-t--global--spacer--sm);
|
|
15218
|
+
--pf-v5-c-form__group--m-action--MarginTop: var(--pf-t--global--spacer--xl);
|
|
15216
15219
|
--pf-v5-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
|
|
15217
|
-
--pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-
|
|
15220
|
+
--pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--md);
|
|
15218
15221
|
--pf-v5-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
|
|
15219
15222
|
--pf-v5-c-form--m-limit-width--MaxWidth: 55rem;
|
|
15220
|
-
--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop: calc((((((var(--pf-
|
|
15221
|
-
--pf-v5-c-form__group-label--PaddingBottom: var(--pf-
|
|
15223
|
+
--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));
|
|
15224
|
+
--pf-v5-c-form__group-label--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
15222
15225
|
--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop: 0;
|
|
15223
|
-
--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-
|
|
15224
|
-
--pf-v5-c-form__label--FontSize: var(--pf-
|
|
15225
|
-
--pf-v5-c-form__label--LineHeight: var(--pf-
|
|
15226
|
-
--pf-v5-c-form__label--m-disabled--Color: var(--pf-
|
|
15226
|
+
--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)));
|
|
15227
|
+
--pf-v5-c-form__label--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
15228
|
+
--pf-v5-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
15229
|
+
--pf-v5-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
15227
15230
|
--pf-v5-c-form__label--hover--Cursor: pointer;
|
|
15228
15231
|
--pf-v5-c-form__label--m-disabled--hover--Cursor: not-allowed;
|
|
15229
|
-
--pf-v5-c-form__label-text--FontWeight: var(--pf-
|
|
15230
|
-
--pf-v5-c-form__label-required--MarginLeft: var(--pf-
|
|
15231
|
-
--pf-v5-c-form__label-required--FontSize: var(--pf-
|
|
15232
|
-
--pf-v5-c-form__label-required--Color: var(--pf-
|
|
15232
|
+
--pf-v5-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
15233
|
+
--pf-v5-c-form__label-required--MarginLeft: var(--pf-t--global--spacer--xs);
|
|
15234
|
+
--pf-v5-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
15235
|
+
--pf-v5-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
|
|
15233
15236
|
--pf-v5-c-form__group-label-help--BackgroundColor: transparent;
|
|
15234
|
-
--pf-v5-c-form__group-label-help--PaddingTop: var(--pf-
|
|
15235
|
-
--pf-v5-c-form__group-label-help--PaddingRight: var(--pf-
|
|
15236
|
-
--pf-v5-c-form__group-label-help--PaddingBottom: var(--pf-
|
|
15237
|
-
--pf-v5-c-form__group-label-help--PaddingLeft: var(--pf-
|
|
15237
|
+
--pf-v5-c-form__group-label-help--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
15238
|
+
--pf-v5-c-form__group-label-help--PaddingRight: var(--pf-t--global--spacer--xs);
|
|
15239
|
+
--pf-v5-c-form__group-label-help--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
15240
|
+
--pf-v5-c-form__group-label-help--PaddingLeft: var(--pf-t--global--spacer--xs);
|
|
15238
15241
|
--pf-v5-c-form__group-label-help--MarginTop: calc(var(--pf-v5-c-form__group-label-help--PaddingTop) * -1);
|
|
15239
15242
|
--pf-v5-c-form__group-label-help--MarginRight: calc(var(--pf-v5-c-form__group-label-help--PaddingRight) * -1);
|
|
15240
15243
|
--pf-v5-c-form__group-label-help--MarginBottom: calc(var(--pf-v5-c-form__group-label-help--PaddingBottom) * -1);
|
|
15241
|
-
--pf-v5-c-form__group-label-help--MarginLeft: calc(var(--pf-v5-c-form__group-label-help--PaddingLeft) * -1 + var(--pf-
|
|
15242
|
-
--pf-v5-c-form__group-label-help--FontSize: var(--pf-
|
|
15244
|
+
--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));
|
|
15245
|
+
--pf-v5-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
15243
15246
|
--pf-v5-c-form__group-label-help--TranslateY: 0.125rem;
|
|
15244
|
-
--pf-v5-c-form__group-label-help--Color: var(--pf-
|
|
15245
|
-
--pf-v5-c-form__group-label-help--hover--Color: var(--pf-
|
|
15246
|
-
--pf-v5-c-form__group-label-help--focus--Color: var(--pf-
|
|
15247
|
-
--pf-v5-c-form__group-label-info--MarginLeft: var(--pf-
|
|
15248
|
-
--pf-v5-c-form__group-label-info--FontSize: var(--pf-
|
|
15249
|
-
--pf-v5-c-form__group-control--m-inline--child--MarginRight: var(--pf-
|
|
15250
|
-
--pf-v5-c-form__group-control__helper-text--MarginBottom: var(--pf-
|
|
15251
|
-
--pf-v5-c-form__group-control--
|
|
15247
|
+
--pf-v5-c-form__group-label-help--Color: var(--pf-t--global--icon--color--regular);
|
|
15248
|
+
--pf-v5-c-form__group-label-help--hover--Color: var(--pf-t--global--icon--color--regular);
|
|
15249
|
+
--pf-v5-c-form__group-label-help--focus--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
15250
|
+
--pf-v5-c-form__group-label-info--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
15251
|
+
--pf-v5-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
15252
|
+
--pf-v5-c-form__group-control--m-inline--child--MarginRight: var(--pf-t--global--spacer--lg);
|
|
15253
|
+
--pf-v5-c-form__group-control__helper-text--MarginBottom: var(--pf-t--global--spacer--xs);
|
|
15254
|
+
--pf-v5-c-form__group-control--Gap: var(--pf-t--global--spacer--sm);
|
|
15255
|
+
--pf-v5-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--sm);
|
|
15252
15256
|
--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));
|
|
15253
|
-
--pf-v5-c-form__actions--child--MarginTop: var(--pf-
|
|
15254
|
-
--pf-v5-c-form__actions--child--MarginRight: var(--pf-
|
|
15255
|
-
--pf-v5-c-form__actions--child--MarginBottom: var(--pf-
|
|
15256
|
-
--pf-v5-c-form__actions--child--MarginLeft: var(--pf-
|
|
15257
|
+
--pf-v5-c-form__actions--child--MarginTop: var(--pf-t--global--spacer--sm);
|
|
15258
|
+
--pf-v5-c-form__actions--child--MarginRight: var(--pf-t--global--spacer--sm);
|
|
15259
|
+
--pf-v5-c-form__actions--child--MarginBottom: var(--pf-t--global--spacer--sm);
|
|
15260
|
+
--pf-v5-c-form__actions--child--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
15257
15261
|
--pf-v5-c-form__actions--MarginTop: calc(var(--pf-v5-c-form__actions--child--MarginTop) * -1);
|
|
15258
15262
|
--pf-v5-c-form__actions--MarginRight: calc(var(--pf-v5-c-form__actions--child--MarginRight) * -1);
|
|
15259
15263
|
--pf-v5-c-form__actions--MarginBottom: calc(var(--pf-v5-c-form__actions--child--MarginBottom) * -1);
|
|
15260
15264
|
--pf-v5-c-form__actions--MarginLeft: calc(var(--pf-v5-c-form__actions--child--MarginLeft) * -1);
|
|
15261
|
-
--pf-v5-c-form__helper-text--MarginTop--base: var(--pf-
|
|
15265
|
+
--pf-v5-c-form__helper-text--MarginTop--base: var(--pf-t--global--spacer--xs);
|
|
15262
15266
|
--pf-v5-c-form__helper-text--MarginTop: var(--pf-v5-c-form__helper-text--MarginTop--base);
|
|
15263
|
-
--pf-v5-c-
|
|
15264
|
-
--pf-v5-c-
|
|
15265
|
-
--pf-v5-c-
|
|
15266
|
-
--pf-v5-c-
|
|
15267
|
-
--pf-v5-c-
|
|
15268
|
-
--pf-v5-c-
|
|
15269
|
-
--pf-v5-c-form__helper-text--m-error--Color: var(--pf-v5-global--danger-color--100);
|
|
15270
|
-
--pf-v5-c-form__section--MarginTop: var(--pf-v5-global--spacer--xl);
|
|
15271
|
-
--pf-v5-c-form__section--Gap: var(--pf-v5-global--gutter--md);
|
|
15272
|
-
--pf-v5-c-form__section-title--FontSize: var(--pf-v5-global--FontSize--lg);
|
|
15273
|
-
--pf-v5-c-form__section-title--FontWeight: var(--pf-v5-global--FontWeight--bold);
|
|
15274
|
-
--pf-v5-c-form__section-title--MarginBottom: calc(var(--pf-v5-global--spacer--sm) * -1);
|
|
15275
|
-
--pf-v5-c-form__field-group--border-width-base: var(--pf-v5-global--BorderWidth--sm);
|
|
15267
|
+
--pf-v5-c-form__section--MarginTop: var(--pf-t--global--spacer--xl);
|
|
15268
|
+
--pf-v5-c-form__section--Gap: var(--pf-t--global--spacer--md);
|
|
15269
|
+
--pf-v5-c-form__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
15270
|
+
--pf-v5-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
15271
|
+
--pf-v5-c-form__section-title--MarginBottom: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
15272
|
+
--pf-v5-c-form__field-group--border-width-base: var(--pf-t--global--border--width--divider--default);
|
|
15276
15273
|
--pf-v5-c-form__field-group--BorderTopWidth: var(--pf-v5-c-form__field-group--border-width-base);
|
|
15277
|
-
--pf-v5-c-form__field-group--BorderTopColor: var(--pf-
|
|
15274
|
+
--pf-v5-c-form__field-group--BorderTopColor: var(--pf-t--global--border--color--default);
|
|
15278
15275
|
--pf-v5-c-form__field-group--BorderBottomWidth: var(--pf-v5-c-form__field-group--border-width-base);
|
|
15279
|
-
--pf-v5-c-form__field-group--BorderBottomColor: var(--pf-
|
|
15276
|
+
--pf-v5-c-form__field-group--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
15280
15277
|
--pf-v5-c-form__field-group--field-group--MarginTop: calc(var(--pf-v5-c-form--GridGap) * -1);
|
|
15281
|
-
--pf-v5-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-
|
|
15282
|
-
--pf-v5-c-form__field-group-toggle--PaddingTop: var(--pf-
|
|
15283
|
-
--pf-v5-c-form__field-group-toggle--PaddingRight: var(--pf-
|
|
15284
|
-
--pf-v5-c-form__field-group__field-group__field-group-toggle--PaddingTop: var(--pf-
|
|
15285
|
-
--pf-v5-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-
|
|
15278
|
+
--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));
|
|
15279
|
+
--pf-v5-c-form__field-group-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
15280
|
+
--pf-v5-c-form__field-group-toggle--PaddingRight: var(--pf-t--global--spacer--xs);
|
|
15281
|
+
--pf-v5-c-form__field-group__field-group__field-group-toggle--PaddingTop: var(--pf-t--global--spacer--md);
|
|
15282
|
+
--pf-v5-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
|
|
15286
15283
|
--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);
|
|
15287
|
-
--pf-v5-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-
|
|
15288
|
-
--pf-v5-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-
|
|
15284
|
+
--pf-v5-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-t--global--spacer--form-element) * -1);
|
|
15285
|
+
--pf-v5-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-t--global--spacer--form-element) * -1);
|
|
15289
15286
|
--pf-v5-c-form__field-group-toggle-icon--Transition: var(--pf-v5-global--Transition);
|
|
15290
|
-
--pf-v5-c-form__field-group-toggle-icon--MinWidth: var(--pf-
|
|
15287
|
+
--pf-v5-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
|
|
15291
15288
|
--pf-v5-c-form__field-group-toggle-icon--Rotate: 0;
|
|
15292
15289
|
--pf-v5-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
|
|
15293
|
-
--pf-v5-c-form__field-group-header--PaddingTop: var(--pf-
|
|
15294
|
-
--pf-v5-c-form__field-group-header--PaddingBottom: var(--pf-
|
|
15290
|
+
--pf-v5-c-form__field-group-header--PaddingTop: var(--pf-t--global--spacer--md);
|
|
15291
|
+
--pf-v5-c-form__field-group-header--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
15295
15292
|
--pf-v5-c-form__field-group-header--GridColumn: 1 / 3;
|
|
15296
|
-
--pf-v5-c-form__field-group__field-group__field-group-header--PaddingTop: var(--pf-
|
|
15297
|
-
--pf-v5-c-form__field-group__field-group__field-group-header--PaddingBottom: var(--pf-
|
|
15293
|
+
--pf-v5-c-form__field-group__field-group__field-group-header--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
15294
|
+
--pf-v5-c-form__field-group__field-group__field-group-header--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
15298
15295
|
--pf-v5-c-form__field-group-toggle--field-group-header--GridColumn: 2 / 3;
|
|
15299
15296
|
--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);
|
|
15300
|
-
--pf-v5-c-form__field-group-header-description--MarginTop: var(--pf-
|
|
15301
|
-
--pf-v5-c-form__field-group-header-description--Color: var(--pf-
|
|
15302
|
-
--pf-v5-c-form__field-group-header-actions--MarginTop: calc(var(--pf-
|
|
15303
|
-
--pf-v5-c-form__field-group-header-actions--MarginBottom: calc(var(--pf-
|
|
15304
|
-
--pf-v5-c-form__field-group-header-actions--MarginLeft: var(--pf-
|
|
15305
|
-
--pf-v5-c-form__field-group-body--PaddingTop: var(--pf-
|
|
15306
|
-
--pf-v5-c-form__field-group-body--PaddingBottom: var(--pf-
|
|
15297
|
+
--pf-v5-c-form__field-group-header-description--MarginTop: var(--pf-t--global--spacer--xs);
|
|
15298
|
+
--pf-v5-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
|
|
15299
|
+
--pf-v5-c-form__field-group-header-actions--MarginTop: calc(var(--pf-t--global--spacer--form-element) * -1);
|
|
15300
|
+
--pf-v5-c-form__field-group-header-actions--MarginBottom: calc(var(--pf-t--global--spacer--form-element) * -1);
|
|
15301
|
+
--pf-v5-c-form__field-group-header-actions--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
15302
|
+
--pf-v5-c-form__field-group-body--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
15303
|
+
--pf-v5-c-form__field-group-body--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
15307
15304
|
--pf-v5-c-form__field-group-body--Gap: var(--pf-v5-c-form--GridGap);
|
|
15308
15305
|
--pf-v5-c-form__field-group-body--GridColumn: 2 / 3;
|
|
15309
15306
|
--pf-v5-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
|
|
15310
15307
|
--pf-v5-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
|
|
15311
15308
|
--pf-v5-c-form__field-group-body__field-group--last-child--MarginBottom: calc(var(--pf-v5-c-form__field-group-body--PaddingBottom) * -1);
|
|
15309
|
+
}
|
|
15310
|
+
|
|
15311
|
+
.pf-v5-c-form {
|
|
15312
15312
|
display: grid;
|
|
15313
15313
|
gap: var(--pf-v5-c-form--GridGap);
|
|
15314
15314
|
}
|
|
@@ -15460,6 +15460,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15460
15460
|
}
|
|
15461
15461
|
|
|
15462
15462
|
.pf-v5-c-form__group {
|
|
15463
|
+
display: flex;
|
|
15464
|
+
flex-direction: column;
|
|
15465
|
+
gap: var(--pf-v5-c-form__group--Gap);
|
|
15463
15466
|
min-width: 0;
|
|
15464
15467
|
}
|
|
15465
15468
|
.pf-v5-c-form__group.pf-m-action {
|
|
@@ -15483,7 +15486,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15483
15486
|
|
|
15484
15487
|
.pf-v5-c-form__group-label {
|
|
15485
15488
|
--pf-v5-c-form__helper-text--MarginTop: 0;
|
|
15486
|
-
padding-block-end: var(--pf-v5-c-form__group-label--PaddingBottom);
|
|
15487
15489
|
}
|
|
15488
15490
|
.pf-v5-c-form__group-label.pf-m-info {
|
|
15489
15491
|
display: flex;
|
|
@@ -15575,17 +15577,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15575
15577
|
|
|
15576
15578
|
.pf-v5-c-form__helper-text {
|
|
15577
15579
|
margin-block-start: var(--pf-v5-c-form__helper-text--MarginTop);
|
|
15578
|
-
font-size: var(--pf-v5-c-form__helper-text--FontSize);
|
|
15579
|
-
color: var(--pf-v5-c-form__helper-text--Color);
|
|
15580
|
-
}
|
|
15581
|
-
.pf-v5-c-form__helper-text.pf-m-error {
|
|
15582
|
-
--pf-v5-c-form__helper-text--Color: var(--pf-v5-c-form__helper-text--m-error--Color);
|
|
15583
|
-
}
|
|
15584
|
-
.pf-v5-c-form__helper-text.pf-m-success {
|
|
15585
|
-
--pf-v5-c-form__helper-text--Color: var(--pf-v5-c-form__helper-text--m-success--Color);
|
|
15586
|
-
}
|
|
15587
|
-
.pf-v5-c-form__helper-text.pf-m-warning {
|
|
15588
|
-
--pf-v5-c-form__helper-text--Color: var(--pf-v5-c-form__helper-text--m-warning--Color);
|
|
15589
15580
|
}
|
|
15590
15581
|
.pf-v5-c-form__helper-text.pf-m-inactive {
|
|
15591
15582
|
display: none;
|
|
@@ -15595,11 +15586,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15595
15586
|
opacity: 0;
|
|
15596
15587
|
}
|
|
15597
15588
|
|
|
15598
|
-
.pf-v5-c-form__helper-text-icon {
|
|
15599
|
-
margin-inline-end: var(--pf-v5-c-form__helper-text-icon--MarginRight);
|
|
15600
|
-
font-size: var(--pf-v5-c-form__helper-text-icon--FontSize);
|
|
15601
|
-
}
|
|
15602
|
-
|
|
15603
15589
|
.pf-v5-c-form__fieldset {
|
|
15604
15590
|
border: 0;
|
|
15605
15591
|
}
|
|
@@ -15725,91 +15711,85 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15725
15711
|
margin-block-end: var(--pf-v5-c-form__field-group-body__field-group--last-child--MarginBottom);
|
|
15726
15712
|
}
|
|
15727
15713
|
|
|
15728
|
-
:
|
|
15729
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
15730
|
-
}
|
|
15731
|
-
|
|
15732
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-form {
|
|
15733
|
-
--pf-v5-c-form__helper-text--m-success--Color: var(--pf-v5-global--success-color--100);
|
|
15734
|
-
}
|
|
15735
|
-
|
|
15714
|
+
:root,
|
|
15736
15715
|
.pf-v5-c-form-control {
|
|
15737
|
-
--pf-v5-c-form-control--ColumnGap: var(--pf-
|
|
15738
|
-
--pf-v5-c-form-control--Color: var(--pf-
|
|
15739
|
-
--pf-v5-c-form-control--FontSize: var(--pf-
|
|
15740
|
-
--pf-v5-c-form-control--LineHeight: var(--pf-
|
|
15716
|
+
--pf-v5-c-form-control--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
15717
|
+
--pf-v5-c-form-control--Color: var(--pf-t--global--text--color--regular);
|
|
15718
|
+
--pf-v5-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
|
|
15719
|
+
--pf-v5-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
15741
15720
|
--pf-v5-c-form-control--Resize: none;
|
|
15742
|
-
--pf-v5-c-form-control--OutlineOffset: -
|
|
15743
|
-
--pf-v5-c-form-control--
|
|
15744
|
-
--pf-v5-c-form-control--before--
|
|
15745
|
-
--pf-v5-c-form-control--before--
|
|
15746
|
-
--pf-v5-c-form-control--before--
|
|
15747
|
-
--pf-v5-c-form-control--
|
|
15748
|
-
--pf-v5-c-form-control--
|
|
15749
|
-
--pf-v5-c-form-control--
|
|
15750
|
-
--pf-v5-c-form-control--
|
|
15751
|
-
--pf-v5-c-form-control--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
15752
|
-
--pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
|
|
15753
|
-
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
15721
|
+
--pf-v5-c-form-control--OutlineOffset: -6px;
|
|
15722
|
+
--pf-v5-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
15723
|
+
--pf-v5-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15724
|
+
--pf-v5-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
15725
|
+
--pf-v5-c-form-control--before--BorderRadius: var(--pf-v5-c-form-control--BorderRadius);
|
|
15726
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15727
|
+
--pf-v5-c-form-control--after--BorderColor: transparent;
|
|
15728
|
+
--pf-v5-c-form-control--after--BorderRadius: var(--pf-v5-c-form-control--BorderRadius);
|
|
15729
|
+
--pf-v5-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
15754
15730
|
--pf-v5-c-form-control--Width: 100%;
|
|
15755
|
-
--pf-v5-c-form-control--inset--base: var(--pf-
|
|
15756
|
-
--pf-v5-c-form-control--PaddingTop: var(--pf-
|
|
15757
|
-
--pf-v5-c-form-control--PaddingBottom: var(--pf-
|
|
15731
|
+
--pf-v5-c-form-control--inset--base: var(--pf-t--global--spacer--md);
|
|
15732
|
+
--pf-v5-c-form-control--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
15733
|
+
--pf-v5-c-form-control--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
15758
15734
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--inset--base);
|
|
15759
15735
|
--pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control--inset--base);
|
|
15760
|
-
--pf-v5-c-form-control--hover--after--
|
|
15761
|
-
--pf-v5-c-form-control--
|
|
15762
|
-
--pf-v5-c-form-control--focus--after--
|
|
15763
|
-
--pf-v5-c-form-control--
|
|
15764
|
-
--pf-v5-c-form-control--m-expanded--after--
|
|
15765
|
-
--pf-v5-c-form-control--m-
|
|
15766
|
-
--pf-v5-c-form-control--m-placeholder--
|
|
15767
|
-
--pf-v5-c-form-control--m-
|
|
15768
|
-
--pf-v5-c-form-control--m-disabled--
|
|
15736
|
+
--pf-v5-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
|
|
15737
|
+
--pf-v5-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
15738
|
+
--pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--active);
|
|
15739
|
+
--pf-v5-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--active);
|
|
15740
|
+
--pf-v5-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--active);
|
|
15741
|
+
--pf-v5-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--active);
|
|
15742
|
+
--pf-v5-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
15743
|
+
--pf-v5-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
|
|
15744
|
+
--pf-v5-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
15745
|
+
--pf-v5-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
15769
15746
|
--pf-v5-c-form-control--m-disabled--after--BorderColor: transparent;
|
|
15770
|
-
--pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-
|
|
15771
|
-
--pf-v5-c-form-control--m-readonly--
|
|
15772
|
-
--pf-v5-c-form-control--m-readonly--
|
|
15773
|
-
--pf-v5-c-form-control--m-readonly--focus--after--
|
|
15747
|
+
--pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
15748
|
+
--pf-v5-c-form-control--m-readonly--BorderColor: transparent;
|
|
15749
|
+
--pf-v5-c-form-control--m-readonly--hover--after--BorderColor: revert;
|
|
15750
|
+
--pf-v5-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--active);
|
|
15751
|
+
--pf-v5-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--active);
|
|
15774
15752
|
--pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
|
|
15775
15753
|
--pf-v5-c-form-control--m-readonly--m-plain--inset--base: 0;
|
|
15776
15754
|
--pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
|
|
15777
|
-
--pf-v5-c-form-control--m-success--after--
|
|
15778
|
-
--pf-v5-c-form-control--m-success--after--
|
|
15779
|
-
--pf-v5-c-form-control--m-success--PaddingRight: var(--pf-
|
|
15780
|
-
--pf-v5-c-form-control--m-warning--after--
|
|
15781
|
-
--pf-v5-c-form-control--m-warning--after--
|
|
15782
|
-
--pf-v5-c-form-control--m-warning--PaddingRight: var(--pf-
|
|
15783
|
-
--pf-v5-c-form-control--m-error--after--
|
|
15784
|
-
--pf-v5-c-form-control--m-error--after--
|
|
15785
|
-
--pf-v5-c-form-control--m-error--PaddingRight: var(--pf-
|
|
15755
|
+
--pf-v5-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15756
|
+
--pf-v5-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
15757
|
+
--pf-v5-c-form-control--m-success--PaddingRight: var(--pf-t--global--spacer--xl);
|
|
15758
|
+
--pf-v5-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15759
|
+
--pf-v5-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
15760
|
+
--pf-v5-c-form-control--m-warning--PaddingRight: var(--pf-t--global--spacer--xl);
|
|
15761
|
+
--pf-v5-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15762
|
+
--pf-v5-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
15763
|
+
--pf-v5-c-form-control--m-error--PaddingRight: var(--pf-t--global--spacer--xl);
|
|
15786
15764
|
--pf-v5-c-form-control--m-error--icon--width: var(--pf-v5-c-form-control--FontSize);
|
|
15787
15765
|
--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));
|
|
15788
15766
|
--pf-v5-c-form-control--m-icon--icon--width: var(--pf-v5-c-form-control--FontSize);
|
|
15789
|
-
--pf-v5-c-form-control--m-icon--icon--spacer: var(--pf-
|
|
15767
|
+
--pf-v5-c-form-control--m-icon--icon--spacer: var(--pf-t--global--spacer--sm);
|
|
15790
15768
|
--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));
|
|
15791
|
-
--pf-v5-c-form-control__select--PaddingRight: var(--pf-
|
|
15792
|
-
--pf-v5-c-form-control__select--PaddingLeft: var(--pf-
|
|
15793
|
-
--pf-v5-c-form-control__select--m-success--m-status--PaddingRight: var(--pf-
|
|
15794
|
-
--pf-v5-c-form-control__select--m-warning--m-status--PaddingRight: var(--pf-
|
|
15795
|
-
--pf-v5-c-form-control__select--m-error--m-status--PaddingRight: var(--pf-
|
|
15769
|
+
--pf-v5-c-form-control__select--PaddingRight: var(--pf-t--global--spacer--md);
|
|
15770
|
+
--pf-v5-c-form-control__select--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
15771
|
+
--pf-v5-c-form-control__select--m-success--m-status--PaddingRight: var(--pf-t--global--spacer--3xl);
|
|
15772
|
+
--pf-v5-c-form-control__select--m-warning--m-status--PaddingRight: var(--pf-t--global--spacer--3xl);
|
|
15773
|
+
--pf-v5-c-form-control__select--m-error--m-status--PaddingRight: var(--pf-t--global--spacer--3xl);
|
|
15796
15774
|
--pf-v5-c-form-control--textarea--Width: var(--pf-v5-c-form-control--Width);
|
|
15797
15775
|
--pf-v5-c-form-control--textarea--Height: auto;
|
|
15798
|
-
--pf-v5-c-form-control__icon--PaddingTop: var(--pf-
|
|
15799
|
-
--pf-v5-c-form-control__icon--Color: var(--pf-
|
|
15800
|
-
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-
|
|
15801
|
-
--pf-v5-c-form-control--m-success__icon--m-status--Color: var(--pf-
|
|
15802
|
-
--pf-v5-c-form-control--m-warning__icon--m-status--Color: var(--pf-
|
|
15803
|
-
--pf-v5-c-form-control--m-error__icon--m-status--Color: var(--pf-
|
|
15804
|
-
--pf-v5-c-form-control__utilities--Gap: var(--pf-
|
|
15776
|
+
--pf-v5-c-form-control__icon--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
15777
|
+
--pf-v5-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
15778
|
+
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
|
|
15779
|
+
--pf-v5-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
15780
|
+
--pf-v5-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
15781
|
+
--pf-v5-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
15782
|
+
--pf-v5-c-form-control__utilities--Gap: var(--pf-t--global--spacer--sm);
|
|
15805
15783
|
--pf-v5-c-form-control__utilities--PaddingTop: var(--pf-v5-c-form-control--inset--base);
|
|
15806
15784
|
--pf-v5-c-form-control__utilities--PaddingRight: var(--pf-v5-c-form-control--inset--base);
|
|
15807
|
-
--pf-v5-c-form-control__toggle-icon--PaddingTop: var(--pf-
|
|
15785
|
+
--pf-v5-c-form-control__toggle-icon--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
15808
15786
|
--pf-v5-c-form-control__toggle-icon--PaddingRight: var(--pf-v5-c-form-control--inset--base);
|
|
15809
15787
|
--pf-v5-c-form-control__toggle-icon--PaddingLeft: var(--pf-v5-c-form-control--inset--base);
|
|
15810
|
-
--pf-v5-c-form-control__toggle-icon--Color: var(--pf-
|
|
15811
|
-
--pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-
|
|
15812
|
-
|
|
15788
|
+
--pf-v5-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
15789
|
+
--pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
15790
|
+
}
|
|
15791
|
+
|
|
15792
|
+
.pf-v5-c-form-control {
|
|
15813
15793
|
position: relative;
|
|
15814
15794
|
display: grid;
|
|
15815
15795
|
grid-template-columns: 1fr auto;
|
|
@@ -15820,6 +15800,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15820
15800
|
line-height: var(--pf-v5-c-form-control--LineHeight);
|
|
15821
15801
|
resize: var(--pf-v5-c-form-control--Resize);
|
|
15822
15802
|
background-color: var(--pf-v5-c-form-control--BackgroundColor);
|
|
15803
|
+
border-radius: var(--pf-v5-c-form-control--BorderRadius);
|
|
15823
15804
|
}
|
|
15824
15805
|
.pf-v5-c-form-control::before, .pf-v5-c-form-control::after {
|
|
15825
15806
|
position: absolute;
|
|
@@ -15828,18 +15809,14 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15828
15809
|
content: "";
|
|
15829
15810
|
}
|
|
15830
15811
|
.pf-v5-c-form-control::before {
|
|
15812
|
+
border-color: var(--pf-v5-c-form-control--before--BorderColor);
|
|
15831
15813
|
border-style: var(--pf-v5-c-form-control--before--BorderStyle, solid);
|
|
15832
|
-
border-
|
|
15833
|
-
border-
|
|
15834
|
-
border-block-end-color: var(--pf-v5-c-form-control--before--BorderBottomColor);
|
|
15835
|
-
border-block-end-width: var(--pf-v5-c-form-control--before--BorderBottomWidth);
|
|
15836
|
-
border-inline-start-color: var(--pf-v5-c-form-control--before--BorderLeftColor);
|
|
15837
|
-
border-inline-start-width: var(--pf-v5-c-form-control--before--BorderLeftWidth);
|
|
15838
|
-
border-inline-end-color: var(--pf-v5-c-form-control--before--BorderRightColor);
|
|
15839
|
-
border-inline-end-width: var(--pf-v5-c-form-control--before--BorderRightWidth);
|
|
15814
|
+
border-width: var(--pf-v5-c-form-control--before--BorderWidth);
|
|
15815
|
+
border-radius: var(--pf-v5-c-form-control--before--BorderRadius);
|
|
15840
15816
|
}
|
|
15841
15817
|
.pf-v5-c-form-control::after {
|
|
15842
|
-
border
|
|
15818
|
+
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);
|
|
15819
|
+
border-radius: var(--pf-v5-c-form-control--before--BorderRadius);
|
|
15843
15820
|
}
|
|
15844
15821
|
.pf-v5-c-form-control > :is(input, select, textarea) {
|
|
15845
15822
|
grid-row: 1/2;
|
|
@@ -15851,6 +15828,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15851
15828
|
color: var(--pf-v5-c-form-control--Color);
|
|
15852
15829
|
background-color: transparent;
|
|
15853
15830
|
border: none;
|
|
15831
|
+
border-radius: var(--pf-v5-c-form-control--BorderRadius);
|
|
15854
15832
|
-moz-appearance: none;
|
|
15855
15833
|
-webkit-appearance: none;
|
|
15856
15834
|
}
|
|
@@ -15865,11 +15843,15 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15865
15843
|
}
|
|
15866
15844
|
.pf-v5-c-form-control.pf-m-readonly {
|
|
15867
15845
|
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--m-readonly--BackgroundColor);
|
|
15846
|
+
--pf-v5-c-form-control--BorderColor: var(--pf-v5-c-form-control--m-readonly--BorderColor);
|
|
15847
|
+
}
|
|
15848
|
+
.pf-v5-c-form-control.pf-m-readonly:hover {
|
|
15849
|
+
--pf-v5-c-form-control--hover--after--BorderColor: var(--pf-v5-c-form-control--m-readonly--hover--after--BorderColor);
|
|
15868
15850
|
}
|
|
15869
15851
|
.pf-v5-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error) {
|
|
15870
|
-
--pf-v5-c-form-control--hover--after--
|
|
15871
|
-
--pf-v5-c-form-control--focus--after--
|
|
15872
|
-
--pf-v5-c-form-control--focus--after--
|
|
15852
|
+
--pf-v5-c-form-control--hover--after--BorderColor: var(--pf-v5-c-form-control--m-readonly--hover--after--BorderColor);
|
|
15853
|
+
--pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-v5-c-form-control--m-readonly--focus--after--BorderWidth);
|
|
15854
|
+
--pf-v5-c-form-control--focus--after--BorderColor: var(--pf-v5-c-form-control--m-readonly--focus--after--BorderColor);
|
|
15873
15855
|
}
|
|
15874
15856
|
.pf-v5-c-form-control.pf-m-readonly.pf-m-plain {
|
|
15875
15857
|
--pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor);
|
|
@@ -15879,15 +15861,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15879
15861
|
--pf-v5-c-form-control--OutlineOffset: var(--pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset);
|
|
15880
15862
|
}
|
|
15881
15863
|
.pf-v5-c-form-control:hover {
|
|
15882
|
-
--pf-v5-c-form-control--after--
|
|
15883
|
-
|
|
15884
|
-
.pf-v5-c-form-control:focus-within {
|
|
15885
|
-
--pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-c-form-control--focus--after--BorderBottomColor);
|
|
15886
|
-
--pf-v5-c-form-control--after--BorderBottomWidth: var(--pf-v5-c-form-control--focus--after--BorderBottomWidth);
|
|
15864
|
+
--pf-v5-c-form-control--after--BorderColor: var(--pf-v5-c-form-control--hover--after--BorderColor);
|
|
15865
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-v5-c-form-control--hover--after--BorderWidth);
|
|
15887
15866
|
}
|
|
15888
15867
|
.pf-v5-c-form-control.pf-m-expanded {
|
|
15889
|
-
--pf-v5-c-form-control--after--
|
|
15890
|
-
--pf-v5-c-form-control--after--
|
|
15868
|
+
--pf-v5-c-form-control--after--BorderColor: var(--pf-v5-c-form-control--m-expanded--after--BorderColor);
|
|
15869
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-v5-c-form-control--m-expanded--after--BorderWidth);
|
|
15891
15870
|
}
|
|
15892
15871
|
.pf-v5-c-form-control.pf-m-disabled {
|
|
15893
15872
|
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--m-disabled--BackgroundColor);
|
|
@@ -15900,30 +15879,30 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15900
15879
|
}
|
|
15901
15880
|
.pf-v5-c-form-control.pf-m-error {
|
|
15902
15881
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-error--PaddingRight);
|
|
15903
|
-
--pf-v5-c-form-control--after--
|
|
15882
|
+
--pf-v5-c-form-control--after--BorderColor: var(--pf-v5-c-form-control--m-error--after--BorderColor);
|
|
15904
15883
|
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-error__icon--m-status--Color);
|
|
15905
15884
|
--pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-error--m-status--PaddingRight);
|
|
15906
|
-
--pf-v5-c-form-control--after--
|
|
15885
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-v5-c-form-control--m-error--after--BorderWidth);
|
|
15907
15886
|
}
|
|
15908
15887
|
.pf-v5-c-form-control.pf-m-error.pf-m-icon {
|
|
15909
15888
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
|
|
15910
15889
|
}
|
|
15911
15890
|
.pf-v5-c-form-control.pf-m-success {
|
|
15912
15891
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-success--PaddingRight);
|
|
15913
|
-
--pf-v5-c-form-control--after--
|
|
15892
|
+
--pf-v5-c-form-control--after--BorderColor: var(--pf-v5-c-form-control--m-success--after--BorderColor);
|
|
15914
15893
|
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-success__icon--m-status--Color);
|
|
15915
15894
|
--pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-success--m-status--PaddingRight);
|
|
15916
|
-
--pf-v5-c-form-control--after--
|
|
15895
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-v5-c-form-control--m-success--after--BorderWidth);
|
|
15917
15896
|
}
|
|
15918
15897
|
.pf-v5-c-form-control.pf-m-success.pf-m-icon {
|
|
15919
15898
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
|
|
15920
15899
|
}
|
|
15921
15900
|
.pf-v5-c-form-control.pf-m-warning {
|
|
15922
15901
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-warning--PaddingRight);
|
|
15923
|
-
--pf-v5-c-form-control--after--
|
|
15902
|
+
--pf-v5-c-form-control--after--BorderColor: var(--pf-v5-c-form-control--m-warning--after--BorderColor);
|
|
15924
15903
|
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-warning__icon--m-status--Color);
|
|
15925
15904
|
--pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-warning--m-status--PaddingRight);
|
|
15926
|
-
--pf-v5-c-form-control--after--
|
|
15905
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-v5-c-form-control--m-warning--after--BorderWidth);
|
|
15927
15906
|
}
|
|
15928
15907
|
.pf-v5-c-form-control.pf-m-warning.pf-m-icon {
|
|
15929
15908
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
|
|
@@ -15997,26 +15976,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15997
15976
|
pointer-events: none;
|
|
15998
15977
|
}
|
|
15999
15978
|
|
|
16000
|
-
|
|
16001
|
-
--pf-v5-c-
|
|
16002
|
-
}
|
|
16003
|
-
|
|
16004
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-form-control {
|
|
16005
|
-
--pf-v5-c-form-control--before--BorderTopColor: transparent;
|
|
16006
|
-
--pf-v5-c-form-control--before--BorderRightColor: transparent;
|
|
16007
|
-
--pf-v5-c-form-control--before--BorderLeftColor: transparent;
|
|
16008
|
-
--pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
16009
|
-
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
16010
|
-
--pf-v5-c-form-control--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
16011
|
-
--pf-v5-c-form-control--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
16012
|
-
--pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
16013
|
-
--pf-v5-c-form-control--m-readonly--hover--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
16014
|
-
--pf-v5-c-form-control--m-readonly--focus--after--BorderBottomColor:var(--pf-v5-global--BorderColor--400);
|
|
16015
|
-
--pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--300);
|
|
16016
|
-
color: var(--pf-v5-global--Color--100);
|
|
16017
|
-
}
|
|
16018
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
|
|
16019
|
-
filter: invert(1);
|
|
15979
|
+
select ~ .pf-v5-c-form-control__utilities {
|
|
15980
|
+
--pf-v5-c-form-control__utilities--PaddingRight: 0;
|
|
16020
15981
|
}
|
|
16021
15982
|
|
|
16022
15983
|
:root {
|
|
@@ -20810,76 +20771,82 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20810
20771
|
--pf-v5-c-notification-badge--m-attention--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--m-expanded--BackgroundColor);
|
|
20811
20772
|
}
|
|
20812
20773
|
|
|
20774
|
+
:root,
|
|
20813
20775
|
.pf-v5-c-notification-drawer {
|
|
20814
|
-
--pf-v5-c-notification-drawer--BackgroundColor: var(--pf-
|
|
20815
|
-
--pf-v5-c-notification-drawer__header--PaddingTop: var(--pf-
|
|
20816
|
-
--pf-v5-c-notification-drawer__header--PaddingRight: var(--pf-
|
|
20817
|
-
--pf-v5-c-notification-drawer__header--PaddingBottom: var(--pf-
|
|
20818
|
-
--pf-v5-c-notification-drawer__header--PaddingLeft: var(--pf-
|
|
20819
|
-
--pf-v5-c-notification-drawer__header--BackgroundColor: var(--pf-
|
|
20820
|
-
--pf-v5-c-notification-drawer__header--
|
|
20821
|
-
--pf-v5-c-notification-drawer__header--
|
|
20822
|
-
--pf-v5-c-notification-drawer__header-title--
|
|
20823
|
-
--pf-v5-c-notification-drawer__header-
|
|
20824
|
-
--pf-v5-c-notification-
|
|
20825
|
-
--pf-v5-c-notification-
|
|
20826
|
-
--pf-v5-c-notification-
|
|
20827
|
-
--pf-v5-c-notification-
|
|
20828
|
-
--pf-v5-c-notification-
|
|
20829
|
-
--pf-v5-c-notification-
|
|
20830
|
-
--pf-v5-c-notification-
|
|
20831
|
-
--pf-v5-c-notification-
|
|
20832
|
-
--pf-v5-c-notification-drawer__list
|
|
20833
|
-
--pf-v5-c-notification-drawer__list
|
|
20834
|
-
--pf-v5-c-notification-drawer__list
|
|
20835
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20836
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20837
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20838
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20839
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20840
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20841
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20842
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20843
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20844
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20845
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20846
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20847
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20848
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20849
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20850
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20851
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20852
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20853
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20854
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20855
|
-
--pf-v5-c-notification-drawer__list-item--m-hoverable--hover--
|
|
20856
|
-
--pf-v5-c-notification-drawer__list-item-header--MarginBottom: var(--pf-
|
|
20776
|
+
--pf-v5-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
20777
|
+
--pf-v5-c-notification-drawer__header--PaddingTop: var(--pf-t--global--spacer--md);
|
|
20778
|
+
--pf-v5-c-notification-drawer__header--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
20779
|
+
--pf-v5-c-notification-drawer__header--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
20780
|
+
--pf-v5-c-notification-drawer__header--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
20781
|
+
--pf-v5-c-notification-drawer__header--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
20782
|
+
--pf-v5-c-notification-drawer__header--ZIndex: var(--pf-t--global--Zindex--sm);
|
|
20783
|
+
--pf-v5-c-notification-drawer__header-title--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
20784
|
+
--pf-v5-c-notification-drawer__header-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
20785
|
+
--pf-v5-c-notification-drawer__header-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
20786
|
+
--pf-v5-c-notification-drawer__header-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
20787
|
+
--pf-v5-c-notification-drawer__header-status--MarginLeft: var(--pf-t--global--spacer--md);
|
|
20788
|
+
--pf-v5-c-notification-drawer__header-status--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
20789
|
+
--pf-v5-c-notification-drawer__header-status--FontSize: var(--pf-t--global--font--size--body--default);
|
|
20790
|
+
--pf-v5-c-notification-drawer__header-status--Color: var(--pf-t--global--text--color--subtle);
|
|
20791
|
+
--pf-v5-c-notification-drawer__body--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
20792
|
+
--pf-v5-c-notification-drawer__body--PaddingBlockStart: 0;
|
|
20793
|
+
--pf-v5-c-notification-drawer__body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
20794
|
+
--pf-v5-c-notification-drawer__list--Gap: var(--pf-t--global--spacer--sm);
|
|
20795
|
+
--pf-v5-c-notification-drawer__list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
20796
|
+
--pf-v5-c-notification-drawer__list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
20797
|
+
--pf-v5-c-notification-drawer__list-item--PaddingTop: var(--pf-t--global--spacer--md);
|
|
20798
|
+
--pf-v5-c-notification-drawer__list-item--PaddingRight: var(--pf-t--global--spacer--md);
|
|
20799
|
+
--pf-v5-c-notification-drawer__list-item--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
20800
|
+
--pf-v5-c-notification-drawer__list-item--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
20801
|
+
--pf-v5-c-notification-drawer__list-item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
20802
|
+
--pf-v5-c-notification-drawer__list-item--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
20803
|
+
--pf-v5-c-notification-drawer__list-item--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
20804
|
+
--pf-v5-c-notification-drawer__list-item--m-info__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
20805
|
+
--pf-v5-c-notification-drawer__list-item--m-info__list-item--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
20806
|
+
--pf-v5-c-notification-drawer__list-item--m-warning__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
20807
|
+
--pf-v5-c-notification-drawer__list-item--m-warning__list-item--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
20808
|
+
--pf-v5-c-notification-drawer__list-item--m-danger__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
20809
|
+
--pf-v5-c-notification-drawer__list-item--m-danger__list-item--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
20810
|
+
--pf-v5-c-notification-drawer__list-item--m-success__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
20811
|
+
--pf-v5-c-notification-drawer__list-item--m-success__list-item--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
20812
|
+
--pf-v5-c-notification-drawer__list-item--m-custom__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
20813
|
+
--pf-v5-c-notification-drawer__list-item--m-custom__list-item--BorderColor: var(--pf-t--global--border--color--status--custom--default);
|
|
20814
|
+
--pf-v5-c-notification-drawer__list-item--m-read--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
20815
|
+
--pf-v5-c-notification-drawer__list-item--m-read--BorderWidth: var(--pf-t--global--border--width--box--status--read);
|
|
20816
|
+
--pf-v5-c-notification-drawer__list-item--m-read--BorderColor: var(--pf-t--global--border--color--default);
|
|
20817
|
+
--pf-v5-c-notification-drawer__list-item--m-hoverable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
20818
|
+
--pf-v5-c-notification-drawer__list-item-header--MarginBottom: var(--pf-t--global--spacer--xs);
|
|
20857
20819
|
--pf-v5-c-notification-drawer__list-item-header-icon--Color: inherit;
|
|
20858
|
-
--pf-v5-c-notification-drawer__list-item-header-icon--MarginRight: var(--pf-
|
|
20859
|
-
--pf-v5-c-notification-drawer__list-item-header-title--
|
|
20820
|
+
--pf-v5-c-notification-drawer__list-item-header-icon--MarginRight: var(--pf-t--global--spacer--sm);
|
|
20821
|
+
--pf-v5-c-notification-drawer__list-item-header-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
20822
|
+
--pf-v5-c-notification-drawer__list-item-header-title--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
20823
|
+
--pf-v5-c-notification-drawer__list-item-header-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
20824
|
+
--pf-v5-c-notification-drawer__list-item-header-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
20860
20825
|
--pf-v5-c-notification-drawer__list-item-header-title--max-lines: 1;
|
|
20861
|
-
--pf-v5-c-notification-drawer__list-item
|
|
20862
|
-
--pf-v5-c-notification-drawer__list-item-
|
|
20863
|
-
--pf-v5-c-notification-drawer__list-item-timestamp--
|
|
20864
|
-
--pf-v5-c-notification-
|
|
20865
|
-
--pf-v5-c-notification-drawer__group--m-expanded--group--
|
|
20866
|
-
--pf-v5-c-notification-drawer__group--m-expanded--group--BorderTopColor: var(--pf-v5-global--BorderColor--100);
|
|
20826
|
+
--pf-v5-c-notification-drawer__list-item-description--MarginBottom: var(--pf-t--global--spacer--sm);
|
|
20827
|
+
--pf-v5-c-notification-drawer__list-item-timestamp--Color: var(--pf-t--global--text--color--subtle);
|
|
20828
|
+
--pf-v5-c-notification-drawer__list-item-timestamp--FontSize: var(--pf-t--global--font--size--body--default);
|
|
20829
|
+
--pf-v5-c-notification-drawer__group--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
|
|
20830
|
+
--pf-v5-c-notification-drawer__group--m-expanded--group--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
20867
20831
|
--pf-v5-c-notification-drawer__group--m-expanded--MinHeight: 0;
|
|
20868
|
-
--pf-v5-c-notification-drawer__group-
|
|
20869
|
-
--pf-v5-c-notification-drawer__group-toggle--
|
|
20870
|
-
--pf-v5-c-notification-drawer__group-toggle--
|
|
20871
|
-
--pf-v5-c-notification-drawer__group-toggle--
|
|
20872
|
-
--pf-v5-c-notification-drawer__group-toggle--
|
|
20873
|
-
--pf-v5-c-notification-drawer__group-toggle--
|
|
20874
|
-
--pf-v5-c-notification-drawer__group-toggle--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
20832
|
+
--pf-v5-c-notification-drawer__group--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
20833
|
+
--pf-v5-c-notification-drawer__group-toggle--PaddingTop: var(--pf-t--global--spacer--md);
|
|
20834
|
+
--pf-v5-c-notification-drawer__group-toggle--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
20835
|
+
--pf-v5-c-notification-drawer__group-toggle--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
20836
|
+
--pf-v5-c-notification-drawer__group-toggle--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
20837
|
+
--pf-v5-c-notification-drawer__group-toggle--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
20875
20838
|
--pf-v5-c-notification-drawer__group-toggle--OutlineOffset: -0.25rem;
|
|
20876
|
-
--pf-v5-c-notification-drawer__group-toggle-title--MarginRight: var(--pf-
|
|
20839
|
+
--pf-v5-c-notification-drawer__group-toggle-title--MarginRight: var(--pf-t--global--spacer--md);
|
|
20840
|
+
--pf-v5-c-notification-drawer__group-toggle-title--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
20877
20841
|
--pf-v5-c-notification-drawer__group-toggle-title--max-lines: 1;
|
|
20878
|
-
--pf-v5-c-notification-drawer__group-toggle-count--MarginRight: var(--pf-
|
|
20879
|
-
--pf-v5-c-notification-drawer__group-toggle-icon--MarginRight: var(--pf-
|
|
20880
|
-
--pf-v5-c-notification-drawer__group-toggle-icon--Color: var(--pf-
|
|
20842
|
+
--pf-v5-c-notification-drawer__group-toggle-count--MarginRight: var(--pf-t--global--spacer--md);
|
|
20843
|
+
--pf-v5-c-notification-drawer__group-toggle-icon--MarginRight: var(--pf-t--global--spacer--md);
|
|
20844
|
+
--pf-v5-c-notification-drawer__group-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
20881
20845
|
--pf-v5-c-notification-drawer__group-toggle-icon--Transition: .2s ease-in 0s;
|
|
20882
20846
|
--pf-v5-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: 90deg;
|
|
20847
|
+
}
|
|
20848
|
+
|
|
20849
|
+
.pf-v5-c-notification-drawer {
|
|
20883
20850
|
display: flex;
|
|
20884
20851
|
flex-direction: column;
|
|
20885
20852
|
height: 100%;
|
|
@@ -20897,15 +20864,20 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20897
20864
|
padding-inline-start: var(--pf-v5-c-notification-drawer__header--PaddingLeft);
|
|
20898
20865
|
padding-inline-end: var(--pf-v5-c-notification-drawer__header--PaddingRight);
|
|
20899
20866
|
background-color: var(--pf-v5-c-notification-drawer__header--BackgroundColor);
|
|
20900
|
-
box-shadow: var(--pf-v5-c-notification-drawer__header--BoxShadow);
|
|
20901
20867
|
}
|
|
20902
20868
|
|
|
20903
20869
|
.pf-v5-c-notification-drawer__header-title {
|
|
20870
|
+
font-family: var(--pf-v5-c-notification-drawer__header-title--FontFamily);
|
|
20904
20871
|
font-size: var(--pf-v5-c-notification-drawer__header-title--FontSize);
|
|
20872
|
+
font-weight: var(--pf-v5-c-notification-drawer__header-title--FontWeight);
|
|
20873
|
+
line-height: var(--pf-v5-c-notification-drawer__header-title--LineHeight);
|
|
20905
20874
|
}
|
|
20906
20875
|
|
|
20907
20876
|
.pf-v5-c-notification-drawer__header-status {
|
|
20908
20877
|
margin-inline-start: var(--pf-v5-c-notification-drawer__header-status--MarginLeft);
|
|
20878
|
+
font-size: var(--pf-v5-c-notification-drawer__header-status--FontSize);
|
|
20879
|
+
font-weight: var(--pf-v5-c-notification-drawer__header-status--FontWeight);
|
|
20880
|
+
color: var(--pf-v5-c-notification-drawer__header-status--Color);
|
|
20909
20881
|
}
|
|
20910
20882
|
|
|
20911
20883
|
.pf-v5-c-notification-drawer__header-action {
|
|
@@ -20916,8 +20888,17 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20916
20888
|
|
|
20917
20889
|
.pf-v5-c-notification-drawer__body {
|
|
20918
20890
|
flex: 1;
|
|
20891
|
+
padding-block-start: var(--pf-v5-c-notification-drawer__body--PaddingBlockStart);
|
|
20892
|
+
padding-block-end: var(--pf-v5-c-notification-drawer__body--PaddingBlockEnd);
|
|
20919
20893
|
overflow-y: auto;
|
|
20920
|
-
|
|
20894
|
+
}
|
|
20895
|
+
|
|
20896
|
+
.pf-v5-c-notification-drawer__list:not([hidden]) {
|
|
20897
|
+
display: flex;
|
|
20898
|
+
flex-direction: column;
|
|
20899
|
+
gap: var(--pf-v5-c-notification-drawer__list--Gap);
|
|
20900
|
+
padding-inline-start: var(--pf-v5-c-notification-drawer__list--PaddingInlineStart);
|
|
20901
|
+
padding-inline-end: var(--pf-v5-c-notification-drawer__list--PaddingInlineEnd);
|
|
20921
20902
|
}
|
|
20922
20903
|
|
|
20923
20904
|
.pf-v5-c-notification-drawer__list-item {
|
|
@@ -20929,60 +20910,40 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20929
20910
|
padding-inline-start: var(--pf-v5-c-notification-drawer__list-item--PaddingLeft);
|
|
20930
20911
|
padding-inline-end: var(--pf-v5-c-notification-drawer__list-item--PaddingRight);
|
|
20931
20912
|
background-color: var(--pf-v5-c-notification-drawer__list-item--BackgroundColor);
|
|
20932
|
-
border
|
|
20933
|
-
|
|
20934
|
-
box-shadow: var(--pf-v5-c-notification-drawer__list-item--BoxShadow);
|
|
20935
|
-
}
|
|
20936
|
-
.pf-v5-c-notification-drawer__list-item.pf-m-read, .pf-v5-c-notification-drawer__list-item:first-child {
|
|
20937
|
-
--pf-v5-c-notification-drawer__list-item--BoxShadow: none;
|
|
20938
|
-
}
|
|
20939
|
-
.pf-v5-c-notification-drawer__list-item:not(.pf-m-read) + .pf-v5-c-notification-drawer__list-item.pf-m-read {
|
|
20940
|
-
--pf-v5-c-notification-drawer__list-item--BoxShadow: var(--pf-v5-c-notification-drawer__list-item--list-item--m-read--BoxShadow);
|
|
20941
|
-
--pf-v5-c-notification-drawer__list-item--before--Top: var(--pf-v5-c-notification-drawer__list-item--list-item--m-read--before--Top);
|
|
20942
|
-
}
|
|
20943
|
-
.pf-v5-c-notification-drawer__list-item::before {
|
|
20944
|
-
position: absolute;
|
|
20945
|
-
inset-block-start: var(--pf-v5-c-notification-drawer__list-item--before--Top);
|
|
20946
|
-
inset-block-end: var(--pf-v5-c-notification-drawer__list-item--before--Bottom);
|
|
20947
|
-
width: var(--pf-v5-c-notification-drawer__list-item--before--Width);
|
|
20948
|
-
content: "";
|
|
20949
|
-
background-color: var(--pf-v5-c-notification-drawer__list-item--before--BackgroundColor);
|
|
20913
|
+
border: var(--pf-v5-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v5-c-notification-drawer__list-item--BorderColor);
|
|
20914
|
+
border-radius: var(--pf-v5-c-notification-drawer__list-item--BorderRadius);
|
|
20950
20915
|
}
|
|
20951
20916
|
.pf-v5-c-notification-drawer__list-item.pf-m-info {
|
|
20952
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20917
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-info__list-item--BorderColor);
|
|
20953
20918
|
--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);
|
|
20954
20919
|
}
|
|
20955
20920
|
.pf-v5-c-notification-drawer__list-item.pf-m-warning {
|
|
20956
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20921
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-warning__list-item--BorderColor);
|
|
20957
20922
|
--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);
|
|
20958
20923
|
}
|
|
20959
20924
|
.pf-v5-c-notification-drawer__list-item.pf-m-danger {
|
|
20960
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20925
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-danger__list-item--BorderColor);
|
|
20961
20926
|
--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);
|
|
20962
20927
|
}
|
|
20963
20928
|
.pf-v5-c-notification-drawer__list-item.pf-m-success {
|
|
20964
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20929
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-success__list-item--BorderColor);
|
|
20965
20930
|
--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);
|
|
20966
20931
|
}
|
|
20967
20932
|
.pf-v5-c-notification-drawer__list-item.pf-m-custom {
|
|
20968
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20933
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-custom__list-item--BorderColor);
|
|
20969
20934
|
--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);
|
|
20970
20935
|
}
|
|
20971
20936
|
.pf-v5-c-notification-drawer__list-item.pf-m-read {
|
|
20972
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20937
|
+
--pf-v5-c-notification-drawer__list-item--BorderWidth: var(--pf-v5-c-notification-drawer__list-item--m-read--BorderWidth);
|
|
20973
20938
|
--pf-v5-c-notification-drawer__list-item--BackgroundColor: var(--pf-v5-c-notification-drawer__list-item--m-read--BackgroundColor);
|
|
20974
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20975
|
-
--pf-v5-c-notification-drawer__list-item--before--Bottom: var(--pf-v5-c-notification-drawer__list-item--m-read--before--Bottom);
|
|
20976
|
-
--pf-v5-c-notification-drawer__list-item--before--BackgroundColor: var(--pf-v5-c-notification-drawer__list-item--m-read--before--BackgroundColor);
|
|
20977
|
-
--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);
|
|
20939
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-read--BorderColor);
|
|
20978
20940
|
position: relative;
|
|
20979
20941
|
}
|
|
20980
20942
|
.pf-v5-c-notification-drawer__list-item.pf-m-hoverable {
|
|
20981
20943
|
cursor: pointer;
|
|
20982
20944
|
}
|
|
20983
|
-
.pf-v5-c-notification-drawer__list-item.pf-m-hoverable:hover {
|
|
20984
|
-
|
|
20985
|
-
box-shadow: var(--pf-v5-c-notification-drawer__list-item--m-hoverable--hover--BoxShadow);
|
|
20945
|
+
.pf-v5-c-notification-drawer__list-item.pf-m-hoverable:hover, .pf-v5-c-notification-drawer__list-item.pf-m-hoverable:focus {
|
|
20946
|
+
background-color: var(--pf-v5-c-notification-drawer__list-item--m-hoverable--hover--BackgroundColor);
|
|
20986
20947
|
}
|
|
20987
20948
|
|
|
20988
20949
|
.pf-v5-c-notification-drawer__list-item-header {
|
|
@@ -20999,7 +20960,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20999
20960
|
}
|
|
21000
20961
|
|
|
21001
20962
|
.pf-v5-c-notification-drawer__list-item-header-title {
|
|
20963
|
+
font-family: var(--pf-v5-c-notification-drawer__list-item-header-title--FontFamily);
|
|
20964
|
+
font-size: var(--pf-v5-c-notification-drawer__list-item-header-title--FontSize);
|
|
21002
20965
|
font-weight: var(--pf-v5-c-notification-drawer__list-item-header-title--FontWeight);
|
|
20966
|
+
line-height: var(--pf-v5-c-notification-drawer__list-item-header-title--LineHeight);
|
|
21003
20967
|
word-break: break-word;
|
|
21004
20968
|
}
|
|
21005
20969
|
.pf-v5-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
@@ -21033,15 +20997,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
21033
20997
|
flex-direction: column;
|
|
21034
20998
|
}
|
|
21035
20999
|
|
|
21000
|
+
.pf-v5-c-notification-drawer__group {
|
|
21001
|
+
border-block-end: var(--pf-v5-c-notification-drawer__group--BorderBottomWidth) solid var(--pf-v5-c-notification-drawer__group--m-expanded--group--BorderBottomColor);
|
|
21002
|
+
}
|
|
21036
21003
|
.pf-v5-c-notification-drawer__group.pf-m-expanded {
|
|
21037
21004
|
min-height: var(--pf-v5-c-notification-drawer__group--m-expanded--MinHeight);
|
|
21038
|
-
|
|
21039
|
-
.pf-v5-c-notification-drawer__group.pf-m-expanded + .pf-v5-c-notification-drawer__group {
|
|
21040
|
-
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);
|
|
21041
|
-
}
|
|
21042
|
-
.pf-v5-c-notification-drawer__group .pf-v5-c-notification-drawer__list-item:last-child {
|
|
21043
|
-
--pf-v5-c-notification-drawer__list-item--BorderBottomWidth: 0;
|
|
21044
|
-
--pf-v5-c-notification-drawer__list-item--before--Bottom: 0;
|
|
21005
|
+
padding-block-end: var(--pf-v5-c-notification-drawer__group--m-expanded--PaddingBlockEnd);
|
|
21045
21006
|
}
|
|
21046
21007
|
|
|
21047
21008
|
.pf-v5-c-notification-drawer__group-toggle {
|
|
@@ -21053,8 +21014,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
21053
21014
|
padding-inline-start: var(--pf-v5-c-notification-drawer__group-toggle--PaddingLeft);
|
|
21054
21015
|
padding-inline-end: var(--pf-v5-c-notification-drawer__group-toggle--PaddingRight);
|
|
21055
21016
|
background-color: var(--pf-v5-c-notification-drawer__group-toggle--BackgroundColor);
|
|
21056
|
-
border:
|
|
21057
|
-
border-block-end-width: var(--pf-v5-c-notification-drawer__group-toggle--BorderBottomWidth);
|
|
21017
|
+
border: none;
|
|
21058
21018
|
outline-offset: var(--pf-v5-c-notification-drawer__group-toggle--OutlineOffset);
|
|
21059
21019
|
}
|
|
21060
21020
|
|
|
@@ -21065,6 +21025,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
21065
21025
|
overflow: hidden;
|
|
21066
21026
|
flex: 1;
|
|
21067
21027
|
margin-inline-end: var(--pf-v5-c-notification-drawer__group-toggle-title--MarginRight);
|
|
21028
|
+
font-size: var(--pf-v5-c-notification-drawer__group-toggle-title--FontSize);
|
|
21068
21029
|
text-align: start;
|
|
21069
21030
|
word-break: break-word;
|
|
21070
21031
|
}
|
|
@@ -21087,21 +21048,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
21087
21048
|
transform: rotate(var(--pf-v5-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
21088
21049
|
}
|
|
21089
21050
|
|
|
21090
|
-
: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 {
|
|
21091
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
21092
|
-
}
|
|
21093
|
-
|
|
21094
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-notification-drawer {
|
|
21095
|
-
--pf-v5-c-notification-drawer--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
21096
|
-
--pf-v5-c-notification-drawer__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
21097
|
-
--pf-v5-c-notification-drawer__list-item--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
21098
|
-
--pf-v5-c-notification-drawer__list-item--BoxShadow: none;
|
|
21099
|
-
--pf-v5-c-notification-drawer__list-item--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
|
|
21100
|
-
--pf-v5-c-notification-drawer__list-item--m-read--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
21101
|
-
--pf-v5-c-notification-drawer__list-item--list-item--m-read--BoxShadow: none;
|
|
21102
|
-
--pf-v5-c-notification-drawer__group-toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
21103
|
-
}
|
|
21104
|
-
|
|
21105
21051
|
.pf-v5-c-options-menu {
|
|
21106
21052
|
--pf-v5-c-options-menu__toggle--BackgroundColor: transparent;
|
|
21107
21053
|
--pf-v5-c-options-menu__toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
|
|
@@ -22699,37 +22645,42 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
22699
22645
|
}
|
|
22700
22646
|
}
|
|
22701
22647
|
|
|
22648
|
+
:root,
|
|
22702
22649
|
.pf-v5-c-panel {
|
|
22703
22650
|
--pf-v5-c-panel--Width: auto;
|
|
22704
22651
|
--pf-v5-c-panel--MinWidth: auto;
|
|
22705
22652
|
--pf-v5-c-panel--MaxWidth: none;
|
|
22706
22653
|
--pf-v5-c-panel--ZIndex: auto;
|
|
22707
|
-
--pf-v5-c-panel--BackgroundColor: var(--pf-
|
|
22654
|
+
--pf-v5-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
22708
22655
|
--pf-v5-c-panel--BoxShadow: none;
|
|
22709
22656
|
--pf-v5-c-panel--before--BorderWidth: 0;
|
|
22710
|
-
--pf-v5-c-panel--before--BorderColor: var(--pf-
|
|
22711
|
-
--pf-v5-c-panel--m-
|
|
22712
|
-
--pf-v5-c-panel--m-
|
|
22713
|
-
--pf-v5-c-panel--m-raised--
|
|
22714
|
-
--pf-v5-c-panel--m-raised--
|
|
22715
|
-
--pf-v5-c-
|
|
22716
|
-
--pf-v5-c-panel__header--
|
|
22717
|
-
--pf-v5-c-panel__header--
|
|
22718
|
-
--pf-v5-c-panel__header--
|
|
22657
|
+
--pf-v5-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
22658
|
+
--pf-v5-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
22659
|
+
--pf-v5-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
22660
|
+
--pf-v5-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
22661
|
+
--pf-v5-c-panel--m-raised--ZIndex: var(--pf-t--global--Zindex--sm);
|
|
22662
|
+
--pf-v5-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
22663
|
+
--pf-v5-c-panel__header--PaddingTop: var(--pf-t--global--spacer--md);
|
|
22664
|
+
--pf-v5-c-panel__header--PaddingRight: var(--pf-t--global--spacer--md);
|
|
22665
|
+
--pf-v5-c-panel__header--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
22666
|
+
--pf-v5-c-panel__header--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
22719
22667
|
--pf-v5-c-panel__main--MaxHeight: none;
|
|
22720
22668
|
--pf-v5-c-panel__main--Overflow: visible;
|
|
22721
|
-
--pf-v5-c-panel__main-body--PaddingTop: var(--pf-
|
|
22722
|
-
--pf-v5-c-panel__main-body--PaddingRight: var(--pf-
|
|
22723
|
-
--pf-v5-c-panel__main-body--PaddingBottom: var(--pf-
|
|
22724
|
-
--pf-v5-c-panel__main-body--PaddingLeft: var(--pf-
|
|
22725
|
-
--pf-v5-c-panel__footer--PaddingTop: var(--pf-
|
|
22726
|
-
--pf-v5-c-panel__footer--PaddingRight: var(--pf-
|
|
22727
|
-
--pf-v5-c-panel__footer--PaddingBottom: var(--pf-
|
|
22728
|
-
--pf-v5-c-panel__footer--PaddingLeft: var(--pf-
|
|
22669
|
+
--pf-v5-c-panel__main-body--PaddingTop: var(--pf-t--global--spacer--md);
|
|
22670
|
+
--pf-v5-c-panel__main-body--PaddingRight: var(--pf-t--global--spacer--md);
|
|
22671
|
+
--pf-v5-c-panel__main-body--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
22672
|
+
--pf-v5-c-panel__main-body--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
22673
|
+
--pf-v5-c-panel__footer--PaddingTop: var(--pf-t--global--spacer--md);
|
|
22674
|
+
--pf-v5-c-panel__footer--PaddingRight: var(--pf-t--global--spacer--md);
|
|
22675
|
+
--pf-v5-c-panel__footer--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
22676
|
+
--pf-v5-c-panel__footer--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
22729
22677
|
--pf-v5-c-panel__footer--BoxShadow: none;
|
|
22730
22678
|
--pf-v5-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
|
|
22731
22679
|
--pf-v5-c-panel--m-scrollable__main--Overflow: auto;
|
|
22732
|
-
--pf-v5-c-panel--m-scrollable__footer--BoxShadow: 0 -0.3125rem 0.25rem -0.25rem rgba(
|
|
22680
|
+
--pf-v5-c-panel--m-scrollable__footer--BoxShadow: 0 -0.3125rem 0.25rem -0.25rem rgba(0 0 0 / 16%);
|
|
22681
|
+
}
|
|
22682
|
+
|
|
22683
|
+
.pf-v5-c-panel {
|
|
22733
22684
|
position: relative;
|
|
22734
22685
|
z-index: var(--pf-v5-c-panel--ZIndex);
|
|
22735
22686
|
width: var(--pf-v5-c-panel--Width);
|
|
@@ -22748,6 +22699,9 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
22748
22699
|
.pf-v5-c-panel.pf-m-bordered {
|
|
22749
22700
|
--pf-v5-c-panel--before--BorderWidth: var(--pf-v5-c-panel--m-bordered--before--BorderWidth);
|
|
22750
22701
|
}
|
|
22702
|
+
.pf-v5-c-panel.pf-m-secondary {
|
|
22703
|
+
--pf-v5-c-panel--BackgroundColor: var(--pf-v5-c-panel--m-secondary--BackgroundColor);
|
|
22704
|
+
}
|
|
22751
22705
|
.pf-v5-c-panel.pf-m-raised {
|
|
22752
22706
|
--pf-v5-c-panel--BackgroundColor: var(--pf-v5-c-panel--m-raised--BackgroundColor);
|
|
22753
22707
|
--pf-v5-c-panel--BoxShadow: var(--pf-v5-c-panel--m-raised--BoxShadow);
|
|
@@ -22786,14 +22740,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
22786
22740
|
box-shadow: var(--pf-v5-c-panel__footer--BoxShadow);
|
|
22787
22741
|
}
|
|
22788
22742
|
|
|
22789
|
-
: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 {
|
|
22790
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
22791
|
-
}
|
|
22792
|
-
|
|
22793
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-panel {
|
|
22794
|
-
--pf-v5-c-panel--m-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
22795
|
-
}
|
|
22796
|
-
|
|
22797
22743
|
.pf-v5-c-popover {
|
|
22798
22744
|
--pf-v5-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
22799
22745
|
--pf-v5-c-popover--MinWidth: calc(var(--pf-v5-c-popover__content--PaddingLeft) + var(--pf-v5-c-popover__content--PaddingRight) + 18.75rem);
|
|
@@ -23782,24 +23728,29 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
23782
23728
|
}
|
|
23783
23729
|
}
|
|
23784
23730
|
|
|
23731
|
+
:root,
|
|
23785
23732
|
.pf-v5-c-radio {
|
|
23786
|
-
--pf-v5-c-radio--GridGap: var(--pf-
|
|
23787
|
-
--pf-v5-c-
|
|
23788
|
-
--pf-v5-c-radio__label--Color: var(--pf-
|
|
23789
|
-
--pf-v5-c-radio__label--
|
|
23790
|
-
--pf-v5-c-radio__label--
|
|
23791
|
-
--pf-v5-c-radio__label--
|
|
23733
|
+
--pf-v5-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
23734
|
+
--pf-v5-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
|
|
23735
|
+
--pf-v5-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
23736
|
+
--pf-v5-c-radio__label--Color: var(--pf-t--global--text--color--regular);
|
|
23737
|
+
--pf-v5-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body);
|
|
23738
|
+
--pf-v5-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
23739
|
+
--pf-v5-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
23792
23740
|
--pf-v5-c-radio__input--TranslateY: calc((var(--pf-v5-c-radio__label--LineHeight) * var(--pf-v5-c-radio__label--FontSize) / 2 ) - 50%);
|
|
23793
|
-
--pf-v5-c-radio__input--TranslateY--moz: var(--pf-v5-c-radio__input--TranslateY);
|
|
23794
23741
|
--pf-v5-c-radio__input--first-child--MarginLeft: 0.0625rem;
|
|
23795
23742
|
--pf-v5-c-radio__input--last-child--MarginRight: 0.0625rem;
|
|
23796
|
-
--pf-v5-c-radio__description--FontSize: var(--pf-
|
|
23797
|
-
--pf-v5-c-radio__description--Color: var(--pf-
|
|
23798
|
-
--pf-v5-c-radio__body--MarginTop: var(--pf-
|
|
23743
|
+
--pf-v5-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
23744
|
+
--pf-v5-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
|
|
23745
|
+
--pf-v5-c-radio__body--MarginTop: var(--pf-t--global--spacer--sm);
|
|
23746
|
+
}
|
|
23747
|
+
|
|
23748
|
+
.pf-v5-c-radio {
|
|
23799
23749
|
display: grid;
|
|
23800
23750
|
grid-template-columns: auto 1fr;
|
|
23801
23751
|
grid-gap: var(--pf-v5-c-radio--GridGap);
|
|
23802
23752
|
align-items: baseline;
|
|
23753
|
+
accent-color: var(--pf-v5-c-radio--AccentColor);
|
|
23803
23754
|
}
|
|
23804
23755
|
.pf-v5-c-radio.pf-m-standalone {
|
|
23805
23756
|
--pf-v5-c-radio--GridGap: 0;
|
|
@@ -23809,7 +23760,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
23809
23760
|
|
|
23810
23761
|
.pf-v5-c-radio__input {
|
|
23811
23762
|
align-self: start;
|
|
23812
|
-
-moz-transform: translateY(var(--pf-v5-c-radio__input--TranslateY--moz));
|
|
23813
23763
|
transform: translateY(var(--pf-v5-c-radio__input--TranslateY));
|
|
23814
23764
|
}
|
|
23815
23765
|
.pf-v5-c-radio__input:first-child {
|
|
@@ -24786,7 +24736,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
24786
24736
|
--pf-v5-c-simple-list__item-link--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
24787
24737
|
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
24788
24738
|
--pf-v5-c-simple-list__item-link--Color: var(--pf-t--global--text--color--subtle);
|
|
24789
|
-
--pf-v5-c-simple-list__item-link--FontSize: var(--pf-t--global--font--size--body);
|
|
24739
|
+
--pf-v5-c-simple-list__item-link--FontSize: var(--pf-t--global--font--size--body--default);
|
|
24790
24740
|
--pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
24791
24741
|
--pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--selected);
|
|
24792
24742
|
--pf-v5-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
|