@patternfly/patternfly 6.2.0-prerelease.9 → 6.2.1
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/README.md +1 -1
- 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 +24 -2
- package/components/Card/card.scss +29 -2
- package/components/ClipboardCopy/clipboard-copy.css +6 -1
- package/components/ClipboardCopy/clipboard-copy.scss +8 -2
- package/components/CodeEditor/code-editor.css +3 -0
- package/components/CodeEditor/code-editor.scss +3 -1
- 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/Drawer/drawer.css +28 -14
- package/components/Drawer/drawer.scss +28 -9
- 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 +109 -43
- package/components/FormControl/form-control.scss +139 -54
- 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 +20 -4
- package/components/Page/page.scss +21 -5
- 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 +71 -2
- package/components/Tabs/tabs.scss +85 -4
- package/components/Toolbar/toolbar.css +10 -3
- package/components/Toolbar/toolbar.scss +11 -3
- package/components/Truncate/truncate.css +5 -0
- package/components/Truncate/truncate.scss +6 -0
- package/components/Wizard/wizard.css +4 -2
- package/components/Wizard/wizard.scss +4 -2
- package/components/_index.css +515 -121
- 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/Divider/examples/Divider.md +1 -1
- package/docs/components/Drawer/examples/Drawer.md +4 -0
- package/docs/components/Menu/examples/Menu.md +6 -6
- package/docs/components/Nav/examples/Navigation.md +3 -0
- package/docs/components/Page/examples/Page.md +1 -0
- package/docs/components/Table/examples/Table.md +18 -30
- package/docs/components/Tabs/examples/Tabs.md +6886 -15
- 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/components/Truncate/examples/Truncate.md +53 -10
- package/docs/demos/Card/examples/Card.md +89 -24
- package/docs/demos/CardView/examples/CardView.md +2 -0
- package/docs/demos/DescriptionList/examples/DescriptionList.md +38 -0
- package/docs/demos/Drawer/examples/Drawer.md +38 -0
- package/docs/demos/Masthead/examples/Masthead.md +1 -1
- package/docs/demos/Nav/examples/Nav.md +4 -2
- package/docs/demos/Page/examples/Page.md +355 -0
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +76 -0
- package/docs/demos/Table/examples/Table.md +41 -21
- package/docs/demos/Tabs/examples/Tabs.md +570 -0
- package/package.json +6 -6
- 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 +516 -122
- package/patternfly.css +516 -122
- 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);
|
|
@@ -9842,6 +9927,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9842
9927
|
--pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
9843
9928
|
--pf-v6-c-card__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
9844
9929
|
--pf-v6-c-card__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
9930
|
+
--pf-v6-c-card__title-text--OverflowWrap: break-word;
|
|
9845
9931
|
--pf-v6-c-card--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
9846
9932
|
--pf-v6-c-card__body--FontSize: var(--pf-t--global--font--size--body--default);
|
|
9847
9933
|
--pf-v6-c-card__footer--FontSize: var(--pf-t--global--font--size--body--default);
|
|
@@ -9850,12 +9936,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9850
9936
|
--pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
9851
9937
|
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
9852
9938
|
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
9939
|
+
--pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
|
|
9940
|
+
--pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
|
|
9853
9941
|
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
9854
9942
|
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
9855
9943
|
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
9856
9944
|
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
9857
9945
|
--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--
|
|
9946
|
+
--pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
9859
9947
|
--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
|
|
9860
9948
|
--pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
|
|
9861
9949
|
--pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
@@ -10013,6 +10101,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10013
10101
|
.pf-v6-c-card__header.pf-m-toggle-right .pf-v6-c-card__header-toggle {
|
|
10014
10102
|
order: 2;
|
|
10015
10103
|
}
|
|
10104
|
+
.pf-v6-c-card__header.pf-m-wrap {
|
|
10105
|
+
--pf-v6-c-card__actions--PaddingInlineStart: 0;
|
|
10106
|
+
gap: var(--pf-v6-c-card__header--m-wrap--RowGap) var(--pf-v6-c-card__header--m-wrap--ColumnGap);
|
|
10107
|
+
}
|
|
10108
|
+
.pf-v6-c-card__header.pf-m-wrap,
|
|
10109
|
+
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
10110
|
+
flex-wrap: wrap;
|
|
10111
|
+
row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
|
|
10112
|
+
}
|
|
10113
|
+
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
10114
|
+
margin-inline-start: 0;
|
|
10115
|
+
}
|
|
10116
|
+
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
|
|
10117
|
+
margin-inline-end: auto;
|
|
10118
|
+
}
|
|
10016
10119
|
|
|
10017
10120
|
.pf-v6-c-card__header-main {
|
|
10018
10121
|
flex-grow: 1;
|
|
@@ -10028,18 +10131,22 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10028
10131
|
|
|
10029
10132
|
.pf-v6-c-card__header-toggle-icon {
|
|
10030
10133
|
display: inline-block;
|
|
10031
|
-
transition
|
|
10134
|
+
transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
|
|
10135
|
+
transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
|
|
10136
|
+
transition-property: transform;
|
|
10032
10137
|
}
|
|
10033
10138
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
|
|
10034
10139
|
scale: -1 1;
|
|
10035
10140
|
}
|
|
10036
10141
|
|
|
10037
10142
|
.pf-v6-c-card__title-text {
|
|
10143
|
+
overflow: auto;
|
|
10038
10144
|
font-family: var(--pf-v6-c-card__title-text--FontFamily);
|
|
10039
10145
|
font-size: var(--pf-v6-c-card__title-text--FontSize);
|
|
10040
10146
|
font-weight: var(--pf-v6-c-card__title-text--FontWeight);
|
|
10041
10147
|
line-height: var(--pf-v6-c-card__title-text--LineHeight);
|
|
10042
10148
|
color: var(--pf-v6-c-card__title-text--Color);
|
|
10149
|
+
overflow-wrap: var(--pf-v6-c-card__title-text--OverflowWrap);
|
|
10043
10150
|
}
|
|
10044
10151
|
|
|
10045
10152
|
.pf-v6-c-card__actions {
|
|
@@ -10239,7 +10346,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10239
10346
|
}
|
|
10240
10347
|
|
|
10241
10348
|
.pf-v6-c-clipboard-copy {
|
|
10242
|
-
--pf-v6-c-clipboard-copy__toggle-icon--
|
|
10349
|
+
--pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
10350
|
+
--pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
10351
|
+
--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
10352
|
--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
|
|
10244
10353
|
--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
10245
10354
|
--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -10279,6 +10388,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10279
10388
|
.pf-v6-c-clipboard-copy.pf-m-inline.pf-m-block {
|
|
10280
10389
|
display: block;
|
|
10281
10390
|
}
|
|
10391
|
+
.pf-v6-c-clipboard-copy.pf-m-inline.pf-m-truncate {
|
|
10392
|
+
display: inline-flex;
|
|
10393
|
+
}
|
|
10282
10394
|
|
|
10283
10395
|
.pf-v6-c-clipboard-copy__group {
|
|
10284
10396
|
display: flex;
|
|
@@ -10537,6 +10649,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10537
10649
|
.pf-v6-c-code-editor__main .monaco-editor {
|
|
10538
10650
|
background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
|
|
10539
10651
|
}
|
|
10652
|
+
.pf-v6-c-code-editor__main a.label-name {
|
|
10653
|
+
text-decoration-line: none;
|
|
10654
|
+
}
|
|
10540
10655
|
|
|
10541
10656
|
.pf-v6-c-code-editor__header + .pf-v6-c-code-editor__main {
|
|
10542
10657
|
border-block-start-width: 0;
|
|
@@ -11304,7 +11419,9 @@ ul) {
|
|
|
11304
11419
|
--pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
11305
11420
|
--pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
11306
11421
|
--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--
|
|
11422
|
+
--pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
11423
|
+
--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
11424
|
+
--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
11425
|
--pf-v6-c-data-list__toggle-icon--Rotate: 0;
|
|
11309
11426
|
--pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
|
|
11310
11427
|
--pf-v6-c-data-list__item-draggable-button--BackgroundColor: transparent;
|
|
@@ -11703,7 +11820,7 @@ ul) {
|
|
|
11703
11820
|
--pf-v6-c-description-list__term--Display: inline;
|
|
11704
11821
|
--pf-v6-c-description-list__term--sm--Display: flex;
|
|
11705
11822
|
--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--
|
|
11823
|
+
--pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
|
|
11707
11824
|
--pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
11708
11825
|
--pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
|
|
11709
11826
|
--pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -12140,7 +12257,7 @@ ul) {
|
|
|
12140
12257
|
--pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
12141
12258
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
|
|
12142
12259
|
--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--
|
|
12260
|
+
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
12144
12261
|
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
12145
12262
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
12146
12263
|
--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
@@ -12364,7 +12481,9 @@ ul) {
|
|
|
12364
12481
|
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
12365
12482
|
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
12366
12483
|
text-align: center;
|
|
12367
|
-
transition
|
|
12484
|
+
transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
12485
|
+
transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
|
|
12486
|
+
transition-property: transform;
|
|
12368
12487
|
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
12369
12488
|
}
|
|
12370
12489
|
|
|
@@ -12789,9 +12908,15 @@ ul) {
|
|
|
12789
12908
|
--pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
|
|
12790
12909
|
--pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
12791
12910
|
--pf-v6-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
12911
|
+
--pf-v6-c-drawer__panel--TransitionDelay: 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus), var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
|
|
12912
|
+
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--fade);
|
|
12913
|
+
--pf-v6-c-drawer__panel--TransitionDelay--expand--focus: 0s;
|
|
12792
12914
|
--pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
12793
|
-
--pf-v6-c-drawer__panel--TransitionDuration: var(--pf-t--global--motion--duration--
|
|
12794
|
-
--pf-v6-c-drawer__panel--
|
|
12915
|
+
--pf-v6-c-drawer__panel--TransitionDuration--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
12916
|
+
--pf-v6-c-drawer__panel--TransitionDuration: var(--pf-v6-c-drawer__panel--TransitionDuration--fade), 0s, 0s;
|
|
12917
|
+
--pf-v6-c-drawer__panel--TransitionProperty: opacity, visibility, transform;
|
|
12918
|
+
--pf-v6-c-drawer__panel--Opacity: 0;
|
|
12919
|
+
--pf-v6-c-drawer--m-expanded__panel--Opacity: 1;
|
|
12795
12920
|
--pf-v6-c-drawer__panel--FlexBasis: 100%;
|
|
12796
12921
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
|
|
12797
12922
|
--pf-v6-c-drawer__panel--md--FlexBasis: 50%;
|
|
@@ -12881,6 +13006,17 @@ ul) {
|
|
|
12881
13006
|
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: var(--pf-v6-c-drawer__panel--after--Width);
|
|
12882
13007
|
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
|
|
12883
13008
|
}
|
|
13009
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
13010
|
+
.pf-v6-c-drawer {
|
|
13011
|
+
--pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
|
|
13012
|
+
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
|
|
13013
|
+
--pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
|
|
13014
|
+
--pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
13015
|
+
--pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
|
|
13016
|
+
--pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
|
|
13017
|
+
--pf-v6-c-drawer__panel--Opacity: 1;
|
|
13018
|
+
}
|
|
13019
|
+
}
|
|
12884
13020
|
@media screen and (min-width: 75rem) {
|
|
12885
13021
|
.pf-v6-c-drawer {
|
|
12886
13022
|
--pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
|
|
@@ -12928,8 +13064,13 @@ ul) {
|
|
|
12928
13064
|
.pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main {
|
|
12929
13065
|
flex-direction: column;
|
|
12930
13066
|
}
|
|
13067
|
+
.pf-v6-c-drawer.pf-m-expanded {
|
|
13068
|
+
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
|
|
13069
|
+
}
|
|
12931
13070
|
.pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
12932
13071
|
transform: translateX(-100%);
|
|
13072
|
+
--pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
|
|
13073
|
+
visibility: visible;
|
|
12933
13074
|
}
|
|
12934
13075
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
12935
13076
|
transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
|
|
@@ -13002,8 +13143,11 @@ ul) {
|
|
|
13002
13143
|
order: 1;
|
|
13003
13144
|
max-height: var(--pf-v6-c-drawer__panel--MaxHeight);
|
|
13004
13145
|
overflow: auto;
|
|
13146
|
+
visibility: hidden;
|
|
13005
13147
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
13006
13148
|
box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
|
|
13149
|
+
opacity: var(--pf-v6-c-drawer__panel--Opacity);
|
|
13150
|
+
transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
|
|
13007
13151
|
transition-timing-function: var(--pf-v6-c-drawer__panel--TransitionTimingFunction);
|
|
13008
13152
|
transition-duration: var(--pf-v6-c-drawer__panel--TransitionDuration);
|
|
13009
13153
|
transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
|
|
@@ -13060,17 +13204,6 @@ ul) {
|
|
|
13060
13204
|
padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
|
|
13061
13205
|
}
|
|
13062
13206
|
|
|
13063
|
-
@keyframes pf-remove-tab-focus {
|
|
13064
|
-
to {
|
|
13065
|
-
visibility: hidden;
|
|
13066
|
-
}
|
|
13067
|
-
}
|
|
13068
|
-
.pf-v6-c-drawer__panel[hidden] {
|
|
13069
|
-
animation-name: pf-remove-tab-focus;
|
|
13070
|
-
animation-delay: var(--pf-v6-c-drawer__panel--TransitionDuration);
|
|
13071
|
-
animation-fill-mode: forwards;
|
|
13072
|
-
}
|
|
13073
|
-
|
|
13074
13207
|
.pf-v6-c-drawer__head {
|
|
13075
13208
|
display: grid;
|
|
13076
13209
|
grid-template-columns: auto;
|
|
@@ -13178,7 +13311,7 @@ ul) {
|
|
|
13178
13311
|
.pf-v6-c-drawer {
|
|
13179
13312
|
min-width: var(--pf-v6-c-drawer__panel--MinWidth);
|
|
13180
13313
|
}
|
|
13181
|
-
.pf-v6-c-drawer
|
|
13314
|
+
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13182
13315
|
box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
|
|
13183
13316
|
}
|
|
13184
13317
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
|
|
@@ -13755,7 +13888,9 @@ ul) {
|
|
|
13755
13888
|
--pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
|
|
13756
13889
|
--pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
|
|
13757
13890
|
--pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
13758
|
-
--pf-v6-c-expandable-section__toggle-icon--
|
|
13891
|
+
--pf-v6-c-expandable-section__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
13892
|
+
--pf-v6-c-expandable-section__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
13893
|
+
--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
13894
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
|
|
13760
13895
|
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
|
|
13761
13896
|
--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
|
|
@@ -13901,16 +14036,16 @@ ul) {
|
|
|
13901
14036
|
--pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
13902
14037
|
--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
|
|
13903
14038
|
--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--
|
|
14039
|
+
--pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13905
14040
|
--pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
13906
14041
|
--pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
13907
14042
|
--pf-v6-c-form__label--hover--Cursor: pointer;
|
|
13908
14043
|
--pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
|
|
13909
14044
|
--pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
13910
14045
|
--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--
|
|
14046
|
+
--pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13912
14047
|
--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--
|
|
14048
|
+
--pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13914
14049
|
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
|
|
13915
14050
|
--pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
13916
14051
|
--pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
@@ -13947,7 +14082,7 @@ ul) {
|
|
|
13947
14082
|
--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
14083
|
--pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
13949
14084
|
--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--
|
|
14085
|
+
--pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
13951
14086
|
--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
13952
14087
|
--pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
|
|
13953
14088
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
|
|
@@ -14345,7 +14480,9 @@ ul) {
|
|
|
14345
14480
|
display: inline-block;
|
|
14346
14481
|
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
14347
14482
|
text-align: center;
|
|
14348
|
-
transition
|
|
14483
|
+
transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
|
|
14484
|
+
transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
|
|
14485
|
+
transition-property: transform;
|
|
14349
14486
|
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
14350
14487
|
}
|
|
14351
14488
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
|
|
@@ -14419,10 +14556,29 @@ ul) {
|
|
|
14419
14556
|
--pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
14420
14557
|
--pf-v6-c-form-control--Width: 100%;
|
|
14421
14558
|
--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);
|
|
14559
|
+
--pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
|
|
14560
|
+
--pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
|
|
14561
|
+
--pf-v6-c-form-control--PaddingInlineEnd--base: var(--pf-v6-c-form-control--inset--base);
|
|
14562
|
+
--pf-v6-c-form-control--PaddingInlineStart--base: var(--pf-v6-c-form-control--inset--base);
|
|
14563
|
+
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
|
|
14564
|
+
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
|
|
14565
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
|
|
14566
|
+
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
|
|
14567
|
+
--pf-v6-c-form-control__utilities--input--PaddingInlineEnd: var(--pf-v6-c-form-control__input--PaddingInlineEnd);
|
|
14568
|
+
--pf-v6-c-form-control__utilities--select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--PaddingInlineEnd);
|
|
14569
|
+
--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd: var(--pf-v6-c-form-control__textarea--PaddingInlineEnd);
|
|
14570
|
+
--pf-v6-c-form-control__input--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
|
|
14571
|
+
--pf-v6-c-form-control__input--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
|
|
14572
|
+
--pf-v6-c-form-control__input--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
|
|
14573
|
+
--pf-v6-c-form-control__input--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
|
|
14574
|
+
--pf-v6-c-form-control__select--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
|
|
14575
|
+
--pf-v6-c-form-control__select--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
|
|
14576
|
+
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
|
|
14577
|
+
--pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
|
|
14578
|
+
--pf-v6-c-form-control__textarea--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
|
|
14579
|
+
--pf-v6-c-form-control__textarea--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
|
|
14580
|
+
--pf-v6-c-form-control__textarea--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
|
|
14581
|
+
--pf-v6-c-form-control__textarea--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
|
|
14426
14582
|
--pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
|
|
14427
14583
|
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
14428
14584
|
--pf-v6-c-form-control--m-success--hover--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
|
|
@@ -14442,25 +14598,33 @@ ul) {
|
|
|
14442
14598
|
--pf-v6-c-form-control--m-readonly--m-plain--BorderColor: transparent;
|
|
14443
14599
|
--pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
|
|
14444
14600
|
--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
|
|
14601
|
+
--pf-v6-c-form-control--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
14445
14602
|
--pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
14446
14603
|
--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:
|
|
14604
|
+
--pf-v6-c-form-control--m-success--PaddingInlineEnd: initial;
|
|
14605
|
+
--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: initial;
|
|
14606
|
+
--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));
|
|
14607
|
+
--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));
|
|
14608
|
+
--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
14609
|
--pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
14449
14610
|
--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:
|
|
14611
|
+
--pf-v6-c-form-control--m-warning--PaddingInlineEnd: initial;
|
|
14612
|
+
--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: initial;
|
|
14613
|
+
--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));
|
|
14614
|
+
--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));
|
|
14615
|
+
--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
14616
|
--pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
14452
14617
|
--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:
|
|
14618
|
+
--pf-v6-c-form-control--m-error--PaddingInlineEnd: initial;
|
|
14619
|
+
--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: initial;
|
|
14454
14620
|
--pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
14455
|
-
--pf-v6-c-form-
|
|
14621
|
+
--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));
|
|
14622
|
+
--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));
|
|
14623
|
+
--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));
|
|
14624
|
+
--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
14625
|
--pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
14457
14626
|
--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));
|
|
14627
|
+
--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
14628
|
--pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
|
|
14465
14629
|
--pf-v6-c-form-control--textarea--Height: auto;
|
|
14466
14630
|
--pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
@@ -14474,11 +14638,13 @@ ul) {
|
|
|
14474
14638
|
--pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
14475
14639
|
--pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
14476
14640
|
--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:
|
|
14641
|
+
--pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart);
|
|
14642
|
+
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
|
|
14643
|
+
--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));
|
|
14644
|
+
--pf-v6-c-form-control__toggle-icon--PaddingInlineStart: 0;
|
|
14645
|
+
--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: 0;
|
|
14481
14646
|
--pf-v6-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
14647
|
+
--pf-v6-c-form-control__toggle-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
|
14482
14648
|
--pf-v6-c-form-control--m-disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
14483
14649
|
}
|
|
14484
14650
|
|
|
@@ -14519,12 +14685,11 @@ ul) {
|
|
|
14519
14685
|
padding-inline-start: var(--pf-v6-c-form-control--PaddingInlineStart);
|
|
14520
14686
|
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
14521
14687
|
color: var(--pf-v6-c-form-control--Color);
|
|
14688
|
+
appearance: none;
|
|
14522
14689
|
background-color: transparent;
|
|
14523
14690
|
border: none;
|
|
14524
14691
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
14525
14692
|
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
14526
|
-
-moz-appearance: none;
|
|
14527
|
-
-webkit-appearance: none;
|
|
14528
14693
|
}
|
|
14529
14694
|
.pf-v6-c-form-control > ::placeholder {
|
|
14530
14695
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
@@ -14532,6 +14697,14 @@ ul) {
|
|
|
14532
14697
|
.pf-v6-c-form-control > :is(input, select) {
|
|
14533
14698
|
text-overflow: ellipsis;
|
|
14534
14699
|
}
|
|
14700
|
+
.pf-v6-c-form-control:has(input) {
|
|
14701
|
+
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__input--PaddingBlockStart);
|
|
14702
|
+
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__input--PaddingBlockEnd);
|
|
14703
|
+
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__input--PaddingInlineStart);
|
|
14704
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control__input--PaddingInlineEnd);
|
|
14705
|
+
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd);
|
|
14706
|
+
}
|
|
14707
|
+
|
|
14535
14708
|
.pf-v6-c-form-control.pf-m-textarea {
|
|
14536
14709
|
padding-block-start: var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset);
|
|
14537
14710
|
padding-block-end: var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset);
|
|
@@ -14541,14 +14714,20 @@ ul) {
|
|
|
14541
14714
|
.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
14715
|
--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
14716
|
}
|
|
14717
|
+
.pf-v6-c-form-control.pf-m-textarea:has(textarea) {
|
|
14718
|
+
--pf-v6-c-form-control--PaddingBlockStart: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
|
|
14719
|
+
--pf-v6-c-form-control--PaddingBlockEnd: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
|
|
14720
|
+
--pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__textarea--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
|
|
14721
|
+
--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));
|
|
14722
|
+
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
|
|
14723
|
+
}
|
|
14544
14724
|
.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
14725
|
outline-offset: 0;
|
|
14550
14726
|
scrollbar-gutter: stable;
|
|
14551
14727
|
}
|
|
14728
|
+
.pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
|
|
14729
|
+
padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
|
|
14730
|
+
}
|
|
14552
14731
|
.pf-v6-c-form-control.pf-m-readonly {
|
|
14553
14732
|
--pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
|
|
14554
14733
|
--pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
|
|
@@ -14581,37 +14760,58 @@ ul) {
|
|
|
14581
14760
|
cursor: not-allowed;
|
|
14582
14761
|
}
|
|
14583
14762
|
.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
14763
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
|
|
14586
14764
|
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
|
|
14587
14765
|
--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
14766
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
|
|
14590
14767
|
}
|
|
14591
|
-
.pf-v6-c-form-control.pf-m-error
|
|
14592
|
-
--pf-v6-c-form-control--PaddingInlineEnd
|
|
14768
|
+
.pf-v6-c-form-control.pf-m-error > textarea {
|
|
14769
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
|
|
14770
|
+
}
|
|
14771
|
+
.pf-v6-c-form-control.pf-m-error > input {
|
|
14772
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-error--PaddingInlineEnd));
|
|
14773
|
+
}
|
|
14774
|
+
.pf-v6-c-form-control.pf-m-error > select {
|
|
14775
|
+
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));
|
|
14776
|
+
}
|
|
14777
|
+
.pf-v6-c-form-control.pf-m-error.pf-m-icon > :is(input) {
|
|
14778
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
14593
14779
|
}
|
|
14594
14780
|
.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
14781
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
|
|
14597
14782
|
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
|
|
14598
14783
|
--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
14784
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
|
|
14601
14785
|
}
|
|
14602
|
-
.pf-v6-c-form-control.pf-m-success
|
|
14603
|
-
--pf-v6-c-form-control--PaddingInlineEnd
|
|
14786
|
+
.pf-v6-c-form-control.pf-m-success > textarea {
|
|
14787
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd));
|
|
14788
|
+
}
|
|
14789
|
+
.pf-v6-c-form-control.pf-m-success > input {
|
|
14790
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-success--PaddingInlineEnd));
|
|
14791
|
+
}
|
|
14792
|
+
.pf-v6-c-form-control.pf-m-success > select {
|
|
14793
|
+
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));
|
|
14794
|
+
}
|
|
14795
|
+
.pf-v6-c-form-control.pf-m-success.pf-m-icon > :is(input) {
|
|
14796
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
14604
14797
|
}
|
|
14605
14798
|
.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
14799
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
|
|
14608
14800
|
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
|
|
14609
14801
|
--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
14802
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
|
|
14612
14803
|
}
|
|
14613
|
-
.pf-v6-c-form-control.pf-m-warning
|
|
14614
|
-
--pf-v6-c-form-control--PaddingInlineEnd
|
|
14804
|
+
.pf-v6-c-form-control.pf-m-warning > textarea {
|
|
14805
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd));
|
|
14806
|
+
}
|
|
14807
|
+
.pf-v6-c-form-control.pf-m-warning > input {
|
|
14808
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-warning--PaddingInlineEnd));
|
|
14809
|
+
}
|
|
14810
|
+
.pf-v6-c-form-control.pf-m-warning > select {
|
|
14811
|
+
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));
|
|
14812
|
+
}
|
|
14813
|
+
.pf-v6-c-form-control.pf-m-warning.pf-m-icon > :is(input) {
|
|
14814
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
14615
14815
|
}
|
|
14616
14816
|
.pf-v6-c-form-control:hover {
|
|
14617
14817
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
|
|
@@ -14620,13 +14820,19 @@ ul) {
|
|
|
14620
14820
|
.pf-v6-c-form-control.pf-m-icon {
|
|
14621
14821
|
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
|
|
14622
14822
|
}
|
|
14623
|
-
.pf-v6-c-form-control
|
|
14624
|
-
--pf-v6-c-form-control--
|
|
14823
|
+
.pf-v6-c-form-control:has(select) {
|
|
14824
|
+
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__select--PaddingBlockStart);
|
|
14825
|
+
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__select--PaddingBlockEnd);
|
|
14625
14826
|
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
|
|
14827
|
+
--pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
|
|
14828
|
+
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
|
|
14626
14829
|
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
14627
14830
|
}
|
|
14831
|
+
.pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
|
|
14832
|
+
padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
|
|
14833
|
+
}
|
|
14628
14834
|
@-moz-document url-prefix() {
|
|
14629
|
-
.pf-v6-c-form-control
|
|
14835
|
+
.pf-v6-c-form-control:has(select) {
|
|
14630
14836
|
--pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
|
|
14631
14837
|
--pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
|
|
14632
14838
|
}
|
|
@@ -14672,6 +14878,7 @@ ul) {
|
|
|
14672
14878
|
grid-column: 3;
|
|
14673
14879
|
padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
|
|
14674
14880
|
padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
|
|
14881
|
+
font-size: var(--pf-v6-c-form-control__toggle-icon--FontSize);
|
|
14675
14882
|
color: var(--pf-v6-c-form-control__toggle-icon--Color);
|
|
14676
14883
|
pointer-events: none;
|
|
14677
14884
|
}
|
|
@@ -14687,10 +14894,6 @@ ul) {
|
|
|
14687
14894
|
pointer-events: none;
|
|
14688
14895
|
}
|
|
14689
14896
|
|
|
14690
|
-
select ~ .pf-v6-c-form-control__utilities {
|
|
14691
|
-
--pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
|
|
14692
|
-
}
|
|
14693
|
-
|
|
14694
14897
|
.pf-v6-c-hint {
|
|
14695
14898
|
--pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
|
|
14696
14899
|
--pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
@@ -14780,6 +14983,8 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
14780
14983
|
--pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
14781
14984
|
--pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
14782
14985
|
--pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
14986
|
+
--pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
|
14987
|
+
--pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
|
14783
14988
|
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
14784
14989
|
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
14785
14990
|
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
|
|
@@ -14824,6 +15029,17 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
14824
15029
|
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
|
|
14825
15030
|
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
|
|
14826
15031
|
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
|
|
15032
|
+
animation-name: pf-v6-c-helper-text-item-fade-in;
|
|
15033
|
+
animation-duration: var(--pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity);
|
|
15034
|
+
animation-timing-function: var(--pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity);
|
|
15035
|
+
}
|
|
15036
|
+
@keyframes pf-v6-c-helper-text-item-fade-in {
|
|
15037
|
+
from {
|
|
15038
|
+
opacity: 0;
|
|
15039
|
+
}
|
|
15040
|
+
to {
|
|
15041
|
+
opacity: 1;
|
|
15042
|
+
}
|
|
14827
15043
|
}
|
|
14828
15044
|
.pf-v6-c-helper-text__item.pf-m-dynamic {
|
|
14829
15045
|
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
|
|
@@ -15297,7 +15513,7 @@ label.pf-v6-c-input-group__text {
|
|
|
15297
15513
|
--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
15298
15514
|
--pf-v6-c-jump-links__toggle--Display: none;
|
|
15299
15515
|
--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--
|
|
15516
|
+
--pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
15301
15517
|
--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
15302
15518
|
--pf-v6-c-jump-links__toggle-icon--Rotate: 0;
|
|
15303
15519
|
--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
|
@@ -15489,7 +15705,9 @@ label.pf-v6-c-input-group__text {
|
|
|
15489
15705
|
.pf-v6-c-jump-links__toggle-icon {
|
|
15490
15706
|
display: inline-block;
|
|
15491
15707
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
15492
|
-
transition
|
|
15708
|
+
transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
15709
|
+
transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
|
|
15710
|
+
transition-property: transform;
|
|
15493
15711
|
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
15494
15712
|
}
|
|
15495
15713
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
@@ -16653,7 +16871,7 @@ ul.pf-v6-c-list {
|
|
|
16653
16871
|
grid-column-end: -1;
|
|
16654
16872
|
row-gap: var(--pf-v6-c-masthead__content-RowGap, var(--pf-v6-c-masthead--RowGap));
|
|
16655
16873
|
column-gap: var(--pf-v6-c-masthead__content--ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
|
|
16656
|
-
align-self:
|
|
16874
|
+
align-self: center;
|
|
16657
16875
|
order: var(--pf-v6-c-masthead__content--Order);
|
|
16658
16876
|
min-width: 0.25rem;
|
|
16659
16877
|
}
|
|
@@ -17337,7 +17555,6 @@ ul.pf-v6-c-list {
|
|
|
17337
17555
|
z-index: var(--pf-v6-c-menu--ZIndex);
|
|
17338
17556
|
margin-block-start: calc(var(--pf-v6-c-menu--RowGap) * -1);
|
|
17339
17557
|
margin-block-end: calc(var(--pf-v6-c-menu--RowGap) * -1);
|
|
17340
|
-
overflow: hidden;
|
|
17341
17558
|
}
|
|
17342
17559
|
.pf-v6-c-menu.pf-m-scrollable .pf-v6-c-menu__list {
|
|
17343
17560
|
padding-block-start: var(--pf-v6-c-menu--RowGap);
|
|
@@ -17561,16 +17778,16 @@ ul.pf-v6-c-list {
|
|
|
17561
17778
|
opacity: 0;
|
|
17562
17779
|
}
|
|
17563
17780
|
|
|
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,
|
|
17781
|
+
.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
17782
|
.pf-v6-c-menu__item-action.pf-m-favorited,
|
|
17566
17783
|
.pf-v6-c-menu__item-action.pf-m-favorited:hover,
|
|
17567
|
-
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button {
|
|
17784
|
+
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
|
|
17568
17785
|
--pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
|
|
17569
17786
|
}
|
|
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),
|
|
17787
|
+
.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
17788
|
.pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
|
|
17572
17789
|
.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) {
|
|
17790
|
+
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
|
|
17574
17791
|
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
|
|
17575
17792
|
}
|
|
17576
17793
|
|
|
@@ -17700,7 +17917,7 @@ ul.pf-v6-c-list {
|
|
|
17700
17917
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
17701
17918
|
--pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
17702
17919
|
--pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
|
|
17703
|
-
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-
|
|
17920
|
+
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
17704
17921
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
17705
17922
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
17706
17923
|
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
@@ -17715,12 +17932,16 @@ ul.pf-v6-c-list {
|
|
|
17715
17932
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
17716
17933
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
17717
17934
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
17935
|
+
--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--icon--default);
|
|
17936
|
+
--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
|
17718
17937
|
--pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
17719
17938
|
--pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
17720
17939
|
--pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
17721
17940
|
--pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
17722
17941
|
--pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
17723
17942
|
--pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
17943
|
+
--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
|
|
17944
|
+
--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
|
|
17724
17945
|
--pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
17725
17946
|
--pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
|
|
17726
17947
|
}
|
|
@@ -17869,6 +18090,28 @@ ul.pf-v6-c-list {
|
|
|
17869
18090
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
|
|
17870
18091
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
|
|
17871
18092
|
}
|
|
18093
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
18094
|
+
.pf-v6-c-menu-toggle.pf-m-danger {
|
|
18095
|
+
transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
|
|
18096
|
+
animation-name: pf-v6-c-menu-toggle-m-danger-motion;
|
|
18097
|
+
animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
|
|
18098
|
+
animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
|
|
18099
|
+
animation-fill-mode: both;
|
|
18100
|
+
}
|
|
18101
|
+
}
|
|
18102
|
+
.pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
|
|
18103
|
+
animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
|
|
18104
|
+
animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
|
|
18105
|
+
animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
|
|
18106
|
+
}
|
|
18107
|
+
@keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
|
|
18108
|
+
from {
|
|
18109
|
+
opacity: 0;
|
|
18110
|
+
}
|
|
18111
|
+
to {
|
|
18112
|
+
opacity: 1;
|
|
18113
|
+
}
|
|
18114
|
+
}
|
|
17872
18115
|
.pf-v6-c-menu-toggle.pf-m-placeholder {
|
|
17873
18116
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
|
|
17874
18117
|
}
|
|
@@ -17884,6 +18127,21 @@ ul.pf-v6-c-list {
|
|
|
17884
18127
|
pointer-events: none;
|
|
17885
18128
|
}
|
|
17886
18129
|
|
|
18130
|
+
@property --pf-v6-c-menu-toggle--m-danger--TranslateX {
|
|
18131
|
+
syntax: "<length>";
|
|
18132
|
+
inherits: false;
|
|
18133
|
+
initial-value: 0;
|
|
18134
|
+
}
|
|
18135
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
18136
|
+
@keyframes pf-v6-c-menu-toggle-m-danger-motion {
|
|
18137
|
+
33% {
|
|
18138
|
+
--pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
|
|
18139
|
+
}
|
|
18140
|
+
66% {
|
|
18141
|
+
--pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
|
|
18142
|
+
}
|
|
18143
|
+
}
|
|
18144
|
+
}
|
|
17887
18145
|
.pf-v6-c-menu-toggle.pf-m-split-button {
|
|
17888
18146
|
--pf-v6-c-menu-toggle--Gap: 0;
|
|
17889
18147
|
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
|
|
@@ -18473,13 +18731,15 @@ ul.pf-v6-c-list {
|
|
|
18473
18731
|
--pf-v6-c-nav__item--ScrollSnapAlign: end;
|
|
18474
18732
|
--pf-v6-c-nav__section-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
18475
18733
|
--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:
|
|
18734
|
+
--pf-v6-c-nav__section-title--PaddingBlockStart: 0;
|
|
18735
|
+
--pf-v6-c-nav__section-title--PaddingBlockEnd: 0;
|
|
18478
18736
|
--pf-v6-c-nav__section-title--PaddingInlineStart: var(--pf-v6-c-nav__link--PaddingInlineStart);
|
|
18479
18737
|
--pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
|
|
18480
18738
|
--pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
|
|
18481
18739
|
--pf-v6-c-nav__item__toggle-icon--Rotate: 0;
|
|
18482
18740
|
--pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
|
|
18741
|
+
--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
|
|
18742
|
+
--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--default);
|
|
18483
18743
|
--pf-v6-c-nav__link--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
18484
18744
|
--pf-v6-c-nav__link--AlignItems: baseline;
|
|
18485
18745
|
--pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
@@ -18490,10 +18750,19 @@ ul.pf-v6-c-list {
|
|
|
18490
18750
|
--pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
|
|
18491
18751
|
--pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
|
|
18492
18752
|
--pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
18753
|
+
--pf-v6-c-nav__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--default);
|
|
18754
|
+
--pf-v6-c-nav__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
|
|
18755
|
+
--pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
|
|
18756
|
+
--pf-v6-c-nav__link--m-current--TransitionTimingFunction--color: var(--pf-t--global--motion--timing-function--default);
|
|
18493
18757
|
--pf-v6-c-nav__link-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
18494
18758
|
--pf-v6-c-nav__link--m-current__link-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
18495
18759
|
--pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
|
|
18760
|
+
--pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
|
|
18761
|
+
--pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
|
|
18496
18762
|
--pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18763
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--slide-in--default);
|
|
18764
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--slide-in--short);
|
|
18765
|
+
--pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
|
|
18497
18766
|
--pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
|
|
18498
18767
|
--pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
18499
18768
|
--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -18587,25 +18856,41 @@ ul.pf-v6-c-list {
|
|
|
18587
18856
|
.pf-v6-c-nav__list {
|
|
18588
18857
|
row-gap: var(--pf-v6-c-nav__list--RowGap);
|
|
18589
18858
|
column-gap: var(--pf-v6-c-nav__list--ColumnGap);
|
|
18859
|
+
min-height: 0;
|
|
18590
18860
|
}
|
|
18591
18861
|
|
|
18592
18862
|
.pf-v6-c-nav__subnav {
|
|
18593
18863
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
18864
|
+
grid-template-rows: 1fr;
|
|
18865
|
+
min-height: 0;
|
|
18866
|
+
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
18867
|
+
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
18594
18868
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
18869
|
+
overflow-y: clip;
|
|
18870
|
+
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);
|
|
18871
|
+
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
18872
|
+
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), 0s, 0s, 0s, 0s;
|
|
18873
|
+
transition-property: opacity, visibility, grid-template-rows, padding-block-start, padding-block-end;
|
|
18874
|
+
}
|
|
18875
|
+
.pf-v6-c-nav__subnav[hidden] {
|
|
18876
|
+
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
18877
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse);
|
|
18878
|
+
--pf-v6-c-nav__subnav--PaddingBlockStart: 0;
|
|
18879
|
+
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
18880
|
+
display: grid;
|
|
18881
|
+
grid-template-rows: 0fr;
|
|
18882
|
+
visibility: hidden;
|
|
18883
|
+
opacity: 0;
|
|
18595
18884
|
}
|
|
18596
18885
|
|
|
18597
18886
|
.pf-v6-c-nav__item {
|
|
18598
|
-
row-gap: var(--pf-v6-c-nav__item--RowGap);
|
|
18599
18887
|
scroll-snap-align: var(--pf-v6-c-nav__item--ScrollSnapAlign);
|
|
18600
18888
|
}
|
|
18601
18889
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
18602
18890
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
18603
18891
|
}
|
|
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));
|
|
18892
|
+
.pf-v6-c-nav__item.pf-m-expanded:last-child > .pf-v6-c-nav__subnav {
|
|
18893
|
+
margin-block-end: calc(var(--pf-v6-c-nav__subnav--PaddingBlockEnd) * -1);
|
|
18609
18894
|
}
|
|
18610
18895
|
|
|
18611
18896
|
.pf-v6-c-nav__section {
|
|
@@ -18640,9 +18925,9 @@ ul.pf-v6-c-list {
|
|
|
18640
18925
|
background-color: var(--pf-v6-c-nav__link--BackgroundColor);
|
|
18641
18926
|
border: none;
|
|
18642
18927
|
border-radius: var(--pf-v6-c-nav__link--BorderRadius);
|
|
18643
|
-
|
|
18644
|
-
|
|
18645
|
-
|
|
18928
|
+
transition-timing-function: var(--pf-v6-c-nav__link--TransitionTimingFunction--background-color), var(--pf-v6-c-nav__link--m-current--TransitionTimingFunction--color);
|
|
18929
|
+
transition-duration: var(--pf-v6-c-nav__link--TransitionDuration--background-color), var(--pf-v6-c-nav__link--m-current--TransitionDuration--color);
|
|
18930
|
+
transition-property: background-color, color;
|
|
18646
18931
|
}
|
|
18647
18932
|
.pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
|
|
18648
18933
|
color: var(--pf-v6-c-nav__link--hover--Color);
|
|
@@ -18667,6 +18952,9 @@ ul.pf-v6-c-list {
|
|
|
18667
18952
|
|
|
18668
18953
|
.pf-v6-c-nav__toggle-icon {
|
|
18669
18954
|
display: inline-block;
|
|
18955
|
+
transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
|
|
18956
|
+
transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
|
|
18957
|
+
transition-property: transform;
|
|
18670
18958
|
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
18671
18959
|
}
|
|
18672
18960
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
|
|
@@ -18824,7 +19112,9 @@ ul.pf-v6-c-list {
|
|
|
18824
19112
|
--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
18825
19113
|
--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
18826
19114
|
--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--
|
|
19115
|
+
--pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
19116
|
+
--pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
19117
|
+
--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
19118
|
--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: 90deg;
|
|
18829
19119
|
}
|
|
18830
19120
|
|
|
@@ -19073,8 +19363,9 @@ ul.pf-v6-c-list {
|
|
|
19073
19363
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
19074
19364
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
19075
19365
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
19076
|
-
--pf-v6-c-page__sidebar--Width: 18.125rem;
|
|
19077
|
-
--pf-v6-c-page__sidebar--
|
|
19366
|
+
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
19367
|
+
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
19368
|
+
--pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
19078
19369
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
19079
19370
|
--pf-v6-c-page__sidebar--BoxShadow: none;
|
|
19080
19371
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
@@ -19106,12 +19397,18 @@ ul.pf-v6-c-list {
|
|
|
19106
19397
|
--pf-v6-c-page__main-container--GridArea: main;
|
|
19107
19398
|
--pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
|
|
19108
19399
|
--pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
|
|
19400
|
+
--pf-v6-c-page__main-container--AlignSelf: start;
|
|
19109
19401
|
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
19110
19402
|
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
|
19111
19403
|
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
|
19112
19404
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
19113
19405
|
--pf-v6-c-page__main-container--BorderWidth: 0.25rem;
|
|
19114
19406
|
--pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
19407
|
+
--pf-v6-c-page__main-container--xs--AlignSelf: stretch;
|
|
19408
|
+
--pf-v6-c-page__main-container--xs--BorderRadius: 0;
|
|
19409
|
+
--pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
|
|
19410
|
+
--pf-v6-c-page__main-container--xs--MaxHeight: 100%;
|
|
19411
|
+
--pf-v6-c-page__main-container--xs--MarginInlineEnd: 0;
|
|
19115
19412
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19116
19413
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
19117
19414
|
--pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -19469,7 +19766,7 @@ ul.pf-v6-c-list {
|
|
|
19469
19766
|
.pf-v6-c-page__main-container {
|
|
19470
19767
|
display: flex;
|
|
19471
19768
|
flex-direction: column;
|
|
19472
|
-
align-self:
|
|
19769
|
+
align-self: var(--pf-v6-c-page__main-container--AlignSelf);
|
|
19473
19770
|
max-height: var(--pf-v6-c-page__main-container--MaxHeight);
|
|
19474
19771
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
19475
19772
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
@@ -19477,6 +19774,15 @@ ul.pf-v6-c-list {
|
|
|
19477
19774
|
border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
19478
19775
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
19479
19776
|
}
|
|
19777
|
+
@media screen and (max-width: calc(48rem - 1px)) {
|
|
19778
|
+
.pf-v6-c-page__main-container {
|
|
19779
|
+
--pf-v6-c-page__main-container--AlignSelf: var(--pf-v6-c-page__main-container--xs--AlignSelf);
|
|
19780
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
19781
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
19782
|
+
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
|
|
19783
|
+
--pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
|
|
19784
|
+
}
|
|
19785
|
+
}
|
|
19480
19786
|
|
|
19481
19787
|
.pf-v6-c-page__main-container,
|
|
19482
19788
|
.pf-v6-c-page__drawer {
|
|
@@ -19487,7 +19793,7 @@ ul.pf-v6-c-list {
|
|
|
19487
19793
|
-webkit-overflow-scrolling: touch;
|
|
19488
19794
|
}
|
|
19489
19795
|
@media screen and (min-width: 75rem) {
|
|
19490
|
-
.pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
|
|
19796
|
+
.pf-v6-c-page.pf-m-no-sidebar, .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
|
|
19491
19797
|
.pf-v6-c-masthead + .pf-v6-c-page__drawer,
|
|
19492
19798
|
.pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
|
|
19493
19799
|
--pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
|
|
@@ -22137,7 +22443,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22137
22443
|
--pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
|
|
22138
22444
|
--pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
|
|
22139
22445
|
--pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
22140
|
-
--pf-v6-c-switch__toggle--before--
|
|
22446
|
+
--pf-v6-c-switch__toggle--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
22447
|
+
--pf-v6-c-switch__toggle--before--TransitionDuration: var(--pf-t--global--motion--duration--md);
|
|
22448
|
+
--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);
|
|
22141
22449
|
--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));
|
|
22142
22450
|
}
|
|
22143
22451
|
|
|
@@ -22352,7 +22660,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22352
22660
|
--pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
22353
22661
|
--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
22354
22662
|
--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));
|
|
22355
|
-
--pf-v6-c-table__toggle__icon--
|
|
22663
|
+
--pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
22664
|
+
--pf-v6-c-table__toggle__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
22665
|
+
--pf-v6-c-table__toggle__icon--Transition: transform var(--pf-v6-c-table__toggle__icon--TransitionDuration) var(--pf-v6-c-table__toggle__icon--TransitionTimingFunction);
|
|
22356
22666
|
--pf-v6-c-table__toggle--m-expanded__icon--Rotate: 180deg;
|
|
22357
22667
|
}
|
|
22358
22668
|
|
|
@@ -23919,7 +24229,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23919
24229
|
--pf-v6-c-table__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
23920
24230
|
--pf-v6-c-table__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
23921
24231
|
--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
|
|
23922
|
-
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--
|
|
24232
|
+
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
23923
24233
|
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
23924
24234
|
--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
|
|
23925
24235
|
--pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -24417,7 +24727,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24417
24727
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
|
|
24418
24728
|
}
|
|
24419
24729
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
24420
|
-
transition
|
|
24730
|
+
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
24731
|
+
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
24732
|
+
transition-property: transform;
|
|
24421
24733
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
24422
24734
|
}
|
|
24423
24735
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
@@ -24452,13 +24764,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24452
24764
|
vertical-align: baseline;
|
|
24453
24765
|
}
|
|
24454
24766
|
|
|
24455
|
-
.pf-v6-c-table__favorite .pf-v6-c-button {
|
|
24767
|
+
.pf-v6-c-table__favorite .pf-v6-c-button:not(.pf-m-favorite) {
|
|
24456
24768
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-table__favorite--c-button--FontSize);
|
|
24457
24769
|
}
|
|
24458
|
-
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button {
|
|
24770
|
+
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
|
|
24459
24771
|
--pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
|
|
24460
24772
|
}
|
|
24461
|
-
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
|
|
24773
|
+
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
|
|
24462
24774
|
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
|
|
24463
24775
|
}
|
|
24464
24776
|
|
|
@@ -25621,6 +25933,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25621
25933
|
}
|
|
25622
25934
|
}
|
|
25623
25935
|
|
|
25936
|
+
@property --pf-v6-c-tabs--link-accent--length {
|
|
25937
|
+
syntax: "<length>";
|
|
25938
|
+
inherits: true;
|
|
25939
|
+
initial-value: 0px;
|
|
25940
|
+
}
|
|
25941
|
+
@property --pf-v6-c-tabs--link-accent--start {
|
|
25942
|
+
syntax: "<length>";
|
|
25943
|
+
inherits: true;
|
|
25944
|
+
initial-value: 0px;
|
|
25945
|
+
}
|
|
25624
25946
|
.pf-v6-c-tabs {
|
|
25625
25947
|
--pf-v6-c-tabs--inset: 0;
|
|
25626
25948
|
--pf-v6-c-tabs--Width: auto;
|
|
@@ -25682,6 +26004,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25682
26004
|
--pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
25683
26005
|
--pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
25684
26006
|
--pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
|
|
26007
|
+
--pf-v6-c-tabs__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--short);
|
|
26008
|
+
--pf-v6-c-tabs__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
|
|
25685
26009
|
--pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
|
|
25686
26010
|
--pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
|
|
25687
26011
|
--pf-v6-c-tabs__link--before--BorderBlockStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
|
|
@@ -25706,6 +26030,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25706
26030
|
--pf-v6-c-tabs__link--after--BorderInlineStartWidth: 0;
|
|
25707
26031
|
--pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
25708
26032
|
--pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
|
|
26033
|
+
--pf-v6-c-tabs--link-accent--start: 0;
|
|
26034
|
+
--pf-v6-c-tabs--link-accent--length: auto;
|
|
26035
|
+
--pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
|
|
26036
|
+
--pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
|
|
26037
|
+
--pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
|
|
26038
|
+
--pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
|
|
26039
|
+
--pf-v6-c-tabs--link-accent--InsetInlineStart: initial;
|
|
26040
|
+
--pf-v6-c-tabs--link-accent--Width: initial;
|
|
26041
|
+
--pf-v6-c-tabs--link-accent--Height: 0;
|
|
26042
|
+
--pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
|
|
26043
|
+
--pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
|
|
26044
|
+
--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: initial;
|
|
26045
|
+
--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
|
|
26046
|
+
--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
|
|
26047
|
+
--pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
|
|
26048
|
+
--pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
|
|
26049
|
+
--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
|
|
26050
|
+
--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
|
|
26051
|
+
--pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
|
|
26052
|
+
--pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
25709
26053
|
--pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
25710
26054
|
--pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
25711
26055
|
--pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
@@ -25725,7 +26069,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25725
26069
|
--pf-v6-c-tabs__item--ScrollSnapAlign: end;
|
|
25726
26070
|
--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
|
|
25727
26071
|
--pf-v6-c-tabs__toggle--Display: flex;
|
|
25728
|
-
--pf-v6-c-tabs__toggle-icon--
|
|
26072
|
+
--pf-v6-c-tabs__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
26073
|
+
--pf-v6-c-tabs__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
26074
|
+
--pf-v6-c-tabs__toggle-icon--Transition: transform var(--pf-v6-c-tabs__toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__toggle-icon--TransitionTimingFunction);
|
|
25729
26075
|
--pf-v6-c-tabs__toggle-icon--Rotate: 0;
|
|
25730
26076
|
--pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
|
|
25731
26077
|
--pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -25745,7 +26091,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25745
26091
|
--pf-v6-c-tabs__add--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
25746
26092
|
--pf-v6-c-tabs__add--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
25747
26093
|
--pf-v6-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
25748
|
-
--pf-v6-c-tabs__link-toggle-icon--
|
|
26094
|
+
--pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
26095
|
+
--pf-v6-c-tabs__link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
26096
|
+
--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);
|
|
25749
26097
|
--pf-v6-c-tabs__link-toggle-icon--Rotate: 0;
|
|
25750
26098
|
--pf-v6-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
|
|
25751
26099
|
--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
|
|
@@ -25859,6 +26207,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25859
26207
|
--pf-v6-c-tabs__link--after--InsetBlockEnd: 0;
|
|
25860
26208
|
--pf-v6-c-tabs__link--after--InsetInlineEnd: auto;
|
|
25861
26209
|
--pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
|
|
26210
|
+
--pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
|
|
26211
|
+
--pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
|
|
26212
|
+
--pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
|
|
26213
|
+
--pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
|
|
26214
|
+
--pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
|
|
26215
|
+
--pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
|
|
26216
|
+
--pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
|
|
25862
26217
|
display: inline-flex;
|
|
25863
26218
|
flex-direction: column;
|
|
25864
26219
|
height: 100%;
|
|
@@ -26121,6 +26476,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26121
26476
|
text-decoration-line: none;
|
|
26122
26477
|
background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
|
|
26123
26478
|
border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
|
|
26479
|
+
transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
|
|
26124
26480
|
}
|
|
26125
26481
|
.pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
|
|
26126
26482
|
--pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
|
|
@@ -26433,6 +26789,30 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26433
26789
|
}
|
|
26434
26790
|
}
|
|
26435
26791
|
|
|
26792
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
26793
|
+
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
|
|
26794
|
+
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
|
|
26795
|
+
content: revert;
|
|
26796
|
+
}
|
|
26797
|
+
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
|
26798
|
+
position: absolute;
|
|
26799
|
+
inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart, var(--pf-v6-c-tabs--link-accent--start));
|
|
26800
|
+
inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
|
|
26801
|
+
inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart, var(--pf-v6-c-tabs--link-accent--start));
|
|
26802
|
+
width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
|
|
26803
|
+
height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
|
|
26804
|
+
content: "";
|
|
26805
|
+
border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
|
|
26806
|
+
border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
|
|
26807
|
+
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
26808
|
+
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
26809
|
+
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
26810
|
+
transition-property: --pf-v6-c-tabs--link-accent--length, --pf-v6-c-tabs--link-accent--start, width;
|
|
26811
|
+
}
|
|
26812
|
+
.pf-v6-c-tabs.pf-m-initializing-accent {
|
|
26813
|
+
--pf-v6-c-tabs--link-accent--TransitionDuration: 0;
|
|
26814
|
+
}
|
|
26815
|
+
}
|
|
26436
26816
|
.pf-v6-c-text-input-group {
|
|
26437
26817
|
--pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
26438
26818
|
--pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -27040,7 +27420,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27040
27420
|
--pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
27041
27421
|
--pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
27042
27422
|
--pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
|
|
27043
|
-
--pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--
|
|
27423
|
+
--pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
27044
27424
|
--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
27045
27425
|
--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
|
|
27046
27426
|
--pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
@@ -27220,13 +27600,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27220
27600
|
}
|
|
27221
27601
|
.pf-v6-c-toolbar.pf-m-full-height {
|
|
27222
27602
|
--pf-v6-c-toolbar--PaddingBlockStart: 0;
|
|
27223
|
-
--pf-v6-c-toolbar--
|
|
27603
|
+
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
27224
27604
|
}
|
|
27225
27605
|
.pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__group,
|
|
27226
27606
|
.pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__item {
|
|
27227
27607
|
align-items: stretch;
|
|
27228
27608
|
align-self: stretch;
|
|
27229
27609
|
}
|
|
27610
|
+
.pf-v6-c-toolbar.pf-m-no-padding {
|
|
27611
|
+
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
27612
|
+
--pf-v6-c-toolbar--m-sticky--PaddingBlockStart: 0;
|
|
27613
|
+
--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: 0;
|
|
27614
|
+
}
|
|
27230
27615
|
.pf-v6-c-toolbar.pf-m-primary {
|
|
27231
27616
|
--pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-primary--BackgroundColor);
|
|
27232
27617
|
}
|
|
@@ -27373,7 +27758,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27373
27758
|
|
|
27374
27759
|
.pf-v6-c-toolbar__expand-all-icon {
|
|
27375
27760
|
display: inline-flex;
|
|
27376
|
-
transition
|
|
27761
|
+
transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
|
|
27762
|
+
transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
|
|
27763
|
+
transition-property: transform;
|
|
27377
27764
|
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
27378
27765
|
}
|
|
27379
27766
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
|
|
@@ -29037,6 +29424,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29037
29424
|
align-items: baseline;
|
|
29038
29425
|
min-width: var(--pf-v6-c-truncate--MinWidth);
|
|
29039
29426
|
}
|
|
29427
|
+
.pf-v6-c-truncate.pf-m-fixed {
|
|
29428
|
+
display: inline;
|
|
29429
|
+
align-items: revert;
|
|
29430
|
+
min-width: revert;
|
|
29431
|
+
}
|
|
29040
29432
|
|
|
29041
29433
|
.pf-v6-c-truncate__start,
|
|
29042
29434
|
.pf-v6-c-truncate__end {
|
|
@@ -29605,7 +29997,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
29605
29997
|
--pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
29606
29998
|
--pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
29607
29999
|
--pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
|
|
29608
|
-
--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--
|
|
30000
|
+
--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
29609
30001
|
--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
29610
30002
|
--pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
|
|
29611
30003
|
--pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
|
|
@@ -30011,7 +30403,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
30011
30403
|
|
|
30012
30404
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
30013
30405
|
display: inline-block;
|
|
30014
|
-
transition
|
|
30406
|
+
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
30407
|
+
transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
|
|
30408
|
+
transition-property: transform;
|
|
30015
30409
|
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
30016
30410
|
}
|
|
30017
30411
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
|