@patternfly/patternfly 6.3.0-prerelease.3 → 6.3.0-prerelease.30
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/assets/images/icon-help.hbs +3 -0
- package/assets/images/icon-outlined-star.hbs +3 -0
- package/assets/images/icon-star.hbs +3 -0
- package/base/patternfly-common.css +46 -11
- package/base/patternfly-common.scss +58 -13
- package/components/Accordion/accordion.css +72 -3
- package/components/Accordion/accordion.scss +78 -6
- package/components/Alert/alert-group.css +52 -31
- package/components/Alert/alert-group.scss +77 -46
- package/components/Button/button.css +154 -6
- package/components/Button/button.scss +160 -8
- package/components/CodeEditor/code-editor.css +3 -0
- package/components/CodeEditor/code-editor.scss +3 -1
- package/components/DualListSelector/dual-list-selector.css +36 -0
- package/components/DualListSelector/dual-list-selector.scss +43 -0
- package/components/ExpandableSection/expandable-section.css +45 -1
- package/components/ExpandableSection/expandable-section.scss +48 -1
- package/components/Form/form.css +40 -1
- package/components/Form/form.scss +47 -1
- package/components/FormControl/form-control.css +16 -0
- package/components/FormControl/form-control.scss +9 -0
- package/components/Menu/menu.css +24 -4
- package/components/Menu/menu.scss +20 -5
- package/components/MenuToggle/menu-toggle.css +38 -4
- package/components/MenuToggle/menu-toggle.scss +48 -3
- package/components/Nav/nav.css +22 -8
- package/components/Nav/nav.scss +22 -9
- package/components/Page/page.css +49 -3
- package/components/Page/page.scss +33 -2
- package/components/Progress/progress.css +16 -0
- package/components/Progress/progress.scss +11 -1
- package/components/ProgressStepper/progress-stepper.scss +1 -0
- package/components/Skeleton/skeleton.css +22 -2
- package/components/Skeleton/skeleton.scss +25 -3
- package/components/Spinner/spinner.css +5 -0
- package/components/Spinner/spinner.scss +6 -0
- package/components/Table/table-grid.css +6 -5
- package/components/Table/table-grid.scss +2 -1
- package/components/Table/table.css +68 -8
- package/components/Table/table.scss +89 -5
- package/components/Tabs/tabs.css +25 -15
- package/components/Tabs/tabs.scss +26 -13
- package/components/TextInputGroup/text-input-group.css +16 -0
- package/components/TextInputGroup/text-input-group.scss +8 -0
- package/components/Timestamp/timestamp.css +4 -0
- package/components/Timestamp/timestamp.scss +7 -0
- package/components/TreeView/tree-view.css +39 -0
- package/components/TreeView/tree-view.scss +42 -2
- package/components/Truncate/truncate.css +6 -0
- package/components/Truncate/truncate.scss +9 -0
- package/components/_index.css +758 -91
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
- package/docs/components/Button/examples/Button.md +158 -6
- package/docs/components/Card/examples/Card.md +8 -8
- package/docs/components/CodeEditor/examples/CodeEditor.md +26 -2
- package/docs/components/DataList/examples/DataList.md +23 -23
- package/docs/components/Divider/examples/Divider.md +1 -1
- package/docs/components/Drawer/examples/Drawer.md +4 -0
- package/docs/components/DualListSelector/examples/DualListSelector.md +534 -16
- package/docs/components/Form/examples/Form.md +1179 -114
- package/docs/components/Hint/examples/Hint.md +3 -3
- package/docs/components/InlineEdit/examples/InlineEdit.md +2 -2
- package/docs/components/Masthead/examples/masthead.md +90 -12
- package/docs/components/Menu/examples/Menu.md +122 -6
- package/docs/components/MenuToggle/examples/MenuToggle.md +93 -55
- package/docs/components/ModalBox/examples/ModalBox.md +13 -1
- package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
- package/docs/components/Page/examples/Page.md +148 -14
- package/docs/components/Pagination/examples/Pagination.md +12 -12
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +32 -6
- package/docs/components/Spinner/examples/Spinner.md +10 -0
- package/docs/components/Table/examples/Table.md +9363 -6223
- package/docs/components/Tabs/examples/Tabs.md +1214 -6729
- package/docs/components/Toolbar/examples/Toolbar.md +7 -7
- package/docs/components/Truncate/examples/Truncate.md +53 -10
- package/docs/demos/AboutModal/examples/AboutModal.md +22 -3
- package/docs/demos/Alert/examples/Alert.md +66 -9
- package/docs/demos/BackToTop/examples/BackToTop.md +22 -3
- package/docs/demos/Banner/examples/Banner.md +47 -6
- package/docs/demos/Card/examples/Card.md +5 -62
- package/docs/demos/CardView/examples/CardView.md +24 -5
- package/docs/demos/Dashboard/examples/Dashboard.md +24 -5
- package/docs/demos/DataList/examples/DataList.md +100 -24
- package/docs/demos/DescriptionList/examples/DescriptionList.md +66 -47
- package/docs/demos/Drawer/examples/Drawer.md +110 -53
- package/docs/demos/Form/examples/BasicForms.md +142 -22
- package/docs/demos/JumpLinks/examples/JumpLinks.md +132 -18
- package/docs/demos/Masthead/examples/Masthead.md +171 -19
- package/docs/demos/Modal/examples/Modal.md +171 -21
- package/docs/demos/Nav/examples/Nav.md +113 -18
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +110 -15
- package/docs/demos/Page/examples/Page.md +661 -40
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +160 -103
- package/docs/demos/Skeleton/examples/Skeleton.md +22 -3
- package/docs/demos/Table/examples/Table.md +504 -175
- package/docs/demos/Tabs/examples/Tabs.md +137 -593
- package/docs/demos/Toolbar/examples/Toolbar.md +72 -34
- package/docs/demos/Wizard/examples/Wizard.md +198 -27
- package/package.json +6 -6
- package/patternfly-base-no-globals.css +45 -11
- package/patternfly-base.css +45 -11
- package/patternfly-no-globals.css +803 -102
- package/patternfly.css +803 -102
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +54 -0
package/components/_index.css
CHANGED
|
@@ -205,6 +205,7 @@
|
|
|
205
205
|
--pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
206
206
|
--pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
207
207
|
--pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
208
|
+
--pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
|
|
208
209
|
--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
209
210
|
--pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
|
|
210
211
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
@@ -222,6 +223,24 @@
|
|
|
222
223
|
--pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
|
|
223
224
|
--pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
|
|
224
225
|
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
|
|
226
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
227
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
228
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade);
|
|
229
|
+
--pf-v6-c-accordion__item--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
230
|
+
--pf-v6-c-accordion__item--before--Opacity: 0;
|
|
231
|
+
--pf-v6-c-accordion__item--m-expanded--before--Opacity: 1;
|
|
232
|
+
--pf-v6-c-accordion__item--m-expanded--before--TranslateY: 0;
|
|
233
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: 0s;
|
|
234
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
235
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: 0s;
|
|
236
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
237
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide);
|
|
238
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade);
|
|
239
|
+
--pf-v6-c-accordion__expandable-content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
240
|
+
--pf-v6-c-accordion__expandable-content--Opacity: 0;
|
|
241
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
|
|
242
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: 0;
|
|
243
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
|
|
225
244
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
226
245
|
--pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
227
246
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -241,6 +260,16 @@
|
|
|
241
260
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
242
261
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
243
262
|
}
|
|
263
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
264
|
+
.pf-v6-c-accordion {
|
|
265
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
266
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
267
|
+
--pf-v6-c-accordion__item--before--TranslateY: -.5rem;
|
|
268
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
269
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
270
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
|
|
271
|
+
}
|
|
272
|
+
}
|
|
244
273
|
|
|
245
274
|
.pf-v6-c-accordion {
|
|
246
275
|
display: flex;
|
|
@@ -274,18 +303,39 @@
|
|
|
274
303
|
}
|
|
275
304
|
|
|
276
305
|
.pf-v6-c-accordion__item {
|
|
306
|
+
position: relative;
|
|
307
|
+
}
|
|
308
|
+
.pf-v6-c-accordion__item::before {
|
|
309
|
+
position: absolute;
|
|
310
|
+
inset: 0;
|
|
311
|
+
pointer-events: none;
|
|
312
|
+
content: "";
|
|
313
|
+
background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
|
|
277
314
|
border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
|
|
315
|
+
opacity: var(--pf-v6-c-accordion__item--before--Opacity);
|
|
316
|
+
transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
|
|
317
|
+
transition-duration: var(--pf-v6-c-accordion__item--before--TransitionDuration--fade);
|
|
318
|
+
transition-property: opacity;
|
|
278
319
|
}
|
|
279
320
|
.pf-v6-c-accordion__item.pf-m-expanded {
|
|
280
321
|
--pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
|
|
281
322
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
|
|
282
|
-
|
|
323
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
|
|
324
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
|
|
325
|
+
--pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
|
|
326
|
+
--pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
|
|
327
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
|
|
328
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
|
|
329
|
+
--pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
|
|
330
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY);
|
|
283
331
|
}
|
|
284
332
|
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__toggle-icon {
|
|
285
333
|
transform: rotate(var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
|
|
286
334
|
}
|
|
287
335
|
|
|
288
336
|
.pf-v6-c-accordion__toggle {
|
|
337
|
+
position: relative;
|
|
338
|
+
z-index: var(--pf-v6-c-accordion__toggle--ZIndex);
|
|
289
339
|
display: flex;
|
|
290
340
|
column-gap: var(--pf-v6-c-accordion__toggle--ColumnGap);
|
|
291
341
|
align-items: center;
|
|
@@ -321,19 +371,38 @@
|
|
|
321
371
|
scale: -1 1;
|
|
322
372
|
}
|
|
323
373
|
|
|
374
|
+
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
375
|
+
display: revert;
|
|
376
|
+
}
|
|
377
|
+
|
|
324
378
|
.pf-v6-c-accordion__expandable-content {
|
|
325
|
-
|
|
379
|
+
max-height: 0;
|
|
326
380
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
327
381
|
margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
|
|
328
382
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
|
329
383
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
384
|
+
visibility: hidden;
|
|
330
385
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
331
386
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
387
|
+
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
388
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
|
|
389
|
+
transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
|
390
|
+
transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
|
|
391
|
+
transition-property: opacity, translate, visibility, max-height, margin-block-end;
|
|
392
|
+
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
332
393
|
}
|
|
333
394
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
334
|
-
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
|
335
395
|
overflow-y: auto;
|
|
336
396
|
}
|
|
397
|
+
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
|
|
398
|
+
max-height: 99999px;
|
|
399
|
+
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
400
|
+
visibility: revert;
|
|
401
|
+
transition-delay: 0s;
|
|
402
|
+
}
|
|
403
|
+
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
404
|
+
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
|
405
|
+
}
|
|
337
406
|
|
|
338
407
|
.pf-v6-c-accordion__expandable-content-body {
|
|
339
408
|
padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
|
|
@@ -597,27 +666,45 @@
|
|
|
597
666
|
var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
|
|
598
667
|
var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
|
|
599
668
|
0s;
|
|
600
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
601
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
602
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
603
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
604
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
605
|
-
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--
|
|
606
|
-
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--
|
|
607
|
-
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--
|
|
608
|
-
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--
|
|
609
|
-
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--
|
|
610
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
611
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
612
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
613
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
614
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
615
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
616
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
617
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
669
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
|
|
670
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
|
|
671
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
|
|
672
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
|
|
673
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
|
|
674
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: initial;
|
|
675
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: initial;
|
|
676
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: initial;
|
|
677
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: initial;
|
|
678
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: initial;
|
|
679
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
|
|
680
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
|
|
681
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
|
|
682
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
|
|
683
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
|
|
684
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
|
|
685
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
|
|
686
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
|
|
687
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
|
|
688
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
|
|
689
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: initial;
|
|
690
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: initial;
|
|
691
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: initial;
|
|
692
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: initial;
|
|
693
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: initial;
|
|
694
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: initial;
|
|
695
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: initial;
|
|
696
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: initial;
|
|
697
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: initial;
|
|
698
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: initial;
|
|
699
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
|
|
700
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
701
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition: all
|
|
702
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration)
|
|
703
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction)
|
|
704
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration);
|
|
705
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
|
|
706
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
|
|
707
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
|
|
621
708
|
--pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
|
|
622
709
|
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
623
710
|
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -677,40 +764,43 @@
|
|
|
677
764
|
transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
|
|
678
765
|
}
|
|
679
766
|
}
|
|
680
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
|
|
767
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child, .pf-v6-c-alert-group__item.pf-m-incoming:first-child {
|
|
681
768
|
grid-template-rows: 0fr;
|
|
682
769
|
margin-block: 0;
|
|
683
770
|
overflow: hidden;
|
|
684
771
|
opacity: 0;
|
|
685
772
|
transform: translateY(-100%);
|
|
686
773
|
}
|
|
687
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
|
|
774
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert, .pf-v6-c-alert-group__item.pf-m-incoming:first-child .pf-v6-c-alert {
|
|
688
775
|
min-height: 0;
|
|
689
776
|
padding-block-start: 0;
|
|
690
777
|
padding-block-end: 0;
|
|
691
778
|
border-width: 0;
|
|
692
779
|
}
|
|
693
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right {
|
|
780
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
|
|
694
781
|
grid-template-rows: 0fr;
|
|
695
782
|
margin-block: 0;
|
|
696
783
|
overflow: hidden;
|
|
697
784
|
opacity: 0;
|
|
698
|
-
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);
|
|
785
|
+
transition: grid-template-rows 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows--default)), margin-block 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--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-outgoing--TransitionDuration--opacity--default)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity--default));
|
|
699
786
|
}
|
|
700
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
|
787
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert, .pf-v6-c-alert-group__item.pf-m-outgoing .pf-v6-c-alert {
|
|
701
788
|
min-height: 0;
|
|
702
789
|
padding-block-start: 0;
|
|
703
790
|
padding-block-end: 0;
|
|
704
791
|
border-width: 0;
|
|
705
|
-
transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
|
|
792
|
+
transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDelay--default));
|
|
706
793
|
}
|
|
707
794
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
708
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right {
|
|
709
|
-
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);
|
|
795
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
|
|
796
|
+
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-outgoing--TransitionDuration--transform)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--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-outgoing--TransitionDuration--opacity)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--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-outgoing--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-outgoing--TransitionTimingFunction--margin-block)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--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-outgoing--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-outgoing--TransitionTimingFunction--grid-template-rows)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows));
|
|
710
797
|
transform: translateX(100%);
|
|
711
798
|
}
|
|
712
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
|
713
|
-
|
|
799
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
|
|
800
|
+
transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
|
|
801
|
+
}
|
|
802
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert, .pf-v6-c-alert-group__item.pf-m-outgoing .pf-v6-c-alert {
|
|
803
|
+
transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition));
|
|
714
804
|
}
|
|
715
805
|
}
|
|
716
806
|
.pf-v6-c-alert-group__item:hover {
|
|
@@ -1457,15 +1547,20 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1457
1547
|
--pf-v6-c-button--TextDecorationLine: none;
|
|
1458
1548
|
--pf-v6-c-button--TextDecorationStyle: none;
|
|
1459
1549
|
--pf-v6-c-button--TextDecorationColor: currentcolor;
|
|
1550
|
+
--pf-v6-c-button--TransitionDelay: 0s;
|
|
1460
1551
|
--pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
1461
|
-
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--
|
|
1462
|
-
--pf-v6-c-button--TransitionProperty: color, background
|
|
1552
|
+
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
1553
|
+
--pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
|
|
1554
|
+
--pf-v6-c-button--ScaleX: 1;
|
|
1555
|
+
--pf-v6-c-button--ScaleY: 1;
|
|
1463
1556
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
1464
1557
|
--pf-v6-c-button--hover--BorderColor: transparent;
|
|
1465
1558
|
--pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
1466
1559
|
--pf-v6-c-button--hover--TextDecorationLine: none;
|
|
1467
1560
|
--pf-v6-c-button--hover--TextDecorationStyle: none;
|
|
1468
1561
|
--pf-v6-c-button--hover--TextDecorationColor: currentcolor;
|
|
1562
|
+
--pf-v6-c-button--hover--ScaleX: 1;
|
|
1563
|
+
--pf-v6-c-button--hover--ScaleY: 1;
|
|
1469
1564
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
|
1470
1565
|
--pf-v6-c-button--m-clicked--BorderColor: transparent;
|
|
1471
1566
|
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
|
@@ -1675,12 +1770,30 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1675
1770
|
--pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
|
|
1676
1771
|
--pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
|
|
1677
1772
|
--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
|
|
1773
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
1774
|
+
--pf-v6-c-button__icon--TransitionTimingFunction: auto;
|
|
1775
|
+
--pf-v6-c-button__icon--TransitionDuration: 0s;
|
|
1776
|
+
--pf-v6-c-button__icon--TransitionProperty: none;
|
|
1777
|
+
--pf-v6-c-button__icon--Rotate: 0deg;
|
|
1778
|
+
--pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
|
|
1779
|
+
--pf-v6-c-button--hover__icon--TransitionDuration: 0s;
|
|
1780
|
+
--pf-v6-c-button--hover__icon--TransitionProperty: none;
|
|
1781
|
+
--pf-v6-c-button--hover__icon--Rotate: 0deg;
|
|
1782
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
|
1783
|
+
--pf-v6-c-button__icon--ScaleY: 1;
|
|
1784
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
|
1785
|
+
--pf-v6-c-button--hover__icon--ScaleY: 1;
|
|
1678
1786
|
--pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
1679
1787
|
--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
1680
1788
|
--pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
|
|
1681
1789
|
--pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
|
|
1682
1790
|
--pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
1683
1791
|
--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
1792
|
+
--pf-v6-c-button__icon--favorite--Opacity: 1;
|
|
1793
|
+
--pf-v6-c-button__icon--favorited--Opacity: 0;
|
|
1794
|
+
--pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
|
|
1795
|
+
--pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
|
|
1796
|
+
--pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
1684
1797
|
--pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
|
|
1685
1798
|
--pf-v6-c-button__progress--Opacity: 0;
|
|
1686
1799
|
--pf-v6-c-button__progress--TranslateY: -50%;
|
|
@@ -1695,9 +1808,28 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1695
1808
|
--pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
|
|
1696
1809
|
--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
|
|
1697
1810
|
--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
|
|
1811
|
+
--pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
1812
|
+
--pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
1813
|
+
--pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
1814
|
+
--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
1815
|
+
--pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
|
|
1698
1816
|
--pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
|
|
1699
1817
|
--pf-v6-c-button--m-block--Display: flex;
|
|
1700
1818
|
--pf-v6-c-button--m-block--Width: 100%;
|
|
1819
|
+
--pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
1820
|
+
--pf-v6-c-button--hamburger-icon--TransitionDuration: var(--pf-t--global--motion--duration--md);
|
|
1821
|
+
--pf-v6-c-button--hamburger-icon--top--path--base: path("M1,1 L9,1");
|
|
1822
|
+
--pf-v6-c-button--hamburger-icon--middle--path--base: path("M1,5 L9,5");
|
|
1823
|
+
--pf-v6-c-button--hamburger-icon--arrow--path--base: path("M1,5 L1,5 L1,5");
|
|
1824
|
+
--pf-v6-c-button--hamburger-icon--bottom--path--base: path("M9,9 L1,9");
|
|
1825
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
|
|
1826
|
+
--pf-v6-c-button--hamburger-icon--middle--path: var(--pf-v6-c-button--hamburger-icon--middle--path--base);
|
|
1827
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
|
|
1828
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
|
|
1829
|
+
--pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
|
|
1830
|
+
--pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
|
|
1831
|
+
--pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
|
|
1832
|
+
--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
|
|
1701
1833
|
}
|
|
1702
1834
|
|
|
1703
1835
|
.pf-v6-c-button {
|
|
@@ -1721,16 +1853,19 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1721
1853
|
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
|
1722
1854
|
white-space: nowrap;
|
|
1723
1855
|
cursor: pointer;
|
|
1856
|
+
-webkit-user-select: none;
|
|
1724
1857
|
user-select: none;
|
|
1725
|
-
background
|
|
1858
|
+
background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 1%) center/15000%;
|
|
1726
1859
|
border: 0;
|
|
1727
1860
|
border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
1728
1861
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
1729
1862
|
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
1730
1863
|
border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
1864
|
+
transition-delay: var(--pf-v6-c-button--TransitionDelay);
|
|
1731
1865
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
|
1732
1866
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
|
1733
1867
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
|
1868
|
+
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
1734
1869
|
}
|
|
1735
1870
|
.pf-v6-c-button::after {
|
|
1736
1871
|
position: absolute;
|
|
@@ -1839,6 +1974,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1839
1974
|
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
|
1840
1975
|
text-align: start;
|
|
1841
1976
|
white-space: normal;
|
|
1977
|
+
background: transparent;
|
|
1842
1978
|
outline-offset: 0.125rem;
|
|
1843
1979
|
}
|
|
1844
1980
|
span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
@@ -1972,6 +2108,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
1972
2108
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
|
|
1973
2109
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
|
|
1974
2110
|
min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
|
|
2111
|
+
background: var(--pf-v6-c-button--BackgroundColor);
|
|
1975
2112
|
}
|
|
1976
2113
|
.pf-v6-c-button.pf-m-block {
|
|
1977
2114
|
--pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
|
|
@@ -1991,44 +2128,96 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
1991
2128
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
|
|
1992
2129
|
}
|
|
1993
2130
|
.pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
|
|
2131
|
+
display: grid;
|
|
1994
2132
|
transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
|
|
1995
2133
|
transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
|
|
1996
2134
|
transition-property: color;
|
|
1997
2135
|
}
|
|
1998
2136
|
.pf-v6-c-button.pf-m-favorited {
|
|
1999
2137
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
|
|
2138
|
+
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
|
|
2000
2139
|
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
|
|
2140
|
+
--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
|
|
2141
|
+
--pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
|
|
2142
|
+
--pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
|
|
2001
2143
|
}
|
|
2002
2144
|
.pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
|
|
2003
2145
|
animation-name: pf-v6-c-button-icon-favorited;
|
|
2004
2146
|
animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
|
|
2005
2147
|
animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
|
|
2006
2148
|
}
|
|
2149
|
+
.pf-v6-c-button.pf-m-settings {
|
|
2150
|
+
--pf-v6-c-button__icon--TransitionProperty: rotate;
|
|
2151
|
+
--pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--m-settings__icon--TransitionDuration);
|
|
2152
|
+
--pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings__icon--TransitionTimingFunction);
|
|
2153
|
+
--pf-v6-c-button--hover__icon--TransitionProperty: rotate;
|
|
2154
|
+
--pf-v6-c-button--hover__icon--TransitionDuration: var(--pf-v6-c-button--m-settings--hover__icon--TransitionDuration);
|
|
2155
|
+
--pf-v6-c-button--hover__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction);
|
|
2156
|
+
--pf-v6-c-button--hover__icon--Rotate: var(--pf-v6-c-button--m-settings--hover__icon--Rotate);
|
|
2157
|
+
}
|
|
2158
|
+
.pf-v6-c-button.pf-m-hamburger {
|
|
2159
|
+
--pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
|
2160
|
+
--pf-v6-c-button__icon--TransitionDuration: 0s;
|
|
2161
|
+
--pf-v6-c-button__icon--TransitionProperty: scale;
|
|
2162
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
|
2163
|
+
--pf-v6-c-button--hover__icon--TransitionDuration: 0s;
|
|
2164
|
+
--pf-v6-c-button--hover__icon--TransitionProperty: scale;
|
|
2165
|
+
}
|
|
2166
|
+
.pf-v6-c-button.pf-m-hamburger.pf-m-expand {
|
|
2167
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
2168
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
2169
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
2170
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
2171
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
2172
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
2173
|
+
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
2174
|
+
}
|
|
2175
|
+
.pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
|
|
2176
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
2177
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
2178
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
2179
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
2180
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
|
2181
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
2182
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
|
2183
|
+
}
|
|
2007
2184
|
.pf-v6-c-button:hover, .pf-v6-c-button:focus {
|
|
2008
2185
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
|
|
2009
2186
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
|
2010
2187
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
|
|
2011
2188
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
|
|
2189
|
+
--pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
|
|
2190
|
+
--pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
|
|
2012
2191
|
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
|
|
2013
2192
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
|
|
2193
|
+
--pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
|
|
2194
|
+
--pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
|
|
2195
|
+
--pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
|
|
2196
|
+
--pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
|
|
2197
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
|
|
2198
|
+
--pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
|
|
2014
2199
|
text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
|
|
2015
2200
|
text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
|
|
2016
2201
|
text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
|
|
2017
2202
|
}
|
|
2018
|
-
.pf-v6-c-button.pf-m-clicked {
|
|
2203
|
+
.pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
|
|
2019
2204
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
|
|
2020
2205
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
|
|
2021
2206
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
|
|
2022
2207
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
|
|
2023
2208
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
|
|
2024
2209
|
}
|
|
2210
|
+
.pf-v6-c-button:active {
|
|
2211
|
+
background-size: 100%;
|
|
2212
|
+
transition-duration: 0s;
|
|
2213
|
+
}
|
|
2025
2214
|
.pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
|
|
2026
2215
|
pointer-events: none;
|
|
2027
2216
|
}
|
|
2028
2217
|
.pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
|
|
2029
2218
|
color: var(--pf-v6-c-button--disabled--Color);
|
|
2030
2219
|
text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
|
|
2031
|
-
background
|
|
2220
|
+
background: var(--pf-v6-c-button--disabled--BackgroundColor);
|
|
2032
2221
|
}
|
|
2033
2222
|
.pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
|
|
2034
2223
|
border-color: transparent;
|
|
@@ -2069,6 +2258,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2069
2258
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
2070
2259
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
2071
2260
|
color: var(--pf-v6-c-button__icon--Color);
|
|
2261
|
+
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
|
|
2262
|
+
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
|
|
2263
|
+
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
|
2264
|
+
transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
|
|
2265
|
+
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
2266
|
+
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
2072
2267
|
}
|
|
2073
2268
|
.pf-v6-c-button__icon.pf-m-start {
|
|
2074
2269
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
|
@@ -2077,6 +2272,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2077
2272
|
--pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
|
|
2078
2273
|
}
|
|
2079
2274
|
|
|
2275
|
+
.pf-v6-c-button__icon-favorite,
|
|
2276
|
+
.pf-v6-c-button__icon-favorited {
|
|
2277
|
+
grid-area: 1/1/1/1;
|
|
2278
|
+
transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
|
|
2279
|
+
transition-property: opacity;
|
|
2280
|
+
}
|
|
2281
|
+
|
|
2282
|
+
.pf-v6-c-button__icon-favorite {
|
|
2283
|
+
opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
|
|
2284
|
+
}
|
|
2285
|
+
|
|
2286
|
+
.pf-v6-c-button__icon-favorited {
|
|
2287
|
+
opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
|
|
2288
|
+
}
|
|
2289
|
+
|
|
2080
2290
|
.pf-v6-c-button__progress {
|
|
2081
2291
|
position: absolute;
|
|
2082
2292
|
inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
|
|
@@ -2089,11 +2299,39 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2089
2299
|
--pf-v6-c-spinner--Color: currentcolor;
|
|
2090
2300
|
}
|
|
2091
2301
|
|
|
2302
|
+
.pf-v6-c-button__text {
|
|
2303
|
+
text-decoration: inherit;
|
|
2304
|
+
}
|
|
2305
|
+
|
|
2092
2306
|
.pf-v6-c-button__count {
|
|
2093
2307
|
display: inline-flex;
|
|
2094
2308
|
align-items: center;
|
|
2095
2309
|
}
|
|
2096
2310
|
|
|
2311
|
+
.pf-v6-c-button--hamburger-icon path {
|
|
2312
|
+
fill: none;
|
|
2313
|
+
stroke: currentcolor;
|
|
2314
|
+
stroke-linecap: round;
|
|
2315
|
+
stroke-linejoin: round;
|
|
2316
|
+
transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
|
|
2317
|
+
}
|
|
2318
|
+
|
|
2319
|
+
.pf-v6-c-button--hamburger-icon--top {
|
|
2320
|
+
d: var(--pf-v6-c-button--hamburger-icon--top--path);
|
|
2321
|
+
}
|
|
2322
|
+
|
|
2323
|
+
.pf-v6-c-button--hamburger-icon--middle {
|
|
2324
|
+
d: var(--pf-v6-c-button--hamburger-icon--middle--path);
|
|
2325
|
+
}
|
|
2326
|
+
|
|
2327
|
+
.pf-v6-c-button--hamburger-icon--arrow {
|
|
2328
|
+
d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
|
|
2329
|
+
}
|
|
2330
|
+
|
|
2331
|
+
.pf-v6-c-button--hamburger-icon--bottom {
|
|
2332
|
+
d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
|
|
2333
|
+
}
|
|
2334
|
+
|
|
2097
2335
|
@keyframes pf-v6-c-button-icon-notify {
|
|
2098
2336
|
33% {
|
|
2099
2337
|
transform: rotate(30deg);
|
|
@@ -2104,7 +2342,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2104
2342
|
}
|
|
2105
2343
|
@keyframes pf-v6-c-button-icon-favorited {
|
|
2106
2344
|
50% {
|
|
2107
|
-
|
|
2345
|
+
scale: 1.5;
|
|
2108
2346
|
}
|
|
2109
2347
|
}
|
|
2110
2348
|
.pf-v6-c-calendar-month {
|
|
@@ -3051,6 +3289,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3051
3289
|
.pf-v6-c-code-editor__main .monaco-editor {
|
|
3052
3290
|
background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
|
|
3053
3291
|
}
|
|
3292
|
+
.pf-v6-c-code-editor__main a.label-name {
|
|
3293
|
+
text-decoration-line: none;
|
|
3294
|
+
}
|
|
3054
3295
|
|
|
3055
3296
|
.pf-v6-c-code-editor__header + .pf-v6-c-code-editor__main {
|
|
3056
3297
|
border-block-start-width: 0;
|
|
@@ -4624,6 +4865,17 @@ ul) {
|
|
|
4624
4865
|
--pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
|
|
4625
4866
|
--pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
|
|
4626
4867
|
--pf-v6-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
4868
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: 0s;
|
|
4869
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
4870
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: 0s;
|
|
4871
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
4872
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--slide: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide);
|
|
4873
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--fade: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade);
|
|
4874
|
+
--pf-v6-c-dual-list-selector__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
4875
|
+
--pf-v6-c-dual-list-selector__list--Opacity: 0;
|
|
4876
|
+
--pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
|
|
4877
|
+
--pf-v6-c-dual-list-selector__list--TranslateY: 0;
|
|
4878
|
+
--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
|
|
4627
4879
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
|
4628
4880
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
4629
4881
|
--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
@@ -4661,6 +4913,13 @@ ul) {
|
|
|
4661
4913
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
4662
4914
|
--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
4663
4915
|
}
|
|
4916
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
4917
|
+
.pf-v6-c-dual-list-selector {
|
|
4918
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
4919
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
4920
|
+
--pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
|
|
4921
|
+
}
|
|
4922
|
+
}
|
|
4664
4923
|
|
|
4665
4924
|
.pf-v6-c-dual-list-selector {
|
|
4666
4925
|
display: grid;
|
|
@@ -4756,9 +5015,27 @@ ul) {
|
|
|
4756
5015
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
|
|
4757
5016
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
4758
5017
|
}
|
|
5018
|
+
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expandable > .pf-v6-c-dual-list-selector__list {
|
|
5019
|
+
max-height: 0;
|
|
5020
|
+
visibility: hidden;
|
|
5021
|
+
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
5022
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
|
|
5023
|
+
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
5024
|
+
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
|
|
5025
|
+
transition-property: opacity, translate, visibility, max-height;
|
|
5026
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
5027
|
+
}
|
|
4759
5028
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
4760
5029
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
|
|
4761
5030
|
}
|
|
5031
|
+
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
|
|
5032
|
+
max-height: 99999px;
|
|
5033
|
+
visibility: revert;
|
|
5034
|
+
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
5035
|
+
transition-delay: 0s;
|
|
5036
|
+
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
5037
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
5038
|
+
}
|
|
4762
5039
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
4763
5040
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
|
4764
5041
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color);
|
|
@@ -6294,6 +6571,18 @@ ul) {
|
|
|
6294
6571
|
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
|
|
6295
6572
|
--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
|
|
6296
6573
|
--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
|
|
6574
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: 0s;
|
|
6575
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
6576
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: 0s;
|
|
6577
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
6578
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide);
|
|
6579
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
|
|
6580
|
+
--pf-v6-c-expandable-section__content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
6581
|
+
--pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
|
|
6582
|
+
--pf-v6-c-expandable-section__content--Opacity: 0;
|
|
6583
|
+
--pf-v6-c-expandable-section__content--TranslateY: 0;
|
|
6584
|
+
--pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
|
|
6585
|
+
--pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
|
|
6297
6586
|
--pf-v6-c-expandable-section__content--MaxWidth: auto;
|
|
6298
6587
|
--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
6299
6588
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -6305,20 +6594,39 @@ ul) {
|
|
|
6305
6594
|
--pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
6306
6595
|
--pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
|
|
6307
6596
|
--pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
6597
|
+
--pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
|
|
6308
6598
|
--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) + var(--pf-t--global--spacer--gap--text-to-element--default) + var(--pf-v6-c-expandable-section__toggle-icon--MinWidth));
|
|
6309
6599
|
--pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
6310
6600
|
--pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
|
|
6311
6601
|
}
|
|
6602
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
6603
|
+
.pf-v6-c-expandable-section {
|
|
6604
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
6605
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
6606
|
+
--pf-v6-c-expandable-section__content--TranslateY: -.5rem;
|
|
6607
|
+
}
|
|
6608
|
+
}
|
|
6312
6609
|
|
|
6313
6610
|
.pf-v6-c-expandable-section {
|
|
6314
6611
|
display: flex;
|
|
6315
6612
|
flex-direction: column;
|
|
6316
|
-
gap:
|
|
6613
|
+
gap: 0;
|
|
6614
|
+
transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
|
|
6615
|
+
transition-duration: 0s;
|
|
6616
|
+
transition-property: gap, padding-block-end;
|
|
6317
6617
|
}
|
|
6318
6618
|
.pf-v6-c-expandable-section.pf-m-expanded {
|
|
6319
6619
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
|
|
6320
6620
|
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
|
|
6321
6621
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
|
|
6622
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide);
|
|
6623
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade);
|
|
6624
|
+
--pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
|
|
6625
|
+
--pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
|
|
6626
|
+
--pf-v6-c-expandable-section__content--Visibility: auto;
|
|
6627
|
+
--pf-v6-c-expandable-section__content--MaxHeight: 99999px;
|
|
6628
|
+
--pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
|
|
6629
|
+
gap: var(--pf-v6-c-expandable-section--Gap);
|
|
6322
6630
|
}
|
|
6323
6631
|
.pf-v6-c-expandable-section.pf-m-limit-width {
|
|
6324
6632
|
--pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
|
|
@@ -6365,6 +6673,19 @@ ul) {
|
|
|
6365
6673
|
padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
|
|
6366
6674
|
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
|
|
6367
6675
|
}
|
|
6676
|
+
.pf-v6-c-expandable-section__content:where([hidden]) {
|
|
6677
|
+
display: revert;
|
|
6678
|
+
}
|
|
6679
|
+
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
|
|
6680
|
+
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
6681
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
6682
|
+
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
6683
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
6684
|
+
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
6685
|
+
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
6686
|
+
transition-property: opacity, translate, visibility, max-height;
|
|
6687
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
6688
|
+
}
|
|
6368
6689
|
|
|
6369
6690
|
.pf-v6-c-file-upload {
|
|
6370
6691
|
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
@@ -6476,7 +6797,7 @@ ul) {
|
|
|
6476
6797
|
--pf-v6-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-form__field-group-toggle-icon--MinWidth) + var(--pf-t--global--spacer--xs));
|
|
6477
6798
|
--pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
|
|
6478
6799
|
--pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
6479
|
-
--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
6800
|
+
--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
6480
6801
|
--pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
|
|
6481
6802
|
--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);
|
|
6482
6803
|
--pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
@@ -6496,6 +6817,8 @@ ul) {
|
|
|
6496
6817
|
--pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
6497
6818
|
--pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
|
|
6498
6819
|
--pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
6820
|
+
--pf-v6-c-form__field-group-header-actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
6821
|
+
--pf-v6-c-form__field-group-header-actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
6499
6822
|
--pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
6500
6823
|
--pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
6501
6824
|
--pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
|
|
@@ -6503,6 +6826,19 @@ ul) {
|
|
|
6503
6826
|
--pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
|
|
6504
6827
|
--pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
|
|
6505
6828
|
--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
|
|
6829
|
+
--pf-v6-c-form__field-group-body--TranslateY: 0;
|
|
6830
|
+
--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY: 0;
|
|
6831
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: 0s;
|
|
6832
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
6833
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: 0s;
|
|
6834
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
6835
|
+
}
|
|
6836
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
6837
|
+
.pf-v6-c-form {
|
|
6838
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
6839
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
6840
|
+
--pf-v6-c-form__field-group-body--TranslateY: -.5rem;
|
|
6841
|
+
}
|
|
6506
6842
|
}
|
|
6507
6843
|
|
|
6508
6844
|
.pf-v6-c-form {
|
|
@@ -6859,6 +7195,16 @@ ul) {
|
|
|
6859
7195
|
.pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
|
|
6860
7196
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
6861
7197
|
}
|
|
7198
|
+
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
7199
|
+
max-height: 99999px;
|
|
7200
|
+
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
7201
|
+
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
7202
|
+
visibility: visible;
|
|
7203
|
+
opacity: 1;
|
|
7204
|
+
transition-delay: 0s;
|
|
7205
|
+
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
7206
|
+
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
7207
|
+
}
|
|
6862
7208
|
|
|
6863
7209
|
.pf-v6-c-form__field-group-toggle {
|
|
6864
7210
|
grid-row: 1/2;
|
|
@@ -6917,6 +7263,8 @@ ul) {
|
|
|
6917
7263
|
}
|
|
6918
7264
|
|
|
6919
7265
|
.pf-v6-c-form__field-group-header-actions {
|
|
7266
|
+
margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
|
|
7267
|
+
margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
|
|
6920
7268
|
margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
|
|
6921
7269
|
white-space: nowrap;
|
|
6922
7270
|
}
|
|
@@ -6928,6 +7276,18 @@ ul) {
|
|
|
6928
7276
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
6929
7277
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
6930
7278
|
}
|
|
7279
|
+
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
7280
|
+
max-height: 0;
|
|
7281
|
+
padding-block-start: 0;
|
|
7282
|
+
padding-block-end: 0;
|
|
7283
|
+
visibility: hidden;
|
|
7284
|
+
opacity: 0;
|
|
7285
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
|
|
7286
|
+
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
|
|
7287
|
+
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
7288
|
+
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
7289
|
+
}
|
|
7290
|
+
|
|
6931
7291
|
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
6932
7292
|
--pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
|
|
6933
7293
|
--pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
|
|
@@ -7164,6 +7524,22 @@ ul) {
|
|
|
7164
7524
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
|
|
7165
7525
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
|
|
7166
7526
|
}
|
|
7527
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
7528
|
+
.pf-v6-c-form-control.pf-m-error {
|
|
7529
|
+
translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
|
|
7530
|
+
animation-name: pf-v6-global-danger-jiggle-motion;
|
|
7531
|
+
animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
|
|
7532
|
+
animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
|
|
7533
|
+
animation-fill-mode: both;
|
|
7534
|
+
}
|
|
7535
|
+
}
|
|
7536
|
+
.pf-v6-c-form-control.pf-m-error .pf-v6-c-form-control__icon.pf-m-status {
|
|
7537
|
+
--pf-v6-c-form-control--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
|
7538
|
+
--pf-v6-c-form-control--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
|
7539
|
+
animation-name: pf-v6-global-fade-in;
|
|
7540
|
+
animation-duration: var(--pf-v6-c-form-control--TransitionDuration--Opacity);
|
|
7541
|
+
animation-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction--Opacity);
|
|
7542
|
+
}
|
|
7167
7543
|
.pf-v6-c-form-control.pf-m-error > textarea {
|
|
7168
7544
|
padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
|
|
7169
7545
|
}
|
|
@@ -9632,7 +10008,7 @@ ul.pf-v6-c-list {
|
|
|
9632
10008
|
--pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
|
|
9633
10009
|
--pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
9634
10010
|
--pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
9635
|
-
--pf-v6-c-menu--TransitionDuration:
|
|
10011
|
+
--pf-v6-c-menu--TransitionDuration: 0s;
|
|
9636
10012
|
--pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
9637
10013
|
--pf-v6-c-menu--m-plain--BoxShadow: none;
|
|
9638
10014
|
--pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
|
|
@@ -9705,14 +10081,34 @@ ul.pf-v6-c-list {
|
|
|
9705
10081
|
--pf-v6-c-menu--m-flyout__menu--m-left--InsetInlineEnd: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
|
|
9706
10082
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
|
|
9707
10083
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
9708
|
-
--pf-v6-c-menu--m-drilldown__content--Transition:
|
|
10084
|
+
--pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
|
|
9709
10085
|
--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
|
|
9710
|
-
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform:
|
|
10086
|
+
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
|
|
9711
10087
|
--pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
9712
|
-
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform:
|
|
10088
|
+
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
|
|
9713
10089
|
--pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
9714
10090
|
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
|
|
9715
10091
|
}
|
|
10092
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
10093
|
+
.pf-v6-c-menu {
|
|
10094
|
+
--pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
10095
|
+
}
|
|
10096
|
+
}
|
|
10097
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
10098
|
+
.pf-v6-c-menu {
|
|
10099
|
+
--pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
|
|
10100
|
+
}
|
|
10101
|
+
}
|
|
10102
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
10103
|
+
.pf-v6-c-menu {
|
|
10104
|
+
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
10105
|
+
}
|
|
10106
|
+
}
|
|
10107
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
10108
|
+
.pf-v6-c-menu {
|
|
10109
|
+
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
10110
|
+
}
|
|
10111
|
+
}
|
|
9716
10112
|
|
|
9717
10113
|
.pf-v6-c-menu__content,
|
|
9718
10114
|
.pf-v6-c-menu__list-item,
|
|
@@ -10246,6 +10642,14 @@ ul.pf-v6-c-list {
|
|
|
10246
10642
|
--pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
10247
10643
|
--pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
|
|
10248
10644
|
--pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
10645
|
+
--pf-v6-c-menu-toggle__icon--TransitionDelay: 0s;
|
|
10646
|
+
--pf-v6-c-menu-toggle__icon--TransitionDuration: 0s;
|
|
10647
|
+
--pf-v6-c-menu-toggle__icon--TransitionProperty: none;
|
|
10648
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionDelay: 0s;
|
|
10649
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionDuration: 0s;
|
|
10650
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionProperty: none;
|
|
10651
|
+
--pf-v6-c-menu-toggle__icon--Rotate: 0deg;
|
|
10652
|
+
--pf-v6-c-menu-toggle--hover__icon--Rotate: 0deg;
|
|
10249
10653
|
--pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
|
|
10250
10654
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
10251
10655
|
--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
|
|
@@ -10343,6 +10747,11 @@ ul.pf-v6-c-list {
|
|
|
10343
10747
|
--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
|
|
10344
10748
|
--pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
10345
10749
|
--pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
|
|
10750
|
+
--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
10751
|
+
--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
10752
|
+
--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
10753
|
+
--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
10754
|
+
--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate: 60deg;
|
|
10346
10755
|
}
|
|
10347
10756
|
|
|
10348
10757
|
.pf-v6-c-menu-toggle {
|
|
@@ -10456,6 +10865,10 @@ ul.pf-v6-c-list {
|
|
|
10456
10865
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
|
|
10457
10866
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
|
|
10458
10867
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
|
|
10868
|
+
--pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
|
|
10869
|
+
--pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDuration);
|
|
10870
|
+
--pf-v6-c-menu-toggle__icon--TransitionProperty: var(--pf-v6-c-menu-toggle--hover__icon--TransitionProperty);
|
|
10871
|
+
--pf-v6-c-menu-toggle__icon--Rotate: var(--pf-v6-c-menu-toggle--hover__icon--Rotate);
|
|
10459
10872
|
}
|
|
10460
10873
|
.pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
|
|
10461
10874
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
|
|
@@ -10511,6 +10924,15 @@ ul.pf-v6-c-list {
|
|
|
10511
10924
|
opacity: 1;
|
|
10512
10925
|
}
|
|
10513
10926
|
}
|
|
10927
|
+
.pf-v6-c-menu-toggle.pf-m-settings {
|
|
10928
|
+
--pf-v6-c-menu-toggle__icon--TransitionProperty: rotate;
|
|
10929
|
+
--pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration);
|
|
10930
|
+
--pf-v6-c-menu-toggle__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction);
|
|
10931
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionProperty: rotate;
|
|
10932
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration);
|
|
10933
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction);
|
|
10934
|
+
--pf-v6-c-menu-toggle--hover__icon--Rotate: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate);
|
|
10935
|
+
}
|
|
10514
10936
|
.pf-v6-c-menu-toggle.pf-m-placeholder {
|
|
10515
10937
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
|
|
10516
10938
|
}
|
|
@@ -10663,16 +11085,24 @@ ul.pf-v6-c-list {
|
|
|
10663
11085
|
flex-wrap: nowrap;
|
|
10664
11086
|
}
|
|
10665
11087
|
|
|
10666
|
-
.pf-v6-c-menu-toggle__icon {
|
|
10667
|
-
flex-shrink: 0;
|
|
10668
|
-
}
|
|
10669
11088
|
.pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
|
|
10670
11089
|
.pf-v6-c-menu-toggle__icon.pf-m-avatar img,
|
|
10671
|
-
.pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
|
|
11090
|
+
.pf-v6-c-menu-toggle__icon.pf-m-avatar svg, .pf-v6-c-menu-toggle:not(.pf-m-plain) .pf-v6-c-menu-toggle__icon {
|
|
10672
11091
|
margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
|
|
10673
11092
|
margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
|
|
10674
11093
|
}
|
|
10675
11094
|
|
|
11095
|
+
.pf-v6-c-menu-toggle__icon {
|
|
11096
|
+
flex-shrink: 0;
|
|
11097
|
+
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
11098
|
+
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
11099
|
+
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
11100
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
11101
|
+
}
|
|
11102
|
+
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
11103
|
+
vertical-align: middle;
|
|
11104
|
+
}
|
|
11105
|
+
|
|
10676
11106
|
.pf-v6-c-menu-toggle__controls {
|
|
10677
11107
|
display: flex;
|
|
10678
11108
|
gap: var(--pf-v6-c-menu-toggle__controls--Gap);
|
|
@@ -11159,9 +11589,13 @@ ul.pf-v6-c-list {
|
|
|
11159
11589
|
--pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
|
|
11160
11590
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
|
|
11161
11591
|
--pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
11162
|
-
--pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--
|
|
11163
|
-
--pf-v6-c-nav__subnav--TransitionDuration--
|
|
11592
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--fade--default);
|
|
11593
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: 0s;
|
|
11594
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--fade--short);
|
|
11595
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: 0s;
|
|
11164
11596
|
--pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
|
|
11597
|
+
--pf-v6-c-nav__subnav--TranslateY: 0;
|
|
11598
|
+
--pf-v6-c-nav__subnav--hidden--TranslateY: 0;
|
|
11165
11599
|
--pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
|
|
11166
11600
|
--pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
11167
11601
|
--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -11190,6 +11624,13 @@ ul.pf-v6-c-list {
|
|
|
11190
11624
|
--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
11191
11625
|
--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
11192
11626
|
}
|
|
11627
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
11628
|
+
.pf-v6-c-nav {
|
|
11629
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
11630
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
11631
|
+
--pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
|
|
11632
|
+
}
|
|
11633
|
+
}
|
|
11193
11634
|
|
|
11194
11635
|
.pf-v6-c-nav,
|
|
11195
11636
|
.pf-v6-c-nav__section,
|
|
@@ -11260,24 +11701,27 @@ ul.pf-v6-c-list {
|
|
|
11260
11701
|
|
|
11261
11702
|
.pf-v6-c-nav__subnav {
|
|
11262
11703
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
11263
|
-
|
|
11264
|
-
min-height: 0;
|
|
11704
|
+
max-height: 99999px;
|
|
11265
11705
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
11266
11706
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
11267
11707
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
11268
11708
|
overflow-y: clip;
|
|
11269
|
-
|
|
11709
|
+
visibility: visible;
|
|
11710
|
+
transition-delay: 0s, 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);
|
|
11270
11711
|
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
11271
|
-
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), 0s, 0s, 0s, 0s;
|
|
11272
|
-
transition-property: opacity, visibility,
|
|
11712
|
+
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
11713
|
+
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
11714
|
+
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
11273
11715
|
}
|
|
11274
11716
|
.pf-v6-c-nav__subnav[hidden] {
|
|
11275
11717
|
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
11276
11718
|
--pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse);
|
|
11719
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide);
|
|
11277
11720
|
--pf-v6-c-nav__subnav--PaddingBlockStart: 0;
|
|
11278
11721
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
11722
|
+
--pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
|
|
11279
11723
|
display: grid;
|
|
11280
|
-
|
|
11724
|
+
max-height: 0;
|
|
11281
11725
|
visibility: hidden;
|
|
11282
11726
|
opacity: 0;
|
|
11283
11727
|
}
|
|
@@ -11762,8 +12206,9 @@ ul.pf-v6-c-list {
|
|
|
11762
12206
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
11763
12207
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
11764
12208
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
11765
|
-
--pf-v6-c-page__sidebar--Width: 18.125rem;
|
|
11766
|
-
--pf-v6-c-page__sidebar--
|
|
12209
|
+
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
12210
|
+
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
12211
|
+
--pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
11767
12212
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11768
12213
|
--pf-v6-c-page__sidebar--BoxShadow: none;
|
|
11769
12214
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
@@ -11869,6 +12314,51 @@ ul.pf-v6-c-list {
|
|
|
11869
12314
|
grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
|
|
11870
12315
|
}
|
|
11871
12316
|
}
|
|
12317
|
+
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
|
|
12318
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
12319
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
12320
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
12321
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
12322
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
12323
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
12324
|
+
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
12325
|
+
}
|
|
12326
|
+
.pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
|
|
12327
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
12328
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
12329
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
12330
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
12331
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
|
12332
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
12333
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
|
12334
|
+
}
|
|
12335
|
+
@media (min-width: 75rem) {
|
|
12336
|
+
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger, .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
|
|
12337
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
|
|
12338
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
|
|
12339
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
|
|
12340
|
+
--pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
|
12341
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
|
12342
|
+
}
|
|
12343
|
+
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
|
|
12344
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
12345
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
12346
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
12347
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
12348
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
|
12349
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
12350
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
|
12351
|
+
}
|
|
12352
|
+
.pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-collapsed)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
|
|
12353
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
12354
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
12355
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
12356
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
12357
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
12358
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
12359
|
+
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
12360
|
+
}
|
|
12361
|
+
}
|
|
11872
12362
|
|
|
11873
12363
|
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
11874
12364
|
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
@@ -12191,7 +12681,7 @@ ul.pf-v6-c-list {
|
|
|
12191
12681
|
-webkit-overflow-scrolling: touch;
|
|
12192
12682
|
}
|
|
12193
12683
|
@media screen and (min-width: 75rem) {
|
|
12194
|
-
.pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
|
|
12684
|
+
.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,
|
|
12195
12685
|
.pf-v6-c-masthead + .pf-v6-c-page__drawer,
|
|
12196
12686
|
.pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
|
|
12197
12687
|
--pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
|
|
@@ -13166,6 +13656,22 @@ ul.pf-v6-c-list {
|
|
|
13166
13656
|
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
|
|
13167
13657
|
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
|
|
13168
13658
|
}
|
|
13659
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
13660
|
+
.pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__bar {
|
|
13661
|
+
translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
|
|
13662
|
+
animation-name: pf-v6-global-danger-jiggle-motion;
|
|
13663
|
+
animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
|
|
13664
|
+
animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
|
|
13665
|
+
animation-fill-mode: both;
|
|
13666
|
+
}
|
|
13667
|
+
}
|
|
13668
|
+
.pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__status-icon {
|
|
13669
|
+
--pf-v6-c-progress--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
|
13670
|
+
--pf-v6-c-progress--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
|
13671
|
+
animation-name: pf-v6-global-fade-in;
|
|
13672
|
+
animation-duration: var(--pf-v6-c-progress--TransitionDuration--Opacity);
|
|
13673
|
+
animation-timing-function: var(--pf-v6-c-progress--TransitionTimingFunction--Opacity);
|
|
13674
|
+
}
|
|
13169
13675
|
|
|
13170
13676
|
.pf-v6-c-progress__description {
|
|
13171
13677
|
grid-column: 1/2;
|
|
@@ -14343,8 +14849,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14343
14849
|
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
14344
14850
|
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
14345
14851
|
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
14346
|
-
--pf-v6-c-skeleton--after--TranslateX:
|
|
14347
|
-
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
14852
|
+
--pf-v6-c-skeleton--after--TranslateX: 0;
|
|
14853
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading-reduced-motion;
|
|
14348
14854
|
--pf-v6-c-skeleton--after--AnimationDuration: 3s;
|
|
14349
14855
|
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
|
14350
14856
|
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
|
@@ -14376,6 +14882,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14376
14882
|
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
|
14377
14883
|
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
|
14378
14884
|
}
|
|
14885
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
14886
|
+
.pf-v6-c-skeleton {
|
|
14887
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
14888
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
14889
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
14890
|
+
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
14891
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
14892
|
+
}
|
|
14893
|
+
}
|
|
14379
14894
|
|
|
14380
14895
|
.pf-v6-c-skeleton {
|
|
14381
14896
|
position: relative;
|
|
@@ -14496,6 +15011,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14496
15011
|
transform: translateX(100%);
|
|
14497
15012
|
}
|
|
14498
15013
|
}
|
|
15014
|
+
@keyframes pf-v6-c-skeleton-loading-reduced-motion {
|
|
15015
|
+
0% {
|
|
15016
|
+
opacity: 0.25;
|
|
15017
|
+
}
|
|
15018
|
+
60% {
|
|
15019
|
+
opacity: 1;
|
|
15020
|
+
}
|
|
15021
|
+
100% {
|
|
15022
|
+
opacity: 0.25;
|
|
15023
|
+
}
|
|
15024
|
+
}
|
|
14499
15025
|
.pf-v6-c-skip-to-content {
|
|
14500
15026
|
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
14501
15027
|
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
@@ -14743,6 +15269,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14743
15269
|
--pf-v6-c-spinner--StrokeWidth: 10;
|
|
14744
15270
|
--pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
|
|
14745
15271
|
--pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
|
|
15272
|
+
--pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
|
|
14746
15273
|
--pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
|
|
14747
15274
|
--pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
|
|
14748
15275
|
--pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
|
|
@@ -14759,6 +15286,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14759
15286
|
.pf-v6-c-spinner.pf-m-inline {
|
|
14760
15287
|
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
|
|
14761
15288
|
}
|
|
15289
|
+
.pf-v6-c-spinner.pf-m-xs {
|
|
15290
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
|
|
15291
|
+
--pf-v6-c-spinner--StrokeWidth: 15;
|
|
15292
|
+
}
|
|
14762
15293
|
.pf-v6-c-spinner.pf-m-sm {
|
|
14763
15294
|
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
|
|
14764
15295
|
}
|
|
@@ -15040,6 +15571,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15040
15571
|
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
15041
15572
|
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
|
|
15042
15573
|
--pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
|
|
15574
|
+
--pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
15043
15575
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
15044
15576
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
15045
15577
|
--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -15164,7 +15696,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15164
15696
|
}
|
|
15165
15697
|
.pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
15166
15698
|
position: revert;
|
|
15167
|
-
font-weight:
|
|
15699
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
15168
15700
|
text-align: start;
|
|
15169
15701
|
content: attr(data-label);
|
|
15170
15702
|
}
|
|
@@ -15464,7 +15996,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15464
15996
|
}
|
|
15465
15997
|
.pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
15466
15998
|
position: revert;
|
|
15467
|
-
font-weight:
|
|
15999
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
15468
16000
|
text-align: start;
|
|
15469
16001
|
content: attr(data-label);
|
|
15470
16002
|
}
|
|
@@ -15767,7 +16299,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15767
16299
|
}
|
|
15768
16300
|
.pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
15769
16301
|
position: revert;
|
|
15770
|
-
font-weight:
|
|
16302
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
15771
16303
|
text-align: start;
|
|
15772
16304
|
content: attr(data-label);
|
|
15773
16305
|
}
|
|
@@ -16070,7 +16602,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16070
16602
|
}
|
|
16071
16603
|
.pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
16072
16604
|
position: revert;
|
|
16073
|
-
font-weight:
|
|
16605
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
16074
16606
|
text-align: start;
|
|
16075
16607
|
content: attr(data-label);
|
|
16076
16608
|
}
|
|
@@ -16373,7 +16905,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16373
16905
|
}
|
|
16374
16906
|
.pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
16375
16907
|
position: revert;
|
|
16376
|
-
font-weight:
|
|
16908
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
16377
16909
|
text-align: start;
|
|
16378
16910
|
content: attr(data-label);
|
|
16379
16911
|
}
|
|
@@ -16651,6 +17183,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16651
17183
|
--pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
16652
17184
|
--pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
16653
17185
|
--pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
17186
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
|
|
17187
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
17188
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
|
|
17189
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
17190
|
+
--pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
17191
|
+
--pf-v6-c-table__expandable-row--Opacity: 0;
|
|
17192
|
+
--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
|
|
17193
|
+
--pf-v6-c-table__expandable-row--TranslateY: 0;
|
|
17194
|
+
--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
|
|
16654
17195
|
--pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
16655
17196
|
--pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
16656
17197
|
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -16711,6 +17252,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16711
17252
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
16712
17253
|
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
16713
17254
|
}
|
|
17255
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
17256
|
+
.pf-v6-c-table {
|
|
17257
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
17258
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
17259
|
+
--pf-v6-c-table__expandable-row--TranslateY: -.5rem;
|
|
17260
|
+
}
|
|
17261
|
+
}
|
|
16714
17262
|
|
|
16715
17263
|
.pf-v6-c-table {
|
|
16716
17264
|
width: 100%;
|
|
@@ -16975,6 +17523,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16975
17523
|
.pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
|
|
16976
17524
|
--pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
|
|
16977
17525
|
}
|
|
17526
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
|
|
17527
|
+
display: revert;
|
|
17528
|
+
visibility: hidden;
|
|
17529
|
+
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
17530
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
17531
|
+
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
17532
|
+
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
|
|
17533
|
+
transition-property: opacity, translate, visibility;
|
|
17534
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
17535
|
+
}
|
|
17536
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
17537
|
+
display: revert;
|
|
17538
|
+
}
|
|
17539
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
17540
|
+
visibility: visible;
|
|
17541
|
+
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
17542
|
+
transition-delay: 0s;
|
|
17543
|
+
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
|
17544
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
17545
|
+
}
|
|
17546
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
|
17547
|
+
max-height: 99999px;
|
|
17548
|
+
}
|
|
17549
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th),
|
|
17550
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
|
17551
|
+
padding: 0;
|
|
17552
|
+
overflow: hidden;
|
|
17553
|
+
transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
17554
|
+
transition-property: padding, max-height, overflow;
|
|
17555
|
+
}
|
|
17556
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
|
17557
|
+
max-height: 0;
|
|
17558
|
+
}
|
|
16978
17559
|
|
|
16979
17560
|
[class*=pf-v6-c-table].pf-m-truncate {
|
|
16980
17561
|
--pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
|
|
@@ -17280,21 +17861,25 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17280
17861
|
position: relative;
|
|
17281
17862
|
border-block-end: 0 solid transparent;
|
|
17282
17863
|
}
|
|
17283
|
-
|
|
17284
|
-
|
|
17864
|
+
.pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
|
17865
|
+
.pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
|
17285
17866
|
padding-block-start: 0;
|
|
17286
17867
|
}
|
|
17287
|
-
|
|
17288
|
-
.pf-v6-c-
|
|
17289
|
-
|
|
17868
|
+
.pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
|
17869
|
+
.pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
|
17870
|
+
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
|
17871
|
+
}
|
|
17872
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
|
|
17873
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
|
|
17290
17874
|
padding-block-start: 0;
|
|
17291
17875
|
padding-block-end: 0;
|
|
17292
17876
|
padding-inline-start: 0;
|
|
17293
17877
|
padding-inline-end: 0;
|
|
17294
17878
|
}
|
|
17295
|
-
.pf-v6-c-table__expandable-row
|
|
17296
|
-
.pf-v6-c-table__expandable-row
|
|
17879
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
|
17880
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
|
17297
17881
|
padding: 0;
|
|
17882
|
+
border-radius: 0;
|
|
17298
17883
|
}
|
|
17299
17884
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
|
|
17300
17885
|
padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
|
|
@@ -17304,6 +17889,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17304
17889
|
background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
|
|
17305
17890
|
border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
|
|
17306
17891
|
}
|
|
17892
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
|
|
17893
|
+
background-color: transparent;
|
|
17894
|
+
}
|
|
17307
17895
|
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
17308
17896
|
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
|
|
17309
17897
|
border-block-end-width: var(--pf-v6-c-table--border-width--base);
|
|
@@ -17315,6 +17903,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17315
17903
|
border-block-end: 0;
|
|
17316
17904
|
}
|
|
17317
17905
|
|
|
17906
|
+
.pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
|
|
17907
|
+
border-block-end: 0;
|
|
17908
|
+
}
|
|
17909
|
+
|
|
17318
17910
|
.pf-v6-c-table.pf-m-compact {
|
|
17319
17911
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
|
|
17320
17912
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
|
|
@@ -17370,7 +17962,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17370
17962
|
}
|
|
17371
17963
|
.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
|
|
17372
17964
|
background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
|
|
17373
|
-
border-block-end:
|
|
17965
|
+
border-block-end: 0;
|
|
17374
17966
|
}
|
|
17375
17967
|
|
|
17376
17968
|
.pf-v6-c-table__tr {
|
|
@@ -18429,25 +19021,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18429
19021
|
--pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
18430
19022
|
--pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
|
|
18431
19023
|
--pf-v6-c-tabs--link-accent--start: 0;
|
|
18432
|
-
--pf-v6-c-tabs--link-accent--length:
|
|
19024
|
+
--pf-v6-c-tabs--link-accent--length: 0;
|
|
18433
19025
|
--pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
|
|
18434
19026
|
--pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
|
|
19027
|
+
--pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
|
|
19028
|
+
--pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
18435
19029
|
--pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
|
|
18436
19030
|
--pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
|
|
18437
|
-
--pf-v6-c-tabs--link-accent--InsetInlineStart:
|
|
19031
|
+
--pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
|
|
18438
19032
|
--pf-v6-c-tabs--link-accent--Width: initial;
|
|
18439
19033
|
--pf-v6-c-tabs--link-accent--Height: 0;
|
|
18440
19034
|
--pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
|
|
18441
19035
|
--pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
|
|
18442
|
-
--pf-v6-c-tabs--
|
|
19036
|
+
--pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--link-accent--start);
|
|
19037
|
+
--pf-v6-c-tabs--link-accent--TranslateY: 0;
|
|
19038
|
+
--pf-v6-c-tabs--link-accent--TransformOrigin: 0 center;
|
|
19039
|
+
--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: 0;
|
|
18443
19040
|
--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
|
|
18444
|
-
--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
|
|
18445
|
-
--pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
|
|
18446
|
-
--pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
|
|
18447
19041
|
--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
|
|
18448
19042
|
--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
|
|
18449
|
-
--pf-v6-c-tabs--link-accent--
|
|
18450
|
-
--pf-v6-c-tabs--link-accent--
|
|
19043
|
+
--pf-v6-c-tabs--m-vertical--link-accent--TranslateX: 0;
|
|
19044
|
+
--pf-v6-c-tabs--m-vertical--link-accent--TranslateY: var(--pf-v6-c-tabs--link-accent--start);
|
|
19045
|
+
--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin: center 0;
|
|
18451
19046
|
--pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
18452
19047
|
--pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18453
19048
|
--pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
@@ -18607,11 +19202,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18607
19202
|
--pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
|
|
18608
19203
|
--pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
|
|
18609
19204
|
--pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
|
|
18610
|
-
--pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
|
|
18611
19205
|
--pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
|
|
18612
19206
|
--pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
|
|
18613
19207
|
--pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
|
|
18614
19208
|
--pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
|
|
19209
|
+
--pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateX);
|
|
19210
|
+
--pf-v6-c-tabs--link-accent--TranslateY: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateY);
|
|
19211
|
+
--pf-v6-c-tabs--link-accent--TransformOrigin: var(--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin);
|
|
18615
19212
|
display: inline-flex;
|
|
18616
19213
|
flex-direction: column;
|
|
18617
19214
|
height: 100%;
|
|
@@ -19188,15 +19785,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19188
19785
|
}
|
|
19189
19786
|
|
|
19190
19787
|
@media (prefers-reduced-motion: no-preference) {
|
|
19191
|
-
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
|
|
19192
|
-
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
|
|
19788
|
+
.pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__link::after,
|
|
19789
|
+
.pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
|
|
19193
19790
|
content: revert;
|
|
19194
19791
|
}
|
|
19195
|
-
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
|
19792
|
+
.pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
|
19196
19793
|
position: absolute;
|
|
19197
|
-
inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart
|
|
19794
|
+
inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart);
|
|
19198
19795
|
inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
|
|
19199
|
-
inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart
|
|
19796
|
+
inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart);
|
|
19200
19797
|
width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
|
|
19201
19798
|
height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
|
|
19202
19799
|
content: "";
|
|
@@ -19205,7 +19802,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19205
19802
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
19206
19803
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
19207
19804
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
19208
|
-
transition-property:
|
|
19805
|
+
transition-property: width, height, translate;
|
|
19806
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
19807
|
+
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
19808
|
+
}
|
|
19809
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
|
19810
|
+
translate: calc(var(--pf-v6-c-tabs--link-accent--TranslateX) * var(--pf-v6-global--inverse--multiplier)) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
19209
19811
|
}
|
|
19210
19812
|
.pf-v6-c-tabs.pf-m-initializing-accent {
|
|
19211
19813
|
--pf-v6-c-tabs--link-accent--TransitionDuration: 0;
|
|
@@ -19316,6 +19918,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19316
19918
|
--pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
|
|
19317
19919
|
--pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color);
|
|
19318
19920
|
}
|
|
19921
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
19922
|
+
.pf-v6-c-text-input-group.pf-m-error {
|
|
19923
|
+
translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
|
|
19924
|
+
animation-name: pf-v6-global-danger-jiggle-motion;
|
|
19925
|
+
animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
|
|
19926
|
+
animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
|
|
19927
|
+
animation-fill-mode: both;
|
|
19928
|
+
}
|
|
19929
|
+
}
|
|
19930
|
+
.pf-v6-c-text-input-group.pf-m-error .pf-v6-c-text-input-group__icon.pf-m-status {
|
|
19931
|
+
--pf-v6-c-text-input-group--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
|
19932
|
+
--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
|
19933
|
+
animation-name: pf-v6-global-fade-in;
|
|
19934
|
+
animation-duration: var(--pf-v6-c-text-input-group--TransitionDuration--Opacity);
|
|
19935
|
+
animation-timing-function: var(--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity);
|
|
19936
|
+
}
|
|
19319
19937
|
.pf-v6-c-text-input-group:hover {
|
|
19320
19938
|
--pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
|
|
19321
19939
|
}
|
|
@@ -19547,6 +20165,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19547
20165
|
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
|
19548
20166
|
}
|
|
19549
20167
|
|
|
20168
|
+
.pf-v6-c-timestamp__text {
|
|
20169
|
+
text-decoration: inherit;
|
|
20170
|
+
}
|
|
20171
|
+
|
|
19550
20172
|
.pf-v6-c-title {
|
|
19551
20173
|
--pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
19552
20174
|
--pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
@@ -21821,6 +22443,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21821
22443
|
grid-auto-flow: column;
|
|
21822
22444
|
align-items: baseline;
|
|
21823
22445
|
min-width: var(--pf-v6-c-truncate--MinWidth);
|
|
22446
|
+
text-decoration: inherit;
|
|
22447
|
+
}
|
|
22448
|
+
.pf-v6-c-truncate.pf-m-fixed {
|
|
22449
|
+
display: inline;
|
|
22450
|
+
align-items: revert;
|
|
22451
|
+
min-width: revert;
|
|
21824
22452
|
}
|
|
21825
22453
|
|
|
21826
22454
|
.pf-v6-c-truncate__start,
|
|
@@ -21912,6 +22540,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21912
22540
|
--pf-v6-c-tree-view__node-container--Display: contents;
|
|
21913
22541
|
--pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
|
|
21914
22542
|
--pf-v6-c-tree-view__node-content--Overflow: visible;
|
|
22543
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
|
|
22544
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
22545
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
|
|
22546
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
22547
|
+
--pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
|
|
22548
|
+
--pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
|
|
22549
|
+
--pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
22550
|
+
--pf-v6-c-tree-view__list--Opacity: 0;
|
|
22551
|
+
--pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
|
|
22552
|
+
--pf-v6-c-tree-view__list--TranslateY: 0;
|
|
22553
|
+
--pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
|
|
21915
22554
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
|
|
21916
22555
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
|
|
21917
22556
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
@@ -21927,6 +22566,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21927
22566
|
--pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
21928
22567
|
--pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
21929
22568
|
--pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
22569
|
+
--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
22570
|
+
--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
21930
22571
|
--pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
21931
22572
|
--pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
21932
22573
|
--pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -22002,6 +22643,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22002
22643
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
|
|
22003
22644
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--before--InsetBlockStart: calc(var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart) + var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart) + 0.25rem);
|
|
22004
22645
|
}
|
|
22646
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
22647
|
+
.pf-v6-c-tree-view {
|
|
22648
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
22649
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
22650
|
+
--pf-v6-c-tree-view__list--TranslateY: -.5rem;
|
|
22651
|
+
}
|
|
22652
|
+
}
|
|
22005
22653
|
|
|
22006
22654
|
.pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item, .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item {
|
|
22007
22655
|
position: relative;
|
|
@@ -22117,12 +22765,23 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22117
22765
|
display: inline-block;
|
|
22118
22766
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
22119
22767
|
text-align: center;
|
|
22768
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
22120
22769
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
22121
22770
|
}
|
|
22122
22771
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
22123
22772
|
scale: -1 1;
|
|
22124
22773
|
}
|
|
22125
22774
|
|
|
22775
|
+
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
22776
|
+
max-height: 0;
|
|
22777
|
+
visibility: hidden;
|
|
22778
|
+
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
22779
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
|
|
22780
|
+
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
22781
|
+
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
|
|
22782
|
+
transition-property: opacity, translate, visibility, max-height;
|
|
22783
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
22784
|
+
}
|
|
22126
22785
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
22127
22786
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
22128
22787
|
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
|
|
@@ -22131,6 +22790,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22131
22790
|
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
|
|
22132
22791
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
22133
22792
|
}
|
|
22793
|
+
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
22794
|
+
max-height: 99999px;
|
|
22795
|
+
visibility: revert;
|
|
22796
|
+
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
22797
|
+
transition-delay: 0s;
|
|
22798
|
+
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
22799
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
22800
|
+
}
|
|
22134
22801
|
|
|
22135
22802
|
.pf-v6-c-tree-view__node,
|
|
22136
22803
|
.pf-v6-c-tree-view__node-container {
|