@patternfly/patternfly 6.2.0-prerelease.8 → 6.2.0
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/base/patternfly-variables.css +1 -1
- package/base/patternfly-variables.scss +1 -1
- package/components/Accordion/accordion.css +3 -1
- package/components/Accordion/accordion.scss +4 -2
- package/components/Alert/alert-group.css +52 -9
- package/components/Alert/alert-group.scss +116 -29
- package/components/Banner/banner.css +2 -2
- package/components/Banner/banner.scss +2 -2
- package/components/Button/button.css +41 -0
- package/components/Button/button.scss +52 -0
- package/components/Card/card.css +21 -2
- package/components/Card/card.scss +26 -2
- package/components/ClipboardCopy/clipboard-copy.css +6 -1
- package/components/ClipboardCopy/clipboard-copy.scss +8 -2
- package/components/DataList/data-list.css +3 -1
- package/components/DataList/data-list.scss +4 -2
- package/components/DescriptionList/description-list.css +1 -1
- package/components/DescriptionList/description-list.scss +1 -1
- package/components/DualListSelector/dual-list-selector.css +4 -2
- package/components/DualListSelector/dual-list-selector.scss +4 -2
- package/components/ExpandableSection/expandable-section.css +3 -1
- package/components/ExpandableSection/expandable-section.scss +4 -2
- package/components/Form/form.css +7 -5
- package/components/Form/form.scss +7 -5
- package/components/FormControl/form-control.css +108 -41
- package/components/FormControl/form-control.scss +138 -49
- package/components/HelperText/helper-text.css +13 -0
- package/components/HelperText/helper-text.scss +16 -1
- package/components/JumpLinks/jump-links.css +4 -2
- package/components/JumpLinks/jump-links.scss +4 -2
- package/components/Masthead/masthead.css +1 -1
- package/components/Masthead/masthead.scss +1 -1
- package/components/Menu/menu.css +4 -5
- package/components/Menu/menu.scss +2 -3
- package/components/MenuToggle/menu-toggle.css +42 -1
- package/components/MenuToggle/menu-toggle.scss +50 -1
- package/components/Nav/nav.css +41 -11
- package/components/Nav/nav.scss +52 -15
- package/components/NotificationDrawer/notification-drawer.css +3 -1
- package/components/NotificationDrawer/notification-drawer.scss +4 -2
- package/components/Page/page.css +16 -1
- package/components/Page/page.scss +17 -3
- package/components/Popover/popover.css +2 -0
- package/components/Popover/popover.scss +2 -0
- package/components/Switch/switch.css +3 -1
- package/components/Switch/switch.scss +4 -2
- package/components/Table/table-grid.css +3 -1
- package/components/Table/table-grid.scss +4 -2
- package/components/Table/table.css +7 -5
- package/components/Table/table.scss +7 -4
- package/components/Tabs/tabs.css +6 -2
- package/components/Tabs/tabs.scss +8 -4
- package/components/Toolbar/toolbar.css +10 -3
- package/components/Toolbar/toolbar.scss +11 -3
- package/components/Wizard/wizard.css +4 -2
- package/components/Wizard/wizard.scss +4 -2
- package/components/_index.css +409 -102
- package/docs/components/Alert/examples/Alert.md +6 -0
- package/docs/components/Button/examples/Button.md +29 -0
- package/docs/components/Card/examples/Card.md +30 -0
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +29 -0
- package/docs/components/DataList/examples/DataList.md +1 -1
- package/docs/components/Menu/examples/Menu.md +6 -6
- package/docs/components/Nav/examples/Navigation.md +3 -0
- package/docs/components/Table/examples/Table.md +14 -26
- package/docs/components/Tabs/examples/Tabs.md +145 -3
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +10 -0
- package/docs/components/Toolbar/examples/Toolbar.css +3 -0
- package/docs/components/Toolbar/examples/Toolbar.md +28 -0
- package/docs/demos/Card/examples/Card.md +32 -24
- package/docs/demos/CardView/examples/CardView.md +2 -0
- package/docs/demos/Nav/examples/Nav.md +2 -0
- package/package.json +2 -2
- package/patternfly-base-no-globals.css +1 -1
- package/patternfly-base.css +1 -1
- package/patternfly-charts.css +3 -3
- package/patternfly-charts.scss +3 -3
- package/patternfly-no-globals.css +410 -103
- package/patternfly.css +410 -103
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +8 -4
- package/docs/components/TabContent/examples/TabContent.md +0 -153
package/patternfly.css
CHANGED
|
@@ -7593,7 +7593,7 @@ button) {
|
|
|
7593
7593
|
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
7594
7594
|
}
|
|
7595
7595
|
|
|
7596
|
-
:
|
|
7596
|
+
:is(.pf-v6-m-dir-rtl, [dir=rtl]) {
|
|
7597
7597
|
--pf-v6-global--inverse--multiplier: -1;
|
|
7598
7598
|
}
|
|
7599
7599
|
|
|
@@ -7808,7 +7808,9 @@ button) {
|
|
|
7808
7808
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
7809
7809
|
--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7810
7810
|
--pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
7811
|
-
--pf-v6-c-accordion__toggle-icon--
|
|
7811
|
+
--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7812
|
+
--pf-v6-c-accordion__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
7813
|
+
--pf-v6-c-accordion__toggle-icon--Transition: transform var(--pf-v6-c-accordion__toggle-icon--TransitionDuration) var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction);
|
|
7812
7814
|
--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
|
|
7813
7815
|
--pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
7814
7816
|
--pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -8172,6 +8174,48 @@ button) {
|
|
|
8172
8174
|
--pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8173
8175
|
--pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
|
|
8174
8176
|
--pf-v6-c-alert-group--m-toast--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
8177
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8178
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--decelerate);
|
|
8179
|
+
--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default: var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity--default)
|
|
8180
|
+
var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity--default)
|
|
8181
|
+
0s;
|
|
8182
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity: var(--pf-t--global--motion--duration--fade--default);
|
|
8183
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--decelerate);
|
|
8184
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDelay--opacity: var(--pf-t--global--motion--delay--none);
|
|
8185
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
8186
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--decelerate);
|
|
8187
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDelay--transform: var(--pf-t--global--motion--delay--none);
|
|
8188
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--default);
|
|
8189
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--decelerate);
|
|
8190
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--slide-in--default);
|
|
8191
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--decelerate);
|
|
8192
|
+
--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
8193
|
+
--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
8194
|
+
--pf-v6-c-alert-group--m-toast__item--c-alert--Transition: all
|
|
8195
|
+
var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
|
|
8196
|
+
var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
|
|
8197
|
+
0s;
|
|
8198
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8199
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8200
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8201
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8202
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8203
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8204
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8205
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8206
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8207
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
|
|
8208
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8209
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8210
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
|
|
8211
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8212
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8213
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8214
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8215
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: all
|
|
8216
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration)
|
|
8217
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction)
|
|
8218
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration);
|
|
8175
8219
|
--pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
|
|
8176
8220
|
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
8177
8221
|
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -8220,25 +8264,25 @@ button) {
|
|
|
8220
8264
|
display: grid;
|
|
8221
8265
|
grid-template-rows: 1fr;
|
|
8222
8266
|
opacity: 1;
|
|
8223
|
-
transition: opacity var(--pf-
|
|
8267
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
8224
8268
|
transform: translateX(0) translateY(0);
|
|
8225
8269
|
}
|
|
8226
8270
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
8227
8271
|
.pf-v6-c-alert-group__item {
|
|
8228
|
-
transition: opacity var(--pf-
|
|
8272
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity) var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity) var(--pf-v6-c-alert-group--m-toast__item--TransitionDelay--opacity), transform var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--transform) var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--transform) var(--pf-v6-c-alert-group--m-toast__item--TransitionDelay--transform), grid-template-rows var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--grid-template-rows) var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--grid-template-rows), margin-block var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--margin-block) var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--margin-block);
|
|
8229
8273
|
}
|
|
8230
8274
|
.pf-v6-c-alert-group__item .pf-v6-c-alert {
|
|
8231
|
-
transition:
|
|
8275
|
+
transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
|
|
8232
8276
|
}
|
|
8233
8277
|
}
|
|
8234
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-top {
|
|
8278
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
|
|
8235
8279
|
grid-template-rows: 0fr;
|
|
8236
8280
|
margin-block: 0;
|
|
8237
8281
|
overflow: hidden;
|
|
8238
8282
|
opacity: 0;
|
|
8239
8283
|
transform: translateY(-100%);
|
|
8240
8284
|
}
|
|
8241
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-top .pf-v6-c-alert {
|
|
8285
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
|
|
8242
8286
|
min-height: 0;
|
|
8243
8287
|
padding-block-start: 0;
|
|
8244
8288
|
padding-block-end: 0;
|
|
@@ -8249,21 +8293,22 @@ button) {
|
|
|
8249
8293
|
margin-block: 0;
|
|
8250
8294
|
overflow: hidden;
|
|
8251
8295
|
opacity: 0;
|
|
8252
|
-
transition:
|
|
8253
|
-
transform: translateX(100%);
|
|
8296
|
+
transition: grid-template-rows 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default), margin-block 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default), opacity var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default);
|
|
8254
8297
|
}
|
|
8255
8298
|
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
|
8256
8299
|
min-height: 0;
|
|
8257
8300
|
padding-block-start: 0;
|
|
8258
8301
|
padding-block-end: 0;
|
|
8259
8302
|
border-width: 0;
|
|
8303
|
+
transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
|
|
8260
8304
|
}
|
|
8261
8305
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
8262
8306
|
.pf-v6-c-alert-group__item.pf-m-offstage-right {
|
|
8263
|
-
transition: transform var(--pf-
|
|
8307
|
+
transition: transform var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform), opacity var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity), margin-block var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block), grid-template-rows var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows);
|
|
8308
|
+
transform: translateX(100%);
|
|
8264
8309
|
}
|
|
8265
8310
|
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
|
8266
|
-
transition:
|
|
8311
|
+
transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition);
|
|
8267
8312
|
}
|
|
8268
8313
|
}
|
|
8269
8314
|
.pf-v6-c-alert-group__item:hover {
|
|
@@ -8805,8 +8850,8 @@ button) {
|
|
|
8805
8850
|
cursor: not-allowed;
|
|
8806
8851
|
}
|
|
8807
8852
|
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
|
|
8808
|
-
--pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
|
|
8809
|
-
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
8853
|
+
--pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
|
|
8854
|
+
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
8810
8855
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
|
|
8811
8856
|
text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
|
|
8812
8857
|
}
|
|
@@ -9226,6 +9271,14 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9226
9271
|
--pf-v6-c-button__icon--MarginInlineEnd: 0;
|
|
9227
9272
|
--pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
|
|
9228
9273
|
--pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
|
|
9274
|
+
--pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
|
|
9275
|
+
--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
|
|
9276
|
+
--pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
9277
|
+
--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
9278
|
+
--pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
|
|
9279
|
+
--pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
|
|
9280
|
+
--pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
9281
|
+
--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
9229
9282
|
--pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
|
|
9230
9283
|
--pf-v6-c-button__progress--Opacity: 0;
|
|
9231
9284
|
--pf-v6-c-button__progress--TranslateY: -50%;
|
|
@@ -9535,6 +9588,20 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9535
9588
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
|
|
9536
9589
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
|
|
9537
9590
|
}
|
|
9591
|
+
.pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
|
|
9592
|
+
transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
|
|
9593
|
+
transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
|
|
9594
|
+
transition-property: color;
|
|
9595
|
+
}
|
|
9596
|
+
.pf-v6-c-button.pf-m-favorited {
|
|
9597
|
+
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
|
|
9598
|
+
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
|
|
9599
|
+
}
|
|
9600
|
+
.pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
|
|
9601
|
+
animation-name: pf-v6-c-button-icon-favorited;
|
|
9602
|
+
animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
|
|
9603
|
+
animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
|
|
9604
|
+
}
|
|
9538
9605
|
.pf-v6-c-button:hover, .pf-v6-c-button:focus {
|
|
9539
9606
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
|
|
9540
9607
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
|
@@ -9590,6 +9657,11 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9590
9657
|
.pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
|
|
9591
9658
|
opacity: 0;
|
|
9592
9659
|
}
|
|
9660
|
+
.pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
|
|
9661
|
+
animation-name: pf-v6-c-button-icon-notify;
|
|
9662
|
+
animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
|
|
9663
|
+
animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
|
|
9664
|
+
}
|
|
9593
9665
|
|
|
9594
9666
|
.pf-v6-c-button__icon {
|
|
9595
9667
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
@@ -9620,6 +9692,19 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9620
9692
|
align-items: center;
|
|
9621
9693
|
}
|
|
9622
9694
|
|
|
9695
|
+
@keyframes pf-v6-c-button-icon-notify {
|
|
9696
|
+
33% {
|
|
9697
|
+
transform: rotate(30deg);
|
|
9698
|
+
}
|
|
9699
|
+
66% {
|
|
9700
|
+
transform: rotate(-60deg);
|
|
9701
|
+
}
|
|
9702
|
+
}
|
|
9703
|
+
@keyframes pf-v6-c-button-icon-favorited {
|
|
9704
|
+
50% {
|
|
9705
|
+
transform: scale(1.5);
|
|
9706
|
+
}
|
|
9707
|
+
}
|
|
9623
9708
|
.pf-v6-c-calendar-month {
|
|
9624
9709
|
--pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
9625
9710
|
--pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
@@ -9850,12 +9935,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9850
9935
|
--pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
9851
9936
|
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
9852
9937
|
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
9938
|
+
--pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
|
|
9939
|
+
--pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
|
|
9853
9940
|
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
9854
9941
|
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
9855
9942
|
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
9856
9943
|
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
9857
9944
|
--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
9858
|
-
--pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--
|
|
9945
|
+
--pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
9859
9946
|
--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
|
|
9860
9947
|
--pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
|
|
9861
9948
|
--pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
@@ -10013,6 +10100,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10013
10100
|
.pf-v6-c-card__header.pf-m-toggle-right .pf-v6-c-card__header-toggle {
|
|
10014
10101
|
order: 2;
|
|
10015
10102
|
}
|
|
10103
|
+
.pf-v6-c-card__header.pf-m-wrap {
|
|
10104
|
+
--pf-v6-c-card__actions--PaddingInlineStart: 0;
|
|
10105
|
+
gap: var(--pf-v6-c-card__header--m-wrap--RowGap) var(--pf-v6-c-card__header--m-wrap--ColumnGap);
|
|
10106
|
+
}
|
|
10107
|
+
.pf-v6-c-card__header.pf-m-wrap,
|
|
10108
|
+
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
10109
|
+
flex-wrap: wrap;
|
|
10110
|
+
row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
|
|
10111
|
+
}
|
|
10112
|
+
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
10113
|
+
margin-inline-start: 0;
|
|
10114
|
+
}
|
|
10115
|
+
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
|
|
10116
|
+
margin-inline-end: auto;
|
|
10117
|
+
}
|
|
10016
10118
|
|
|
10017
10119
|
.pf-v6-c-card__header-main {
|
|
10018
10120
|
flex-grow: 1;
|
|
@@ -10028,7 +10130,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10028
10130
|
|
|
10029
10131
|
.pf-v6-c-card__header-toggle-icon {
|
|
10030
10132
|
display: inline-block;
|
|
10031
|
-
transition
|
|
10133
|
+
transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
|
|
10134
|
+
transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
|
|
10135
|
+
transition-property: transform;
|
|
10032
10136
|
}
|
|
10033
10137
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
|
|
10034
10138
|
scale: -1 1;
|
|
@@ -10239,7 +10343,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10239
10343
|
}
|
|
10240
10344
|
|
|
10241
10345
|
.pf-v6-c-clipboard-copy {
|
|
10242
|
-
--pf-v6-c-clipboard-copy__toggle-icon--
|
|
10346
|
+
--pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
10347
|
+
--pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
10348
|
+
--pf-v6-c-clipboard-copy__toggle-icon--Transition: transform var(--pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration) var(--pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction);
|
|
10243
10349
|
--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
|
|
10244
10350
|
--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
10245
10351
|
--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -10279,6 +10385,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10279
10385
|
.pf-v6-c-clipboard-copy.pf-m-inline.pf-m-block {
|
|
10280
10386
|
display: block;
|
|
10281
10387
|
}
|
|
10388
|
+
.pf-v6-c-clipboard-copy.pf-m-inline.pf-m-truncate {
|
|
10389
|
+
display: inline-flex;
|
|
10390
|
+
}
|
|
10282
10391
|
|
|
10283
10392
|
.pf-v6-c-clipboard-copy__group {
|
|
10284
10393
|
display: flex;
|
|
@@ -11304,7 +11413,9 @@ ul) {
|
|
|
11304
11413
|
--pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
11305
11414
|
--pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
11306
11415
|
--pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
|
|
11307
|
-
--pf-v6-c-data-list__toggle-icon--
|
|
11416
|
+
--pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
11417
|
+
--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
11418
|
+
--pf-v6-c-data-list__toggle-icon--Transition: transform var(--pf-v6-c-data-list__toggle-icon--TransitionDuration) var(--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction);
|
|
11308
11419
|
--pf-v6-c-data-list__toggle-icon--Rotate: 0;
|
|
11309
11420
|
--pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
|
|
11310
11421
|
--pf-v6-c-data-list__item-draggable-button--BackgroundColor: transparent;
|
|
@@ -11703,7 +11814,7 @@ ul) {
|
|
|
11703
11814
|
--pf-v6-c-description-list__term--Display: inline;
|
|
11704
11815
|
--pf-v6-c-description-list__term--sm--Display: flex;
|
|
11705
11816
|
--pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
11706
|
-
--pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--
|
|
11817
|
+
--pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
|
|
11707
11818
|
--pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
11708
11819
|
--pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
|
|
11709
11820
|
--pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -12140,7 +12251,7 @@ ul) {
|
|
|
12140
12251
|
--pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
12141
12252
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
|
|
12142
12253
|
--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
|
|
12143
|
-
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--
|
|
12254
|
+
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
12144
12255
|
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
12145
12256
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
12146
12257
|
--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
@@ -12364,7 +12475,9 @@ ul) {
|
|
|
12364
12475
|
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
12365
12476
|
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
12366
12477
|
text-align: center;
|
|
12367
|
-
transition
|
|
12478
|
+
transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
12479
|
+
transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
|
|
12480
|
+
transition-property: transform;
|
|
12368
12481
|
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
12369
12482
|
}
|
|
12370
12483
|
|
|
@@ -13755,7 +13868,9 @@ ul) {
|
|
|
13755
13868
|
--pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
|
|
13756
13869
|
--pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
|
|
13757
13870
|
--pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
13758
|
-
--pf-v6-c-expandable-section__toggle-icon--
|
|
13871
|
+
--pf-v6-c-expandable-section__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
13872
|
+
--pf-v6-c-expandable-section__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
13873
|
+
--pf-v6-c-expandable-section__toggle-icon--Transition: transform var(--pf-v6-c-expandable-section__toggle-icon--TransitionDuration) var(--pf-v6-c-expandable-section__toggle-icon--TransitionTimingFunction);
|
|
13759
13874
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
|
|
13760
13875
|
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
|
|
13761
13876
|
--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
|
|
@@ -13901,16 +14016,16 @@ ul) {
|
|
|
13901
14016
|
--pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
13902
14017
|
--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
|
|
13903
14018
|
--pf-v6-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)));
|
|
13904
|
-
--pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--
|
|
14019
|
+
--pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13905
14020
|
--pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
13906
14021
|
--pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
13907
14022
|
--pf-v6-c-form__label--hover--Cursor: pointer;
|
|
13908
14023
|
--pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
|
|
13909
14024
|
--pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
13910
14025
|
--pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
13911
|
-
--pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--
|
|
14026
|
+
--pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13912
14027
|
--pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
|
|
13913
|
-
--pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--
|
|
14028
|
+
--pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13914
14029
|
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
|
|
13915
14030
|
--pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
13916
14031
|
--pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
@@ -13947,7 +14062,7 @@ ul) {
|
|
|
13947
14062
|
--pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
|
|
13948
14063
|
--pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
13949
14064
|
--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
13950
|
-
--pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--
|
|
14065
|
+
--pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
13951
14066
|
--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
13952
14067
|
--pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
|
|
13953
14068
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
|
|
@@ -14345,7 +14460,9 @@ ul) {
|
|
|
14345
14460
|
display: inline-block;
|
|
14346
14461
|
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
14347
14462
|
text-align: center;
|
|
14348
|
-
transition
|
|
14463
|
+
transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
|
|
14464
|
+
transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
|
|
14465
|
+
transition-property: transform;
|
|
14349
14466
|
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
14350
14467
|
}
|
|
14351
14468
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
|
|
@@ -14419,10 +14536,29 @@ ul) {
|
|
|
14419
14536
|
--pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
14420
14537
|
--pf-v6-c-form-control--Width: 100%;
|
|
14421
14538
|
--pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
|
|
14422
|
-
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
14423
|
-
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
14424
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
14425
|
-
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
|
14539
|
+
--pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
|
|
14540
|
+
--pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
|
|
14541
|
+
--pf-v6-c-form-control--PaddingInlineEnd--base: var(--pf-v6-c-form-control--inset--base);
|
|
14542
|
+
--pf-v6-c-form-control--PaddingInlineStart--base: var(--pf-v6-c-form-control--inset--base);
|
|
14543
|
+
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
|
|
14544
|
+
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
|
|
14545
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
|
|
14546
|
+
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
|
|
14547
|
+
--pf-v6-c-form-control__utilities--input--PaddingInlineEnd: var(--pf-v6-c-form-control__input--PaddingInlineEnd);
|
|
14548
|
+
--pf-v6-c-form-control__utilities--select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--PaddingInlineEnd);
|
|
14549
|
+
--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd: var(--pf-v6-c-form-control__textarea--PaddingInlineEnd);
|
|
14550
|
+
--pf-v6-c-form-control__input--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
|
|
14551
|
+
--pf-v6-c-form-control__input--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
|
|
14552
|
+
--pf-v6-c-form-control__input--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
|
|
14553
|
+
--pf-v6-c-form-control__input--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
|
|
14554
|
+
--pf-v6-c-form-control__select--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
|
|
14555
|
+
--pf-v6-c-form-control__select--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
|
|
14556
|
+
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
|
|
14557
|
+
--pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
|
|
14558
|
+
--pf-v6-c-form-control__textarea--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
|
|
14559
|
+
--pf-v6-c-form-control__textarea--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
|
|
14560
|
+
--pf-v6-c-form-control__textarea--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
|
|
14561
|
+
--pf-v6-c-form-control__textarea--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
|
|
14426
14562
|
--pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
|
|
14427
14563
|
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
14428
14564
|
--pf-v6-c-form-control--m-success--hover--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
|
|
@@ -14442,25 +14578,33 @@ ul) {
|
|
|
14442
14578
|
--pf-v6-c-form-control--m-readonly--m-plain--BorderColor: transparent;
|
|
14443
14579
|
--pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
|
|
14444
14580
|
--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
|
|
14581
|
+
--pf-v6-c-form-control--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
14445
14582
|
--pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
14446
14583
|
--pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
14447
|
-
--pf-v6-c-form-control--m-success--PaddingInlineEnd:
|
|
14584
|
+
--pf-v6-c-form-control--m-success--PaddingInlineEnd: initial;
|
|
14585
|
+
--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: initial;
|
|
14586
|
+
--pf-v6-c-form-control__input--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
|
|
14587
|
+
--pf-v6-c-form-control__select--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
|
|
14588
|
+
--pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
|
|
14448
14589
|
--pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
14449
14590
|
--pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
14450
|
-
--pf-v6-c-form-control--m-warning--PaddingInlineEnd:
|
|
14591
|
+
--pf-v6-c-form-control--m-warning--PaddingInlineEnd: initial;
|
|
14592
|
+
--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: initial;
|
|
14593
|
+
--pf-v6-c-form-control__input--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
|
|
14594
|
+
--pf-v6-c-form-control__select--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
|
|
14595
|
+
--pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
|
|
14451
14596
|
--pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
14452
14597
|
--pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
14453
|
-
--pf-v6-c-form-control--m-error--PaddingInlineEnd:
|
|
14598
|
+
--pf-v6-c-form-control--m-error--PaddingInlineEnd: initial;
|
|
14599
|
+
--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: initial;
|
|
14454
14600
|
--pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
14455
|
-
--pf-v6-c-form-
|
|
14601
|
+
--pf-v6-c-form-control__input--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
|
|
14602
|
+
--pf-v6-c-form-control__select--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
|
|
14603
|
+
--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
|
|
14604
|
+
--pf-v6-c-form-control--m-icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
|
|
14456
14605
|
--pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
14457
14606
|
--pf-v6-c-form-control--m-icon--icon--spacer: calc(var(--pf-t--global--spacer--control--horizontal--default) / 2);
|
|
14458
|
-
--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--
|
|
14459
|
-
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
14460
|
-
--pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
|
14461
|
-
--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
|
|
14462
|
-
--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
|
|
14463
|
-
--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
|
|
14607
|
+
--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--icon--width) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
|
|
14464
14608
|
--pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
|
|
14465
14609
|
--pf-v6-c-form-control--textarea--Height: auto;
|
|
14466
14610
|
--pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
@@ -14474,11 +14618,13 @@ ul) {
|
|
|
14474
14618
|
--pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
14475
14619
|
--pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
14476
14620
|
--pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
|
|
14477
|
-
--pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-
|
|
14478
|
-
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--
|
|
14479
|
-
--pf-v6-c-form-
|
|
14480
|
-
--pf-v6-c-form-control__toggle-icon--PaddingInlineStart:
|
|
14621
|
+
--pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart);
|
|
14622
|
+
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
|
|
14623
|
+
--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
|
|
14624
|
+
--pf-v6-c-form-control__toggle-icon--PaddingInlineStart: 0;
|
|
14625
|
+
--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: 0;
|
|
14481
14626
|
--pf-v6-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
14627
|
+
--pf-v6-c-form-control__toggle-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
|
14482
14628
|
--pf-v6-c-form-control--m-disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
14483
14629
|
}
|
|
14484
14630
|
|
|
@@ -14532,6 +14678,14 @@ ul) {
|
|
|
14532
14678
|
.pf-v6-c-form-control > :is(input, select) {
|
|
14533
14679
|
text-overflow: ellipsis;
|
|
14534
14680
|
}
|
|
14681
|
+
.pf-v6-c-form-control:has(input) {
|
|
14682
|
+
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__input--PaddingBlockStart);
|
|
14683
|
+
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__input--PaddingBlockEnd);
|
|
14684
|
+
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__input--PaddingInlineStart);
|
|
14685
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control__input--PaddingInlineEnd);
|
|
14686
|
+
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd);
|
|
14687
|
+
}
|
|
14688
|
+
|
|
14535
14689
|
.pf-v6-c-form-control.pf-m-textarea {
|
|
14536
14690
|
padding-block-start: var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset);
|
|
14537
14691
|
padding-block-end: var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset);
|
|
@@ -14541,14 +14695,20 @@ ul) {
|
|
|
14541
14695
|
.pf-v6-c-form-control.pf-m-textarea.pf-m-success, .pf-v6-c-form-control.pf-m-textarea.pf-m-warning, .pf-v6-c-form-control.pf-m-textarea.pf-m-error {
|
|
14542
14696
|
--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--ColumnGap));
|
|
14543
14697
|
}
|
|
14698
|
+
.pf-v6-c-form-control.pf-m-textarea:has(textarea) {
|
|
14699
|
+
--pf-v6-c-form-control--PaddingBlockStart: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
|
|
14700
|
+
--pf-v6-c-form-control--PaddingBlockEnd: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
|
|
14701
|
+
--pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__textarea--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
|
|
14702
|
+
--pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__textarea--PaddingInlineEnd) - var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset) + var(--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset, 0px));
|
|
14703
|
+
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
|
|
14704
|
+
}
|
|
14544
14705
|
.pf-v6-c-form-control.pf-m-textarea > textarea {
|
|
14545
|
-
padding-block-start: calc(var(--pf-v6-c-form-control--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
|
|
14546
|
-
padding-block-end: calc(var(--pf-v6-c-form-control--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
|
|
14547
|
-
padding-inline-start: calc(var(--pf-v6-c-form-control--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
|
|
14548
|
-
padding-inline-end: calc(var(--pf-v6-c-form-control--PaddingInlineEnd) - var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset) + var(--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset, 0));
|
|
14549
14706
|
outline-offset: 0;
|
|
14550
14707
|
scrollbar-gutter: stable;
|
|
14551
14708
|
}
|
|
14709
|
+
.pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
|
|
14710
|
+
padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
|
|
14711
|
+
}
|
|
14552
14712
|
.pf-v6-c-form-control.pf-m-readonly {
|
|
14553
14713
|
--pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
|
|
14554
14714
|
--pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
|
|
@@ -14581,37 +14741,58 @@ ul) {
|
|
|
14581
14741
|
cursor: not-allowed;
|
|
14582
14742
|
}
|
|
14583
14743
|
.pf-v6-c-form-control.pf-m-error {
|
|
14584
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd);
|
|
14585
14744
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
|
|
14586
14745
|
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
|
|
14587
14746
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
|
|
14588
|
-
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd);
|
|
14589
14747
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
|
|
14590
14748
|
}
|
|
14591
|
-
.pf-v6-c-form-control.pf-m-error
|
|
14592
|
-
--pf-v6-c-form-control--PaddingInlineEnd
|
|
14749
|
+
.pf-v6-c-form-control.pf-m-error > textarea {
|
|
14750
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
|
|
14751
|
+
}
|
|
14752
|
+
.pf-v6-c-form-control.pf-m-error > input {
|
|
14753
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-error--PaddingInlineEnd));
|
|
14754
|
+
}
|
|
14755
|
+
.pf-v6-c-form-control.pf-m-error > select {
|
|
14756
|
+
padding-inline-end: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-error--PaddingInlineEnd));
|
|
14757
|
+
}
|
|
14758
|
+
.pf-v6-c-form-control.pf-m-error.pf-m-icon > :is(input) {
|
|
14759
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
14593
14760
|
}
|
|
14594
14761
|
.pf-v6-c-form-control.pf-m-success {
|
|
14595
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd);
|
|
14596
14762
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
|
|
14597
14763
|
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
|
|
14598
14764
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
|
|
14599
|
-
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd);
|
|
14600
14765
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
|
|
14601
14766
|
}
|
|
14602
|
-
.pf-v6-c-form-control.pf-m-success
|
|
14603
|
-
--pf-v6-c-form-control--PaddingInlineEnd
|
|
14767
|
+
.pf-v6-c-form-control.pf-m-success > textarea {
|
|
14768
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd));
|
|
14769
|
+
}
|
|
14770
|
+
.pf-v6-c-form-control.pf-m-success > input {
|
|
14771
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-success--PaddingInlineEnd));
|
|
14772
|
+
}
|
|
14773
|
+
.pf-v6-c-form-control.pf-m-success > select {
|
|
14774
|
+
padding-inline-end: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-success--PaddingInlineEnd));
|
|
14775
|
+
}
|
|
14776
|
+
.pf-v6-c-form-control.pf-m-success.pf-m-icon > :is(input) {
|
|
14777
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
14604
14778
|
}
|
|
14605
14779
|
.pf-v6-c-form-control.pf-m-warning {
|
|
14606
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd);
|
|
14607
14780
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
|
|
14608
14781
|
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
|
|
14609
14782
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
|
|
14610
|
-
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd);
|
|
14611
14783
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
|
|
14612
14784
|
}
|
|
14613
|
-
.pf-v6-c-form-control.pf-m-warning
|
|
14614
|
-
--pf-v6-c-form-control--PaddingInlineEnd
|
|
14785
|
+
.pf-v6-c-form-control.pf-m-warning > textarea {
|
|
14786
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd));
|
|
14787
|
+
}
|
|
14788
|
+
.pf-v6-c-form-control.pf-m-warning > input {
|
|
14789
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-warning--PaddingInlineEnd));
|
|
14790
|
+
}
|
|
14791
|
+
.pf-v6-c-form-control.pf-m-warning > select {
|
|
14792
|
+
padding-inline-end: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-warning--PaddingInlineEnd));
|
|
14793
|
+
}
|
|
14794
|
+
.pf-v6-c-form-control.pf-m-warning.pf-m-icon > :is(input) {
|
|
14795
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
14615
14796
|
}
|
|
14616
14797
|
.pf-v6-c-form-control:hover {
|
|
14617
14798
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
|
|
@@ -14620,13 +14801,19 @@ ul) {
|
|
|
14620
14801
|
.pf-v6-c-form-control.pf-m-icon {
|
|
14621
14802
|
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
|
|
14622
14803
|
}
|
|
14623
|
-
.pf-v6-c-form-control
|
|
14624
|
-
--pf-v6-c-form-control--
|
|
14804
|
+
.pf-v6-c-form-control:has(select) {
|
|
14805
|
+
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__select--PaddingBlockStart);
|
|
14806
|
+
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__select--PaddingBlockEnd);
|
|
14625
14807
|
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
|
|
14808
|
+
--pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
|
|
14809
|
+
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
|
|
14626
14810
|
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
14627
14811
|
}
|
|
14812
|
+
.pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
|
|
14813
|
+
padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
|
|
14814
|
+
}
|
|
14628
14815
|
@-moz-document url-prefix() {
|
|
14629
|
-
.pf-v6-c-form-control
|
|
14816
|
+
.pf-v6-c-form-control:has(select) {
|
|
14630
14817
|
--pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
|
|
14631
14818
|
--pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
|
|
14632
14819
|
}
|
|
@@ -14672,6 +14859,7 @@ ul) {
|
|
|
14672
14859
|
grid-column: 3;
|
|
14673
14860
|
padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
|
|
14674
14861
|
padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
|
|
14862
|
+
font-size: var(--pf-v6-c-form-control__toggle-icon--FontSize);
|
|
14675
14863
|
color: var(--pf-v6-c-form-control__toggle-icon--Color);
|
|
14676
14864
|
pointer-events: none;
|
|
14677
14865
|
}
|
|
@@ -14687,10 +14875,6 @@ ul) {
|
|
|
14687
14875
|
pointer-events: none;
|
|
14688
14876
|
}
|
|
14689
14877
|
|
|
14690
|
-
select ~ .pf-v6-c-form-control__utilities {
|
|
14691
|
-
--pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
|
|
14692
|
-
}
|
|
14693
|
-
|
|
14694
14878
|
.pf-v6-c-hint {
|
|
14695
14879
|
--pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
|
|
14696
14880
|
--pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
@@ -14780,6 +14964,8 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
14780
14964
|
--pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
14781
14965
|
--pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
14782
14966
|
--pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
14967
|
+
--pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
|
14968
|
+
--pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
|
14783
14969
|
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
14784
14970
|
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
14785
14971
|
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
|
|
@@ -14824,6 +15010,17 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
14824
15010
|
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
|
|
14825
15011
|
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
|
|
14826
15012
|
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
|
|
15013
|
+
animation-name: pf-v6-c-helper-text-item-fade-in;
|
|
15014
|
+
animation-duration: var(--pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity);
|
|
15015
|
+
animation-timing-function: var(--pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity);
|
|
15016
|
+
}
|
|
15017
|
+
@keyframes pf-v6-c-helper-text-item-fade-in {
|
|
15018
|
+
from {
|
|
15019
|
+
opacity: 0;
|
|
15020
|
+
}
|
|
15021
|
+
to {
|
|
15022
|
+
opacity: 1;
|
|
15023
|
+
}
|
|
14827
15024
|
}
|
|
14828
15025
|
.pf-v6-c-helper-text__item.pf-m-dynamic {
|
|
14829
15026
|
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
|
|
@@ -15297,7 +15494,7 @@ label.pf-v6-c-input-group__text {
|
|
|
15297
15494
|
--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
15298
15495
|
--pf-v6-c-jump-links__toggle--Display: none;
|
|
15299
15496
|
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
15300
|
-
--pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--
|
|
15497
|
+
--pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
15301
15498
|
--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
15302
15499
|
--pf-v6-c-jump-links__toggle-icon--Rotate: 0;
|
|
15303
15500
|
--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
|
@@ -15489,7 +15686,9 @@ label.pf-v6-c-input-group__text {
|
|
|
15489
15686
|
.pf-v6-c-jump-links__toggle-icon {
|
|
15490
15687
|
display: inline-block;
|
|
15491
15688
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
15492
|
-
transition
|
|
15689
|
+
transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
15690
|
+
transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
|
|
15691
|
+
transition-property: transform;
|
|
15493
15692
|
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
15494
15693
|
}
|
|
15495
15694
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
@@ -16653,7 +16852,7 @@ ul.pf-v6-c-list {
|
|
|
16653
16852
|
grid-column-end: -1;
|
|
16654
16853
|
row-gap: var(--pf-v6-c-masthead__content-RowGap, var(--pf-v6-c-masthead--RowGap));
|
|
16655
16854
|
column-gap: var(--pf-v6-c-masthead__content--ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
|
|
16656
|
-
align-self:
|
|
16855
|
+
align-self: center;
|
|
16657
16856
|
order: var(--pf-v6-c-masthead__content--Order);
|
|
16658
16857
|
min-width: 0.25rem;
|
|
16659
16858
|
}
|
|
@@ -17337,7 +17536,6 @@ ul.pf-v6-c-list {
|
|
|
17337
17536
|
z-index: var(--pf-v6-c-menu--ZIndex);
|
|
17338
17537
|
margin-block-start: calc(var(--pf-v6-c-menu--RowGap) * -1);
|
|
17339
17538
|
margin-block-end: calc(var(--pf-v6-c-menu--RowGap) * -1);
|
|
17340
|
-
overflow: hidden;
|
|
17341
17539
|
}
|
|
17342
17540
|
.pf-v6-c-menu.pf-m-scrollable .pf-v6-c-menu__list {
|
|
17343
17541
|
padding-block-start: var(--pf-v6-c-menu--RowGap);
|
|
@@ -17561,16 +17759,16 @@ ul.pf-v6-c-list {
|
|
|
17561
17759
|
opacity: 0;
|
|
17562
17760
|
}
|
|
17563
17761
|
|
|
17564
|
-
.pf-v6-c-menu__item-toggle-icon.pf-m-favorited, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button,
|
|
17762
|
+
.pf-v6-c-menu__item-toggle-icon.pf-m-favorited, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited),
|
|
17565
17763
|
.pf-v6-c-menu__item-action.pf-m-favorited,
|
|
17566
17764
|
.pf-v6-c-menu__item-action.pf-m-favorited:hover,
|
|
17567
|
-
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button {
|
|
17765
|
+
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
|
|
17568
17766
|
--pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
|
|
17569
17767
|
}
|
|
17570
|
-
.pf-v6-c-menu__item-toggle-icon.pf-m-favorited:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:is(:hover, :focus),
|
|
17768
|
+
.pf-v6-c-menu__item-toggle-icon.pf-m-favorited:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus),
|
|
17571
17769
|
.pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
|
|
17572
17770
|
.pf-v6-c-menu__item-action.pf-m-favorited:hover:is(:hover, :focus),
|
|
17573
|
-
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
|
|
17771
|
+
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
|
|
17574
17772
|
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
|
|
17575
17773
|
}
|
|
17576
17774
|
|
|
@@ -17700,7 +17898,7 @@ ul.pf-v6-c-list {
|
|
|
17700
17898
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
17701
17899
|
--pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
17702
17900
|
--pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
|
|
17703
|
-
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-
|
|
17901
|
+
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
17704
17902
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
17705
17903
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
17706
17904
|
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
@@ -17715,12 +17913,16 @@ ul.pf-v6-c-list {
|
|
|
17715
17913
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
17716
17914
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
17717
17915
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
17916
|
+
--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--icon--default);
|
|
17917
|
+
--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
|
17718
17918
|
--pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
17719
17919
|
--pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
17720
17920
|
--pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
17721
17921
|
--pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
17722
17922
|
--pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
17723
17923
|
--pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
17924
|
+
--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
|
|
17925
|
+
--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
|
|
17724
17926
|
--pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
17725
17927
|
--pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
|
|
17726
17928
|
}
|
|
@@ -17869,6 +18071,28 @@ ul.pf-v6-c-list {
|
|
|
17869
18071
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
|
|
17870
18072
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
|
|
17871
18073
|
}
|
|
18074
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
18075
|
+
.pf-v6-c-menu-toggle.pf-m-danger {
|
|
18076
|
+
transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
|
|
18077
|
+
animation-name: pf-v6-c-menu-toggle-m-danger-motion;
|
|
18078
|
+
animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
|
|
18079
|
+
animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
|
|
18080
|
+
animation-fill-mode: both;
|
|
18081
|
+
}
|
|
18082
|
+
}
|
|
18083
|
+
.pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
|
|
18084
|
+
animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
|
|
18085
|
+
animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
|
|
18086
|
+
animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
|
|
18087
|
+
}
|
|
18088
|
+
@keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
|
|
18089
|
+
from {
|
|
18090
|
+
opacity: 0;
|
|
18091
|
+
}
|
|
18092
|
+
to {
|
|
18093
|
+
opacity: 1;
|
|
18094
|
+
}
|
|
18095
|
+
}
|
|
17872
18096
|
.pf-v6-c-menu-toggle.pf-m-placeholder {
|
|
17873
18097
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
|
|
17874
18098
|
}
|
|
@@ -17884,6 +18108,21 @@ ul.pf-v6-c-list {
|
|
|
17884
18108
|
pointer-events: none;
|
|
17885
18109
|
}
|
|
17886
18110
|
|
|
18111
|
+
@property --pf-v6-c-menu-toggle--m-danger--TranslateX {
|
|
18112
|
+
syntax: "<length>";
|
|
18113
|
+
inherits: false;
|
|
18114
|
+
initial-value: 0;
|
|
18115
|
+
}
|
|
18116
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
18117
|
+
@keyframes pf-v6-c-menu-toggle-m-danger-motion {
|
|
18118
|
+
33% {
|
|
18119
|
+
--pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
|
|
18120
|
+
}
|
|
18121
|
+
66% {
|
|
18122
|
+
--pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
|
|
18123
|
+
}
|
|
18124
|
+
}
|
|
18125
|
+
}
|
|
17887
18126
|
.pf-v6-c-menu-toggle.pf-m-split-button {
|
|
17888
18127
|
--pf-v6-c-menu-toggle--Gap: 0;
|
|
17889
18128
|
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
|
|
@@ -18473,13 +18712,15 @@ ul.pf-v6-c-list {
|
|
|
18473
18712
|
--pf-v6-c-nav__item--ScrollSnapAlign: end;
|
|
18474
18713
|
--pf-v6-c-nav__section-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
18475
18714
|
--pf-v6-c-nav__section-title--Color: var(--pf-t--global--text--color--regular);
|
|
18476
|
-
--pf-v6-c-nav__section-title--PaddingBlockStart:
|
|
18477
|
-
--pf-v6-c-nav__section-title--PaddingBlockEnd:
|
|
18715
|
+
--pf-v6-c-nav__section-title--PaddingBlockStart: 0;
|
|
18716
|
+
--pf-v6-c-nav__section-title--PaddingBlockEnd: 0;
|
|
18478
18717
|
--pf-v6-c-nav__section-title--PaddingInlineStart: var(--pf-v6-c-nav__link--PaddingInlineStart);
|
|
18479
18718
|
--pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
|
|
18480
18719
|
--pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
|
|
18481
18720
|
--pf-v6-c-nav__item__toggle-icon--Rotate: 0;
|
|
18482
18721
|
--pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
|
|
18722
|
+
--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
|
|
18723
|
+
--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--default);
|
|
18483
18724
|
--pf-v6-c-nav__link--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
18484
18725
|
--pf-v6-c-nav__link--AlignItems: baseline;
|
|
18485
18726
|
--pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
@@ -18490,10 +18731,19 @@ ul.pf-v6-c-list {
|
|
|
18490
18731
|
--pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
|
|
18491
18732
|
--pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
|
|
18492
18733
|
--pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
18734
|
+
--pf-v6-c-nav__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--default);
|
|
18735
|
+
--pf-v6-c-nav__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
|
|
18736
|
+
--pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
|
|
18737
|
+
--pf-v6-c-nav__link--m-current--TransitionTimingFunction--color: var(--pf-t--global--motion--timing-function--default);
|
|
18493
18738
|
--pf-v6-c-nav__link-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
18494
18739
|
--pf-v6-c-nav__link--m-current__link-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
18495
18740
|
--pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
|
|
18741
|
+
--pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
|
|
18742
|
+
--pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
|
|
18496
18743
|
--pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18744
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--slide-in--default);
|
|
18745
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--slide-in--short);
|
|
18746
|
+
--pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
|
|
18497
18747
|
--pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
|
|
18498
18748
|
--pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
18499
18749
|
--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -18587,25 +18837,41 @@ ul.pf-v6-c-list {
|
|
|
18587
18837
|
.pf-v6-c-nav__list {
|
|
18588
18838
|
row-gap: var(--pf-v6-c-nav__list--RowGap);
|
|
18589
18839
|
column-gap: var(--pf-v6-c-nav__list--ColumnGap);
|
|
18840
|
+
min-height: 0;
|
|
18590
18841
|
}
|
|
18591
18842
|
|
|
18592
18843
|
.pf-v6-c-nav__subnav {
|
|
18593
18844
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
18845
|
+
grid-template-rows: 1fr;
|
|
18846
|
+
min-height: 0;
|
|
18847
|
+
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
18848
|
+
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
18594
18849
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
18850
|
+
overflow-y: clip;
|
|
18851
|
+
transition-delay: 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
|
|
18852
|
+
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
18853
|
+
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), 0s, 0s, 0s, 0s;
|
|
18854
|
+
transition-property: opacity, visibility, grid-template-rows, padding-block-start, padding-block-end;
|
|
18855
|
+
}
|
|
18856
|
+
.pf-v6-c-nav__subnav[hidden] {
|
|
18857
|
+
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
18858
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse);
|
|
18859
|
+
--pf-v6-c-nav__subnav--PaddingBlockStart: 0;
|
|
18860
|
+
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
18861
|
+
display: grid;
|
|
18862
|
+
grid-template-rows: 0fr;
|
|
18863
|
+
visibility: hidden;
|
|
18864
|
+
opacity: 0;
|
|
18595
18865
|
}
|
|
18596
18866
|
|
|
18597
18867
|
.pf-v6-c-nav__item {
|
|
18598
|
-
row-gap: var(--pf-v6-c-nav__item--RowGap);
|
|
18599
18868
|
scroll-snap-align: var(--pf-v6-c-nav__item--ScrollSnapAlign);
|
|
18600
18869
|
}
|
|
18601
18870
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
18602
18871
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
18603
18872
|
}
|
|
18604
|
-
.pf-v6-c-nav__item.pf-m-expanded:
|
|
18605
|
-
margin-block-end: var(--pf-v6-c-
|
|
18606
|
-
}
|
|
18607
|
-
.pf-v6-c-nav__item.pf-m-expanded:is(:not(:only-child, :last-child)) + .pf-v6-c-nav__item > .pf-v6-c-nav__link::before {
|
|
18608
|
-
inset-block-start: calc(var(--pf-v6-c-nav__item--RowGap) * -1 - var(--pf-v6-c-nav__list--RowGap));
|
|
18873
|
+
.pf-v6-c-nav__item.pf-m-expanded:last-child > .pf-v6-c-nav__subnav {
|
|
18874
|
+
margin-block-end: calc(var(--pf-v6-c-nav__subnav--PaddingBlockEnd) * -1);
|
|
18609
18875
|
}
|
|
18610
18876
|
|
|
18611
18877
|
.pf-v6-c-nav__section {
|
|
@@ -18640,9 +18906,9 @@ ul.pf-v6-c-list {
|
|
|
18640
18906
|
background-color: var(--pf-v6-c-nav__link--BackgroundColor);
|
|
18641
18907
|
border: none;
|
|
18642
18908
|
border-radius: var(--pf-v6-c-nav__link--BorderRadius);
|
|
18643
|
-
|
|
18644
|
-
|
|
18645
|
-
|
|
18909
|
+
transition-timing-function: var(--pf-v6-c-nav__link--TransitionTimingFunction--background-color), var(--pf-v6-c-nav__link--m-current--TransitionTimingFunction--color);
|
|
18910
|
+
transition-duration: var(--pf-v6-c-nav__link--TransitionDuration--background-color), var(--pf-v6-c-nav__link--m-current--TransitionDuration--color);
|
|
18911
|
+
transition-property: background-color, color;
|
|
18646
18912
|
}
|
|
18647
18913
|
.pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
|
|
18648
18914
|
color: var(--pf-v6-c-nav__link--hover--Color);
|
|
@@ -18667,6 +18933,9 @@ ul.pf-v6-c-list {
|
|
|
18667
18933
|
|
|
18668
18934
|
.pf-v6-c-nav__toggle-icon {
|
|
18669
18935
|
display: inline-block;
|
|
18936
|
+
transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
|
|
18937
|
+
transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
|
|
18938
|
+
transition-property: transform;
|
|
18670
18939
|
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
18671
18940
|
}
|
|
18672
18941
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
|
|
@@ -18824,7 +19093,9 @@ ul.pf-v6-c-list {
|
|
|
18824
19093
|
--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
18825
19094
|
--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
18826
19095
|
--pf-v6-c-notification-drawer__group-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
18827
|
-
--pf-v6-c-notification-drawer__group-toggle-icon--
|
|
19096
|
+
--pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
19097
|
+
--pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
19098
|
+
--pf-v6-c-notification-drawer__group-toggle-icon--Transition: transform var(--pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration) var(--pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction);
|
|
18828
19099
|
--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: 90deg;
|
|
18829
19100
|
}
|
|
18830
19101
|
|
|
@@ -19106,12 +19377,18 @@ ul.pf-v6-c-list {
|
|
|
19106
19377
|
--pf-v6-c-page__main-container--GridArea: main;
|
|
19107
19378
|
--pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
|
|
19108
19379
|
--pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
|
|
19380
|
+
--pf-v6-c-page__main-container--AlignSelf: start;
|
|
19109
19381
|
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
19110
19382
|
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
|
19111
19383
|
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
|
19112
19384
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
19113
19385
|
--pf-v6-c-page__main-container--BorderWidth: 0.25rem;
|
|
19114
19386
|
--pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
19387
|
+
--pf-v6-c-page__main-container--xs--AlignSelf: stretch;
|
|
19388
|
+
--pf-v6-c-page__main-container--xs--BorderRadius: 0;
|
|
19389
|
+
--pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
|
|
19390
|
+
--pf-v6-c-page__main-container--xs--MaxHeight: 100%;
|
|
19391
|
+
--pf-v6-c-page__main-container--xs--MarginInlineEnd: 0;
|
|
19115
19392
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19116
19393
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
19117
19394
|
--pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -19469,7 +19746,7 @@ ul.pf-v6-c-list {
|
|
|
19469
19746
|
.pf-v6-c-page__main-container {
|
|
19470
19747
|
display: flex;
|
|
19471
19748
|
flex-direction: column;
|
|
19472
|
-
align-self:
|
|
19749
|
+
align-self: var(--pf-v6-c-page__main-container--AlignSelf);
|
|
19473
19750
|
max-height: var(--pf-v6-c-page__main-container--MaxHeight);
|
|
19474
19751
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
19475
19752
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
@@ -19477,6 +19754,15 @@ ul.pf-v6-c-list {
|
|
|
19477
19754
|
border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
19478
19755
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
19479
19756
|
}
|
|
19757
|
+
@media screen and (max-width: calc(48rem - 1px)) {
|
|
19758
|
+
.pf-v6-c-page__main-container {
|
|
19759
|
+
--pf-v6-c-page__main-container--AlignSelf: var(--pf-v6-c-page__main-container--xs--AlignSelf);
|
|
19760
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
19761
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
19762
|
+
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
|
|
19763
|
+
--pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
|
|
19764
|
+
}
|
|
19765
|
+
}
|
|
19480
19766
|
|
|
19481
19767
|
.pf-v6-c-page__main-container,
|
|
19482
19768
|
.pf-v6-c-page__drawer {
|
|
@@ -20339,9 +20625,11 @@ ul.pf-v6-c-list {
|
|
|
20339
20625
|
}
|
|
20340
20626
|
|
|
20341
20627
|
.pf-v6-c-popover__title-text {
|
|
20628
|
+
min-width: 0;
|
|
20342
20629
|
font-size: var(--pf-v6-c-popover__title-text--FontSize);
|
|
20343
20630
|
font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
|
|
20344
20631
|
color: var(--pf-v6-c-popover__title-text--Color);
|
|
20632
|
+
overflow-wrap: break-word;
|
|
20345
20633
|
}
|
|
20346
20634
|
|
|
20347
20635
|
.pf-v6-c-popover__body {
|
|
@@ -22135,7 +22423,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22135
22423
|
--pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
|
|
22136
22424
|
--pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
|
|
22137
22425
|
--pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
22138
|
-
--pf-v6-c-switch__toggle--before--
|
|
22426
|
+
--pf-v6-c-switch__toggle--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
22427
|
+
--pf-v6-c-switch__toggle--before--TransitionDuration: var(--pf-t--global--motion--duration--md);
|
|
22428
|
+
--pf-v6-c-switch__toggle--before--Transition: transform var(--pf-v6-c-switch__toggle--before--TransitionTimingFunction) var(--pf-v6-c-switch__toggle--before--TransitionDuration), background-color var(--pf-v6-c-switch__toggle--before--TransitionTimingFunction) var(--pf-v6-c-switch__toggle--before--TransitionDuration);
|
|
22139
22429
|
--pf-v6-c-switch__toggle--Width: calc(var(--pf-v6-c-switch__toggle--Height) + var(--pf-v6-c-switch__toggle-icon--Offset) + var(--pf-v6-c-switch__toggle--before--Width));
|
|
22140
22430
|
}
|
|
22141
22431
|
|
|
@@ -22350,7 +22640,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22350
22640
|
--pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
22351
22641
|
--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
22352
22642
|
--pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart: calc(var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart) + var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart));
|
|
22353
|
-
--pf-v6-c-table__toggle__icon--
|
|
22643
|
+
--pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
22644
|
+
--pf-v6-c-table__toggle__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
22645
|
+
--pf-v6-c-table__toggle__icon--Transition: transform var(--pf-v6-c-table__toggle__icon--TransitionDuration) var(--pf-v6-c-table__toggle__icon--TransitionTimingFunction);
|
|
22354
22646
|
--pf-v6-c-table__toggle--m-expanded__icon--Rotate: 180deg;
|
|
22355
22647
|
}
|
|
22356
22648
|
|
|
@@ -23917,7 +24209,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23917
24209
|
--pf-v6-c-table__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
23918
24210
|
--pf-v6-c-table__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
23919
24211
|
--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
|
|
23920
|
-
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--
|
|
24212
|
+
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
23921
24213
|
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
23922
24214
|
--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
|
|
23923
24215
|
--pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -24415,7 +24707,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24415
24707
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
|
|
24416
24708
|
}
|
|
24417
24709
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
24418
|
-
transition
|
|
24710
|
+
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
24711
|
+
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
24712
|
+
transition-property: transform;
|
|
24419
24713
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
24420
24714
|
}
|
|
24421
24715
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
@@ -24450,13 +24744,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24450
24744
|
vertical-align: baseline;
|
|
24451
24745
|
}
|
|
24452
24746
|
|
|
24453
|
-
.pf-v6-c-table__favorite .pf-v6-c-button {
|
|
24747
|
+
.pf-v6-c-table__favorite .pf-v6-c-button:not(.pf-m-favorite) {
|
|
24454
24748
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-table__favorite--c-button--FontSize);
|
|
24455
24749
|
}
|
|
24456
|
-
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button {
|
|
24750
|
+
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
|
|
24457
24751
|
--pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
|
|
24458
24752
|
}
|
|
24459
|
-
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
|
|
24753
|
+
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
|
|
24460
24754
|
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
|
|
24461
24755
|
}
|
|
24462
24756
|
|
|
@@ -25723,7 +26017,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25723
26017
|
--pf-v6-c-tabs__item--ScrollSnapAlign: end;
|
|
25724
26018
|
--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
|
|
25725
26019
|
--pf-v6-c-tabs__toggle--Display: flex;
|
|
25726
|
-
--pf-v6-c-tabs__toggle-icon--
|
|
26020
|
+
--pf-v6-c-tabs__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
26021
|
+
--pf-v6-c-tabs__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
26022
|
+
--pf-v6-c-tabs__toggle-icon--Transition: transform var(--pf-v6-c-tabs__toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__toggle-icon--TransitionTimingFunction);
|
|
25727
26023
|
--pf-v6-c-tabs__toggle-icon--Rotate: 0;
|
|
25728
26024
|
--pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
|
|
25729
26025
|
--pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -25743,7 +26039,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25743
26039
|
--pf-v6-c-tabs__add--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
25744
26040
|
--pf-v6-c-tabs__add--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
25745
26041
|
--pf-v6-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
25746
|
-
--pf-v6-c-tabs__link-toggle-icon--
|
|
26042
|
+
--pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
26043
|
+
--pf-v6-c-tabs__link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
26044
|
+
--pf-v6-c-tabs__link-toggle-icon--Transition: transform var(--pf-v6-c-tabs__link-toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction);
|
|
25747
26045
|
--pf-v6-c-tabs__link-toggle-icon--Rotate: 0;
|
|
25748
26046
|
--pf-v6-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
|
|
25749
26047
|
--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
|
|
@@ -27038,7 +27336,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27038
27336
|
--pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
27039
27337
|
--pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
27040
27338
|
--pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
|
|
27041
|
-
--pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--
|
|
27339
|
+
--pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
27042
27340
|
--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
27043
27341
|
--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
|
|
27044
27342
|
--pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
@@ -27218,13 +27516,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27218
27516
|
}
|
|
27219
27517
|
.pf-v6-c-toolbar.pf-m-full-height {
|
|
27220
27518
|
--pf-v6-c-toolbar--PaddingBlockStart: 0;
|
|
27221
|
-
--pf-v6-c-toolbar--
|
|
27519
|
+
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
27222
27520
|
}
|
|
27223
27521
|
.pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__group,
|
|
27224
27522
|
.pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__item {
|
|
27225
27523
|
align-items: stretch;
|
|
27226
27524
|
align-self: stretch;
|
|
27227
27525
|
}
|
|
27526
|
+
.pf-v6-c-toolbar.pf-m-no-padding {
|
|
27527
|
+
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
27528
|
+
--pf-v6-c-toolbar--m-sticky--PaddingBlockStart: 0;
|
|
27529
|
+
--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: 0;
|
|
27530
|
+
}
|
|
27228
27531
|
.pf-v6-c-toolbar.pf-m-primary {
|
|
27229
27532
|
--pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-primary--BackgroundColor);
|
|
27230
27533
|
}
|
|
@@ -27371,7 +27674,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27371
27674
|
|
|
27372
27675
|
.pf-v6-c-toolbar__expand-all-icon {
|
|
27373
27676
|
display: inline-flex;
|
|
27374
|
-
transition
|
|
27677
|
+
transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
|
|
27678
|
+
transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
|
|
27679
|
+
transition-property: transform;
|
|
27375
27680
|
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
27376
27681
|
}
|
|
27377
27682
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
|
|
@@ -29603,7 +29908,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
29603
29908
|
--pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
29604
29909
|
--pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
29605
29910
|
--pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
|
|
29606
|
-
--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--
|
|
29911
|
+
--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
29607
29912
|
--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
29608
29913
|
--pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
|
|
29609
29914
|
--pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
|
|
@@ -30009,7 +30314,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
30009
30314
|
|
|
30010
30315
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
30011
30316
|
display: inline-block;
|
|
30012
|
-
transition
|
|
30317
|
+
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
30318
|
+
transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
|
|
30319
|
+
transition-property: transform;
|
|
30013
30320
|
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
30014
30321
|
}
|
|
30015
30322
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
|