@patternfly/patternfly 6.0.0-alpha.45 → 6.0.0-alpha.47
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/Button/button.css +3 -1
- package/components/Button/button.scss +3 -1
- 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/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/components/Switch/switch.css +41 -37
- package/components/Switch/switch.scss +47 -42
- package/docs/components/Button/examples/Button.md +29 -2
- package/docs/components/Form/examples/Form.md +23 -11
- 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 +336 -384
- package/patternfly-theme-dark-unversioned.css +336 -384
- package/patternfly.css +336 -384
- 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/Switch/themes/dark/switch.scss +0 -11
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);
|
|
@@ -8129,6 +8129,7 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
8129
8129
|
text-align: center;
|
|
8130
8130
|
text-decoration: var(--pf-v5-c-button--TextDecoration);
|
|
8131
8131
|
white-space: nowrap;
|
|
8132
|
+
cursor: pointer;
|
|
8132
8133
|
user-select: none;
|
|
8133
8134
|
background-color: var(--pf-v5-c-button--BackgroundColor);
|
|
8134
8135
|
border: 0;
|
|
@@ -8226,7 +8227,6 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
8226
8227
|
display: inline;
|
|
8227
8228
|
text-align: start;
|
|
8228
8229
|
white-space: normal;
|
|
8229
|
-
cursor: pointer;
|
|
8230
8230
|
outline-offset: 0.125rem;
|
|
8231
8231
|
}
|
|
8232
8232
|
.pf-v5-c-button.pf-m-link:where(.pf-m-danger) {
|
|
@@ -8342,7 +8342,9 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
8342
8342
|
mix-blend-mode: var(--pf-v5-c-button--m-plain--MixBlendMode);
|
|
8343
8343
|
}
|
|
8344
8344
|
.pf-v5-c-button.pf-m-plain.pf-m-no-padding {
|
|
8345
|
+
min-width: auto;
|
|
8345
8346
|
padding: 0;
|
|
8347
|
+
background-color: transparent;
|
|
8346
8348
|
}
|
|
8347
8349
|
.pf-v5-c-button.pf-m-block {
|
|
8348
8350
|
display: block;
|
|
@@ -9091,25 +9093,28 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
9091
9093
|
--pf-v5-c-card--m-selectable-raised--active--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
|
|
9092
9094
|
}
|
|
9093
9095
|
|
|
9096
|
+
:root,
|
|
9094
9097
|
.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--
|
|
9098
|
+
--pf-v5-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
9099
|
+
--pf-v5-c-check--AccentColor: var(--pf-t--global--color--brand--default);
|
|
9100
|
+
--pf-v5-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
9101
|
+
--pf-v5-c-check__label--Color: var(--pf-t--global--text--color--regular);
|
|
9102
|
+
--pf-v5-c-check__label--FontWeight: var(--pf-t--global--font--weight--body);
|
|
9103
|
+
--pf-v5-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
9104
|
+
--pf-v5-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
9101
9105
|
--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
|
-
|
|
9106
|
+
--pf-v5-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
9107
|
+
--pf-v5-c-check__description--Color: var(--pf-t--global--text--color--subtle);
|
|
9108
|
+
--pf-v5-c-check__label-required--MarginLeft: var(--pf-t--global--spacer--xs);
|
|
9109
|
+
--pf-v5-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
9110
|
+
--pf-v5-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
|
|
9111
|
+
}
|
|
9112
|
+
|
|
9113
|
+
.pf-v5-c-check {
|
|
9109
9114
|
display: grid;
|
|
9110
9115
|
grid-template-columns: auto 1fr;
|
|
9111
9116
|
grid-gap: var(--pf-v5-c-check--GridGap);
|
|
9112
|
-
|
|
9117
|
+
accent-color: var(--pf-v5-c-check--AccentColor);
|
|
9113
9118
|
}
|
|
9114
9119
|
.pf-v5-c-check.pf-m-standalone {
|
|
9115
9120
|
--pf-v5-c-check--GridGap: 0;
|
|
@@ -9119,7 +9124,6 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
9119
9124
|
|
|
9120
9125
|
.pf-v5-c-check__input {
|
|
9121
9126
|
align-self: start;
|
|
9122
|
-
-moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
|
|
9123
9127
|
transform: translateY(var(--pf-v5-c-check__input--TranslateY));
|
|
9124
9128
|
}
|
|
9125
9129
|
|
|
@@ -9138,7 +9142,6 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
9138
9142
|
|
|
9139
9143
|
.pf-v5-c-check__body {
|
|
9140
9144
|
grid-column: 2;
|
|
9141
|
-
margin-block-start: var(--pf-v5-c-check__body--MarginTop);
|
|
9142
9145
|
}
|
|
9143
9146
|
|
|
9144
9147
|
.pf-v5-c-check__label,
|
|
@@ -15210,105 +15213,104 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15210
15213
|
transform: translate(-50%, -50%);
|
|
15211
15214
|
}
|
|
15212
15215
|
|
|
15216
|
+
:root,
|
|
15213
15217
|
.pf-v5-c-form {
|
|
15214
|
-
--pf-v5-c-form--GridGap: var(--pf-
|
|
15215
|
-
--pf-v5-c-form__group--
|
|
15218
|
+
--pf-v5-c-form--GridGap: var(--pf-t--global--spacer--lg);
|
|
15219
|
+
--pf-v5-c-form__group--Gap: var(--pf-t--global--spacer--sm);
|
|
15220
|
+
--pf-v5-c-form__group--m-action--MarginTop: var(--pf-t--global--spacer--xl);
|
|
15216
15221
|
--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-
|
|
15222
|
+
--pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--md);
|
|
15218
15223
|
--pf-v5-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
|
|
15219
15224
|
--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-
|
|
15225
|
+
--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));
|
|
15226
|
+
--pf-v5-c-form__group-label--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
15222
15227
|
--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-
|
|
15228
|
+
--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)));
|
|
15229
|
+
--pf-v5-c-form__label--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
15230
|
+
--pf-v5-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
15231
|
+
--pf-v5-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
15227
15232
|
--pf-v5-c-form__label--hover--Cursor: pointer;
|
|
15228
15233
|
--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-
|
|
15234
|
+
--pf-v5-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
15235
|
+
--pf-v5-c-form__label-required--MarginLeft: var(--pf-t--global--spacer--xs);
|
|
15236
|
+
--pf-v5-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
15237
|
+
--pf-v5-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
|
|
15233
15238
|
--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-
|
|
15239
|
+
--pf-v5-c-form__group-label-help--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
15240
|
+
--pf-v5-c-form__group-label-help--PaddingRight: var(--pf-t--global--spacer--xs);
|
|
15241
|
+
--pf-v5-c-form__group-label-help--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
15242
|
+
--pf-v5-c-form__group-label-help--PaddingLeft: var(--pf-t--global--spacer--xs);
|
|
15238
15243
|
--pf-v5-c-form__group-label-help--MarginTop: calc(var(--pf-v5-c-form__group-label-help--PaddingTop) * -1);
|
|
15239
15244
|
--pf-v5-c-form__group-label-help--MarginRight: calc(var(--pf-v5-c-form__group-label-help--PaddingRight) * -1);
|
|
15240
15245
|
--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-
|
|
15246
|
+
--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));
|
|
15247
|
+
--pf-v5-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
15243
15248
|
--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--
|
|
15249
|
+
--pf-v5-c-form__group-label-help--Color: var(--pf-t--global--icon--color--regular);
|
|
15250
|
+
--pf-v5-c-form__group-label-help--hover--Color: var(--pf-t--global--icon--color--regular);
|
|
15251
|
+
--pf-v5-c-form__group-label-help--focus--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
15252
|
+
--pf-v5-c-form__group-label-info--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
15253
|
+
--pf-v5-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
15254
|
+
--pf-v5-c-form__group-control--m-inline--child--MarginRight: var(--pf-t--global--spacer--lg);
|
|
15255
|
+
--pf-v5-c-form__group-control__helper-text--MarginBottom: var(--pf-t--global--spacer--xs);
|
|
15256
|
+
--pf-v5-c-form__group-control--Gap: var(--pf-t--global--spacer--sm);
|
|
15257
|
+
--pf-v5-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--sm);
|
|
15252
15258
|
--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-
|
|
15259
|
+
--pf-v5-c-form__actions--child--MarginTop: var(--pf-t--global--spacer--sm);
|
|
15260
|
+
--pf-v5-c-form__actions--child--MarginRight: var(--pf-t--global--spacer--sm);
|
|
15261
|
+
--pf-v5-c-form__actions--child--MarginBottom: var(--pf-t--global--spacer--sm);
|
|
15262
|
+
--pf-v5-c-form__actions--child--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
15257
15263
|
--pf-v5-c-form__actions--MarginTop: calc(var(--pf-v5-c-form__actions--child--MarginTop) * -1);
|
|
15258
15264
|
--pf-v5-c-form__actions--MarginRight: calc(var(--pf-v5-c-form__actions--child--MarginRight) * -1);
|
|
15259
15265
|
--pf-v5-c-form__actions--MarginBottom: calc(var(--pf-v5-c-form__actions--child--MarginBottom) * -1);
|
|
15260
15266
|
--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-
|
|
15267
|
+
--pf-v5-c-form__helper-text--MarginTop--base: var(--pf-t--global--spacer--xs);
|
|
15262
15268
|
--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);
|
|
15269
|
+
--pf-v5-c-form__section--MarginTop: var(--pf-t--global--spacer--xl);
|
|
15270
|
+
--pf-v5-c-form__section--Gap: var(--pf-t--global--spacer--md);
|
|
15271
|
+
--pf-v5-c-form__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
15272
|
+
--pf-v5-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
15273
|
+
--pf-v5-c-form__section-title--MarginBottom: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
15274
|
+
--pf-v5-c-form__field-group--border-width-base: var(--pf-t--global--border--width--divider--default);
|
|
15276
15275
|
--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-
|
|
15276
|
+
--pf-v5-c-form__field-group--BorderTopColor: var(--pf-t--global--border--color--default);
|
|
15278
15277
|
--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-
|
|
15278
|
+
--pf-v5-c-form__field-group--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
15280
15279
|
--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-
|
|
15280
|
+
--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));
|
|
15281
|
+
--pf-v5-c-form__field-group-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
15282
|
+
--pf-v5-c-form__field-group-toggle--PaddingRight: var(--pf-t--global--spacer--xs);
|
|
15283
|
+
--pf-v5-c-form__field-group__field-group__field-group-toggle--PaddingTop: var(--pf-t--global--spacer--md);
|
|
15284
|
+
--pf-v5-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
|
|
15286
15285
|
--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-
|
|
15286
|
+
--pf-v5-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-t--global--spacer--form-element) * -1);
|
|
15287
|
+
--pf-v5-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-t--global--spacer--form-element) * -1);
|
|
15289
15288
|
--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-
|
|
15289
|
+
--pf-v5-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
|
|
15291
15290
|
--pf-v5-c-form__field-group-toggle-icon--Rotate: 0;
|
|
15292
15291
|
--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-
|
|
15292
|
+
--pf-v5-c-form__field-group-header--PaddingTop: var(--pf-t--global--spacer--md);
|
|
15293
|
+
--pf-v5-c-form__field-group-header--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
15295
15294
|
--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-
|
|
15295
|
+
--pf-v5-c-form__field-group__field-group__field-group-header--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
15296
|
+
--pf-v5-c-form__field-group__field-group__field-group-header--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
15298
15297
|
--pf-v5-c-form__field-group-toggle--field-group-header--GridColumn: 2 / 3;
|
|
15299
15298
|
--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-
|
|
15299
|
+
--pf-v5-c-form__field-group-header-description--MarginTop: var(--pf-t--global--spacer--xs);
|
|
15300
|
+
--pf-v5-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
|
|
15301
|
+
--pf-v5-c-form__field-group-header-actions--MarginTop: calc(var(--pf-t--global--spacer--form-element) * -1);
|
|
15302
|
+
--pf-v5-c-form__field-group-header-actions--MarginBottom: calc(var(--pf-t--global--spacer--form-element) * -1);
|
|
15303
|
+
--pf-v5-c-form__field-group-header-actions--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
15304
|
+
--pf-v5-c-form__field-group-body--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
15305
|
+
--pf-v5-c-form__field-group-body--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
15307
15306
|
--pf-v5-c-form__field-group-body--Gap: var(--pf-v5-c-form--GridGap);
|
|
15308
15307
|
--pf-v5-c-form__field-group-body--GridColumn: 2 / 3;
|
|
15309
15308
|
--pf-v5-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
|
|
15310
15309
|
--pf-v5-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
|
|
15311
15310
|
--pf-v5-c-form__field-group-body__field-group--last-child--MarginBottom: calc(var(--pf-v5-c-form__field-group-body--PaddingBottom) * -1);
|
|
15311
|
+
}
|
|
15312
|
+
|
|
15313
|
+
.pf-v5-c-form {
|
|
15312
15314
|
display: grid;
|
|
15313
15315
|
gap: var(--pf-v5-c-form--GridGap);
|
|
15314
15316
|
}
|
|
@@ -15460,6 +15462,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15460
15462
|
}
|
|
15461
15463
|
|
|
15462
15464
|
.pf-v5-c-form__group {
|
|
15465
|
+
display: flex;
|
|
15466
|
+
flex-direction: column;
|
|
15467
|
+
gap: var(--pf-v5-c-form__group--Gap);
|
|
15463
15468
|
min-width: 0;
|
|
15464
15469
|
}
|
|
15465
15470
|
.pf-v5-c-form__group.pf-m-action {
|
|
@@ -15483,7 +15488,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15483
15488
|
|
|
15484
15489
|
.pf-v5-c-form__group-label {
|
|
15485
15490
|
--pf-v5-c-form__helper-text--MarginTop: 0;
|
|
15486
|
-
padding-block-end: var(--pf-v5-c-form__group-label--PaddingBottom);
|
|
15487
15491
|
}
|
|
15488
15492
|
.pf-v5-c-form__group-label.pf-m-info {
|
|
15489
15493
|
display: flex;
|
|
@@ -15575,17 +15579,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15575
15579
|
|
|
15576
15580
|
.pf-v5-c-form__helper-text {
|
|
15577
15581
|
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
15582
|
}
|
|
15590
15583
|
.pf-v5-c-form__helper-text.pf-m-inactive {
|
|
15591
15584
|
display: none;
|
|
@@ -15595,11 +15588,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15595
15588
|
opacity: 0;
|
|
15596
15589
|
}
|
|
15597
15590
|
|
|
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
15591
|
.pf-v5-c-form__fieldset {
|
|
15604
15592
|
border: 0;
|
|
15605
15593
|
}
|
|
@@ -15725,91 +15713,85 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15725
15713
|
margin-block-end: var(--pf-v5-c-form__field-group-body__field-group--last-child--MarginBottom);
|
|
15726
15714
|
}
|
|
15727
15715
|
|
|
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
|
-
|
|
15716
|
+
:root,
|
|
15736
15717
|
.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-
|
|
15718
|
+
--pf-v5-c-form-control--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
15719
|
+
--pf-v5-c-form-control--Color: var(--pf-t--global--text--color--regular);
|
|
15720
|
+
--pf-v5-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
|
|
15721
|
+
--pf-v5-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
15741
15722
|
--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);
|
|
15723
|
+
--pf-v5-c-form-control--OutlineOffset: -6px;
|
|
15724
|
+
--pf-v5-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
15725
|
+
--pf-v5-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15726
|
+
--pf-v5-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
15727
|
+
--pf-v5-c-form-control--before--BorderRadius: var(--pf-v5-c-form-control--BorderRadius);
|
|
15728
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15729
|
+
--pf-v5-c-form-control--after--BorderColor: transparent;
|
|
15730
|
+
--pf-v5-c-form-control--after--BorderRadius: var(--pf-v5-c-form-control--BorderRadius);
|
|
15731
|
+
--pf-v5-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
15754
15732
|
--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-
|
|
15733
|
+
--pf-v5-c-form-control--inset--base: var(--pf-t--global--spacer--md);
|
|
15734
|
+
--pf-v5-c-form-control--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
15735
|
+
--pf-v5-c-form-control--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
15758
15736
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--inset--base);
|
|
15759
15737
|
--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--
|
|
15738
|
+
--pf-v5-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
|
|
15739
|
+
--pf-v5-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
15740
|
+
--pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--active);
|
|
15741
|
+
--pf-v5-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--active);
|
|
15742
|
+
--pf-v5-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--active);
|
|
15743
|
+
--pf-v5-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--active);
|
|
15744
|
+
--pf-v5-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
15745
|
+
--pf-v5-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
|
|
15746
|
+
--pf-v5-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
15747
|
+
--pf-v5-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
15769
15748
|
--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--
|
|
15749
|
+
--pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
15750
|
+
--pf-v5-c-form-control--m-readonly--BorderColor: transparent;
|
|
15751
|
+
--pf-v5-c-form-control--m-readonly--hover--after--BorderColor: revert;
|
|
15752
|
+
--pf-v5-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--active);
|
|
15753
|
+
--pf-v5-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--active);
|
|
15774
15754
|
--pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
|
|
15775
15755
|
--pf-v5-c-form-control--m-readonly--m-plain--inset--base: 0;
|
|
15776
15756
|
--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-
|
|
15757
|
+
--pf-v5-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15758
|
+
--pf-v5-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
15759
|
+
--pf-v5-c-form-control--m-success--PaddingRight: var(--pf-t--global--spacer--xl);
|
|
15760
|
+
--pf-v5-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15761
|
+
--pf-v5-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
15762
|
+
--pf-v5-c-form-control--m-warning--PaddingRight: var(--pf-t--global--spacer--xl);
|
|
15763
|
+
--pf-v5-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15764
|
+
--pf-v5-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
15765
|
+
--pf-v5-c-form-control--m-error--PaddingRight: var(--pf-t--global--spacer--xl);
|
|
15786
15766
|
--pf-v5-c-form-control--m-error--icon--width: var(--pf-v5-c-form-control--FontSize);
|
|
15787
15767
|
--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
15768
|
--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-
|
|
15769
|
+
--pf-v5-c-form-control--m-icon--icon--spacer: var(--pf-t--global--spacer--sm);
|
|
15790
15770
|
--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-
|
|
15771
|
+
--pf-v5-c-form-control__select--PaddingRight: var(--pf-t--global--spacer--md);
|
|
15772
|
+
--pf-v5-c-form-control__select--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
15773
|
+
--pf-v5-c-form-control__select--m-success--m-status--PaddingRight: var(--pf-t--global--spacer--3xl);
|
|
15774
|
+
--pf-v5-c-form-control__select--m-warning--m-status--PaddingRight: var(--pf-t--global--spacer--3xl);
|
|
15775
|
+
--pf-v5-c-form-control__select--m-error--m-status--PaddingRight: var(--pf-t--global--spacer--3xl);
|
|
15796
15776
|
--pf-v5-c-form-control--textarea--Width: var(--pf-v5-c-form-control--Width);
|
|
15797
15777
|
--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-
|
|
15778
|
+
--pf-v5-c-form-control__icon--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
15779
|
+
--pf-v5-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
15780
|
+
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
|
|
15781
|
+
--pf-v5-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
15782
|
+
--pf-v5-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
15783
|
+
--pf-v5-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
15784
|
+
--pf-v5-c-form-control__utilities--Gap: var(--pf-t--global--spacer--sm);
|
|
15805
15785
|
--pf-v5-c-form-control__utilities--PaddingTop: var(--pf-v5-c-form-control--inset--base);
|
|
15806
15786
|
--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-
|
|
15787
|
+
--pf-v5-c-form-control__toggle-icon--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
15808
15788
|
--pf-v5-c-form-control__toggle-icon--PaddingRight: var(--pf-v5-c-form-control--inset--base);
|
|
15809
15789
|
--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
|
-
|
|
15790
|
+
--pf-v5-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
15791
|
+
--pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
15792
|
+
}
|
|
15793
|
+
|
|
15794
|
+
.pf-v5-c-form-control {
|
|
15813
15795
|
position: relative;
|
|
15814
15796
|
display: grid;
|
|
15815
15797
|
grid-template-columns: 1fr auto;
|
|
@@ -15820,6 +15802,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15820
15802
|
line-height: var(--pf-v5-c-form-control--LineHeight);
|
|
15821
15803
|
resize: var(--pf-v5-c-form-control--Resize);
|
|
15822
15804
|
background-color: var(--pf-v5-c-form-control--BackgroundColor);
|
|
15805
|
+
border-radius: var(--pf-v5-c-form-control--BorderRadius);
|
|
15823
15806
|
}
|
|
15824
15807
|
.pf-v5-c-form-control::before, .pf-v5-c-form-control::after {
|
|
15825
15808
|
position: absolute;
|
|
@@ -15828,18 +15811,14 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15828
15811
|
content: "";
|
|
15829
15812
|
}
|
|
15830
15813
|
.pf-v5-c-form-control::before {
|
|
15814
|
+
border-color: var(--pf-v5-c-form-control--before--BorderColor);
|
|
15831
15815
|
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);
|
|
15816
|
+
border-width: var(--pf-v5-c-form-control--before--BorderWidth);
|
|
15817
|
+
border-radius: var(--pf-v5-c-form-control--before--BorderRadius);
|
|
15840
15818
|
}
|
|
15841
15819
|
.pf-v5-c-form-control::after {
|
|
15842
|
-
border
|
|
15820
|
+
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);
|
|
15821
|
+
border-radius: var(--pf-v5-c-form-control--before--BorderRadius);
|
|
15843
15822
|
}
|
|
15844
15823
|
.pf-v5-c-form-control > :is(input, select, textarea) {
|
|
15845
15824
|
grid-row: 1/2;
|
|
@@ -15851,6 +15830,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15851
15830
|
color: var(--pf-v5-c-form-control--Color);
|
|
15852
15831
|
background-color: transparent;
|
|
15853
15832
|
border: none;
|
|
15833
|
+
border-radius: var(--pf-v5-c-form-control--BorderRadius);
|
|
15854
15834
|
-moz-appearance: none;
|
|
15855
15835
|
-webkit-appearance: none;
|
|
15856
15836
|
}
|
|
@@ -15865,11 +15845,15 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15865
15845
|
}
|
|
15866
15846
|
.pf-v5-c-form-control.pf-m-readonly {
|
|
15867
15847
|
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--m-readonly--BackgroundColor);
|
|
15848
|
+
--pf-v5-c-form-control--BorderColor: var(--pf-v5-c-form-control--m-readonly--BorderColor);
|
|
15849
|
+
}
|
|
15850
|
+
.pf-v5-c-form-control.pf-m-readonly:hover {
|
|
15851
|
+
--pf-v5-c-form-control--hover--after--BorderColor: var(--pf-v5-c-form-control--m-readonly--hover--after--BorderColor);
|
|
15868
15852
|
}
|
|
15869
15853
|
.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--
|
|
15854
|
+
--pf-v5-c-form-control--hover--after--BorderColor: var(--pf-v5-c-form-control--m-readonly--hover--after--BorderColor);
|
|
15855
|
+
--pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-v5-c-form-control--m-readonly--focus--after--BorderWidth);
|
|
15856
|
+
--pf-v5-c-form-control--focus--after--BorderColor: var(--pf-v5-c-form-control--m-readonly--focus--after--BorderColor);
|
|
15873
15857
|
}
|
|
15874
15858
|
.pf-v5-c-form-control.pf-m-readonly.pf-m-plain {
|
|
15875
15859
|
--pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor);
|
|
@@ -15879,15 +15863,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15879
15863
|
--pf-v5-c-form-control--OutlineOffset: var(--pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset);
|
|
15880
15864
|
}
|
|
15881
15865
|
.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);
|
|
15866
|
+
--pf-v5-c-form-control--after--BorderColor: var(--pf-v5-c-form-control--hover--after--BorderColor);
|
|
15867
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-v5-c-form-control--hover--after--BorderWidth);
|
|
15887
15868
|
}
|
|
15888
15869
|
.pf-v5-c-form-control.pf-m-expanded {
|
|
15889
|
-
--pf-v5-c-form-control--after--
|
|
15890
|
-
--pf-v5-c-form-control--after--
|
|
15870
|
+
--pf-v5-c-form-control--after--BorderColor: var(--pf-v5-c-form-control--m-expanded--after--BorderColor);
|
|
15871
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-v5-c-form-control--m-expanded--after--BorderWidth);
|
|
15891
15872
|
}
|
|
15892
15873
|
.pf-v5-c-form-control.pf-m-disabled {
|
|
15893
15874
|
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--m-disabled--BackgroundColor);
|
|
@@ -15900,30 +15881,30 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15900
15881
|
}
|
|
15901
15882
|
.pf-v5-c-form-control.pf-m-error {
|
|
15902
15883
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-error--PaddingRight);
|
|
15903
|
-
--pf-v5-c-form-control--after--
|
|
15884
|
+
--pf-v5-c-form-control--after--BorderColor: var(--pf-v5-c-form-control--m-error--after--BorderColor);
|
|
15904
15885
|
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-error__icon--m-status--Color);
|
|
15905
15886
|
--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--
|
|
15887
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-v5-c-form-control--m-error--after--BorderWidth);
|
|
15907
15888
|
}
|
|
15908
15889
|
.pf-v5-c-form-control.pf-m-error.pf-m-icon {
|
|
15909
15890
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
|
|
15910
15891
|
}
|
|
15911
15892
|
.pf-v5-c-form-control.pf-m-success {
|
|
15912
15893
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-success--PaddingRight);
|
|
15913
|
-
--pf-v5-c-form-control--after--
|
|
15894
|
+
--pf-v5-c-form-control--after--BorderColor: var(--pf-v5-c-form-control--m-success--after--BorderColor);
|
|
15914
15895
|
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-success__icon--m-status--Color);
|
|
15915
15896
|
--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--
|
|
15897
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-v5-c-form-control--m-success--after--BorderWidth);
|
|
15917
15898
|
}
|
|
15918
15899
|
.pf-v5-c-form-control.pf-m-success.pf-m-icon {
|
|
15919
15900
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
|
|
15920
15901
|
}
|
|
15921
15902
|
.pf-v5-c-form-control.pf-m-warning {
|
|
15922
15903
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-warning--PaddingRight);
|
|
15923
|
-
--pf-v5-c-form-control--after--
|
|
15904
|
+
--pf-v5-c-form-control--after--BorderColor: var(--pf-v5-c-form-control--m-warning--after--BorderColor);
|
|
15924
15905
|
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-warning__icon--m-status--Color);
|
|
15925
15906
|
--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--
|
|
15907
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-v5-c-form-control--m-warning--after--BorderWidth);
|
|
15927
15908
|
}
|
|
15928
15909
|
.pf-v5-c-form-control.pf-m-warning.pf-m-icon {
|
|
15929
15910
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
|
|
@@ -15997,26 +15978,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15997
15978
|
pointer-events: none;
|
|
15998
15979
|
}
|
|
15999
15980
|
|
|
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);
|
|
15981
|
+
select ~ .pf-v5-c-form-control__utilities {
|
|
15982
|
+
--pf-v5-c-form-control__utilities--PaddingRight: 0;
|
|
16020
15983
|
}
|
|
16021
15984
|
|
|
16022
15985
|
:root {
|
|
@@ -20810,76 +20773,82 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20810
20773
|
--pf-v5-c-notification-badge--m-attention--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--m-expanded--BackgroundColor);
|
|
20811
20774
|
}
|
|
20812
20775
|
|
|
20776
|
+
:root,
|
|
20813
20777
|
.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-
|
|
20778
|
+
--pf-v5-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
20779
|
+
--pf-v5-c-notification-drawer__header--PaddingTop: var(--pf-t--global--spacer--md);
|
|
20780
|
+
--pf-v5-c-notification-drawer__header--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
20781
|
+
--pf-v5-c-notification-drawer__header--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
20782
|
+
--pf-v5-c-notification-drawer__header--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
20783
|
+
--pf-v5-c-notification-drawer__header--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
20784
|
+
--pf-v5-c-notification-drawer__header--ZIndex: var(--pf-t--global--Zindex--sm);
|
|
20785
|
+
--pf-v5-c-notification-drawer__header-title--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
20786
|
+
--pf-v5-c-notification-drawer__header-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
20787
|
+
--pf-v5-c-notification-drawer__header-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
20788
|
+
--pf-v5-c-notification-drawer__header-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
20789
|
+
--pf-v5-c-notification-drawer__header-status--MarginLeft: var(--pf-t--global--spacer--md);
|
|
20790
|
+
--pf-v5-c-notification-drawer__header-status--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
20791
|
+
--pf-v5-c-notification-drawer__header-status--FontSize: var(--pf-t--global--font--size--body--default);
|
|
20792
|
+
--pf-v5-c-notification-drawer__header-status--Color: var(--pf-t--global--text--color--subtle);
|
|
20793
|
+
--pf-v5-c-notification-drawer__body--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
20794
|
+
--pf-v5-c-notification-drawer__body--PaddingBlockStart: 0;
|
|
20795
|
+
--pf-v5-c-notification-drawer__body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
20796
|
+
--pf-v5-c-notification-drawer__list--Gap: var(--pf-t--global--spacer--sm);
|
|
20797
|
+
--pf-v5-c-notification-drawer__list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
20798
|
+
--pf-v5-c-notification-drawer__list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
20799
|
+
--pf-v5-c-notification-drawer__list-item--PaddingTop: var(--pf-t--global--spacer--md);
|
|
20800
|
+
--pf-v5-c-notification-drawer__list-item--PaddingRight: var(--pf-t--global--spacer--md);
|
|
20801
|
+
--pf-v5-c-notification-drawer__list-item--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
20802
|
+
--pf-v5-c-notification-drawer__list-item--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
20803
|
+
--pf-v5-c-notification-drawer__list-item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
20804
|
+
--pf-v5-c-notification-drawer__list-item--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
20805
|
+
--pf-v5-c-notification-drawer__list-item--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
20806
|
+
--pf-v5-c-notification-drawer__list-item--m-info__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
20807
|
+
--pf-v5-c-notification-drawer__list-item--m-info__list-item--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
20808
|
+
--pf-v5-c-notification-drawer__list-item--m-warning__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
20809
|
+
--pf-v5-c-notification-drawer__list-item--m-warning__list-item--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
20810
|
+
--pf-v5-c-notification-drawer__list-item--m-danger__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
20811
|
+
--pf-v5-c-notification-drawer__list-item--m-danger__list-item--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
20812
|
+
--pf-v5-c-notification-drawer__list-item--m-success__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
20813
|
+
--pf-v5-c-notification-drawer__list-item--m-success__list-item--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
20814
|
+
--pf-v5-c-notification-drawer__list-item--m-custom__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
20815
|
+
--pf-v5-c-notification-drawer__list-item--m-custom__list-item--BorderColor: var(--pf-t--global--border--color--status--custom--default);
|
|
20816
|
+
--pf-v5-c-notification-drawer__list-item--m-read--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
20817
|
+
--pf-v5-c-notification-drawer__list-item--m-read--BorderWidth: var(--pf-t--global--border--width--box--status--read);
|
|
20818
|
+
--pf-v5-c-notification-drawer__list-item--m-read--BorderColor: var(--pf-t--global--border--color--default);
|
|
20819
|
+
--pf-v5-c-notification-drawer__list-item--m-hoverable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
20820
|
+
--pf-v5-c-notification-drawer__list-item-header--MarginBottom: var(--pf-t--global--spacer--xs);
|
|
20857
20821
|
--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--
|
|
20822
|
+
--pf-v5-c-notification-drawer__list-item-header-icon--MarginRight: var(--pf-t--global--spacer--sm);
|
|
20823
|
+
--pf-v5-c-notification-drawer__list-item-header-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
20824
|
+
--pf-v5-c-notification-drawer__list-item-header-title--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
20825
|
+
--pf-v5-c-notification-drawer__list-item-header-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
20826
|
+
--pf-v5-c-notification-drawer__list-item-header-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
20860
20827
|
--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);
|
|
20828
|
+
--pf-v5-c-notification-drawer__list-item-description--MarginBottom: var(--pf-t--global--spacer--sm);
|
|
20829
|
+
--pf-v5-c-notification-drawer__list-item-timestamp--Color: var(--pf-t--global--text--color--subtle);
|
|
20830
|
+
--pf-v5-c-notification-drawer__list-item-timestamp--FontSize: var(--pf-t--global--font--size--body--default);
|
|
20831
|
+
--pf-v5-c-notification-drawer__group--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
|
|
20832
|
+
--pf-v5-c-notification-drawer__group--m-expanded--group--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
20867
20833
|
--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);
|
|
20834
|
+
--pf-v5-c-notification-drawer__group--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
20835
|
+
--pf-v5-c-notification-drawer__group-toggle--PaddingTop: var(--pf-t--global--spacer--md);
|
|
20836
|
+
--pf-v5-c-notification-drawer__group-toggle--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
20837
|
+
--pf-v5-c-notification-drawer__group-toggle--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
20838
|
+
--pf-v5-c-notification-drawer__group-toggle--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
20839
|
+
--pf-v5-c-notification-drawer__group-toggle--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
20875
20840
|
--pf-v5-c-notification-drawer__group-toggle--OutlineOffset: -0.25rem;
|
|
20876
|
-
--pf-v5-c-notification-drawer__group-toggle-title--MarginRight: var(--pf-
|
|
20841
|
+
--pf-v5-c-notification-drawer__group-toggle-title--MarginRight: var(--pf-t--global--spacer--md);
|
|
20842
|
+
--pf-v5-c-notification-drawer__group-toggle-title--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
20877
20843
|
--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-
|
|
20844
|
+
--pf-v5-c-notification-drawer__group-toggle-count--MarginRight: var(--pf-t--global--spacer--md);
|
|
20845
|
+
--pf-v5-c-notification-drawer__group-toggle-icon--MarginRight: var(--pf-t--global--spacer--md);
|
|
20846
|
+
--pf-v5-c-notification-drawer__group-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
20881
20847
|
--pf-v5-c-notification-drawer__group-toggle-icon--Transition: .2s ease-in 0s;
|
|
20882
20848
|
--pf-v5-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: 90deg;
|
|
20849
|
+
}
|
|
20850
|
+
|
|
20851
|
+
.pf-v5-c-notification-drawer {
|
|
20883
20852
|
display: flex;
|
|
20884
20853
|
flex-direction: column;
|
|
20885
20854
|
height: 100%;
|
|
@@ -20897,15 +20866,20 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20897
20866
|
padding-inline-start: var(--pf-v5-c-notification-drawer__header--PaddingLeft);
|
|
20898
20867
|
padding-inline-end: var(--pf-v5-c-notification-drawer__header--PaddingRight);
|
|
20899
20868
|
background-color: var(--pf-v5-c-notification-drawer__header--BackgroundColor);
|
|
20900
|
-
box-shadow: var(--pf-v5-c-notification-drawer__header--BoxShadow);
|
|
20901
20869
|
}
|
|
20902
20870
|
|
|
20903
20871
|
.pf-v5-c-notification-drawer__header-title {
|
|
20872
|
+
font-family: var(--pf-v5-c-notification-drawer__header-title--FontFamily);
|
|
20904
20873
|
font-size: var(--pf-v5-c-notification-drawer__header-title--FontSize);
|
|
20874
|
+
font-weight: var(--pf-v5-c-notification-drawer__header-title--FontWeight);
|
|
20875
|
+
line-height: var(--pf-v5-c-notification-drawer__header-title--LineHeight);
|
|
20905
20876
|
}
|
|
20906
20877
|
|
|
20907
20878
|
.pf-v5-c-notification-drawer__header-status {
|
|
20908
20879
|
margin-inline-start: var(--pf-v5-c-notification-drawer__header-status--MarginLeft);
|
|
20880
|
+
font-size: var(--pf-v5-c-notification-drawer__header-status--FontSize);
|
|
20881
|
+
font-weight: var(--pf-v5-c-notification-drawer__header-status--FontWeight);
|
|
20882
|
+
color: var(--pf-v5-c-notification-drawer__header-status--Color);
|
|
20909
20883
|
}
|
|
20910
20884
|
|
|
20911
20885
|
.pf-v5-c-notification-drawer__header-action {
|
|
@@ -20916,8 +20890,17 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20916
20890
|
|
|
20917
20891
|
.pf-v5-c-notification-drawer__body {
|
|
20918
20892
|
flex: 1;
|
|
20893
|
+
padding-block-start: var(--pf-v5-c-notification-drawer__body--PaddingBlockStart);
|
|
20894
|
+
padding-block-end: var(--pf-v5-c-notification-drawer__body--PaddingBlockEnd);
|
|
20919
20895
|
overflow-y: auto;
|
|
20920
|
-
|
|
20896
|
+
}
|
|
20897
|
+
|
|
20898
|
+
.pf-v5-c-notification-drawer__list:not([hidden]) {
|
|
20899
|
+
display: flex;
|
|
20900
|
+
flex-direction: column;
|
|
20901
|
+
gap: var(--pf-v5-c-notification-drawer__list--Gap);
|
|
20902
|
+
padding-inline-start: var(--pf-v5-c-notification-drawer__list--PaddingInlineStart);
|
|
20903
|
+
padding-inline-end: var(--pf-v5-c-notification-drawer__list--PaddingInlineEnd);
|
|
20921
20904
|
}
|
|
20922
20905
|
|
|
20923
20906
|
.pf-v5-c-notification-drawer__list-item {
|
|
@@ -20929,60 +20912,40 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20929
20912
|
padding-inline-start: var(--pf-v5-c-notification-drawer__list-item--PaddingLeft);
|
|
20930
20913
|
padding-inline-end: var(--pf-v5-c-notification-drawer__list-item--PaddingRight);
|
|
20931
20914
|
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);
|
|
20915
|
+
border: var(--pf-v5-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v5-c-notification-drawer__list-item--BorderColor);
|
|
20916
|
+
border-radius: var(--pf-v5-c-notification-drawer__list-item--BorderRadius);
|
|
20950
20917
|
}
|
|
20951
20918
|
.pf-v5-c-notification-drawer__list-item.pf-m-info {
|
|
20952
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20919
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-info__list-item--BorderColor);
|
|
20953
20920
|
--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
20921
|
}
|
|
20955
20922
|
.pf-v5-c-notification-drawer__list-item.pf-m-warning {
|
|
20956
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20923
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-warning__list-item--BorderColor);
|
|
20957
20924
|
--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
20925
|
}
|
|
20959
20926
|
.pf-v5-c-notification-drawer__list-item.pf-m-danger {
|
|
20960
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20927
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-danger__list-item--BorderColor);
|
|
20961
20928
|
--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
20929
|
}
|
|
20963
20930
|
.pf-v5-c-notification-drawer__list-item.pf-m-success {
|
|
20964
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20931
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-success__list-item--BorderColor);
|
|
20965
20932
|
--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
20933
|
}
|
|
20967
20934
|
.pf-v5-c-notification-drawer__list-item.pf-m-custom {
|
|
20968
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20935
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-custom__list-item--BorderColor);
|
|
20969
20936
|
--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
20937
|
}
|
|
20971
20938
|
.pf-v5-c-notification-drawer__list-item.pf-m-read {
|
|
20972
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20939
|
+
--pf-v5-c-notification-drawer__list-item--BorderWidth: var(--pf-v5-c-notification-drawer__list-item--m-read--BorderWidth);
|
|
20973
20940
|
--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);
|
|
20941
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-read--BorderColor);
|
|
20978
20942
|
position: relative;
|
|
20979
20943
|
}
|
|
20980
20944
|
.pf-v5-c-notification-drawer__list-item.pf-m-hoverable {
|
|
20981
20945
|
cursor: pointer;
|
|
20982
20946
|
}
|
|
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);
|
|
20947
|
+
.pf-v5-c-notification-drawer__list-item.pf-m-hoverable:hover, .pf-v5-c-notification-drawer__list-item.pf-m-hoverable:focus {
|
|
20948
|
+
background-color: var(--pf-v5-c-notification-drawer__list-item--m-hoverable--hover--BackgroundColor);
|
|
20986
20949
|
}
|
|
20987
20950
|
|
|
20988
20951
|
.pf-v5-c-notification-drawer__list-item-header {
|
|
@@ -20999,7 +20962,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20999
20962
|
}
|
|
21000
20963
|
|
|
21001
20964
|
.pf-v5-c-notification-drawer__list-item-header-title {
|
|
20965
|
+
font-family: var(--pf-v5-c-notification-drawer__list-item-header-title--FontFamily);
|
|
20966
|
+
font-size: var(--pf-v5-c-notification-drawer__list-item-header-title--FontSize);
|
|
21002
20967
|
font-weight: var(--pf-v5-c-notification-drawer__list-item-header-title--FontWeight);
|
|
20968
|
+
line-height: var(--pf-v5-c-notification-drawer__list-item-header-title--LineHeight);
|
|
21003
20969
|
word-break: break-word;
|
|
21004
20970
|
}
|
|
21005
20971
|
.pf-v5-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
@@ -21033,15 +20999,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
21033
20999
|
flex-direction: column;
|
|
21034
21000
|
}
|
|
21035
21001
|
|
|
21002
|
+
.pf-v5-c-notification-drawer__group {
|
|
21003
|
+
border-block-end: var(--pf-v5-c-notification-drawer__group--BorderBottomWidth) solid var(--pf-v5-c-notification-drawer__group--m-expanded--group--BorderBottomColor);
|
|
21004
|
+
}
|
|
21036
21005
|
.pf-v5-c-notification-drawer__group.pf-m-expanded {
|
|
21037
21006
|
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;
|
|
21007
|
+
padding-block-end: var(--pf-v5-c-notification-drawer__group--m-expanded--PaddingBlockEnd);
|
|
21045
21008
|
}
|
|
21046
21009
|
|
|
21047
21010
|
.pf-v5-c-notification-drawer__group-toggle {
|
|
@@ -21053,8 +21016,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
21053
21016
|
padding-inline-start: var(--pf-v5-c-notification-drawer__group-toggle--PaddingLeft);
|
|
21054
21017
|
padding-inline-end: var(--pf-v5-c-notification-drawer__group-toggle--PaddingRight);
|
|
21055
21018
|
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);
|
|
21019
|
+
border: none;
|
|
21058
21020
|
outline-offset: var(--pf-v5-c-notification-drawer__group-toggle--OutlineOffset);
|
|
21059
21021
|
}
|
|
21060
21022
|
|
|
@@ -21065,6 +21027,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
21065
21027
|
overflow: hidden;
|
|
21066
21028
|
flex: 1;
|
|
21067
21029
|
margin-inline-end: var(--pf-v5-c-notification-drawer__group-toggle-title--MarginRight);
|
|
21030
|
+
font-size: var(--pf-v5-c-notification-drawer__group-toggle-title--FontSize);
|
|
21068
21031
|
text-align: start;
|
|
21069
21032
|
word-break: break-word;
|
|
21070
21033
|
}
|
|
@@ -21087,21 +21050,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
21087
21050
|
transform: rotate(var(--pf-v5-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
21088
21051
|
}
|
|
21089
21052
|
|
|
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
21053
|
.pf-v5-c-options-menu {
|
|
21106
21054
|
--pf-v5-c-options-menu__toggle--BackgroundColor: transparent;
|
|
21107
21055
|
--pf-v5-c-options-menu__toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
|
|
@@ -23782,24 +23730,29 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
23782
23730
|
}
|
|
23783
23731
|
}
|
|
23784
23732
|
|
|
23733
|
+
:root,
|
|
23785
23734
|
.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--
|
|
23735
|
+
--pf-v5-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
23736
|
+
--pf-v5-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
|
|
23737
|
+
--pf-v5-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
23738
|
+
--pf-v5-c-radio__label--Color: var(--pf-t--global--text--color--regular);
|
|
23739
|
+
--pf-v5-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body);
|
|
23740
|
+
--pf-v5-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
23741
|
+
--pf-v5-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
23792
23742
|
--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
23743
|
--pf-v5-c-radio__input--first-child--MarginLeft: 0.0625rem;
|
|
23795
23744
|
--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-
|
|
23745
|
+
--pf-v5-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
23746
|
+
--pf-v5-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
|
|
23747
|
+
--pf-v5-c-radio__body--MarginTop: var(--pf-t--global--spacer--sm);
|
|
23748
|
+
}
|
|
23749
|
+
|
|
23750
|
+
.pf-v5-c-radio {
|
|
23799
23751
|
display: grid;
|
|
23800
23752
|
grid-template-columns: auto 1fr;
|
|
23801
23753
|
grid-gap: var(--pf-v5-c-radio--GridGap);
|
|
23802
23754
|
align-items: baseline;
|
|
23755
|
+
accent-color: var(--pf-v5-c-radio--AccentColor);
|
|
23803
23756
|
}
|
|
23804
23757
|
.pf-v5-c-radio.pf-m-standalone {
|
|
23805
23758
|
--pf-v5-c-radio--GridGap: 0;
|
|
@@ -23809,7 +23762,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
23809
23762
|
|
|
23810
23763
|
.pf-v5-c-radio__input {
|
|
23811
23764
|
align-self: start;
|
|
23812
|
-
-moz-transform: translateY(var(--pf-v5-c-radio__input--TranslateY--moz));
|
|
23813
23765
|
transform: translateY(var(--pf-v5-c-radio__input--TranslateY));
|
|
23814
23766
|
}
|
|
23815
23767
|
.pf-v5-c-radio__input:first-child {
|
|
@@ -24786,7 +24738,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
24786
24738
|
--pf-v5-c-simple-list__item-link--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
24787
24739
|
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
24788
24740
|
--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);
|
|
24741
|
+
--pf-v5-c-simple-list__item-link--FontSize: var(--pf-t--global--font--size--body--default);
|
|
24790
24742
|
--pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
24791
24743
|
--pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--selected);
|
|
24792
24744
|
--pf-v5-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
|
|
@@ -25329,40 +25281,44 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
25329
25281
|
transform: rotate(720deg);
|
|
25330
25282
|
}
|
|
25331
25283
|
}
|
|
25284
|
+
:root,
|
|
25332
25285
|
.pf-v5-c-switch {
|
|
25333
|
-
--pf-v5-c-switch--FontSize: var(--pf-
|
|
25334
|
-
--pf-v5-c-
|
|
25335
|
-
--pf-v5-c-switch--ColumnGap: var(--pf-v5-c-switch__label--PaddingLeft);
|
|
25286
|
+
--pf-v5-c-switch--FontSize: var(--pf-t--global--font--size--sm);
|
|
25287
|
+
--pf-v5-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
25336
25288
|
--pf-v5-c-switch__toggle-icon--FontSize: calc(var(--pf-v5-c-switch--FontSize) * .625);
|
|
25337
|
-
--pf-v5-c-switch__toggle-icon--Color: var(--pf-
|
|
25289
|
+
--pf-v5-c-switch__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
25338
25290
|
--pf-v5-c-switch__toggle-icon--Left: calc(var(--pf-v5-c-switch--FontSize) * .4);
|
|
25339
25291
|
--pf-v5-c-switch__toggle-icon--Offset: 0.125rem;
|
|
25340
|
-
--pf-v5-c-switch__input--disabled__toggle-icon--Color: var(--pf-
|
|
25341
|
-
--pf-v5-c-switch--LineHeight: var(--pf-
|
|
25292
|
+
--pf-v5-c-switch__input--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
25293
|
+
--pf-v5-c-switch--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
25342
25294
|
--pf-v5-c-switch--Height: auto;
|
|
25343
|
-
--pf-v5-c-switch__input--checked__toggle--BackgroundColor: var(--pf-
|
|
25295
|
+
--pf-v5-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
25344
25296
|
--pf-v5-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v5-c-switch__toggle-icon--Offset));
|
|
25345
|
-
--pf-v5-c-switch__input--
|
|
25346
|
-
--pf-v5-c-switch__input--
|
|
25347
|
-
--pf-v5-c-switch__input--
|
|
25348
|
-
--pf-v5-c-switch__input--
|
|
25349
|
-
--pf-v5-c-switch__input--disabled__toggle--
|
|
25350
|
-
--pf-v5-c-switch__input--
|
|
25351
|
-
--pf-v5-c-switch__input--
|
|
25352
|
-
--pf-v5-c-switch__input--
|
|
25297
|
+
--pf-v5-c-switch__input--checked__toggle--BorderWidth: 0;
|
|
25298
|
+
--pf-v5-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
|
|
25299
|
+
--pf-v5-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
|
|
25300
|
+
--pf-v5-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
|
|
25301
|
+
--pf-v5-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
25302
|
+
--pf-v5-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
|
|
25303
|
+
--pf-v5-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
|
|
25304
|
+
--pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
|
|
25305
|
+
--pf-v5-c-switch__input--focus__toggle--OutlineWidth: var(--pf-t--global--border--width--strong);
|
|
25306
|
+
--pf-v5-c-switch__input--focus__toggle--OutlineOffset: var(--pf-t--global--spacer--xs);
|
|
25307
|
+
--pf-v5-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
|
|
25353
25308
|
--pf-v5-c-switch__toggle--Height: calc(var(--pf-v5-c-switch--FontSize) * var(--pf-v5-c-switch--LineHeight));
|
|
25354
|
-
--pf-v5-c-switch__toggle--BackgroundColor: var(--pf-
|
|
25355
|
-
--pf-v5-c-switch__toggle--
|
|
25309
|
+
--pf-v5-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
25310
|
+
--pf-v5-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
25311
|
+
--pf-v5-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
25312
|
+
--pf-v5-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
25356
25313
|
--pf-v5-c-switch__toggle--before--Width: calc(var(--pf-v5-c-switch--FontSize) - var(--pf-v5-c-switch__toggle-icon--Offset));
|
|
25357
25314
|
--pf-v5-c-switch__toggle--before--Height: var(--pf-v5-c-switch__toggle--before--Width);
|
|
25358
|
-
--pf-v5-c-switch__toggle--before--
|
|
25359
|
-
--pf-v5-c-switch__toggle--before--
|
|
25360
|
-
--pf-v5-c-switch__toggle--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
25361
|
-
--pf-v5-c-switch__toggle--before--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
|
|
25362
|
-
--pf-v5-c-switch__toggle--before--BoxShadow: var(--pf-v5-global--BoxShadow--md);
|
|
25315
|
+
--pf-v5-c-switch__toggle--before--Left: calc((var(--pf-v5-c-switch__toggle--Height) - var(--pf-v5-c-switch__toggle--before--Height)) / 2);
|
|
25316
|
+
--pf-v5-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
25363
25317
|
--pf-v5-c-switch__toggle--before--Transition: transform .25s ease 0s;
|
|
25364
25318
|
--pf-v5-c-switch__toggle--Width: calc(var(--pf-v5-c-switch__toggle--Height) + var(--pf-v5-c-switch__toggle-icon--Offset) + var(--pf-v5-c-switch__toggle--before--Width));
|
|
25365
|
-
|
|
25319
|
+
}
|
|
25320
|
+
|
|
25321
|
+
.pf-v5-c-switch {
|
|
25366
25322
|
position: relative;
|
|
25367
25323
|
display: inline-grid;
|
|
25368
25324
|
grid-template-columns: auto;
|
|
@@ -25395,13 +25351,15 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
25395
25351
|
color: var(--pf-v5-c-switch__input--checked__label--Color);
|
|
25396
25352
|
}
|
|
25397
25353
|
.pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle {
|
|
25354
|
+
--pf-v5-c-switch__toggle--BorderWidth: var(--pf-v5-c-switch__input--checked__toggle--BorderWidth);
|
|
25398
25355
|
background-color: var(--pf-v5-c-switch__input--checked__toggle--BackgroundColor);
|
|
25399
25356
|
}
|
|
25400
25357
|
.pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
|
|
25401
|
-
transform:
|
|
25358
|
+
transform: translate(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX), -50%);
|
|
25359
|
+
background-color: var(--pf-v5-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
25402
25360
|
}
|
|
25403
25361
|
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
|
|
25404
|
-
transform:
|
|
25362
|
+
transform: translate(calc(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)), -50%);
|
|
25405
25363
|
}
|
|
25406
25364
|
|
|
25407
25365
|
.pf-v5-c-switch__input:checked ~ .pf-m-off {
|
|
@@ -25442,16 +25400,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
25442
25400
|
}
|
|
25443
25401
|
.pf-v5-c-switch__toggle::before {
|
|
25444
25402
|
position: absolute;
|
|
25445
|
-
inset-block-start:
|
|
25403
|
+
inset-block-start: 50%;
|
|
25446
25404
|
inset-inline-start: var(--pf-v5-c-switch__toggle--before--Left);
|
|
25447
25405
|
display: block;
|
|
25448
25406
|
width: var(--pf-v5-c-switch__toggle--before--Width);
|
|
25449
25407
|
height: var(--pf-v5-c-switch__toggle--before--Height);
|
|
25450
25408
|
content: "";
|
|
25451
|
-
background-color: var(--pf-v5-c-
|
|
25409
|
+
background-color: var(--pf-v5-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
25452
25410
|
border-radius: var(--pf-v5-c-switch__toggle--before--BorderRadius);
|
|
25453
|
-
box-shadow: var(--pf-v5-c-switch__toggle--before--BoxShadow);
|
|
25454
25411
|
transition: var(--pf-v5-c-switch__toggle--before--Transition);
|
|
25412
|
+
transform: translateY(-50%);
|
|
25413
|
+
}
|
|
25414
|
+
.pf-v5-c-switch__toggle::after {
|
|
25415
|
+
position: absolute;
|
|
25416
|
+
inset: 0;
|
|
25417
|
+
content: "";
|
|
25418
|
+
border: var(--pf-v5-c-switch__toggle--BorderWidth) solid var(--pf-v5-c-switch__toggle--BorderColor);
|
|
25419
|
+
border-radius: var(--pf-v5-c-switch__toggle--BorderRadius);
|
|
25455
25420
|
}
|
|
25456
25421
|
|
|
25457
25422
|
.pf-v5-c-switch__toggle-icon {
|
|
@@ -25468,22 +25433,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
25468
25433
|
.pf-v5-c-switch__label {
|
|
25469
25434
|
display: inline-block;
|
|
25470
25435
|
grid-column: 2;
|
|
25471
|
-
color: var(--pf-v5-c-switch__label--Color);
|
|
25472
25436
|
vertical-align: top;
|
|
25473
25437
|
}
|
|
25474
25438
|
|
|
25475
|
-
: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 {
|
|
25476
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
25477
|
-
}
|
|
25478
|
-
|
|
25479
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-switch {
|
|
25480
|
-
--pf-v5-c-switch__toggle-icon--Color: var(--pf-v5-global--BackgroundColor--100);
|
|
25481
|
-
--pf-v5-c-switch__input--not-checked__label--Color: var(--pf-v5-global--Color--100);
|
|
25482
|
-
--pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-v5-global--disabled-color--100);
|
|
25483
|
-
--pf-v5-c-switch__toggle--before--BoxShadow: none;
|
|
25484
|
-
--pf-v5-c-switch__input--disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--100);
|
|
25485
|
-
}
|
|
25486
|
-
|
|
25487
25439
|
:root,
|
|
25488
25440
|
.pf-v5-c-tab-content {
|
|
25489
25441
|
--pf-v5-c-tab-content__body--PaddingTop: 0;
|