@patternfly/react-core 6.0.0-alpha.100 → 6.0.0-alpha.102
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/CHANGELOG.md +12 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/AboutModal/package.json +1 -1
- package/dist/dynamic/components/Accordion/package.json +1 -1
- package/dist/dynamic/components/ActionList/package.json +1 -1
- package/dist/dynamic/components/Alert/package.json +1 -1
- package/dist/dynamic/components/Avatar/package.json +1 -1
- package/dist/dynamic/components/BackToTop/package.json +1 -1
- package/dist/dynamic/components/Backdrop/package.json +1 -1
- package/dist/dynamic/components/BackgroundImage/package.json +1 -1
- package/dist/dynamic/components/Badge/package.json +1 -1
- package/dist/dynamic/components/Banner/package.json +1 -1
- package/dist/dynamic/components/Brand/package.json +1 -1
- package/dist/dynamic/components/Breadcrumb/package.json +1 -1
- package/dist/dynamic/components/Button/package.json +1 -1
- package/dist/dynamic/components/CalendarMonth/package.json +1 -1
- package/dist/dynamic/components/Card/package.json +1 -1
- package/dist/dynamic/components/Checkbox/package.json +1 -1
- package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
- package/dist/dynamic/components/CodeBlock/package.json +1 -1
- package/dist/dynamic/components/Content/package.json +1 -1
- package/dist/dynamic/components/DataList/package.json +1 -1
- package/dist/dynamic/components/DatePicker/package.json +1 -1
- package/dist/dynamic/components/DescriptionList/package.json +1 -1
- package/dist/dynamic/components/Divider/package.json +1 -1
- package/dist/dynamic/components/Drawer/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/components/EmptyState/package.json +1 -1
- package/dist/dynamic/components/ExpandableSection/package.json +1 -1
- package/dist/dynamic/components/FileUpload/package.json +1 -1
- package/dist/dynamic/components/Form/package.json +1 -1
- package/dist/dynamic/components/FormSelect/package.json +1 -1
- package/dist/dynamic/components/HelperText/package.json +1 -1
- package/dist/dynamic/components/Hint/package.json +1 -1
- package/dist/dynamic/components/Icon/package.json +1 -1
- package/dist/dynamic/components/InputGroup/package.json +1 -1
- package/dist/dynamic/components/JumpLinks/package.json +1 -1
- package/dist/dynamic/components/Label/package.json +1 -1
- package/dist/dynamic/components/List/package.json +1 -1
- package/dist/dynamic/components/LoginPage/package.json +1 -1
- package/dist/dynamic/components/Masthead/package.json +1 -1
- package/dist/dynamic/components/Menu/package.json +1 -1
- package/dist/dynamic/components/MenuToggle/package.json +1 -1
- package/dist/dynamic/components/Modal/package.json +1 -1
- package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
- package/dist/dynamic/components/Nav/package.json +1 -1
- package/dist/dynamic/components/NotificationBadge/package.json +1 -1
- package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
- package/dist/dynamic/components/NumberInput/package.json +1 -1
- package/dist/dynamic/components/OverflowMenu/package.json +1 -1
- package/dist/dynamic/components/Page/package.json +1 -1
- package/dist/dynamic/components/Pagination/package.json +1 -1
- package/dist/dynamic/components/Panel/package.json +1 -1
- package/dist/dynamic/components/Popover/package.json +1 -1
- package/dist/dynamic/components/Progress/package.json +1 -1
- package/dist/dynamic/components/ProgressStepper/package.json +1 -1
- package/dist/dynamic/components/Radio/package.json +1 -1
- package/dist/dynamic/components/SearchInput/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/dynamic/components/Sidebar/package.json +1 -1
- package/dist/dynamic/components/SimpleList/package.json +1 -1
- package/dist/dynamic/components/Skeleton/package.json +1 -1
- package/dist/dynamic/components/SkipToContent/package.json +1 -1
- package/dist/dynamic/components/Slider/package.json +1 -1
- package/dist/dynamic/components/Spinner/package.json +1 -1
- package/dist/dynamic/components/Switch/package.json +1 -1
- package/dist/dynamic/components/Tabs/package.json +1 -1
- package/dist/dynamic/components/TextArea/package.json +1 -1
- package/dist/dynamic/components/TextInput/package.json +1 -1
- package/dist/dynamic/components/TextInputGroup/package.json +1 -1
- package/dist/dynamic/components/Tile/package.json +1 -1
- package/dist/dynamic/components/TimePicker/package.json +1 -1
- package/dist/dynamic/components/Timestamp/package.json +1 -1
- package/dist/dynamic/components/Title/package.json +1 -1
- package/dist/dynamic/components/ToggleGroup/package.json +1 -1
- package/dist/dynamic/components/Toolbar/package.json +1 -1
- package/dist/dynamic/components/Tooltip/package.json +1 -1
- package/dist/dynamic/components/TreeView/package.json +1 -1
- package/dist/dynamic/components/Truncate/package.json +1 -1
- package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
- package/dist/dynamic/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
- package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
- package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
- package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
- package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
- package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
- package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
- package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
- package/dist/dynamic/helpers/constants/package.json +1 -1
- package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
- package/dist/dynamic/helpers/fileUtils/package.json +1 -1
- package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
- package/dist/dynamic/helpers/package.json +1 -1
- package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
- package/dist/dynamic/helpers/typeUtils/package.json +1 -1
- package/dist/dynamic/helpers/useInterval/package.json +1 -1
- package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
- package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
- package/dist/dynamic/helpers/util/package.json +1 -1
- package/dist/dynamic/layouts/Bullseye/package.json +1 -1
- package/dist/dynamic/layouts/Flex/package.json +1 -1
- package/dist/dynamic/layouts/Gallery/package.json +1 -1
- package/dist/dynamic/layouts/Grid/package.json +1 -1
- package/dist/dynamic/layouts/Level/package.json +1 -1
- package/dist/dynamic/layouts/Split/package.json +1 -1
- package/dist/dynamic/layouts/Stack/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -1
- package/dist/esm/components/Card/CardHeader.d.ts +16 -10
- package/dist/esm/components/Card/CardHeader.d.ts.map +1 -1
- package/dist/esm/components/Card/CardHeader.js +25 -29
- package/dist/esm/components/Card/CardHeader.js.map +1 -1
- package/dist/esm/components/NotificationDrawer/NotificationDrawerListItemHeader.d.ts +2 -0
- package/dist/esm/components/NotificationDrawer/NotificationDrawerListItemHeader.d.ts.map +1 -1
- package/dist/esm/components/NotificationDrawer/NotificationDrawerListItemHeader.js +2 -2
- package/dist/esm/components/NotificationDrawer/NotificationDrawerListItemHeader.js.map +1 -1
- package/dist/js/components/Card/CardHeader.d.ts +16 -10
- package/dist/js/components/Card/CardHeader.d.ts.map +1 -1
- package/dist/js/components/Card/CardHeader.js +25 -29
- package/dist/js/components/Card/CardHeader.js.map +1 -1
- package/dist/js/components/NotificationDrawer/NotificationDrawerListItemHeader.d.ts +2 -0
- package/dist/js/components/NotificationDrawer/NotificationDrawerListItemHeader.d.ts.map +1 -1
- package/dist/js/components/NotificationDrawer/NotificationDrawerListItemHeader.js +2 -2
- package/dist/js/components/NotificationDrawer/NotificationDrawerListItemHeader.js.map +1 -1
- package/dist/umd/assets/{output-BFvJVM-B.css → output-DDZmdp2b.css} +1405 -1390
- package/dist/umd/react-core.min.js +2 -2
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +6 -6
- package/src/components/Card/CardHeader.tsx +115 -93
- package/src/components/Card/__tests__/CardHeader.test.tsx +330 -1
- package/src/components/Card/examples/CardClickable.tsx +11 -21
- package/src/components/Card/examples/CardClickableSelectable.tsx +6 -3
- package/src/components/Card/examples/CardSelectable.tsx +6 -3
- package/src/components/Card/examples/CardSingleSelectable.tsx +6 -3
- package/src/components/NotificationDrawer/NotificationDrawerListItemHeader.tsx +8 -1
- package/src/components/NotificationDrawer/__tests__/NotificationDrawerListItemHeader.test.tsx +24 -0
- package/src/components/NotificationDrawer/examples/NotificationDrawerBasic.tsx +14 -21
- package/src/components/NotificationDrawer/examples/NotificationDrawerGroups.tsx +18 -27
- package/dist/styles/assets/pficon/pf-v5-pficon.woff2 +0 -0
|
@@ -410,42 +410,6 @@
|
|
|
410
410
|
margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
|
|
411
411
|
}
|
|
412
412
|
|
|
413
|
-
:where(:root, .pf-v6-c-back-to-top) {
|
|
414
|
-
--pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
415
|
-
--pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
|
|
416
|
-
--pf-v6-c-back-to-top--md--InsetBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
417
|
-
--pf-v6-c-back-to-top--c-button--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
418
|
-
--pf-v6-c-back-to-top--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
419
|
-
--pf-v6-c-back-to-top--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
420
|
-
--pf-v6-c-back-to-top--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
421
|
-
--pf-v6-c-back-to-top--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
422
|
-
--pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
423
|
-
}
|
|
424
|
-
|
|
425
|
-
@media (min-width: 48rem) {
|
|
426
|
-
:where(:root, .pf-v6-c-back-to-top) {
|
|
427
|
-
--pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
|
|
428
|
-
}
|
|
429
|
-
}
|
|
430
|
-
.pf-v6-c-back-to-top {
|
|
431
|
-
position: absolute;
|
|
432
|
-
inset-block-end: var(--pf-v6-c-back-to-top--InsetBlockEnd);
|
|
433
|
-
inset-inline-end: var(--pf-v6-c-back-to-top--InsetInlineEnd);
|
|
434
|
-
}
|
|
435
|
-
|
|
436
|
-
.pf-v6-c-back-to-top.pf-m-hidden {
|
|
437
|
-
display: none;
|
|
438
|
-
}
|
|
439
|
-
|
|
440
|
-
.pf-v6-c-back-to-top .pf-v6-c-button {
|
|
441
|
-
--pf-v6-c-button--FontSize: var(--pf-v6-c-back-to-top--c-button--FontSize);
|
|
442
|
-
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-back-to-top--c-button--PaddingBlockStart);
|
|
443
|
-
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-back-to-top--c-button--PaddingInlineEnd);
|
|
444
|
-
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-back-to-top--c-button--PaddingBlockEnd);
|
|
445
|
-
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-back-to-top--c-button--PaddingInlineStart);
|
|
446
|
-
box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
|
|
447
|
-
}
|
|
448
|
-
|
|
449
413
|
:where(:root, .pf-v6-c-avatar) {
|
|
450
414
|
--pf-v6-c-avatar--BorderColor: transparent;
|
|
451
415
|
--pf-v6-c-avatar--BorderWidth: 0;
|
|
@@ -696,6 +660,42 @@
|
|
|
696
660
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
|
|
697
661
|
}
|
|
698
662
|
}
|
|
663
|
+
:where(:root, .pf-v6-c-back-to-top) {
|
|
664
|
+
--pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
665
|
+
--pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
|
|
666
|
+
--pf-v6-c-back-to-top--md--InsetBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
667
|
+
--pf-v6-c-back-to-top--c-button--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
668
|
+
--pf-v6-c-back-to-top--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
669
|
+
--pf-v6-c-back-to-top--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
670
|
+
--pf-v6-c-back-to-top--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
671
|
+
--pf-v6-c-back-to-top--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
672
|
+
--pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
@media (min-width: 48rem) {
|
|
676
|
+
:where(:root, .pf-v6-c-back-to-top) {
|
|
677
|
+
--pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
|
|
678
|
+
}
|
|
679
|
+
}
|
|
680
|
+
.pf-v6-c-back-to-top {
|
|
681
|
+
position: absolute;
|
|
682
|
+
inset-block-end: var(--pf-v6-c-back-to-top--InsetBlockEnd);
|
|
683
|
+
inset-inline-end: var(--pf-v6-c-back-to-top--InsetInlineEnd);
|
|
684
|
+
}
|
|
685
|
+
|
|
686
|
+
.pf-v6-c-back-to-top.pf-m-hidden {
|
|
687
|
+
display: none;
|
|
688
|
+
}
|
|
689
|
+
|
|
690
|
+
.pf-v6-c-back-to-top .pf-v6-c-button {
|
|
691
|
+
--pf-v6-c-button--FontSize: var(--pf-v6-c-back-to-top--c-button--FontSize);
|
|
692
|
+
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-back-to-top--c-button--PaddingBlockStart);
|
|
693
|
+
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-back-to-top--c-button--PaddingInlineEnd);
|
|
694
|
+
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-back-to-top--c-button--PaddingBlockEnd);
|
|
695
|
+
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-back-to-top--c-button--PaddingInlineStart);
|
|
696
|
+
box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
|
|
697
|
+
}
|
|
698
|
+
|
|
699
699
|
:where(:root, .pf-v6-c-backdrop) {
|
|
700
700
|
--pf-v6-c-backdrop--Position: fixed;
|
|
701
701
|
--pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
|
|
@@ -716,6 +716,34 @@
|
|
|
716
716
|
overflow: hidden;
|
|
717
717
|
}
|
|
718
718
|
|
|
719
|
+
:where(:root, .pf-v6-c-background-image) {
|
|
720
|
+
--pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
721
|
+
--pf-v6-c-background-image--BackgroundImage: none;
|
|
722
|
+
--pf-v6-c-background-image--BackgroundSize--min-width: 200px;
|
|
723
|
+
--pf-v6-c-background-image--BackgroundSize--width: 60%;
|
|
724
|
+
--pf-v6-c-background-image--BackgroundSize--max-width: 600px;
|
|
725
|
+
--pf-v6-c-background-image--BackgroundSize: clamp(var(--pf-v6-c-background-image--BackgroundSize--min-width), var(--pf-v6-c-background-image--BackgroundSize--width), var(--pf-v6-c-background-image--BackgroundSize--max-width));
|
|
726
|
+
}
|
|
727
|
+
|
|
728
|
+
.pf-v6-c-background-image {
|
|
729
|
+
--pf-v6-c-background-image--BackgroundPosition: bottom right;
|
|
730
|
+
position: fixed;
|
|
731
|
+
inset-block-start: 0;
|
|
732
|
+
inset-inline-start: 0;
|
|
733
|
+
z-index: -1;
|
|
734
|
+
width: 100%;
|
|
735
|
+
height: 100%;
|
|
736
|
+
background-color: var(--pf-v6-c-background-image--BackgroundColor);
|
|
737
|
+
background-image: var(--pf-v6-c-background-image--BackgroundImage);
|
|
738
|
+
background-repeat: no-repeat;
|
|
739
|
+
background-position: var(--pf-v6-c-background-image--BackgroundPosition);
|
|
740
|
+
background-size: var(--pf-v6-c-background-image--BackgroundSize);
|
|
741
|
+
}
|
|
742
|
+
|
|
743
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
|
|
744
|
+
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
|
745
|
+
}
|
|
746
|
+
|
|
719
747
|
:where(:root, .pf-v6-c-badge) {
|
|
720
748
|
--pf-v6-c-badge--BorderColor: transparent;
|
|
721
749
|
--pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
@@ -789,34 +817,6 @@
|
|
|
789
817
|
color: var(--pf-v6-c-badge__toggle-icon--Color);
|
|
790
818
|
}
|
|
791
819
|
|
|
792
|
-
:where(:root, .pf-v6-c-background-image) {
|
|
793
|
-
--pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
794
|
-
--pf-v6-c-background-image--BackgroundImage: none;
|
|
795
|
-
--pf-v6-c-background-image--BackgroundSize--min-width: 200px;
|
|
796
|
-
--pf-v6-c-background-image--BackgroundSize--width: 60%;
|
|
797
|
-
--pf-v6-c-background-image--BackgroundSize--max-width: 600px;
|
|
798
|
-
--pf-v6-c-background-image--BackgroundSize: clamp(var(--pf-v6-c-background-image--BackgroundSize--min-width), var(--pf-v6-c-background-image--BackgroundSize--width), var(--pf-v6-c-background-image--BackgroundSize--max-width));
|
|
799
|
-
}
|
|
800
|
-
|
|
801
|
-
.pf-v6-c-background-image {
|
|
802
|
-
--pf-v6-c-background-image--BackgroundPosition: bottom right;
|
|
803
|
-
position: fixed;
|
|
804
|
-
inset-block-start: 0;
|
|
805
|
-
inset-inline-start: 0;
|
|
806
|
-
z-index: -1;
|
|
807
|
-
width: 100%;
|
|
808
|
-
height: 100%;
|
|
809
|
-
background-color: var(--pf-v6-c-background-image--BackgroundColor);
|
|
810
|
-
background-image: var(--pf-v6-c-background-image--BackgroundImage);
|
|
811
|
-
background-repeat: no-repeat;
|
|
812
|
-
background-position: var(--pf-v6-c-background-image--BackgroundPosition);
|
|
813
|
-
background-size: var(--pf-v6-c-background-image--BackgroundSize);
|
|
814
|
-
}
|
|
815
|
-
|
|
816
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
|
|
817
|
-
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
|
818
|
-
}
|
|
819
|
-
|
|
820
820
|
:where(:root, .pf-v6-c-banner) {
|
|
821
821
|
--pf-v6-c-banner--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
822
822
|
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -1053,121 +1053,6 @@
|
|
|
1053
1053
|
max-width: 100%;
|
|
1054
1054
|
}
|
|
1055
1055
|
|
|
1056
|
-
:where(:root, .pf-v6-c-breadcrumb) {
|
|
1057
|
-
--pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
1058
|
-
--pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
1059
|
-
--pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
1060
|
-
--pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
|
|
1061
|
-
--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
1062
|
-
--pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
|
|
1063
|
-
--pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
1064
|
-
--pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
1065
|
-
--pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
|
|
1066
|
-
--pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
|
|
1067
|
-
--pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
1068
|
-
--pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
1069
|
-
--pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
1070
|
-
--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
1071
|
-
--pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
1072
|
-
--pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
|
|
1073
|
-
--pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
|
|
1074
|
-
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
1075
|
-
--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
1076
|
-
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
1077
|
-
--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
1078
|
-
}
|
|
1079
|
-
|
|
1080
|
-
.pf-v6-c-breadcrumb {
|
|
1081
|
-
display: inline-flex;
|
|
1082
|
-
}
|
|
1083
|
-
|
|
1084
|
-
.pf-v6-c-breadcrumb__list {
|
|
1085
|
-
display: flex;
|
|
1086
|
-
flex-wrap: wrap;
|
|
1087
|
-
align-items: center;
|
|
1088
|
-
}
|
|
1089
|
-
|
|
1090
|
-
.pf-v6-c-breadcrumb__item {
|
|
1091
|
-
display: flex;
|
|
1092
|
-
align-items: baseline;
|
|
1093
|
-
font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
|
|
1094
|
-
font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
|
|
1095
|
-
line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
|
|
1096
|
-
white-space: nowrap;
|
|
1097
|
-
list-style: none;
|
|
1098
|
-
}
|
|
1099
|
-
|
|
1100
|
-
.pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
|
|
1101
|
-
--pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
|
|
1102
|
-
}
|
|
1103
|
-
|
|
1104
|
-
.pf-v6-c-breadcrumb__item:not(:last-child) {
|
|
1105
|
-
margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
|
|
1106
|
-
}
|
|
1107
|
-
|
|
1108
|
-
.pf-v6-c-breadcrumb__item-divider {
|
|
1109
|
-
margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
|
|
1110
|
-
font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
|
|
1111
|
-
line-height: 1;
|
|
1112
|
-
color: var(--pf-v6-c-breadcrumb__item-divider--Color);
|
|
1113
|
-
}
|
|
1114
|
-
|
|
1115
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
|
|
1116
|
-
scale: -1 1;
|
|
1117
|
-
}
|
|
1118
|
-
|
|
1119
|
-
.pf-v6-c-breadcrumb__link {
|
|
1120
|
-
padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
|
|
1121
|
-
padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
|
|
1122
|
-
font-size: inherit;
|
|
1123
|
-
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
1124
|
-
line-height: inherit;
|
|
1125
|
-
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
1126
|
-
text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
1127
|
-
word-break: break-word;
|
|
1128
|
-
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
1129
|
-
}
|
|
1130
|
-
|
|
1131
|
-
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
1132
|
-
--pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
|
|
1133
|
-
--pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
|
|
1134
|
-
--pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
|
|
1135
|
-
}
|
|
1136
|
-
|
|
1137
|
-
.pf-v6-c-breadcrumb__link.pf-m-current {
|
|
1138
|
-
cursor: default;
|
|
1139
|
-
}
|
|
1140
|
-
|
|
1141
|
-
.pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
|
|
1142
|
-
color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
|
|
1143
|
-
text-decoration: none;
|
|
1144
|
-
}
|
|
1145
|
-
|
|
1146
|
-
button.pf-v6-c-breadcrumb__link {
|
|
1147
|
-
border: none;
|
|
1148
|
-
}
|
|
1149
|
-
|
|
1150
|
-
.pf-v6-c-breadcrumb__dropdown {
|
|
1151
|
-
margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
|
|
1152
|
-
margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
|
|
1153
|
-
margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
|
|
1154
|
-
margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
|
|
1155
|
-
}
|
|
1156
|
-
|
|
1157
|
-
.pf-v6-c-breadcrumb__heading {
|
|
1158
|
-
display: inline;
|
|
1159
|
-
font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
|
|
1160
|
-
}
|
|
1161
|
-
|
|
1162
|
-
.pf-v6-c-breadcrumb__link,
|
|
1163
|
-
.pf-v6-c-breadcrumb__heading {
|
|
1164
|
-
white-space: normal;
|
|
1165
|
-
}
|
|
1166
|
-
|
|
1167
|
-
.pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
|
|
1168
|
-
display: none;
|
|
1169
|
-
}
|
|
1170
|
-
|
|
1171
1056
|
:where(:root, .pf-v6-c-button) {
|
|
1172
1057
|
--pf-v6-c-button--Display: inline-flex;
|
|
1173
1058
|
--pf-v6-c-button--AlignItems: baseline;
|
|
@@ -2044,6 +1929,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2044
1929
|
--pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
|
|
2045
1930
|
--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
|
|
2046
1931
|
--pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
|
|
1932
|
+
--pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
1933
|
+
--pf-v6-c-card--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
2047
1934
|
--pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
2048
1935
|
--pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
2049
1936
|
--pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
@@ -2116,26 +2003,29 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2116
2003
|
border: none;
|
|
2117
2004
|
}
|
|
2118
2005
|
|
|
2119
|
-
.pf-v6-c-card.pf-m-
|
|
2120
|
-
|
|
2006
|
+
.pf-v6-c-card.pf-m-current {
|
|
2007
|
+
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
|
|
2008
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-clickable--m-current--BorderWidth);
|
|
2009
|
+
--pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
|
|
2010
|
+
--pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
|
|
2011
|
+
}
|
|
2012
|
+
|
|
2013
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
|
|
2121
2014
|
position: unset;
|
|
2122
2015
|
}
|
|
2123
2016
|
|
|
2124
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__label::before
|
|
2125
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__label::before {
|
|
2017
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)::before {
|
|
2126
2018
|
position: absolute;
|
|
2127
2019
|
inset: 0;
|
|
2128
2020
|
cursor: pointer;
|
|
2129
2021
|
}
|
|
2130
2022
|
|
|
2131
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:focus-visible) ~ .pf-v6-c-check__label,
|
|
2132
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:focus-visible) ~ .pf-v6-c-radio__label {
|
|
2023
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:focus-visible) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
|
|
2133
2024
|
--pf-v6-c-card--BackgroundColor: revert;
|
|
2134
2025
|
--pf-v6-c-card--BorderColor: revert;
|
|
2135
2026
|
}
|
|
2136
2027
|
|
|
2137
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:checked) ~ .pf-v6-c-check__label,
|
|
2138
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:checked) ~ .pf-v6-c-radio__label, .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-selected {
|
|
2028
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-selected {
|
|
2139
2029
|
--pf-v6-c-card--BorderColor: revert;
|
|
2140
2030
|
--pf-v6-c-card--m-selectable--BorderWidth: revert;
|
|
2141
2031
|
}
|
|
@@ -2145,8 +2035,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2145
2035
|
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth);
|
|
2146
2036
|
}
|
|
2147
2037
|
|
|
2148
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:disabled) ~ .pf-v6-c-check__label,
|
|
2149
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:disabled) ~ .pf-v6-c-radio__label, .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
|
|
2038
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
|
|
2150
2039
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor);
|
|
2151
2040
|
}
|
|
2152
2041
|
|
|
@@ -2269,16 +2158,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2269
2158
|
--pf-v6-c-card__actions--MarginBlockEnd: 0;
|
|
2270
2159
|
}
|
|
2271
2160
|
|
|
2272
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-check__label,
|
|
2273
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-radio__label {
|
|
2161
|
+
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action) {
|
|
2274
2162
|
position: absolute;
|
|
2275
2163
|
inset: 0;
|
|
2276
2164
|
justify-self: auto;
|
|
2277
2165
|
cursor: pointer;
|
|
2278
2166
|
}
|
|
2279
2167
|
|
|
2280
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-check__label::before
|
|
2281
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-radio__label::before {
|
|
2168
|
+
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action)::before {
|
|
2282
2169
|
position: absolute;
|
|
2283
2170
|
inset: 0;
|
|
2284
2171
|
z-index: -1;
|
|
@@ -2288,32 +2175,28 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2288
2175
|
border-radius: var(--pf-v6-c-card--BorderRadius);
|
|
2289
2176
|
}
|
|
2290
2177
|
|
|
2291
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-check__label:hover
|
|
2292
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-radio__label:hover {
|
|
2178
|
+
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action):hover {
|
|
2293
2179
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--hover--BorderColor);
|
|
2294
2180
|
}
|
|
2295
2181
|
|
|
2296
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:checked) ~ .pf-v6-c-check__label,
|
|
2297
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:checked) ~ .pf-v6-c-radio__label,
|
|
2182
|
+
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-radio__label, .pf-v6-c-check__label),
|
|
2298
2183
|
.pf-v6-c-card.pf-m-selected {
|
|
2299
2184
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-selected--BorderColor);
|
|
2300
2185
|
--pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--m-selectable--m-selected--BorderWidth);
|
|
2301
2186
|
}
|
|
2302
2187
|
|
|
2303
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-
|
|
2304
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:focus-visible) ~ .pf-v6-c-radio__label {
|
|
2188
|
+
.pf-v6-c-card__selectable-actions .pf-v6-c-card__clickable-action:where(:focus-visible),
|
|
2189
|
+
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input, .pf-v6-c-card__clickable-action):where(:focus-visible) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
|
|
2305
2190
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--focus--BorderColor);
|
|
2306
2191
|
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--focus--BorderWidth);
|
|
2307
2192
|
}
|
|
2308
2193
|
|
|
2309
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:focus-visible):where(:checked) ~ .pf-v6-c-check__label,
|
|
2310
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:focus-visible):where(:checked) ~ .pf-v6-c-radio__label {
|
|
2194
|
+
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:focus-visible):where(:checked) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
|
|
2311
2195
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-selected--focus--BorderColor);
|
|
2312
2196
|
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-selected--focus--BorderWidth);
|
|
2313
2197
|
}
|
|
2314
2198
|
|
|
2315
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:disabled) ~ .pf-v6-c-check__label,
|
|
2316
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:disabled) ~ .pf-v6-c-radio__label,
|
|
2199
|
+
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label),
|
|
2317
2200
|
.pf-v6-c-card.pf-m-disabled {
|
|
2318
2201
|
--pf-v6-c-card__title-text--Color: var(--pf-v6-c-card--m-selectable--m-disabled__title-text--Color);
|
|
2319
2202
|
--pf-v6-c-card__body--Color: var(--pf-v6-c-card--m-selectable--m-disabled__body--Color);
|
|
@@ -2322,6 +2205,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2322
2205
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-disabled--BorderColor);
|
|
2323
2206
|
}
|
|
2324
2207
|
|
|
2208
|
+
.pf-v6-c-card__clickable-action {
|
|
2209
|
+
background: none;
|
|
2210
|
+
border: 0;
|
|
2211
|
+
outline: 0;
|
|
2212
|
+
}
|
|
2213
|
+
|
|
2214
|
+
.pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
|
|
2215
|
+
pointer-events: none;
|
|
2216
|
+
}
|
|
2217
|
+
|
|
2325
2218
|
.pf-v6-c-card__header,
|
|
2326
2219
|
.pf-v6-c-card__title,
|
|
2327
2220
|
.pf-v6-c-card__body,
|
|
@@ -2366,140 +2259,119 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2366
2259
|
color: var(--pf-v6-c-card__footer--Color);
|
|
2367
2260
|
}
|
|
2368
2261
|
|
|
2369
|
-
:where(:root, .pf-v6-c-
|
|
2370
|
-
--pf-v6-c-
|
|
2371
|
-
--pf-v6-c-
|
|
2372
|
-
--pf-v6-c-
|
|
2373
|
-
--pf-v6-c-
|
|
2374
|
-
--pf-v6-c-
|
|
2375
|
-
--pf-v6-c-
|
|
2376
|
-
--pf-v6-c-
|
|
2377
|
-
--pf-v6-c-
|
|
2378
|
-
--pf-v6-c-
|
|
2379
|
-
--pf-v6-c-
|
|
2380
|
-
--pf-v6-c-
|
|
2381
|
-
--pf-v6-c-
|
|
2382
|
-
--pf-v6-c-
|
|
2383
|
-
--pf-v6-c-
|
|
2384
|
-
|
|
2385
|
-
|
|
2386
|
-
|
|
2387
|
-
|
|
2388
|
-
|
|
2389
|
-
|
|
2390
|
-
|
|
2391
|
-
}
|
|
2392
|
-
|
|
2393
|
-
.pf-v6-c-check.pf-m-standalone {
|
|
2394
|
-
display: inline-grid;
|
|
2395
|
-
grid-template-columns: auto;
|
|
2396
|
-
min-height: var(--pf-v6-c-check--MinHeight);
|
|
2262
|
+
:where(:root, .pf-v6-c-breadcrumb) {
|
|
2263
|
+
--pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
2264
|
+
--pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
2265
|
+
--pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
2266
|
+
--pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
|
|
2267
|
+
--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
2268
|
+
--pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
|
|
2269
|
+
--pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
2270
|
+
--pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
2271
|
+
--pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
|
|
2272
|
+
--pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
|
|
2273
|
+
--pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
2274
|
+
--pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
2275
|
+
--pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
2276
|
+
--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
2277
|
+
--pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
2278
|
+
--pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
|
|
2279
|
+
--pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
|
|
2280
|
+
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
2281
|
+
--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
2282
|
+
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
2283
|
+
--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
2397
2284
|
}
|
|
2398
2285
|
|
|
2399
|
-
.pf-v6-c-
|
|
2400
|
-
|
|
2401
|
-
transform: none;
|
|
2286
|
+
.pf-v6-c-breadcrumb {
|
|
2287
|
+
display: inline-flex;
|
|
2402
2288
|
}
|
|
2403
2289
|
|
|
2404
|
-
.pf-v6-c-
|
|
2405
|
-
|
|
2406
|
-
|
|
2407
|
-
|
|
2408
|
-
transform: translateY(var(--pf-v6-c-check__input--TranslateY));
|
|
2290
|
+
.pf-v6-c-breadcrumb__list {
|
|
2291
|
+
display: flex;
|
|
2292
|
+
flex-wrap: wrap;
|
|
2293
|
+
align-items: center;
|
|
2409
2294
|
}
|
|
2410
2295
|
|
|
2411
|
-
.pf-v6-c-
|
|
2412
|
-
|
|
2413
|
-
|
|
2414
|
-
|
|
2415
|
-
|
|
2296
|
+
.pf-v6-c-breadcrumb__item {
|
|
2297
|
+
display: flex;
|
|
2298
|
+
align-items: baseline;
|
|
2299
|
+
font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
|
|
2300
|
+
font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
|
|
2301
|
+
line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
|
|
2302
|
+
white-space: nowrap;
|
|
2303
|
+
list-style: none;
|
|
2416
2304
|
}
|
|
2417
2305
|
|
|
2418
|
-
.pf-v6-c-
|
|
2419
|
-
|
|
2420
|
-
font-size: var(--pf-v6-c-check__description--FontSize);
|
|
2421
|
-
color: var(--pf-v6-c-check__description--Color);
|
|
2306
|
+
.pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
|
|
2307
|
+
--pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
|
|
2422
2308
|
}
|
|
2423
2309
|
|
|
2424
|
-
.pf-v6-c-
|
|
2425
|
-
|
|
2310
|
+
.pf-v6-c-breadcrumb__item:not(:last-child) {
|
|
2311
|
+
margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
|
|
2426
2312
|
}
|
|
2427
2313
|
|
|
2428
|
-
.pf-v6-c-
|
|
2429
|
-
|
|
2430
|
-
|
|
2314
|
+
.pf-v6-c-breadcrumb__item-divider {
|
|
2315
|
+
margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
|
|
2316
|
+
font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
|
|
2317
|
+
line-height: 1;
|
|
2318
|
+
color: var(--pf-v6-c-breadcrumb__item-divider--Color);
|
|
2431
2319
|
}
|
|
2432
2320
|
|
|
2433
|
-
|
|
2434
|
-
|
|
2435
|
-
cursor: pointer;
|
|
2321
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
|
|
2322
|
+
scale: -1 1;
|
|
2436
2323
|
}
|
|
2437
2324
|
|
|
2438
|
-
.pf-v6-c-
|
|
2439
|
-
|
|
2440
|
-
|
|
2441
|
-
|
|
2442
|
-
|
|
2325
|
+
.pf-v6-c-breadcrumb__link {
|
|
2326
|
+
padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
|
|
2327
|
+
padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
|
|
2328
|
+
font-size: inherit;
|
|
2329
|
+
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
2330
|
+
line-height: inherit;
|
|
2331
|
+
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
2332
|
+
text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
2333
|
+
word-break: break-word;
|
|
2334
|
+
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
2443
2335
|
}
|
|
2444
2336
|
|
|
2445
|
-
.pf-v6-c-
|
|
2446
|
-
|
|
2447
|
-
|
|
2448
|
-
|
|
2337
|
+
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
2338
|
+
--pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
|
|
2339
|
+
--pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
|
|
2340
|
+
--pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
|
|
2449
2341
|
}
|
|
2450
2342
|
|
|
2451
|
-
|
|
2452
|
-
|
|
2453
|
-
--pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
2454
|
-
--pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
2455
|
-
--pf-v6-c-code-block__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
2456
|
-
--pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
2457
|
-
--pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
2458
|
-
--pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
2459
|
-
--pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
2460
|
-
--pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
2461
|
-
--pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
2462
|
-
--pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2463
|
-
--pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
2464
|
-
--pf-v6-c-code-block__pre--FontFamily: var(--pf-t--global--font--family--mono);
|
|
2465
|
-
--pf-v6-c-code-block__pre--FontSize: var(--pf-t--global--font--size--xs);
|
|
2343
|
+
.pf-v6-c-breadcrumb__link.pf-m-current {
|
|
2344
|
+
cursor: default;
|
|
2466
2345
|
}
|
|
2467
2346
|
|
|
2468
|
-
.pf-v6-c-
|
|
2469
|
-
|
|
2470
|
-
|
|
2347
|
+
.pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
|
|
2348
|
+
color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
|
|
2349
|
+
text-decoration: none;
|
|
2471
2350
|
}
|
|
2472
2351
|
|
|
2473
|
-
.pf-v6-c-
|
|
2474
|
-
|
|
2475
|
-
padding-block-start: var(--pf-v6-c-code-block__header--PaddingBlockStart);
|
|
2476
|
-
padding-block-end: var(--pf-v6-c-code-block__header--PaddingBlockEnd);
|
|
2477
|
-
padding-inline-start: var(--pf-v6-c-code-block__header--PaddingInlineStart);
|
|
2478
|
-
padding-inline-end: var(--pf-v6-c-code-block__header--PaddingInlineEnd);
|
|
2479
|
-
border-block-end: var(--pf-v6-c-code-block__header--BorderBlockEndWidth) solid var(--pf-v6-c-code-block__header--BorderBlockEndColor);
|
|
2352
|
+
button.pf-v6-c-breadcrumb__link {
|
|
2353
|
+
border: none;
|
|
2480
2354
|
}
|
|
2481
2355
|
|
|
2482
|
-
.pf-v6-c-
|
|
2483
|
-
|
|
2484
|
-
margin-
|
|
2356
|
+
.pf-v6-c-breadcrumb__dropdown {
|
|
2357
|
+
margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
|
|
2358
|
+
margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
|
|
2359
|
+
margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
|
|
2360
|
+
margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
|
|
2485
2361
|
}
|
|
2486
2362
|
|
|
2487
|
-
.pf-v6-c-
|
|
2488
|
-
|
|
2489
|
-
|
|
2490
|
-
padding-inline-start: var(--pf-v6-c-code-block__content--PaddingInlineStart);
|
|
2491
|
-
padding-inline-end: var(--pf-v6-c-code-block__content--PaddingInlineEnd);
|
|
2363
|
+
.pf-v6-c-breadcrumb__heading {
|
|
2364
|
+
display: inline;
|
|
2365
|
+
font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
|
|
2492
2366
|
}
|
|
2493
2367
|
|
|
2494
|
-
.pf-v6-c-
|
|
2495
|
-
|
|
2496
|
-
|
|
2497
|
-
overflow-wrap: break-word;
|
|
2498
|
-
white-space: pre-wrap;
|
|
2368
|
+
.pf-v6-c-breadcrumb__link,
|
|
2369
|
+
.pf-v6-c-breadcrumb__heading {
|
|
2370
|
+
white-space: normal;
|
|
2499
2371
|
}
|
|
2500
2372
|
|
|
2501
|
-
.pf-v6-c-
|
|
2502
|
-
|
|
2373
|
+
.pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
|
|
2374
|
+
display: none;
|
|
2503
2375
|
}
|
|
2504
2376
|
|
|
2505
2377
|
:where(:root, .pf-v6-c-clipboard-copy) {
|
|
@@ -2606,83 +2478,226 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2606
2478
|
--pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
|
|
2607
2479
|
}
|
|
2608
2480
|
|
|
2609
|
-
:where(:root, .pf-v6-c-
|
|
2610
|
-
--pf-v6-c-
|
|
2611
|
-
--pf-v6-c-
|
|
2612
|
-
--pf-v6-c-
|
|
2613
|
-
--pf-v6-c-
|
|
2614
|
-
--pf-v6-c-
|
|
2615
|
-
--pf-v6-c-
|
|
2616
|
-
--pf-v6-c-
|
|
2617
|
-
--pf-v6-c-
|
|
2618
|
-
--pf-v6-c-
|
|
2619
|
-
--pf-v6-c-
|
|
2620
|
-
--pf-v6-c-
|
|
2621
|
-
--pf-v6-c-
|
|
2622
|
-
--pf-v6-c-
|
|
2623
|
-
--pf-v6-c-
|
|
2624
|
-
|
|
2625
|
-
|
|
2626
|
-
|
|
2627
|
-
|
|
2628
|
-
|
|
2629
|
-
|
|
2630
|
-
|
|
2631
|
-
|
|
2632
|
-
|
|
2633
|
-
|
|
2634
|
-
|
|
2635
|
-
|
|
2636
|
-
|
|
2637
|
-
--pf-v6-c-
|
|
2638
|
-
|
|
2639
|
-
|
|
2640
|
-
|
|
2641
|
-
|
|
2642
|
-
|
|
2643
|
-
|
|
2644
|
-
|
|
2645
|
-
|
|
2646
|
-
|
|
2647
|
-
|
|
2648
|
-
|
|
2649
|
-
|
|
2650
|
-
|
|
2651
|
-
|
|
2652
|
-
|
|
2653
|
-
|
|
2654
|
-
|
|
2655
|
-
|
|
2656
|
-
|
|
2657
|
-
|
|
2658
|
-
|
|
2659
|
-
|
|
2660
|
-
--pf-v6-c-
|
|
2661
|
-
|
|
2662
|
-
|
|
2663
|
-
|
|
2664
|
-
--pf-v6-c-
|
|
2665
|
-
--pf-v6-c-
|
|
2666
|
-
--pf-v6-c-
|
|
2667
|
-
--pf-v6-c-
|
|
2668
|
-
--pf-v6-c-
|
|
2669
|
-
--pf-v6-c-
|
|
2670
|
-
--pf-v6-c-
|
|
2671
|
-
--pf-v6-c-
|
|
2672
|
-
--pf-v6-c-
|
|
2673
|
-
--pf-v6-c-
|
|
2674
|
-
--pf-v6-c-
|
|
2675
|
-
|
|
2676
|
-
|
|
2677
|
-
|
|
2678
|
-
|
|
2679
|
-
|
|
2680
|
-
|
|
2681
|
-
|
|
2682
|
-
|
|
2683
|
-
:
|
|
2684
|
-
color: var(--pf-v6-c-
|
|
2685
|
-
|
|
2481
|
+
:where(:root, .pf-v6-c-code-block) {
|
|
2482
|
+
--pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2483
|
+
--pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
2484
|
+
--pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
2485
|
+
--pf-v6-c-code-block__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
2486
|
+
--pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
2487
|
+
--pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
2488
|
+
--pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
2489
|
+
--pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
2490
|
+
--pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
2491
|
+
--pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
2492
|
+
--pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2493
|
+
--pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
2494
|
+
--pf-v6-c-code-block__pre--FontFamily: var(--pf-t--global--font--family--mono);
|
|
2495
|
+
--pf-v6-c-code-block__pre--FontSize: var(--pf-t--global--font--size--xs);
|
|
2496
|
+
}
|
|
2497
|
+
|
|
2498
|
+
.pf-v6-c-code-block {
|
|
2499
|
+
background-color: var(--pf-v6-c-code-block--BackgroundColor);
|
|
2500
|
+
border-radius: var(--pf-v6-c-code-block--BorderRadius);
|
|
2501
|
+
}
|
|
2502
|
+
|
|
2503
|
+
.pf-v6-c-code-block__header {
|
|
2504
|
+
display: flex;
|
|
2505
|
+
padding-block-start: var(--pf-v6-c-code-block__header--PaddingBlockStart);
|
|
2506
|
+
padding-block-end: var(--pf-v6-c-code-block__header--PaddingBlockEnd);
|
|
2507
|
+
padding-inline-start: var(--pf-v6-c-code-block__header--PaddingInlineStart);
|
|
2508
|
+
padding-inline-end: var(--pf-v6-c-code-block__header--PaddingInlineEnd);
|
|
2509
|
+
border-block-end: var(--pf-v6-c-code-block__header--BorderBlockEndWidth) solid var(--pf-v6-c-code-block__header--BorderBlockEndColor);
|
|
2510
|
+
}
|
|
2511
|
+
|
|
2512
|
+
.pf-v6-c-code-block__actions {
|
|
2513
|
+
display: flex;
|
|
2514
|
+
margin-inline-start: auto;
|
|
2515
|
+
}
|
|
2516
|
+
|
|
2517
|
+
.pf-v6-c-code-block__content {
|
|
2518
|
+
padding-block-start: var(--pf-v6-c-code-block__content--PaddingBlockStart);
|
|
2519
|
+
padding-block-end: var(--pf-v6-c-code-block__content--PaddingBlockEnd);
|
|
2520
|
+
padding-inline-start: var(--pf-v6-c-code-block__content--PaddingInlineStart);
|
|
2521
|
+
padding-inline-end: var(--pf-v6-c-code-block__content--PaddingInlineEnd);
|
|
2522
|
+
}
|
|
2523
|
+
|
|
2524
|
+
.pf-v6-c-code-block__pre {
|
|
2525
|
+
font-family: var(--pf-v6-c-code-block__pre--FontFamily);
|
|
2526
|
+
font-size: var(--pf-v6-c-code-block__pre--FontSize);
|
|
2527
|
+
overflow-wrap: break-word;
|
|
2528
|
+
white-space: pre-wrap;
|
|
2529
|
+
}
|
|
2530
|
+
|
|
2531
|
+
.pf-v6-c-code-block__code {
|
|
2532
|
+
font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
|
|
2533
|
+
}
|
|
2534
|
+
|
|
2535
|
+
:where(:root, .pf-v6-c-check) {
|
|
2536
|
+
--pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
2537
|
+
--pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
|
|
2538
|
+
--pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
|
|
2539
|
+
--pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
2540
|
+
--pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
|
|
2541
|
+
--pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
2542
|
+
--pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
2543
|
+
--pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
2544
|
+
--pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
2545
|
+
--pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
|
|
2546
|
+
--pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
2547
|
+
--pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
2548
|
+
--pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
|
|
2549
|
+
--pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
|
|
2550
|
+
}
|
|
2551
|
+
|
|
2552
|
+
.pf-v6-c-check {
|
|
2553
|
+
display: grid;
|
|
2554
|
+
grid-template-columns: auto 1fr;
|
|
2555
|
+
grid-gap: var(--pf-v6-c-check--GridGap);
|
|
2556
|
+
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
2557
|
+
}
|
|
2558
|
+
|
|
2559
|
+
.pf-v6-c-check.pf-m-standalone {
|
|
2560
|
+
display: inline-grid;
|
|
2561
|
+
grid-template-columns: auto;
|
|
2562
|
+
min-height: var(--pf-v6-c-check--MinHeight);
|
|
2563
|
+
}
|
|
2564
|
+
|
|
2565
|
+
.pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
|
|
2566
|
+
align-self: center;
|
|
2567
|
+
transform: none;
|
|
2568
|
+
}
|
|
2569
|
+
|
|
2570
|
+
.pf-v6-c-check__input {
|
|
2571
|
+
align-self: start;
|
|
2572
|
+
font-size: var(--pf-v6-c-check__label--FontSize);
|
|
2573
|
+
line-height: var(--pf-v6-c-check__label--LineHeight);
|
|
2574
|
+
transform: translateY(var(--pf-v6-c-check__input--TranslateY));
|
|
2575
|
+
}
|
|
2576
|
+
|
|
2577
|
+
.pf-v6-c-check__label {
|
|
2578
|
+
font-size: var(--pf-v6-c-check__label--FontSize);
|
|
2579
|
+
font-weight: var(--pf-v6-c-check__label--FontWeight);
|
|
2580
|
+
line-height: var(--pf-v6-c-check__label--LineHeight);
|
|
2581
|
+
color: var(--pf-v6-c-check__label--Color);
|
|
2582
|
+
}
|
|
2583
|
+
|
|
2584
|
+
.pf-v6-c-check__description {
|
|
2585
|
+
grid-column: 2;
|
|
2586
|
+
font-size: var(--pf-v6-c-check__description--FontSize);
|
|
2587
|
+
color: var(--pf-v6-c-check__description--Color);
|
|
2588
|
+
}
|
|
2589
|
+
|
|
2590
|
+
.pf-v6-c-check__body {
|
|
2591
|
+
grid-column: 2;
|
|
2592
|
+
}
|
|
2593
|
+
|
|
2594
|
+
.pf-v6-c-check__label,
|
|
2595
|
+
.pf-v6-c-check__input {
|
|
2596
|
+
justify-self: start;
|
|
2597
|
+
}
|
|
2598
|
+
|
|
2599
|
+
label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
2600
|
+
.pf-v6-c-check__input {
|
|
2601
|
+
cursor: pointer;
|
|
2602
|
+
}
|
|
2603
|
+
|
|
2604
|
+
.pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
|
|
2605
|
+
.pf-v6-c-check__input:disabled,
|
|
2606
|
+
.pf-v6-c-check__input.pf-m-disabled {
|
|
2607
|
+
--pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
|
|
2608
|
+
cursor: not-allowed;
|
|
2609
|
+
}
|
|
2610
|
+
|
|
2611
|
+
.pf-v6-c-check__label-required {
|
|
2612
|
+
margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
|
|
2613
|
+
font-size: var(--pf-v6-c-check__label-required--FontSize);
|
|
2614
|
+
color: var(--pf-v6-c-check__label-required--Color);
|
|
2615
|
+
}
|
|
2616
|
+
|
|
2617
|
+
:where(:root, .pf-v6-c-content) {
|
|
2618
|
+
--pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
2619
|
+
--pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
2620
|
+
--pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
|
|
2621
|
+
--pf-v6-c-content--m-editorial--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
2622
|
+
--pf-v6-c-content--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
2623
|
+
--pf-v6-c-content--Color: var(--pf-t--global--text--color--regular);
|
|
2624
|
+
--pf-v6-c-content--heading--FontFamily: var(--pf-t--global--font--family--heading);
|
|
2625
|
+
--pf-v6-c-content--h1--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
2626
|
+
--pf-v6-c-content--h1--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
2627
|
+
--pf-v6-c-content--h1--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
2628
|
+
--pf-v6-c-content--h1--FontSize: var(--pf-t--global--font--size--heading--h1);
|
|
2629
|
+
--pf-v6-c-content--h1--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
2630
|
+
--pf-v6-c-content--h2--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
2631
|
+
--pf-v6-c-content--h2--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
2632
|
+
--pf-v6-c-content--h2--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
2633
|
+
--pf-v6-c-content--h2--FontSize: var(--pf-t--global--font--size--heading--h2);
|
|
2634
|
+
--pf-v6-c-content--h2--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
2635
|
+
--pf-v6-c-content--h3--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
2636
|
+
--pf-v6-c-content--h3--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
2637
|
+
--pf-v6-c-content--h3--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
2638
|
+
--pf-v6-c-content--h3--FontSize: var(--pf-t--global--font--size--heading--h3);
|
|
2639
|
+
--pf-v6-c-content--h3--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
2640
|
+
--pf-v6-c-content--h4--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
2641
|
+
--pf-v6-c-content--h4--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
2642
|
+
--pf-v6-c-content--h4--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
2643
|
+
--pf-v6-c-content--h4--FontSize: var(--pf-t--global--font--size--heading--h4);
|
|
2644
|
+
--pf-v6-c-content--h4--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
2645
|
+
--pf-v6-c-content--h5--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
2646
|
+
--pf-v6-c-content--h5--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
2647
|
+
--pf-v6-c-content--h5--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
2648
|
+
--pf-v6-c-content--h5--FontSize: var(--pf-t--global--font--size--heading--h5);
|
|
2649
|
+
--pf-v6-c-content--h5--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
2650
|
+
--pf-v6-c-content--h6--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
2651
|
+
--pf-v6-c-content--h6--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
2652
|
+
--pf-v6-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
2653
|
+
--pf-v6-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--h6);
|
|
2654
|
+
--pf-v6-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
2655
|
+
--pf-v6-c-content--small--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
2656
|
+
--pf-v6-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
2657
|
+
--pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
2658
|
+
--pf-v6-c-content--m-editorial--small--FontSize: var(--pf-t--global--font--size--body--default);
|
|
2659
|
+
--pf-v6-c-content--small--Color: var(--pf-t--global--text--color--subtle);
|
|
2660
|
+
--pf-v6-c-content--a--Color: var(--pf-t--global--text--color--link--default);
|
|
2661
|
+
--pf-v6-c-content--a--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
|
|
2662
|
+
--pf-v6-c-content--a--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
2663
|
+
--pf-v6-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
2664
|
+
--pf-v6-c-content--a--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
2665
|
+
--pf-v6-c-content--a--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
2666
|
+
--pf-v6-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
|
|
2667
|
+
--pf-v6-c-content--blockquote--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
2668
|
+
--pf-v6-c-content--blockquote--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
2669
|
+
--pf-v6-c-content--blockquote--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2670
|
+
--pf-v6-c-content--blockquote--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
2671
|
+
--pf-v6-c-content--blockquote--Color: var(--pf-t--global--text--color--subtle);
|
|
2672
|
+
--pf-v6-c-content--blockquote--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
2673
|
+
--pf-v6-c-content--blockquote--BorderInlineStartWidth: var(--pf-t--global--border--width--300);
|
|
2674
|
+
--pf-v6-c-content--list--Gap: var(--pf-t--global--spacer--sm);
|
|
2675
|
+
--pf-v6-c-content--list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
2676
|
+
--pf-v6-c-content--list--nested--MarginBlockStart: var(--pf-v6-c-content--list--Gap);
|
|
2677
|
+
--pf-v6-c-content--ul--ListStyle: var(--pf-t--global--list-style);
|
|
2678
|
+
--pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
|
|
2679
|
+
--pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
|
|
2680
|
+
--pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
2681
|
+
--pf-v6-c-content--dt--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
2682
|
+
--pf-v6-c-content--dt--sm--MarginBlockStart: 0;
|
|
2683
|
+
--pf-v6-c-content--hr--Height: var(--pf-t--global--border--width--divider--default);
|
|
2684
|
+
--pf-v6-c-content--hr--BackgroundColor: var(--pf-t--global--border--color--default);
|
|
2685
|
+
}
|
|
2686
|
+
|
|
2687
|
+
[class*=pf-v6-c-content] {
|
|
2688
|
+
font-size: var(--pf-v6-c-content--FontSize);
|
|
2689
|
+
line-height: var(--pf-v6-c-content--LineHeight);
|
|
2690
|
+
color: var(--pf-v6-c-content--Color);
|
|
2691
|
+
}
|
|
2692
|
+
|
|
2693
|
+
[class*=pf-v6-c-content].pf-m-editorial {
|
|
2694
|
+
--pf-v6-c-content--FontSize: var(--pf-v6-c-content--m-editorial--FontSize);
|
|
2695
|
+
--pf-v6-c-content--small--FontSize: var(--pf-v6-c-content--m-editorial--small--FontSize);
|
|
2696
|
+
}
|
|
2697
|
+
|
|
2698
|
+
:is(.pf-v6-c-content--a, .pf-v6-c-content a) {
|
|
2699
|
+
color: var(--pf-v6-c-content--a--Color);
|
|
2700
|
+
text-decoration: var(--pf-v6-c-content--a--TextDecorationLine) var(--pf-v6-c-content--a--TextDecorationStyle);
|
|
2686
2701
|
}
|
|
2687
2702
|
|
|
2688
2703
|
:is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus) {
|
|
@@ -6120,8 +6135,8 @@ ul) {
|
|
|
6120
6135
|
transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
|
|
6121
6136
|
}
|
|
6122
6137
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-info {
|
|
6138
|
+
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6123
6139
|
flex-direction: column;
|
|
6124
|
-
gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6125
6140
|
align-items: flex-start;
|
|
6126
6141
|
}
|
|
6127
6142
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label-main {
|
|
@@ -6148,8 +6163,8 @@ ul) {
|
|
|
6148
6163
|
transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
|
|
6149
6164
|
}
|
|
6150
6165
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-info {
|
|
6166
|
+
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6151
6167
|
flex-direction: column;
|
|
6152
|
-
gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6153
6168
|
align-items: flex-start;
|
|
6154
6169
|
}
|
|
6155
6170
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label-main {
|
|
@@ -6176,8 +6191,8 @@ ul) {
|
|
|
6176
6191
|
transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
|
|
6177
6192
|
}
|
|
6178
6193
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-info {
|
|
6194
|
+
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6179
6195
|
flex-direction: column;
|
|
6180
|
-
gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6181
6196
|
align-items: flex-start;
|
|
6182
6197
|
}
|
|
6183
6198
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label-main {
|
|
@@ -6204,8 +6219,8 @@ ul) {
|
|
|
6204
6219
|
transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
|
|
6205
6220
|
}
|
|
6206
6221
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-info {
|
|
6222
|
+
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6207
6223
|
flex-direction: column;
|
|
6208
|
-
gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6209
6224
|
align-items: flex-start;
|
|
6210
6225
|
}
|
|
6211
6226
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label-main {
|
|
@@ -6232,8 +6247,8 @@ ul) {
|
|
|
6232
6247
|
transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
|
|
6233
6248
|
}
|
|
6234
6249
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-info {
|
|
6250
|
+
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6235
6251
|
flex-direction: column;
|
|
6236
|
-
gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6237
6252
|
align-items: flex-start;
|
|
6238
6253
|
}
|
|
6239
6254
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label-main {
|
|
@@ -6260,8 +6275,8 @@ ul) {
|
|
|
6260
6275
|
transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
|
|
6261
6276
|
}
|
|
6262
6277
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-info {
|
|
6278
|
+
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6263
6279
|
flex-direction: column;
|
|
6264
|
-
gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6265
6280
|
align-items: flex-start;
|
|
6266
6281
|
}
|
|
6267
6282
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label-main {
|
|
@@ -6288,8 +6303,8 @@ ul) {
|
|
|
6288
6303
|
transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
|
|
6289
6304
|
}
|
|
6290
6305
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-info {
|
|
6306
|
+
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6291
6307
|
flex-direction: column;
|
|
6292
|
-
gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6293
6308
|
align-items: flex-start;
|
|
6294
6309
|
}
|
|
6295
6310
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label-main {
|
|
@@ -6336,6 +6351,7 @@ ul) {
|
|
|
6336
6351
|
|
|
6337
6352
|
.pf-v6-c-form__group-label.pf-m-info {
|
|
6338
6353
|
display: flex;
|
|
6354
|
+
gap: var(--pf-v6-c-form__group-label--m-info--Gap);
|
|
6339
6355
|
align-items: flex-end;
|
|
6340
6356
|
}
|
|
6341
6357
|
|
|
@@ -6344,7 +6360,6 @@ ul) {
|
|
|
6344
6360
|
}
|
|
6345
6361
|
|
|
6346
6362
|
.pf-v6-c-form__group-label-info {
|
|
6347
|
-
margin-inline-start: var(--pf-v6-c-form__group-label-info--MarginInlineStart);
|
|
6348
6363
|
font-size: var(--pf-v6-c-form__group-label-info--FontSize);
|
|
6349
6364
|
}
|
|
6350
6365
|
|
|
@@ -6558,52 +6573,129 @@ ul) {
|
|
|
6558
6573
|
margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
|
|
6559
6574
|
}
|
|
6560
6575
|
|
|
6561
|
-
:where(:root, .pf-v6-c-
|
|
6562
|
-
--pf-v6-c-
|
|
6563
|
-
--pf-v6-c-
|
|
6564
|
-
--pf-v6-c-
|
|
6565
|
-
--pf-v6-c-
|
|
6566
|
-
--pf-v6-c-
|
|
6567
|
-
--pf-v6-c-
|
|
6568
|
-
--pf-v6-c-
|
|
6569
|
-
--pf-v6-c-
|
|
6570
|
-
--pf-v6-c-
|
|
6571
|
-
--pf-v6-c-
|
|
6572
|
-
--pf-v6-c-
|
|
6573
|
-
--pf-v6-c-
|
|
6574
|
-
--pf-v6-c-
|
|
6575
|
-
--pf-v6-c-
|
|
6576
|
-
--pf-v6-c-
|
|
6577
|
-
--pf-v6-c-
|
|
6578
|
-
--pf-v6-c-
|
|
6579
|
-
--pf-v6-c-
|
|
6580
|
-
--pf-v6-c-
|
|
6581
|
-
--pf-v6-c-
|
|
6582
|
-
--pf-v6-c-
|
|
6583
|
-
|
|
6584
|
-
|
|
6585
|
-
|
|
6586
|
-
|
|
6587
|
-
--pf-v6-c-
|
|
6588
|
-
--pf-v6-c-
|
|
6589
|
-
|
|
6590
|
-
|
|
6591
|
-
|
|
6592
|
-
|
|
6593
|
-
|
|
6594
|
-
|
|
6595
|
-
|
|
6596
|
-
|
|
6597
|
-
|
|
6598
|
-
--pf-v6-c-
|
|
6599
|
-
|
|
6600
|
-
|
|
6601
|
-
|
|
6602
|
-
--pf-v6-c-
|
|
6603
|
-
--pf-v6-c-
|
|
6604
|
-
--pf-v6-c-
|
|
6605
|
-
--pf-v6-c-
|
|
6606
|
-
|
|
6576
|
+
:where(:root, .pf-v6-c-helper-text) {
|
|
6577
|
+
--pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
|
|
6578
|
+
--pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
6579
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6580
|
+
--pf-v6-c-helper-text__item-text--Color: var(--pf-t--global--text--color--regular);
|
|
6581
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
6582
|
+
--pf-v6-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
|
|
6583
|
+
--pf-v6-c-helper-text__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
|
|
6584
|
+
--pf-v6-c-helper-text__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
6585
|
+
--pf-v6-c-helper-text__item-text--m-warning--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6586
|
+
--pf-v6-c-helper-text__item-icon--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
6587
|
+
--pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6588
|
+
--pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
6589
|
+
--pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6590
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6591
|
+
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
6592
|
+
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
|
|
6593
|
+
--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
6594
|
+
--pf-v6-c-helper-text--m-dynamic--m-warning__item-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6595
|
+
--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
6596
|
+
--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
6597
|
+
--pf-v6-c-helper-text__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
6598
|
+
}
|
|
6599
|
+
|
|
6600
|
+
.pf-v6-c-helper-text {
|
|
6601
|
+
display: grid;
|
|
6602
|
+
gap: var(--pf-v6-c-helper-text--Gap);
|
|
6603
|
+
font-size: var(--pf-v6-c-helper-text--FontSize);
|
|
6604
|
+
}
|
|
6605
|
+
|
|
6606
|
+
.pf-v6-c-helper-text.pf-m-hidden {
|
|
6607
|
+
visibility: hidden;
|
|
6608
|
+
opacity: 0;
|
|
6609
|
+
}
|
|
6610
|
+
|
|
6611
|
+
.pf-v6-c-helper-text__item {
|
|
6612
|
+
display: flex;
|
|
6613
|
+
font-weight: var(--pf-v6-c-helper-text__item-text--FontWeight);
|
|
6614
|
+
}
|
|
6615
|
+
|
|
6616
|
+
.pf-v6-c-helper-text__item.pf-m-indeterminate {
|
|
6617
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-indeterminate--Color);
|
|
6618
|
+
--pf-v6-c-helper-text__item-text--Color: var(--pf-v6-c-helper-text__item-text--m-indeterminate--Color);
|
|
6619
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
|
|
6620
|
+
--pf-v6-c-helper-text--m-dynamic__item-text--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
|
|
6621
|
+
}
|
|
6622
|
+
|
|
6623
|
+
.pf-v6-c-helper-text__item.pf-m-warning {
|
|
6624
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-warning--FontWeight);
|
|
6625
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-warning--Color);
|
|
6626
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color);
|
|
6627
|
+
}
|
|
6628
|
+
|
|
6629
|
+
.pf-v6-c-helper-text__item.pf-m-success {
|
|
6630
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-success--FontWeight);
|
|
6631
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-success--Color);
|
|
6632
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color);
|
|
6633
|
+
}
|
|
6634
|
+
|
|
6635
|
+
.pf-v6-c-helper-text__item.pf-m-error {
|
|
6636
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
|
|
6637
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
|
|
6638
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
|
|
6639
|
+
}
|
|
6640
|
+
|
|
6641
|
+
.pf-v6-c-helper-text__item.pf-m-dynamic {
|
|
6642
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
|
|
6643
|
+
}
|
|
6644
|
+
|
|
6645
|
+
.pf-v6-c-helper-text__item-icon {
|
|
6646
|
+
margin-inline-end: var(--pf-v6-c-helper-text__item-icon--MarginInlineEnd);
|
|
6647
|
+
color: var(--pf-v6-c-helper-text__item-icon--Color);
|
|
6648
|
+
}
|
|
6649
|
+
|
|
6650
|
+
.pf-v6-c-helper-text__item-text {
|
|
6651
|
+
color: var(--pf-v6-c-helper-text__item-text--Color);
|
|
6652
|
+
}
|
|
6653
|
+
|
|
6654
|
+
:where(:root, .pf-v6-c-form-control) {
|
|
6655
|
+
--pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
6656
|
+
--pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
|
|
6657
|
+
--pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
|
|
6658
|
+
--pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
6659
|
+
--pf-v6-c-form-control--Resize: none;
|
|
6660
|
+
--pf-v6-c-form-control--OutlineOffset: -6px;
|
|
6661
|
+
--pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
6662
|
+
--pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
6663
|
+
--pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
6664
|
+
--pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
|
6665
|
+
--pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
6666
|
+
--pf-v6-c-form-control--after--BorderColor: transparent;
|
|
6667
|
+
--pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
|
6668
|
+
--pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
6669
|
+
--pf-v6-c-form-control--Width: 100%;
|
|
6670
|
+
--pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
|
|
6671
|
+
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
6672
|
+
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
6673
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
6674
|
+
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
|
6675
|
+
--pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
|
|
6676
|
+
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
6677
|
+
--pf-v6-c-form-control--m-success--hover--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
|
|
6678
|
+
--pf-v6-c-form-control--m-warning--hover--after--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
|
|
6679
|
+
--pf-v6-c-form-control--m-error--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
|
|
6680
|
+
--pf-v6-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
6681
|
+
--pf-v6-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
6682
|
+
--pf-v6-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
6683
|
+
--pf-v6-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
|
|
6684
|
+
--pf-v6-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
6685
|
+
--pf-v6-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
6686
|
+
--pf-v6-c-form-control--m-disabled--after--BorderColor: transparent;
|
|
6687
|
+
--pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
6688
|
+
--pf-v6-c-form-control--m-readonly--BorderColor: transparent;
|
|
6689
|
+
--pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
|
|
6690
|
+
--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
|
|
6691
|
+
--pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
|
|
6692
|
+
--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
|
|
6693
|
+
--pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
6694
|
+
--pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
6695
|
+
--pf-v6-c-form-control--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
|
|
6696
|
+
--pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
6697
|
+
--pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
6698
|
+
--pf-v6-c-form-control--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
|
|
6607
6699
|
--pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
6608
6700
|
--pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
6609
6701
|
--pf-v6-c-form-control--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
|
|
@@ -6705,8 +6797,6 @@ ul) {
|
|
|
6705
6797
|
|
|
6706
6798
|
.pf-v6-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error) {
|
|
6707
6799
|
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
|
|
6708
|
-
--pf-v6-c-form-control--focus--after--BorderWidth: var(--pf-v6-c-form-control--m-readonly--focus--after--BorderWidth);
|
|
6709
|
-
--pf-v6-c-form-control--focus--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--focus--after--BorderColor);
|
|
6710
6800
|
}
|
|
6711
6801
|
|
|
6712
6802
|
.pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
|
|
@@ -6717,11 +6807,6 @@ ul) {
|
|
|
6717
6807
|
--pf-v6-c-form-control--OutlineOffset: var(--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset);
|
|
6718
6808
|
}
|
|
6719
6809
|
|
|
6720
|
-
.pf-v6-c-form-control:hover {
|
|
6721
|
-
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
|
|
6722
|
-
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
|
|
6723
|
-
}
|
|
6724
|
-
|
|
6725
6810
|
.pf-v6-c-form-control.pf-m-expanded {
|
|
6726
6811
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-expanded--after--BorderColor);
|
|
6727
6812
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-expanded--after--BorderWidth);
|
|
@@ -6740,6 +6825,7 @@ ul) {
|
|
|
6740
6825
|
.pf-v6-c-form-control.pf-m-error {
|
|
6741
6826
|
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd);
|
|
6742
6827
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
|
|
6828
|
+
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
|
|
6743
6829
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
|
|
6744
6830
|
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd);
|
|
6745
6831
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
|
|
@@ -6752,6 +6838,7 @@ ul) {
|
|
|
6752
6838
|
.pf-v6-c-form-control.pf-m-success {
|
|
6753
6839
|
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd);
|
|
6754
6840
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
|
|
6841
|
+
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
|
|
6755
6842
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
|
|
6756
6843
|
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd);
|
|
6757
6844
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
|
|
@@ -6764,6 +6851,7 @@ ul) {
|
|
|
6764
6851
|
.pf-v6-c-form-control.pf-m-warning {
|
|
6765
6852
|
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd);
|
|
6766
6853
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
|
|
6854
|
+
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
|
|
6767
6855
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
|
|
6768
6856
|
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd);
|
|
6769
6857
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
|
|
@@ -6773,6 +6861,11 @@ ul) {
|
|
|
6773
6861
|
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
6774
6862
|
}
|
|
6775
6863
|
|
|
6864
|
+
.pf-v6-c-form-control:hover {
|
|
6865
|
+
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
|
|
6866
|
+
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
|
|
6867
|
+
}
|
|
6868
|
+
|
|
6776
6869
|
.pf-v6-c-form-control.pf-m-icon {
|
|
6777
6870
|
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
|
|
6778
6871
|
}
|
|
@@ -6856,84 +6949,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
6856
6949
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
|
|
6857
6950
|
}
|
|
6858
6951
|
|
|
6859
|
-
:where(:root, .pf-v6-c-helper-text) {
|
|
6860
|
-
--pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
|
|
6861
|
-
--pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
6862
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6863
|
-
--pf-v6-c-helper-text__item-text--Color: var(--pf-t--global--text--color--regular);
|
|
6864
|
-
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
6865
|
-
--pf-v6-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
|
|
6866
|
-
--pf-v6-c-helper-text__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
|
|
6867
|
-
--pf-v6-c-helper-text__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
6868
|
-
--pf-v6-c-helper-text__item-text--m-warning--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6869
|
-
--pf-v6-c-helper-text__item-icon--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
6870
|
-
--pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6871
|
-
--pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
6872
|
-
--pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6873
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6874
|
-
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
6875
|
-
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
|
|
6876
|
-
--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
6877
|
-
--pf-v6-c-helper-text--m-dynamic--m-warning__item-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6878
|
-
--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
6879
|
-
--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
6880
|
-
--pf-v6-c-helper-text__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
6881
|
-
}
|
|
6882
|
-
|
|
6883
|
-
.pf-v6-c-helper-text {
|
|
6884
|
-
display: grid;
|
|
6885
|
-
gap: var(--pf-v6-c-helper-text--Gap);
|
|
6886
|
-
font-size: var(--pf-v6-c-helper-text--FontSize);
|
|
6887
|
-
}
|
|
6888
|
-
|
|
6889
|
-
.pf-v6-c-helper-text.pf-m-hidden {
|
|
6890
|
-
visibility: hidden;
|
|
6891
|
-
opacity: 0;
|
|
6892
|
-
}
|
|
6893
|
-
|
|
6894
|
-
.pf-v6-c-helper-text__item {
|
|
6895
|
-
display: flex;
|
|
6896
|
-
font-weight: var(--pf-v6-c-helper-text__item-text--FontWeight);
|
|
6897
|
-
}
|
|
6898
|
-
|
|
6899
|
-
.pf-v6-c-helper-text__item.pf-m-indeterminate {
|
|
6900
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-indeterminate--Color);
|
|
6901
|
-
--pf-v6-c-helper-text__item-text--Color: var(--pf-v6-c-helper-text__item-text--m-indeterminate--Color);
|
|
6902
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
|
|
6903
|
-
--pf-v6-c-helper-text--m-dynamic__item-text--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
|
|
6904
|
-
}
|
|
6905
|
-
|
|
6906
|
-
.pf-v6-c-helper-text__item.pf-m-warning {
|
|
6907
|
-
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-warning--FontWeight);
|
|
6908
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-warning--Color);
|
|
6909
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color);
|
|
6910
|
-
}
|
|
6911
|
-
|
|
6912
|
-
.pf-v6-c-helper-text__item.pf-m-success {
|
|
6913
|
-
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-success--FontWeight);
|
|
6914
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-success--Color);
|
|
6915
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color);
|
|
6916
|
-
}
|
|
6917
|
-
|
|
6918
|
-
.pf-v6-c-helper-text__item.pf-m-error {
|
|
6919
|
-
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
|
|
6920
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
|
|
6921
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
|
|
6922
|
-
}
|
|
6923
|
-
|
|
6924
|
-
.pf-v6-c-helper-text__item.pf-m-dynamic {
|
|
6925
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
|
|
6926
|
-
}
|
|
6927
|
-
|
|
6928
|
-
.pf-v6-c-helper-text__item-icon {
|
|
6929
|
-
margin-inline-end: var(--pf-v6-c-helper-text__item-icon--MarginInlineEnd);
|
|
6930
|
-
color: var(--pf-v6-c-helper-text__item-icon--Color);
|
|
6931
|
-
}
|
|
6932
|
-
|
|
6933
|
-
.pf-v6-c-helper-text__item-text {
|
|
6934
|
-
color: var(--pf-v6-c-helper-text__item-text--Color);
|
|
6935
|
-
}
|
|
6936
|
-
|
|
6937
6952
|
:where(:root, .pf-v6-c-hint) {
|
|
6938
6953
|
--pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
|
|
6939
6954
|
--pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
@@ -7013,84 +7028,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7013
7028
|
margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
|
|
7014
7029
|
}
|
|
7015
7030
|
|
|
7016
|
-
:where(:root, .pf-v6-c-input-group) {
|
|
7017
|
-
--pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
|
|
7018
|
-
--pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
|
|
7019
|
-
--pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
|
|
7020
|
-
--pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
|
|
7021
|
-
--pf-v6-c-input-group__item--BackgroundColor: transparent;
|
|
7022
|
-
--pf-v6-c-input-group__item--AlignItems: start;
|
|
7023
|
-
--pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7024
|
-
--pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7025
|
-
--pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7026
|
-
--pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
|
|
7027
|
-
--pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7028
|
-
--pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7029
|
-
--pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7030
|
-
--pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7031
|
-
--pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7032
|
-
--pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
|
|
7033
|
-
--pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7034
|
-
--pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
|
|
7035
|
-
--pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
|
|
7036
|
-
--pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
7037
|
-
}
|
|
7038
|
-
|
|
7039
|
-
.pf-v6-c-input-group {
|
|
7040
|
-
display: flex;
|
|
7041
|
-
gap: var(--pf-v6-c-input-group--Gap);
|
|
7042
|
-
width: 100%;
|
|
7043
|
-
}
|
|
7044
|
-
|
|
7045
|
-
.pf-v6-c-input-group__item {
|
|
7046
|
-
position: relative;
|
|
7047
|
-
display: flex;
|
|
7048
|
-
align-items: var(--pf-v6-c-input-group__item--AlignItems);
|
|
7049
|
-
min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
|
|
7050
|
-
max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
|
|
7051
|
-
background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
|
|
7052
|
-
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
7053
|
-
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
7054
|
-
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
7055
|
-
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
7056
|
-
}
|
|
7057
|
-
|
|
7058
|
-
.pf-v6-c-input-group__item.pf-m-box {
|
|
7059
|
-
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
|
|
7060
|
-
padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
|
|
7061
|
-
padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
|
|
7062
|
-
border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
|
|
7063
|
-
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
7064
|
-
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
7065
|
-
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
7066
|
-
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
7067
|
-
border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
|
|
7068
|
-
}
|
|
7069
|
-
|
|
7070
|
-
.pf-v6-c-input-group__item.pf-m-plain {
|
|
7071
|
-
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
|
|
7072
|
-
border: none;
|
|
7073
|
-
}
|
|
7074
|
-
|
|
7075
|
-
.pf-v6-c-input-group__item.pf-m-disabled {
|
|
7076
|
-
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
|
|
7077
|
-
--pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
|
|
7078
|
-
}
|
|
7079
|
-
|
|
7080
|
-
.pf-v6-c-input-group__item.pf-m-fill {
|
|
7081
|
-
flex-grow: 1;
|
|
7082
|
-
}
|
|
7083
|
-
|
|
7084
|
-
.pf-v6-c-input-group__text {
|
|
7085
|
-
align-self: center;
|
|
7086
|
-
font-size: var(--pf-v6-c-input-group__text--FontSize);
|
|
7087
|
-
color: var(--pf-v6-c-input-group__text--Color);
|
|
7088
|
-
}
|
|
7089
|
-
|
|
7090
|
-
label.pf-v6-c-input-group__text {
|
|
7091
|
-
cursor: pointer;
|
|
7092
|
-
}
|
|
7093
|
-
|
|
7094
7031
|
:where(:root, .pf-v6-c-icon) {
|
|
7095
7032
|
--pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
|
|
7096
7033
|
--pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
|
|
@@ -7386,6 +7323,84 @@ label.pf-v6-c-input-group__text {
|
|
|
7386
7323
|
transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
|
|
7387
7324
|
}
|
|
7388
7325
|
|
|
7326
|
+
:where(:root, .pf-v6-c-input-group) {
|
|
7327
|
+
--pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
|
|
7328
|
+
--pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
|
|
7329
|
+
--pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
|
|
7330
|
+
--pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
|
|
7331
|
+
--pf-v6-c-input-group__item--BackgroundColor: transparent;
|
|
7332
|
+
--pf-v6-c-input-group__item--AlignItems: start;
|
|
7333
|
+
--pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7334
|
+
--pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7335
|
+
--pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7336
|
+
--pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
|
|
7337
|
+
--pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7338
|
+
--pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7339
|
+
--pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7340
|
+
--pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7341
|
+
--pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7342
|
+
--pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
|
|
7343
|
+
--pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7344
|
+
--pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
|
|
7345
|
+
--pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
|
|
7346
|
+
--pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
7347
|
+
}
|
|
7348
|
+
|
|
7349
|
+
.pf-v6-c-input-group {
|
|
7350
|
+
display: flex;
|
|
7351
|
+
gap: var(--pf-v6-c-input-group--Gap);
|
|
7352
|
+
width: 100%;
|
|
7353
|
+
}
|
|
7354
|
+
|
|
7355
|
+
.pf-v6-c-input-group__item {
|
|
7356
|
+
position: relative;
|
|
7357
|
+
display: flex;
|
|
7358
|
+
align-items: var(--pf-v6-c-input-group__item--AlignItems);
|
|
7359
|
+
min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
|
|
7360
|
+
max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
|
|
7361
|
+
background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
|
|
7362
|
+
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
7363
|
+
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
7364
|
+
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
7365
|
+
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
7366
|
+
}
|
|
7367
|
+
|
|
7368
|
+
.pf-v6-c-input-group__item.pf-m-box {
|
|
7369
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
|
|
7370
|
+
padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
|
|
7371
|
+
padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
|
|
7372
|
+
border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
|
|
7373
|
+
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
7374
|
+
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
7375
|
+
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
7376
|
+
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
7377
|
+
border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
|
|
7378
|
+
}
|
|
7379
|
+
|
|
7380
|
+
.pf-v6-c-input-group__item.pf-m-plain {
|
|
7381
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
|
|
7382
|
+
border: none;
|
|
7383
|
+
}
|
|
7384
|
+
|
|
7385
|
+
.pf-v6-c-input-group__item.pf-m-disabled {
|
|
7386
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
|
|
7387
|
+
--pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
|
|
7388
|
+
}
|
|
7389
|
+
|
|
7390
|
+
.pf-v6-c-input-group__item.pf-m-fill {
|
|
7391
|
+
flex-grow: 1;
|
|
7392
|
+
}
|
|
7393
|
+
|
|
7394
|
+
.pf-v6-c-input-group__text {
|
|
7395
|
+
align-self: center;
|
|
7396
|
+
font-size: var(--pf-v6-c-input-group__text--FontSize);
|
|
7397
|
+
color: var(--pf-v6-c-input-group__text--Color);
|
|
7398
|
+
}
|
|
7399
|
+
|
|
7400
|
+
label.pf-v6-c-input-group__text {
|
|
7401
|
+
cursor: pointer;
|
|
7402
|
+
}
|
|
7403
|
+
|
|
7389
7404
|
:where(:root, .pf-v6-c-jump-links) {
|
|
7390
7405
|
--pf-v6-c-jump-links__list--Display: flex;
|
|
7391
7406
|
--pf-v6-c-jump-links__list--PaddingBlockStart: 0;
|
|
@@ -8581,431 +8596,171 @@ input.pf-v6-c-label__content {
|
|
|
8581
8596
|
|
|
8582
8597
|
.pf-v6-c-label-group.pf-m-vertical {
|
|
8583
8598
|
--pf-v6-c-label-group--RowGap: var(--pf-v6-c-label-group--m-vertical--RowGap);
|
|
8584
|
-
--pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
|
|
8585
|
-
--pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
|
|
8586
|
-
--pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
|
|
8587
|
-
--pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
|
|
8588
|
-
--pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
|
|
8589
|
-
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
|
|
8590
|
-
}
|
|
8591
|
-
|
|
8592
|
-
.pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
|
|
8593
|
-
align-items: flex-start;
|
|
8594
|
-
}
|
|
8595
|
-
|
|
8596
|
-
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
|
|
8597
|
-
flex-direction: column;
|
|
8598
|
-
align-items: flex-start;
|
|
8599
|
-
}
|
|
8600
|
-
|
|
8601
|
-
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
|
|
8602
|
-
flex-direction: column;
|
|
8603
|
-
}
|
|
8604
|
-
|
|
8605
|
-
.pf-v6-c-label-group.pf-m-editable,
|
|
8606
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
|
|
8607
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
|
|
8608
|
-
display: flex;
|
|
8609
|
-
}
|
|
8610
|
-
|
|
8611
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
|
|
8612
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list,
|
|
8613
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
|
|
8614
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
|
|
8615
|
-
flex: 1;
|
|
8616
|
-
}
|
|
8617
|
-
|
|
8618
|
-
.pf-v6-c-label-group__main {
|
|
8619
|
-
display: flex;
|
|
8620
|
-
flex: 1;
|
|
8621
|
-
flex-wrap: wrap;
|
|
8622
|
-
row-gap: var(--pf-v6-c-label-group__main--RowGap);
|
|
8623
|
-
column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
|
|
8624
|
-
align-items: baseline;
|
|
8625
|
-
}
|
|
8626
|
-
|
|
8627
|
-
.pf-v6-c-label-group__list {
|
|
8628
|
-
display: inline-flex;
|
|
8629
|
-
flex-wrap: wrap;
|
|
8630
|
-
row-gap: var(--pf-v6-c-label-group__list--RowGap);
|
|
8631
|
-
column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
|
|
8632
|
-
}
|
|
8633
|
-
|
|
8634
|
-
.pf-v6-c-label-group__list-item {
|
|
8635
|
-
display: inline-flex;
|
|
8636
|
-
}
|
|
8637
|
-
|
|
8638
|
-
.pf-v6-c-label-group__label {
|
|
8639
|
-
overflow: hidden;
|
|
8640
|
-
text-overflow: ellipsis;
|
|
8641
|
-
white-space: nowrap;
|
|
8642
|
-
max-width: var(--pf-v6-c-label-group__label--MaxWidth);
|
|
8643
|
-
}
|
|
8644
|
-
|
|
8645
|
-
.pf-v6-c-label-group__close {
|
|
8646
|
-
display: flex;
|
|
8647
|
-
align-self: flex-start;
|
|
8648
|
-
}
|
|
8649
|
-
|
|
8650
|
-
.pf-v6-c-label-group__close .pf-v6-c-button {
|
|
8651
|
-
--pf-v6-c-button--FontSize: var(--pf-v6-c-label-group__close--c-button--FontSize);
|
|
8652
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
|
|
8653
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
|
|
8654
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
|
|
8655
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
|
|
8656
|
-
}
|
|
8657
|
-
|
|
8658
|
-
.pf-v6-c-label-group__textarea {
|
|
8659
|
-
min-width: var(--pf-v6-c-label-group__textarea--MinWidth);
|
|
8660
|
-
padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
|
|
8661
|
-
padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
|
|
8662
|
-
padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
|
|
8663
|
-
padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
|
|
8664
|
-
white-space: nowrap;
|
|
8665
|
-
resize: none;
|
|
8666
|
-
border: 0;
|
|
8667
|
-
-ms-overflow-style: none;
|
|
8668
|
-
scrollbar-width: none;
|
|
8669
|
-
}
|
|
8670
|
-
|
|
8671
|
-
.pf-v6-c-label-group__textarea::-webkit-scrollbar {
|
|
8672
|
-
display: none;
|
|
8673
|
-
}
|
|
8674
|
-
|
|
8675
|
-
:where(:root, .pf-v6-c-list) {
|
|
8676
|
-
--pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
8677
|
-
--pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
|
|
8678
|
-
--pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
|
|
8679
|
-
--pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
8680
|
-
--pf-v6-c-list--m-plain--PaddingInlineStart: 0;
|
|
8681
|
-
--pf-v6-c-list--m-inline--PaddingInlineStart: 0;
|
|
8682
|
-
--pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
8683
|
-
--pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
|
|
8684
|
-
--pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
8685
|
-
--pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
8686
|
-
--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
8687
|
-
--pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
|
|
8688
|
-
--pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
8689
|
-
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8690
|
-
--pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
8691
|
-
--pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
|
|
8692
|
-
--pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
|
|
8693
|
-
--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
8694
|
-
--pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
|
|
8695
|
-
}
|
|
8696
|
-
|
|
8697
|
-
.pf-v6-c-list {
|
|
8698
|
-
display: flex;
|
|
8699
|
-
flex-direction: column;
|
|
8700
|
-
gap: var(--pf-v6-c-list--Gap);
|
|
8701
|
-
padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
|
|
8702
|
-
}
|
|
8703
|
-
|
|
8704
|
-
.pf-v6-c-list .pf-v6-c-list {
|
|
8705
|
-
padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
|
|
8706
|
-
}
|
|
8707
|
-
|
|
8708
|
-
ul.pf-v6-c-list {
|
|
8709
|
-
list-style: var(--pf-v6-c-list--ul--ListStyle);
|
|
8710
|
-
}
|
|
8711
|
-
|
|
8712
|
-
.pf-v6-c-list.pf-m-icon-lg {
|
|
8713
|
-
--pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
|
|
8714
|
-
--pf-v6-c-list__item-icon--MarginBlockStart: 0;
|
|
8715
|
-
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
|
|
8716
|
-
--pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
|
|
8717
|
-
}
|
|
8718
|
-
|
|
8719
|
-
.pf-v6-c-list.pf-m-plain {
|
|
8720
|
-
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
|
|
8721
|
-
list-style: none;
|
|
8722
|
-
}
|
|
8723
|
-
|
|
8724
|
-
.pf-v6-c-list.pf-m-inline {
|
|
8725
|
-
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
|
|
8726
|
-
--pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
|
|
8727
|
-
flex-direction: row;
|
|
8728
|
-
flex-wrap: wrap;
|
|
8729
|
-
list-style: none;
|
|
8730
|
-
}
|
|
8731
|
-
|
|
8732
|
-
.pf-v6-c-list.pf-m-bordered > * + * {
|
|
8733
|
-
padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
|
|
8734
|
-
border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
|
|
8735
|
-
}
|
|
8736
|
-
|
|
8737
|
-
.pf-v6-c-list__item {
|
|
8738
|
-
display: flex;
|
|
8739
|
-
}
|
|
8740
|
-
|
|
8741
|
-
.pf-v6-c-list__item-icon {
|
|
8742
|
-
flex-shrink: 0;
|
|
8743
|
-
min-width: var(--pf-v6-c-list__item-icon--MinWidth);
|
|
8744
|
-
margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
|
|
8745
|
-
margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
|
|
8746
|
-
font-size: var(--pf-v6-c-list__item-icon--FontSize);
|
|
8747
|
-
line-height: 1;
|
|
8748
|
-
color: var(--pf-v6-c-list__item-icon--Color);
|
|
8749
|
-
}
|
|
8750
|
-
|
|
8751
|
-
:where(:root, .pf-v6-c-login) {
|
|
8752
|
-
--pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
8753
|
-
--pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
8754
|
-
--pf-v6-c-login__container--xl--GridColumnGap: var(--pf-t--global--spacer--3xl);
|
|
8755
|
-
--pf-v6-c-login__container--MaxWidth: 31.25rem;
|
|
8756
|
-
--pf-v6-c-login__container--xl--MaxWidth: none;
|
|
8757
|
-
--pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
|
|
8758
|
-
--pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
|
|
8759
|
-
--pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
|
|
8760
|
-
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
8761
|
-
--pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
8762
|
-
--pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
8763
|
-
--pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
8764
|
-
--pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
|
|
8765
|
-
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
8766
|
-
--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
8767
|
-
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
8768
|
-
--pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
8769
|
-
--pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
8770
|
-
--pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8771
|
-
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8772
|
-
--pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
8773
|
-
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
8774
|
-
--pf-v6-c-login__main-header--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
8775
|
-
--pf-v6-c-login__main-header--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
|
|
8776
|
-
--pf-v6-c-login__main-header--ColumnGap: var(--pf-t--global--spacer--md);
|
|
8777
|
-
--pf-v6-c-login__main-header--RowGap: var(--pf-t--global--spacer--md);
|
|
8778
|
-
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
8779
|
-
--pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
|
|
8780
|
-
--pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
|
|
8781
|
-
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8782
|
-
--pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
8783
|
-
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
8784
|
-
--pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
8785
|
-
--pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
|
|
8786
|
-
--pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
8787
|
-
--pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
8788
|
-
--pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
8789
|
-
--pf-v6-c-login__main-footer-links--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8790
|
-
--pf-v6-c-login__main-footer-links--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
8791
|
-
--pf-v6-c-login__main-footer-links--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8792
|
-
--pf-v6-c-login__main-footer-links--Gap: var(--pf-t--global--spacer--md);
|
|
8793
|
-
--pf-v6-c-login__main-footer-links-item--c-button--FontSize: var(--pf-t--global--icon--size--xl);
|
|
8794
|
-
--pf-v6-c-login__main-footer-band--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
8795
|
-
--pf-v6-c-login__main-footer-band--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
8796
|
-
--pf-v6-c-login__main-footer-band--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
8797
|
-
--pf-v6-c-login__main-footer-band--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
8798
|
-
--pf-v6-c-login__main-footer-band--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
8799
|
-
--pf-v6-c-login__main-footer-band--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
8800
|
-
--pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
8801
|
-
--pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
8802
|
-
--pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
8803
|
-
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
8804
|
-
--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8805
|
-
}
|
|
8806
|
-
|
|
8807
|
-
@media (min-width: 75rem) {
|
|
8808
|
-
:where(:root, .pf-v6-c-login) {
|
|
8809
|
-
--pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
|
|
8810
|
-
}
|
|
8811
|
-
}
|
|
8812
|
-
@media (min-width: 36rem) {
|
|
8813
|
-
:where(:root, .pf-v6-c-login) {
|
|
8814
|
-
--pf-v6-c-login__header--PaddingInlineEnd: 0;
|
|
8815
|
-
--pf-v6-c-login__header--PaddingInlineStart: 0;
|
|
8816
|
-
}
|
|
8817
|
-
}
|
|
8818
|
-
@media (min-width: 75rem) {
|
|
8819
|
-
:where(:root, .pf-v6-c-login) {
|
|
8820
|
-
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
|
|
8821
|
-
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
|
|
8822
|
-
}
|
|
8823
|
-
}
|
|
8824
|
-
@media (min-width: 75rem) {
|
|
8825
|
-
:where(:root, .pf-v6-c-login) {
|
|
8826
|
-
--pf-v6-c-login__main--MarginBlockEnd: 0;
|
|
8827
|
-
}
|
|
8828
|
-
}
|
|
8829
|
-
@media (min-width: 48rem) {
|
|
8830
|
-
:where(:root, .pf-v6-c-login) {
|
|
8831
|
-
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
|
|
8832
|
-
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
|
|
8833
|
-
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
|
|
8834
|
-
}
|
|
8835
|
-
}
|
|
8836
|
-
@media (min-width: 48rem) {
|
|
8837
|
-
:where(:root, .pf-v6-c-login) {
|
|
8838
|
-
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
|
|
8839
|
-
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
|
|
8840
|
-
}
|
|
8841
|
-
}
|
|
8842
|
-
@media (min-width: 36rem) {
|
|
8843
|
-
:where(:root, .pf-v6-c-login) {
|
|
8844
|
-
--pf-v6-c-login__footer--PaddingInlineEnd: 0;
|
|
8845
|
-
--pf-v6-c-login__footer--PaddingInlineStart: 0;
|
|
8846
|
-
}
|
|
8847
|
-
}
|
|
8848
|
-
@media (min-width: 75rem) {
|
|
8849
|
-
:where(:root, .pf-v6-c-login) {
|
|
8850
|
-
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
|
|
8851
|
-
}
|
|
8852
|
-
}
|
|
8853
|
-
.pf-v6-c-login {
|
|
8854
|
-
display: flex;
|
|
8855
|
-
justify-content: center;
|
|
8856
|
-
min-height: 100vh;
|
|
8857
|
-
padding-block-start: var(--pf-v6-c-login--PaddingBlockStart);
|
|
8858
|
-
padding-block-end: var(--pf-v6-c-login--PaddingBlockEnd);
|
|
8859
|
-
}
|
|
8860
|
-
|
|
8861
|
-
@media (min-width: 36rem) {
|
|
8862
|
-
.pf-v6-c-login {
|
|
8863
|
-
align-items: center;
|
|
8864
|
-
}
|
|
8865
|
-
}
|
|
8866
|
-
.pf-v6-c-login__container {
|
|
8867
|
-
width: 100%;
|
|
8868
|
-
max-width: var(--pf-v6-c-login__container--MaxWidth);
|
|
8869
|
-
}
|
|
8870
|
-
|
|
8871
|
-
@media (min-width: 75rem) {
|
|
8872
|
-
.pf-v6-c-login__container {
|
|
8873
|
-
display: grid;
|
|
8874
|
-
grid-template-areas: "main header" "main footer" "main .";
|
|
8875
|
-
grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
|
|
8876
|
-
grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
|
|
8877
|
-
justify-content: center;
|
|
8878
|
-
padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
|
|
8879
|
-
padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
|
|
8880
|
-
}
|
|
8881
|
-
}
|
|
8882
|
-
.pf-v6-c-login__header {
|
|
8883
|
-
grid-area: header;
|
|
8884
|
-
padding-inline-start: var(--pf-v6-c-login__header--PaddingInlineStart);
|
|
8885
|
-
padding-inline-end: var(--pf-v6-c-login__header--PaddingInlineEnd);
|
|
8599
|
+
--pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
|
|
8600
|
+
--pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
|
|
8601
|
+
--pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
|
|
8602
|
+
--pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
|
|
8603
|
+
--pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
|
|
8604
|
+
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
|
|
8886
8605
|
}
|
|
8887
8606
|
|
|
8888
|
-
|
|
8889
|
-
|
|
8890
|
-
margin-block-start: var(--pf-v6-c-login__header--xl--MarginBlockStart);
|
|
8891
|
-
}
|
|
8607
|
+
.pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
|
|
8608
|
+
align-items: flex-start;
|
|
8892
8609
|
}
|
|
8893
|
-
|
|
8894
|
-
|
|
8610
|
+
|
|
8611
|
+
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
|
|
8612
|
+
flex-direction: column;
|
|
8613
|
+
align-items: flex-start;
|
|
8895
8614
|
}
|
|
8896
8615
|
|
|
8897
|
-
.pf-v6-c-
|
|
8898
|
-
|
|
8899
|
-
align-self: start;
|
|
8900
|
-
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
8901
|
-
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
8902
|
-
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
8616
|
+
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
|
|
8617
|
+
flex-direction: column;
|
|
8903
8618
|
}
|
|
8904
8619
|
|
|
8905
|
-
.pf-v6-c-
|
|
8906
|
-
|
|
8620
|
+
.pf-v6-c-label-group.pf-m-editable,
|
|
8621
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
|
|
8622
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
|
|
8623
|
+
display: flex;
|
|
8907
8624
|
}
|
|
8908
8625
|
|
|
8909
|
-
.pf-v6-c-
|
|
8910
|
-
|
|
8626
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
|
|
8627
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list,
|
|
8628
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
|
|
8629
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
|
|
8630
|
+
flex: 1;
|
|
8911
8631
|
}
|
|
8912
8632
|
|
|
8913
|
-
.pf-v6-c-
|
|
8914
|
-
display:
|
|
8915
|
-
|
|
8916
|
-
|
|
8917
|
-
|
|
8918
|
-
|
|
8919
|
-
|
|
8920
|
-
padding-block-end: var(--pf-v6-c-login__main-header--PaddingBlockEnd);
|
|
8921
|
-
padding-inline-start: var(--pf-v6-c-login__main-header--PaddingInlineStart);
|
|
8922
|
-
padding-inline-end: var(--pf-v6-c-login__main-header--PaddingInlineEnd);
|
|
8633
|
+
.pf-v6-c-label-group__main {
|
|
8634
|
+
display: flex;
|
|
8635
|
+
flex: 1;
|
|
8636
|
+
flex-wrap: wrap;
|
|
8637
|
+
row-gap: var(--pf-v6-c-label-group__main--RowGap);
|
|
8638
|
+
column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
|
|
8639
|
+
align-items: baseline;
|
|
8923
8640
|
}
|
|
8924
8641
|
|
|
8925
|
-
|
|
8926
|
-
|
|
8927
|
-
|
|
8928
|
-
|
|
8642
|
+
.pf-v6-c-label-group__list {
|
|
8643
|
+
display: inline-flex;
|
|
8644
|
+
flex-wrap: wrap;
|
|
8645
|
+
row-gap: var(--pf-v6-c-label-group__list--RowGap);
|
|
8646
|
+
column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
|
|
8929
8647
|
}
|
|
8930
|
-
|
|
8931
|
-
.pf-v6-c-
|
|
8932
|
-
|
|
8933
|
-
grid-column: auto;
|
|
8648
|
+
|
|
8649
|
+
.pf-v6-c-label-group__list-item {
|
|
8650
|
+
display: inline-flex;
|
|
8934
8651
|
}
|
|
8935
8652
|
|
|
8936
|
-
|
|
8937
|
-
|
|
8938
|
-
|
|
8939
|
-
|
|
8940
|
-
|
|
8941
|
-
}
|
|
8653
|
+
.pf-v6-c-label-group__label {
|
|
8654
|
+
overflow: hidden;
|
|
8655
|
+
text-overflow: ellipsis;
|
|
8656
|
+
white-space: nowrap;
|
|
8657
|
+
max-width: var(--pf-v6-c-label-group__label--MaxWidth);
|
|
8942
8658
|
}
|
|
8943
|
-
|
|
8944
|
-
|
|
8945
|
-
|
|
8946
|
-
|
|
8659
|
+
|
|
8660
|
+
.pf-v6-c-label-group__close {
|
|
8661
|
+
display: flex;
|
|
8662
|
+
align-self: flex-start;
|
|
8947
8663
|
}
|
|
8948
8664
|
|
|
8949
|
-
.pf-v6-c-
|
|
8950
|
-
|
|
8951
|
-
|
|
8952
|
-
|
|
8665
|
+
.pf-v6-c-label-group__close .pf-v6-c-button {
|
|
8666
|
+
--pf-v6-c-button--FontSize: var(--pf-v6-c-label-group__close--c-button--FontSize);
|
|
8667
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
|
|
8668
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
|
|
8669
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
|
|
8670
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
|
|
8953
8671
|
}
|
|
8954
8672
|
|
|
8955
|
-
.pf-v6-c-
|
|
8956
|
-
|
|
8957
|
-
|
|
8673
|
+
.pf-v6-c-label-group__textarea {
|
|
8674
|
+
min-width: var(--pf-v6-c-label-group__textarea--MinWidth);
|
|
8675
|
+
padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
|
|
8676
|
+
padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
|
|
8677
|
+
padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
|
|
8678
|
+
padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
|
|
8679
|
+
white-space: nowrap;
|
|
8680
|
+
resize: none;
|
|
8681
|
+
border: 0;
|
|
8682
|
+
-ms-overflow-style: none;
|
|
8683
|
+
scrollbar-width: none;
|
|
8958
8684
|
}
|
|
8959
8685
|
|
|
8960
|
-
.pf-v6-c-
|
|
8961
|
-
|
|
8962
|
-
text-align: center;
|
|
8686
|
+
.pf-v6-c-label-group__textarea::-webkit-scrollbar {
|
|
8687
|
+
display: none;
|
|
8963
8688
|
}
|
|
8964
8689
|
|
|
8965
|
-
.pf-v6-c-
|
|
8966
|
-
|
|
8690
|
+
:where(:root, .pf-v6-c-list) {
|
|
8691
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
8692
|
+
--pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
|
|
8693
|
+
--pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
|
|
8694
|
+
--pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
8695
|
+
--pf-v6-c-list--m-plain--PaddingInlineStart: 0;
|
|
8696
|
+
--pf-v6-c-list--m-inline--PaddingInlineStart: 0;
|
|
8697
|
+
--pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
8698
|
+
--pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
|
|
8699
|
+
--pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
8700
|
+
--pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
8701
|
+
--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
8702
|
+
--pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
|
|
8703
|
+
--pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
8704
|
+
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8705
|
+
--pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
8706
|
+
--pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
|
|
8707
|
+
--pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
|
|
8708
|
+
--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
8709
|
+
--pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
|
|
8967
8710
|
}
|
|
8968
8711
|
|
|
8969
|
-
.pf-v6-c-
|
|
8712
|
+
.pf-v6-c-list {
|
|
8970
8713
|
display: flex;
|
|
8971
|
-
flex-
|
|
8972
|
-
gap: var(--pf-v6-c-
|
|
8973
|
-
|
|
8974
|
-
padding-block-start: var(--pf-v6-c-login__main-footer-links--PaddingBlockStart);
|
|
8975
|
-
padding-block-end: var(--pf-v6-c-login__main-footer-links--PaddingBlockEnd);
|
|
8976
|
-
padding-inline-start: var(--pf-v6-c-login__main-footer-links--PaddingInlineStart);
|
|
8977
|
-
padding-inline-end: var(--pf-v6-c-login__main-footer-links--PaddingInlineEnd);
|
|
8714
|
+
flex-direction: column;
|
|
8715
|
+
gap: var(--pf-v6-c-list--Gap);
|
|
8716
|
+
padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
|
|
8978
8717
|
}
|
|
8979
8718
|
|
|
8980
|
-
.pf-v6-c-
|
|
8981
|
-
|
|
8719
|
+
.pf-v6-c-list .pf-v6-c-list {
|
|
8720
|
+
padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
|
|
8982
8721
|
}
|
|
8983
8722
|
|
|
8984
|
-
.pf-v6-c-
|
|
8985
|
-
|
|
8986
|
-
padding-block-end: var(--pf-v6-c-login__main-footer-band--PaddingBlockEnd);
|
|
8987
|
-
padding-inline-start: var(--pf-v6-c-login__main-footer-band--PaddingInlineStart);
|
|
8988
|
-
padding-inline-end: var(--pf-v6-c-login__main-footer-band--PaddingInlineEnd);
|
|
8989
|
-
text-align: center;
|
|
8990
|
-
border-block-start: var(--pf-v6-c-login__main-footer-band--BorderBlockStartWidth) solid var(--pf-v6-c-login__main-footer-band--BorderBlockStartColor);
|
|
8723
|
+
ul.pf-v6-c-list {
|
|
8724
|
+
list-style: var(--pf-v6-c-list--ul--ListStyle);
|
|
8991
8725
|
}
|
|
8992
8726
|
|
|
8993
|
-
.pf-v6-c-
|
|
8994
|
-
|
|
8727
|
+
.pf-v6-c-list.pf-m-icon-lg {
|
|
8728
|
+
--pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
|
|
8729
|
+
--pf-v6-c-list__item-icon--MarginBlockStart: 0;
|
|
8730
|
+
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
|
|
8731
|
+
--pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
|
|
8995
8732
|
}
|
|
8996
8733
|
|
|
8997
|
-
.pf-v6-c-
|
|
8998
|
-
|
|
8999
|
-
|
|
9000
|
-
padding-inline-end: var(--pf-v6-c-login__footer--PaddingInlineEnd);
|
|
8734
|
+
.pf-v6-c-list.pf-m-plain {
|
|
8735
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
|
|
8736
|
+
list-style: none;
|
|
9001
8737
|
}
|
|
9002
8738
|
|
|
9003
|
-
.pf-v6-c-
|
|
9004
|
-
|
|
8739
|
+
.pf-v6-c-list.pf-m-inline {
|
|
8740
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
|
|
8741
|
+
--pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
|
|
8742
|
+
flex-direction: row;
|
|
8743
|
+
flex-wrap: wrap;
|
|
8744
|
+
list-style: none;
|
|
9005
8745
|
}
|
|
9006
8746
|
|
|
9007
|
-
.pf-v6-c-
|
|
9008
|
-
padding-block-start: var(--pf-v6-c-
|
|
8747
|
+
.pf-v6-c-list.pf-m-bordered > * + * {
|
|
8748
|
+
padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
|
|
8749
|
+
border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
|
|
8750
|
+
}
|
|
8751
|
+
|
|
8752
|
+
.pf-v6-c-list__item {
|
|
8753
|
+
display: flex;
|
|
8754
|
+
}
|
|
8755
|
+
|
|
8756
|
+
.pf-v6-c-list__item-icon {
|
|
8757
|
+
flex-shrink: 0;
|
|
8758
|
+
min-width: var(--pf-v6-c-list__item-icon--MinWidth);
|
|
8759
|
+
margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
|
|
8760
|
+
margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
|
|
8761
|
+
font-size: var(--pf-v6-c-list__item-icon--FontSize);
|
|
8762
|
+
line-height: 1;
|
|
8763
|
+
color: var(--pf-v6-c-list__item-icon--Color);
|
|
9009
8764
|
}
|
|
9010
8765
|
|
|
9011
8766
|
:where(:root, .pf-v6-c-masthead) {
|
|
@@ -9262,7 +9017,67 @@ ul.pf-v6-c-list {
|
|
|
9262
9017
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
9263
9018
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
9264
9019
|
}
|
|
9265
|
-
|
|
9020
|
+
|
|
9021
|
+
.pf-v6-c-masthead.pf-m-inset-none {
|
|
9022
|
+
padding-inline-start: 0;
|
|
9023
|
+
padding-inline-end: 0;
|
|
9024
|
+
}
|
|
9025
|
+
|
|
9026
|
+
.pf-v6-c-masthead.pf-m-inset-sm {
|
|
9027
|
+
padding-inline-start: var(--pf-t--global--spacer--sm);
|
|
9028
|
+
padding-inline-end: var(--pf-t--global--spacer--sm);
|
|
9029
|
+
}
|
|
9030
|
+
|
|
9031
|
+
.pf-v6-c-masthead.pf-m-inset-md {
|
|
9032
|
+
padding-inline-start: var(--pf-t--global--spacer--md);
|
|
9033
|
+
padding-inline-end: var(--pf-t--global--spacer--md);
|
|
9034
|
+
}
|
|
9035
|
+
|
|
9036
|
+
.pf-v6-c-masthead.pf-m-inset-lg {
|
|
9037
|
+
padding-inline-start: var(--pf-t--global--spacer--lg);
|
|
9038
|
+
padding-inline-end: var(--pf-t--global--spacer--lg);
|
|
9039
|
+
}
|
|
9040
|
+
|
|
9041
|
+
.pf-v6-c-masthead.pf-m-inset-xl {
|
|
9042
|
+
padding-inline-start: var(--pf-t--global--spacer--xl);
|
|
9043
|
+
padding-inline-end: var(--pf-t--global--spacer--xl);
|
|
9044
|
+
}
|
|
9045
|
+
|
|
9046
|
+
.pf-v6-c-masthead.pf-m-inset-2xl {
|
|
9047
|
+
padding-inline-start: var(--pf-t--global--spacer--2xl);
|
|
9048
|
+
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
9049
|
+
}
|
|
9050
|
+
|
|
9051
|
+
@media (min-width: 36rem) {
|
|
9052
|
+
.pf-v6-c-masthead.pf-m-display-stack-on-sm {
|
|
9053
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
9054
|
+
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
9055
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
9056
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
9057
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
9058
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
9059
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
9060
|
+
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
9061
|
+
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
9062
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
9063
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
9064
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
9065
|
+
}
|
|
9066
|
+
.pf-v6-c-masthead.pf-m-display-inline-on-sm {
|
|
9067
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
9068
|
+
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
9069
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
9070
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
9071
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
9072
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
9073
|
+
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
9074
|
+
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
9075
|
+
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
9076
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
9077
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
9078
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
9079
|
+
}
|
|
9080
|
+
}
|
|
9266
9081
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
9267
9082
|
padding-inline-start: 0;
|
|
9268
9083
|
padding-inline-end: 0;
|
|
@@ -9293,8 +9108,8 @@ ul.pf-v6-c-list {
|
|
|
9293
9108
|
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
9294
9109
|
}
|
|
9295
9110
|
|
|
9296
|
-
@media (min-width:
|
|
9297
|
-
.pf-v6-c-masthead.pf-m-display-stack-on-
|
|
9111
|
+
@media (min-width: 48rem) {
|
|
9112
|
+
.pf-v6-c-masthead.pf-m-display-stack-on-md {
|
|
9298
9113
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
9299
9114
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
9300
9115
|
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
@@ -9308,7 +9123,7 @@ ul.pf-v6-c-list {
|
|
|
9308
9123
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
9309
9124
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
9310
9125
|
}
|
|
9311
|
-
.pf-v6-c-masthead.pf-m-display-inline-on-
|
|
9126
|
+
.pf-v6-c-masthead.pf-m-display-inline-on-md {
|
|
9312
9127
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
9313
9128
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
9314
9129
|
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
@@ -9353,8 +9168,8 @@ ul.pf-v6-c-list {
|
|
|
9353
9168
|
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
9354
9169
|
}
|
|
9355
9170
|
|
|
9356
|
-
@media (min-width:
|
|
9357
|
-
.pf-v6-c-masthead.pf-m-display-stack-on-
|
|
9171
|
+
@media (min-width: 62rem) {
|
|
9172
|
+
.pf-v6-c-masthead.pf-m-display-stack-on-lg {
|
|
9358
9173
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
9359
9174
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
9360
9175
|
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
@@ -9368,7 +9183,7 @@ ul.pf-v6-c-list {
|
|
|
9368
9183
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
9369
9184
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
9370
9185
|
}
|
|
9371
|
-
.pf-v6-c-masthead.pf-m-display-inline-on-
|
|
9186
|
+
.pf-v6-c-masthead.pf-m-display-inline-on-lg {
|
|
9372
9187
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
9373
9188
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
9374
9189
|
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
@@ -9413,8 +9228,8 @@ ul.pf-v6-c-list {
|
|
|
9413
9228
|
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
9414
9229
|
}
|
|
9415
9230
|
|
|
9416
|
-
@media (min-width:
|
|
9417
|
-
.pf-v6-c-masthead.pf-m-display-stack-on-
|
|
9231
|
+
@media (min-width: 75rem) {
|
|
9232
|
+
.pf-v6-c-masthead.pf-m-display-stack-on-xl {
|
|
9418
9233
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
9419
9234
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
9420
9235
|
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
@@ -9428,7 +9243,7 @@ ul.pf-v6-c-list {
|
|
|
9428
9243
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
9429
9244
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
9430
9245
|
}
|
|
9431
|
-
.pf-v6-c-masthead.pf-m-display-inline-on-
|
|
9246
|
+
.pf-v6-c-masthead.pf-m-display-inline-on-xl {
|
|
9432
9247
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
9433
9248
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
9434
9249
|
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
@@ -9473,8 +9288,8 @@ ul.pf-v6-c-list {
|
|
|
9473
9288
|
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
9474
9289
|
}
|
|
9475
9290
|
|
|
9476
|
-
@media (min-width:
|
|
9477
|
-
.pf-v6-c-masthead.pf-m-display-stack-on-
|
|
9291
|
+
@media (min-width: 90.625rem) {
|
|
9292
|
+
.pf-v6-c-masthead.pf-m-display-stack-on-2xl {
|
|
9478
9293
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
9479
9294
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
9480
9295
|
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
@@ -9488,7 +9303,7 @@ ul.pf-v6-c-list {
|
|
|
9488
9303
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
9489
9304
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
9490
9305
|
}
|
|
9491
|
-
.pf-v6-c-masthead.pf-m-display-inline-on-
|
|
9306
|
+
.pf-v6-c-masthead.pf-m-display-inline-on-2xl {
|
|
9492
9307
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
9493
9308
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
9494
9309
|
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
@@ -9513,84 +9328,284 @@ ul.pf-v6-c-list {
|
|
|
9513
9328
|
padding-inline-end: var(--pf-t--global--spacer--sm);
|
|
9514
9329
|
}
|
|
9515
9330
|
|
|
9516
|
-
.pf-v6-c-masthead.pf-m-inset-md {
|
|
9517
|
-
padding-inline-start: var(--pf-t--global--spacer--md);
|
|
9518
|
-
padding-inline-end: var(--pf-t--global--spacer--md);
|
|
9331
|
+
.pf-v6-c-masthead.pf-m-inset-md {
|
|
9332
|
+
padding-inline-start: var(--pf-t--global--spacer--md);
|
|
9333
|
+
padding-inline-end: var(--pf-t--global--spacer--md);
|
|
9334
|
+
}
|
|
9335
|
+
|
|
9336
|
+
.pf-v6-c-masthead.pf-m-inset-lg {
|
|
9337
|
+
padding-inline-start: var(--pf-t--global--spacer--lg);
|
|
9338
|
+
padding-inline-end: var(--pf-t--global--spacer--lg);
|
|
9339
|
+
}
|
|
9340
|
+
|
|
9341
|
+
.pf-v6-c-masthead.pf-m-inset-xl {
|
|
9342
|
+
padding-inline-start: var(--pf-t--global--spacer--xl);
|
|
9343
|
+
padding-inline-end: var(--pf-t--global--spacer--xl);
|
|
9344
|
+
}
|
|
9345
|
+
|
|
9346
|
+
.pf-v6-c-masthead.pf-m-inset-2xl {
|
|
9347
|
+
padding-inline-start: var(--pf-t--global--spacer--2xl);
|
|
9348
|
+
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
9349
|
+
}
|
|
9350
|
+
|
|
9351
|
+
:where(:root, .pf-v6-c-login) {
|
|
9352
|
+
--pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
9353
|
+
--pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
9354
|
+
--pf-v6-c-login__container--xl--GridColumnGap: var(--pf-t--global--spacer--3xl);
|
|
9355
|
+
--pf-v6-c-login__container--MaxWidth: 31.25rem;
|
|
9356
|
+
--pf-v6-c-login__container--xl--MaxWidth: none;
|
|
9357
|
+
--pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
|
|
9358
|
+
--pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
|
|
9359
|
+
--pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
|
|
9360
|
+
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
9361
|
+
--pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
9362
|
+
--pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
9363
|
+
--pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
9364
|
+
--pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
|
|
9365
|
+
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
9366
|
+
--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
9367
|
+
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
9368
|
+
--pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
9369
|
+
--pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
9370
|
+
--pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
9371
|
+
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
9372
|
+
--pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
9373
|
+
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
9374
|
+
--pf-v6-c-login__main-header--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
9375
|
+
--pf-v6-c-login__main-header--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
|
|
9376
|
+
--pf-v6-c-login__main-header--ColumnGap: var(--pf-t--global--spacer--md);
|
|
9377
|
+
--pf-v6-c-login__main-header--RowGap: var(--pf-t--global--spacer--md);
|
|
9378
|
+
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
9379
|
+
--pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
|
|
9380
|
+
--pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
|
|
9381
|
+
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
9382
|
+
--pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
9383
|
+
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
9384
|
+
--pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
9385
|
+
--pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
|
|
9386
|
+
--pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
9387
|
+
--pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
9388
|
+
--pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
9389
|
+
--pf-v6-c-login__main-footer-links--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
9390
|
+
--pf-v6-c-login__main-footer-links--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
9391
|
+
--pf-v6-c-login__main-footer-links--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
9392
|
+
--pf-v6-c-login__main-footer-links--Gap: var(--pf-t--global--spacer--md);
|
|
9393
|
+
--pf-v6-c-login__main-footer-links-item--c-button--FontSize: var(--pf-t--global--icon--size--xl);
|
|
9394
|
+
--pf-v6-c-login__main-footer-band--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
9395
|
+
--pf-v6-c-login__main-footer-band--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
9396
|
+
--pf-v6-c-login__main-footer-band--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
9397
|
+
--pf-v6-c-login__main-footer-band--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
9398
|
+
--pf-v6-c-login__main-footer-band--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
9399
|
+
--pf-v6-c-login__main-footer-band--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
9400
|
+
--pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
9401
|
+
--pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
9402
|
+
--pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
9403
|
+
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
9404
|
+
--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
9405
|
+
}
|
|
9406
|
+
|
|
9407
|
+
@media (min-width: 75rem) {
|
|
9408
|
+
:where(:root, .pf-v6-c-login) {
|
|
9409
|
+
--pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
|
|
9410
|
+
}
|
|
9411
|
+
}
|
|
9412
|
+
@media (min-width: 36rem) {
|
|
9413
|
+
:where(:root, .pf-v6-c-login) {
|
|
9414
|
+
--pf-v6-c-login__header--PaddingInlineEnd: 0;
|
|
9415
|
+
--pf-v6-c-login__header--PaddingInlineStart: 0;
|
|
9416
|
+
}
|
|
9417
|
+
}
|
|
9418
|
+
@media (min-width: 75rem) {
|
|
9419
|
+
:where(:root, .pf-v6-c-login) {
|
|
9420
|
+
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
|
|
9421
|
+
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
|
|
9422
|
+
}
|
|
9423
|
+
}
|
|
9424
|
+
@media (min-width: 75rem) {
|
|
9425
|
+
:where(:root, .pf-v6-c-login) {
|
|
9426
|
+
--pf-v6-c-login__main--MarginBlockEnd: 0;
|
|
9427
|
+
}
|
|
9428
|
+
}
|
|
9429
|
+
@media (min-width: 48rem) {
|
|
9430
|
+
:where(:root, .pf-v6-c-login) {
|
|
9431
|
+
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
|
|
9432
|
+
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
|
|
9433
|
+
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
|
|
9434
|
+
}
|
|
9435
|
+
}
|
|
9436
|
+
@media (min-width: 48rem) {
|
|
9437
|
+
:where(:root, .pf-v6-c-login) {
|
|
9438
|
+
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
|
|
9439
|
+
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
|
|
9440
|
+
}
|
|
9441
|
+
}
|
|
9442
|
+
@media (min-width: 36rem) {
|
|
9443
|
+
:where(:root, .pf-v6-c-login) {
|
|
9444
|
+
--pf-v6-c-login__footer--PaddingInlineEnd: 0;
|
|
9445
|
+
--pf-v6-c-login__footer--PaddingInlineStart: 0;
|
|
9446
|
+
}
|
|
9447
|
+
}
|
|
9448
|
+
@media (min-width: 75rem) {
|
|
9449
|
+
:where(:root, .pf-v6-c-login) {
|
|
9450
|
+
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
|
|
9451
|
+
}
|
|
9452
|
+
}
|
|
9453
|
+
.pf-v6-c-login {
|
|
9454
|
+
display: flex;
|
|
9455
|
+
justify-content: center;
|
|
9456
|
+
min-height: 100vh;
|
|
9457
|
+
padding-block-start: var(--pf-v6-c-login--PaddingBlockStart);
|
|
9458
|
+
padding-block-end: var(--pf-v6-c-login--PaddingBlockEnd);
|
|
9459
|
+
}
|
|
9460
|
+
|
|
9461
|
+
@media (min-width: 36rem) {
|
|
9462
|
+
.pf-v6-c-login {
|
|
9463
|
+
align-items: center;
|
|
9464
|
+
}
|
|
9465
|
+
}
|
|
9466
|
+
.pf-v6-c-login__container {
|
|
9467
|
+
width: 100%;
|
|
9468
|
+
max-width: var(--pf-v6-c-login__container--MaxWidth);
|
|
9469
|
+
}
|
|
9470
|
+
|
|
9471
|
+
@media (min-width: 75rem) {
|
|
9472
|
+
.pf-v6-c-login__container {
|
|
9473
|
+
display: grid;
|
|
9474
|
+
grid-template-areas: "main header" "main footer" "main .";
|
|
9475
|
+
grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
|
|
9476
|
+
grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
|
|
9477
|
+
justify-content: center;
|
|
9478
|
+
padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
|
|
9479
|
+
padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
|
|
9480
|
+
}
|
|
9481
|
+
}
|
|
9482
|
+
.pf-v6-c-login__header {
|
|
9483
|
+
grid-area: header;
|
|
9484
|
+
padding-inline-start: var(--pf-v6-c-login__header--PaddingInlineStart);
|
|
9485
|
+
padding-inline-end: var(--pf-v6-c-login__header--PaddingInlineEnd);
|
|
9486
|
+
}
|
|
9487
|
+
|
|
9488
|
+
@media (min-width: 75rem) {
|
|
9489
|
+
.pf-v6-c-login__header {
|
|
9490
|
+
margin-block-start: var(--pf-v6-c-login__header--xl--MarginBlockStart);
|
|
9491
|
+
}
|
|
9492
|
+
}
|
|
9493
|
+
.pf-v6-c-login__header .pf-v6-c-brand {
|
|
9494
|
+
margin-block-end: var(--pf-v6-c-login__header--c-brand--MarginBlockEnd);
|
|
9495
|
+
}
|
|
9496
|
+
|
|
9497
|
+
.pf-v6-c-login__main {
|
|
9498
|
+
grid-area: main;
|
|
9499
|
+
align-self: start;
|
|
9500
|
+
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
9501
|
+
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
9502
|
+
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
9503
|
+
}
|
|
9504
|
+
|
|
9505
|
+
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
9506
|
+
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
9507
|
+
}
|
|
9508
|
+
|
|
9509
|
+
.pf-v6-c-login__main > :last-child:not(.pf-v6-c-login__main-footer) {
|
|
9510
|
+
padding-block-end: var(--pf-v6-c-login__main-footer--PaddingBlockEnd);
|
|
9511
|
+
}
|
|
9512
|
+
|
|
9513
|
+
.pf-v6-c-login__main-header {
|
|
9514
|
+
display: grid;
|
|
9515
|
+
grid-template-columns: 100%;
|
|
9516
|
+
row-gap: var(--pf-v6-c-login__main-header--RowGap);
|
|
9517
|
+
column-gap: var(--pf-v6-c-login__main-header--ColumnGap);
|
|
9518
|
+
align-items: center;
|
|
9519
|
+
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
9520
|
+
padding-block-end: var(--pf-v6-c-login__main-header--PaddingBlockEnd);
|
|
9521
|
+
padding-inline-start: var(--pf-v6-c-login__main-header--PaddingInlineStart);
|
|
9522
|
+
padding-inline-end: var(--pf-v6-c-login__main-header--PaddingInlineEnd);
|
|
9523
|
+
}
|
|
9524
|
+
|
|
9525
|
+
@media (min-width: 48rem) {
|
|
9526
|
+
.pf-v6-c-login__main-header {
|
|
9527
|
+
grid-template-columns: 1fr auto;
|
|
9528
|
+
}
|
|
9529
|
+
}
|
|
9530
|
+
.pf-v6-c-login__main-header-utilities,
|
|
9531
|
+
.pf-v6-c-login__main-header .pf-v6-c-menu-toggle {
|
|
9532
|
+
grid-row: auto;
|
|
9533
|
+
grid-column: auto;
|
|
9534
|
+
}
|
|
9535
|
+
|
|
9536
|
+
@media (min-width: 48rem) {
|
|
9537
|
+
.pf-v6-c-login__main-header-utilities,
|
|
9538
|
+
.pf-v6-c-login__main-header .pf-v6-c-menu-toggle {
|
|
9539
|
+
grid-row: 1;
|
|
9540
|
+
grid-column: 2/3;
|
|
9541
|
+
}
|
|
9542
|
+
}
|
|
9543
|
+
.pf-v6-c-login__main-header-desc {
|
|
9544
|
+
grid-column: 1/-1;
|
|
9545
|
+
margin-block-end: var(--pf-v6-c-login__main-header-desc--MarginBlockEnd);
|
|
9546
|
+
font-size: var(--pf-v6-c-login__main-header-desc--FontSize);
|
|
9547
|
+
}
|
|
9548
|
+
|
|
9549
|
+
.pf-v6-c-login__main-body {
|
|
9550
|
+
padding-block-end: var(--pf-v6-c-login__main-body--PaddingBlockEnd);
|
|
9551
|
+
padding-inline-start: var(--pf-v6-c-login__main-body--PaddingInlineStart);
|
|
9552
|
+
padding-inline-end: var(--pf-v6-c-login__main-body--PaddingInlineEnd);
|
|
9519
9553
|
}
|
|
9520
9554
|
|
|
9521
|
-
.pf-v6-c-
|
|
9522
|
-
|
|
9523
|
-
|
|
9555
|
+
.pf-v6-c-login__main-footer {
|
|
9556
|
+
display: flex;
|
|
9557
|
+
flex-wrap: wrap;
|
|
9524
9558
|
}
|
|
9525
9559
|
|
|
9526
|
-
.pf-v6-c-
|
|
9527
|
-
|
|
9528
|
-
|
|
9560
|
+
.pf-v6-c-login__main-footer .pf-v6-c-title {
|
|
9561
|
+
margin-block-end: var(--pf-v6-c-login__main-footer--c-title--MarginBlockEnd);
|
|
9562
|
+
text-align: center;
|
|
9529
9563
|
}
|
|
9530
9564
|
|
|
9531
|
-
.pf-v6-c-
|
|
9532
|
-
|
|
9533
|
-
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
9565
|
+
.pf-v6-c-login__main-footer > * {
|
|
9566
|
+
flex-basis: 100%;
|
|
9534
9567
|
}
|
|
9535
9568
|
|
|
9536
|
-
|
|
9537
|
-
|
|
9538
|
-
|
|
9539
|
-
|
|
9540
|
-
|
|
9541
|
-
|
|
9542
|
-
|
|
9543
|
-
|
|
9544
|
-
|
|
9545
|
-
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
9546
|
-
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
9547
|
-
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
9548
|
-
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
9549
|
-
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
9550
|
-
}
|
|
9551
|
-
.pf-v6-c-masthead.pf-m-display-inline-on-2xl {
|
|
9552
|
-
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
9553
|
-
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
9554
|
-
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
9555
|
-
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
9556
|
-
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
9557
|
-
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
9558
|
-
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
9559
|
-
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
9560
|
-
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
9561
|
-
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
9562
|
-
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
9563
|
-
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
9564
|
-
}
|
|
9569
|
+
.pf-v6-c-login__main-footer-links {
|
|
9570
|
+
display: flex;
|
|
9571
|
+
flex-wrap: wrap;
|
|
9572
|
+
gap: var(--pf-v6-c-login__main-footer-links--Gap);
|
|
9573
|
+
justify-content: center;
|
|
9574
|
+
padding-block-start: var(--pf-v6-c-login__main-footer-links--PaddingBlockStart);
|
|
9575
|
+
padding-block-end: var(--pf-v6-c-login__main-footer-links--PaddingBlockEnd);
|
|
9576
|
+
padding-inline-start: var(--pf-v6-c-login__main-footer-links--PaddingInlineStart);
|
|
9577
|
+
padding-inline-end: var(--pf-v6-c-login__main-footer-links--PaddingInlineEnd);
|
|
9565
9578
|
}
|
|
9566
|
-
|
|
9567
|
-
|
|
9568
|
-
|
|
9579
|
+
|
|
9580
|
+
.pf-v6-c-login__main-footer-links-item .pf-v6-c-button {
|
|
9581
|
+
--pf-v6-c-button--FontSize: var(--pf-v6-c-login__main-footer-links-item--c-button--FontSize);
|
|
9569
9582
|
}
|
|
9570
9583
|
|
|
9571
|
-
.pf-v6-c-
|
|
9572
|
-
padding-
|
|
9573
|
-
padding-
|
|
9584
|
+
.pf-v6-c-login__main-footer-band {
|
|
9585
|
+
padding-block-start: var(--pf-v6-c-login__main-footer-band--PaddingBlockStart);
|
|
9586
|
+
padding-block-end: var(--pf-v6-c-login__main-footer-band--PaddingBlockEnd);
|
|
9587
|
+
padding-inline-start: var(--pf-v6-c-login__main-footer-band--PaddingInlineStart);
|
|
9588
|
+
padding-inline-end: var(--pf-v6-c-login__main-footer-band--PaddingInlineEnd);
|
|
9589
|
+
text-align: center;
|
|
9590
|
+
border-block-start: var(--pf-v6-c-login__main-footer-band--BorderBlockStartWidth) solid var(--pf-v6-c-login__main-footer-band--BorderBlockStartColor);
|
|
9574
9591
|
}
|
|
9575
9592
|
|
|
9576
|
-
.pf-v6-c-
|
|
9577
|
-
padding-
|
|
9578
|
-
padding-inline-end: var(--pf-t--global--spacer--md);
|
|
9593
|
+
.pf-v6-c-login__main-footer-band > * + * {
|
|
9594
|
+
padding-block-start: var(--pf-v6-c-login__main-footer-band-item--PaddingBlockStart);
|
|
9579
9595
|
}
|
|
9580
9596
|
|
|
9581
|
-
.pf-v6-c-
|
|
9582
|
-
|
|
9583
|
-
padding-inline-
|
|
9597
|
+
.pf-v6-c-login__footer {
|
|
9598
|
+
grid-area: footer;
|
|
9599
|
+
padding-inline-start: var(--pf-v6-c-login__footer--PaddingInlineStart);
|
|
9600
|
+
padding-inline-end: var(--pf-v6-c-login__footer--PaddingInlineEnd);
|
|
9584
9601
|
}
|
|
9585
9602
|
|
|
9586
|
-
.pf-v6-c-
|
|
9587
|
-
|
|
9588
|
-
padding-inline-end: var(--pf-t--global--spacer--xl);
|
|
9603
|
+
.pf-v6-c-login__footer .pf-v6-c-list a {
|
|
9604
|
+
color: unset;
|
|
9589
9605
|
}
|
|
9590
9606
|
|
|
9591
|
-
.pf-v6-c-
|
|
9592
|
-
padding-
|
|
9593
|
-
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
9607
|
+
.pf-v6-c-login__footer .pf-v6-c-list:not(:only-child) {
|
|
9608
|
+
padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
|
|
9594
9609
|
}
|
|
9595
9610
|
|
|
9596
9611
|
:where(:root, .pf-v6-c-menu) {
|
|
@@ -16001,136 +16016,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16001
16016
|
line-height: var(--pf-v6-c-title--m-h6--LineHeight);
|
|
16002
16017
|
}
|
|
16003
16018
|
|
|
16004
|
-
:where(:root, .pf-v6-c-toggle-group) {
|
|
16005
|
-
--pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
16006
|
-
--pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
16007
|
-
--pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
16008
|
-
--pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
16009
|
-
--pf-v6-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
16010
|
-
--pf-v6-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
16011
|
-
--pf-v6-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
|
|
16012
|
-
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
16013
|
-
--pf-v6-c-toggle-group__button--ZIndex: auto;
|
|
16014
|
-
--pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
16015
|
-
--pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
|
|
16016
|
-
--pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
16017
|
-
--pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
16018
|
-
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
16019
|
-
--pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
|
|
16020
|
-
--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--tiny);
|
|
16021
|
-
--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--tiny);
|
|
16022
|
-
--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--tiny);
|
|
16023
|
-
--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--tiny);
|
|
16024
|
-
--pf-v6-c-toggle-group__icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
16025
|
-
--pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
16026
|
-
--pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
16027
|
-
--pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
16028
|
-
--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
16029
|
-
--pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
|
|
16030
|
-
--pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
16031
|
-
--pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
16032
|
-
--pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
|
|
16033
|
-
--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
16034
|
-
--pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
|
|
16035
|
-
--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
|
|
16036
|
-
--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
16037
|
-
--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd: 0;
|
|
16038
|
-
--pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
16039
|
-
--pf-v6-c-toggle-group--m-compact__button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
16040
|
-
}
|
|
16041
|
-
|
|
16042
|
-
.pf-v6-c-toggle-group {
|
|
16043
|
-
display: flex;
|
|
16044
|
-
}
|
|
16045
|
-
|
|
16046
|
-
.pf-v6-c-toggle-group.pf-m-compact {
|
|
16047
|
-
--pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart);
|
|
16048
|
-
--pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd);
|
|
16049
|
-
--pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd);
|
|
16050
|
-
--pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart);
|
|
16051
|
-
--pf-v6-c-toggle-group__button--FontSize: var(--pf-v6-c-toggle-group--m-compact__button--FontSize);
|
|
16052
|
-
}
|
|
16053
|
-
|
|
16054
|
-
.pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
|
|
16055
|
-
margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
|
|
16056
|
-
}
|
|
16057
|
-
|
|
16058
|
-
.pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button::before {
|
|
16059
|
-
border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
|
|
16060
|
-
border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
|
|
16061
|
-
}
|
|
16062
|
-
|
|
16063
|
-
.pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button::before {
|
|
16064
|
-
border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
|
|
16065
|
-
border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
|
|
16066
|
-
}
|
|
16067
|
-
|
|
16068
|
-
.pf-v6-c-toggle-group__button {
|
|
16069
|
-
position: relative;
|
|
16070
|
-
z-index: var(--pf-v6-c-toggle-group__button--ZIndex);
|
|
16071
|
-
display: inline-flex;
|
|
16072
|
-
padding-block-start: var(--pf-v6-c-toggle-group__button--PaddingBlockStart);
|
|
16073
|
-
padding-block-end: var(--pf-v6-c-toggle-group__button--PaddingBlockEnd);
|
|
16074
|
-
padding-inline-start: var(--pf-v6-c-toggle-group__button--PaddingInlineStart);
|
|
16075
|
-
padding-inline-end: var(--pf-v6-c-toggle-group__button--PaddingInlineEnd);
|
|
16076
|
-
font-size: var(--pf-v6-c-toggle-group__button--FontSize);
|
|
16077
|
-
line-height: var(--pf-v6-c-toggle-group__button--LineHeight);
|
|
16078
|
-
color: var(--pf-v6-c-toggle-group__button--Color);
|
|
16079
|
-
background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
|
|
16080
|
-
border: 0;
|
|
16081
|
-
}
|
|
16082
|
-
|
|
16083
|
-
.pf-v6-c-toggle-group__button::before {
|
|
16084
|
-
position: absolute;
|
|
16085
|
-
inset-block-start: 0;
|
|
16086
|
-
inset-block-end: 0;
|
|
16087
|
-
inset-inline-start: 0;
|
|
16088
|
-
inset-inline-end: 0;
|
|
16089
|
-
pointer-events: none;
|
|
16090
|
-
content: "";
|
|
16091
|
-
border-style: solid;
|
|
16092
|
-
border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
|
|
16093
|
-
border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
16094
|
-
border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
16095
|
-
border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
16096
|
-
border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
16097
|
-
}
|
|
16098
|
-
|
|
16099
|
-
.pf-v6-c-toggle-group__button:is(:hover, :focus) {
|
|
16100
|
-
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
|
|
16101
|
-
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
|
|
16102
|
-
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
|
|
16103
|
-
text-decoration: none;
|
|
16104
|
-
}
|
|
16105
|
-
|
|
16106
|
-
.pf-v6-c-toggle-group__button.pf-m-selected {
|
|
16107
|
-
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
|
|
16108
|
-
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
|
|
16109
|
-
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
|
|
16110
|
-
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
|
|
16111
|
-
}
|
|
16112
|
-
|
|
16113
|
-
.pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
|
|
16114
|
-
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
|
|
16115
|
-
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
|
|
16116
|
-
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
|
|
16117
|
-
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--disabled--before--BorderColor);
|
|
16118
|
-
pointer-events: none;
|
|
16119
|
-
}
|
|
16120
|
-
|
|
16121
|
-
.pf-v6-c-toggle-group__item:has(.pf-m-selected) + .pf-v6-c-toggle-group__item:has(.pf-m-selected) {
|
|
16122
|
-
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor);
|
|
16123
|
-
}
|
|
16124
|
-
|
|
16125
|
-
.pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
|
|
16126
|
-
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor);
|
|
16127
|
-
}
|
|
16128
|
-
|
|
16129
|
-
.pf-v6-c-toggle-group__icon + .pf-v6-c-toggle-group__text,
|
|
16130
|
-
.pf-v6-c-toggle-group__text + .pf-v6-c-toggle-group__icon {
|
|
16131
|
-
margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
|
|
16132
|
-
}
|
|
16133
|
-
|
|
16134
16019
|
:where(:root, .pf-v6-c-toolbar) {
|
|
16135
16020
|
--pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
|
|
16136
16021
|
--pf-v6-c-toolbar--PaddingBlockStart: 0;
|
|
@@ -18108,6 +17993,178 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18108
17993
|
display: inline-flex;
|
|
18109
17994
|
}
|
|
18110
17995
|
}
|
|
17996
|
+
:where(:root, .pf-v6-c-toggle-group) {
|
|
17997
|
+
--pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
17998
|
+
--pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
17999
|
+
--pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18000
|
+
--pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18001
|
+
--pf-v6-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
18002
|
+
--pf-v6-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
18003
|
+
--pf-v6-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
|
|
18004
|
+
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
18005
|
+
--pf-v6-c-toggle-group__button--ZIndex: auto;
|
|
18006
|
+
--pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
18007
|
+
--pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
|
|
18008
|
+
--pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
18009
|
+
--pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
18010
|
+
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
18011
|
+
--pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
|
|
18012
|
+
--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--tiny);
|
|
18013
|
+
--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--tiny);
|
|
18014
|
+
--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--tiny);
|
|
18015
|
+
--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--tiny);
|
|
18016
|
+
--pf-v6-c-toggle-group__icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
18017
|
+
--pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
18018
|
+
--pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
18019
|
+
--pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
18020
|
+
--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
18021
|
+
--pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
|
|
18022
|
+
--pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
18023
|
+
--pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
18024
|
+
--pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
|
|
18025
|
+
--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
18026
|
+
--pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
|
|
18027
|
+
--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
|
|
18028
|
+
--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
18029
|
+
--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd: 0;
|
|
18030
|
+
--pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
18031
|
+
--pf-v6-c-toggle-group--m-compact__button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
18032
|
+
}
|
|
18033
|
+
|
|
18034
|
+
.pf-v6-c-toggle-group {
|
|
18035
|
+
display: flex;
|
|
18036
|
+
}
|
|
18037
|
+
|
|
18038
|
+
.pf-v6-c-toggle-group.pf-m-compact {
|
|
18039
|
+
--pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart);
|
|
18040
|
+
--pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd);
|
|
18041
|
+
--pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd);
|
|
18042
|
+
--pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart);
|
|
18043
|
+
--pf-v6-c-toggle-group__button--FontSize: var(--pf-v6-c-toggle-group--m-compact__button--FontSize);
|
|
18044
|
+
}
|
|
18045
|
+
|
|
18046
|
+
.pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
|
|
18047
|
+
margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
|
|
18048
|
+
}
|
|
18049
|
+
|
|
18050
|
+
.pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button::before {
|
|
18051
|
+
border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
|
|
18052
|
+
border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
|
|
18053
|
+
}
|
|
18054
|
+
|
|
18055
|
+
.pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button::before {
|
|
18056
|
+
border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
|
|
18057
|
+
border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
|
|
18058
|
+
}
|
|
18059
|
+
|
|
18060
|
+
.pf-v6-c-toggle-group__button {
|
|
18061
|
+
position: relative;
|
|
18062
|
+
z-index: var(--pf-v6-c-toggle-group__button--ZIndex);
|
|
18063
|
+
display: inline-flex;
|
|
18064
|
+
padding-block-start: var(--pf-v6-c-toggle-group__button--PaddingBlockStart);
|
|
18065
|
+
padding-block-end: var(--pf-v6-c-toggle-group__button--PaddingBlockEnd);
|
|
18066
|
+
padding-inline-start: var(--pf-v6-c-toggle-group__button--PaddingInlineStart);
|
|
18067
|
+
padding-inline-end: var(--pf-v6-c-toggle-group__button--PaddingInlineEnd);
|
|
18068
|
+
font-size: var(--pf-v6-c-toggle-group__button--FontSize);
|
|
18069
|
+
line-height: var(--pf-v6-c-toggle-group__button--LineHeight);
|
|
18070
|
+
color: var(--pf-v6-c-toggle-group__button--Color);
|
|
18071
|
+
background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
|
|
18072
|
+
border: 0;
|
|
18073
|
+
}
|
|
18074
|
+
|
|
18075
|
+
.pf-v6-c-toggle-group__button::before {
|
|
18076
|
+
position: absolute;
|
|
18077
|
+
inset-block-start: 0;
|
|
18078
|
+
inset-block-end: 0;
|
|
18079
|
+
inset-inline-start: 0;
|
|
18080
|
+
inset-inline-end: 0;
|
|
18081
|
+
pointer-events: none;
|
|
18082
|
+
content: "";
|
|
18083
|
+
border-style: solid;
|
|
18084
|
+
border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
|
|
18085
|
+
border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
18086
|
+
border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
18087
|
+
border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
18088
|
+
border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
18089
|
+
}
|
|
18090
|
+
|
|
18091
|
+
.pf-v6-c-toggle-group__button:is(:hover, :focus) {
|
|
18092
|
+
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
|
|
18093
|
+
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
|
|
18094
|
+
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
|
|
18095
|
+
text-decoration: none;
|
|
18096
|
+
}
|
|
18097
|
+
|
|
18098
|
+
.pf-v6-c-toggle-group__button.pf-m-selected {
|
|
18099
|
+
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
|
|
18100
|
+
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
|
|
18101
|
+
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
|
|
18102
|
+
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
|
|
18103
|
+
}
|
|
18104
|
+
|
|
18105
|
+
.pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
|
|
18106
|
+
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
|
|
18107
|
+
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
|
|
18108
|
+
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
|
|
18109
|
+
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--disabled--before--BorderColor);
|
|
18110
|
+
pointer-events: none;
|
|
18111
|
+
}
|
|
18112
|
+
|
|
18113
|
+
.pf-v6-c-toggle-group__item:has(.pf-m-selected) + .pf-v6-c-toggle-group__item:has(.pf-m-selected) {
|
|
18114
|
+
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor);
|
|
18115
|
+
}
|
|
18116
|
+
|
|
18117
|
+
.pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
|
|
18118
|
+
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor);
|
|
18119
|
+
}
|
|
18120
|
+
|
|
18121
|
+
.pf-v6-c-toggle-group__icon + .pf-v6-c-toggle-group__text,
|
|
18122
|
+
.pf-v6-c-toggle-group__text + .pf-v6-c-toggle-group__icon {
|
|
18123
|
+
margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
|
|
18124
|
+
}
|
|
18125
|
+
|
|
18126
|
+
:where(:root, .pf-v6-c-number-input) {
|
|
18127
|
+
--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
18128
|
+
--pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
|
|
18129
|
+
--pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
|
|
18130
|
+
--pf-v6-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
|
|
18131
|
+
--pf-v6-c-number-input--c-form-control--width-chars: 4;
|
|
18132
|
+
--pf-v6-c-number-input--c-form-control--Width:
|
|
18133
|
+
calc(
|
|
18134
|
+
calc(
|
|
18135
|
+
var(--pf-v6-c-number-input--c-form-control--width-base) + var(--pf-v6-c-number-input--c-form-control--width-chars) * 1ch
|
|
18136
|
+
) + var(--pf-v6-c-number-input--c-form-control--width-icon)
|
|
18137
|
+
);
|
|
18138
|
+
}
|
|
18139
|
+
|
|
18140
|
+
.pf-v6-c-number-input {
|
|
18141
|
+
display: inline-flex;
|
|
18142
|
+
align-items: center;
|
|
18143
|
+
}
|
|
18144
|
+
|
|
18145
|
+
.pf-v6-c-number-input .pf-v6-c-form-control {
|
|
18146
|
+
width: var(--pf-v6-c-number-input--c-form-control--Width);
|
|
18147
|
+
}
|
|
18148
|
+
|
|
18149
|
+
.pf-v6-c-number-input .pf-v6-c-form-control > :is(input) {
|
|
18150
|
+
text-align: end;
|
|
18151
|
+
appearance: textfield;
|
|
18152
|
+
}
|
|
18153
|
+
|
|
18154
|
+
.pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
|
|
18155
|
+
margin: 0;
|
|
18156
|
+
appearance: none;
|
|
18157
|
+
}
|
|
18158
|
+
|
|
18159
|
+
.pf-v6-c-input-group + .pf-v6-c-number-input__unit,
|
|
18160
|
+
.pf-v6-c-number-input__unit + .pf-v6-c-input-group {
|
|
18161
|
+
margin-inline-start: var(--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart);
|
|
18162
|
+
}
|
|
18163
|
+
|
|
18164
|
+
.pf-v6-c-number-input__icon {
|
|
18165
|
+
font-size: var(--pf-v6-c-number-input__icon--FontSize);
|
|
18166
|
+
}
|
|
18167
|
+
|
|
18111
18168
|
:where(:root, .pf-v6-c-tooltip) {
|
|
18112
18169
|
--pf-v6-c-tooltip--MaxWidth: 18.75rem;
|
|
18113
18170
|
--pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
@@ -18239,48 +18296,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18239
18296
|
transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
|
|
18240
18297
|
}
|
|
18241
18298
|
|
|
18242
|
-
:where(:root, .pf-v6-c-number-input) {
|
|
18243
|
-
--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
18244
|
-
--pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
|
|
18245
|
-
--pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
|
|
18246
|
-
--pf-v6-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
|
|
18247
|
-
--pf-v6-c-number-input--c-form-control--width-chars: 4;
|
|
18248
|
-
--pf-v6-c-number-input--c-form-control--Width:
|
|
18249
|
-
calc(
|
|
18250
|
-
calc(
|
|
18251
|
-
var(--pf-v6-c-number-input--c-form-control--width-base) + var(--pf-v6-c-number-input--c-form-control--width-chars) * 1ch
|
|
18252
|
-
) + var(--pf-v6-c-number-input--c-form-control--width-icon)
|
|
18253
|
-
);
|
|
18254
|
-
}
|
|
18255
|
-
|
|
18256
|
-
.pf-v6-c-number-input {
|
|
18257
|
-
display: inline-flex;
|
|
18258
|
-
align-items: center;
|
|
18259
|
-
}
|
|
18260
|
-
|
|
18261
|
-
.pf-v6-c-number-input .pf-v6-c-form-control {
|
|
18262
|
-
width: var(--pf-v6-c-number-input--c-form-control--Width);
|
|
18263
|
-
}
|
|
18264
|
-
|
|
18265
|
-
.pf-v6-c-number-input .pf-v6-c-form-control > :is(input) {
|
|
18266
|
-
text-align: end;
|
|
18267
|
-
appearance: textfield;
|
|
18268
|
-
}
|
|
18269
|
-
|
|
18270
|
-
.pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
|
|
18271
|
-
margin: 0;
|
|
18272
|
-
appearance: none;
|
|
18273
|
-
}
|
|
18274
|
-
|
|
18275
|
-
.pf-v6-c-input-group + .pf-v6-c-number-input__unit,
|
|
18276
|
-
.pf-v6-c-number-input__unit + .pf-v6-c-input-group {
|
|
18277
|
-
margin-inline-start: var(--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart);
|
|
18278
|
-
}
|
|
18279
|
-
|
|
18280
|
-
.pf-v6-c-number-input__icon {
|
|
18281
|
-
font-size: var(--pf-v6-c-number-input__icon--FontSize);
|
|
18282
|
-
}
|
|
18283
|
-
|
|
18284
18299
|
:where(:root, .pf-v6-c-tree-view) {
|
|
18285
18300
|
--pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
|
|
18286
18301
|
--pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
|
|
@@ -19256,143 +19271,89 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
19256
19271
|
}
|
|
19257
19272
|
|
|
19258
19273
|
.pf-v6-c-wizard__main {
|
|
19259
|
-
z-index: var(--pf-v6-c-wizard__main--ZIndex);
|
|
19260
|
-
display: flex;
|
|
19261
|
-
flex-direction: column;
|
|
19262
|
-
flex-grow: 1;
|
|
19263
|
-
overflow-x: hidden;
|
|
19264
|
-
overflow-y: auto;
|
|
19265
|
-
word-break: break-word;
|
|
19266
|
-
}
|
|
19267
|
-
|
|
19268
|
-
.pf-v6-c-wizard__main-body {
|
|
19269
|
-
padding-block-start: var(--pf-v6-c-wizard__main-body--PaddingBlockStart);
|
|
19270
|
-
padding-block-end: var(--pf-v6-c-wizard__main-body--PaddingBlockEnd);
|
|
19271
|
-
padding-inline-start: var(--pf-v6-c-wizard__main-body--PaddingInlineStart);
|
|
19272
|
-
padding-inline-end: var(--pf-v6-c-wizard__main-body--PaddingInlineEnd);
|
|
19273
|
-
}
|
|
19274
|
-
|
|
19275
|
-
.pf-v6-c-wizard__main-body.pf-m-no-padding {
|
|
19276
|
-
padding: 0;
|
|
19277
|
-
}
|
|
19278
|
-
|
|
19279
|
-
.pf-v6-c-wizard__main-body:last-child {
|
|
19280
|
-
flex-grow: 1;
|
|
19281
|
-
}
|
|
19282
|
-
|
|
19283
|
-
.pf-v6-c-wizard__footer {
|
|
19284
|
-
position: relative;
|
|
19285
|
-
z-index: var(--pf-v6-c-wizard__footer--ZIndex);
|
|
19286
|
-
padding-block-start: var(--pf-v6-c-wizard__footer--PaddingBlockStart);
|
|
19287
|
-
padding-block-end: var(--pf-v6-c-wizard__footer--PaddingBlockEnd);
|
|
19288
|
-
padding-inline-start: var(--pf-v6-c-wizard__footer--PaddingInlineStart);
|
|
19289
|
-
padding-inline-end: var(--pf-v6-c-wizard__footer--PaddingInlineEnd);
|
|
19290
|
-
background-color: var(--pf-v6-c-wizard__footer--BackgroundColor);
|
|
19291
|
-
border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
|
|
19292
|
-
}
|
|
19293
|
-
|
|
19294
|
-
:where(:root, .pf-v6-c-panel) {
|
|
19295
|
-
--pf-v6-c-panel--Width: auto;
|
|
19296
|
-
--pf-v6-c-panel--MinWidth: auto;
|
|
19297
|
-
--pf-v6-c-panel--MaxWidth: none;
|
|
19298
|
-
--pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
19299
|
-
--pf-v6-c-panel--BoxShadow: none;
|
|
19300
|
-
--pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
19301
|
-
--pf-v6-c-panel--before--BorderWidth: 0;
|
|
19302
|
-
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
19303
|
-
--pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
19304
|
-
--pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
19305
|
-
--pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
19306
|
-
--pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
19307
|
-
--pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19308
|
-
--pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
19309
|
-
--pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
19310
|
-
--pf-v6-c-panel__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
19311
|
-
--pf-v6-c-panel__main--MaxHeight: none;
|
|
19312
|
-
--pf-v6-c-panel__main--Overflow: visible;
|
|
19313
|
-
--pf-v6-c-panel__main-body--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19314
|
-
--pf-v6-c-panel__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
19315
|
-
--pf-v6-c-panel__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
19316
|
-
--pf-v6-c-panel__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
19317
|
-
--pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
19318
|
-
--pf-v6-c-panel__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
19319
|
-
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
19320
|
-
--pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
19321
|
-
--pf-v6-c-panel__footer--BoxShadow: none;
|
|
19322
|
-
--pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
|
|
19323
|
-
--pf-v6-c-panel--m-scrollable__main--Overflow: auto;
|
|
19324
|
-
--pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
19325
|
-
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19326
|
-
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
19274
|
+
z-index: var(--pf-v6-c-wizard__main--ZIndex);
|
|
19275
|
+
display: flex;
|
|
19276
|
+
flex-direction: column;
|
|
19277
|
+
flex-grow: 1;
|
|
19278
|
+
overflow-x: hidden;
|
|
19279
|
+
overflow-y: auto;
|
|
19280
|
+
word-break: break-word;
|
|
19327
19281
|
}
|
|
19328
19282
|
|
|
19329
|
-
.pf-v6-c-
|
|
19330
|
-
|
|
19331
|
-
|
|
19332
|
-
|
|
19333
|
-
|
|
19334
|
-
background-color: var(--pf-v6-c-panel--BackgroundColor);
|
|
19335
|
-
border-radius: var(--pf-v6-c-panel--BorderRadius);
|
|
19336
|
-
box-shadow: var(--pf-v6-c-panel--BoxShadow);
|
|
19283
|
+
.pf-v6-c-wizard__main-body {
|
|
19284
|
+
padding-block-start: var(--pf-v6-c-wizard__main-body--PaddingBlockStart);
|
|
19285
|
+
padding-block-end: var(--pf-v6-c-wizard__main-body--PaddingBlockEnd);
|
|
19286
|
+
padding-inline-start: var(--pf-v6-c-wizard__main-body--PaddingInlineStart);
|
|
19287
|
+
padding-inline-end: var(--pf-v6-c-wizard__main-body--PaddingInlineEnd);
|
|
19337
19288
|
}
|
|
19338
19289
|
|
|
19339
|
-
.pf-v6-c-
|
|
19340
|
-
|
|
19341
|
-
inset: 0;
|
|
19342
|
-
pointer-events: none;
|
|
19343
|
-
content: "";
|
|
19344
|
-
border: var(--pf-v6-c-panel--before--BorderWidth) solid var(--pf-v6-c-panel--before--BorderColor);
|
|
19345
|
-
border-radius: var(--pf-v6-c-panel--BorderRadius);
|
|
19290
|
+
.pf-v6-c-wizard__main-body.pf-m-no-padding {
|
|
19291
|
+
padding: 0;
|
|
19346
19292
|
}
|
|
19347
19293
|
|
|
19348
|
-
.pf-v6-c-
|
|
19349
|
-
|
|
19294
|
+
.pf-v6-c-wizard__main-body:last-child {
|
|
19295
|
+
flex-grow: 1;
|
|
19350
19296
|
}
|
|
19351
19297
|
|
|
19352
|
-
.pf-v6-c-
|
|
19353
|
-
|
|
19298
|
+
.pf-v6-c-wizard__footer {
|
|
19299
|
+
position: relative;
|
|
19300
|
+
z-index: var(--pf-v6-c-wizard__footer--ZIndex);
|
|
19301
|
+
padding-block-start: var(--pf-v6-c-wizard__footer--PaddingBlockStart);
|
|
19302
|
+
padding-block-end: var(--pf-v6-c-wizard__footer--PaddingBlockEnd);
|
|
19303
|
+
padding-inline-start: var(--pf-v6-c-wizard__footer--PaddingInlineStart);
|
|
19304
|
+
padding-inline-end: var(--pf-v6-c-wizard__footer--PaddingInlineEnd);
|
|
19305
|
+
background-color: var(--pf-v6-c-wizard__footer--BackgroundColor);
|
|
19306
|
+
border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
|
|
19354
19307
|
}
|
|
19355
19308
|
|
|
19356
|
-
.pf-v6-c-
|
|
19357
|
-
--pf-v6-c-
|
|
19358
|
-
--pf-v6-c-
|
|
19309
|
+
:where(:root, .pf-v6-c-truncate) {
|
|
19310
|
+
--pf-v6-c-truncate--MinWidth: 6ch;
|
|
19311
|
+
--pf-v6-c-truncate__start--MinWidth: 6ch;
|
|
19359
19312
|
}
|
|
19360
19313
|
|
|
19361
|
-
.pf-v6-c-
|
|
19362
|
-
|
|
19363
|
-
|
|
19364
|
-
|
|
19365
|
-
|
|
19366
|
-
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
|
|
19314
|
+
.pf-v6-c-truncate {
|
|
19315
|
+
display: inline-grid;
|
|
19316
|
+
grid-auto-flow: column;
|
|
19317
|
+
align-items: baseline;
|
|
19318
|
+
min-width: var(--pf-v6-c-truncate--MinWidth);
|
|
19367
19319
|
}
|
|
19368
19320
|
|
|
19369
|
-
.pf-v6-c-
|
|
19370
|
-
|
|
19371
|
-
|
|
19372
|
-
|
|
19373
|
-
|
|
19321
|
+
.pf-v6-c-truncate__start,
|
|
19322
|
+
.pf-v6-c-truncate__end {
|
|
19323
|
+
overflow: hidden;
|
|
19324
|
+
text-overflow: ellipsis;
|
|
19325
|
+
white-space: pre;
|
|
19374
19326
|
}
|
|
19375
19327
|
|
|
19376
|
-
.pf-v6-c-
|
|
19377
|
-
|
|
19378
|
-
overflow: var(--pf-v6-c-panel__main--Overflow);
|
|
19328
|
+
.pf-v6-c-truncate__start {
|
|
19329
|
+
min-width: var(--pf-v6-c-truncate__start--MinWidth);
|
|
19379
19330
|
}
|
|
19380
19331
|
|
|
19381
|
-
.pf-v6-c-
|
|
19382
|
-
|
|
19383
|
-
padding-block-end: var(--pf-v6-c-panel__main-body--PaddingBlockEnd);
|
|
19384
|
-
padding-inline-start: var(--pf-v6-c-panel__main-body--PaddingInlineStart);
|
|
19385
|
-
padding-inline-end: var(--pf-v6-c-panel__main-body--PaddingInlineEnd);
|
|
19332
|
+
.pf-v6-c-truncate__end {
|
|
19333
|
+
direction: rtl;
|
|
19386
19334
|
}
|
|
19387
19335
|
|
|
19388
|
-
.pf-v6-c-
|
|
19389
|
-
|
|
19390
|
-
|
|
19391
|
-
|
|
19392
|
-
|
|
19393
|
-
|
|
19336
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
|
|
19337
|
+
direction: ltr;
|
|
19338
|
+
}
|
|
19339
|
+
|
|
19340
|
+
.pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
|
|
19341
|
+
overflow: visible;
|
|
19342
|
+
direction: ltr;
|
|
19394
19343
|
}
|
|
19395
19344
|
|
|
19345
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
|
|
19346
|
+
direction: rtl;
|
|
19347
|
+
}
|
|
19348
|
+
|
|
19349
|
+
@supports (-webkit-hyphens: none) {
|
|
19350
|
+
.pf-v6-c-truncate__end {
|
|
19351
|
+
direction: ltr;
|
|
19352
|
+
}
|
|
19353
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
|
|
19354
|
+
direction: rtl;
|
|
19355
|
+
}
|
|
19356
|
+
}
|
|
19396
19357
|
:where(:root, .pf-v6-c-alert-group) {
|
|
19397
19358
|
--pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
|
|
19398
19359
|
--pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
|
|
@@ -19515,54 +19476,108 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
19515
19476
|
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
|
|
19516
19477
|
}
|
|
19517
19478
|
|
|
19518
|
-
:where(:root, .pf-v6-c-
|
|
19519
|
-
--pf-v6-c-
|
|
19520
|
-
--pf-v6-c-
|
|
19479
|
+
:where(:root, .pf-v6-c-panel) {
|
|
19480
|
+
--pf-v6-c-panel--Width: auto;
|
|
19481
|
+
--pf-v6-c-panel--MinWidth: auto;
|
|
19482
|
+
--pf-v6-c-panel--MaxWidth: none;
|
|
19483
|
+
--pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
19484
|
+
--pf-v6-c-panel--BoxShadow: none;
|
|
19485
|
+
--pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
19486
|
+
--pf-v6-c-panel--before--BorderWidth: 0;
|
|
19487
|
+
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
19488
|
+
--pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
19489
|
+
--pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
19490
|
+
--pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
19491
|
+
--pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
19492
|
+
--pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19493
|
+
--pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
19494
|
+
--pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
19495
|
+
--pf-v6-c-panel__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
19496
|
+
--pf-v6-c-panel__main--MaxHeight: none;
|
|
19497
|
+
--pf-v6-c-panel__main--Overflow: visible;
|
|
19498
|
+
--pf-v6-c-panel__main-body--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19499
|
+
--pf-v6-c-panel__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
19500
|
+
--pf-v6-c-panel__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
19501
|
+
--pf-v6-c-panel__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
19502
|
+
--pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
19503
|
+
--pf-v6-c-panel__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
19504
|
+
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
19505
|
+
--pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
19506
|
+
--pf-v6-c-panel__footer--BoxShadow: none;
|
|
19507
|
+
--pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
|
|
19508
|
+
--pf-v6-c-panel--m-scrollable__main--Overflow: auto;
|
|
19509
|
+
--pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
19510
|
+
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19511
|
+
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
19521
19512
|
}
|
|
19522
19513
|
|
|
19523
|
-
.pf-v6-c-
|
|
19524
|
-
|
|
19525
|
-
|
|
19526
|
-
|
|
19527
|
-
|
|
19514
|
+
.pf-v6-c-panel {
|
|
19515
|
+
position: relative;
|
|
19516
|
+
width: var(--pf-v6-c-panel--Width);
|
|
19517
|
+
min-width: var(--pf-v6-c-panel--MinWidth);
|
|
19518
|
+
max-width: var(--pf-v6-c-panel--MaxWidth);
|
|
19519
|
+
background-color: var(--pf-v6-c-panel--BackgroundColor);
|
|
19520
|
+
border-radius: var(--pf-v6-c-panel--BorderRadius);
|
|
19521
|
+
box-shadow: var(--pf-v6-c-panel--BoxShadow);
|
|
19528
19522
|
}
|
|
19529
19523
|
|
|
19530
|
-
.pf-v6-c-
|
|
19531
|
-
|
|
19532
|
-
|
|
19533
|
-
|
|
19534
|
-
|
|
19524
|
+
.pf-v6-c-panel::before {
|
|
19525
|
+
position: absolute;
|
|
19526
|
+
inset: 0;
|
|
19527
|
+
pointer-events: none;
|
|
19528
|
+
content: "";
|
|
19529
|
+
border: var(--pf-v6-c-panel--before--BorderWidth) solid var(--pf-v6-c-panel--before--BorderColor);
|
|
19530
|
+
border-radius: var(--pf-v6-c-panel--BorderRadius);
|
|
19535
19531
|
}
|
|
19536
19532
|
|
|
19537
|
-
.pf-v6-c-
|
|
19538
|
-
|
|
19533
|
+
.pf-v6-c-panel.pf-m-bordered {
|
|
19534
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
|
|
19539
19535
|
}
|
|
19540
19536
|
|
|
19541
|
-
.pf-v6-c-
|
|
19542
|
-
|
|
19537
|
+
.pf-v6-c-panel.pf-m-secondary {
|
|
19538
|
+
--pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
|
|
19543
19539
|
}
|
|
19544
19540
|
|
|
19545
|
-
|
|
19546
|
-
|
|
19541
|
+
.pf-v6-c-panel.pf-m-raised {
|
|
19542
|
+
--pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
|
|
19543
|
+
--pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
|
|
19547
19544
|
}
|
|
19548
19545
|
|
|
19549
|
-
.pf-v6-c-
|
|
19550
|
-
|
|
19551
|
-
|
|
19546
|
+
.pf-v6-c-panel.pf-m-scrollable {
|
|
19547
|
+
--pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
|
|
19548
|
+
--pf-v6-c-panel__main--Overflow: var(--pf-v6-c-panel--m-scrollable__main--Overflow);
|
|
19549
|
+
--pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
|
|
19550
|
+
--pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
|
|
19551
|
+
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
|
|
19552
19552
|
}
|
|
19553
19553
|
|
|
19554
|
-
|
|
19555
|
-
|
|
19554
|
+
.pf-v6-c-panel__header {
|
|
19555
|
+
padding-block-start: var(--pf-v6-c-panel__header--PaddingBlockStart);
|
|
19556
|
+
padding-block-end: var(--pf-v6-c-panel__header--PaddingBlockEnd);
|
|
19557
|
+
padding-inline-start: var(--pf-v6-c-panel__header--PaddingInlineStart);
|
|
19558
|
+
padding-inline-end: var(--pf-v6-c-panel__header--PaddingInlineEnd);
|
|
19556
19559
|
}
|
|
19557
19560
|
|
|
19558
|
-
|
|
19559
|
-
|
|
19560
|
-
|
|
19561
|
-
}
|
|
19562
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
|
|
19563
|
-
direction: rtl;
|
|
19564
|
-
}
|
|
19561
|
+
.pf-v6-c-panel__main {
|
|
19562
|
+
max-height: var(--pf-v6-c-panel__main--MaxHeight);
|
|
19563
|
+
overflow: var(--pf-v6-c-panel__main--Overflow);
|
|
19565
19564
|
}
|
|
19565
|
+
|
|
19566
|
+
.pf-v6-c-panel__main-body {
|
|
19567
|
+
padding-block-start: var(--pf-v6-c-panel__main-body--PaddingBlockStart);
|
|
19568
|
+
padding-block-end: var(--pf-v6-c-panel__main-body--PaddingBlockEnd);
|
|
19569
|
+
padding-inline-start: var(--pf-v6-c-panel__main-body--PaddingInlineStart);
|
|
19570
|
+
padding-inline-end: var(--pf-v6-c-panel__main-body--PaddingInlineEnd);
|
|
19571
|
+
}
|
|
19572
|
+
|
|
19573
|
+
.pf-v6-c-panel__footer {
|
|
19574
|
+
padding-block-start: var(--pf-v6-c-panel__footer--PaddingBlockStart);
|
|
19575
|
+
padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
|
|
19576
|
+
padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
|
|
19577
|
+
padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
|
|
19578
|
+
box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
|
|
19579
|
+
}
|
|
19580
|
+
|
|
19566
19581
|
:where(:root, .pf-v6-l-bullseye) {
|
|
19567
19582
|
--pf-v6-l-bullseye--Padding: 0;
|
|
19568
19583
|
}
|
|
@@ -23341,42 +23356,42 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23341
23356
|
grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
|
|
23342
23357
|
}
|
|
23343
23358
|
|
|
23344
|
-
:where(:root, .pf-v6-l-
|
|
23359
|
+
:where(:root, .pf-v6-l-stack) {
|
|
23345
23360
|
--pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
23346
23361
|
}
|
|
23347
23362
|
|
|
23348
|
-
.pf-v6-l-
|
|
23363
|
+
.pf-v6-l-stack {
|
|
23349
23364
|
display: flex;
|
|
23350
|
-
|
|
23351
|
-
|
|
23352
|
-
}
|
|
23353
|
-
|
|
23354
|
-
.pf-v6-l-split.pf-m-wrap {
|
|
23355
|
-
flex-wrap: wrap;
|
|
23365
|
+
flex-direction: column;
|
|
23366
|
+
height: 100%;
|
|
23356
23367
|
}
|
|
23357
23368
|
|
|
23358
|
-
.pf-v6-l-
|
|
23369
|
+
.pf-v6-l-stack__item.pf-m-fill {
|
|
23359
23370
|
flex-grow: 1;
|
|
23360
23371
|
}
|
|
23361
23372
|
|
|
23362
|
-
.pf-v6-l-
|
|
23373
|
+
.pf-v6-l-stack.pf-m-gutter {
|
|
23363
23374
|
gap: var(--pf-v6-l-stack--m-gutter--Gap);
|
|
23364
23375
|
}
|
|
23365
23376
|
|
|
23366
|
-
:where(:root, .pf-v6-l-
|
|
23377
|
+
:where(:root, .pf-v6-l-split) {
|
|
23367
23378
|
--pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
23368
23379
|
}
|
|
23369
23380
|
|
|
23370
|
-
.pf-v6-l-
|
|
23381
|
+
.pf-v6-l-split {
|
|
23371
23382
|
display: flex;
|
|
23372
|
-
|
|
23373
|
-
|
|
23383
|
+
padding: 0;
|
|
23384
|
+
margin: 0;
|
|
23374
23385
|
}
|
|
23375
23386
|
|
|
23376
|
-
.pf-v6-l-
|
|
23387
|
+
.pf-v6-l-split.pf-m-wrap {
|
|
23388
|
+
flex-wrap: wrap;
|
|
23389
|
+
}
|
|
23390
|
+
|
|
23391
|
+
.pf-v6-l-split__item.pf-m-fill {
|
|
23377
23392
|
flex-grow: 1;
|
|
23378
23393
|
}
|
|
23379
23394
|
|
|
23380
|
-
.pf-v6-l-
|
|
23395
|
+
.pf-v6-l-split.pf-m-gutter {
|
|
23381
23396
|
gap: var(--pf-v6-l-stack--m-gutter--Gap);
|
|
23382
23397
|
}
|