@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
|
@@ -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);
|
|
@@ -8012,6 +8012,7 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
8012
8012
|
text-align: center;
|
|
8013
8013
|
text-decoration: var(--pf-v5-c-button--TextDecoration);
|
|
8014
8014
|
white-space: nowrap;
|
|
8015
|
+
cursor: pointer;
|
|
8015
8016
|
user-select: none;
|
|
8016
8017
|
background-color: var(--pf-v5-c-button--BackgroundColor);
|
|
8017
8018
|
border: 0;
|
|
@@ -8109,7 +8110,6 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
8109
8110
|
display: inline;
|
|
8110
8111
|
text-align: start;
|
|
8111
8112
|
white-space: normal;
|
|
8112
|
-
cursor: pointer;
|
|
8113
8113
|
outline-offset: 0.125rem;
|
|
8114
8114
|
}
|
|
8115
8115
|
.pf-v5-c-button.pf-m-link:where(.pf-m-danger) {
|
|
@@ -8225,7 +8225,9 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
8225
8225
|
mix-blend-mode: var(--pf-v5-c-button--m-plain--MixBlendMode);
|
|
8226
8226
|
}
|
|
8227
8227
|
.pf-v5-c-button.pf-m-plain.pf-m-no-padding {
|
|
8228
|
+
min-width: auto;
|
|
8228
8229
|
padding: 0;
|
|
8230
|
+
background-color: transparent;
|
|
8229
8231
|
}
|
|
8230
8232
|
.pf-v5-c-button.pf-m-block {
|
|
8231
8233
|
display: block;
|
|
@@ -8974,25 +8976,28 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
8974
8976
|
--pf-v5-c-card--m-selectable-raised--active--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
|
|
8975
8977
|
}
|
|
8976
8978
|
|
|
8979
|
+
:root,
|
|
8977
8980
|
.pf-v5-c-check {
|
|
8978
|
-
--pf-v5-c-check--GridGap: var(--pf-
|
|
8979
|
-
--pf-v5-c-
|
|
8980
|
-
--pf-v5-c-check__label--Color: var(--pf-
|
|
8981
|
-
--pf-v5-c-check__label--
|
|
8982
|
-
--pf-v5-c-check__label--
|
|
8983
|
-
--pf-v5-c-check__label--
|
|
8981
|
+
--pf-v5-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
8982
|
+
--pf-v5-c-check--AccentColor: var(--pf-t--global--color--brand--default);
|
|
8983
|
+
--pf-v5-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
8984
|
+
--pf-v5-c-check__label--Color: var(--pf-t--global--text--color--regular);
|
|
8985
|
+
--pf-v5-c-check__label--FontWeight: var(--pf-t--global--font--weight--body);
|
|
8986
|
+
--pf-v5-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
8987
|
+
--pf-v5-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
8984
8988
|
--pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
|
|
8985
|
-
--pf-v5-c-
|
|
8986
|
-
--pf-v5-c-check__description--
|
|
8987
|
-
--pf-v5-c-
|
|
8988
|
-
--pf-v5-c-
|
|
8989
|
-
--pf-v5-c-check__label-required--
|
|
8990
|
-
|
|
8991
|
-
|
|
8989
|
+
--pf-v5-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
8990
|
+
--pf-v5-c-check__description--Color: var(--pf-t--global--text--color--subtle);
|
|
8991
|
+
--pf-v5-c-check__label-required--MarginLeft: var(--pf-t--global--spacer--xs);
|
|
8992
|
+
--pf-v5-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
8993
|
+
--pf-v5-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
|
|
8994
|
+
}
|
|
8995
|
+
|
|
8996
|
+
.pf-v5-c-check {
|
|
8992
8997
|
display: grid;
|
|
8993
8998
|
grid-template-columns: auto 1fr;
|
|
8994
8999
|
grid-gap: var(--pf-v5-c-check--GridGap);
|
|
8995
|
-
|
|
9000
|
+
accent-color: var(--pf-v5-c-check--AccentColor);
|
|
8996
9001
|
}
|
|
8997
9002
|
.pf-v5-c-check.pf-m-standalone {
|
|
8998
9003
|
--pf-v5-c-check--GridGap: 0;
|
|
@@ -9002,7 +9007,6 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
9002
9007
|
|
|
9003
9008
|
.pf-v5-c-check__input {
|
|
9004
9009
|
align-self: start;
|
|
9005
|
-
-moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
|
|
9006
9010
|
transform: translateY(var(--pf-v5-c-check__input--TranslateY));
|
|
9007
9011
|
}
|
|
9008
9012
|
|
|
@@ -9021,7 +9025,6 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
9021
9025
|
|
|
9022
9026
|
.pf-v5-c-check__body {
|
|
9023
9027
|
grid-column: 2;
|
|
9024
|
-
margin-block-start: var(--pf-v5-c-check__body--MarginTop);
|
|
9025
9028
|
}
|
|
9026
9029
|
|
|
9027
9030
|
.pf-v5-c-check__label,
|
|
@@ -15093,105 +15096,104 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15093
15096
|
transform: translate(-50%, -50%);
|
|
15094
15097
|
}
|
|
15095
15098
|
|
|
15099
|
+
:root,
|
|
15096
15100
|
.pf-v5-c-form {
|
|
15097
|
-
--pf-v5-c-form--GridGap: var(--pf-
|
|
15098
|
-
--pf-v5-c-form__group--
|
|
15101
|
+
--pf-v5-c-form--GridGap: var(--pf-t--global--spacer--lg);
|
|
15102
|
+
--pf-v5-c-form__group--Gap: var(--pf-t--global--spacer--sm);
|
|
15103
|
+
--pf-v5-c-form__group--m-action--MarginTop: var(--pf-t--global--spacer--xl);
|
|
15099
15104
|
--pf-v5-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
|
|
15100
|
-
--pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-
|
|
15105
|
+
--pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--md);
|
|
15101
15106
|
--pf-v5-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
|
|
15102
15107
|
--pf-v5-c-form--m-limit-width--MaxWidth: 55rem;
|
|
15103
|
-
--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop: calc((((((var(--pf-
|
|
15104
|
-
--pf-v5-c-form__group-label--PaddingBottom: var(--pf-
|
|
15108
|
+
--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));
|
|
15109
|
+
--pf-v5-c-form__group-label--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
15105
15110
|
--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop: 0;
|
|
15106
|
-
--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-
|
|
15107
|
-
--pf-v5-c-form__label--FontSize: var(--pf-
|
|
15108
|
-
--pf-v5-c-form__label--LineHeight: var(--pf-
|
|
15109
|
-
--pf-v5-c-form__label--m-disabled--Color: var(--pf-
|
|
15111
|
+
--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)));
|
|
15112
|
+
--pf-v5-c-form__label--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
15113
|
+
--pf-v5-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
15114
|
+
--pf-v5-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
15110
15115
|
--pf-v5-c-form__label--hover--Cursor: pointer;
|
|
15111
15116
|
--pf-v5-c-form__label--m-disabled--hover--Cursor: not-allowed;
|
|
15112
|
-
--pf-v5-c-form__label-text--FontWeight: var(--pf-
|
|
15113
|
-
--pf-v5-c-form__label-required--MarginLeft: var(--pf-
|
|
15114
|
-
--pf-v5-c-form__label-required--FontSize: var(--pf-
|
|
15115
|
-
--pf-v5-c-form__label-required--Color: var(--pf-
|
|
15117
|
+
--pf-v5-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
15118
|
+
--pf-v5-c-form__label-required--MarginLeft: var(--pf-t--global--spacer--xs);
|
|
15119
|
+
--pf-v5-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
15120
|
+
--pf-v5-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
|
|
15116
15121
|
--pf-v5-c-form__group-label-help--BackgroundColor: transparent;
|
|
15117
|
-
--pf-v5-c-form__group-label-help--PaddingTop: var(--pf-
|
|
15118
|
-
--pf-v5-c-form__group-label-help--PaddingRight: var(--pf-
|
|
15119
|
-
--pf-v5-c-form__group-label-help--PaddingBottom: var(--pf-
|
|
15120
|
-
--pf-v5-c-form__group-label-help--PaddingLeft: var(--pf-
|
|
15122
|
+
--pf-v5-c-form__group-label-help--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
15123
|
+
--pf-v5-c-form__group-label-help--PaddingRight: var(--pf-t--global--spacer--xs);
|
|
15124
|
+
--pf-v5-c-form__group-label-help--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
15125
|
+
--pf-v5-c-form__group-label-help--PaddingLeft: var(--pf-t--global--spacer--xs);
|
|
15121
15126
|
--pf-v5-c-form__group-label-help--MarginTop: calc(var(--pf-v5-c-form__group-label-help--PaddingTop) * -1);
|
|
15122
15127
|
--pf-v5-c-form__group-label-help--MarginRight: calc(var(--pf-v5-c-form__group-label-help--PaddingRight) * -1);
|
|
15123
15128
|
--pf-v5-c-form__group-label-help--MarginBottom: calc(var(--pf-v5-c-form__group-label-help--PaddingBottom) * -1);
|
|
15124
|
-
--pf-v5-c-form__group-label-help--MarginLeft: calc(var(--pf-v5-c-form__group-label-help--PaddingLeft) * -1 + var(--pf-
|
|
15125
|
-
--pf-v5-c-form__group-label-help--FontSize: var(--pf-
|
|
15129
|
+
--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));
|
|
15130
|
+
--pf-v5-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
15126
15131
|
--pf-v5-c-form__group-label-help--TranslateY: 0.125rem;
|
|
15127
|
-
--pf-v5-c-form__group-label-help--Color: var(--pf-
|
|
15128
|
-
--pf-v5-c-form__group-label-help--hover--Color: var(--pf-
|
|
15129
|
-
--pf-v5-c-form__group-label-help--focus--Color: var(--pf-
|
|
15130
|
-
--pf-v5-c-form__group-label-info--MarginLeft: var(--pf-
|
|
15131
|
-
--pf-v5-c-form__group-label-info--FontSize: var(--pf-
|
|
15132
|
-
--pf-v5-c-form__group-control--m-inline--child--MarginRight: var(--pf-
|
|
15133
|
-
--pf-v5-c-form__group-control__helper-text--MarginBottom: var(--pf-
|
|
15134
|
-
--pf-v5-c-form__group-control--
|
|
15132
|
+
--pf-v5-c-form__group-label-help--Color: var(--pf-t--global--icon--color--regular);
|
|
15133
|
+
--pf-v5-c-form__group-label-help--hover--Color: var(--pf-t--global--icon--color--regular);
|
|
15134
|
+
--pf-v5-c-form__group-label-help--focus--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
15135
|
+
--pf-v5-c-form__group-label-info--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
15136
|
+
--pf-v5-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
15137
|
+
--pf-v5-c-form__group-control--m-inline--child--MarginRight: var(--pf-t--global--spacer--lg);
|
|
15138
|
+
--pf-v5-c-form__group-control__helper-text--MarginBottom: var(--pf-t--global--spacer--xs);
|
|
15139
|
+
--pf-v5-c-form__group-control--Gap: var(--pf-t--global--spacer--sm);
|
|
15140
|
+
--pf-v5-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--sm);
|
|
15135
15141
|
--pf-v5-c-form__group-control--m-stack__helper-text--MarginTop: calc(var(--pf-v5-c-form__group-control--m-stack--Gap) * -1 + var(--pf-v5-c-form__helper-text--MarginTop--base));
|
|
15136
|
-
--pf-v5-c-form__actions--child--MarginTop: var(--pf-
|
|
15137
|
-
--pf-v5-c-form__actions--child--MarginRight: var(--pf-
|
|
15138
|
-
--pf-v5-c-form__actions--child--MarginBottom: var(--pf-
|
|
15139
|
-
--pf-v5-c-form__actions--child--MarginLeft: var(--pf-
|
|
15142
|
+
--pf-v5-c-form__actions--child--MarginTop: var(--pf-t--global--spacer--sm);
|
|
15143
|
+
--pf-v5-c-form__actions--child--MarginRight: var(--pf-t--global--spacer--sm);
|
|
15144
|
+
--pf-v5-c-form__actions--child--MarginBottom: var(--pf-t--global--spacer--sm);
|
|
15145
|
+
--pf-v5-c-form__actions--child--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
15140
15146
|
--pf-v5-c-form__actions--MarginTop: calc(var(--pf-v5-c-form__actions--child--MarginTop) * -1);
|
|
15141
15147
|
--pf-v5-c-form__actions--MarginRight: calc(var(--pf-v5-c-form__actions--child--MarginRight) * -1);
|
|
15142
15148
|
--pf-v5-c-form__actions--MarginBottom: calc(var(--pf-v5-c-form__actions--child--MarginBottom) * -1);
|
|
15143
15149
|
--pf-v5-c-form__actions--MarginLeft: calc(var(--pf-v5-c-form__actions--child--MarginLeft) * -1);
|
|
15144
|
-
--pf-v5-c-form__helper-text--MarginTop--base: var(--pf-
|
|
15150
|
+
--pf-v5-c-form__helper-text--MarginTop--base: var(--pf-t--global--spacer--xs);
|
|
15145
15151
|
--pf-v5-c-form__helper-text--MarginTop: var(--pf-v5-c-form__helper-text--MarginTop--base);
|
|
15146
|
-
--pf-v5-c-
|
|
15147
|
-
--pf-v5-c-
|
|
15148
|
-
--pf-v5-c-
|
|
15149
|
-
--pf-v5-c-
|
|
15150
|
-
--pf-v5-c-
|
|
15151
|
-
--pf-v5-c-
|
|
15152
|
-
--pf-v5-c-form__helper-text--m-error--Color: var(--pf-v5-global--danger-color--100);
|
|
15153
|
-
--pf-v5-c-form__section--MarginTop: var(--pf-v5-global--spacer--xl);
|
|
15154
|
-
--pf-v5-c-form__section--Gap: var(--pf-v5-global--gutter--md);
|
|
15155
|
-
--pf-v5-c-form__section-title--FontSize: var(--pf-v5-global--FontSize--lg);
|
|
15156
|
-
--pf-v5-c-form__section-title--FontWeight: var(--pf-v5-global--FontWeight--bold);
|
|
15157
|
-
--pf-v5-c-form__section-title--MarginBottom: calc(var(--pf-v5-global--spacer--sm) * -1);
|
|
15158
|
-
--pf-v5-c-form__field-group--border-width-base: var(--pf-v5-global--BorderWidth--sm);
|
|
15152
|
+
--pf-v5-c-form__section--MarginTop: var(--pf-t--global--spacer--xl);
|
|
15153
|
+
--pf-v5-c-form__section--Gap: var(--pf-t--global--spacer--md);
|
|
15154
|
+
--pf-v5-c-form__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
15155
|
+
--pf-v5-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
15156
|
+
--pf-v5-c-form__section-title--MarginBottom: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
15157
|
+
--pf-v5-c-form__field-group--border-width-base: var(--pf-t--global--border--width--divider--default);
|
|
15159
15158
|
--pf-v5-c-form__field-group--BorderTopWidth: var(--pf-v5-c-form__field-group--border-width-base);
|
|
15160
|
-
--pf-v5-c-form__field-group--BorderTopColor: var(--pf-
|
|
15159
|
+
--pf-v5-c-form__field-group--BorderTopColor: var(--pf-t--global--border--color--default);
|
|
15161
15160
|
--pf-v5-c-form__field-group--BorderBottomWidth: var(--pf-v5-c-form__field-group--border-width-base);
|
|
15162
|
-
--pf-v5-c-form__field-group--BorderBottomColor: var(--pf-
|
|
15161
|
+
--pf-v5-c-form__field-group--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
15163
15162
|
--pf-v5-c-form__field-group--field-group--MarginTop: calc(var(--pf-v5-c-form--GridGap) * -1);
|
|
15164
|
-
--pf-v5-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-
|
|
15165
|
-
--pf-v5-c-form__field-group-toggle--PaddingTop: var(--pf-
|
|
15166
|
-
--pf-v5-c-form__field-group-toggle--PaddingRight: var(--pf-
|
|
15167
|
-
--pf-v5-c-form__field-group__field-group__field-group-toggle--PaddingTop: var(--pf-
|
|
15168
|
-
--pf-v5-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-
|
|
15163
|
+
--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));
|
|
15164
|
+
--pf-v5-c-form__field-group-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
15165
|
+
--pf-v5-c-form__field-group-toggle--PaddingRight: var(--pf-t--global--spacer--xs);
|
|
15166
|
+
--pf-v5-c-form__field-group__field-group__field-group-toggle--PaddingTop: var(--pf-t--global--spacer--md);
|
|
15167
|
+
--pf-v5-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
|
|
15169
15168
|
--pf-v5-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderTopWidth: var(--pf-v5-c-form__field-group-header-toggle--BorderWidth--base);
|
|
15170
|
-
--pf-v5-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-
|
|
15171
|
-
--pf-v5-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-
|
|
15169
|
+
--pf-v5-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-t--global--spacer--form-element) * -1);
|
|
15170
|
+
--pf-v5-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-t--global--spacer--form-element) * -1);
|
|
15172
15171
|
--pf-v5-c-form__field-group-toggle-icon--Transition: var(--pf-v5-global--Transition);
|
|
15173
|
-
--pf-v5-c-form__field-group-toggle-icon--MinWidth: var(--pf-
|
|
15172
|
+
--pf-v5-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
|
|
15174
15173
|
--pf-v5-c-form__field-group-toggle-icon--Rotate: 0;
|
|
15175
15174
|
--pf-v5-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
|
|
15176
|
-
--pf-v5-c-form__field-group-header--PaddingTop: var(--pf-
|
|
15177
|
-
--pf-v5-c-form__field-group-header--PaddingBottom: var(--pf-
|
|
15175
|
+
--pf-v5-c-form__field-group-header--PaddingTop: var(--pf-t--global--spacer--md);
|
|
15176
|
+
--pf-v5-c-form__field-group-header--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
15178
15177
|
--pf-v5-c-form__field-group-header--GridColumn: 1 / 3;
|
|
15179
|
-
--pf-v5-c-form__field-group__field-group__field-group-header--PaddingTop: var(--pf-
|
|
15180
|
-
--pf-v5-c-form__field-group__field-group__field-group-header--PaddingBottom: var(--pf-
|
|
15178
|
+
--pf-v5-c-form__field-group__field-group__field-group-header--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
15179
|
+
--pf-v5-c-form__field-group__field-group__field-group-header--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
15181
15180
|
--pf-v5-c-form__field-group-toggle--field-group-header--GridColumn: 2 / 3;
|
|
15182
15181
|
--pf-v5-c-form__field-group__field-group--field-group__field-group-header--after--BorderTopWidth: var(--pf-v5-c-form__field-group-header-toggle--BorderWidth--base);
|
|
15183
|
-
--pf-v5-c-form__field-group-header-description--MarginTop: var(--pf-
|
|
15184
|
-
--pf-v5-c-form__field-group-header-description--Color: var(--pf-
|
|
15185
|
-
--pf-v5-c-form__field-group-header-actions--MarginTop: calc(var(--pf-
|
|
15186
|
-
--pf-v5-c-form__field-group-header-actions--MarginBottom: calc(var(--pf-
|
|
15187
|
-
--pf-v5-c-form__field-group-header-actions--MarginLeft: var(--pf-
|
|
15188
|
-
--pf-v5-c-form__field-group-body--PaddingTop: var(--pf-
|
|
15189
|
-
--pf-v5-c-form__field-group-body--PaddingBottom: var(--pf-
|
|
15182
|
+
--pf-v5-c-form__field-group-header-description--MarginTop: var(--pf-t--global--spacer--xs);
|
|
15183
|
+
--pf-v5-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
|
|
15184
|
+
--pf-v5-c-form__field-group-header-actions--MarginTop: calc(var(--pf-t--global--spacer--form-element) * -1);
|
|
15185
|
+
--pf-v5-c-form__field-group-header-actions--MarginBottom: calc(var(--pf-t--global--spacer--form-element) * -1);
|
|
15186
|
+
--pf-v5-c-form__field-group-header-actions--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
15187
|
+
--pf-v5-c-form__field-group-body--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
15188
|
+
--pf-v5-c-form__field-group-body--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
15190
15189
|
--pf-v5-c-form__field-group-body--Gap: var(--pf-v5-c-form--GridGap);
|
|
15191
15190
|
--pf-v5-c-form__field-group-body--GridColumn: 2 / 3;
|
|
15192
15191
|
--pf-v5-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
|
|
15193
15192
|
--pf-v5-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
|
|
15194
15193
|
--pf-v5-c-form__field-group-body__field-group--last-child--MarginBottom: calc(var(--pf-v5-c-form__field-group-body--PaddingBottom) * -1);
|
|
15194
|
+
}
|
|
15195
|
+
|
|
15196
|
+
.pf-v5-c-form {
|
|
15195
15197
|
display: grid;
|
|
15196
15198
|
gap: var(--pf-v5-c-form--GridGap);
|
|
15197
15199
|
}
|
|
@@ -15343,6 +15345,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15343
15345
|
}
|
|
15344
15346
|
|
|
15345
15347
|
.pf-v5-c-form__group {
|
|
15348
|
+
display: flex;
|
|
15349
|
+
flex-direction: column;
|
|
15350
|
+
gap: var(--pf-v5-c-form__group--Gap);
|
|
15346
15351
|
min-width: 0;
|
|
15347
15352
|
}
|
|
15348
15353
|
.pf-v5-c-form__group.pf-m-action {
|
|
@@ -15366,7 +15371,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15366
15371
|
|
|
15367
15372
|
.pf-v5-c-form__group-label {
|
|
15368
15373
|
--pf-v5-c-form__helper-text--MarginTop: 0;
|
|
15369
|
-
padding-block-end: var(--pf-v5-c-form__group-label--PaddingBottom);
|
|
15370
15374
|
}
|
|
15371
15375
|
.pf-v5-c-form__group-label.pf-m-info {
|
|
15372
15376
|
display: flex;
|
|
@@ -15458,17 +15462,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15458
15462
|
|
|
15459
15463
|
.pf-v5-c-form__helper-text {
|
|
15460
15464
|
margin-block-start: var(--pf-v5-c-form__helper-text--MarginTop);
|
|
15461
|
-
font-size: var(--pf-v5-c-form__helper-text--FontSize);
|
|
15462
|
-
color: var(--pf-v5-c-form__helper-text--Color);
|
|
15463
|
-
}
|
|
15464
|
-
.pf-v5-c-form__helper-text.pf-m-error {
|
|
15465
|
-
--pf-v5-c-form__helper-text--Color: var(--pf-v5-c-form__helper-text--m-error--Color);
|
|
15466
|
-
}
|
|
15467
|
-
.pf-v5-c-form__helper-text.pf-m-success {
|
|
15468
|
-
--pf-v5-c-form__helper-text--Color: var(--pf-v5-c-form__helper-text--m-success--Color);
|
|
15469
|
-
}
|
|
15470
|
-
.pf-v5-c-form__helper-text.pf-m-warning {
|
|
15471
|
-
--pf-v5-c-form__helper-text--Color: var(--pf-v5-c-form__helper-text--m-warning--Color);
|
|
15472
15465
|
}
|
|
15473
15466
|
.pf-v5-c-form__helper-text.pf-m-inactive {
|
|
15474
15467
|
display: none;
|
|
@@ -15478,11 +15471,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15478
15471
|
opacity: 0;
|
|
15479
15472
|
}
|
|
15480
15473
|
|
|
15481
|
-
.pf-v5-c-form__helper-text-icon {
|
|
15482
|
-
margin-inline-end: var(--pf-v5-c-form__helper-text-icon--MarginRight);
|
|
15483
|
-
font-size: var(--pf-v5-c-form__helper-text-icon--FontSize);
|
|
15484
|
-
}
|
|
15485
|
-
|
|
15486
15474
|
.pf-v5-c-form__fieldset {
|
|
15487
15475
|
border: 0;
|
|
15488
15476
|
}
|
|
@@ -15608,91 +15596,85 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15608
15596
|
margin-block-end: var(--pf-v5-c-form__field-group-body__field-group--last-child--MarginBottom);
|
|
15609
15597
|
}
|
|
15610
15598
|
|
|
15611
|
-
:
|
|
15612
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
15613
|
-
}
|
|
15614
|
-
|
|
15615
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-form {
|
|
15616
|
-
--pf-v5-c-form__helper-text--m-success--Color: var(--pf-v5-global--success-color--100);
|
|
15617
|
-
}
|
|
15618
|
-
|
|
15599
|
+
:root,
|
|
15619
15600
|
.pf-v5-c-form-control {
|
|
15620
|
-
--pf-v5-c-form-control--ColumnGap: var(--pf-
|
|
15621
|
-
--pf-v5-c-form-control--Color: var(--pf-
|
|
15622
|
-
--pf-v5-c-form-control--FontSize: var(--pf-
|
|
15623
|
-
--pf-v5-c-form-control--LineHeight: var(--pf-
|
|
15601
|
+
--pf-v5-c-form-control--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
15602
|
+
--pf-v5-c-form-control--Color: var(--pf-t--global--text--color--regular);
|
|
15603
|
+
--pf-v5-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
|
|
15604
|
+
--pf-v5-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
15624
15605
|
--pf-v5-c-form-control--Resize: none;
|
|
15625
|
-
--pf-v5-c-form-control--OutlineOffset: -
|
|
15626
|
-
--pf-v5-c-form-control--
|
|
15627
|
-
--pf-v5-c-form-control--before--
|
|
15628
|
-
--pf-v5-c-form-control--before--
|
|
15629
|
-
--pf-v5-c-form-control--before--
|
|
15630
|
-
--pf-v5-c-form-control--
|
|
15631
|
-
--pf-v5-c-form-control--
|
|
15632
|
-
--pf-v5-c-form-control--
|
|
15633
|
-
--pf-v5-c-form-control--
|
|
15634
|
-
--pf-v5-c-form-control--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
15635
|
-
--pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
|
|
15636
|
-
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
15606
|
+
--pf-v5-c-form-control--OutlineOffset: -6px;
|
|
15607
|
+
--pf-v5-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
15608
|
+
--pf-v5-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15609
|
+
--pf-v5-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
15610
|
+
--pf-v5-c-form-control--before--BorderRadius: var(--pf-v5-c-form-control--BorderRadius);
|
|
15611
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15612
|
+
--pf-v5-c-form-control--after--BorderColor: transparent;
|
|
15613
|
+
--pf-v5-c-form-control--after--BorderRadius: var(--pf-v5-c-form-control--BorderRadius);
|
|
15614
|
+
--pf-v5-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
15637
15615
|
--pf-v5-c-form-control--Width: 100%;
|
|
15638
|
-
--pf-v5-c-form-control--inset--base: var(--pf-
|
|
15639
|
-
--pf-v5-c-form-control--PaddingTop: var(--pf-
|
|
15640
|
-
--pf-v5-c-form-control--PaddingBottom: var(--pf-
|
|
15616
|
+
--pf-v5-c-form-control--inset--base: var(--pf-t--global--spacer--md);
|
|
15617
|
+
--pf-v5-c-form-control--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
15618
|
+
--pf-v5-c-form-control--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
15641
15619
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--inset--base);
|
|
15642
15620
|
--pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control--inset--base);
|
|
15643
|
-
--pf-v5-c-form-control--hover--after--
|
|
15644
|
-
--pf-v5-c-form-control--
|
|
15645
|
-
--pf-v5-c-form-control--focus--after--
|
|
15646
|
-
--pf-v5-c-form-control--
|
|
15647
|
-
--pf-v5-c-form-control--m-expanded--after--
|
|
15648
|
-
--pf-v5-c-form-control--m-
|
|
15649
|
-
--pf-v5-c-form-control--m-placeholder--
|
|
15650
|
-
--pf-v5-c-form-control--m-
|
|
15651
|
-
--pf-v5-c-form-control--m-disabled--
|
|
15621
|
+
--pf-v5-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
|
|
15622
|
+
--pf-v5-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
15623
|
+
--pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--active);
|
|
15624
|
+
--pf-v5-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--active);
|
|
15625
|
+
--pf-v5-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--active);
|
|
15626
|
+
--pf-v5-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--active);
|
|
15627
|
+
--pf-v5-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
15628
|
+
--pf-v5-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
|
|
15629
|
+
--pf-v5-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
15630
|
+
--pf-v5-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
15652
15631
|
--pf-v5-c-form-control--m-disabled--after--BorderColor: transparent;
|
|
15653
|
-
--pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-
|
|
15654
|
-
--pf-v5-c-form-control--m-readonly--
|
|
15655
|
-
--pf-v5-c-form-control--m-readonly--
|
|
15656
|
-
--pf-v5-c-form-control--m-readonly--focus--after--
|
|
15632
|
+
--pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
15633
|
+
--pf-v5-c-form-control--m-readonly--BorderColor: transparent;
|
|
15634
|
+
--pf-v5-c-form-control--m-readonly--hover--after--BorderColor: revert;
|
|
15635
|
+
--pf-v5-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--active);
|
|
15636
|
+
--pf-v5-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--active);
|
|
15657
15637
|
--pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
|
|
15658
15638
|
--pf-v5-c-form-control--m-readonly--m-plain--inset--base: 0;
|
|
15659
15639
|
--pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
|
|
15660
|
-
--pf-v5-c-form-control--m-success--after--
|
|
15661
|
-
--pf-v5-c-form-control--m-success--after--
|
|
15662
|
-
--pf-v5-c-form-control--m-success--PaddingRight: var(--pf-
|
|
15663
|
-
--pf-v5-c-form-control--m-warning--after--
|
|
15664
|
-
--pf-v5-c-form-control--m-warning--after--
|
|
15665
|
-
--pf-v5-c-form-control--m-warning--PaddingRight: var(--pf-
|
|
15666
|
-
--pf-v5-c-form-control--m-error--after--
|
|
15667
|
-
--pf-v5-c-form-control--m-error--after--
|
|
15668
|
-
--pf-v5-c-form-control--m-error--PaddingRight: var(--pf-
|
|
15640
|
+
--pf-v5-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15641
|
+
--pf-v5-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
15642
|
+
--pf-v5-c-form-control--m-success--PaddingRight: var(--pf-t--global--spacer--xl);
|
|
15643
|
+
--pf-v5-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15644
|
+
--pf-v5-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
15645
|
+
--pf-v5-c-form-control--m-warning--PaddingRight: var(--pf-t--global--spacer--xl);
|
|
15646
|
+
--pf-v5-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15647
|
+
--pf-v5-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
15648
|
+
--pf-v5-c-form-control--m-error--PaddingRight: var(--pf-t--global--spacer--xl);
|
|
15669
15649
|
--pf-v5-c-form-control--m-error--icon--width: var(--pf-v5-c-form-control--FontSize);
|
|
15670
15650
|
--pf-v5-c-form-control--m-icon--PaddingRight: calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--m-icon--icon--width) + var(--pf-v5-c-form-control--m-icon--icon--spacer));
|
|
15671
15651
|
--pf-v5-c-form-control--m-icon--icon--width: var(--pf-v5-c-form-control--FontSize);
|
|
15672
|
-
--pf-v5-c-form-control--m-icon--icon--spacer: var(--pf-
|
|
15652
|
+
--pf-v5-c-form-control--m-icon--icon--spacer: var(--pf-t--global--spacer--sm);
|
|
15673
15653
|
--pf-v5-c-form-control--m-icon--icon--PaddingRight: calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--m-error--icon--width) + var(--pf-v5-c-form-control--m-icon--icon--spacer) + var(--pf-v5-c-form-control--m-icon--icon--width) + var(--pf-v5-c-form-control--m-icon--icon--spacer));
|
|
15674
|
-
--pf-v5-c-form-control__select--PaddingRight: var(--pf-
|
|
15675
|
-
--pf-v5-c-form-control__select--PaddingLeft: var(--pf-
|
|
15676
|
-
--pf-v5-c-form-control__select--m-success--m-status--PaddingRight: var(--pf-
|
|
15677
|
-
--pf-v5-c-form-control__select--m-warning--m-status--PaddingRight: var(--pf-
|
|
15678
|
-
--pf-v5-c-form-control__select--m-error--m-status--PaddingRight: var(--pf-
|
|
15654
|
+
--pf-v5-c-form-control__select--PaddingRight: var(--pf-t--global--spacer--md);
|
|
15655
|
+
--pf-v5-c-form-control__select--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
15656
|
+
--pf-v5-c-form-control__select--m-success--m-status--PaddingRight: var(--pf-t--global--spacer--3xl);
|
|
15657
|
+
--pf-v5-c-form-control__select--m-warning--m-status--PaddingRight: var(--pf-t--global--spacer--3xl);
|
|
15658
|
+
--pf-v5-c-form-control__select--m-error--m-status--PaddingRight: var(--pf-t--global--spacer--3xl);
|
|
15679
15659
|
--pf-v5-c-form-control--textarea--Width: var(--pf-v5-c-form-control--Width);
|
|
15680
15660
|
--pf-v5-c-form-control--textarea--Height: auto;
|
|
15681
|
-
--pf-v5-c-form-control__icon--PaddingTop: var(--pf-
|
|
15682
|
-
--pf-v5-c-form-control__icon--Color: var(--pf-
|
|
15683
|
-
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-
|
|
15684
|
-
--pf-v5-c-form-control--m-success__icon--m-status--Color: var(--pf-
|
|
15685
|
-
--pf-v5-c-form-control--m-warning__icon--m-status--Color: var(--pf-
|
|
15686
|
-
--pf-v5-c-form-control--m-error__icon--m-status--Color: var(--pf-
|
|
15687
|
-
--pf-v5-c-form-control__utilities--Gap: var(--pf-
|
|
15661
|
+
--pf-v5-c-form-control__icon--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
15662
|
+
--pf-v5-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
15663
|
+
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
|
|
15664
|
+
--pf-v5-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
15665
|
+
--pf-v5-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
15666
|
+
--pf-v5-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
15667
|
+
--pf-v5-c-form-control__utilities--Gap: var(--pf-t--global--spacer--sm);
|
|
15688
15668
|
--pf-v5-c-form-control__utilities--PaddingTop: var(--pf-v5-c-form-control--inset--base);
|
|
15689
15669
|
--pf-v5-c-form-control__utilities--PaddingRight: var(--pf-v5-c-form-control--inset--base);
|
|
15690
|
-
--pf-v5-c-form-control__toggle-icon--PaddingTop: var(--pf-
|
|
15670
|
+
--pf-v5-c-form-control__toggle-icon--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
15691
15671
|
--pf-v5-c-form-control__toggle-icon--PaddingRight: var(--pf-v5-c-form-control--inset--base);
|
|
15692
15672
|
--pf-v5-c-form-control__toggle-icon--PaddingLeft: var(--pf-v5-c-form-control--inset--base);
|
|
15693
|
-
--pf-v5-c-form-control__toggle-icon--Color: var(--pf-
|
|
15694
|
-
--pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-
|
|
15695
|
-
|
|
15673
|
+
--pf-v5-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
15674
|
+
--pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
15675
|
+
}
|
|
15676
|
+
|
|
15677
|
+
.pf-v5-c-form-control {
|
|
15696
15678
|
position: relative;
|
|
15697
15679
|
display: grid;
|
|
15698
15680
|
grid-template-columns: 1fr auto;
|
|
@@ -15703,6 +15685,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15703
15685
|
line-height: var(--pf-v5-c-form-control--LineHeight);
|
|
15704
15686
|
resize: var(--pf-v5-c-form-control--Resize);
|
|
15705
15687
|
background-color: var(--pf-v5-c-form-control--BackgroundColor);
|
|
15688
|
+
border-radius: var(--pf-v5-c-form-control--BorderRadius);
|
|
15706
15689
|
}
|
|
15707
15690
|
.pf-v5-c-form-control::before, .pf-v5-c-form-control::after {
|
|
15708
15691
|
position: absolute;
|
|
@@ -15711,18 +15694,14 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15711
15694
|
content: "";
|
|
15712
15695
|
}
|
|
15713
15696
|
.pf-v5-c-form-control::before {
|
|
15697
|
+
border-color: var(--pf-v5-c-form-control--before--BorderColor);
|
|
15714
15698
|
border-style: var(--pf-v5-c-form-control--before--BorderStyle, solid);
|
|
15715
|
-
border-
|
|
15716
|
-
border-
|
|
15717
|
-
border-block-end-color: var(--pf-v5-c-form-control--before--BorderBottomColor);
|
|
15718
|
-
border-block-end-width: var(--pf-v5-c-form-control--before--BorderBottomWidth);
|
|
15719
|
-
border-inline-start-color: var(--pf-v5-c-form-control--before--BorderLeftColor);
|
|
15720
|
-
border-inline-start-width: var(--pf-v5-c-form-control--before--BorderLeftWidth);
|
|
15721
|
-
border-inline-end-color: var(--pf-v5-c-form-control--before--BorderRightColor);
|
|
15722
|
-
border-inline-end-width: var(--pf-v5-c-form-control--before--BorderRightWidth);
|
|
15699
|
+
border-width: var(--pf-v5-c-form-control--before--BorderWidth);
|
|
15700
|
+
border-radius: var(--pf-v5-c-form-control--before--BorderRadius);
|
|
15723
15701
|
}
|
|
15724
15702
|
.pf-v5-c-form-control::after {
|
|
15725
|
-
border
|
|
15703
|
+
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);
|
|
15704
|
+
border-radius: var(--pf-v5-c-form-control--before--BorderRadius);
|
|
15726
15705
|
}
|
|
15727
15706
|
.pf-v5-c-form-control > :is(input, select, textarea) {
|
|
15728
15707
|
grid-row: 1/2;
|
|
@@ -15734,6 +15713,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15734
15713
|
color: var(--pf-v5-c-form-control--Color);
|
|
15735
15714
|
background-color: transparent;
|
|
15736
15715
|
border: none;
|
|
15716
|
+
border-radius: var(--pf-v5-c-form-control--BorderRadius);
|
|
15737
15717
|
-moz-appearance: none;
|
|
15738
15718
|
-webkit-appearance: none;
|
|
15739
15719
|
}
|
|
@@ -15748,11 +15728,15 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15748
15728
|
}
|
|
15749
15729
|
.pf-v5-c-form-control.pf-m-readonly {
|
|
15750
15730
|
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--m-readonly--BackgroundColor);
|
|
15731
|
+
--pf-v5-c-form-control--BorderColor: var(--pf-v5-c-form-control--m-readonly--BorderColor);
|
|
15732
|
+
}
|
|
15733
|
+
.pf-v5-c-form-control.pf-m-readonly:hover {
|
|
15734
|
+
--pf-v5-c-form-control--hover--after--BorderColor: var(--pf-v5-c-form-control--m-readonly--hover--after--BorderColor);
|
|
15751
15735
|
}
|
|
15752
15736
|
.pf-v5-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error) {
|
|
15753
|
-
--pf-v5-c-form-control--hover--after--
|
|
15754
|
-
--pf-v5-c-form-control--focus--after--
|
|
15755
|
-
--pf-v5-c-form-control--focus--after--
|
|
15737
|
+
--pf-v5-c-form-control--hover--after--BorderColor: var(--pf-v5-c-form-control--m-readonly--hover--after--BorderColor);
|
|
15738
|
+
--pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-v5-c-form-control--m-readonly--focus--after--BorderWidth);
|
|
15739
|
+
--pf-v5-c-form-control--focus--after--BorderColor: var(--pf-v5-c-form-control--m-readonly--focus--after--BorderColor);
|
|
15756
15740
|
}
|
|
15757
15741
|
.pf-v5-c-form-control.pf-m-readonly.pf-m-plain {
|
|
15758
15742
|
--pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor);
|
|
@@ -15762,15 +15746,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15762
15746
|
--pf-v5-c-form-control--OutlineOffset: var(--pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset);
|
|
15763
15747
|
}
|
|
15764
15748
|
.pf-v5-c-form-control:hover {
|
|
15765
|
-
--pf-v5-c-form-control--after--
|
|
15766
|
-
|
|
15767
|
-
.pf-v5-c-form-control:focus-within {
|
|
15768
|
-
--pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-c-form-control--focus--after--BorderBottomColor);
|
|
15769
|
-
--pf-v5-c-form-control--after--BorderBottomWidth: var(--pf-v5-c-form-control--focus--after--BorderBottomWidth);
|
|
15749
|
+
--pf-v5-c-form-control--after--BorderColor: var(--pf-v5-c-form-control--hover--after--BorderColor);
|
|
15750
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-v5-c-form-control--hover--after--BorderWidth);
|
|
15770
15751
|
}
|
|
15771
15752
|
.pf-v5-c-form-control.pf-m-expanded {
|
|
15772
|
-
--pf-v5-c-form-control--after--
|
|
15773
|
-
--pf-v5-c-form-control--after--
|
|
15753
|
+
--pf-v5-c-form-control--after--BorderColor: var(--pf-v5-c-form-control--m-expanded--after--BorderColor);
|
|
15754
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-v5-c-form-control--m-expanded--after--BorderWidth);
|
|
15774
15755
|
}
|
|
15775
15756
|
.pf-v5-c-form-control.pf-m-disabled {
|
|
15776
15757
|
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--m-disabled--BackgroundColor);
|
|
@@ -15783,30 +15764,30 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15783
15764
|
}
|
|
15784
15765
|
.pf-v5-c-form-control.pf-m-error {
|
|
15785
15766
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-error--PaddingRight);
|
|
15786
|
-
--pf-v5-c-form-control--after--
|
|
15767
|
+
--pf-v5-c-form-control--after--BorderColor: var(--pf-v5-c-form-control--m-error--after--BorderColor);
|
|
15787
15768
|
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-error__icon--m-status--Color);
|
|
15788
15769
|
--pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-error--m-status--PaddingRight);
|
|
15789
|
-
--pf-v5-c-form-control--after--
|
|
15770
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-v5-c-form-control--m-error--after--BorderWidth);
|
|
15790
15771
|
}
|
|
15791
15772
|
.pf-v5-c-form-control.pf-m-error.pf-m-icon {
|
|
15792
15773
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
|
|
15793
15774
|
}
|
|
15794
15775
|
.pf-v5-c-form-control.pf-m-success {
|
|
15795
15776
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-success--PaddingRight);
|
|
15796
|
-
--pf-v5-c-form-control--after--
|
|
15777
|
+
--pf-v5-c-form-control--after--BorderColor: var(--pf-v5-c-form-control--m-success--after--BorderColor);
|
|
15797
15778
|
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-success__icon--m-status--Color);
|
|
15798
15779
|
--pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-success--m-status--PaddingRight);
|
|
15799
|
-
--pf-v5-c-form-control--after--
|
|
15780
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-v5-c-form-control--m-success--after--BorderWidth);
|
|
15800
15781
|
}
|
|
15801
15782
|
.pf-v5-c-form-control.pf-m-success.pf-m-icon {
|
|
15802
15783
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
|
|
15803
15784
|
}
|
|
15804
15785
|
.pf-v5-c-form-control.pf-m-warning {
|
|
15805
15786
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-warning--PaddingRight);
|
|
15806
|
-
--pf-v5-c-form-control--after--
|
|
15787
|
+
--pf-v5-c-form-control--after--BorderColor: var(--pf-v5-c-form-control--m-warning--after--BorderColor);
|
|
15807
15788
|
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-warning__icon--m-status--Color);
|
|
15808
15789
|
--pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-warning--m-status--PaddingRight);
|
|
15809
|
-
--pf-v5-c-form-control--after--
|
|
15790
|
+
--pf-v5-c-form-control--after--BorderWidth: var(--pf-v5-c-form-control--m-warning--after--BorderWidth);
|
|
15810
15791
|
}
|
|
15811
15792
|
.pf-v5-c-form-control.pf-m-warning.pf-m-icon {
|
|
15812
15793
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
|
|
@@ -15880,26 +15861,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15880
15861
|
pointer-events: none;
|
|
15881
15862
|
}
|
|
15882
15863
|
|
|
15883
|
-
|
|
15884
|
-
--pf-v5-c-
|
|
15885
|
-
}
|
|
15886
|
-
|
|
15887
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-form-control {
|
|
15888
|
-
--pf-v5-c-form-control--before--BorderTopColor: transparent;
|
|
15889
|
-
--pf-v5-c-form-control--before--BorderRightColor: transparent;
|
|
15890
|
-
--pf-v5-c-form-control--before--BorderLeftColor: transparent;
|
|
15891
|
-
--pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
15892
|
-
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
15893
|
-
--pf-v5-c-form-control--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
15894
|
-
--pf-v5-c-form-control--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
15895
|
-
--pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
15896
|
-
--pf-v5-c-form-control--m-readonly--hover--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
15897
|
-
--pf-v5-c-form-control--m-readonly--focus--after--BorderBottomColor:var(--pf-v5-global--BorderColor--400);
|
|
15898
|
-
--pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--300);
|
|
15899
|
-
color: var(--pf-v5-global--Color--100);
|
|
15900
|
-
}
|
|
15901
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
|
|
15902
|
-
filter: invert(1);
|
|
15864
|
+
select ~ .pf-v5-c-form-control__utilities {
|
|
15865
|
+
--pf-v5-c-form-control__utilities--PaddingRight: 0;
|
|
15903
15866
|
}
|
|
15904
15867
|
|
|
15905
15868
|
:root {
|
|
@@ -20693,76 +20656,82 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20693
20656
|
--pf-v5-c-notification-badge--m-attention--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--m-expanded--BackgroundColor);
|
|
20694
20657
|
}
|
|
20695
20658
|
|
|
20659
|
+
:root,
|
|
20696
20660
|
.pf-v5-c-notification-drawer {
|
|
20697
|
-
--pf-v5-c-notification-drawer--BackgroundColor: var(--pf-
|
|
20698
|
-
--pf-v5-c-notification-drawer__header--PaddingTop: var(--pf-
|
|
20699
|
-
--pf-v5-c-notification-drawer__header--PaddingRight: var(--pf-
|
|
20700
|
-
--pf-v5-c-notification-drawer__header--PaddingBottom: var(--pf-
|
|
20701
|
-
--pf-v5-c-notification-drawer__header--PaddingLeft: var(--pf-
|
|
20702
|
-
--pf-v5-c-notification-drawer__header--BackgroundColor: var(--pf-
|
|
20703
|
-
--pf-v5-c-notification-drawer__header--
|
|
20704
|
-
--pf-v5-c-notification-drawer__header--
|
|
20705
|
-
--pf-v5-c-notification-drawer__header-title--
|
|
20706
|
-
--pf-v5-c-notification-drawer__header-
|
|
20707
|
-
--pf-v5-c-notification-
|
|
20708
|
-
--pf-v5-c-notification-
|
|
20709
|
-
--pf-v5-c-notification-
|
|
20710
|
-
--pf-v5-c-notification-
|
|
20711
|
-
--pf-v5-c-notification-
|
|
20712
|
-
--pf-v5-c-notification-
|
|
20713
|
-
--pf-v5-c-notification-
|
|
20714
|
-
--pf-v5-c-notification-
|
|
20715
|
-
--pf-v5-c-notification-drawer__list
|
|
20716
|
-
--pf-v5-c-notification-drawer__list
|
|
20717
|
-
--pf-v5-c-notification-drawer__list
|
|
20718
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20719
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20720
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20721
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20722
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20723
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20724
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20725
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20726
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20727
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20728
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20729
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20730
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20731
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20732
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20733
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20734
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20735
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20736
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20737
|
-
--pf-v5-c-notification-drawer__list-item--m-
|
|
20738
|
-
--pf-v5-c-notification-drawer__list-item--m-hoverable--hover--
|
|
20739
|
-
--pf-v5-c-notification-drawer__list-item-header--MarginBottom: var(--pf-
|
|
20661
|
+
--pf-v5-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
20662
|
+
--pf-v5-c-notification-drawer__header--PaddingTop: var(--pf-t--global--spacer--md);
|
|
20663
|
+
--pf-v5-c-notification-drawer__header--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
20664
|
+
--pf-v5-c-notification-drawer__header--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
20665
|
+
--pf-v5-c-notification-drawer__header--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
20666
|
+
--pf-v5-c-notification-drawer__header--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
20667
|
+
--pf-v5-c-notification-drawer__header--ZIndex: var(--pf-t--global--Zindex--sm);
|
|
20668
|
+
--pf-v5-c-notification-drawer__header-title--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
20669
|
+
--pf-v5-c-notification-drawer__header-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
20670
|
+
--pf-v5-c-notification-drawer__header-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
20671
|
+
--pf-v5-c-notification-drawer__header-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
20672
|
+
--pf-v5-c-notification-drawer__header-status--MarginLeft: var(--pf-t--global--spacer--md);
|
|
20673
|
+
--pf-v5-c-notification-drawer__header-status--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
20674
|
+
--pf-v5-c-notification-drawer__header-status--FontSize: var(--pf-t--global--font--size--body--default);
|
|
20675
|
+
--pf-v5-c-notification-drawer__header-status--Color: var(--pf-t--global--text--color--subtle);
|
|
20676
|
+
--pf-v5-c-notification-drawer__body--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
20677
|
+
--pf-v5-c-notification-drawer__body--PaddingBlockStart: 0;
|
|
20678
|
+
--pf-v5-c-notification-drawer__body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
20679
|
+
--pf-v5-c-notification-drawer__list--Gap: var(--pf-t--global--spacer--sm);
|
|
20680
|
+
--pf-v5-c-notification-drawer__list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
20681
|
+
--pf-v5-c-notification-drawer__list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
20682
|
+
--pf-v5-c-notification-drawer__list-item--PaddingTop: var(--pf-t--global--spacer--md);
|
|
20683
|
+
--pf-v5-c-notification-drawer__list-item--PaddingRight: var(--pf-t--global--spacer--md);
|
|
20684
|
+
--pf-v5-c-notification-drawer__list-item--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
20685
|
+
--pf-v5-c-notification-drawer__list-item--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
20686
|
+
--pf-v5-c-notification-drawer__list-item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
20687
|
+
--pf-v5-c-notification-drawer__list-item--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
20688
|
+
--pf-v5-c-notification-drawer__list-item--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
20689
|
+
--pf-v5-c-notification-drawer__list-item--m-info__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
20690
|
+
--pf-v5-c-notification-drawer__list-item--m-info__list-item--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
20691
|
+
--pf-v5-c-notification-drawer__list-item--m-warning__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
20692
|
+
--pf-v5-c-notification-drawer__list-item--m-warning__list-item--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
20693
|
+
--pf-v5-c-notification-drawer__list-item--m-danger__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
20694
|
+
--pf-v5-c-notification-drawer__list-item--m-danger__list-item--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
20695
|
+
--pf-v5-c-notification-drawer__list-item--m-success__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
20696
|
+
--pf-v5-c-notification-drawer__list-item--m-success__list-item--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
20697
|
+
--pf-v5-c-notification-drawer__list-item--m-custom__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
20698
|
+
--pf-v5-c-notification-drawer__list-item--m-custom__list-item--BorderColor: var(--pf-t--global--border--color--status--custom--default);
|
|
20699
|
+
--pf-v5-c-notification-drawer__list-item--m-read--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
20700
|
+
--pf-v5-c-notification-drawer__list-item--m-read--BorderWidth: var(--pf-t--global--border--width--box--status--read);
|
|
20701
|
+
--pf-v5-c-notification-drawer__list-item--m-read--BorderColor: var(--pf-t--global--border--color--default);
|
|
20702
|
+
--pf-v5-c-notification-drawer__list-item--m-hoverable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
20703
|
+
--pf-v5-c-notification-drawer__list-item-header--MarginBottom: var(--pf-t--global--spacer--xs);
|
|
20740
20704
|
--pf-v5-c-notification-drawer__list-item-header-icon--Color: inherit;
|
|
20741
|
-
--pf-v5-c-notification-drawer__list-item-header-icon--MarginRight: var(--pf-
|
|
20742
|
-
--pf-v5-c-notification-drawer__list-item-header-title--
|
|
20705
|
+
--pf-v5-c-notification-drawer__list-item-header-icon--MarginRight: var(--pf-t--global--spacer--sm);
|
|
20706
|
+
--pf-v5-c-notification-drawer__list-item-header-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
20707
|
+
--pf-v5-c-notification-drawer__list-item-header-title--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
20708
|
+
--pf-v5-c-notification-drawer__list-item-header-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
20709
|
+
--pf-v5-c-notification-drawer__list-item-header-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
20743
20710
|
--pf-v5-c-notification-drawer__list-item-header-title--max-lines: 1;
|
|
20744
|
-
--pf-v5-c-notification-drawer__list-item
|
|
20745
|
-
--pf-v5-c-notification-drawer__list-item-
|
|
20746
|
-
--pf-v5-c-notification-drawer__list-item-timestamp--
|
|
20747
|
-
--pf-v5-c-notification-
|
|
20748
|
-
--pf-v5-c-notification-drawer__group--m-expanded--group--
|
|
20749
|
-
--pf-v5-c-notification-drawer__group--m-expanded--group--BorderTopColor: var(--pf-v5-global--BorderColor--100);
|
|
20711
|
+
--pf-v5-c-notification-drawer__list-item-description--MarginBottom: var(--pf-t--global--spacer--sm);
|
|
20712
|
+
--pf-v5-c-notification-drawer__list-item-timestamp--Color: var(--pf-t--global--text--color--subtle);
|
|
20713
|
+
--pf-v5-c-notification-drawer__list-item-timestamp--FontSize: var(--pf-t--global--font--size--body--default);
|
|
20714
|
+
--pf-v5-c-notification-drawer__group--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
|
|
20715
|
+
--pf-v5-c-notification-drawer__group--m-expanded--group--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
20750
20716
|
--pf-v5-c-notification-drawer__group--m-expanded--MinHeight: 0;
|
|
20751
|
-
--pf-v5-c-notification-drawer__group-
|
|
20752
|
-
--pf-v5-c-notification-drawer__group-toggle--
|
|
20753
|
-
--pf-v5-c-notification-drawer__group-toggle--
|
|
20754
|
-
--pf-v5-c-notification-drawer__group-toggle--
|
|
20755
|
-
--pf-v5-c-notification-drawer__group-toggle--
|
|
20756
|
-
--pf-v5-c-notification-drawer__group-toggle--
|
|
20757
|
-
--pf-v5-c-notification-drawer__group-toggle--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
20717
|
+
--pf-v5-c-notification-drawer__group--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
20718
|
+
--pf-v5-c-notification-drawer__group-toggle--PaddingTop: var(--pf-t--global--spacer--md);
|
|
20719
|
+
--pf-v5-c-notification-drawer__group-toggle--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
20720
|
+
--pf-v5-c-notification-drawer__group-toggle--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
20721
|
+
--pf-v5-c-notification-drawer__group-toggle--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
20722
|
+
--pf-v5-c-notification-drawer__group-toggle--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
20758
20723
|
--pf-v5-c-notification-drawer__group-toggle--OutlineOffset: -0.25rem;
|
|
20759
|
-
--pf-v5-c-notification-drawer__group-toggle-title--MarginRight: var(--pf-
|
|
20724
|
+
--pf-v5-c-notification-drawer__group-toggle-title--MarginRight: var(--pf-t--global--spacer--md);
|
|
20725
|
+
--pf-v5-c-notification-drawer__group-toggle-title--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
20760
20726
|
--pf-v5-c-notification-drawer__group-toggle-title--max-lines: 1;
|
|
20761
|
-
--pf-v5-c-notification-drawer__group-toggle-count--MarginRight: var(--pf-
|
|
20762
|
-
--pf-v5-c-notification-drawer__group-toggle-icon--MarginRight: var(--pf-
|
|
20763
|
-
--pf-v5-c-notification-drawer__group-toggle-icon--Color: var(--pf-
|
|
20727
|
+
--pf-v5-c-notification-drawer__group-toggle-count--MarginRight: var(--pf-t--global--spacer--md);
|
|
20728
|
+
--pf-v5-c-notification-drawer__group-toggle-icon--MarginRight: var(--pf-t--global--spacer--md);
|
|
20729
|
+
--pf-v5-c-notification-drawer__group-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
20764
20730
|
--pf-v5-c-notification-drawer__group-toggle-icon--Transition: .2s ease-in 0s;
|
|
20765
20731
|
--pf-v5-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: 90deg;
|
|
20732
|
+
}
|
|
20733
|
+
|
|
20734
|
+
.pf-v5-c-notification-drawer {
|
|
20766
20735
|
display: flex;
|
|
20767
20736
|
flex-direction: column;
|
|
20768
20737
|
height: 100%;
|
|
@@ -20780,15 +20749,20 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20780
20749
|
padding-inline-start: var(--pf-v5-c-notification-drawer__header--PaddingLeft);
|
|
20781
20750
|
padding-inline-end: var(--pf-v5-c-notification-drawer__header--PaddingRight);
|
|
20782
20751
|
background-color: var(--pf-v5-c-notification-drawer__header--BackgroundColor);
|
|
20783
|
-
box-shadow: var(--pf-v5-c-notification-drawer__header--BoxShadow);
|
|
20784
20752
|
}
|
|
20785
20753
|
|
|
20786
20754
|
.pf-v5-c-notification-drawer__header-title {
|
|
20755
|
+
font-family: var(--pf-v5-c-notification-drawer__header-title--FontFamily);
|
|
20787
20756
|
font-size: var(--pf-v5-c-notification-drawer__header-title--FontSize);
|
|
20757
|
+
font-weight: var(--pf-v5-c-notification-drawer__header-title--FontWeight);
|
|
20758
|
+
line-height: var(--pf-v5-c-notification-drawer__header-title--LineHeight);
|
|
20788
20759
|
}
|
|
20789
20760
|
|
|
20790
20761
|
.pf-v5-c-notification-drawer__header-status {
|
|
20791
20762
|
margin-inline-start: var(--pf-v5-c-notification-drawer__header-status--MarginLeft);
|
|
20763
|
+
font-size: var(--pf-v5-c-notification-drawer__header-status--FontSize);
|
|
20764
|
+
font-weight: var(--pf-v5-c-notification-drawer__header-status--FontWeight);
|
|
20765
|
+
color: var(--pf-v5-c-notification-drawer__header-status--Color);
|
|
20792
20766
|
}
|
|
20793
20767
|
|
|
20794
20768
|
.pf-v5-c-notification-drawer__header-action {
|
|
@@ -20799,8 +20773,17 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20799
20773
|
|
|
20800
20774
|
.pf-v5-c-notification-drawer__body {
|
|
20801
20775
|
flex: 1;
|
|
20776
|
+
padding-block-start: var(--pf-v5-c-notification-drawer__body--PaddingBlockStart);
|
|
20777
|
+
padding-block-end: var(--pf-v5-c-notification-drawer__body--PaddingBlockEnd);
|
|
20802
20778
|
overflow-y: auto;
|
|
20803
|
-
|
|
20779
|
+
}
|
|
20780
|
+
|
|
20781
|
+
.pf-v5-c-notification-drawer__list:not([hidden]) {
|
|
20782
|
+
display: flex;
|
|
20783
|
+
flex-direction: column;
|
|
20784
|
+
gap: var(--pf-v5-c-notification-drawer__list--Gap);
|
|
20785
|
+
padding-inline-start: var(--pf-v5-c-notification-drawer__list--PaddingInlineStart);
|
|
20786
|
+
padding-inline-end: var(--pf-v5-c-notification-drawer__list--PaddingInlineEnd);
|
|
20804
20787
|
}
|
|
20805
20788
|
|
|
20806
20789
|
.pf-v5-c-notification-drawer__list-item {
|
|
@@ -20812,60 +20795,40 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20812
20795
|
padding-inline-start: var(--pf-v5-c-notification-drawer__list-item--PaddingLeft);
|
|
20813
20796
|
padding-inline-end: var(--pf-v5-c-notification-drawer__list-item--PaddingRight);
|
|
20814
20797
|
background-color: var(--pf-v5-c-notification-drawer__list-item--BackgroundColor);
|
|
20815
|
-
border
|
|
20816
|
-
|
|
20817
|
-
box-shadow: var(--pf-v5-c-notification-drawer__list-item--BoxShadow);
|
|
20818
|
-
}
|
|
20819
|
-
.pf-v5-c-notification-drawer__list-item.pf-m-read, .pf-v5-c-notification-drawer__list-item:first-child {
|
|
20820
|
-
--pf-v5-c-notification-drawer__list-item--BoxShadow: none;
|
|
20821
|
-
}
|
|
20822
|
-
.pf-v5-c-notification-drawer__list-item:not(.pf-m-read) + .pf-v5-c-notification-drawer__list-item.pf-m-read {
|
|
20823
|
-
--pf-v5-c-notification-drawer__list-item--BoxShadow: var(--pf-v5-c-notification-drawer__list-item--list-item--m-read--BoxShadow);
|
|
20824
|
-
--pf-v5-c-notification-drawer__list-item--before--Top: var(--pf-v5-c-notification-drawer__list-item--list-item--m-read--before--Top);
|
|
20825
|
-
}
|
|
20826
|
-
.pf-v5-c-notification-drawer__list-item::before {
|
|
20827
|
-
position: absolute;
|
|
20828
|
-
inset-block-start: var(--pf-v5-c-notification-drawer__list-item--before--Top);
|
|
20829
|
-
inset-block-end: var(--pf-v5-c-notification-drawer__list-item--before--Bottom);
|
|
20830
|
-
width: var(--pf-v5-c-notification-drawer__list-item--before--Width);
|
|
20831
|
-
content: "";
|
|
20832
|
-
background-color: var(--pf-v5-c-notification-drawer__list-item--before--BackgroundColor);
|
|
20798
|
+
border: var(--pf-v5-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v5-c-notification-drawer__list-item--BorderColor);
|
|
20799
|
+
border-radius: var(--pf-v5-c-notification-drawer__list-item--BorderRadius);
|
|
20833
20800
|
}
|
|
20834
20801
|
.pf-v5-c-notification-drawer__list-item.pf-m-info {
|
|
20835
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20802
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-info__list-item--BorderColor);
|
|
20836
20803
|
--pf-v5-c-notification-drawer__list-item-header-icon--Color: var(--pf-v5-c-notification-drawer__list-item--m-info__list-item-header-icon--Color);
|
|
20837
20804
|
}
|
|
20838
20805
|
.pf-v5-c-notification-drawer__list-item.pf-m-warning {
|
|
20839
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20806
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-warning__list-item--BorderColor);
|
|
20840
20807
|
--pf-v5-c-notification-drawer__list-item-header-icon--Color: var(--pf-v5-c-notification-drawer__list-item--m-warning__list-item-header-icon--Color);
|
|
20841
20808
|
}
|
|
20842
20809
|
.pf-v5-c-notification-drawer__list-item.pf-m-danger {
|
|
20843
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20810
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-danger__list-item--BorderColor);
|
|
20844
20811
|
--pf-v5-c-notification-drawer__list-item-header-icon--Color: var(--pf-v5-c-notification-drawer__list-item--m-danger__list-item-header-icon--Color);
|
|
20845
20812
|
}
|
|
20846
20813
|
.pf-v5-c-notification-drawer__list-item.pf-m-success {
|
|
20847
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20814
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-success__list-item--BorderColor);
|
|
20848
20815
|
--pf-v5-c-notification-drawer__list-item-header-icon--Color: var(--pf-v5-c-notification-drawer__list-item--m-success__list-item-header-icon--Color);
|
|
20849
20816
|
}
|
|
20850
20817
|
.pf-v5-c-notification-drawer__list-item.pf-m-custom {
|
|
20851
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20818
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-custom__list-item--BorderColor);
|
|
20852
20819
|
--pf-v5-c-notification-drawer__list-item-header-icon--Color: var(--pf-v5-c-notification-drawer__list-item--m-custom__list-item-header-icon--Color);
|
|
20853
20820
|
}
|
|
20854
20821
|
.pf-v5-c-notification-drawer__list-item.pf-m-read {
|
|
20855
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20822
|
+
--pf-v5-c-notification-drawer__list-item--BorderWidth: var(--pf-v5-c-notification-drawer__list-item--m-read--BorderWidth);
|
|
20856
20823
|
--pf-v5-c-notification-drawer__list-item--BackgroundColor: var(--pf-v5-c-notification-drawer__list-item--m-read--BackgroundColor);
|
|
20857
|
-
--pf-v5-c-notification-drawer__list-item--
|
|
20858
|
-
--pf-v5-c-notification-drawer__list-item--before--Bottom: var(--pf-v5-c-notification-drawer__list-item--m-read--before--Bottom);
|
|
20859
|
-
--pf-v5-c-notification-drawer__list-item--before--BackgroundColor: var(--pf-v5-c-notification-drawer__list-item--m-read--before--BackgroundColor);
|
|
20860
|
-
--pf-v5-c-notification-drawer__list-item-header-title--FontWeight: var(--pf-v5-c-notification-drawer__list-item--m-read__list-item-header-title--FontWeight);
|
|
20824
|
+
--pf-v5-c-notification-drawer__list-item--BorderColor: var(--pf-v5-c-notification-drawer__list-item--m-read--BorderColor);
|
|
20861
20825
|
position: relative;
|
|
20862
20826
|
}
|
|
20863
20827
|
.pf-v5-c-notification-drawer__list-item.pf-m-hoverable {
|
|
20864
20828
|
cursor: pointer;
|
|
20865
20829
|
}
|
|
20866
|
-
.pf-v5-c-notification-drawer__list-item.pf-m-hoverable:hover {
|
|
20867
|
-
|
|
20868
|
-
box-shadow: var(--pf-v5-c-notification-drawer__list-item--m-hoverable--hover--BoxShadow);
|
|
20830
|
+
.pf-v5-c-notification-drawer__list-item.pf-m-hoverable:hover, .pf-v5-c-notification-drawer__list-item.pf-m-hoverable:focus {
|
|
20831
|
+
background-color: var(--pf-v5-c-notification-drawer__list-item--m-hoverable--hover--BackgroundColor);
|
|
20869
20832
|
}
|
|
20870
20833
|
|
|
20871
20834
|
.pf-v5-c-notification-drawer__list-item-header {
|
|
@@ -20882,7 +20845,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20882
20845
|
}
|
|
20883
20846
|
|
|
20884
20847
|
.pf-v5-c-notification-drawer__list-item-header-title {
|
|
20848
|
+
font-family: var(--pf-v5-c-notification-drawer__list-item-header-title--FontFamily);
|
|
20849
|
+
font-size: var(--pf-v5-c-notification-drawer__list-item-header-title--FontSize);
|
|
20885
20850
|
font-weight: var(--pf-v5-c-notification-drawer__list-item-header-title--FontWeight);
|
|
20851
|
+
line-height: var(--pf-v5-c-notification-drawer__list-item-header-title--LineHeight);
|
|
20886
20852
|
word-break: break-word;
|
|
20887
20853
|
}
|
|
20888
20854
|
.pf-v5-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
@@ -20916,15 +20882,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20916
20882
|
flex-direction: column;
|
|
20917
20883
|
}
|
|
20918
20884
|
|
|
20885
|
+
.pf-v5-c-notification-drawer__group {
|
|
20886
|
+
border-block-end: var(--pf-v5-c-notification-drawer__group--BorderBottomWidth) solid var(--pf-v5-c-notification-drawer__group--m-expanded--group--BorderBottomColor);
|
|
20887
|
+
}
|
|
20919
20888
|
.pf-v5-c-notification-drawer__group.pf-m-expanded {
|
|
20920
20889
|
min-height: var(--pf-v5-c-notification-drawer__group--m-expanded--MinHeight);
|
|
20921
|
-
|
|
20922
|
-
.pf-v5-c-notification-drawer__group.pf-m-expanded + .pf-v5-c-notification-drawer__group {
|
|
20923
|
-
border-block-start: var(--pf-v5-c-notification-drawer__group--m-expanded--group--BorderTopWidth) solid var(--pf-v5-c-notification-drawer__group--m-expanded--group--BorderTopColor);
|
|
20924
|
-
}
|
|
20925
|
-
.pf-v5-c-notification-drawer__group .pf-v5-c-notification-drawer__list-item:last-child {
|
|
20926
|
-
--pf-v5-c-notification-drawer__list-item--BorderBottomWidth: 0;
|
|
20927
|
-
--pf-v5-c-notification-drawer__list-item--before--Bottom: 0;
|
|
20890
|
+
padding-block-end: var(--pf-v5-c-notification-drawer__group--m-expanded--PaddingBlockEnd);
|
|
20928
20891
|
}
|
|
20929
20892
|
|
|
20930
20893
|
.pf-v5-c-notification-drawer__group-toggle {
|
|
@@ -20936,8 +20899,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20936
20899
|
padding-inline-start: var(--pf-v5-c-notification-drawer__group-toggle--PaddingLeft);
|
|
20937
20900
|
padding-inline-end: var(--pf-v5-c-notification-drawer__group-toggle--PaddingRight);
|
|
20938
20901
|
background-color: var(--pf-v5-c-notification-drawer__group-toggle--BackgroundColor);
|
|
20939
|
-
border:
|
|
20940
|
-
border-block-end-width: var(--pf-v5-c-notification-drawer__group-toggle--BorderBottomWidth);
|
|
20902
|
+
border: none;
|
|
20941
20903
|
outline-offset: var(--pf-v5-c-notification-drawer__group-toggle--OutlineOffset);
|
|
20942
20904
|
}
|
|
20943
20905
|
|
|
@@ -20948,6 +20910,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20948
20910
|
overflow: hidden;
|
|
20949
20911
|
flex: 1;
|
|
20950
20912
|
margin-inline-end: var(--pf-v5-c-notification-drawer__group-toggle-title--MarginRight);
|
|
20913
|
+
font-size: var(--pf-v5-c-notification-drawer__group-toggle-title--FontSize);
|
|
20951
20914
|
text-align: start;
|
|
20952
20915
|
word-break: break-word;
|
|
20953
20916
|
}
|
|
@@ -20970,21 +20933,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20970
20933
|
transform: rotate(var(--pf-v5-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
20971
20934
|
}
|
|
20972
20935
|
|
|
20973
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
20974
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
20975
|
-
}
|
|
20976
|
-
|
|
20977
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-notification-drawer {
|
|
20978
|
-
--pf-v5-c-notification-drawer--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
20979
|
-
--pf-v5-c-notification-drawer__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
20980
|
-
--pf-v5-c-notification-drawer__list-item--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
20981
|
-
--pf-v5-c-notification-drawer__list-item--BoxShadow: none;
|
|
20982
|
-
--pf-v5-c-notification-drawer__list-item--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
|
|
20983
|
-
--pf-v5-c-notification-drawer__list-item--m-read--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
20984
|
-
--pf-v5-c-notification-drawer__list-item--list-item--m-read--BoxShadow: none;
|
|
20985
|
-
--pf-v5-c-notification-drawer__group-toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
20986
|
-
}
|
|
20987
|
-
|
|
20988
20936
|
.pf-v5-c-options-menu {
|
|
20989
20937
|
--pf-v5-c-options-menu__toggle--BackgroundColor: transparent;
|
|
20990
20938
|
--pf-v5-c-options-menu__toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
|
|
@@ -23665,24 +23613,29 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
23665
23613
|
}
|
|
23666
23614
|
}
|
|
23667
23615
|
|
|
23616
|
+
:root,
|
|
23668
23617
|
.pf-v5-c-radio {
|
|
23669
|
-
--pf-v5-c-radio--GridGap: var(--pf-
|
|
23670
|
-
--pf-v5-c-
|
|
23671
|
-
--pf-v5-c-radio__label--Color: var(--pf-
|
|
23672
|
-
--pf-v5-c-radio__label--
|
|
23673
|
-
--pf-v5-c-radio__label--
|
|
23674
|
-
--pf-v5-c-radio__label--
|
|
23618
|
+
--pf-v5-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
23619
|
+
--pf-v5-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
|
|
23620
|
+
--pf-v5-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
23621
|
+
--pf-v5-c-radio__label--Color: var(--pf-t--global--text--color--regular);
|
|
23622
|
+
--pf-v5-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body);
|
|
23623
|
+
--pf-v5-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
23624
|
+
--pf-v5-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
23675
23625
|
--pf-v5-c-radio__input--TranslateY: calc((var(--pf-v5-c-radio__label--LineHeight) * var(--pf-v5-c-radio__label--FontSize) / 2 ) - 50%);
|
|
23676
|
-
--pf-v5-c-radio__input--TranslateY--moz: var(--pf-v5-c-radio__input--TranslateY);
|
|
23677
23626
|
--pf-v5-c-radio__input--first-child--MarginLeft: 0.0625rem;
|
|
23678
23627
|
--pf-v5-c-radio__input--last-child--MarginRight: 0.0625rem;
|
|
23679
|
-
--pf-v5-c-radio__description--FontSize: var(--pf-
|
|
23680
|
-
--pf-v5-c-radio__description--Color: var(--pf-
|
|
23681
|
-
--pf-v5-c-radio__body--MarginTop: var(--pf-
|
|
23628
|
+
--pf-v5-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
23629
|
+
--pf-v5-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
|
|
23630
|
+
--pf-v5-c-radio__body--MarginTop: var(--pf-t--global--spacer--sm);
|
|
23631
|
+
}
|
|
23632
|
+
|
|
23633
|
+
.pf-v5-c-radio {
|
|
23682
23634
|
display: grid;
|
|
23683
23635
|
grid-template-columns: auto 1fr;
|
|
23684
23636
|
grid-gap: var(--pf-v5-c-radio--GridGap);
|
|
23685
23637
|
align-items: baseline;
|
|
23638
|
+
accent-color: var(--pf-v5-c-radio--AccentColor);
|
|
23686
23639
|
}
|
|
23687
23640
|
.pf-v5-c-radio.pf-m-standalone {
|
|
23688
23641
|
--pf-v5-c-radio--GridGap: 0;
|
|
@@ -23692,7 +23645,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
23692
23645
|
|
|
23693
23646
|
.pf-v5-c-radio__input {
|
|
23694
23647
|
align-self: start;
|
|
23695
|
-
-moz-transform: translateY(var(--pf-v5-c-radio__input--TranslateY--moz));
|
|
23696
23648
|
transform: translateY(var(--pf-v5-c-radio__input--TranslateY));
|
|
23697
23649
|
}
|
|
23698
23650
|
.pf-v5-c-radio__input:first-child {
|
|
@@ -24669,7 +24621,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
24669
24621
|
--pf-v5-c-simple-list__item-link--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
24670
24622
|
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
24671
24623
|
--pf-v5-c-simple-list__item-link--Color: var(--pf-t--global--text--color--subtle);
|
|
24672
|
-
--pf-v5-c-simple-list__item-link--FontSize: var(--pf-t--global--font--size--body);
|
|
24624
|
+
--pf-v5-c-simple-list__item-link--FontSize: var(--pf-t--global--font--size--body--default);
|
|
24673
24625
|
--pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
24674
24626
|
--pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--selected);
|
|
24675
24627
|
--pf-v5-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
|
|
@@ -25212,40 +25164,44 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
25212
25164
|
transform: rotate(720deg);
|
|
25213
25165
|
}
|
|
25214
25166
|
}
|
|
25167
|
+
:root,
|
|
25215
25168
|
.pf-v5-c-switch {
|
|
25216
|
-
--pf-v5-c-switch--FontSize: var(--pf-
|
|
25217
|
-
--pf-v5-c-
|
|
25218
|
-
--pf-v5-c-switch--ColumnGap: var(--pf-v5-c-switch__label--PaddingLeft);
|
|
25169
|
+
--pf-v5-c-switch--FontSize: var(--pf-t--global--font--size--sm);
|
|
25170
|
+
--pf-v5-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
25219
25171
|
--pf-v5-c-switch__toggle-icon--FontSize: calc(var(--pf-v5-c-switch--FontSize) * .625);
|
|
25220
|
-
--pf-v5-c-switch__toggle-icon--Color: var(--pf-
|
|
25172
|
+
--pf-v5-c-switch__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
25221
25173
|
--pf-v5-c-switch__toggle-icon--Left: calc(var(--pf-v5-c-switch--FontSize) * .4);
|
|
25222
25174
|
--pf-v5-c-switch__toggle-icon--Offset: 0.125rem;
|
|
25223
|
-
--pf-v5-c-switch__input--disabled__toggle-icon--Color: var(--pf-
|
|
25224
|
-
--pf-v5-c-switch--LineHeight: var(--pf-
|
|
25175
|
+
--pf-v5-c-switch__input--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
25176
|
+
--pf-v5-c-switch--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
25225
25177
|
--pf-v5-c-switch--Height: auto;
|
|
25226
|
-
--pf-v5-c-switch__input--checked__toggle--BackgroundColor: var(--pf-
|
|
25178
|
+
--pf-v5-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
25227
25179
|
--pf-v5-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v5-c-switch__toggle-icon--Offset));
|
|
25228
|
-
--pf-v5-c-switch__input--
|
|
25229
|
-
--pf-v5-c-switch__input--
|
|
25230
|
-
--pf-v5-c-switch__input--
|
|
25231
|
-
--pf-v5-c-switch__input--
|
|
25232
|
-
--pf-v5-c-switch__input--disabled__toggle--
|
|
25233
|
-
--pf-v5-c-switch__input--
|
|
25234
|
-
--pf-v5-c-switch__input--
|
|
25235
|
-
--pf-v5-c-switch__input--
|
|
25180
|
+
--pf-v5-c-switch__input--checked__toggle--BorderWidth: 0;
|
|
25181
|
+
--pf-v5-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
|
|
25182
|
+
--pf-v5-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
|
|
25183
|
+
--pf-v5-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
|
|
25184
|
+
--pf-v5-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
25185
|
+
--pf-v5-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
|
|
25186
|
+
--pf-v5-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
|
|
25187
|
+
--pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
|
|
25188
|
+
--pf-v5-c-switch__input--focus__toggle--OutlineWidth: var(--pf-t--global--border--width--strong);
|
|
25189
|
+
--pf-v5-c-switch__input--focus__toggle--OutlineOffset: var(--pf-t--global--spacer--xs);
|
|
25190
|
+
--pf-v5-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
|
|
25236
25191
|
--pf-v5-c-switch__toggle--Height: calc(var(--pf-v5-c-switch--FontSize) * var(--pf-v5-c-switch--LineHeight));
|
|
25237
|
-
--pf-v5-c-switch__toggle--BackgroundColor: var(--pf-
|
|
25238
|
-
--pf-v5-c-switch__toggle--
|
|
25192
|
+
--pf-v5-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
25193
|
+
--pf-v5-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
25194
|
+
--pf-v5-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
25195
|
+
--pf-v5-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
25239
25196
|
--pf-v5-c-switch__toggle--before--Width: calc(var(--pf-v5-c-switch--FontSize) - var(--pf-v5-c-switch__toggle-icon--Offset));
|
|
25240
25197
|
--pf-v5-c-switch__toggle--before--Height: var(--pf-v5-c-switch__toggle--before--Width);
|
|
25241
|
-
--pf-v5-c-switch__toggle--before--
|
|
25242
|
-
--pf-v5-c-switch__toggle--before--
|
|
25243
|
-
--pf-v5-c-switch__toggle--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
25244
|
-
--pf-v5-c-switch__toggle--before--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
|
|
25245
|
-
--pf-v5-c-switch__toggle--before--BoxShadow: var(--pf-v5-global--BoxShadow--md);
|
|
25198
|
+
--pf-v5-c-switch__toggle--before--Left: calc((var(--pf-v5-c-switch__toggle--Height) - var(--pf-v5-c-switch__toggle--before--Height)) / 2);
|
|
25199
|
+
--pf-v5-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
25246
25200
|
--pf-v5-c-switch__toggle--before--Transition: transform .25s ease 0s;
|
|
25247
25201
|
--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));
|
|
25248
|
-
|
|
25202
|
+
}
|
|
25203
|
+
|
|
25204
|
+
.pf-v5-c-switch {
|
|
25249
25205
|
position: relative;
|
|
25250
25206
|
display: inline-grid;
|
|
25251
25207
|
grid-template-columns: auto;
|
|
@@ -25278,13 +25234,15 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
25278
25234
|
color: var(--pf-v5-c-switch__input--checked__label--Color);
|
|
25279
25235
|
}
|
|
25280
25236
|
.pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle {
|
|
25237
|
+
--pf-v5-c-switch__toggle--BorderWidth: var(--pf-v5-c-switch__input--checked__toggle--BorderWidth);
|
|
25281
25238
|
background-color: var(--pf-v5-c-switch__input--checked__toggle--BackgroundColor);
|
|
25282
25239
|
}
|
|
25283
25240
|
.pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
|
|
25284
|
-
transform:
|
|
25241
|
+
transform: translate(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX), -50%);
|
|
25242
|
+
background-color: var(--pf-v5-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
25285
25243
|
}
|
|
25286
25244
|
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
|
|
25287
|
-
transform:
|
|
25245
|
+
transform: translate(calc(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)), -50%);
|
|
25288
25246
|
}
|
|
25289
25247
|
|
|
25290
25248
|
.pf-v5-c-switch__input:checked ~ .pf-m-off {
|
|
@@ -25325,16 +25283,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
25325
25283
|
}
|
|
25326
25284
|
.pf-v5-c-switch__toggle::before {
|
|
25327
25285
|
position: absolute;
|
|
25328
|
-
inset-block-start:
|
|
25286
|
+
inset-block-start: 50%;
|
|
25329
25287
|
inset-inline-start: var(--pf-v5-c-switch__toggle--before--Left);
|
|
25330
25288
|
display: block;
|
|
25331
25289
|
width: var(--pf-v5-c-switch__toggle--before--Width);
|
|
25332
25290
|
height: var(--pf-v5-c-switch__toggle--before--Height);
|
|
25333
25291
|
content: "";
|
|
25334
|
-
background-color: var(--pf-v5-c-
|
|
25292
|
+
background-color: var(--pf-v5-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
25335
25293
|
border-radius: var(--pf-v5-c-switch__toggle--before--BorderRadius);
|
|
25336
|
-
box-shadow: var(--pf-v5-c-switch__toggle--before--BoxShadow);
|
|
25337
25294
|
transition: var(--pf-v5-c-switch__toggle--before--Transition);
|
|
25295
|
+
transform: translateY(-50%);
|
|
25296
|
+
}
|
|
25297
|
+
.pf-v5-c-switch__toggle::after {
|
|
25298
|
+
position: absolute;
|
|
25299
|
+
inset: 0;
|
|
25300
|
+
content: "";
|
|
25301
|
+
border: var(--pf-v5-c-switch__toggle--BorderWidth) solid var(--pf-v5-c-switch__toggle--BorderColor);
|
|
25302
|
+
border-radius: var(--pf-v5-c-switch__toggle--BorderRadius);
|
|
25338
25303
|
}
|
|
25339
25304
|
|
|
25340
25305
|
.pf-v5-c-switch__toggle-icon {
|
|
@@ -25351,22 +25316,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
25351
25316
|
.pf-v5-c-switch__label {
|
|
25352
25317
|
display: inline-block;
|
|
25353
25318
|
grid-column: 2;
|
|
25354
|
-
color: var(--pf-v5-c-switch__label--Color);
|
|
25355
25319
|
vertical-align: top;
|
|
25356
25320
|
}
|
|
25357
25321
|
|
|
25358
|
-
: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 {
|
|
25359
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
25360
|
-
}
|
|
25361
|
-
|
|
25362
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-switch {
|
|
25363
|
-
--pf-v5-c-switch__toggle-icon--Color: var(--pf-v5-global--BackgroundColor--100);
|
|
25364
|
-
--pf-v5-c-switch__input--not-checked__label--Color: var(--pf-v5-global--Color--100);
|
|
25365
|
-
--pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-v5-global--disabled-color--100);
|
|
25366
|
-
--pf-v5-c-switch__toggle--before--BoxShadow: none;
|
|
25367
|
-
--pf-v5-c-switch__input--disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--100);
|
|
25368
|
-
}
|
|
25369
|
-
|
|
25370
25322
|
:root,
|
|
25371
25323
|
.pf-v5-c-tab-content {
|
|
25372
25324
|
--pf-v5-c-tab-content__body--PaddingTop: 0;
|