@patternfly/react-core 5.4.0-prerelease.18 → 5.4.0-prerelease.19
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 +10 -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/Chip/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/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/DragDrop/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/Text/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/ApplicationLauncher/package.json +1 -1
- package/dist/dynamic/deprecated/components/ContextSelector/package.json +1 -1
- package/dist/dynamic/deprecated/components/Dropdown/package.json +1 -1
- package/dist/dynamic/deprecated/components/OptionsMenu/package.json +1 -1
- package/dist/dynamic/deprecated/components/PageHeader/package.json +1 -1
- package/dist/dynamic/deprecated/components/Select/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/favorites/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/next/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/next/components/Modal/package.json +1 -1
- package/dist/dynamic/next/components/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -1
- package/dist/esm/components/Dropdown/Dropdown.d.ts +2 -0
- package/dist/esm/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/esm/components/Dropdown/Dropdown.js +2 -2
- package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/Pagination/PaginationOptionsMenu.js +1 -1
- package/dist/esm/components/Pagination/PaginationOptionsMenu.js.map +1 -1
- package/dist/js/components/Dropdown/Dropdown.d.ts +2 -0
- package/dist/js/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/js/components/Dropdown/Dropdown.js +2 -2
- package/dist/js/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/js/components/Pagination/PaginationOptionsMenu.js +1 -1
- package/dist/js/components/Pagination/PaginationOptionsMenu.js.map +1 -1
- package/dist/umd/assets/{output-Dp_mSukU.css → output-CNJSCDiM.css} +1419 -1419
- package/dist/umd/react-core.min.js +1 -1
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +2 -2
- package/src/components/Dropdown/Dropdown.tsx +4 -1
- package/src/components/Pagination/PaginationOptionsMenu.tsx +1 -1
|
@@ -279,6 +279,37 @@
|
|
|
279
279
|
--pf-v5-c-accordion__toggle--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
280
280
|
}
|
|
281
281
|
|
|
282
|
+
.pf-v5-c-action-list {
|
|
283
|
+
--pf-v5-c-action-list--m-icon--spacer: 0;
|
|
284
|
+
--pf-v5-c-action-list--child--spacer-base: var(--pf-v5-global--spacer--md);
|
|
285
|
+
--pf-v5-c-action-list--group--spacer-base: var(--pf-v5-global--spacer--2xl);
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
.pf-v5-c-action-list,
|
|
289
|
+
.pf-v5-c-action-list__group {
|
|
290
|
+
--pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--child--spacer-base);
|
|
291
|
+
--pf-v5-c-action-list--group--spacer: var(--pf-v5-c-action-list--group--spacer-base);
|
|
292
|
+
display: flex;
|
|
293
|
+
align-items: center;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
.pf-v5-c-action-list > * + *,
|
|
297
|
+
.pf-v5-c-action-list__group > * + * {
|
|
298
|
+
margin-inline-start: var(--pf-v5-c-action-list--child--spacer);
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
.pf-v5-c-action-list > * + .pf-v5-c-action-list__group,
|
|
302
|
+
.pf-v5-c-action-list .pf-v5-c-action-list__group + *,
|
|
303
|
+
.pf-v5-c-action-list__group > * + .pf-v5-c-action-list__group,
|
|
304
|
+
.pf-v5-c-action-list__group .pf-v5-c-action-list__group + * {
|
|
305
|
+
margin-inline-start: var(--pf-v5-c-action-list--group--spacer);
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
.pf-v5-c-action-list.pf-m-icons,
|
|
309
|
+
.pf-v5-c-action-list__group.pf-m-icons {
|
|
310
|
+
--pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--m-icon--spacer);
|
|
311
|
+
}
|
|
312
|
+
|
|
282
313
|
.pf-v5-c-alert {
|
|
283
314
|
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
284
315
|
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
@@ -526,37 +557,6 @@
|
|
|
526
557
|
--pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
527
558
|
}
|
|
528
559
|
|
|
529
|
-
.pf-v5-c-action-list {
|
|
530
|
-
--pf-v5-c-action-list--m-icon--spacer: 0;
|
|
531
|
-
--pf-v5-c-action-list--child--spacer-base: var(--pf-v5-global--spacer--md);
|
|
532
|
-
--pf-v5-c-action-list--group--spacer-base: var(--pf-v5-global--spacer--2xl);
|
|
533
|
-
}
|
|
534
|
-
|
|
535
|
-
.pf-v5-c-action-list,
|
|
536
|
-
.pf-v5-c-action-list__group {
|
|
537
|
-
--pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--child--spacer-base);
|
|
538
|
-
--pf-v5-c-action-list--group--spacer: var(--pf-v5-c-action-list--group--spacer-base);
|
|
539
|
-
display: flex;
|
|
540
|
-
align-items: center;
|
|
541
|
-
}
|
|
542
|
-
|
|
543
|
-
.pf-v5-c-action-list > * + *,
|
|
544
|
-
.pf-v5-c-action-list__group > * + * {
|
|
545
|
-
margin-inline-start: var(--pf-v5-c-action-list--child--spacer);
|
|
546
|
-
}
|
|
547
|
-
|
|
548
|
-
.pf-v5-c-action-list > * + .pf-v5-c-action-list__group,
|
|
549
|
-
.pf-v5-c-action-list .pf-v5-c-action-list__group + *,
|
|
550
|
-
.pf-v5-c-action-list__group > * + .pf-v5-c-action-list__group,
|
|
551
|
-
.pf-v5-c-action-list__group .pf-v5-c-action-list__group + * {
|
|
552
|
-
margin-inline-start: var(--pf-v5-c-action-list--group--spacer);
|
|
553
|
-
}
|
|
554
|
-
|
|
555
|
-
.pf-v5-c-action-list.pf-m-icons,
|
|
556
|
-
.pf-v5-c-action-list__group.pf-m-icons {
|
|
557
|
-
--pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--m-icon--spacer);
|
|
558
|
-
}
|
|
559
|
-
|
|
560
560
|
.pf-v5-c-avatar {
|
|
561
561
|
--pf-v5-c-avatar--BorderColor: transparent;
|
|
562
562
|
--pf-v5-c-avatar--BorderWidth: 0;
|
|
@@ -846,6 +846,23 @@
|
|
|
846
846
|
box-shadow: var(--pf-v5-c-back-to-top--c-button--BoxShadow);
|
|
847
847
|
}
|
|
848
848
|
|
|
849
|
+
.pf-v5-c-backdrop {
|
|
850
|
+
--pf-v5-c-backdrop--Position: fixed;
|
|
851
|
+
--pf-v5-c-backdrop--ZIndex: var(--pf-v5-global--ZIndex--lg);
|
|
852
|
+
--pf-v5-c-backdrop--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-transparent-100);
|
|
853
|
+
position: var(--pf-v5-c-backdrop--Position);
|
|
854
|
+
inset-block-start: 0;
|
|
855
|
+
inset-inline-start: 0;
|
|
856
|
+
z-index: var(--pf-v5-c-backdrop--ZIndex);
|
|
857
|
+
width: 100%;
|
|
858
|
+
height: 100%;
|
|
859
|
+
background-color: var(--pf-v5-c-backdrop--BackgroundColor);
|
|
860
|
+
}
|
|
861
|
+
|
|
862
|
+
.pf-v5-c-backdrop__open {
|
|
863
|
+
overflow: hidden;
|
|
864
|
+
}
|
|
865
|
+
|
|
849
866
|
.pf-v5-c-background-image {
|
|
850
867
|
--pf-v5-c-background-image--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
|
|
851
868
|
--pf-v5-c-background-image--BackgroundImage: none;
|
|
@@ -871,21 +888,45 @@
|
|
|
871
888
|
--pf-v5-c-background-image--BackgroundPosition: bottom left;
|
|
872
889
|
}
|
|
873
890
|
|
|
874
|
-
.pf-v5-c-
|
|
875
|
-
--pf-v5-c-
|
|
876
|
-
--pf-v5-c-
|
|
877
|
-
--pf-v5-c-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
891
|
+
.pf-v5-c-badge {
|
|
892
|
+
--pf-v5-c-badge--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
|
|
893
|
+
--pf-v5-c-badge--FontSize: var(--pf-v5-global--FontSize--xs);
|
|
894
|
+
--pf-v5-c-badge--FontWeight: var(--pf-v5-global--FontWeight--bold);
|
|
895
|
+
--pf-v5-c-badge--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
896
|
+
--pf-v5-c-badge--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
897
|
+
--pf-v5-c-badge--Color: var(--pf-v5-global--Color--dark-100);
|
|
898
|
+
--pf-v5-c-badge--MinWidth: var(--pf-v5-global--spacer--xl);
|
|
899
|
+
--pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
900
|
+
--pf-v5-c-badge--m-read--Color: var(--pf-v5-global--Color--dark-100);
|
|
901
|
+
--pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--100);
|
|
902
|
+
--pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--Color--light-100);
|
|
903
|
+
display: inline-block;
|
|
904
|
+
min-width: var(--pf-v5-c-badge--MinWidth);
|
|
905
|
+
padding-inline-start: var(--pf-v5-c-badge--PaddingLeft);
|
|
906
|
+
padding-inline-end: var(--pf-v5-c-badge--PaddingRight);
|
|
907
|
+
font-size: var(--pf-v5-c-badge--FontSize);
|
|
908
|
+
font-weight: var(--pf-v5-c-badge--FontWeight);
|
|
909
|
+
color: var(--pf-v5-c-badge--Color);
|
|
910
|
+
text-align: center;
|
|
911
|
+
white-space: nowrap;
|
|
912
|
+
background-color: var(--pf-v5-c-badge--BackgroundColor);
|
|
913
|
+
border-radius: var(--pf-v5-c-badge--BorderRadius);
|
|
885
914
|
}
|
|
886
915
|
|
|
887
|
-
.pf-v5-c-
|
|
888
|
-
|
|
916
|
+
.pf-v5-c-badge.pf-m-read {
|
|
917
|
+
--pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-read--Color);
|
|
918
|
+
--pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-read--BackgroundColor);
|
|
919
|
+
}
|
|
920
|
+
|
|
921
|
+
.pf-v5-c-badge.pf-m-unread {
|
|
922
|
+
--pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-unread--Color);
|
|
923
|
+
--pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-unread--BackgroundColor);
|
|
924
|
+
}
|
|
925
|
+
|
|
926
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-badge {
|
|
927
|
+
--pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--palette--black-500);
|
|
928
|
+
--pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
|
|
929
|
+
--pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
889
930
|
}
|
|
890
931
|
|
|
891
932
|
.pf-v5-c-banner.pf-m-gold, .pf-v5-c-banner.pf-m-blue {
|
|
@@ -1023,111 +1064,6 @@
|
|
|
1023
1064
|
--pf-v5-c-banner--Color: var(--pf-v5-global--palette--black-900);
|
|
1024
1065
|
}
|
|
1025
1066
|
|
|
1026
|
-
.pf-v5-c-badge {
|
|
1027
|
-
--pf-v5-c-badge--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
|
|
1028
|
-
--pf-v5-c-badge--FontSize: var(--pf-v5-global--FontSize--xs);
|
|
1029
|
-
--pf-v5-c-badge--FontWeight: var(--pf-v5-global--FontWeight--bold);
|
|
1030
|
-
--pf-v5-c-badge--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
1031
|
-
--pf-v5-c-badge--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
1032
|
-
--pf-v5-c-badge--Color: var(--pf-v5-global--Color--dark-100);
|
|
1033
|
-
--pf-v5-c-badge--MinWidth: var(--pf-v5-global--spacer--xl);
|
|
1034
|
-
--pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
1035
|
-
--pf-v5-c-badge--m-read--Color: var(--pf-v5-global--Color--dark-100);
|
|
1036
|
-
--pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--100);
|
|
1037
|
-
--pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--Color--light-100);
|
|
1038
|
-
display: inline-block;
|
|
1039
|
-
min-width: var(--pf-v5-c-badge--MinWidth);
|
|
1040
|
-
padding-inline-start: var(--pf-v5-c-badge--PaddingLeft);
|
|
1041
|
-
padding-inline-end: var(--pf-v5-c-badge--PaddingRight);
|
|
1042
|
-
font-size: var(--pf-v5-c-badge--FontSize);
|
|
1043
|
-
font-weight: var(--pf-v5-c-badge--FontWeight);
|
|
1044
|
-
color: var(--pf-v5-c-badge--Color);
|
|
1045
|
-
text-align: center;
|
|
1046
|
-
white-space: nowrap;
|
|
1047
|
-
background-color: var(--pf-v5-c-badge--BackgroundColor);
|
|
1048
|
-
border-radius: var(--pf-v5-c-badge--BorderRadius);
|
|
1049
|
-
}
|
|
1050
|
-
|
|
1051
|
-
.pf-v5-c-badge.pf-m-read {
|
|
1052
|
-
--pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-read--Color);
|
|
1053
|
-
--pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-read--BackgroundColor);
|
|
1054
|
-
}
|
|
1055
|
-
|
|
1056
|
-
.pf-v5-c-badge.pf-m-unread {
|
|
1057
|
-
--pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-unread--Color);
|
|
1058
|
-
--pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-unread--BackgroundColor);
|
|
1059
|
-
}
|
|
1060
|
-
|
|
1061
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-badge {
|
|
1062
|
-
--pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--palette--black-500);
|
|
1063
|
-
--pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
|
|
1064
|
-
--pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
1065
|
-
}
|
|
1066
|
-
|
|
1067
|
-
.pf-v5-c-brand {
|
|
1068
|
-
--pf-v5-c-brand--Width: auto;
|
|
1069
|
-
--pf-v5-c-brand--Height: auto;
|
|
1070
|
-
width: var(--pf-v5-c-brand--Width--base);
|
|
1071
|
-
height: var(--pf-v5-c-brand--Height--base);
|
|
1072
|
-
--pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width);
|
|
1073
|
-
--pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height);
|
|
1074
|
-
}
|
|
1075
|
-
|
|
1076
|
-
@media (min-width: 576px) {
|
|
1077
|
-
.pf-v5-c-brand {
|
|
1078
|
-
--pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width));
|
|
1079
|
-
}
|
|
1080
|
-
}
|
|
1081
|
-
@media (min-width: 768px) {
|
|
1082
|
-
.pf-v5-c-brand {
|
|
1083
|
-
--pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-md, var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width)));
|
|
1084
|
-
}
|
|
1085
|
-
}
|
|
1086
|
-
@media (min-width: 992px) {
|
|
1087
|
-
.pf-v5-c-brand {
|
|
1088
|
-
--pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-lg, var(--pf-v5-c-brand--Width-on-md, var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width))));
|
|
1089
|
-
}
|
|
1090
|
-
}
|
|
1091
|
-
@media (min-width: 1200px) {
|
|
1092
|
-
.pf-v5-c-brand {
|
|
1093
|
-
--pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-xl, var(--pf-v5-c-brand--Width-on-lg, var(--pf-v5-c-brand--Width-on-md, var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width)))));
|
|
1094
|
-
}
|
|
1095
|
-
}
|
|
1096
|
-
@media (min-width: 1450px) {
|
|
1097
|
-
.pf-v5-c-brand {
|
|
1098
|
-
--pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-2xl, var(--pf-v5-c-brand--Width-on-xl, var(--pf-v5-c-brand--Width-on-lg, var(--pf-v5-c-brand--Width-on-md, var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width))))));
|
|
1099
|
-
}
|
|
1100
|
-
}
|
|
1101
|
-
@media (min-width: 576px) {
|
|
1102
|
-
.pf-v5-c-brand {
|
|
1103
|
-
--pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height));
|
|
1104
|
-
}
|
|
1105
|
-
}
|
|
1106
|
-
@media (min-width: 768px) {
|
|
1107
|
-
.pf-v5-c-brand {
|
|
1108
|
-
--pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-md, var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height)));
|
|
1109
|
-
}
|
|
1110
|
-
}
|
|
1111
|
-
@media (min-width: 992px) {
|
|
1112
|
-
.pf-v5-c-brand {
|
|
1113
|
-
--pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-lg, var(--pf-v5-c-brand--Height-on-md, var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height))));
|
|
1114
|
-
}
|
|
1115
|
-
}
|
|
1116
|
-
@media (min-width: 1200px) {
|
|
1117
|
-
.pf-v5-c-brand {
|
|
1118
|
-
--pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-xl, var(--pf-v5-c-brand--Height-on-lg, var(--pf-v5-c-brand--Height-on-md, var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height)))));
|
|
1119
|
-
}
|
|
1120
|
-
}
|
|
1121
|
-
@media (min-width: 1450px) {
|
|
1122
|
-
.pf-v5-c-brand {
|
|
1123
|
-
--pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-2xl, var(--pf-v5-c-brand--Height-on-xl, var(--pf-v5-c-brand--Height-on-lg, var(--pf-v5-c-brand--Height-on-md, var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height))))));
|
|
1124
|
-
}
|
|
1125
|
-
}
|
|
1126
|
-
.pf-v5-c-brand.pf-m-picture {
|
|
1127
|
-
display: inline-flex;
|
|
1128
|
-
max-width: 100%;
|
|
1129
|
-
}
|
|
1130
|
-
|
|
1131
1067
|
.pf-v5-c-breadcrumb {
|
|
1132
1068
|
--pf-v5-c-breadcrumb__item--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
1133
1069
|
--pf-v5-c-breadcrumb__item--LineHeight: var(--pf-v5-global--LineHeight--sm);
|
|
@@ -1234,28 +1170,346 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
1234
1170
|
display: none;
|
|
1235
1171
|
}
|
|
1236
1172
|
|
|
1237
|
-
.pf-v5-c-
|
|
1238
|
-
--pf-v5-c-
|
|
1239
|
-
--pf-v5-c-
|
|
1240
|
-
|
|
1241
|
-
|
|
1242
|
-
--pf-v5-c-
|
|
1243
|
-
--pf-v5-c-
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1173
|
+
.pf-v5-c-brand {
|
|
1174
|
+
--pf-v5-c-brand--Width: auto;
|
|
1175
|
+
--pf-v5-c-brand--Height: auto;
|
|
1176
|
+
width: var(--pf-v5-c-brand--Width--base);
|
|
1177
|
+
height: var(--pf-v5-c-brand--Height--base);
|
|
1178
|
+
--pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width);
|
|
1179
|
+
--pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height);
|
|
1180
|
+
}
|
|
1181
|
+
|
|
1182
|
+
@media (min-width: 576px) {
|
|
1183
|
+
.pf-v5-c-brand {
|
|
1184
|
+
--pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width));
|
|
1185
|
+
}
|
|
1186
|
+
}
|
|
1187
|
+
@media (min-width: 768px) {
|
|
1188
|
+
.pf-v5-c-brand {
|
|
1189
|
+
--pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-md, var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width)));
|
|
1190
|
+
}
|
|
1191
|
+
}
|
|
1192
|
+
@media (min-width: 992px) {
|
|
1193
|
+
.pf-v5-c-brand {
|
|
1194
|
+
--pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-lg, var(--pf-v5-c-brand--Width-on-md, var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width))));
|
|
1195
|
+
}
|
|
1196
|
+
}
|
|
1197
|
+
@media (min-width: 1200px) {
|
|
1198
|
+
.pf-v5-c-brand {
|
|
1199
|
+
--pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-xl, var(--pf-v5-c-brand--Width-on-lg, var(--pf-v5-c-brand--Width-on-md, var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width)))));
|
|
1200
|
+
}
|
|
1201
|
+
}
|
|
1202
|
+
@media (min-width: 1450px) {
|
|
1203
|
+
.pf-v5-c-brand {
|
|
1204
|
+
--pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-2xl, var(--pf-v5-c-brand--Width-on-xl, var(--pf-v5-c-brand--Width-on-lg, var(--pf-v5-c-brand--Width-on-md, var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width))))));
|
|
1205
|
+
}
|
|
1206
|
+
}
|
|
1207
|
+
@media (min-width: 576px) {
|
|
1208
|
+
.pf-v5-c-brand {
|
|
1209
|
+
--pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height));
|
|
1210
|
+
}
|
|
1211
|
+
}
|
|
1212
|
+
@media (min-width: 768px) {
|
|
1213
|
+
.pf-v5-c-brand {
|
|
1214
|
+
--pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-md, var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height)));
|
|
1215
|
+
}
|
|
1216
|
+
}
|
|
1217
|
+
@media (min-width: 992px) {
|
|
1218
|
+
.pf-v5-c-brand {
|
|
1219
|
+
--pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-lg, var(--pf-v5-c-brand--Height-on-md, var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height))));
|
|
1220
|
+
}
|
|
1221
|
+
}
|
|
1222
|
+
@media (min-width: 1200px) {
|
|
1223
|
+
.pf-v5-c-brand {
|
|
1224
|
+
--pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-xl, var(--pf-v5-c-brand--Height-on-lg, var(--pf-v5-c-brand--Height-on-md, var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height)))));
|
|
1225
|
+
}
|
|
1226
|
+
}
|
|
1227
|
+
@media (min-width: 1450px) {
|
|
1228
|
+
.pf-v5-c-brand {
|
|
1229
|
+
--pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-2xl, var(--pf-v5-c-brand--Height-on-xl, var(--pf-v5-c-brand--Height-on-lg, var(--pf-v5-c-brand--Height-on-md, var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height))))));
|
|
1230
|
+
}
|
|
1231
|
+
}
|
|
1232
|
+
.pf-v5-c-brand.pf-m-picture {
|
|
1233
|
+
display: inline-flex;
|
|
1234
|
+
max-width: 100%;
|
|
1235
|
+
}
|
|
1236
|
+
|
|
1237
|
+
.pf-v5-c-calendar-month {
|
|
1238
|
+
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
1239
|
+
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
1240
|
+
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
|
|
1241
|
+
--pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
|
|
1242
|
+
--pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
|
|
1243
|
+
--pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
|
|
1244
|
+
--pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
|
|
1245
|
+
--pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
|
|
1246
|
+
--pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
|
|
1247
|
+
}
|
|
1248
|
+
|
|
1249
|
+
.pf-v5-c-calendar-month {
|
|
1250
|
+
--pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
1251
|
+
--pf-v5-c-calendar-month--PaddingTop: var(--pf-v5-global--spacer--lg);
|
|
1252
|
+
--pf-v5-c-calendar-month--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
1253
|
+
--pf-v5-c-calendar-month--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
1254
|
+
--pf-v5-c-calendar-month--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
1255
|
+
--pf-v5-c-calendar-month--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
1256
|
+
--pf-v5-c-calendar-month__header--MarginBottom: var(--pf-v5-global--spacer--md);
|
|
1257
|
+
--pf-v5-c-calendar-month__header-year--Width: 8.5ch;
|
|
1258
|
+
--pf-v5-c-calendar-month__header-nav-control--MarginRight: 0;
|
|
1259
|
+
--pf-v5-c-calendar-month__header-nav-control--MarginLeft: 0;
|
|
1260
|
+
--pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
|
|
1261
|
+
--pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: 0;
|
|
1262
|
+
--pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginRight: 0;
|
|
1263
|
+
--pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginLeft: 0;
|
|
1264
|
+
--pf-v5-c-calendar-month__days--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
1265
|
+
--pf-v5-c-calendar-month__days--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
|
|
1266
|
+
--pf-v5-c-calendar-month__day--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
1267
|
+
--pf-v5-c-calendar-month__day--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
1268
|
+
--pf-v5-c-calendar-month__dates-cell--PaddingTop: 0.125rem;
|
|
1269
|
+
--pf-v5-c-calendar-month__dates-cell--PaddingRight: 0.125rem;
|
|
1270
|
+
--pf-v5-c-calendar-month__dates-cell--PaddingBottom: 0.125rem;
|
|
1271
|
+
--pf-v5-c-calendar-month__dates-cell--PaddingLeft: 0.125rem;
|
|
1272
|
+
--pf-v5-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(--pf-v5-global--spacer--sm);
|
|
1273
|
+
--pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
1274
|
+
--pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--active-color--100);
|
|
1275
|
+
--pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-v5-global--active-color--100);
|
|
1276
|
+
--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
|
|
1277
|
+
--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-v5-global--primary-color--200);
|
|
1278
|
+
--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow: 0 0 0.3125rem var(--pf-v5-global--primary-color--100);
|
|
1279
|
+
--pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--Color--light-100);
|
|
1280
|
+
--pf-v5-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
1281
|
+
--pf-v5-c-calendar-month__dates-cell--before--Top: 0;
|
|
1282
|
+
--pf-v5-c-calendar-month__dates-cell--before--Right: 0;
|
|
1283
|
+
--pf-v5-c-calendar-month__dates-cell--before--Bottom: var(--pf-v5-c-calendar-month__dates-cell--PaddingBottom);
|
|
1284
|
+
--pf-v5-c-calendar-month__dates-cell--before--Left: 0;
|
|
1285
|
+
--pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-v5-global--palette--blue-50);
|
|
1286
|
+
--pf-v5-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left: 50%;
|
|
1287
|
+
--pf-v5-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
|
|
1288
|
+
--pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-v5-global--palette--blue-100);
|
|
1289
|
+
--pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-100);
|
|
1290
|
+
--pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-v5-global--Color--200);
|
|
1291
|
+
--pf-v5-c-calendar-month__date--Width: 4ch;
|
|
1292
|
+
--pf-v5-c-calendar-month__date--Height: 4ch;
|
|
1293
|
+
--pf-v5-c-calendar-month__date--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
|
|
1294
|
+
--pf-v5-c-calendar-month__date--Color: var(--pf-v5-global--Color--100);
|
|
1295
|
+
--pf-v5-c-calendar-month__date--BackgroundColor: transparent;
|
|
1296
|
+
--pf-v5-c-calendar-month__date--disabled--Color: var(--pf-v5-global--disabled-color--200);
|
|
1297
|
+
--pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
1298
|
+
--pf-v5-c-calendar-month__date--after--BorderColor: transparent;
|
|
1299
|
+
--pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-global--palette--blue-50);
|
|
1300
|
+
--pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-50);
|
|
1301
|
+
--pf-v5-c-calendar-month__date--focus--after--BorderColor: var(--pf-v5-global--active-color--100);
|
|
1302
|
+
--pf-v5-c-calendar-month__date--focus--BoxShadow: none;
|
|
1303
|
+
color: var(--pf-v5-global--Color--100);
|
|
1304
|
+
display: inline-flex;
|
|
1305
|
+
flex-direction: column;
|
|
1306
|
+
padding-block-start: var(--pf-v5-c-calendar-month--PaddingTop);
|
|
1307
|
+
padding-block-end: var(--pf-v5-c-calendar-month--PaddingBottom);
|
|
1308
|
+
padding-inline-start: var(--pf-v5-c-calendar-month--PaddingLeft);
|
|
1309
|
+
padding-inline-end: var(--pf-v5-c-calendar-month--PaddingRight);
|
|
1310
|
+
font-size: var(--pf-v5-c-calendar-month--FontSize);
|
|
1311
|
+
background-color: var(--pf-v5-c-calendar-month--BackgroundColor);
|
|
1312
|
+
}
|
|
1313
|
+
|
|
1314
|
+
.pf-v5-c-calendar-month__header {
|
|
1315
|
+
display: flex;
|
|
1316
|
+
margin-block-end: var(--pf-v5-c-calendar-month__header--MarginBottom);
|
|
1317
|
+
}
|
|
1318
|
+
|
|
1319
|
+
.pf-v5-c-calendar-month__header-nav-control {
|
|
1320
|
+
margin-inline-start: var(--pf-v5-c-calendar-month__header-nav-control--MarginLeft);
|
|
1321
|
+
margin-inline-end: var(--pf-v5-c-calendar-month__header-nav-control--MarginRight);
|
|
1322
|
+
}
|
|
1323
|
+
|
|
1324
|
+
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-calendar-month__header-nav-control {
|
|
1325
|
+
scale: -1 1;
|
|
1326
|
+
}
|
|
1327
|
+
|
|
1328
|
+
.pf-v5-c-calendar-month__header-nav-control.pf-m-prev-month {
|
|
1329
|
+
--pf-v5-c-calendar-month__header-nav-control--MarginRight: var(--pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginRight);
|
|
1330
|
+
--pf-v5-c-calendar-month__header-nav-control--MarginLeft: var(--pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginLeft);
|
|
1331
|
+
}
|
|
1332
|
+
|
|
1333
|
+
.pf-v5-c-calendar-month__header-nav-control.pf-m-next-month {
|
|
1334
|
+
--pf-v5-c-calendar-month__header-nav-control--MarginRight: var(--pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginRight);
|
|
1335
|
+
--pf-v5-c-calendar-month__header-nav-control--MarginLeft: var(--pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginLeft);
|
|
1336
|
+
}
|
|
1337
|
+
|
|
1338
|
+
.pf-v5-c-calendar-month__header-month {
|
|
1339
|
+
flex-grow: 1;
|
|
1340
|
+
}
|
|
1341
|
+
|
|
1342
|
+
.pf-v5-c-calendar-month__header-year {
|
|
1343
|
+
width: var(--pf-v5-c-calendar-month__header-year--Width);
|
|
1344
|
+
}
|
|
1345
|
+
|
|
1346
|
+
.pf-v5-c-calendar-month__calendar {
|
|
1347
|
+
table-layout: fixed;
|
|
1348
|
+
}
|
|
1349
|
+
|
|
1350
|
+
.pf-v5-c-calendar-month__days {
|
|
1351
|
+
border-block-end: var(--pf-v5-c-calendar-month__days--BorderBottomWidth) solid var(--pf-v5-c-calendar-month__days--BorderBottomColor);
|
|
1352
|
+
}
|
|
1353
|
+
|
|
1354
|
+
.pf-v5-c-calendar-month__day {
|
|
1355
|
+
padding-block-end: var(--pf-v5-c-calendar-month__day--PaddingBottom);
|
|
1356
|
+
font-weight: var(--pf-v5-c-calendar-month__day--FontWeight);
|
|
1357
|
+
text-align: center;
|
|
1358
|
+
}
|
|
1359
|
+
|
|
1360
|
+
.pf-v5-c-calendar-month__dates-row:first-child {
|
|
1361
|
+
--pf-v5-c-calendar-month__dates-cell--PaddingTop: var(--pf-v5-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop);
|
|
1362
|
+
}
|
|
1363
|
+
|
|
1364
|
+
.pf-v5-c-calendar-month__dates-cell {
|
|
1365
|
+
--pf-v5-c-calendar-month__dates-cell--before--Top: var(--pf-v5-c-calendar-month__dates-cell--PaddingTop);
|
|
1366
|
+
position: relative;
|
|
1367
|
+
padding-block-start: var(--pf-v5-c-calendar-month__dates-cell--PaddingTop);
|
|
1368
|
+
padding-block-end: var(--pf-v5-c-calendar-month__dates-cell--PaddingBottom);
|
|
1369
|
+
padding-inline-start: var(--pf-v5-c-calendar-month__dates-cell--PaddingLeft);
|
|
1370
|
+
padding-inline-end: var(--pf-v5-c-calendar-month__dates-cell--PaddingRight);
|
|
1371
|
+
text-align: center;
|
|
1372
|
+
}
|
|
1373
|
+
|
|
1374
|
+
.pf-v5-c-calendar-month__dates-cell::before {
|
|
1375
|
+
position: absolute;
|
|
1376
|
+
inset-block-start: var(--pf-v5-c-calendar-month__dates-cell--before--Top);
|
|
1377
|
+
inset-block-end: var(--pf-v5-c-calendar-month__dates-cell--before--Bottom);
|
|
1378
|
+
inset-inline-start: var(--pf-v5-c-calendar-month__dates-cell--before--Left);
|
|
1379
|
+
inset-inline-end: var(--pf-v5-c-calendar-month__dates-cell--before--Right);
|
|
1380
|
+
content: "";
|
|
1381
|
+
background-color: var(--pf-v5-c-calendar-month__dates-cell--before--BackgroundColor);
|
|
1382
|
+
}
|
|
1383
|
+
|
|
1384
|
+
.pf-v5-c-calendar-month__dates-cell.pf-m-current {
|
|
1385
|
+
--pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
|
|
1386
|
+
}
|
|
1387
|
+
|
|
1388
|
+
.pf-v5-c-calendar-month__dates-cell.pf-m-in-range {
|
|
1389
|
+
--pf-v5-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
|
|
1390
|
+
--pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
|
|
1391
|
+
--pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
|
|
1392
|
+
}
|
|
1393
|
+
|
|
1394
|
+
.pf-v5-c-calendar-month__dates-cell.pf-m-start-range {
|
|
1395
|
+
--pf-v5-c-calendar-month__dates-cell--before--Left: var(--pf-v5-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left);
|
|
1396
|
+
}
|
|
1397
|
+
|
|
1398
|
+
.pf-v5-c-calendar-month__dates-cell.pf-m-end-range {
|
|
1399
|
+
--pf-v5-c-calendar-month__dates-cell--before--Right: var(--pf-v5-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right);
|
|
1400
|
+
}
|
|
1401
|
+
|
|
1402
|
+
.pf-v5-c-calendar-month__dates-cell.pf-m-adjacent-month {
|
|
1403
|
+
--pf-v5-c-calendar-month__date--Color: var(--pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
|
|
1404
|
+
}
|
|
1405
|
+
|
|
1406
|
+
.pf-v5-c-calendar-month__dates-cell.pf-m-selected {
|
|
1407
|
+
--pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
|
|
1408
|
+
--pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
|
|
1409
|
+
--pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
|
|
1410
|
+
--pf-v5-c-calendar-month__date--focus--after--BorderColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
|
|
1411
|
+
--pf-v5-c-calendar-month__date--focus--BoxShadow: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow);
|
|
1412
|
+
--pf-v5-c-calendar-month__date--Color: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--Color);
|
|
1413
|
+
}
|
|
1414
|
+
|
|
1415
|
+
.pf-v5-c-calendar-month__dates-cell.pf-m-disabled {
|
|
1416
|
+
--pf-v5-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
1417
|
+
--pf-v5-c-calendar-month__date--BackgroundColor: transparent;
|
|
1418
|
+
}
|
|
1419
|
+
|
|
1420
|
+
.pf-v5-c-calendar-month__date {
|
|
1421
|
+
position: relative;
|
|
1422
|
+
display: inline-flex;
|
|
1423
|
+
align-items: center;
|
|
1424
|
+
justify-content: center;
|
|
1425
|
+
width: var(--pf-v5-c-calendar-month__date--Width);
|
|
1426
|
+
height: var(--pf-v5-c-calendar-month__date--Height);
|
|
1427
|
+
line-height: 1;
|
|
1428
|
+
color: var(--pf-v5-c-calendar-month__date--Color);
|
|
1429
|
+
background-color: var(--pf-v5-c-calendar-month__date--BackgroundColor);
|
|
1430
|
+
border: 0;
|
|
1431
|
+
}
|
|
1432
|
+
|
|
1433
|
+
.pf-v5-c-calendar-month__date::after {
|
|
1434
|
+
position: absolute;
|
|
1435
|
+
inset-block-start: 0;
|
|
1436
|
+
inset-block-end: 0;
|
|
1437
|
+
inset-inline-start: 0;
|
|
1438
|
+
inset-inline-end: 0;
|
|
1439
|
+
content: "";
|
|
1440
|
+
border: var(--pf-v5-c-calendar-month__date--after--BorderWidth) solid var(--pf-v5-c-calendar-month__date--after--BorderColor);
|
|
1441
|
+
}
|
|
1442
|
+
|
|
1443
|
+
.pf-v5-c-calendar-month__date, .pf-v5-c-calendar-month__date::after {
|
|
1444
|
+
border-radius: var(--pf-v5-c-calendar-month__date--BorderRadius);
|
|
1445
|
+
}
|
|
1446
|
+
|
|
1447
|
+
.pf-v5-c-calendar-month__date:hover, .pf-v5-c-calendar-month__date.pf-m-hover {
|
|
1448
|
+
--pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__date--hover--BackgroundColor);
|
|
1449
|
+
}
|
|
1450
|
+
|
|
1451
|
+
.pf-v5-c-calendar-month__date:focus, .pf-v5-c-calendar-month__date.pf-m-focus {
|
|
1452
|
+
--pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__date--focus--BackgroundColor);
|
|
1453
|
+
--pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-c-calendar-month__date--focus--after--BorderColor);
|
|
1454
|
+
outline: 0;
|
|
1455
|
+
box-shadow: var(--pf-v5-c-calendar-month__date--focus--BoxShadow);
|
|
1456
|
+
}
|
|
1457
|
+
|
|
1458
|
+
.pf-v5-c-calendar-month__date:disabled {
|
|
1459
|
+
--pf-v5-c-calendar-month__date--Color: var(--pf-v5-c-calendar-month__date--disabled--Color);
|
|
1460
|
+
--pf-v5-c-calendar-month__date--hover--focus--BorderColor: transparent;
|
|
1461
|
+
pointer-events: none;
|
|
1462
|
+
}
|
|
1463
|
+
|
|
1464
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-calendar-month {
|
|
1465
|
+
--pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
1466
|
+
--pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--palette--black-500);
|
|
1467
|
+
--pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
1468
|
+
--pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--primary-color--400);
|
|
1469
|
+
--pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-v5-global--palette--black-900);
|
|
1470
|
+
--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-400);
|
|
1471
|
+
--pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
1472
|
+
--pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
1473
|
+
--pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
1474
|
+
--pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
1475
|
+
--pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
1476
|
+
--pf-v5-c-calendar-month__date--focus--after--BorderColor: transparent;
|
|
1477
|
+
}
|
|
1478
|
+
|
|
1479
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date:hover, :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date.pf-m-hover {
|
|
1480
|
+
--pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
1481
|
+
--pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
1482
|
+
}
|
|
1483
|
+
|
|
1484
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date:focus, :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date.pf-m-focus {
|
|
1485
|
+
--pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-global--active-color--100);
|
|
1486
|
+
--pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
1487
|
+
--pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
1488
|
+
--pf-v5-c-calendar-month__date--Color: var(--pf-v5-global--primary-color--400);
|
|
1489
|
+
}
|
|
1490
|
+
|
|
1491
|
+
.pf-v5-c-button {
|
|
1492
|
+
--pf-v5-c-button--PaddingTop: var(--pf-v5-global--spacer--form-element);
|
|
1493
|
+
--pf-v5-c-button--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
1494
|
+
--pf-v5-c-button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
|
|
1495
|
+
--pf-v5-c-button--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
1496
|
+
--pf-v5-c-button--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
1497
|
+
--pf-v5-c-button--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
1498
|
+
--pf-v5-c-button--FontSize: var(--pf-v5-global--FontSize--md);
|
|
1499
|
+
--pf-v5-c-button--BackgroundColor: transparent;
|
|
1500
|
+
--pf-v5-c-button--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
1501
|
+
--pf-v5-c-button--after--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
1502
|
+
--pf-v5-c-button--after--BorderColor: transparent;
|
|
1503
|
+
--pf-v5-c-button--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
1504
|
+
--pf-v5-c-button--hover--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
1505
|
+
--pf-v5-c-button--focus--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
1506
|
+
--pf-v5-c-button--active--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
1507
|
+
--pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--100);
|
|
1508
|
+
--pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
1509
|
+
--pf-v5-c-button--disabled--after--BorderColor: transparent;
|
|
1510
|
+
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--100);
|
|
1511
|
+
--pf-v5-c-button--m-primary--Color: var(--pf-v5-global--Color--light-100);
|
|
1512
|
+
--pf-v5-c-button--m-primary--hover--BackgroundColor: var(--pf-v5-global--primary-color--200);
|
|
1259
1513
|
--pf-v5-c-button--m-primary--hover--Color: var(--pf-v5-global--Color--light-100);
|
|
1260
1514
|
--pf-v5-c-button--m-primary--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
|
|
1261
1515
|
--pf-v5-c-button--m-primary--focus--Color: var(--pf-v5-global--Color--light-100);
|
|
@@ -1668,454 +1922,200 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
1668
1922
|
--pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-control--disabled--BackgroundColor);
|
|
1669
1923
|
--pf-v5-c-button--after--BorderWidth: var(--pf-v5-c-button--m-control--after--BorderWidth);
|
|
1670
1924
|
--pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-control--after--BorderTopColor) var(--pf-v5-c-button--m-control--after--BorderRightColor) var(--pf-v5-c-button--m-control--after--BorderBottomColor) var(--pf-v5-c-button--m-control--after--BorderLeftColor);
|
|
1671
|
-
color: var(--pf-v5-c-button--m-control--Color);
|
|
1672
|
-
background-color: var(--pf-v5-c-button--m-control--BackgroundColor);
|
|
1673
|
-
}
|
|
1674
|
-
|
|
1675
|
-
.pf-v5-c-button.pf-m-control::after {
|
|
1676
|
-
border-radius: initial;
|
|
1677
|
-
}
|
|
1678
|
-
|
|
1679
|
-
.pf-v5-c-button.pf-m-control:hover {
|
|
1680
|
-
--pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--hover--Color);
|
|
1681
|
-
--pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--hover--BackgroundColor);
|
|
1682
|
-
--pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--hover--after--BorderBottomColor);
|
|
1683
|
-
}
|
|
1684
|
-
|
|
1685
|
-
.pf-v5-c-button.pf-m-control:hover::after {
|
|
1686
|
-
border-block-end-width: var(--pf-v5-c-button--m-control--hover--after--BorderBottomWidth);
|
|
1687
|
-
}
|
|
1688
|
-
|
|
1689
|
-
.pf-v5-c-button.pf-m-control:active, .pf-v5-c-button.pf-m-control.pf-m-active {
|
|
1690
|
-
--pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--active--Color);
|
|
1691
|
-
--pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--active--BackgroundColor);
|
|
1692
|
-
--pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--active--after--BorderBottomColor);
|
|
1693
|
-
}
|
|
1694
|
-
|
|
1695
|
-
.pf-v5-c-button.pf-m-control:active::after, .pf-v5-c-button.pf-m-control.pf-m-active::after {
|
|
1696
|
-
border-block-end-width: var(--pf-v5-c-button--m-control--active--after--BorderBottomWidth);
|
|
1697
|
-
}
|
|
1698
|
-
|
|
1699
|
-
.pf-v5-c-button.pf-m-control:focus {
|
|
1700
|
-
--pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--focus--Color);
|
|
1701
|
-
--pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--focus--BackgroundColor);
|
|
1702
|
-
--pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--focus--after--BorderBottomColor);
|
|
1703
|
-
}
|
|
1704
|
-
|
|
1705
|
-
.pf-v5-c-button.pf-m-control:focus::after {
|
|
1706
|
-
border-block-end-width: var(--pf-v5-c-button--m-control--focus--after--BorderBottomWidth);
|
|
1707
|
-
}
|
|
1708
|
-
|
|
1709
|
-
.pf-v5-c-button.pf-m-control.pf-m-expanded {
|
|
1710
|
-
--pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--m-expanded--Color);
|
|
1711
|
-
--pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--m-expanded--BackgroundColor);
|
|
1712
|
-
--pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor);
|
|
1713
|
-
}
|
|
1714
|
-
|
|
1715
|
-
.pf-v5-c-button.pf-m-control.pf-m-expanded::after {
|
|
1716
|
-
border-block-end-width: var(--pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth);
|
|
1717
|
-
}
|
|
1718
|
-
|
|
1719
|
-
.pf-v5-c-button.pf-m-plain {
|
|
1720
|
-
--pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-plain--disabled--Color);
|
|
1721
|
-
--pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-plain--disabled--BackgroundColor);
|
|
1722
|
-
color: var(--pf-v5-c-button--m-plain--Color);
|
|
1723
|
-
background-color: var(--pf-v5-c-button--m-plain--BackgroundColor);
|
|
1724
|
-
}
|
|
1725
|
-
|
|
1726
|
-
.pf-v5-c-button.pf-m-plain.pf-m-no-padding {
|
|
1727
|
-
padding: 0;
|
|
1728
|
-
}
|
|
1729
|
-
|
|
1730
|
-
.pf-v5-c-button.pf-m-plain:hover {
|
|
1731
|
-
--pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--hover--Color);
|
|
1732
|
-
--pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor);
|
|
1733
|
-
}
|
|
1734
|
-
|
|
1735
|
-
.pf-v5-c-button.pf-m-plain:active, .pf-v5-c-button.pf-m-plain.pf-m-active {
|
|
1736
|
-
--pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--active--Color);
|
|
1737
|
-
--pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--active--BackgroundColor);
|
|
1738
|
-
}
|
|
1739
|
-
|
|
1740
|
-
.pf-v5-c-button.pf-m-plain:focus {
|
|
1741
|
-
--pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--focus--Color);
|
|
1742
|
-
--pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--focus--BackgroundColor);
|
|
1743
|
-
}
|
|
1744
|
-
|
|
1745
|
-
.pf-v5-c-button:disabled, .pf-v5-c-button.pf-m-disabled {
|
|
1746
|
-
pointer-events: none;
|
|
1747
|
-
}
|
|
1748
|
-
|
|
1749
|
-
.pf-v5-c-button:disabled, .pf-v5-c-button.pf-m-disabled, .pf-v5-c-button.pf-m-aria-disabled {
|
|
1750
|
-
color: var(--pf-v5-c-button--disabled--Color);
|
|
1751
|
-
background-color: var(--pf-v5-c-button--disabled--BackgroundColor);
|
|
1752
|
-
}
|
|
1753
|
-
|
|
1754
|
-
.pf-v5-c-button:disabled::after, .pf-v5-c-button.pf-m-disabled::after, .pf-v5-c-button.pf-m-aria-disabled::after {
|
|
1755
|
-
border-color: var(--pf-v5-c-button--disabled--after--BorderColor);
|
|
1756
|
-
}
|
|
1757
|
-
|
|
1758
|
-
.pf-v5-c-button:disabled .pf-v5-c-badge, .pf-v5-c-button.pf-m-disabled .pf-v5-c-badge, .pf-v5-c-button.pf-m-aria-disabled .pf-v5-c-badge {
|
|
1759
|
-
--pf-v5-c-badge--m-unread--Color: var(--pf-v5-c-button--disabled__c-badge--Color);
|
|
1760
|
-
--pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-c-button--disabled__c-badge--BackgroundColor);
|
|
1761
|
-
--pf-v5-c-button--m-primary__c-badge--BorderWidth: 0;
|
|
1762
|
-
}
|
|
1763
|
-
|
|
1764
|
-
.pf-v5-c-button.pf-m-aria-disabled {
|
|
1765
|
-
--pf-v5-c-button--after--BorderWidth: 0;
|
|
1766
|
-
--pf-v5-c-button--m-link--m-inline--hover--TextDecoration: none;
|
|
1767
|
-
cursor: default;
|
|
1768
|
-
}
|
|
1769
|
-
|
|
1770
|
-
.pf-v5-c-button.pf-m-progress {
|
|
1771
|
-
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-progress--PaddingRight);
|
|
1772
|
-
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-progress--PaddingLeft);
|
|
1773
|
-
transition: var(--pf-v5-c-button--m-progress--TransitionProperty) var(--pf-v5-c-button--m-progress--TransitionDuration);
|
|
1774
|
-
}
|
|
1775
|
-
|
|
1776
|
-
.pf-v5-c-button.pf-m-in-progress {
|
|
1777
|
-
--pf-v5-c-button--m-link--m-inline--PaddingLeft: var(--pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft);
|
|
1778
|
-
}
|
|
1779
|
-
|
|
1780
|
-
.pf-v5-c-button.pf-m-in-progress:not(.pf-m-plain) {
|
|
1781
|
-
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-in-progress--PaddingRight);
|
|
1782
|
-
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-in-progress--PaddingLeft);
|
|
1783
|
-
}
|
|
1784
|
-
|
|
1785
|
-
.pf-v5-c-button.pf-m-in-progress.pf-m-plain {
|
|
1786
|
-
--pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-in-progress--m-plain--Color);
|
|
1787
|
-
--pf-v5-c-button__progress--Left: var(--pf-v5-c-button--m-in-progress--m-plain__progress--Left);
|
|
1788
|
-
--pf-v5-c-button__progress--TranslateX: var(--pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX);
|
|
1789
|
-
}
|
|
1790
|
-
|
|
1791
|
-
.pf-v5-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v5-c-button__progress) {
|
|
1792
|
-
opacity: 0;
|
|
1793
|
-
}
|
|
1794
|
-
|
|
1795
|
-
.pf-v5-c-button__icon.pf-m-start {
|
|
1796
|
-
margin-inline-end: var(--pf-v5-c-button__icon--m-start--MarginRight);
|
|
1797
|
-
}
|
|
1798
|
-
|
|
1799
|
-
.pf-v5-c-button__icon.pf-m-end {
|
|
1800
|
-
margin-inline-start: var(--pf-v5-c-button__icon--m-end--MarginLeft);
|
|
1801
|
-
}
|
|
1802
|
-
|
|
1803
|
-
.pf-v5-c-button__progress {
|
|
1804
|
-
position: absolute;
|
|
1805
|
-
inset-block-start: var(--pf-v5-c-button__progress--Top);
|
|
1806
|
-
inset-inline-start: var(--pf-v5-c-button__progress--Left);
|
|
1807
|
-
line-height: 1;
|
|
1808
|
-
transform: translate(var(--pf-v5-c-button__progress--TranslateX), var(--pf-v5-c-button__progress--TranslateY));
|
|
1809
|
-
}
|
|
1810
|
-
|
|
1811
|
-
.pf-v5-c-button__progress .pf-v5-c-spinner {
|
|
1812
|
-
--pf-v5-c-spinner--Color: currentcolor;
|
|
1813
|
-
}
|
|
1814
|
-
|
|
1815
|
-
.pf-v5-c-button__count {
|
|
1816
|
-
display: inline-flex;
|
|
1817
|
-
align-items: center;
|
|
1818
|
-
margin-inline-start: var(--pf-v5-c-button__count--MarginLeft);
|
|
1819
|
-
}
|
|
1820
|
-
|
|
1821
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-button {
|
|
1822
|
-
--pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
1823
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
1824
|
-
--pf-v5-c-button--m-primary--Color: var(--pf-v5-global--primary-color--400);
|
|
1825
|
-
--pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
1826
|
-
--pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--palette--black-100);
|
|
1827
|
-
--pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
1828
|
-
--pf-v5-c-button--m-tertiary--hover--Color: var(--pf-v5-global--palette--black-100);
|
|
1829
|
-
--pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
1830
|
-
--pf-v5-c-button--m-tertiary--focus--Color: var(--pf-v5-global--palette--black-100);
|
|
1831
|
-
--pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
1832
|
-
--pf-v5-c-button--m-tertiary--active--Color: var(--pf-v5-global--palette--black-100);
|
|
1833
|
-
--pf-v5-c-button--m-warning--Color: var(--pf-v5-global--palette--black-900);
|
|
1834
|
-
--pf-v5-c-button--m-warning--hover--Color: var(--pf-v5-global--palette--black-900);
|
|
1835
|
-
--pf-v5-c-button--m-warning--focus--Color: var(--pf-v5-global--palette--black-900);
|
|
1836
|
-
--pf-v5-c-button--m-warning--active--Color: var(--pf-v5-global--palette--black-900);
|
|
1837
|
-
--pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-v5-global--warning-color--200);
|
|
1838
|
-
--pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-v5-global--warning-color--200);
|
|
1839
|
-
--pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-v5-global--warning-color--200);
|
|
1840
|
-
--pf-v5-c-button--m-danger--Color: var(--pf-v5-global--palette--black-900);
|
|
1841
|
-
--pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--palette--black-900);
|
|
1842
|
-
--pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--palette--black-900);
|
|
1843
|
-
--pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--palette--black-900);
|
|
1844
|
-
--pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
|
|
1845
|
-
--pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
1846
|
-
--pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
1847
|
-
--pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
1848
|
-
--pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
1849
|
-
--pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
1850
|
-
--pf-v5-c-button--m-control--after--BorderTopColor: transparent;
|
|
1851
|
-
--pf-v5-c-button--m-control--after--BorderRightColor: transparent;
|
|
1852
|
-
--pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
1853
|
-
--pf-v5-c-button--m-control--after--BorderLeftColor: transparent;
|
|
1854
|
-
--pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
|
|
1855
|
-
--pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
|
|
1856
|
-
--pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
|
|
1857
|
-
--pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
|
|
1858
|
-
--pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
1859
|
-
--pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--Color--100);
|
|
1860
|
-
}
|
|
1861
|
-
|
|
1862
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control:disabled::after {
|
|
1863
|
-
border: 0;
|
|
1864
|
-
border-block-end: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--palette--black-700);
|
|
1925
|
+
color: var(--pf-v5-c-button--m-control--Color);
|
|
1926
|
+
background-color: var(--pf-v5-c-button--m-control--BackgroundColor);
|
|
1865
1927
|
}
|
|
1866
1928
|
|
|
1867
|
-
.pf-v5-c-
|
|
1868
|
-
|
|
1869
|
-
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
1870
|
-
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
|
|
1871
|
-
--pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
|
|
1872
|
-
--pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
|
|
1873
|
-
--pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
|
|
1874
|
-
--pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
|
|
1875
|
-
--pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
|
|
1876
|
-
--pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
|
|
1929
|
+
.pf-v5-c-button.pf-m-control::after {
|
|
1930
|
+
border-radius: initial;
|
|
1877
1931
|
}
|
|
1878
1932
|
|
|
1879
|
-
.pf-v5-c-
|
|
1880
|
-
--pf-v5-c-
|
|
1881
|
-
--pf-v5-c-
|
|
1882
|
-
--pf-v5-c-
|
|
1883
|
-
--pf-v5-c-calendar-month--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
1884
|
-
--pf-v5-c-calendar-month--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
1885
|
-
--pf-v5-c-calendar-month--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
1886
|
-
--pf-v5-c-calendar-month__header--MarginBottom: var(--pf-v5-global--spacer--md);
|
|
1887
|
-
--pf-v5-c-calendar-month__header-year--Width: 8.5ch;
|
|
1888
|
-
--pf-v5-c-calendar-month__header-nav-control--MarginRight: 0;
|
|
1889
|
-
--pf-v5-c-calendar-month__header-nav-control--MarginLeft: 0;
|
|
1890
|
-
--pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
|
|
1891
|
-
--pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: 0;
|
|
1892
|
-
--pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginRight: 0;
|
|
1893
|
-
--pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginLeft: 0;
|
|
1894
|
-
--pf-v5-c-calendar-month__days--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
1895
|
-
--pf-v5-c-calendar-month__days--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
|
|
1896
|
-
--pf-v5-c-calendar-month__day--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
1897
|
-
--pf-v5-c-calendar-month__day--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
1898
|
-
--pf-v5-c-calendar-month__dates-cell--PaddingTop: 0.125rem;
|
|
1899
|
-
--pf-v5-c-calendar-month__dates-cell--PaddingRight: 0.125rem;
|
|
1900
|
-
--pf-v5-c-calendar-month__dates-cell--PaddingBottom: 0.125rem;
|
|
1901
|
-
--pf-v5-c-calendar-month__dates-cell--PaddingLeft: 0.125rem;
|
|
1902
|
-
--pf-v5-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(--pf-v5-global--spacer--sm);
|
|
1903
|
-
--pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
1904
|
-
--pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--active-color--100);
|
|
1905
|
-
--pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-v5-global--active-color--100);
|
|
1906
|
-
--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
|
|
1907
|
-
--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-v5-global--primary-color--200);
|
|
1908
|
-
--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow: 0 0 0.3125rem var(--pf-v5-global--primary-color--100);
|
|
1909
|
-
--pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--Color--light-100);
|
|
1910
|
-
--pf-v5-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
1911
|
-
--pf-v5-c-calendar-month__dates-cell--before--Top: 0;
|
|
1912
|
-
--pf-v5-c-calendar-month__dates-cell--before--Right: 0;
|
|
1913
|
-
--pf-v5-c-calendar-month__dates-cell--before--Bottom: var(--pf-v5-c-calendar-month__dates-cell--PaddingBottom);
|
|
1914
|
-
--pf-v5-c-calendar-month__dates-cell--before--Left: 0;
|
|
1915
|
-
--pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-v5-global--palette--blue-50);
|
|
1916
|
-
--pf-v5-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left: 50%;
|
|
1917
|
-
--pf-v5-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
|
|
1918
|
-
--pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-v5-global--palette--blue-100);
|
|
1919
|
-
--pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-100);
|
|
1920
|
-
--pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-v5-global--Color--200);
|
|
1921
|
-
--pf-v5-c-calendar-month__date--Width: 4ch;
|
|
1922
|
-
--pf-v5-c-calendar-month__date--Height: 4ch;
|
|
1923
|
-
--pf-v5-c-calendar-month__date--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
|
|
1924
|
-
--pf-v5-c-calendar-month__date--Color: var(--pf-v5-global--Color--100);
|
|
1925
|
-
--pf-v5-c-calendar-month__date--BackgroundColor: transparent;
|
|
1926
|
-
--pf-v5-c-calendar-month__date--disabled--Color: var(--pf-v5-global--disabled-color--200);
|
|
1927
|
-
--pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
1928
|
-
--pf-v5-c-calendar-month__date--after--BorderColor: transparent;
|
|
1929
|
-
--pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-global--palette--blue-50);
|
|
1930
|
-
--pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-50);
|
|
1931
|
-
--pf-v5-c-calendar-month__date--focus--after--BorderColor: var(--pf-v5-global--active-color--100);
|
|
1932
|
-
--pf-v5-c-calendar-month__date--focus--BoxShadow: none;
|
|
1933
|
-
color: var(--pf-v5-global--Color--100);
|
|
1934
|
-
display: inline-flex;
|
|
1935
|
-
flex-direction: column;
|
|
1936
|
-
padding-block-start: var(--pf-v5-c-calendar-month--PaddingTop);
|
|
1937
|
-
padding-block-end: var(--pf-v5-c-calendar-month--PaddingBottom);
|
|
1938
|
-
padding-inline-start: var(--pf-v5-c-calendar-month--PaddingLeft);
|
|
1939
|
-
padding-inline-end: var(--pf-v5-c-calendar-month--PaddingRight);
|
|
1940
|
-
font-size: var(--pf-v5-c-calendar-month--FontSize);
|
|
1941
|
-
background-color: var(--pf-v5-c-calendar-month--BackgroundColor);
|
|
1933
|
+
.pf-v5-c-button.pf-m-control:hover {
|
|
1934
|
+
--pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--hover--Color);
|
|
1935
|
+
--pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--hover--BackgroundColor);
|
|
1936
|
+
--pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--hover--after--BorderBottomColor);
|
|
1942
1937
|
}
|
|
1943
1938
|
|
|
1944
|
-
.pf-v5-c-
|
|
1945
|
-
|
|
1946
|
-
margin-block-end: var(--pf-v5-c-calendar-month__header--MarginBottom);
|
|
1939
|
+
.pf-v5-c-button.pf-m-control:hover::after {
|
|
1940
|
+
border-block-end-width: var(--pf-v5-c-button--m-control--hover--after--BorderBottomWidth);
|
|
1947
1941
|
}
|
|
1948
1942
|
|
|
1949
|
-
.pf-v5-c-
|
|
1950
|
-
|
|
1951
|
-
|
|
1943
|
+
.pf-v5-c-button.pf-m-control:active, .pf-v5-c-button.pf-m-control.pf-m-active {
|
|
1944
|
+
--pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--active--Color);
|
|
1945
|
+
--pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--active--BackgroundColor);
|
|
1946
|
+
--pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--active--after--BorderBottomColor);
|
|
1952
1947
|
}
|
|
1953
1948
|
|
|
1954
|
-
|
|
1955
|
-
|
|
1949
|
+
.pf-v5-c-button.pf-m-control:active::after, .pf-v5-c-button.pf-m-control.pf-m-active::after {
|
|
1950
|
+
border-block-end-width: var(--pf-v5-c-button--m-control--active--after--BorderBottomWidth);
|
|
1956
1951
|
}
|
|
1957
1952
|
|
|
1958
|
-
.pf-v5-c-
|
|
1959
|
-
--pf-v5-c-
|
|
1960
|
-
--pf-v5-c-
|
|
1953
|
+
.pf-v5-c-button.pf-m-control:focus {
|
|
1954
|
+
--pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--focus--Color);
|
|
1955
|
+
--pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--focus--BackgroundColor);
|
|
1956
|
+
--pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--focus--after--BorderBottomColor);
|
|
1961
1957
|
}
|
|
1962
1958
|
|
|
1963
|
-
.pf-v5-c-
|
|
1964
|
-
|
|
1965
|
-
--pf-v5-c-calendar-month__header-nav-control--MarginLeft: var(--pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginLeft);
|
|
1959
|
+
.pf-v5-c-button.pf-m-control:focus::after {
|
|
1960
|
+
border-block-end-width: var(--pf-v5-c-button--m-control--focus--after--BorderBottomWidth);
|
|
1966
1961
|
}
|
|
1967
1962
|
|
|
1968
|
-
.pf-v5-c-
|
|
1969
|
-
|
|
1963
|
+
.pf-v5-c-button.pf-m-control.pf-m-expanded {
|
|
1964
|
+
--pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--m-expanded--Color);
|
|
1965
|
+
--pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--m-expanded--BackgroundColor);
|
|
1966
|
+
--pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor);
|
|
1970
1967
|
}
|
|
1971
1968
|
|
|
1972
|
-
.pf-v5-c-
|
|
1973
|
-
width: var(--pf-v5-c-
|
|
1969
|
+
.pf-v5-c-button.pf-m-control.pf-m-expanded::after {
|
|
1970
|
+
border-block-end-width: var(--pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth);
|
|
1974
1971
|
}
|
|
1975
1972
|
|
|
1976
|
-
.pf-v5-c-
|
|
1977
|
-
|
|
1973
|
+
.pf-v5-c-button.pf-m-plain {
|
|
1974
|
+
--pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-plain--disabled--Color);
|
|
1975
|
+
--pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-plain--disabled--BackgroundColor);
|
|
1976
|
+
color: var(--pf-v5-c-button--m-plain--Color);
|
|
1977
|
+
background-color: var(--pf-v5-c-button--m-plain--BackgroundColor);
|
|
1978
1978
|
}
|
|
1979
1979
|
|
|
1980
|
-
.pf-v5-c-
|
|
1981
|
-
|
|
1980
|
+
.pf-v5-c-button.pf-m-plain.pf-m-no-padding {
|
|
1981
|
+
padding: 0;
|
|
1982
1982
|
}
|
|
1983
1983
|
|
|
1984
|
-
.pf-v5-c-
|
|
1985
|
-
|
|
1986
|
-
|
|
1987
|
-
text-align: center;
|
|
1984
|
+
.pf-v5-c-button.pf-m-plain:hover {
|
|
1985
|
+
--pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--hover--Color);
|
|
1986
|
+
--pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor);
|
|
1988
1987
|
}
|
|
1989
1988
|
|
|
1990
|
-
.pf-v5-c-
|
|
1991
|
-
--pf-v5-c-
|
|
1989
|
+
.pf-v5-c-button.pf-m-plain:active, .pf-v5-c-button.pf-m-plain.pf-m-active {
|
|
1990
|
+
--pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--active--Color);
|
|
1991
|
+
--pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--active--BackgroundColor);
|
|
1992
1992
|
}
|
|
1993
1993
|
|
|
1994
|
-
.pf-v5-c-
|
|
1995
|
-
--pf-v5-c-
|
|
1996
|
-
|
|
1997
|
-
padding-block-start: var(--pf-v5-c-calendar-month__dates-cell--PaddingTop);
|
|
1998
|
-
padding-block-end: var(--pf-v5-c-calendar-month__dates-cell--PaddingBottom);
|
|
1999
|
-
padding-inline-start: var(--pf-v5-c-calendar-month__dates-cell--PaddingLeft);
|
|
2000
|
-
padding-inline-end: var(--pf-v5-c-calendar-month__dates-cell--PaddingRight);
|
|
2001
|
-
text-align: center;
|
|
1994
|
+
.pf-v5-c-button.pf-m-plain:focus {
|
|
1995
|
+
--pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--focus--Color);
|
|
1996
|
+
--pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--focus--BackgroundColor);
|
|
2002
1997
|
}
|
|
2003
1998
|
|
|
2004
|
-
.pf-v5-c-
|
|
2005
|
-
|
|
2006
|
-
inset-block-start: var(--pf-v5-c-calendar-month__dates-cell--before--Top);
|
|
2007
|
-
inset-block-end: var(--pf-v5-c-calendar-month__dates-cell--before--Bottom);
|
|
2008
|
-
inset-inline-start: var(--pf-v5-c-calendar-month__dates-cell--before--Left);
|
|
2009
|
-
inset-inline-end: var(--pf-v5-c-calendar-month__dates-cell--before--Right);
|
|
2010
|
-
content: "";
|
|
2011
|
-
background-color: var(--pf-v5-c-calendar-month__dates-cell--before--BackgroundColor);
|
|
1999
|
+
.pf-v5-c-button:disabled, .pf-v5-c-button.pf-m-disabled {
|
|
2000
|
+
pointer-events: none;
|
|
2012
2001
|
}
|
|
2013
2002
|
|
|
2014
|
-
.pf-v5-c-
|
|
2015
|
-
|
|
2003
|
+
.pf-v5-c-button:disabled, .pf-v5-c-button.pf-m-disabled, .pf-v5-c-button.pf-m-aria-disabled {
|
|
2004
|
+
color: var(--pf-v5-c-button--disabled--Color);
|
|
2005
|
+
background-color: var(--pf-v5-c-button--disabled--BackgroundColor);
|
|
2016
2006
|
}
|
|
2017
2007
|
|
|
2018
|
-
.pf-v5-c-
|
|
2019
|
-
|
|
2020
|
-
--pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
|
|
2021
|
-
--pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
|
|
2008
|
+
.pf-v5-c-button:disabled::after, .pf-v5-c-button.pf-m-disabled::after, .pf-v5-c-button.pf-m-aria-disabled::after {
|
|
2009
|
+
border-color: var(--pf-v5-c-button--disabled--after--BorderColor);
|
|
2022
2010
|
}
|
|
2023
2011
|
|
|
2024
|
-
.pf-v5-c-
|
|
2025
|
-
--pf-v5-c-
|
|
2012
|
+
.pf-v5-c-button:disabled .pf-v5-c-badge, .pf-v5-c-button.pf-m-disabled .pf-v5-c-badge, .pf-v5-c-button.pf-m-aria-disabled .pf-v5-c-badge {
|
|
2013
|
+
--pf-v5-c-badge--m-unread--Color: var(--pf-v5-c-button--disabled__c-badge--Color);
|
|
2014
|
+
--pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-c-button--disabled__c-badge--BackgroundColor);
|
|
2015
|
+
--pf-v5-c-button--m-primary__c-badge--BorderWidth: 0;
|
|
2026
2016
|
}
|
|
2027
2017
|
|
|
2028
|
-
.pf-v5-c-
|
|
2029
|
-
--pf-v5-c-
|
|
2018
|
+
.pf-v5-c-button.pf-m-aria-disabled {
|
|
2019
|
+
--pf-v5-c-button--after--BorderWidth: 0;
|
|
2020
|
+
--pf-v5-c-button--m-link--m-inline--hover--TextDecoration: none;
|
|
2021
|
+
cursor: default;
|
|
2030
2022
|
}
|
|
2031
2023
|
|
|
2032
|
-
.pf-v5-c-
|
|
2033
|
-
--pf-v5-c-
|
|
2024
|
+
.pf-v5-c-button.pf-m-progress {
|
|
2025
|
+
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-progress--PaddingRight);
|
|
2026
|
+
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-progress--PaddingLeft);
|
|
2027
|
+
transition: var(--pf-v5-c-button--m-progress--TransitionProperty) var(--pf-v5-c-button--m-progress--TransitionDuration);
|
|
2034
2028
|
}
|
|
2035
2029
|
|
|
2036
|
-
.pf-v5-c-
|
|
2037
|
-
--pf-v5-c-
|
|
2038
|
-
--pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
|
|
2039
|
-
--pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
|
|
2040
|
-
--pf-v5-c-calendar-month__date--focus--after--BorderColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
|
|
2041
|
-
--pf-v5-c-calendar-month__date--focus--BoxShadow: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow);
|
|
2042
|
-
--pf-v5-c-calendar-month__date--Color: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--Color);
|
|
2030
|
+
.pf-v5-c-button.pf-m-in-progress {
|
|
2031
|
+
--pf-v5-c-button--m-link--m-inline--PaddingLeft: var(--pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft);
|
|
2043
2032
|
}
|
|
2044
2033
|
|
|
2045
|
-
.pf-v5-c-
|
|
2046
|
-
--pf-v5-c-
|
|
2047
|
-
--pf-v5-c-
|
|
2034
|
+
.pf-v5-c-button.pf-m-in-progress:not(.pf-m-plain) {
|
|
2035
|
+
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-in-progress--PaddingRight);
|
|
2036
|
+
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-in-progress--PaddingLeft);
|
|
2048
2037
|
}
|
|
2049
2038
|
|
|
2050
|
-
.pf-v5-c-
|
|
2051
|
-
|
|
2052
|
-
|
|
2053
|
-
|
|
2054
|
-
justify-content: center;
|
|
2055
|
-
width: var(--pf-v5-c-calendar-month__date--Width);
|
|
2056
|
-
height: var(--pf-v5-c-calendar-month__date--Height);
|
|
2057
|
-
line-height: 1;
|
|
2058
|
-
color: var(--pf-v5-c-calendar-month__date--Color);
|
|
2059
|
-
background-color: var(--pf-v5-c-calendar-month__date--BackgroundColor);
|
|
2060
|
-
border: 0;
|
|
2039
|
+
.pf-v5-c-button.pf-m-in-progress.pf-m-plain {
|
|
2040
|
+
--pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-in-progress--m-plain--Color);
|
|
2041
|
+
--pf-v5-c-button__progress--Left: var(--pf-v5-c-button--m-in-progress--m-plain__progress--Left);
|
|
2042
|
+
--pf-v5-c-button__progress--TranslateX: var(--pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX);
|
|
2061
2043
|
}
|
|
2062
2044
|
|
|
2063
|
-
.pf-v5-c-
|
|
2064
|
-
|
|
2065
|
-
inset-block-start: 0;
|
|
2066
|
-
inset-block-end: 0;
|
|
2067
|
-
inset-inline-start: 0;
|
|
2068
|
-
inset-inline-end: 0;
|
|
2069
|
-
content: "";
|
|
2070
|
-
border: var(--pf-v5-c-calendar-month__date--after--BorderWidth) solid var(--pf-v5-c-calendar-month__date--after--BorderColor);
|
|
2045
|
+
.pf-v5-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v5-c-button__progress) {
|
|
2046
|
+
opacity: 0;
|
|
2071
2047
|
}
|
|
2072
2048
|
|
|
2073
|
-
.pf-v5-c-
|
|
2074
|
-
|
|
2049
|
+
.pf-v5-c-button__icon.pf-m-start {
|
|
2050
|
+
margin-inline-end: var(--pf-v5-c-button__icon--m-start--MarginRight);
|
|
2075
2051
|
}
|
|
2076
2052
|
|
|
2077
|
-
.pf-v5-c-
|
|
2078
|
-
|
|
2053
|
+
.pf-v5-c-button__icon.pf-m-end {
|
|
2054
|
+
margin-inline-start: var(--pf-v5-c-button__icon--m-end--MarginLeft);
|
|
2079
2055
|
}
|
|
2080
2056
|
|
|
2081
|
-
.pf-v5-c-
|
|
2082
|
-
|
|
2083
|
-
|
|
2084
|
-
|
|
2085
|
-
|
|
2057
|
+
.pf-v5-c-button__progress {
|
|
2058
|
+
position: absolute;
|
|
2059
|
+
inset-block-start: var(--pf-v5-c-button__progress--Top);
|
|
2060
|
+
inset-inline-start: var(--pf-v5-c-button__progress--Left);
|
|
2061
|
+
line-height: 1;
|
|
2062
|
+
transform: translate(var(--pf-v5-c-button__progress--TranslateX), var(--pf-v5-c-button__progress--TranslateY));
|
|
2086
2063
|
}
|
|
2087
|
-
|
|
2088
|
-
.pf-v5-c-
|
|
2089
|
-
--pf-v5-c-
|
|
2090
|
-
--pf-v5-c-calendar-month__date--hover--focus--BorderColor: transparent;
|
|
2091
|
-
pointer-events: none;
|
|
2064
|
+
|
|
2065
|
+
.pf-v5-c-button__progress .pf-v5-c-spinner {
|
|
2066
|
+
--pf-v5-c-spinner--Color: currentcolor;
|
|
2092
2067
|
}
|
|
2093
2068
|
|
|
2094
|
-
|
|
2095
|
-
|
|
2096
|
-
|
|
2097
|
-
|
|
2098
|
-
--pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--primary-color--400);
|
|
2099
|
-
--pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-v5-global--palette--black-900);
|
|
2100
|
-
--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-400);
|
|
2101
|
-
--pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
2102
|
-
--pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
2103
|
-
--pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
2104
|
-
--pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
2105
|
-
--pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
2106
|
-
--pf-v5-c-calendar-month__date--focus--after--BorderColor: transparent;
|
|
2069
|
+
.pf-v5-c-button__count {
|
|
2070
|
+
display: inline-flex;
|
|
2071
|
+
align-items: center;
|
|
2072
|
+
margin-inline-start: var(--pf-v5-c-button__count--MarginLeft);
|
|
2107
2073
|
}
|
|
2108
2074
|
|
|
2109
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
2110
|
-
--pf-v5-c-
|
|
2111
|
-
--pf-v5-c-
|
|
2075
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-button {
|
|
2076
|
+
--pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
2077
|
+
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
2078
|
+
--pf-v5-c-button--m-primary--Color: var(--pf-v5-global--primary-color--400);
|
|
2079
|
+
--pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
2080
|
+
--pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--palette--black-100);
|
|
2081
|
+
--pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
2082
|
+
--pf-v5-c-button--m-tertiary--hover--Color: var(--pf-v5-global--palette--black-100);
|
|
2083
|
+
--pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
2084
|
+
--pf-v5-c-button--m-tertiary--focus--Color: var(--pf-v5-global--palette--black-100);
|
|
2085
|
+
--pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
2086
|
+
--pf-v5-c-button--m-tertiary--active--Color: var(--pf-v5-global--palette--black-100);
|
|
2087
|
+
--pf-v5-c-button--m-warning--Color: var(--pf-v5-global--palette--black-900);
|
|
2088
|
+
--pf-v5-c-button--m-warning--hover--Color: var(--pf-v5-global--palette--black-900);
|
|
2089
|
+
--pf-v5-c-button--m-warning--focus--Color: var(--pf-v5-global--palette--black-900);
|
|
2090
|
+
--pf-v5-c-button--m-warning--active--Color: var(--pf-v5-global--palette--black-900);
|
|
2091
|
+
--pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-v5-global--warning-color--200);
|
|
2092
|
+
--pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-v5-global--warning-color--200);
|
|
2093
|
+
--pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-v5-global--warning-color--200);
|
|
2094
|
+
--pf-v5-c-button--m-danger--Color: var(--pf-v5-global--palette--black-900);
|
|
2095
|
+
--pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--palette--black-900);
|
|
2096
|
+
--pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--palette--black-900);
|
|
2097
|
+
--pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--palette--black-900);
|
|
2098
|
+
--pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
|
|
2099
|
+
--pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
2100
|
+
--pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
2101
|
+
--pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
2102
|
+
--pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
2103
|
+
--pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
2104
|
+
--pf-v5-c-button--m-control--after--BorderTopColor: transparent;
|
|
2105
|
+
--pf-v5-c-button--m-control--after--BorderRightColor: transparent;
|
|
2106
|
+
--pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
2107
|
+
--pf-v5-c-button--m-control--after--BorderLeftColor: transparent;
|
|
2108
|
+
--pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
|
|
2109
|
+
--pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
|
|
2110
|
+
--pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
|
|
2111
|
+
--pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
|
|
2112
|
+
--pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
2113
|
+
--pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--Color--100);
|
|
2112
2114
|
}
|
|
2113
2115
|
|
|
2114
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
2115
|
-
|
|
2116
|
-
--pf-v5-
|
|
2117
|
-
--pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
2118
|
-
--pf-v5-c-calendar-month__date--Color: var(--pf-v5-global--primary-color--400);
|
|
2116
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control:disabled::after {
|
|
2117
|
+
border: 0;
|
|
2118
|
+
border-block-end: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--palette--black-700);
|
|
2119
2119
|
}
|
|
2120
2120
|
|
|
2121
2121
|
.pf-v5-c-card {
|
|
@@ -2641,101 +2641,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
2641
2641
|
color: var(--pf-v5-c-check__label-required--Color);
|
|
2642
2642
|
}
|
|
2643
2643
|
|
|
2644
|
-
.pf-v5-c-chip-group {
|
|
2645
|
-
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
2646
|
-
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
2647
|
-
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
|
|
2648
|
-
--pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
|
|
2649
|
-
--pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
|
|
2650
|
-
--pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
|
|
2651
|
-
--pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
|
|
2652
|
-
--pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
|
|
2653
|
-
--pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
|
|
2654
|
-
}
|
|
2655
|
-
|
|
2656
|
-
.pf-v5-c-chip-group {
|
|
2657
|
-
color: var(--pf-v5-global--Color--100);
|
|
2658
|
-
--pf-v5-c-chip-group--PaddingTop: 0;
|
|
2659
|
-
--pf-v5-c-chip-group--PaddingRight: 0;
|
|
2660
|
-
--pf-v5-c-chip-group--PaddingBottom: 0;
|
|
2661
|
-
--pf-v5-c-chip-group--PaddingLeft: 0;
|
|
2662
|
-
--pf-v5-c-chip-group--RowGap: var(--pf-v5-global--spacer--sm);
|
|
2663
|
-
--pf-v5-c-chip-group--ColumnGap: 0;
|
|
2664
|
-
--pf-v5-c-chip-group__main--RowGap: var(--pf-v5-global--spacer--xs);
|
|
2665
|
-
--pf-v5-c-chip-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
2666
|
-
--pf-v5-c-chip-group__list--RowGap: var(--pf-v5-global--spacer--xs);
|
|
2667
|
-
--pf-v5-c-chip-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
2668
|
-
--pf-v5-c-chip-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
2669
|
-
--pf-v5-c-chip-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
|
|
2670
|
-
--pf-v5-c-chip-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
2671
|
-
--pf-v5-c-chip-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
2672
|
-
--pf-v5-c-chip-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
2673
|
-
--pf-v5-c-chip-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
2674
|
-
--pf-v5-c-chip-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
2675
|
-
--pf-v5-c-chip-group__label--MaxWidth: 18ch;
|
|
2676
|
-
--pf-v5-c-chip-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
2677
|
-
--pf-v5-c-chip-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
2678
|
-
row-gap: var(--pf-v5-c-chip-group--RowGap);
|
|
2679
|
-
column-gap: var(--pf-v5-c-chip-group--ColumnGap);
|
|
2680
|
-
max-width: 100%;
|
|
2681
|
-
padding-block-start: var(--pf-v5-c-chip-group--PaddingTop);
|
|
2682
|
-
padding-block-end: var(--pf-v5-c-chip-group--PaddingBottom);
|
|
2683
|
-
padding-inline-start: var(--pf-v5-c-chip-group--PaddingLeft);
|
|
2684
|
-
padding-inline-end: var(--pf-v5-c-chip-group--PaddingRight);
|
|
2685
|
-
}
|
|
2686
|
-
|
|
2687
|
-
.pf-v5-c-chip-group.pf-m-category {
|
|
2688
|
-
--pf-v5-c-chip-group--PaddingTop: var(--pf-v5-c-chip-group--m-category--PaddingTop);
|
|
2689
|
-
--pf-v5-c-chip-group--PaddingRight: var(--pf-v5-c-chip-group--m-category--PaddingRight);
|
|
2690
|
-
--pf-v5-c-chip-group--PaddingBottom: var(--pf-v5-c-chip-group--m-category--PaddingBottom);
|
|
2691
|
-
--pf-v5-c-chip-group--PaddingLeft: var(--pf-v5-c-chip-group--m-category--PaddingLeft);
|
|
2692
|
-
background-color: var(--pf-v5-c-chip-group--m-category--BackgroundColor);
|
|
2693
|
-
border-radius: var(--pf-v5-c-chip-group--m-category--BorderRadius);
|
|
2694
|
-
}
|
|
2695
|
-
|
|
2696
|
-
.pf-v5-c-chip-group__main {
|
|
2697
|
-
display: flex;
|
|
2698
|
-
flex: 1;
|
|
2699
|
-
flex-wrap: wrap;
|
|
2700
|
-
row-gap: var(--pf-v5-c-chip-group__main--RowGap);
|
|
2701
|
-
column-gap: var(--pf-v5-c-chip-group__main--ColumnGap);
|
|
2702
|
-
align-items: baseline;
|
|
2703
|
-
min-width: 0;
|
|
2704
|
-
}
|
|
2705
|
-
|
|
2706
|
-
.pf-v5-c-chip-group,
|
|
2707
|
-
.pf-v5-c-chip-group__list {
|
|
2708
|
-
display: inline-flex;
|
|
2709
|
-
flex-wrap: wrap;
|
|
2710
|
-
align-items: center;
|
|
2711
|
-
min-width: 0;
|
|
2712
|
-
}
|
|
2713
|
-
|
|
2714
|
-
.pf-v5-c-chip-group__list {
|
|
2715
|
-
row-gap: var(--pf-v5-c-chip-group__list--RowGap);
|
|
2716
|
-
column-gap: var(--pf-v5-c-chip-group__list--ColumnGap);
|
|
2717
|
-
}
|
|
2718
|
-
|
|
2719
|
-
.pf-v5-c-chip-group__list-item {
|
|
2720
|
-
display: inline-flex;
|
|
2721
|
-
min-width: 0;
|
|
2722
|
-
}
|
|
2723
|
-
|
|
2724
|
-
.pf-v5-c-chip-group__label {
|
|
2725
|
-
overflow: hidden;
|
|
2726
|
-
text-overflow: ellipsis;
|
|
2727
|
-
white-space: nowrap;
|
|
2728
|
-
max-width: var(--pf-v5-c-chip-group__label--MaxWidth);
|
|
2729
|
-
font-size: var(--pf-v5-c-chip-group__label--FontSize);
|
|
2730
|
-
}
|
|
2731
|
-
|
|
2732
|
-
.pf-v5-c-chip-group__close {
|
|
2733
|
-
display: flex;
|
|
2734
|
-
align-self: flex-start;
|
|
2735
|
-
margin-block-start: var(--pf-v5-c-chip-group__close--MarginTop);
|
|
2736
|
-
margin-block-end: var(--pf-v5-c-chip-group__close--MarginBottom);
|
|
2737
|
-
}
|
|
2738
|
-
|
|
2739
2644
|
.pf-v5-c-chip {
|
|
2740
2645
|
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
2741
2646
|
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
@@ -2837,33 +2742,128 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
2837
2742
|
margin-inline-start: var(--pf-v5-c-chip__icon--MarginLeft);
|
|
2838
2743
|
}
|
|
2839
2744
|
|
|
2840
|
-
.pf-v5-c-chip__content {
|
|
2841
|
-
display: flex;
|
|
2842
|
-
column-gap: var(--pf-v5-c-chip__content--ColumnGap);
|
|
2745
|
+
.pf-v5-c-chip__content {
|
|
2746
|
+
display: flex;
|
|
2747
|
+
column-gap: var(--pf-v5-c-chip__content--ColumnGap);
|
|
2748
|
+
align-items: center;
|
|
2749
|
+
font-size: var(--pf-v5-c-chip__content--FontSize);
|
|
2750
|
+
}
|
|
2751
|
+
|
|
2752
|
+
.pf-v5-c-chip__actions {
|
|
2753
|
+
font-size: var(--pf-v5-c-chip__actions--FontSize);
|
|
2754
|
+
}
|
|
2755
|
+
|
|
2756
|
+
.pf-v5-c-chip__actions .pf-v5-c-button {
|
|
2757
|
+
--pf-v5-c-button--PaddingTop: var(--pf-v5-c-chip__actions--c-button--PaddingTop);
|
|
2758
|
+
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-chip__actions--c-button--PaddingRight);
|
|
2759
|
+
--pf-v5-c-button--PaddingBottom: var(--pf-v5-c-chip__actions--c-button--PaddingBottom);
|
|
2760
|
+
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-chip__actions--c-button--PaddingLeft);
|
|
2761
|
+
--pf-v5-c-button--FontSize: var(--pf-v5-c-chip__actions--c-button--FontSize);
|
|
2762
|
+
margin-block-start: var(--pf-v5-c-chip__actions--c-button--MarginTop);
|
|
2763
|
+
margin-block-end: var(--pf-v5-c-chip__actions--c-button--MarginBottom);
|
|
2764
|
+
margin-inline-end: var(--pf-v5-c-chip__actions--c-button--MarginRight);
|
|
2765
|
+
line-height: 1;
|
|
2766
|
+
}
|
|
2767
|
+
|
|
2768
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-chip {
|
|
2769
|
+
--pf-v5-c-chip--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
2770
|
+
--pf-v5-c-chip--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
2771
|
+
--pf-v5-c-chip--m-draggable--BackgroundColor: var(--pf-v5-global--palette--black-600);
|
|
2772
|
+
}
|
|
2773
|
+
|
|
2774
|
+
.pf-v5-c-chip-group {
|
|
2775
|
+
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
2776
|
+
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
2777
|
+
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
|
|
2778
|
+
--pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
|
|
2779
|
+
--pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
|
|
2780
|
+
--pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
|
|
2781
|
+
--pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
|
|
2782
|
+
--pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
|
|
2783
|
+
--pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
|
|
2784
|
+
}
|
|
2785
|
+
|
|
2786
|
+
.pf-v5-c-chip-group {
|
|
2787
|
+
color: var(--pf-v5-global--Color--100);
|
|
2788
|
+
--pf-v5-c-chip-group--PaddingTop: 0;
|
|
2789
|
+
--pf-v5-c-chip-group--PaddingRight: 0;
|
|
2790
|
+
--pf-v5-c-chip-group--PaddingBottom: 0;
|
|
2791
|
+
--pf-v5-c-chip-group--PaddingLeft: 0;
|
|
2792
|
+
--pf-v5-c-chip-group--RowGap: var(--pf-v5-global--spacer--sm);
|
|
2793
|
+
--pf-v5-c-chip-group--ColumnGap: 0;
|
|
2794
|
+
--pf-v5-c-chip-group__main--RowGap: var(--pf-v5-global--spacer--xs);
|
|
2795
|
+
--pf-v5-c-chip-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
2796
|
+
--pf-v5-c-chip-group__list--RowGap: var(--pf-v5-global--spacer--xs);
|
|
2797
|
+
--pf-v5-c-chip-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
2798
|
+
--pf-v5-c-chip-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
2799
|
+
--pf-v5-c-chip-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
|
|
2800
|
+
--pf-v5-c-chip-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
2801
|
+
--pf-v5-c-chip-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
2802
|
+
--pf-v5-c-chip-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
2803
|
+
--pf-v5-c-chip-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
2804
|
+
--pf-v5-c-chip-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
2805
|
+
--pf-v5-c-chip-group__label--MaxWidth: 18ch;
|
|
2806
|
+
--pf-v5-c-chip-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
2807
|
+
--pf-v5-c-chip-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
2808
|
+
row-gap: var(--pf-v5-c-chip-group--RowGap);
|
|
2809
|
+
column-gap: var(--pf-v5-c-chip-group--ColumnGap);
|
|
2810
|
+
max-width: 100%;
|
|
2811
|
+
padding-block-start: var(--pf-v5-c-chip-group--PaddingTop);
|
|
2812
|
+
padding-block-end: var(--pf-v5-c-chip-group--PaddingBottom);
|
|
2813
|
+
padding-inline-start: var(--pf-v5-c-chip-group--PaddingLeft);
|
|
2814
|
+
padding-inline-end: var(--pf-v5-c-chip-group--PaddingRight);
|
|
2815
|
+
}
|
|
2816
|
+
|
|
2817
|
+
.pf-v5-c-chip-group.pf-m-category {
|
|
2818
|
+
--pf-v5-c-chip-group--PaddingTop: var(--pf-v5-c-chip-group--m-category--PaddingTop);
|
|
2819
|
+
--pf-v5-c-chip-group--PaddingRight: var(--pf-v5-c-chip-group--m-category--PaddingRight);
|
|
2820
|
+
--pf-v5-c-chip-group--PaddingBottom: var(--pf-v5-c-chip-group--m-category--PaddingBottom);
|
|
2821
|
+
--pf-v5-c-chip-group--PaddingLeft: var(--pf-v5-c-chip-group--m-category--PaddingLeft);
|
|
2822
|
+
background-color: var(--pf-v5-c-chip-group--m-category--BackgroundColor);
|
|
2823
|
+
border-radius: var(--pf-v5-c-chip-group--m-category--BorderRadius);
|
|
2824
|
+
}
|
|
2825
|
+
|
|
2826
|
+
.pf-v5-c-chip-group__main {
|
|
2827
|
+
display: flex;
|
|
2828
|
+
flex: 1;
|
|
2829
|
+
flex-wrap: wrap;
|
|
2830
|
+
row-gap: var(--pf-v5-c-chip-group__main--RowGap);
|
|
2831
|
+
column-gap: var(--pf-v5-c-chip-group__main--ColumnGap);
|
|
2832
|
+
align-items: baseline;
|
|
2833
|
+
min-width: 0;
|
|
2834
|
+
}
|
|
2835
|
+
|
|
2836
|
+
.pf-v5-c-chip-group,
|
|
2837
|
+
.pf-v5-c-chip-group__list {
|
|
2838
|
+
display: inline-flex;
|
|
2839
|
+
flex-wrap: wrap;
|
|
2843
2840
|
align-items: center;
|
|
2844
|
-
|
|
2841
|
+
min-width: 0;
|
|
2845
2842
|
}
|
|
2846
2843
|
|
|
2847
|
-
.pf-v5-c-
|
|
2848
|
-
|
|
2844
|
+
.pf-v5-c-chip-group__list {
|
|
2845
|
+
row-gap: var(--pf-v5-c-chip-group__list--RowGap);
|
|
2846
|
+
column-gap: var(--pf-v5-c-chip-group__list--ColumnGap);
|
|
2849
2847
|
}
|
|
2850
2848
|
|
|
2851
|
-
.pf-v5-c-
|
|
2852
|
-
|
|
2853
|
-
|
|
2854
|
-
--pf-v5-c-button--PaddingBottom: var(--pf-v5-c-chip__actions--c-button--PaddingBottom);
|
|
2855
|
-
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-chip__actions--c-button--PaddingLeft);
|
|
2856
|
-
--pf-v5-c-button--FontSize: var(--pf-v5-c-chip__actions--c-button--FontSize);
|
|
2857
|
-
margin-block-start: var(--pf-v5-c-chip__actions--c-button--MarginTop);
|
|
2858
|
-
margin-block-end: var(--pf-v5-c-chip__actions--c-button--MarginBottom);
|
|
2859
|
-
margin-inline-end: var(--pf-v5-c-chip__actions--c-button--MarginRight);
|
|
2860
|
-
line-height: 1;
|
|
2849
|
+
.pf-v5-c-chip-group__list-item {
|
|
2850
|
+
display: inline-flex;
|
|
2851
|
+
min-width: 0;
|
|
2861
2852
|
}
|
|
2862
2853
|
|
|
2863
|
-
|
|
2864
|
-
|
|
2865
|
-
|
|
2866
|
-
|
|
2854
|
+
.pf-v5-c-chip-group__label {
|
|
2855
|
+
overflow: hidden;
|
|
2856
|
+
text-overflow: ellipsis;
|
|
2857
|
+
white-space: nowrap;
|
|
2858
|
+
max-width: var(--pf-v5-c-chip-group__label--MaxWidth);
|
|
2859
|
+
font-size: var(--pf-v5-c-chip-group__label--FontSize);
|
|
2860
|
+
}
|
|
2861
|
+
|
|
2862
|
+
.pf-v5-c-chip-group__close {
|
|
2863
|
+
display: flex;
|
|
2864
|
+
align-self: flex-start;
|
|
2865
|
+
margin-block-start: var(--pf-v5-c-chip-group__close--MarginTop);
|
|
2866
|
+
margin-block-end: var(--pf-v5-c-chip-group__close--MarginBottom);
|
|
2867
2867
|
}
|
|
2868
2868
|
|
|
2869
2869
|
.pf-v5-c-clipboard-copy {
|
|
@@ -3953,69 +3953,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
3953
3953
|
--pf-v5-c-data-list__item--sm--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
|
|
3954
3954
|
}
|
|
3955
3955
|
|
|
3956
|
-
.pf-v5-c-date-picker {
|
|
3957
|
-
--pf-v5-c-date-picker--m-top__calendar--Top: 0;
|
|
3958
|
-
--pf-v5-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-v5-global--spacer--xs));
|
|
3959
|
-
--pf-v5-c-date-picker__helper-text--MarginTop: var(--pf-v5-global--spacer--xs);
|
|
3960
|
-
--pf-v5-c-date-picker__input--c-form-control--Width: calc(var(--pf-v5-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v5-c-date-picker__input--c-form-control--width-base));
|
|
3961
|
-
--pf-v5-c-date-picker__input--c-form-control--width-base: calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-global--spacer--sm));
|
|
3962
|
-
--pf-v5-c-date-picker__input--c-form-control--width-chars: 10;
|
|
3963
|
-
--pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
|
|
3964
|
-
--pf-v5-c-date-picker__calendar--BoxShadow: var(--pf-v5-global--BoxShadow--md);
|
|
3965
|
-
--pf-v5-c-date-picker__calendar--ZIndex: var(--pf-v5-global--ZIndex--sm);
|
|
3966
|
-
--pf-v5-c-date-picker__calendar--Top: calc(100% + var(--pf-v5-global--spacer--xs));
|
|
3967
|
-
--pf-v5-c-date-picker__calendar--Right: auto;
|
|
3968
|
-
--pf-v5-c-date-picker__calendar--Left: 0;
|
|
3969
|
-
--pf-v5-c-date-picker__calendar--m-align-right--Right: 0;
|
|
3970
|
-
--pf-v5-c-date-picker__calendar--m-align-right--Left: auto;
|
|
3971
|
-
position: relative;
|
|
3972
|
-
display: inline-block;
|
|
3973
|
-
}
|
|
3974
|
-
|
|
3975
|
-
.pf-v5-c-date-picker__helper-text {
|
|
3976
|
-
margin-block-start: var(--pf-v5-c-date-picker__helper-text--MarginTop);
|
|
3977
|
-
}
|
|
3978
|
-
|
|
3979
|
-
.pf-v5-c-date-picker__input .pf-v5-c-form-control {
|
|
3980
|
-
width: var(--pf-v5-c-date-picker__input--c-form-control--Width);
|
|
3981
|
-
}
|
|
3982
|
-
|
|
3983
|
-
.pf-v5-c-date-picker__calendar {
|
|
3984
|
-
position: absolute;
|
|
3985
|
-
inset-block-start: var(--pf-v5-c-date-picker__calendar--Top);
|
|
3986
|
-
inset-inline-start: var(--pf-v5-c-date-picker__calendar--Left);
|
|
3987
|
-
inset-inline-end: var(--pf-v5-c-date-picker__calendar--Right);
|
|
3988
|
-
z-index: var(--pf-v5-c-date-picker__calendar--ZIndex);
|
|
3989
|
-
background-color: var(--pf-v5-c-date-picker__calendar--BackgroundColor);
|
|
3990
|
-
box-shadow: var(--pf-v5-c-date-picker__calendar--BoxShadow);
|
|
3991
|
-
}
|
|
3992
|
-
|
|
3993
|
-
.pf-v5-c-date-picker__calendar.pf-m-align-right {
|
|
3994
|
-
--pf-v5-c-date-picker__calendar--Right: var(--pf-v5-c-date-picker__calendar--m-align-right--Right);
|
|
3995
|
-
--pf-v5-c-date-picker__calendar--Left: var(--pf-v5-c-date-picker__calendar--m-align-right--Left);
|
|
3996
|
-
}
|
|
3997
|
-
|
|
3998
|
-
.pf-v5-c-date-picker.pf-m-top .pf-v5-c-date-picker__calendar {
|
|
3999
|
-
--pf-v5-c-date-picker__calendar--Top: var(--pf-v5-c-date-picker--m-top__calendar--Top);
|
|
4000
|
-
transform: translateY(var(--pf-v5-c-date-picker--m-top__calendar--TranslateY));
|
|
4001
|
-
}
|
|
4002
|
-
|
|
4003
|
-
.pf-v5-c-date-picker__calendar.pf-m-static {
|
|
4004
|
-
--pf-v5-c-date-picker--m-top__calendar--TranslateY: 0;
|
|
4005
|
-
position: static;
|
|
4006
|
-
inset-block-start: auto;
|
|
4007
|
-
inset-block-end: auto;
|
|
4008
|
-
inset-inline-start: auto;
|
|
4009
|
-
inset-inline-end: auto;
|
|
4010
|
-
z-index: auto;
|
|
4011
|
-
min-width: min-content;
|
|
4012
|
-
}
|
|
4013
|
-
|
|
4014
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-date-picker {
|
|
4015
|
-
--pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
4016
|
-
--pf-v5-c-date-picker__calendar--Top: 100%;
|
|
4017
|
-
}
|
|
4018
|
-
|
|
4019
3956
|
.pf-v5-c-description-list {
|
|
4020
3957
|
--pf-v5-c-description-list--RowGap: var(--pf-v5-global--gutter--md);
|
|
4021
3958
|
--pf-v5-c-description-list--ColumnGap: var(--pf-v5-global--spacer--lg);
|
|
@@ -4336,25 +4273,168 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
4336
4273
|
--pf-v5-c-description-list__group--GridTemplateRows: var(--pf-v5-c-description-list--m-vertical__group--GridTemplateRows);
|
|
4337
4274
|
}
|
|
4338
4275
|
}
|
|
4339
|
-
@media (min-width: 1450px) {
|
|
4340
|
-
.pf-v5-c-description-list.pf-m-1-col-on-2xl {
|
|
4341
|
-
--pf-v5-c-description-list--GridTemplateColumns--count: var(--pf-v5-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
4342
|
-
}
|
|
4343
|
-
.pf-v5-c-description-list.pf-m-2-col-on-2xl {
|
|
4344
|
-
--pf-v5-c-description-list--GridTemplateColumns--count: var(--pf-v5-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
4345
|
-
}
|
|
4346
|
-
.pf-v5-c-description-list.pf-m-3-col-on-2xl {
|
|
4347
|
-
--pf-v5-c-description-list--GridTemplateColumns--count: var(--pf-v5-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
4348
|
-
}
|
|
4349
|
-
.pf-v5-c-description-list.pf-m-horizontal-on-2xl {
|
|
4350
|
-
--pf-v5-c-description-list__group--GridTemplateColumns: var(--pf-v5-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
4351
|
-
--pf-v5-c-description-list__group--GridTemplateRows: var(--pf-v5-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
4352
|
-
}
|
|
4353
|
-
.pf-v5-c-description-list.pf-m-vertical-on-2xl {
|
|
4354
|
-
--pf-v5-c-description-list__group--GridTemplateColumns: var(--pf-v5-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
4355
|
-
--pf-v5-c-description-list__group--GridTemplateRows: var(--pf-v5-c-description-list--m-vertical__group--GridTemplateRows);
|
|
4356
|
-
}
|
|
4276
|
+
@media (min-width: 1450px) {
|
|
4277
|
+
.pf-v5-c-description-list.pf-m-1-col-on-2xl {
|
|
4278
|
+
--pf-v5-c-description-list--GridTemplateColumns--count: var(--pf-v5-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
4279
|
+
}
|
|
4280
|
+
.pf-v5-c-description-list.pf-m-2-col-on-2xl {
|
|
4281
|
+
--pf-v5-c-description-list--GridTemplateColumns--count: var(--pf-v5-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
4282
|
+
}
|
|
4283
|
+
.pf-v5-c-description-list.pf-m-3-col-on-2xl {
|
|
4284
|
+
--pf-v5-c-description-list--GridTemplateColumns--count: var(--pf-v5-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
4285
|
+
}
|
|
4286
|
+
.pf-v5-c-description-list.pf-m-horizontal-on-2xl {
|
|
4287
|
+
--pf-v5-c-description-list__group--GridTemplateColumns: var(--pf-v5-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
4288
|
+
--pf-v5-c-description-list__group--GridTemplateRows: var(--pf-v5-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
4289
|
+
}
|
|
4290
|
+
.pf-v5-c-description-list.pf-m-vertical-on-2xl {
|
|
4291
|
+
--pf-v5-c-description-list__group--GridTemplateColumns: var(--pf-v5-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
4292
|
+
--pf-v5-c-description-list__group--GridTemplateRows: var(--pf-v5-c-description-list--m-vertical__group--GridTemplateRows);
|
|
4293
|
+
}
|
|
4294
|
+
}
|
|
4295
|
+
.pf-v5-c-date-picker {
|
|
4296
|
+
--pf-v5-c-date-picker--m-top__calendar--Top: 0;
|
|
4297
|
+
--pf-v5-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-v5-global--spacer--xs));
|
|
4298
|
+
--pf-v5-c-date-picker__helper-text--MarginTop: var(--pf-v5-global--spacer--xs);
|
|
4299
|
+
--pf-v5-c-date-picker__input--c-form-control--Width: calc(var(--pf-v5-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v5-c-date-picker__input--c-form-control--width-base));
|
|
4300
|
+
--pf-v5-c-date-picker__input--c-form-control--width-base: calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-global--spacer--sm));
|
|
4301
|
+
--pf-v5-c-date-picker__input--c-form-control--width-chars: 10;
|
|
4302
|
+
--pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
|
|
4303
|
+
--pf-v5-c-date-picker__calendar--BoxShadow: var(--pf-v5-global--BoxShadow--md);
|
|
4304
|
+
--pf-v5-c-date-picker__calendar--ZIndex: var(--pf-v5-global--ZIndex--sm);
|
|
4305
|
+
--pf-v5-c-date-picker__calendar--Top: calc(100% + var(--pf-v5-global--spacer--xs));
|
|
4306
|
+
--pf-v5-c-date-picker__calendar--Right: auto;
|
|
4307
|
+
--pf-v5-c-date-picker__calendar--Left: 0;
|
|
4308
|
+
--pf-v5-c-date-picker__calendar--m-align-right--Right: 0;
|
|
4309
|
+
--pf-v5-c-date-picker__calendar--m-align-right--Left: auto;
|
|
4310
|
+
position: relative;
|
|
4311
|
+
display: inline-block;
|
|
4312
|
+
}
|
|
4313
|
+
|
|
4314
|
+
.pf-v5-c-date-picker__helper-text {
|
|
4315
|
+
margin-block-start: var(--pf-v5-c-date-picker__helper-text--MarginTop);
|
|
4316
|
+
}
|
|
4317
|
+
|
|
4318
|
+
.pf-v5-c-date-picker__input .pf-v5-c-form-control {
|
|
4319
|
+
width: var(--pf-v5-c-date-picker__input--c-form-control--Width);
|
|
4320
|
+
}
|
|
4321
|
+
|
|
4322
|
+
.pf-v5-c-date-picker__calendar {
|
|
4323
|
+
position: absolute;
|
|
4324
|
+
inset-block-start: var(--pf-v5-c-date-picker__calendar--Top);
|
|
4325
|
+
inset-inline-start: var(--pf-v5-c-date-picker__calendar--Left);
|
|
4326
|
+
inset-inline-end: var(--pf-v5-c-date-picker__calendar--Right);
|
|
4327
|
+
z-index: var(--pf-v5-c-date-picker__calendar--ZIndex);
|
|
4328
|
+
background-color: var(--pf-v5-c-date-picker__calendar--BackgroundColor);
|
|
4329
|
+
box-shadow: var(--pf-v5-c-date-picker__calendar--BoxShadow);
|
|
4330
|
+
}
|
|
4331
|
+
|
|
4332
|
+
.pf-v5-c-date-picker__calendar.pf-m-align-right {
|
|
4333
|
+
--pf-v5-c-date-picker__calendar--Right: var(--pf-v5-c-date-picker__calendar--m-align-right--Right);
|
|
4334
|
+
--pf-v5-c-date-picker__calendar--Left: var(--pf-v5-c-date-picker__calendar--m-align-right--Left);
|
|
4335
|
+
}
|
|
4336
|
+
|
|
4337
|
+
.pf-v5-c-date-picker.pf-m-top .pf-v5-c-date-picker__calendar {
|
|
4338
|
+
--pf-v5-c-date-picker__calendar--Top: var(--pf-v5-c-date-picker--m-top__calendar--Top);
|
|
4339
|
+
transform: translateY(var(--pf-v5-c-date-picker--m-top__calendar--TranslateY));
|
|
4340
|
+
}
|
|
4341
|
+
|
|
4342
|
+
.pf-v5-c-date-picker__calendar.pf-m-static {
|
|
4343
|
+
--pf-v5-c-date-picker--m-top__calendar--TranslateY: 0;
|
|
4344
|
+
position: static;
|
|
4345
|
+
inset-block-start: auto;
|
|
4346
|
+
inset-block-end: auto;
|
|
4347
|
+
inset-inline-start: auto;
|
|
4348
|
+
inset-inline-end: auto;
|
|
4349
|
+
z-index: auto;
|
|
4350
|
+
min-width: min-content;
|
|
4351
|
+
}
|
|
4352
|
+
|
|
4353
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-date-picker {
|
|
4354
|
+
--pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
4355
|
+
--pf-v5-c-date-picker__calendar--Top: 100%;
|
|
4356
|
+
}
|
|
4357
|
+
|
|
4358
|
+
.pf-v5-c-draggable {
|
|
4359
|
+
--pf-v5-c-draggable--Cursor: auto;
|
|
4360
|
+
--pf-v5-c-draggable--m-dragging--Cursor: grabbing;
|
|
4361
|
+
--pf-v5-c-draggable--m-dragging--BoxShadow: var(--pf-v5-global--BoxShadow--md);
|
|
4362
|
+
--pf-v5-c-draggable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
4363
|
+
--pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
|
|
4364
|
+
--pf-v5-c-draggable--m-drag-outside--Cursor: not-allowed;
|
|
4365
|
+
--pf-v5-c-draggable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
4366
|
+
cursor: var(--pf-v5-c-draggable--Cursor);
|
|
4367
|
+
}
|
|
4368
|
+
|
|
4369
|
+
.pf-v5-c-draggable.pf-m-dragging {
|
|
4370
|
+
--pf-v5-c-draggable--Cursor: var(--pf-v5-c-draggable--m-dragging--Cursor);
|
|
4371
|
+
position: relative;
|
|
4372
|
+
background-color: var(--pf-v5-c-draggable--m-dragging--BackgroundColor);
|
|
4373
|
+
box-shadow: var(--pf-v5-c-draggable--m-dragging--BoxShadow);
|
|
4374
|
+
}
|
|
4375
|
+
|
|
4376
|
+
.pf-v5-c-draggable.pf-m-dragging::after {
|
|
4377
|
+
position: absolute;
|
|
4378
|
+
inset-block-start: 0;
|
|
4379
|
+
inset-block-end: 0;
|
|
4380
|
+
inset-inline-start: 0;
|
|
4381
|
+
inset-inline-end: 0;
|
|
4382
|
+
content: "";
|
|
4383
|
+
border: var(--pf-v5-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-v5-c-draggable--m-dragging--after--BorderColor);
|
|
4384
|
+
}
|
|
4385
|
+
|
|
4386
|
+
.pf-v5-c-draggable.pf-m-drag-outside {
|
|
4387
|
+
--pf-v5-c-draggable--m-dragging--Cursor: var(--pf-v5-c-draggable--m-drag-outside--Cursor);
|
|
4388
|
+
--pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-v5-c-draggable--m-drag-outside--after--BorderColor);
|
|
4389
|
+
}
|
|
4390
|
+
|
|
4391
|
+
.pf-v5-c-droppable {
|
|
4392
|
+
--pf-v5-c-droppable--before--BackgroundColor: transparent;
|
|
4393
|
+
--pf-v5-c-droppable--before--Opacity: 0;
|
|
4394
|
+
--pf-v5-c-droppable--after--BorderWidth: 0;
|
|
4395
|
+
--pf-v5-c-droppable--after--BorderColor: transparent;
|
|
4396
|
+
--pf-v5-c-droppable--m-dragging--before--BackgroundColor: var(--pf-v5-global--palette--white);
|
|
4397
|
+
--pf-v5-c-droppable--m-dragging--before--Opacity: .6;
|
|
4398
|
+
--pf-v5-c-droppable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
4399
|
+
--pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
|
|
4400
|
+
--pf-v5-c-droppable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
4401
|
+
}
|
|
4402
|
+
|
|
4403
|
+
.pf-v5-c-droppable::before, .pf-v5-c-droppable::after {
|
|
4404
|
+
position: absolute;
|
|
4405
|
+
inset-block-start: 0;
|
|
4406
|
+
inset-block-end: 0;
|
|
4407
|
+
inset-inline-start: 0;
|
|
4408
|
+
inset-inline-end: 0;
|
|
4409
|
+
pointer-events: none;
|
|
4410
|
+
content: "";
|
|
4411
|
+
}
|
|
4412
|
+
|
|
4413
|
+
.pf-v5-c-droppable::before {
|
|
4414
|
+
background-color: var(--pf-v5-c-droppable--before--BackgroundColor);
|
|
4415
|
+
opacity: var(--pf-v5-c-droppable--before--Opacity);
|
|
4416
|
+
}
|
|
4417
|
+
|
|
4418
|
+
.pf-v5-c-droppable::after {
|
|
4419
|
+
border: var(--pf-v5-c-droppable--after--BorderWidth, 0) solid var(--pf-v5-c-droppable--after--BorderColor, transparent);
|
|
4420
|
+
}
|
|
4421
|
+
|
|
4422
|
+
.pf-v5-c-droppable.pf-m-dragging {
|
|
4423
|
+
--pf-v5-c-droppable--before--BackgroundColor: var(--pf-v5-c-droppable--m-dragging--before--BackgroundColor);
|
|
4424
|
+
--pf-v5-c-droppable--before--Opacity: var(--pf-v5-c-droppable--m-dragging--before--Opacity);
|
|
4425
|
+
--pf-v5-c-droppable--after--BorderWidth: var(--pf-v5-c-droppable--m-dragging--after--BorderWidth);
|
|
4426
|
+
--pf-v5-c-droppable--after--BorderColor: var(--pf-v5-c-droppable--m-dragging--after--BorderColor);
|
|
4427
|
+
position: relative;
|
|
4428
|
+
}
|
|
4429
|
+
|
|
4430
|
+
.pf-v5-c-droppable.pf-m-drag-outside {
|
|
4431
|
+
--pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
|
|
4432
|
+
}
|
|
4433
|
+
|
|
4434
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-droppable {
|
|
4435
|
+
--pf-v5-c-droppable--m-dragging--before--Opacity: .2;
|
|
4357
4436
|
}
|
|
4437
|
+
|
|
4358
4438
|
.pf-v5-c-divider {
|
|
4359
4439
|
--pf-v5-hidden-visible--hidden--Display: none;
|
|
4360
4440
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
@@ -4755,86 +4835,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
4755
4835
|
--pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
|
|
4756
4836
|
}
|
|
4757
4837
|
}
|
|
4758
|
-
.pf-v5-c-draggable {
|
|
4759
|
-
--pf-v5-c-draggable--Cursor: auto;
|
|
4760
|
-
--pf-v5-c-draggable--m-dragging--Cursor: grabbing;
|
|
4761
|
-
--pf-v5-c-draggable--m-dragging--BoxShadow: var(--pf-v5-global--BoxShadow--md);
|
|
4762
|
-
--pf-v5-c-draggable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
4763
|
-
--pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
|
|
4764
|
-
--pf-v5-c-draggable--m-drag-outside--Cursor: not-allowed;
|
|
4765
|
-
--pf-v5-c-draggable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
4766
|
-
cursor: var(--pf-v5-c-draggable--Cursor);
|
|
4767
|
-
}
|
|
4768
|
-
|
|
4769
|
-
.pf-v5-c-draggable.pf-m-dragging {
|
|
4770
|
-
--pf-v5-c-draggable--Cursor: var(--pf-v5-c-draggable--m-dragging--Cursor);
|
|
4771
|
-
position: relative;
|
|
4772
|
-
background-color: var(--pf-v5-c-draggable--m-dragging--BackgroundColor);
|
|
4773
|
-
box-shadow: var(--pf-v5-c-draggable--m-dragging--BoxShadow);
|
|
4774
|
-
}
|
|
4775
|
-
|
|
4776
|
-
.pf-v5-c-draggable.pf-m-dragging::after {
|
|
4777
|
-
position: absolute;
|
|
4778
|
-
inset-block-start: 0;
|
|
4779
|
-
inset-block-end: 0;
|
|
4780
|
-
inset-inline-start: 0;
|
|
4781
|
-
inset-inline-end: 0;
|
|
4782
|
-
content: "";
|
|
4783
|
-
border: var(--pf-v5-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-v5-c-draggable--m-dragging--after--BorderColor);
|
|
4784
|
-
}
|
|
4785
|
-
|
|
4786
|
-
.pf-v5-c-draggable.pf-m-drag-outside {
|
|
4787
|
-
--pf-v5-c-draggable--m-dragging--Cursor: var(--pf-v5-c-draggable--m-drag-outside--Cursor);
|
|
4788
|
-
--pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-v5-c-draggable--m-drag-outside--after--BorderColor);
|
|
4789
|
-
}
|
|
4790
|
-
|
|
4791
|
-
.pf-v5-c-droppable {
|
|
4792
|
-
--pf-v5-c-droppable--before--BackgroundColor: transparent;
|
|
4793
|
-
--pf-v5-c-droppable--before--Opacity: 0;
|
|
4794
|
-
--pf-v5-c-droppable--after--BorderWidth: 0;
|
|
4795
|
-
--pf-v5-c-droppable--after--BorderColor: transparent;
|
|
4796
|
-
--pf-v5-c-droppable--m-dragging--before--BackgroundColor: var(--pf-v5-global--palette--white);
|
|
4797
|
-
--pf-v5-c-droppable--m-dragging--before--Opacity: .6;
|
|
4798
|
-
--pf-v5-c-droppable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
4799
|
-
--pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
|
|
4800
|
-
--pf-v5-c-droppable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
4801
|
-
}
|
|
4802
|
-
|
|
4803
|
-
.pf-v5-c-droppable::before, .pf-v5-c-droppable::after {
|
|
4804
|
-
position: absolute;
|
|
4805
|
-
inset-block-start: 0;
|
|
4806
|
-
inset-block-end: 0;
|
|
4807
|
-
inset-inline-start: 0;
|
|
4808
|
-
inset-inline-end: 0;
|
|
4809
|
-
pointer-events: none;
|
|
4810
|
-
content: "";
|
|
4811
|
-
}
|
|
4812
|
-
|
|
4813
|
-
.pf-v5-c-droppable::before {
|
|
4814
|
-
background-color: var(--pf-v5-c-droppable--before--BackgroundColor);
|
|
4815
|
-
opacity: var(--pf-v5-c-droppable--before--Opacity);
|
|
4816
|
-
}
|
|
4817
|
-
|
|
4818
|
-
.pf-v5-c-droppable::after {
|
|
4819
|
-
border: var(--pf-v5-c-droppable--after--BorderWidth, 0) solid var(--pf-v5-c-droppable--after--BorderColor, transparent);
|
|
4820
|
-
}
|
|
4821
|
-
|
|
4822
|
-
.pf-v5-c-droppable.pf-m-dragging {
|
|
4823
|
-
--pf-v5-c-droppable--before--BackgroundColor: var(--pf-v5-c-droppable--m-dragging--before--BackgroundColor);
|
|
4824
|
-
--pf-v5-c-droppable--before--Opacity: var(--pf-v5-c-droppable--m-dragging--before--Opacity);
|
|
4825
|
-
--pf-v5-c-droppable--after--BorderWidth: var(--pf-v5-c-droppable--m-dragging--after--BorderWidth);
|
|
4826
|
-
--pf-v5-c-droppable--after--BorderColor: var(--pf-v5-c-droppable--m-dragging--after--BorderColor);
|
|
4827
|
-
position: relative;
|
|
4828
|
-
}
|
|
4829
|
-
|
|
4830
|
-
.pf-v5-c-droppable.pf-m-drag-outside {
|
|
4831
|
-
--pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
|
|
4832
|
-
}
|
|
4833
|
-
|
|
4834
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-droppable {
|
|
4835
|
-
--pf-v5-c-droppable--m-dragging--before--Opacity: .2;
|
|
4836
|
-
}
|
|
4837
|
-
|
|
4838
4838
|
.pf-v5-c-drawer {
|
|
4839
4839
|
--pf-v5-c-drawer__section--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
4840
4840
|
--pf-v5-c-drawer__section--m-light-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
@@ -5630,80 +5630,201 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
5630
5630
|
display: none;
|
|
5631
5631
|
}
|
|
5632
5632
|
}
|
|
5633
|
-
@media (min-width: 1450px) {
|
|
5634
|
-
.pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content,
|
|
5635
|
-
.pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content {
|
|
5636
|
-
flex-shrink: 1;
|
|
5637
|
-
}
|
|
5638
|
-
.pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel,
|
|
5639
|
-
.pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5640
|
-
--pf-v5-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
5641
|
-
}
|
|
5642
|
-
.pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border)::after,
|
|
5643
|
-
.pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
5644
|
-
background-color: var(--pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
5645
|
-
}
|
|
5646
|
-
.pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content {
|
|
5647
|
-
overflow-x: auto;
|
|
5648
|
-
}
|
|
5649
|
-
.pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5650
|
-
margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
|
|
5651
|
-
transform: translateX(100%);
|
|
5652
|
-
}
|
|
5653
|
-
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5654
|
-
transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
|
|
5655
|
-
}
|
|
5656
|
-
.pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5657
|
-
margin-inline-start: 0;
|
|
5658
|
-
transform: translateX(0);
|
|
5659
|
-
}
|
|
5660
|
-
.pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
|
|
5661
|
-
display: unset;
|
|
5662
|
-
}
|
|
5663
|
-
.pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5664
|
-
margin-inline-start: 0;
|
|
5665
|
-
margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
|
|
5666
|
-
transform: translateX(-100%);
|
|
5667
|
-
}
|
|
5668
|
-
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5669
|
-
transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
|
|
5670
|
-
}
|
|
5671
|
-
.pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5672
|
-
margin-inline-end: 0;
|
|
5673
|
-
transform: translateX(0);
|
|
5674
|
-
}
|
|
5675
|
-
.pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
|
|
5676
|
-
display: unset;
|
|
5677
|
-
}
|
|
5678
|
-
.pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5679
|
-
margin-block-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
|
|
5680
|
-
transform: translateY(100%);
|
|
5681
|
-
}
|
|
5682
|
-
.pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5683
|
-
margin-block-end: 0;
|
|
5684
|
-
transform: translateY(0);
|
|
5685
|
-
}
|
|
5686
|
-
.pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5687
|
-
transform: translateX(0);
|
|
5688
|
-
}
|
|
5689
|
-
.pf-v5-c-drawer.pf-m-static-on-2xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5690
|
-
margin-inline-end: 0;
|
|
5691
|
-
transform: translateX(0);
|
|
5692
|
-
}
|
|
5693
|
-
.pf-v5-c-drawer.pf-m-static-on-2xl.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5694
|
-
transform: translateX(0);
|
|
5695
|
-
}
|
|
5696
|
-
.pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
|
|
5697
|
-
display: none;
|
|
5698
|
-
}
|
|
5633
|
+
@media (min-width: 1450px) {
|
|
5634
|
+
.pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content,
|
|
5635
|
+
.pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content {
|
|
5636
|
+
flex-shrink: 1;
|
|
5637
|
+
}
|
|
5638
|
+
.pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel,
|
|
5639
|
+
.pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5640
|
+
--pf-v5-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
5641
|
+
}
|
|
5642
|
+
.pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border)::after,
|
|
5643
|
+
.pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
5644
|
+
background-color: var(--pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
5645
|
+
}
|
|
5646
|
+
.pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content {
|
|
5647
|
+
overflow-x: auto;
|
|
5648
|
+
}
|
|
5649
|
+
.pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5650
|
+
margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
|
|
5651
|
+
transform: translateX(100%);
|
|
5652
|
+
}
|
|
5653
|
+
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5654
|
+
transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
|
|
5655
|
+
}
|
|
5656
|
+
.pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5657
|
+
margin-inline-start: 0;
|
|
5658
|
+
transform: translateX(0);
|
|
5659
|
+
}
|
|
5660
|
+
.pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
|
|
5661
|
+
display: unset;
|
|
5662
|
+
}
|
|
5663
|
+
.pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5664
|
+
margin-inline-start: 0;
|
|
5665
|
+
margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
|
|
5666
|
+
transform: translateX(-100%);
|
|
5667
|
+
}
|
|
5668
|
+
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5669
|
+
transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
|
|
5670
|
+
}
|
|
5671
|
+
.pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5672
|
+
margin-inline-end: 0;
|
|
5673
|
+
transform: translateX(0);
|
|
5674
|
+
}
|
|
5675
|
+
.pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
|
|
5676
|
+
display: unset;
|
|
5677
|
+
}
|
|
5678
|
+
.pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5679
|
+
margin-block-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
|
|
5680
|
+
transform: translateY(100%);
|
|
5681
|
+
}
|
|
5682
|
+
.pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5683
|
+
margin-block-end: 0;
|
|
5684
|
+
transform: translateY(0);
|
|
5685
|
+
}
|
|
5686
|
+
.pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5687
|
+
transform: translateX(0);
|
|
5688
|
+
}
|
|
5689
|
+
.pf-v5-c-drawer.pf-m-static-on-2xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5690
|
+
margin-inline-end: 0;
|
|
5691
|
+
transform: translateX(0);
|
|
5692
|
+
}
|
|
5693
|
+
.pf-v5-c-drawer.pf-m-static-on-2xl.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
|
|
5694
|
+
transform: translateX(0);
|
|
5695
|
+
}
|
|
5696
|
+
.pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
|
|
5697
|
+
display: none;
|
|
5698
|
+
}
|
|
5699
|
+
}
|
|
5700
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-drawer {
|
|
5701
|
+
--pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
5702
|
+
--pf-v5-c-drawer__splitter--BackgroundColor: transparent;
|
|
5703
|
+
}
|
|
5704
|
+
|
|
5705
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-inline, :where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-static {
|
|
5706
|
+
--pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
5707
|
+
}
|
|
5708
|
+
|
|
5709
|
+
.pf-v5-c-empty-state {
|
|
5710
|
+
--pf-v5-c-empty-state--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
5711
|
+
--pf-v5-c-empty-state--PaddingRight: var(--pf-v5-global--spacer--xl);
|
|
5712
|
+
--pf-v5-c-empty-state--PaddingBottom: var(--pf-v5-global--spacer--xl);
|
|
5713
|
+
--pf-v5-c-empty-state--PaddingLeft: var(--pf-v5-global--spacer--xl);
|
|
5714
|
+
--pf-v5-c-empty-state--m-xs--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
5715
|
+
--pf-v5-c-empty-state--m-xs--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
5716
|
+
--pf-v5-c-empty-state--m-xs--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
5717
|
+
--pf-v5-c-empty-state--m-xs--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
5718
|
+
--pf-v5-c-empty-state__content--MaxWidth: none;
|
|
5719
|
+
--pf-v5-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
|
|
5720
|
+
--pf-v5-c-empty-state--m-sm__content--MaxWidth: 25rem;
|
|
5721
|
+
--pf-v5-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
|
|
5722
|
+
--pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-global--spacer--lg);
|
|
5723
|
+
--pf-v5-c-empty-state__icon--FontSize: var(--pf-v5-global--icon--FontSize--xl);
|
|
5724
|
+
--pf-v5-c-empty-state__icon--Color: var(--pf-v5-global--icon--Color--light);
|
|
5725
|
+
--pf-v5-c-empty-state--m-xs__icon--MarginBottom: var(--pf-v5-global--spacer--md);
|
|
5726
|
+
--pf-v5-c-empty-state--m-xl__icon--MarginBottom: var(--pf-v5-global--spacer--xl);
|
|
5727
|
+
--pf-v5-c-empty-state--m-xl__icon--FontSize: 6.25rem;
|
|
5728
|
+
--pf-v5-c-empty-state__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
|
|
5729
|
+
--pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-global--FontSize--xl);
|
|
5730
|
+
--pf-v5-c-empty-state__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
5731
|
+
--pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
5732
|
+
--pf-v5-c-empty-state--m-xs__title-text--FontSize: var(--pf-v5-global--FontSize--md);
|
|
5733
|
+
--pf-v5-c-empty-state--m-xl__title-text--FontSize: var(--pf-v5-global--FontSize--4xl);
|
|
5734
|
+
--pf-v5-c-empty-state--m-xl__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
|
|
5735
|
+
--pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-global--spacer--md);
|
|
5736
|
+
--pf-v5-c-empty-state__body--Color: var(--pf-v5-global--Color--200);
|
|
5737
|
+
--pf-v5-c-empty-state--body--FontSize: var(--pf-v5-global--FontSize--md);
|
|
5738
|
+
--pf-v5-c-empty-state--m-xs__body--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
5739
|
+
--pf-v5-c-empty-state--m-xs__body--MarginTop: var(--pf-v5-global--spacer--md);
|
|
5740
|
+
--pf-v5-c-empty-state--m-xl__body--FontSize: var(--pf-v5-global--FontSize--xl);
|
|
5741
|
+
--pf-v5-c-empty-state--m-xl__body--MarginTop: var(--pf-v5-global--spacer--lg);
|
|
5742
|
+
--pf-v5-c-empty-state__footer--RowGap: var(--pf-v5-global--spacer--sm);
|
|
5743
|
+
--pf-v5-c-empty-state__footer--MarginTop: var(--pf-v5-global--spacer--xl);
|
|
5744
|
+
--pf-v5-c-empty-state--m-xs__footer--MarginTop: var(--pf-v5-global--spacer--md);
|
|
5745
|
+
--pf-v5-c-empty-state__actions--RowGap: var(--pf-v5-global--spacer--xs);
|
|
5746
|
+
--pf-v5-c-empty-state__actions--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
5747
|
+
display: flex;
|
|
5748
|
+
align-items: center;
|
|
5749
|
+
justify-content: center;
|
|
5750
|
+
padding-block-start: var(--pf-v5-c-empty-state--PaddingTop);
|
|
5751
|
+
padding-block-end: var(--pf-v5-c-empty-state--PaddingBottom);
|
|
5752
|
+
padding-inline-start: var(--pf-v5-c-empty-state--PaddingLeft);
|
|
5753
|
+
padding-inline-end: var(--pf-v5-c-empty-state--PaddingRight);
|
|
5754
|
+
text-align: center;
|
|
5755
|
+
}
|
|
5756
|
+
|
|
5757
|
+
.pf-v5-c-empty-state.pf-m-xs {
|
|
5758
|
+
--pf-v5-c-empty-state--PaddingTop: var(--pf-v5-c-empty-state--m-xs--PaddingTop);
|
|
5759
|
+
--pf-v5-c-empty-state--PaddingRight: var(--pf-v5-c-empty-state--m-xs--PaddingRight);
|
|
5760
|
+
--pf-v5-c-empty-state--PaddingBottom: var(--pf-v5-c-empty-state--m-xs--PaddingBottom);
|
|
5761
|
+
--pf-v5-c-empty-state--PaddingLeft: var(--pf-v5-c-empty-state--m-xs--PaddingLeft);
|
|
5762
|
+
--pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-c-empty-state--m-xs__title-text--FontSize);
|
|
5763
|
+
--pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-xs__content--MaxWidth);
|
|
5764
|
+
--pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-c-empty-state--m-xs__icon--MarginBottom);
|
|
5765
|
+
--pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-c-empty-state--m-xs__body--MarginTop);
|
|
5766
|
+
--pf-v5-c-empty-state--body--FontSize: var(--pf-v5-c-empty-state--m-xs__body--FontSize);
|
|
5767
|
+
--pf-v5-c-empty-state__footer--MarginTop: var(--pf-v5-c-empty-state--m-xs__footer--MarginTop);
|
|
5768
|
+
}
|
|
5769
|
+
|
|
5770
|
+
.pf-v5-c-empty-state.pf-m-sm {
|
|
5771
|
+
--pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-sm__content--MaxWidth);
|
|
5772
|
+
}
|
|
5773
|
+
|
|
5774
|
+
.pf-v5-c-empty-state.pf-m-lg {
|
|
5775
|
+
--pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-lg__content--MaxWidth);
|
|
5776
|
+
}
|
|
5777
|
+
|
|
5778
|
+
.pf-v5-c-empty-state.pf-m-xl {
|
|
5779
|
+
--pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-c-empty-state--m-xl__body--MarginTop);
|
|
5780
|
+
--pf-v5-c-empty-state--body--FontSize: var(--pf-v5-c-empty-state--m-xl__body--FontSize);
|
|
5781
|
+
--pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-c-empty-state--m-xl__icon--MarginBottom);
|
|
5782
|
+
--pf-v5-c-empty-state__icon--FontSize: var(--pf-v5-c-empty-state--m-xl__icon--FontSize);
|
|
5783
|
+
--pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-c-empty-state--m-xl__title-text--FontSize);
|
|
5784
|
+
--pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-c-empty-state--m-xl__title-text--LineHeight);
|
|
5785
|
+
}
|
|
5786
|
+
|
|
5787
|
+
.pf-v5-c-empty-state.pf-m-full-height {
|
|
5788
|
+
height: 100%;
|
|
5699
5789
|
}
|
|
5700
|
-
|
|
5701
|
-
|
|
5702
|
-
--pf-v5-c-
|
|
5790
|
+
|
|
5791
|
+
.pf-v5-c-empty-state__content {
|
|
5792
|
+
max-width: var(--pf-v5-c-empty-state__content--MaxWidth);
|
|
5703
5793
|
}
|
|
5704
5794
|
|
|
5705
|
-
|
|
5706
|
-
|
|
5795
|
+
.pf-v5-c-empty-state__icon {
|
|
5796
|
+
margin-block-end: var(--pf-v5-c-empty-state__icon--MarginBottom);
|
|
5797
|
+
font-size: var(--pf-v5-c-empty-state__icon--FontSize);
|
|
5798
|
+
line-height: 1;
|
|
5799
|
+
color: var(--pf-v5-c-empty-state__icon--Color);
|
|
5800
|
+
}
|
|
5801
|
+
|
|
5802
|
+
.pf-v5-c-empty-state__title-text {
|
|
5803
|
+
font-family: var(--pf-v5-c-empty-state__title-text--FontFamily);
|
|
5804
|
+
font-size: var(--pf-v5-c-empty-state__title-text--FontSize);
|
|
5805
|
+
font-weight: var(--pf-v5-c-empty-state__title-text--FontWeight);
|
|
5806
|
+
line-height: var(--pf-v5-c-empty-state__title-text--LineHeight);
|
|
5807
|
+
}
|
|
5808
|
+
|
|
5809
|
+
.pf-v5-c-empty-state__body {
|
|
5810
|
+
margin-block-start: var(--pf-v5-c-empty-state__body--MarginTop);
|
|
5811
|
+
font-size: var(--pf-v5-c-empty-state--body--FontSize);
|
|
5812
|
+
color: var(--pf-v5-c-empty-state__body--Color);
|
|
5813
|
+
}
|
|
5814
|
+
|
|
5815
|
+
.pf-v5-c-empty-state__footer {
|
|
5816
|
+
display: flex;
|
|
5817
|
+
flex-direction: column;
|
|
5818
|
+
row-gap: var(--pf-v5-c-empty-state__footer--RowGap);
|
|
5819
|
+
align-items: center;
|
|
5820
|
+
margin-block-start: var(--pf-v5-c-empty-state__footer--MarginTop);
|
|
5821
|
+
}
|
|
5822
|
+
|
|
5823
|
+
.pf-v5-c-empty-state__actions {
|
|
5824
|
+
display: flex;
|
|
5825
|
+
flex-wrap: wrap;
|
|
5826
|
+
gap: var(--pf-v5-c-empty-state__actions--RowGap) var(--pf-v5-c-empty-state__actions--ColumnGap);
|
|
5827
|
+
justify-content: center;
|
|
5707
5828
|
}
|
|
5708
5829
|
|
|
5709
5830
|
.pf-v5-c-dual-list-selector {
|
|
@@ -6051,125 +6172,73 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
6051
6172
|
--pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
6052
6173
|
}
|
|
6053
6174
|
|
|
6054
|
-
.pf-v5-c-
|
|
6055
|
-
--pf-v5-c-
|
|
6056
|
-
--pf-v5-c-
|
|
6057
|
-
--pf-v5-c-
|
|
6058
|
-
--pf-v5-c-
|
|
6059
|
-
--pf-v5-c-
|
|
6060
|
-
--pf-v5-c-
|
|
6061
|
-
--pf-v5-c-
|
|
6062
|
-
--pf-v5-c-
|
|
6063
|
-
--pf-v5-c-
|
|
6064
|
-
--pf-v5-c-
|
|
6065
|
-
--pf-v5-c-
|
|
6066
|
-
|
|
6067
|
-
--pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-global--spacer--lg);
|
|
6068
|
-
--pf-v5-c-empty-state__icon--FontSize: var(--pf-v5-global--icon--FontSize--xl);
|
|
6069
|
-
--pf-v5-c-empty-state__icon--Color: var(--pf-v5-global--icon--Color--light);
|
|
6070
|
-
--pf-v5-c-empty-state--m-xs__icon--MarginBottom: var(--pf-v5-global--spacer--md);
|
|
6071
|
-
--pf-v5-c-empty-state--m-xl__icon--MarginBottom: var(--pf-v5-global--spacer--xl);
|
|
6072
|
-
--pf-v5-c-empty-state--m-xl__icon--FontSize: 6.25rem;
|
|
6073
|
-
--pf-v5-c-empty-state__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
|
|
6074
|
-
--pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-global--FontSize--xl);
|
|
6075
|
-
--pf-v5-c-empty-state__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
6076
|
-
--pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
6077
|
-
--pf-v5-c-empty-state--m-xs__title-text--FontSize: var(--pf-v5-global--FontSize--md);
|
|
6078
|
-
--pf-v5-c-empty-state--m-xl__title-text--FontSize: var(--pf-v5-global--FontSize--4xl);
|
|
6079
|
-
--pf-v5-c-empty-state--m-xl__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
|
|
6080
|
-
--pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-global--spacer--md);
|
|
6081
|
-
--pf-v5-c-empty-state__body--Color: var(--pf-v5-global--Color--200);
|
|
6082
|
-
--pf-v5-c-empty-state--body--FontSize: var(--pf-v5-global--FontSize--md);
|
|
6083
|
-
--pf-v5-c-empty-state--m-xs__body--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
6084
|
-
--pf-v5-c-empty-state--m-xs__body--MarginTop: var(--pf-v5-global--spacer--md);
|
|
6085
|
-
--pf-v5-c-empty-state--m-xl__body--FontSize: var(--pf-v5-global--FontSize--xl);
|
|
6086
|
-
--pf-v5-c-empty-state--m-xl__body--MarginTop: var(--pf-v5-global--spacer--lg);
|
|
6087
|
-
--pf-v5-c-empty-state__footer--RowGap: var(--pf-v5-global--spacer--sm);
|
|
6088
|
-
--pf-v5-c-empty-state__footer--MarginTop: var(--pf-v5-global--spacer--xl);
|
|
6089
|
-
--pf-v5-c-empty-state--m-xs__footer--MarginTop: var(--pf-v5-global--spacer--md);
|
|
6090
|
-
--pf-v5-c-empty-state__actions--RowGap: var(--pf-v5-global--spacer--xs);
|
|
6091
|
-
--pf-v5-c-empty-state__actions--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
6175
|
+
.pf-v5-c-file-upload {
|
|
6176
|
+
--pf-v5-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
6177
|
+
--pf-v5-c-file-upload--m-loading__file-details--before--Left: var(--pf-v5-global--BorderWidth--sm);
|
|
6178
|
+
--pf-v5-c-file-upload--m-loading__file-details--before--Right: var(--pf-v5-global--BorderWidth--sm);
|
|
6179
|
+
--pf-v5-c-file-upload--m-loading__file-details--before--Bottom: var(--pf-v5-global--BorderWidth--sm);
|
|
6180
|
+
--pf-v5-c-file-upload--m-drag-hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
6181
|
+
--pf-v5-c-file-upload--m-drag-hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
6182
|
+
--pf-v5-c-file-upload--m-drag-hover--before--ZIndex: var(--pf-v5-global--ZIndex--xs);
|
|
6183
|
+
--pf-v5-c-file-upload--m-drag-hover--after--BackgroundColor: var(--pf-v5-global--primary-color--100);
|
|
6184
|
+
--pf-v5-c-file-upload--m-drag-hover--after--Opacity: .1;
|
|
6185
|
+
--pf-v5-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-v5-global--spacer--3xl) * 2);
|
|
6186
|
+
--pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
6187
|
+
position: relative;
|
|
6092
6188
|
display: flex;
|
|
6093
|
-
|
|
6094
|
-
justify-content: center;
|
|
6095
|
-
padding-block-start: var(--pf-v5-c-empty-state--PaddingTop);
|
|
6096
|
-
padding-block-end: var(--pf-v5-c-empty-state--PaddingBottom);
|
|
6097
|
-
padding-inline-start: var(--pf-v5-c-empty-state--PaddingLeft);
|
|
6098
|
-
padding-inline-end: var(--pf-v5-c-empty-state--PaddingRight);
|
|
6099
|
-
text-align: center;
|
|
6100
|
-
}
|
|
6101
|
-
|
|
6102
|
-
.pf-v5-c-empty-state.pf-m-xs {
|
|
6103
|
-
--pf-v5-c-empty-state--PaddingTop: var(--pf-v5-c-empty-state--m-xs--PaddingTop);
|
|
6104
|
-
--pf-v5-c-empty-state--PaddingRight: var(--pf-v5-c-empty-state--m-xs--PaddingRight);
|
|
6105
|
-
--pf-v5-c-empty-state--PaddingBottom: var(--pf-v5-c-empty-state--m-xs--PaddingBottom);
|
|
6106
|
-
--pf-v5-c-empty-state--PaddingLeft: var(--pf-v5-c-empty-state--m-xs--PaddingLeft);
|
|
6107
|
-
--pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-c-empty-state--m-xs__title-text--FontSize);
|
|
6108
|
-
--pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-xs__content--MaxWidth);
|
|
6109
|
-
--pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-c-empty-state--m-xs__icon--MarginBottom);
|
|
6110
|
-
--pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-c-empty-state--m-xs__body--MarginTop);
|
|
6111
|
-
--pf-v5-c-empty-state--body--FontSize: var(--pf-v5-c-empty-state--m-xs__body--FontSize);
|
|
6112
|
-
--pf-v5-c-empty-state__footer--MarginTop: var(--pf-v5-c-empty-state--m-xs__footer--MarginTop);
|
|
6113
|
-
}
|
|
6114
|
-
|
|
6115
|
-
.pf-v5-c-empty-state.pf-m-sm {
|
|
6116
|
-
--pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-sm__content--MaxWidth);
|
|
6117
|
-
}
|
|
6118
|
-
|
|
6119
|
-
.pf-v5-c-empty-state.pf-m-lg {
|
|
6120
|
-
--pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-lg__content--MaxWidth);
|
|
6121
|
-
}
|
|
6122
|
-
|
|
6123
|
-
.pf-v5-c-empty-state.pf-m-xl {
|
|
6124
|
-
--pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-c-empty-state--m-xl__body--MarginTop);
|
|
6125
|
-
--pf-v5-c-empty-state--body--FontSize: var(--pf-v5-c-empty-state--m-xl__body--FontSize);
|
|
6126
|
-
--pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-c-empty-state--m-xl__icon--MarginBottom);
|
|
6127
|
-
--pf-v5-c-empty-state__icon--FontSize: var(--pf-v5-c-empty-state--m-xl__icon--FontSize);
|
|
6128
|
-
--pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-c-empty-state--m-xl__title-text--FontSize);
|
|
6129
|
-
--pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-c-empty-state--m-xl__title-text--LineHeight);
|
|
6189
|
+
flex-direction: column;
|
|
6130
6190
|
}
|
|
6131
6191
|
|
|
6132
|
-
.pf-v5-c-
|
|
6133
|
-
|
|
6192
|
+
.pf-v5-c-file-upload.pf-m-drag-hover::before {
|
|
6193
|
+
position: absolute;
|
|
6194
|
+
inset: 0;
|
|
6195
|
+
z-index: var(--pf-v5-c-file-upload--m-drag-hover--before--ZIndex);
|
|
6196
|
+
content: "";
|
|
6197
|
+
border: var(--pf-v5-c-file-upload--m-drag-hover--before--BorderWidth) solid var(--pf-v5-c-file-upload--m-drag-hover--before--BorderColor);
|
|
6134
6198
|
}
|
|
6135
6199
|
|
|
6136
|
-
.pf-v5-c-
|
|
6137
|
-
|
|
6200
|
+
.pf-v5-c-file-upload.pf-m-drag-hover::after {
|
|
6201
|
+
position: absolute;
|
|
6202
|
+
inset: 0;
|
|
6203
|
+
content: "";
|
|
6204
|
+
background-color: var(--pf-v5-c-file-upload--m-drag-hover--after--BackgroundColor);
|
|
6205
|
+
opacity: var(--pf-v5-c-file-upload--m-drag-hover--after--Opacity);
|
|
6138
6206
|
}
|
|
6139
6207
|
|
|
6140
|
-
.pf-v5-c-
|
|
6141
|
-
|
|
6142
|
-
font-size: var(--pf-v5-c-empty-state__icon--FontSize);
|
|
6143
|
-
line-height: 1;
|
|
6144
|
-
color: var(--pf-v5-c-empty-state__icon--Color);
|
|
6208
|
+
.pf-v5-c-file-upload.pf-m-loading .pf-v5-c-file-upload__file-details {
|
|
6209
|
+
position: relative;
|
|
6145
6210
|
}
|
|
6146
6211
|
|
|
6147
|
-
.pf-v5-c-
|
|
6148
|
-
|
|
6149
|
-
|
|
6150
|
-
|
|
6151
|
-
|
|
6212
|
+
.pf-v5-c-file-upload.pf-m-loading .pf-v5-c-file-upload__file-details::before {
|
|
6213
|
+
position: absolute;
|
|
6214
|
+
inset-block-start: 0;
|
|
6215
|
+
inset-block-end: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
|
|
6216
|
+
inset-inline-start: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
|
|
6217
|
+
inset-inline-end: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
|
|
6218
|
+
content: "";
|
|
6219
|
+
background-color: var(--pf-v5-c-file-upload--m-loading__file-details--before--BackgroundColor);
|
|
6152
6220
|
}
|
|
6153
6221
|
|
|
6154
|
-
.pf-v5-c-
|
|
6155
|
-
|
|
6156
|
-
font-size: var(--pf-v5-c-empty-state--body--FontSize);
|
|
6157
|
-
color: var(--pf-v5-c-empty-state__body--Color);
|
|
6222
|
+
.pf-v5-c-file-upload__file-select .pf-v5-c-button.pf-m-control {
|
|
6223
|
+
outline-offset: var(--pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset);
|
|
6158
6224
|
}
|
|
6159
6225
|
|
|
6160
|
-
.pf-v5-c-
|
|
6226
|
+
.pf-v5-c-file-upload__file-details {
|
|
6227
|
+
position: relative;
|
|
6161
6228
|
display: flex;
|
|
6162
|
-
flex-direction: column;
|
|
6163
|
-
row-gap: var(--pf-v5-c-empty-state__footer--RowGap);
|
|
6164
|
-
align-items: center;
|
|
6165
|
-
margin-block-start: var(--pf-v5-c-empty-state__footer--MarginTop);
|
|
6166
6229
|
}
|
|
6167
6230
|
|
|
6168
|
-
.pf-v5-c-
|
|
6169
|
-
|
|
6170
|
-
|
|
6171
|
-
|
|
6172
|
-
|
|
6231
|
+
.pf-v5-c-file-upload__file-details .pf-v5-c-form-control {
|
|
6232
|
+
flex: 1 1 auto;
|
|
6233
|
+
min-height: var(--pf-v5-c-file-upload__file-details__c-form-control--MinHeight);
|
|
6234
|
+
border-block-start: 0;
|
|
6235
|
+
}
|
|
6236
|
+
|
|
6237
|
+
.pf-v5-c-file-upload__file-details-spinner {
|
|
6238
|
+
position: absolute;
|
|
6239
|
+
inset-block-start: 50%;
|
|
6240
|
+
inset-inline-start: 50%;
|
|
6241
|
+
transform: translate(-50%, -50%);
|
|
6173
6242
|
}
|
|
6174
6243
|
|
|
6175
6244
|
.pf-v5-c-expandable-section {
|
|
@@ -6324,75 +6393,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
6324
6393
|
margin-block-start: var(--pf-v5-c-expandable-section__content--MarginTop);
|
|
6325
6394
|
}
|
|
6326
6395
|
|
|
6327
|
-
.pf-v5-c-file-upload {
|
|
6328
|
-
--pf-v5-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
6329
|
-
--pf-v5-c-file-upload--m-loading__file-details--before--Left: var(--pf-v5-global--BorderWidth--sm);
|
|
6330
|
-
--pf-v5-c-file-upload--m-loading__file-details--before--Right: var(--pf-v5-global--BorderWidth--sm);
|
|
6331
|
-
--pf-v5-c-file-upload--m-loading__file-details--before--Bottom: var(--pf-v5-global--BorderWidth--sm);
|
|
6332
|
-
--pf-v5-c-file-upload--m-drag-hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
6333
|
-
--pf-v5-c-file-upload--m-drag-hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
6334
|
-
--pf-v5-c-file-upload--m-drag-hover--before--ZIndex: var(--pf-v5-global--ZIndex--xs);
|
|
6335
|
-
--pf-v5-c-file-upload--m-drag-hover--after--BackgroundColor: var(--pf-v5-global--primary-color--100);
|
|
6336
|
-
--pf-v5-c-file-upload--m-drag-hover--after--Opacity: .1;
|
|
6337
|
-
--pf-v5-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-v5-global--spacer--3xl) * 2);
|
|
6338
|
-
--pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
6339
|
-
position: relative;
|
|
6340
|
-
display: flex;
|
|
6341
|
-
flex-direction: column;
|
|
6342
|
-
}
|
|
6343
|
-
|
|
6344
|
-
.pf-v5-c-file-upload.pf-m-drag-hover::before {
|
|
6345
|
-
position: absolute;
|
|
6346
|
-
inset: 0;
|
|
6347
|
-
z-index: var(--pf-v5-c-file-upload--m-drag-hover--before--ZIndex);
|
|
6348
|
-
content: "";
|
|
6349
|
-
border: var(--pf-v5-c-file-upload--m-drag-hover--before--BorderWidth) solid var(--pf-v5-c-file-upload--m-drag-hover--before--BorderColor);
|
|
6350
|
-
}
|
|
6351
|
-
|
|
6352
|
-
.pf-v5-c-file-upload.pf-m-drag-hover::after {
|
|
6353
|
-
position: absolute;
|
|
6354
|
-
inset: 0;
|
|
6355
|
-
content: "";
|
|
6356
|
-
background-color: var(--pf-v5-c-file-upload--m-drag-hover--after--BackgroundColor);
|
|
6357
|
-
opacity: var(--pf-v5-c-file-upload--m-drag-hover--after--Opacity);
|
|
6358
|
-
}
|
|
6359
|
-
|
|
6360
|
-
.pf-v5-c-file-upload.pf-m-loading .pf-v5-c-file-upload__file-details {
|
|
6361
|
-
position: relative;
|
|
6362
|
-
}
|
|
6363
|
-
|
|
6364
|
-
.pf-v5-c-file-upload.pf-m-loading .pf-v5-c-file-upload__file-details::before {
|
|
6365
|
-
position: absolute;
|
|
6366
|
-
inset-block-start: 0;
|
|
6367
|
-
inset-block-end: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
|
|
6368
|
-
inset-inline-start: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
|
|
6369
|
-
inset-inline-end: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
|
|
6370
|
-
content: "";
|
|
6371
|
-
background-color: var(--pf-v5-c-file-upload--m-loading__file-details--before--BackgroundColor);
|
|
6372
|
-
}
|
|
6373
|
-
|
|
6374
|
-
.pf-v5-c-file-upload__file-select .pf-v5-c-button.pf-m-control {
|
|
6375
|
-
outline-offset: var(--pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset);
|
|
6376
|
-
}
|
|
6377
|
-
|
|
6378
|
-
.pf-v5-c-file-upload__file-details {
|
|
6379
|
-
position: relative;
|
|
6380
|
-
display: flex;
|
|
6381
|
-
}
|
|
6382
|
-
|
|
6383
|
-
.pf-v5-c-file-upload__file-details .pf-v5-c-form-control {
|
|
6384
|
-
flex: 1 1 auto;
|
|
6385
|
-
min-height: var(--pf-v5-c-file-upload__file-details__c-form-control--MinHeight);
|
|
6386
|
-
border-block-start: 0;
|
|
6387
|
-
}
|
|
6388
|
-
|
|
6389
|
-
.pf-v5-c-file-upload__file-details-spinner {
|
|
6390
|
-
position: absolute;
|
|
6391
|
-
inset-block-start: 50%;
|
|
6392
|
-
inset-inline-start: 50%;
|
|
6393
|
-
transform: translate(-50%, -50%);
|
|
6394
|
-
}
|
|
6395
|
-
|
|
6396
6396
|
.pf-v5-c-form {
|
|
6397
6397
|
--pf-v5-c-form--GridGap: var(--pf-v5-global--gutter--md);
|
|
6398
6398
|
--pf-v5-c-form__group--m-action--MarginTop: var(--pf-v5-global--spacer--xl);
|
|
@@ -8257,184 +8257,34 @@ label.pf-v5-c-input-group__text {
|
|
|
8257
8257
|
}
|
|
8258
8258
|
.pf-v5-c-sidebar__panel.pf-m-width-75-on-xl {
|
|
8259
8259
|
--pf-v5-c-sidebar__panel--FlexBasis: 75%;
|
|
8260
|
-
}
|
|
8261
|
-
.pf-v5-c-sidebar__panel.pf-m-width-100-on-xl {
|
|
8262
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 100%;
|
|
8263
|
-
}
|
|
8264
|
-
}
|
|
8265
|
-
@media (min-width: 1450px) {
|
|
8266
|
-
.pf-v5-c-sidebar__panel.pf-m-width-default-on-2xl {
|
|
8267
|
-
--pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
|
|
8268
|
-
}
|
|
8269
|
-
.pf-v5-c-sidebar__panel.pf-m-width-25-on-2xl {
|
|
8270
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 25%;
|
|
8271
|
-
}
|
|
8272
|
-
.pf-v5-c-sidebar__panel.pf-m-width-33-on-2xl {
|
|
8273
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 33%;
|
|
8274
|
-
}
|
|
8275
|
-
.pf-v5-c-sidebar__panel.pf-m-width-50-on-2xl {
|
|
8276
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 50%;
|
|
8277
|
-
}
|
|
8278
|
-
.pf-v5-c-sidebar__panel.pf-m-width-66-on-2xl {
|
|
8279
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 66%;
|
|
8280
|
-
}
|
|
8281
|
-
.pf-v5-c-sidebar__panel.pf-m-width-75-on-2xl {
|
|
8282
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 75%;
|
|
8283
|
-
}
|
|
8284
|
-
.pf-v5-c-sidebar__panel.pf-m-width-100-on-2xl {
|
|
8285
|
-
--pf-v5-c-sidebar__panel--FlexBasis: 100%;
|
|
8286
|
-
}
|
|
8287
|
-
}
|
|
8288
|
-
.pf-v5-c-label-group {
|
|
8289
|
-
--pf-v5-c-label-group--RowGap: var(--pf-v5-global--spacer--sm);
|
|
8290
|
-
--pf-v5-c-label-group--ColumnGap: 0;
|
|
8291
|
-
--pf-v5-c-label-group--m-vertical--RowGap: var(--pf-v5-global--spacer--sm);
|
|
8292
|
-
--pf-v5-c-label-group--m-vertical--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
8293
|
-
--pf-v5-c-label-group__main--RowGap: var(--pf-v5-global--spacer--xs);
|
|
8294
|
-
--pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
8295
|
-
--pf-v5-c-label-group--m-vertical__main--RowGap: var(--pf-v5-global--spacer--sm);
|
|
8296
|
-
--pf-v5-c-label-group--m-vertical__main--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
8297
|
-
--pf-v5-c-label-group__list--RowGap: var(--pf-v5-global--spacer--xs);
|
|
8298
|
-
--pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
8299
|
-
--pf-v5-c-label-group--m-vertical__list--RowGap: var(--pf-v5-global--spacer--xs);
|
|
8300
|
-
--pf-v5-c-label-group--m-vertical__list--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
8301
|
-
--pf-v5-c-label-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
8302
|
-
--pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
|
|
8303
|
-
--pf-v5-c-label-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
8304
|
-
--pf-v5-c-label-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
8305
|
-
--pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
8306
|
-
--pf-v5-c-label-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
8307
|
-
--pf-v5-c-label-group--m-category--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
8308
|
-
--pf-v5-c-label-group--m-category--BorderColor: var(--pf-v5-global--BorderColor--300);
|
|
8309
|
-
--pf-v5-c-label-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
8310
|
-
--pf-v5-c-label-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
8311
|
-
--pf-v5-c-label-group__label--MaxWidth: 18ch;
|
|
8312
|
-
--pf-v5-c-label-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
8313
|
-
--pf-v5-c-label-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
8314
|
-
--pf-v5-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
|
|
8315
|
-
--pf-v5-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
|
|
8316
|
-
--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
8317
|
-
--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
8318
|
-
--pf-v5-c-label-group__textarea--MinWidth: 12.5rem;
|
|
8319
|
-
--pf-v5-c-label-group__textarea--PaddingTop: 0.125rem;
|
|
8320
|
-
--pf-v5-c-label-group__textarea--PaddingRight: var(--pf-v5-global--spacer--xs);
|
|
8321
|
-
--pf-v5-c-label-group__textarea--PaddingBottom: 0;
|
|
8322
|
-
--pf-v5-c-label-group__textarea--PaddingLeft: var(--pf-v5-global--spacer--xs);
|
|
8323
|
-
display: inline-flex;
|
|
8324
|
-
row-gap: var(--pf-v5-c-label-group--RowGap);
|
|
8325
|
-
column-gap: var(--pf-v5-c-label-group--ColumnGap);
|
|
8326
|
-
align-items: center;
|
|
8327
|
-
}
|
|
8328
|
-
|
|
8329
|
-
.pf-v5-c-label-group.pf-m-category {
|
|
8330
|
-
padding-block-start: var(--pf-v5-c-label-group--m-category--PaddingTop);
|
|
8331
|
-
padding-block-end: var(--pf-v5-c-label-group--m-category--PaddingBottom);
|
|
8332
|
-
padding-inline-start: var(--pf-v5-c-label-group--m-category--PaddingLeft);
|
|
8333
|
-
padding-inline-end: var(--pf-v5-c-label-group--m-category--PaddingRight);
|
|
8334
|
-
background-color: var(--pf-v5-c-label-group--m-category--BackgroundColor);
|
|
8335
|
-
border: var(--pf-v5-c-label-group--m-category--BorderWidth) solid var(--pf-v5-c-label-group--m-category--BorderColor);
|
|
8336
|
-
border-radius: var(--pf-v5-c-label-group--m-category--BorderRadius);
|
|
8337
|
-
}
|
|
8338
|
-
|
|
8339
|
-
.pf-v5-c-label-group.pf-m-vertical {
|
|
8340
|
-
--pf-v5-c-label-group--RowGap: var(--pf-v5-c-label-group--m-vertical--RowGap);
|
|
8341
|
-
--pf-v5-c-label-group--ColumnGap: var(--pf-v5-c-label-group--m-vertical--ColumnGap);
|
|
8342
|
-
--pf-v5-c-label-group__main--RowGap: var(--pf-v5-c-label-group--m-vertical__main--RowGap);
|
|
8343
|
-
--pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-c-label-group--m-vertical__main--ColumnGap);
|
|
8344
|
-
--pf-v5-c-label-group__list--RowGap: var(--pf-v5-c-label-group--m-vertical__list--RowGap);
|
|
8345
|
-
--pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-c-label-group--m-vertical__list--ColumnGap);
|
|
8346
|
-
--pf-v5-c-label-group__close--MarginTop: var(--pf-v5-c-label-group--m-vertical__close--MarginTop);
|
|
8347
|
-
--pf-v5-c-label-group__close--MarginLeft: var(--pf-v5-c-label-group--m-vertical__close--MarginLeft);
|
|
8348
|
-
--pf-v5-c-label-group__close--MarginBottom: 0;
|
|
8349
|
-
--pf-v5-c-label-group__close--MarginRight: var(--pf-v5-c-label-group--m-vertical__close--MarginRight);
|
|
8350
|
-
--pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-c-label-group--m-vertical--m-category--PaddingRight);
|
|
8351
|
-
}
|
|
8352
|
-
|
|
8353
|
-
.pf-v5-c-label-group.pf-m-vertical.pf-v5-c-label-group {
|
|
8354
|
-
align-items: flex-start;
|
|
8355
|
-
}
|
|
8356
|
-
|
|
8357
|
-
.pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__list {
|
|
8358
|
-
flex-direction: column;
|
|
8359
|
-
align-items: flex-start;
|
|
8360
|
-
}
|
|
8361
|
-
|
|
8362
|
-
.pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__main {
|
|
8363
|
-
flex-direction: column;
|
|
8364
|
-
}
|
|
8365
|
-
|
|
8366
|
-
.pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__close .pf-v5-c-button {
|
|
8367
|
-
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft);
|
|
8368
|
-
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight);
|
|
8369
|
-
}
|
|
8370
|
-
|
|
8371
|
-
.pf-v5-c-label-group.pf-m-editable,
|
|
8372
|
-
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
|
|
8373
|
-
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list {
|
|
8374
|
-
display: flex;
|
|
8375
|
-
}
|
|
8376
|
-
|
|
8377
|
-
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
|
|
8378
|
-
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list,
|
|
8379
|
-
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list-item.pf-m-textarea,
|
|
8380
|
-
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__textarea {
|
|
8381
|
-
flex: 1;
|
|
8382
|
-
}
|
|
8383
|
-
|
|
8384
|
-
.pf-v5-c-label-group__main {
|
|
8385
|
-
display: flex;
|
|
8386
|
-
flex: 1;
|
|
8387
|
-
flex-wrap: wrap;
|
|
8388
|
-
row-gap: var(--pf-v5-c-label-group__main--RowGap);
|
|
8389
|
-
column-gap: var(--pf-v5-c-label-group__main--ColumnGap);
|
|
8390
|
-
align-items: baseline;
|
|
8391
|
-
}
|
|
8392
|
-
|
|
8393
|
-
.pf-v5-c-label-group__list {
|
|
8394
|
-
display: inline-flex;
|
|
8395
|
-
flex-wrap: wrap;
|
|
8396
|
-
row-gap: var(--pf-v5-c-label-group__list--RowGap);
|
|
8397
|
-
column-gap: var(--pf-v5-c-label-group__list--ColumnGap);
|
|
8398
|
-
}
|
|
8399
|
-
|
|
8400
|
-
.pf-v5-c-label-group__list-item {
|
|
8401
|
-
display: inline-flex;
|
|
8402
|
-
}
|
|
8403
|
-
|
|
8404
|
-
.pf-v5-c-label-group__label {
|
|
8405
|
-
overflow: hidden;
|
|
8406
|
-
text-overflow: ellipsis;
|
|
8407
|
-
white-space: nowrap;
|
|
8408
|
-
max-width: var(--pf-v5-c-label-group__label--MaxWidth);
|
|
8409
|
-
font-size: var(--pf-v5-c-label-group__label--FontSize);
|
|
8410
|
-
}
|
|
8411
|
-
|
|
8412
|
-
.pf-v5-c-label-group__close {
|
|
8413
|
-
display: flex;
|
|
8414
|
-
align-self: flex-start;
|
|
8415
|
-
margin-block-start: var(--pf-v5-c-label-group__close--MarginTop);
|
|
8416
|
-
margin-block-end: var(--pf-v5-c-label-group__close--MarginBottom);
|
|
8417
|
-
margin-inline-start: var(--pf-v5-c-label-group__close--MarginLeft);
|
|
8418
|
-
margin-inline-end: var(--pf-v5-c-label-group__close--MarginRight);
|
|
8419
|
-
}
|
|
8420
|
-
|
|
8421
|
-
.pf-v5-c-label-group__textarea {
|
|
8422
|
-
min-width: var(--pf-v5-c-label-group__textarea--MinWidth);
|
|
8423
|
-
padding-block-start: var(--pf-v5-c-label-group__textarea--PaddingTop);
|
|
8424
|
-
padding-block-end: var(--pf-v5-c-label-group__textarea--PaddingBottom);
|
|
8425
|
-
padding-inline-start: var(--pf-v5-c-label-group__textarea--PaddingLeft);
|
|
8426
|
-
padding-inline-end: var(--pf-v5-c-label-group__textarea--PaddingRight);
|
|
8427
|
-
white-space: nowrap;
|
|
8428
|
-
resize: none;
|
|
8429
|
-
border: 0;
|
|
8430
|
-
-ms-overflow-style: none;
|
|
8431
|
-
scrollbar-width: none;
|
|
8260
|
+
}
|
|
8261
|
+
.pf-v5-c-sidebar__panel.pf-m-width-100-on-xl {
|
|
8262
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 100%;
|
|
8263
|
+
}
|
|
8432
8264
|
}
|
|
8433
|
-
|
|
8434
|
-
.pf-v5-c-
|
|
8435
|
-
|
|
8265
|
+
@media (min-width: 1450px) {
|
|
8266
|
+
.pf-v5-c-sidebar__panel.pf-m-width-default-on-2xl {
|
|
8267
|
+
--pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
|
|
8268
|
+
}
|
|
8269
|
+
.pf-v5-c-sidebar__panel.pf-m-width-25-on-2xl {
|
|
8270
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 25%;
|
|
8271
|
+
}
|
|
8272
|
+
.pf-v5-c-sidebar__panel.pf-m-width-33-on-2xl {
|
|
8273
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 33%;
|
|
8274
|
+
}
|
|
8275
|
+
.pf-v5-c-sidebar__panel.pf-m-width-50-on-2xl {
|
|
8276
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 50%;
|
|
8277
|
+
}
|
|
8278
|
+
.pf-v5-c-sidebar__panel.pf-m-width-66-on-2xl {
|
|
8279
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 66%;
|
|
8280
|
+
}
|
|
8281
|
+
.pf-v5-c-sidebar__panel.pf-m-width-75-on-2xl {
|
|
8282
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 75%;
|
|
8283
|
+
}
|
|
8284
|
+
.pf-v5-c-sidebar__panel.pf-m-width-100-on-2xl {
|
|
8285
|
+
--pf-v5-c-sidebar__panel--FlexBasis: 100%;
|
|
8286
|
+
}
|
|
8436
8287
|
}
|
|
8437
|
-
|
|
8438
8288
|
.pf-v5-c-label {
|
|
8439
8289
|
--pf-v5-c-label--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
8440
8290
|
--pf-v5-c-label--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
@@ -8929,6 +8779,156 @@ button.pf-v5-c-label__content:focus {
|
|
|
8929
8779
|
--pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
|
|
8930
8780
|
}
|
|
8931
8781
|
|
|
8782
|
+
.pf-v5-c-label-group {
|
|
8783
|
+
--pf-v5-c-label-group--RowGap: var(--pf-v5-global--spacer--sm);
|
|
8784
|
+
--pf-v5-c-label-group--ColumnGap: 0;
|
|
8785
|
+
--pf-v5-c-label-group--m-vertical--RowGap: var(--pf-v5-global--spacer--sm);
|
|
8786
|
+
--pf-v5-c-label-group--m-vertical--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
8787
|
+
--pf-v5-c-label-group__main--RowGap: var(--pf-v5-global--spacer--xs);
|
|
8788
|
+
--pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
8789
|
+
--pf-v5-c-label-group--m-vertical__main--RowGap: var(--pf-v5-global--spacer--sm);
|
|
8790
|
+
--pf-v5-c-label-group--m-vertical__main--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
8791
|
+
--pf-v5-c-label-group__list--RowGap: var(--pf-v5-global--spacer--xs);
|
|
8792
|
+
--pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
8793
|
+
--pf-v5-c-label-group--m-vertical__list--RowGap: var(--pf-v5-global--spacer--xs);
|
|
8794
|
+
--pf-v5-c-label-group--m-vertical__list--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
8795
|
+
--pf-v5-c-label-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
8796
|
+
--pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
|
|
8797
|
+
--pf-v5-c-label-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
8798
|
+
--pf-v5-c-label-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
8799
|
+
--pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
8800
|
+
--pf-v5-c-label-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
8801
|
+
--pf-v5-c-label-group--m-category--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
8802
|
+
--pf-v5-c-label-group--m-category--BorderColor: var(--pf-v5-global--BorderColor--300);
|
|
8803
|
+
--pf-v5-c-label-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
8804
|
+
--pf-v5-c-label-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
8805
|
+
--pf-v5-c-label-group__label--MaxWidth: 18ch;
|
|
8806
|
+
--pf-v5-c-label-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
8807
|
+
--pf-v5-c-label-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
8808
|
+
--pf-v5-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
|
|
8809
|
+
--pf-v5-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
|
|
8810
|
+
--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
8811
|
+
--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
8812
|
+
--pf-v5-c-label-group__textarea--MinWidth: 12.5rem;
|
|
8813
|
+
--pf-v5-c-label-group__textarea--PaddingTop: 0.125rem;
|
|
8814
|
+
--pf-v5-c-label-group__textarea--PaddingRight: var(--pf-v5-global--spacer--xs);
|
|
8815
|
+
--pf-v5-c-label-group__textarea--PaddingBottom: 0;
|
|
8816
|
+
--pf-v5-c-label-group__textarea--PaddingLeft: var(--pf-v5-global--spacer--xs);
|
|
8817
|
+
display: inline-flex;
|
|
8818
|
+
row-gap: var(--pf-v5-c-label-group--RowGap);
|
|
8819
|
+
column-gap: var(--pf-v5-c-label-group--ColumnGap);
|
|
8820
|
+
align-items: center;
|
|
8821
|
+
}
|
|
8822
|
+
|
|
8823
|
+
.pf-v5-c-label-group.pf-m-category {
|
|
8824
|
+
padding-block-start: var(--pf-v5-c-label-group--m-category--PaddingTop);
|
|
8825
|
+
padding-block-end: var(--pf-v5-c-label-group--m-category--PaddingBottom);
|
|
8826
|
+
padding-inline-start: var(--pf-v5-c-label-group--m-category--PaddingLeft);
|
|
8827
|
+
padding-inline-end: var(--pf-v5-c-label-group--m-category--PaddingRight);
|
|
8828
|
+
background-color: var(--pf-v5-c-label-group--m-category--BackgroundColor);
|
|
8829
|
+
border: var(--pf-v5-c-label-group--m-category--BorderWidth) solid var(--pf-v5-c-label-group--m-category--BorderColor);
|
|
8830
|
+
border-radius: var(--pf-v5-c-label-group--m-category--BorderRadius);
|
|
8831
|
+
}
|
|
8832
|
+
|
|
8833
|
+
.pf-v5-c-label-group.pf-m-vertical {
|
|
8834
|
+
--pf-v5-c-label-group--RowGap: var(--pf-v5-c-label-group--m-vertical--RowGap);
|
|
8835
|
+
--pf-v5-c-label-group--ColumnGap: var(--pf-v5-c-label-group--m-vertical--ColumnGap);
|
|
8836
|
+
--pf-v5-c-label-group__main--RowGap: var(--pf-v5-c-label-group--m-vertical__main--RowGap);
|
|
8837
|
+
--pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-c-label-group--m-vertical__main--ColumnGap);
|
|
8838
|
+
--pf-v5-c-label-group__list--RowGap: var(--pf-v5-c-label-group--m-vertical__list--RowGap);
|
|
8839
|
+
--pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-c-label-group--m-vertical__list--ColumnGap);
|
|
8840
|
+
--pf-v5-c-label-group__close--MarginTop: var(--pf-v5-c-label-group--m-vertical__close--MarginTop);
|
|
8841
|
+
--pf-v5-c-label-group__close--MarginLeft: var(--pf-v5-c-label-group--m-vertical__close--MarginLeft);
|
|
8842
|
+
--pf-v5-c-label-group__close--MarginBottom: 0;
|
|
8843
|
+
--pf-v5-c-label-group__close--MarginRight: var(--pf-v5-c-label-group--m-vertical__close--MarginRight);
|
|
8844
|
+
--pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-c-label-group--m-vertical--m-category--PaddingRight);
|
|
8845
|
+
}
|
|
8846
|
+
|
|
8847
|
+
.pf-v5-c-label-group.pf-m-vertical.pf-v5-c-label-group {
|
|
8848
|
+
align-items: flex-start;
|
|
8849
|
+
}
|
|
8850
|
+
|
|
8851
|
+
.pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__list {
|
|
8852
|
+
flex-direction: column;
|
|
8853
|
+
align-items: flex-start;
|
|
8854
|
+
}
|
|
8855
|
+
|
|
8856
|
+
.pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__main {
|
|
8857
|
+
flex-direction: column;
|
|
8858
|
+
}
|
|
8859
|
+
|
|
8860
|
+
.pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__close .pf-v5-c-button {
|
|
8861
|
+
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft);
|
|
8862
|
+
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight);
|
|
8863
|
+
}
|
|
8864
|
+
|
|
8865
|
+
.pf-v5-c-label-group.pf-m-editable,
|
|
8866
|
+
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
|
|
8867
|
+
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list {
|
|
8868
|
+
display: flex;
|
|
8869
|
+
}
|
|
8870
|
+
|
|
8871
|
+
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
|
|
8872
|
+
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list,
|
|
8873
|
+
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list-item.pf-m-textarea,
|
|
8874
|
+
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__textarea {
|
|
8875
|
+
flex: 1;
|
|
8876
|
+
}
|
|
8877
|
+
|
|
8878
|
+
.pf-v5-c-label-group__main {
|
|
8879
|
+
display: flex;
|
|
8880
|
+
flex: 1;
|
|
8881
|
+
flex-wrap: wrap;
|
|
8882
|
+
row-gap: var(--pf-v5-c-label-group__main--RowGap);
|
|
8883
|
+
column-gap: var(--pf-v5-c-label-group__main--ColumnGap);
|
|
8884
|
+
align-items: baseline;
|
|
8885
|
+
}
|
|
8886
|
+
|
|
8887
|
+
.pf-v5-c-label-group__list {
|
|
8888
|
+
display: inline-flex;
|
|
8889
|
+
flex-wrap: wrap;
|
|
8890
|
+
row-gap: var(--pf-v5-c-label-group__list--RowGap);
|
|
8891
|
+
column-gap: var(--pf-v5-c-label-group__list--ColumnGap);
|
|
8892
|
+
}
|
|
8893
|
+
|
|
8894
|
+
.pf-v5-c-label-group__list-item {
|
|
8895
|
+
display: inline-flex;
|
|
8896
|
+
}
|
|
8897
|
+
|
|
8898
|
+
.pf-v5-c-label-group__label {
|
|
8899
|
+
overflow: hidden;
|
|
8900
|
+
text-overflow: ellipsis;
|
|
8901
|
+
white-space: nowrap;
|
|
8902
|
+
max-width: var(--pf-v5-c-label-group__label--MaxWidth);
|
|
8903
|
+
font-size: var(--pf-v5-c-label-group__label--FontSize);
|
|
8904
|
+
}
|
|
8905
|
+
|
|
8906
|
+
.pf-v5-c-label-group__close {
|
|
8907
|
+
display: flex;
|
|
8908
|
+
align-self: flex-start;
|
|
8909
|
+
margin-block-start: var(--pf-v5-c-label-group__close--MarginTop);
|
|
8910
|
+
margin-block-end: var(--pf-v5-c-label-group__close--MarginBottom);
|
|
8911
|
+
margin-inline-start: var(--pf-v5-c-label-group__close--MarginLeft);
|
|
8912
|
+
margin-inline-end: var(--pf-v5-c-label-group__close--MarginRight);
|
|
8913
|
+
}
|
|
8914
|
+
|
|
8915
|
+
.pf-v5-c-label-group__textarea {
|
|
8916
|
+
min-width: var(--pf-v5-c-label-group__textarea--MinWidth);
|
|
8917
|
+
padding-block-start: var(--pf-v5-c-label-group__textarea--PaddingTop);
|
|
8918
|
+
padding-block-end: var(--pf-v5-c-label-group__textarea--PaddingBottom);
|
|
8919
|
+
padding-inline-start: var(--pf-v5-c-label-group__textarea--PaddingLeft);
|
|
8920
|
+
padding-inline-end: var(--pf-v5-c-label-group__textarea--PaddingRight);
|
|
8921
|
+
white-space: nowrap;
|
|
8922
|
+
resize: none;
|
|
8923
|
+
border: 0;
|
|
8924
|
+
-ms-overflow-style: none;
|
|
8925
|
+
scrollbar-width: none;
|
|
8926
|
+
}
|
|
8927
|
+
|
|
8928
|
+
.pf-v5-c-label-group__textarea::-webkit-scrollbar {
|
|
8929
|
+
display: none;
|
|
8930
|
+
}
|
|
8931
|
+
|
|
8932
8932
|
.pf-v5-c-list {
|
|
8933
8933
|
--pf-v5-c-list--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
8934
8934
|
--pf-v5-c-list--nested--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
@@ -13967,19 +13967,93 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
13967
13967
|
scale: -1 1;
|
|
13968
13968
|
}
|
|
13969
13969
|
|
|
13970
|
-
.pf-v5-c-notification-drawer__group.pf-m-expanded .pf-v5-c-notification-drawer__group-toggle-icon {
|
|
13971
|
-
transform: rotate(var(--pf-v5-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
13970
|
+
.pf-v5-c-notification-drawer__group.pf-m-expanded .pf-v5-c-notification-drawer__group-toggle-icon {
|
|
13971
|
+
transform: rotate(var(--pf-v5-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
13972
|
+
}
|
|
13973
|
+
|
|
13974
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-notification-drawer {
|
|
13975
|
+
--pf-v5-c-notification-drawer--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
13976
|
+
--pf-v5-c-notification-drawer__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
13977
|
+
--pf-v5-c-notification-drawer__list-item--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
13978
|
+
--pf-v5-c-notification-drawer__list-item--BoxShadow: none;
|
|
13979
|
+
--pf-v5-c-notification-drawer__list-item--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
|
|
13980
|
+
--pf-v5-c-notification-drawer__list-item--m-read--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
13981
|
+
--pf-v5-c-notification-drawer__list-item--list-item--m-read--BoxShadow: none;
|
|
13982
|
+
--pf-v5-c-notification-drawer__group-toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
13983
|
+
}
|
|
13984
|
+
|
|
13985
|
+
.pf-v5-c-overflow-menu {
|
|
13986
|
+
--pf-v5-c-overflow-menu--spacer--base: var(--pf-v5-global--spacer--md);
|
|
13987
|
+
--pf-v5-c-overflow-menu--spacer: var(--pf-v5-global--spacer--sm);
|
|
13988
|
+
--pf-v5-c-overflow-menu__group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
|
|
13989
|
+
--pf-v5-c-overflow-menu__item--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
|
|
13990
|
+
--pf-v5-c-overflow-menu--c-divider--m-vertical--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
|
|
13991
|
+
--pf-v5-c-overflow-menu__group--m-button-group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
|
|
13992
|
+
--pf-v5-c-overflow-menu__group--m-button-group--space-items: var(--pf-v5-global--spacer--sm);
|
|
13993
|
+
--pf-v5-c-overflow-menu__group--m-icon-button-group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
|
|
13994
|
+
--pf-v5-c-overflow-menu__group--m-icon-button-group--space-items: 0;
|
|
13995
|
+
display: inline-flex;
|
|
13996
|
+
align-items: center;
|
|
13997
|
+
}
|
|
13998
|
+
|
|
13999
|
+
.pf-v5-c-overflow-menu__content {
|
|
14000
|
+
display: flex;
|
|
14001
|
+
align-items: center;
|
|
14002
|
+
}
|
|
14003
|
+
|
|
14004
|
+
.pf-v5-c-overflow-menu__group {
|
|
14005
|
+
--pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--spacer);
|
|
14006
|
+
display: flex;
|
|
14007
|
+
align-items: center;
|
|
14008
|
+
}
|
|
14009
|
+
|
|
14010
|
+
.pf-v5-c-overflow-menu__group.pf-m-button-group {
|
|
14011
|
+
--pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-button-group--spacer);
|
|
14012
|
+
}
|
|
14013
|
+
|
|
14014
|
+
.pf-v5-c-overflow-menu__group.pf-m-button-group > * {
|
|
14015
|
+
--pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-button-group--space-items);
|
|
14016
|
+
}
|
|
14017
|
+
|
|
14018
|
+
.pf-v5-c-overflow-menu__group.pf-m-icon-button-group {
|
|
14019
|
+
--pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-icon-button-group--spacer);
|
|
14020
|
+
}
|
|
14021
|
+
|
|
14022
|
+
.pf-v5-c-overflow-menu__group.pf-m-icon-button-group > * {
|
|
14023
|
+
--pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-icon-button-group--space-items);
|
|
14024
|
+
}
|
|
14025
|
+
|
|
14026
|
+
.pf-v5-c-overflow-menu__item {
|
|
14027
|
+
--pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__item--spacer);
|
|
14028
|
+
}
|
|
14029
|
+
|
|
14030
|
+
.pf-v5-c-overflow-menu__content,
|
|
14031
|
+
.pf-v5-c-overflow-menu__control,
|
|
14032
|
+
.pf-v5-c-overflow-menu__group,
|
|
14033
|
+
.pf-v5-c-overflow-menu__item {
|
|
14034
|
+
margin-inline-end: var(--pf-v5-c-overflow-menu--spacer);
|
|
14035
|
+
}
|
|
14036
|
+
|
|
14037
|
+
.pf-v5-c-overflow-menu__content:last-child,
|
|
14038
|
+
.pf-v5-c-overflow-menu__control:last-child,
|
|
14039
|
+
.pf-v5-c-overflow-menu__group:last-child,
|
|
14040
|
+
.pf-v5-c-overflow-menu__item:last-child {
|
|
14041
|
+
--pf-v5-c-overflow-menu--spacer: 0;
|
|
14042
|
+
}
|
|
14043
|
+
|
|
14044
|
+
.pf-v5-c-overflow-menu > .pf-v5-c-divider,
|
|
14045
|
+
.pf-v5-c-overflow-menu__group > .pf-v5-c-divider {
|
|
14046
|
+
--pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu--c-divider--m-vertical--spacer);
|
|
14047
|
+
}
|
|
14048
|
+
|
|
14049
|
+
.pf-v5-c-overflow-menu > .pf-v5-c-divider.pf-m-vertical,
|
|
14050
|
+
.pf-v5-c-overflow-menu__group > .pf-v5-c-divider.pf-m-vertical {
|
|
14051
|
+
margin-inline-end: var(--pf-v5-c-overflow-menu--spacer);
|
|
13972
14052
|
}
|
|
13973
14053
|
|
|
13974
|
-
|
|
13975
|
-
|
|
13976
|
-
--pf-v5-c-
|
|
13977
|
-
--pf-v5-c-notification-drawer__list-item--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
13978
|
-
--pf-v5-c-notification-drawer__list-item--BoxShadow: none;
|
|
13979
|
-
--pf-v5-c-notification-drawer__list-item--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
|
|
13980
|
-
--pf-v5-c-notification-drawer__list-item--m-read--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
13981
|
-
--pf-v5-c-notification-drawer__list-item--list-item--m-read--BoxShadow: none;
|
|
13982
|
-
--pf-v5-c-notification-drawer__group-toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
14054
|
+
.pf-v5-c-overflow-menu > .pf-v5-c-divider.pf-m-vertical:last-child,
|
|
14055
|
+
.pf-v5-c-overflow-menu__group > .pf-v5-c-divider.pf-m-vertical:last-child {
|
|
14056
|
+
--pf-v5-c-overflow-menu--spacer: 0;
|
|
13983
14057
|
}
|
|
13984
14058
|
|
|
13985
14059
|
.pf-v5-c-page__sidebar.pf-m-light {
|
|
@@ -15109,80 +15183,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
15109
15183
|
color: var(--pf-v5-global--Color--100);
|
|
15110
15184
|
}
|
|
15111
15185
|
|
|
15112
|
-
.pf-v5-c-overflow-menu {
|
|
15113
|
-
--pf-v5-c-overflow-menu--spacer--base: var(--pf-v5-global--spacer--md);
|
|
15114
|
-
--pf-v5-c-overflow-menu--spacer: var(--pf-v5-global--spacer--sm);
|
|
15115
|
-
--pf-v5-c-overflow-menu__group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
|
|
15116
|
-
--pf-v5-c-overflow-menu__item--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
|
|
15117
|
-
--pf-v5-c-overflow-menu--c-divider--m-vertical--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
|
|
15118
|
-
--pf-v5-c-overflow-menu__group--m-button-group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
|
|
15119
|
-
--pf-v5-c-overflow-menu__group--m-button-group--space-items: var(--pf-v5-global--spacer--sm);
|
|
15120
|
-
--pf-v5-c-overflow-menu__group--m-icon-button-group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
|
|
15121
|
-
--pf-v5-c-overflow-menu__group--m-icon-button-group--space-items: 0;
|
|
15122
|
-
display: inline-flex;
|
|
15123
|
-
align-items: center;
|
|
15124
|
-
}
|
|
15125
|
-
|
|
15126
|
-
.pf-v5-c-overflow-menu__content {
|
|
15127
|
-
display: flex;
|
|
15128
|
-
align-items: center;
|
|
15129
|
-
}
|
|
15130
|
-
|
|
15131
|
-
.pf-v5-c-overflow-menu__group {
|
|
15132
|
-
--pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--spacer);
|
|
15133
|
-
display: flex;
|
|
15134
|
-
align-items: center;
|
|
15135
|
-
}
|
|
15136
|
-
|
|
15137
|
-
.pf-v5-c-overflow-menu__group.pf-m-button-group {
|
|
15138
|
-
--pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-button-group--spacer);
|
|
15139
|
-
}
|
|
15140
|
-
|
|
15141
|
-
.pf-v5-c-overflow-menu__group.pf-m-button-group > * {
|
|
15142
|
-
--pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-button-group--space-items);
|
|
15143
|
-
}
|
|
15144
|
-
|
|
15145
|
-
.pf-v5-c-overflow-menu__group.pf-m-icon-button-group {
|
|
15146
|
-
--pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-icon-button-group--spacer);
|
|
15147
|
-
}
|
|
15148
|
-
|
|
15149
|
-
.pf-v5-c-overflow-menu__group.pf-m-icon-button-group > * {
|
|
15150
|
-
--pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-icon-button-group--space-items);
|
|
15151
|
-
}
|
|
15152
|
-
|
|
15153
|
-
.pf-v5-c-overflow-menu__item {
|
|
15154
|
-
--pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__item--spacer);
|
|
15155
|
-
}
|
|
15156
|
-
|
|
15157
|
-
.pf-v5-c-overflow-menu__content,
|
|
15158
|
-
.pf-v5-c-overflow-menu__control,
|
|
15159
|
-
.pf-v5-c-overflow-menu__group,
|
|
15160
|
-
.pf-v5-c-overflow-menu__item {
|
|
15161
|
-
margin-inline-end: var(--pf-v5-c-overflow-menu--spacer);
|
|
15162
|
-
}
|
|
15163
|
-
|
|
15164
|
-
.pf-v5-c-overflow-menu__content:last-child,
|
|
15165
|
-
.pf-v5-c-overflow-menu__control:last-child,
|
|
15166
|
-
.pf-v5-c-overflow-menu__group:last-child,
|
|
15167
|
-
.pf-v5-c-overflow-menu__item:last-child {
|
|
15168
|
-
--pf-v5-c-overflow-menu--spacer: 0;
|
|
15169
|
-
}
|
|
15170
|
-
|
|
15171
|
-
.pf-v5-c-overflow-menu > .pf-v5-c-divider,
|
|
15172
|
-
.pf-v5-c-overflow-menu__group > .pf-v5-c-divider {
|
|
15173
|
-
--pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu--c-divider--m-vertical--spacer);
|
|
15174
|
-
}
|
|
15175
|
-
|
|
15176
|
-
.pf-v5-c-overflow-menu > .pf-v5-c-divider.pf-m-vertical,
|
|
15177
|
-
.pf-v5-c-overflow-menu__group > .pf-v5-c-divider.pf-m-vertical {
|
|
15178
|
-
margin-inline-end: var(--pf-v5-c-overflow-menu--spacer);
|
|
15179
|
-
}
|
|
15180
|
-
|
|
15181
|
-
.pf-v5-c-overflow-menu > .pf-v5-c-divider.pf-m-vertical:last-child,
|
|
15182
|
-
.pf-v5-c-overflow-menu__group > .pf-v5-c-divider.pf-m-vertical:last-child {
|
|
15183
|
-
--pf-v5-c-overflow-menu--spacer: 0;
|
|
15184
|
-
}
|
|
15185
|
-
|
|
15186
15186
|
.pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input) {
|
|
15187
15187
|
appearance: textfield;
|
|
15188
15188
|
}
|
|
@@ -22182,6 +22182,87 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
22182
22182
|
direction: rtl;
|
|
22183
22183
|
}
|
|
22184
22184
|
}
|
|
22185
|
+
.pf-v5-l-gallery {
|
|
22186
|
+
--pf-v5-l-gallery--m-gutter--GridGap: var(--pf-v5-global--gutter);
|
|
22187
|
+
--pf-v5-l-gallery--GridTemplateColumns--min: 250px;
|
|
22188
|
+
--pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min);
|
|
22189
|
+
--pf-v5-l-gallery--GridTemplateColumns--max: 1fr;
|
|
22190
|
+
--pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max);
|
|
22191
|
+
--pf-v5-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-v5-l-gallery--GridTemplateColumns--minmax--min), var(--pf-v5-l-gallery--GridTemplateColumns--minmax--max)));
|
|
22192
|
+
--pf-v5-l-gallery--GridTemplateRows: auto;
|
|
22193
|
+
display: grid;
|
|
22194
|
+
grid-template-rows: var(--pf-v5-l-gallery--GridTemplateRows);
|
|
22195
|
+
grid-template-columns: var(--pf-v5-l-gallery--GridTemplateColumns);
|
|
22196
|
+
--pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min);
|
|
22197
|
+
--pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max);
|
|
22198
|
+
}
|
|
22199
|
+
|
|
22200
|
+
.pf-v5-l-gallery.pf-m-gutter {
|
|
22201
|
+
grid-gap: var(--pf-v5-l-gallery--m-gutter--GridGap);
|
|
22202
|
+
}
|
|
22203
|
+
|
|
22204
|
+
@media (min-width: 576px) {
|
|
22205
|
+
.pf-v5-l-gallery {
|
|
22206
|
+
--pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--min));
|
|
22207
|
+
}
|
|
22208
|
+
}
|
|
22209
|
+
@media (min-width: 768px) {
|
|
22210
|
+
.pf-v5-l-gallery {
|
|
22211
|
+
--pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--min)));
|
|
22212
|
+
}
|
|
22213
|
+
}
|
|
22214
|
+
@media (min-width: 992px) {
|
|
22215
|
+
.pf-v5-l-gallery {
|
|
22216
|
+
--pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--min))));
|
|
22217
|
+
}
|
|
22218
|
+
}
|
|
22219
|
+
@media (min-width: 1200px) {
|
|
22220
|
+
.pf-v5-l-gallery {
|
|
22221
|
+
--pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--min)))));
|
|
22222
|
+
}
|
|
22223
|
+
}
|
|
22224
|
+
@media (min-width: 1450px) {
|
|
22225
|
+
.pf-v5-l-gallery {
|
|
22226
|
+
--pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--min))))));
|
|
22227
|
+
}
|
|
22228
|
+
}
|
|
22229
|
+
@media (min-width: 576px) {
|
|
22230
|
+
.pf-v5-l-gallery {
|
|
22231
|
+
--pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--max));
|
|
22232
|
+
}
|
|
22233
|
+
}
|
|
22234
|
+
@media (min-width: 768px) {
|
|
22235
|
+
.pf-v5-l-gallery {
|
|
22236
|
+
--pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--max)));
|
|
22237
|
+
}
|
|
22238
|
+
}
|
|
22239
|
+
@media (min-width: 992px) {
|
|
22240
|
+
.pf-v5-l-gallery {
|
|
22241
|
+
--pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--max))));
|
|
22242
|
+
}
|
|
22243
|
+
}
|
|
22244
|
+
@media (min-width: 1200px) {
|
|
22245
|
+
.pf-v5-l-gallery {
|
|
22246
|
+
--pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--max)))));
|
|
22247
|
+
}
|
|
22248
|
+
}
|
|
22249
|
+
@media (min-width: 1450px) {
|
|
22250
|
+
.pf-v5-l-gallery {
|
|
22251
|
+
--pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--max))))));
|
|
22252
|
+
}
|
|
22253
|
+
}
|
|
22254
|
+
.pf-v5-l-level {
|
|
22255
|
+
--pf-v5-l-level--m-gutter--Gap: var(--pf-v5-global--gutter);
|
|
22256
|
+
display: flex;
|
|
22257
|
+
flex-wrap: wrap;
|
|
22258
|
+
align-items: center;
|
|
22259
|
+
justify-content: space-between;
|
|
22260
|
+
}
|
|
22261
|
+
|
|
22262
|
+
.pf-v5-l-level.pf-m-gutter {
|
|
22263
|
+
gap: var(--pf-v5-l-level--m-gutter--Gap);
|
|
22264
|
+
}
|
|
22265
|
+
|
|
22185
22266
|
.pf-v5-l-flex {
|
|
22186
22267
|
--pf-v5-l-flex--Display: flex;
|
|
22187
22268
|
--pf-v5-l-flex--FlexWrap: wrap;
|
|
@@ -24675,75 +24756,6 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
24675
24756
|
--pf-v5-l-flex--spacer--column: 0;
|
|
24676
24757
|
}
|
|
24677
24758
|
}
|
|
24678
|
-
.pf-v5-l-gallery {
|
|
24679
|
-
--pf-v5-l-gallery--m-gutter--GridGap: var(--pf-v5-global--gutter);
|
|
24680
|
-
--pf-v5-l-gallery--GridTemplateColumns--min: 250px;
|
|
24681
|
-
--pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min);
|
|
24682
|
-
--pf-v5-l-gallery--GridTemplateColumns--max: 1fr;
|
|
24683
|
-
--pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max);
|
|
24684
|
-
--pf-v5-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-v5-l-gallery--GridTemplateColumns--minmax--min), var(--pf-v5-l-gallery--GridTemplateColumns--minmax--max)));
|
|
24685
|
-
--pf-v5-l-gallery--GridTemplateRows: auto;
|
|
24686
|
-
display: grid;
|
|
24687
|
-
grid-template-rows: var(--pf-v5-l-gallery--GridTemplateRows);
|
|
24688
|
-
grid-template-columns: var(--pf-v5-l-gallery--GridTemplateColumns);
|
|
24689
|
-
--pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min);
|
|
24690
|
-
--pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max);
|
|
24691
|
-
}
|
|
24692
|
-
|
|
24693
|
-
.pf-v5-l-gallery.pf-m-gutter {
|
|
24694
|
-
grid-gap: var(--pf-v5-l-gallery--m-gutter--GridGap);
|
|
24695
|
-
}
|
|
24696
|
-
|
|
24697
|
-
@media (min-width: 576px) {
|
|
24698
|
-
.pf-v5-l-gallery {
|
|
24699
|
-
--pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--min));
|
|
24700
|
-
}
|
|
24701
|
-
}
|
|
24702
|
-
@media (min-width: 768px) {
|
|
24703
|
-
.pf-v5-l-gallery {
|
|
24704
|
-
--pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--min)));
|
|
24705
|
-
}
|
|
24706
|
-
}
|
|
24707
|
-
@media (min-width: 992px) {
|
|
24708
|
-
.pf-v5-l-gallery {
|
|
24709
|
-
--pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--min))));
|
|
24710
|
-
}
|
|
24711
|
-
}
|
|
24712
|
-
@media (min-width: 1200px) {
|
|
24713
|
-
.pf-v5-l-gallery {
|
|
24714
|
-
--pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--min)))));
|
|
24715
|
-
}
|
|
24716
|
-
}
|
|
24717
|
-
@media (min-width: 1450px) {
|
|
24718
|
-
.pf-v5-l-gallery {
|
|
24719
|
-
--pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--min))))));
|
|
24720
|
-
}
|
|
24721
|
-
}
|
|
24722
|
-
@media (min-width: 576px) {
|
|
24723
|
-
.pf-v5-l-gallery {
|
|
24724
|
-
--pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--max));
|
|
24725
|
-
}
|
|
24726
|
-
}
|
|
24727
|
-
@media (min-width: 768px) {
|
|
24728
|
-
.pf-v5-l-gallery {
|
|
24729
|
-
--pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--max)));
|
|
24730
|
-
}
|
|
24731
|
-
}
|
|
24732
|
-
@media (min-width: 992px) {
|
|
24733
|
-
.pf-v5-l-gallery {
|
|
24734
|
-
--pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--max))));
|
|
24735
|
-
}
|
|
24736
|
-
}
|
|
24737
|
-
@media (min-width: 1200px) {
|
|
24738
|
-
.pf-v5-l-gallery {
|
|
24739
|
-
--pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--max)))));
|
|
24740
|
-
}
|
|
24741
|
-
}
|
|
24742
|
-
@media (min-width: 1450px) {
|
|
24743
|
-
.pf-v5-l-gallery {
|
|
24744
|
-
--pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--max))))));
|
|
24745
|
-
}
|
|
24746
|
-
}
|
|
24747
24759
|
.pf-v5-l-grid {
|
|
24748
24760
|
--pf-v5-l-grid--m-gutter--GridGap: var(--pf-v5-global--gutter);
|
|
24749
24761
|
--pf-v5-l-grid__item--GridColumnStart: auto;
|
|
@@ -25728,18 +25740,6 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
25728
25740
|
grid-gap: var(--pf-v5-l-grid--m-gutter--GridGap);
|
|
25729
25741
|
}
|
|
25730
25742
|
|
|
25731
|
-
.pf-v5-l-level {
|
|
25732
|
-
--pf-v5-l-level--m-gutter--Gap: var(--pf-v5-global--gutter);
|
|
25733
|
-
display: flex;
|
|
25734
|
-
flex-wrap: wrap;
|
|
25735
|
-
align-items: center;
|
|
25736
|
-
justify-content: space-between;
|
|
25737
|
-
}
|
|
25738
|
-
|
|
25739
|
-
.pf-v5-l-level.pf-m-gutter {
|
|
25740
|
-
gap: var(--pf-v5-l-level--m-gutter--Gap);
|
|
25741
|
-
}
|
|
25742
|
-
|
|
25743
25743
|
.pf-v5-l-split {
|
|
25744
25744
|
--pf-v5-l-stack--m-gutter--Gap: var(--pf-v5-global--gutter);
|
|
25745
25745
|
display: flex;
|