@patternfly/react-core 6.1.0-prerelease.5 → 6.1.0-prerelease.7
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 +13 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/AboutModal/package.json +1 -1
- package/dist/dynamic/components/Accordion/package.json +1 -1
- package/dist/dynamic/components/ActionList/package.json +1 -1
- package/dist/dynamic/components/Alert/package.json +1 -1
- package/dist/dynamic/components/Avatar/package.json +1 -1
- package/dist/dynamic/components/BackToTop/package.json +1 -1
- package/dist/dynamic/components/Backdrop/package.json +1 -1
- package/dist/dynamic/components/BackgroundImage/package.json +1 -1
- package/dist/dynamic/components/Badge/package.json +1 -1
- package/dist/dynamic/components/Banner/package.json +1 -1
- package/dist/dynamic/components/Brand/package.json +1 -1
- package/dist/dynamic/components/Breadcrumb/package.json +1 -1
- package/dist/dynamic/components/Button/package.json +1 -1
- package/dist/dynamic/components/CalendarMonth/package.json +1 -1
- package/dist/dynamic/components/Card/package.json +1 -1
- package/dist/dynamic/components/Checkbox/package.json +1 -1
- package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
- package/dist/dynamic/components/CodeBlock/package.json +1 -1
- package/dist/dynamic/components/Content/package.json +1 -1
- package/dist/dynamic/components/DataList/package.json +1 -1
- package/dist/dynamic/components/DatePicker/package.json +1 -1
- package/dist/dynamic/components/DescriptionList/package.json +1 -1
- package/dist/dynamic/components/Divider/package.json +1 -1
- package/dist/dynamic/components/Drawer/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/components/EmptyState/package.json +1 -1
- package/dist/dynamic/components/ExpandableSection/package.json +1 -1
- package/dist/dynamic/components/FileUpload/package.json +1 -1
- package/dist/dynamic/components/Form/package.json +1 -1
- package/dist/dynamic/components/FormSelect/package.json +1 -1
- package/dist/dynamic/components/HelperText/package.json +1 -1
- package/dist/dynamic/components/Hint/package.json +1 -1
- package/dist/dynamic/components/Icon/package.json +1 -1
- package/dist/dynamic/components/InputGroup/package.json +1 -1
- package/dist/dynamic/components/JumpLinks/package.json +1 -1
- package/dist/dynamic/components/Label/package.json +1 -1
- package/dist/dynamic/components/List/package.json +1 -1
- package/dist/dynamic/components/LoginPage/package.json +1 -1
- package/dist/dynamic/components/Masthead/package.json +1 -1
- package/dist/dynamic/components/Menu/package.json +1 -1
- package/dist/dynamic/components/MenuToggle/package.json +1 -1
- package/dist/dynamic/components/Modal/package.json +1 -1
- package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
- package/dist/dynamic/components/Nav/package.json +1 -1
- package/dist/dynamic/components/NotificationBadge/package.json +1 -1
- package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
- package/dist/dynamic/components/NumberInput/package.json +1 -1
- package/dist/dynamic/components/OverflowMenu/package.json +1 -1
- package/dist/dynamic/components/Page/package.json +1 -1
- package/dist/dynamic/components/Pagination/package.json +1 -1
- package/dist/dynamic/components/Panel/package.json +1 -1
- package/dist/dynamic/components/Popover/package.json +1 -1
- package/dist/dynamic/components/Progress/package.json +1 -1
- package/dist/dynamic/components/ProgressStepper/package.json +1 -1
- package/dist/dynamic/components/Radio/package.json +1 -1
- package/dist/dynamic/components/SearchInput/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/dynamic/components/Sidebar/package.json +1 -1
- package/dist/dynamic/components/SimpleList/package.json +1 -1
- package/dist/dynamic/components/Skeleton/package.json +1 -1
- package/dist/dynamic/components/SkipToContent/package.json +1 -1
- package/dist/dynamic/components/Slider/package.json +1 -1
- package/dist/dynamic/components/Spinner/package.json +1 -1
- package/dist/dynamic/components/Switch/package.json +1 -1
- package/dist/dynamic/components/Tabs/package.json +1 -1
- package/dist/dynamic/components/TextArea/package.json +1 -1
- package/dist/dynamic/components/TextInput/package.json +1 -1
- package/dist/dynamic/components/TextInputGroup/package.json +1 -1
- package/dist/dynamic/components/TimePicker/package.json +1 -1
- package/dist/dynamic/components/Timestamp/package.json +1 -1
- package/dist/dynamic/components/Title/package.json +1 -1
- package/dist/dynamic/components/ToggleGroup/package.json +1 -1
- package/dist/dynamic/components/Toolbar/package.json +1 -1
- package/dist/dynamic/components/Tooltip/package.json +1 -1
- package/dist/dynamic/components/TreeView/package.json +1 -1
- package/dist/dynamic/components/Truncate/package.json +1 -1
- package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
- package/dist/dynamic/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
- package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
- package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
- package/dist/dynamic/deprecated/components/Tile/package.json +1 -1
- package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
- package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
- package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
- package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
- package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
- package/dist/dynamic/helpers/constants/package.json +1 -1
- package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
- package/dist/dynamic/helpers/fileUtils/package.json +1 -1
- package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
- package/dist/dynamic/helpers/package.json +1 -1
- package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
- package/dist/dynamic/helpers/typeUtils/package.json +1 -1
- package/dist/dynamic/helpers/useInterval/package.json +1 -1
- package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
- package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
- package/dist/dynamic/helpers/util/package.json +1 -1
- package/dist/dynamic/layouts/Bullseye/package.json +1 -1
- package/dist/dynamic/layouts/Flex/package.json +1 -1
- package/dist/dynamic/layouts/Gallery/package.json +1 -1
- package/dist/dynamic/layouts/Grid/package.json +1 -1
- package/dist/dynamic/layouts/Level/package.json +1 -1
- package/dist/dynamic/layouts/Split/package.json +1 -1
- package/dist/dynamic/layouts/Stack/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -1
- package/dist/esm/components/Modal/Modal.d.ts +2 -2
- package/dist/esm/components/Modal/Modal.d.ts.map +1 -1
- package/dist/esm/components/Modal/Modal.js +13 -20
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/Modal/ModalContent.d.ts +2 -0
- package/dist/esm/components/Modal/ModalContent.d.ts.map +1 -1
- package/dist/esm/components/Modal/ModalContent.js +2 -2
- package/dist/esm/components/Modal/ModalContent.js.map +1 -1
- package/dist/esm/deprecated/components/Modal/Modal.d.ts +2 -2
- package/dist/esm/deprecated/components/Modal/Modal.d.ts.map +1 -1
- package/dist/esm/deprecated/components/Modal/Modal.js +13 -20
- package/dist/esm/deprecated/components/Modal/Modal.js.map +1 -1
- package/dist/esm/deprecated/components/Modal/ModalContent.d.ts +2 -0
- package/dist/esm/deprecated/components/Modal/ModalContent.d.ts.map +1 -1
- package/dist/esm/deprecated/components/Modal/ModalContent.js +2 -2
- package/dist/esm/deprecated/components/Modal/ModalContent.js.map +1 -1
- package/dist/esm/layouts/Split/Split.d.ts +4 -4
- package/dist/esm/layouts/Split/Split.d.ts.map +1 -1
- package/dist/esm/layouts/Split/SplitItem.d.ts +5 -3
- package/dist/esm/layouts/Split/SplitItem.d.ts.map +1 -1
- package/dist/esm/layouts/Split/SplitItem.js +3 -2
- package/dist/esm/layouts/Split/SplitItem.js.map +1 -1
- package/dist/esm/layouts/Stack/Stack.d.ts +3 -3
- package/dist/esm/layouts/Stack/Stack.d.ts.map +1 -1
- package/dist/esm/layouts/Stack/StackItem.d.ts +5 -3
- package/dist/esm/layouts/Stack/StackItem.d.ts.map +1 -1
- package/dist/esm/layouts/Stack/StackItem.js +3 -2
- package/dist/esm/layouts/Stack/StackItem.js.map +1 -1
- package/dist/js/components/Modal/Modal.d.ts +2 -2
- package/dist/js/components/Modal/Modal.d.ts.map +1 -1
- package/dist/js/components/Modal/Modal.js +13 -20
- package/dist/js/components/Modal/Modal.js.map +1 -1
- package/dist/js/components/Modal/ModalContent.d.ts +2 -0
- package/dist/js/components/Modal/ModalContent.d.ts.map +1 -1
- package/dist/js/components/Modal/ModalContent.js +2 -2
- package/dist/js/components/Modal/ModalContent.js.map +1 -1
- package/dist/js/deprecated/components/Modal/Modal.d.ts +2 -2
- package/dist/js/deprecated/components/Modal/Modal.d.ts.map +1 -1
- package/dist/js/deprecated/components/Modal/Modal.js +13 -20
- package/dist/js/deprecated/components/Modal/Modal.js.map +1 -1
- package/dist/js/deprecated/components/Modal/ModalContent.d.ts +2 -0
- package/dist/js/deprecated/components/Modal/ModalContent.d.ts.map +1 -1
- package/dist/js/deprecated/components/Modal/ModalContent.js +2 -2
- package/dist/js/deprecated/components/Modal/ModalContent.js.map +1 -1
- package/dist/js/layouts/Split/Split.d.ts +4 -4
- package/dist/js/layouts/Split/Split.d.ts.map +1 -1
- package/dist/js/layouts/Split/SplitItem.d.ts +5 -3
- package/dist/js/layouts/Split/SplitItem.d.ts.map +1 -1
- package/dist/js/layouts/Split/SplitItem.js +3 -2
- package/dist/js/layouts/Split/SplitItem.js.map +1 -1
- package/dist/js/layouts/Stack/Stack.d.ts +3 -3
- package/dist/js/layouts/Stack/Stack.d.ts.map +1 -1
- package/dist/js/layouts/Stack/StackItem.d.ts +5 -3
- package/dist/js/layouts/Stack/StackItem.d.ts.map +1 -1
- package/dist/js/layouts/Stack/StackItem.js +3 -2
- package/dist/js/layouts/Stack/StackItem.js.map +1 -1
- package/dist/umd/assets/{output-Cwt4IxA7.css → output-DacqxObv.css} +1293 -1268
- package/dist/umd/react-core.min.js +2 -2
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +6 -6
- package/src/components/Checkbox/examples/CheckboxReversed.tsx +1 -1
- package/src/components/Modal/Modal.tsx +13 -18
- package/src/components/Modal/ModalContent.tsx +4 -1
- package/src/components/Modal/__tests__/Modal.test.tsx +45 -0
- package/src/deprecated/components/Modal/Modal.tsx +13 -18
- package/src/deprecated/components/Modal/ModalContent.tsx +4 -1
- package/src/deprecated/components/Modal/__tests__/Modal.test.tsx +28 -0
- package/src/layouts/Split/Split.tsx +4 -4
- package/src/layouts/Split/SplitItem.tsx +14 -8
- package/src/layouts/Split/__tests__/Split.test.tsx +18 -0
- package/src/layouts/Split/__tests__/__snapshots__/Split.test.tsx.snap +28 -0
- package/src/layouts/Stack/Stack.tsx +3 -3
- package/src/layouts/Stack/StackItem.tsx +14 -8
- package/src/layouts/Stack/__tests__/Stack.test.tsx +20 -2
- package/src/layouts/Stack/__tests__/__snapshots__/Stack.test.tsx.snap +30 -2
|
@@ -2451,6 +2451,60 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2451
2451
|
color: var(--pf-v6-c-check__label-required--Color);
|
|
2452
2452
|
}
|
|
2453
2453
|
|
|
2454
|
+
.pf-v6-c-code-block {
|
|
2455
|
+
--pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2456
|
+
--pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
2457
|
+
--pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
2458
|
+
--pf-v6-c-code-block__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
2459
|
+
--pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
2460
|
+
--pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
2461
|
+
--pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
2462
|
+
--pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
2463
|
+
--pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
2464
|
+
--pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
2465
|
+
--pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2466
|
+
--pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
2467
|
+
--pf-v6-c-code-block__pre--FontFamily: var(--pf-t--global--font--family--mono);
|
|
2468
|
+
--pf-v6-c-code-block__pre--FontSize: var(--pf-t--global--font--size--xs);
|
|
2469
|
+
}
|
|
2470
|
+
|
|
2471
|
+
.pf-v6-c-code-block {
|
|
2472
|
+
background-color: var(--pf-v6-c-code-block--BackgroundColor);
|
|
2473
|
+
border-radius: var(--pf-v6-c-code-block--BorderRadius);
|
|
2474
|
+
}
|
|
2475
|
+
|
|
2476
|
+
.pf-v6-c-code-block__header {
|
|
2477
|
+
display: flex;
|
|
2478
|
+
padding-block-start: var(--pf-v6-c-code-block__header--PaddingBlockStart);
|
|
2479
|
+
padding-block-end: var(--pf-v6-c-code-block__header--PaddingBlockEnd);
|
|
2480
|
+
padding-inline-start: var(--pf-v6-c-code-block__header--PaddingInlineStart);
|
|
2481
|
+
padding-inline-end: var(--pf-v6-c-code-block__header--PaddingInlineEnd);
|
|
2482
|
+
border-block-end: var(--pf-v6-c-code-block__header--BorderBlockEndWidth) solid var(--pf-v6-c-code-block__header--BorderBlockEndColor);
|
|
2483
|
+
}
|
|
2484
|
+
|
|
2485
|
+
.pf-v6-c-code-block__actions {
|
|
2486
|
+
display: flex;
|
|
2487
|
+
margin-inline-start: auto;
|
|
2488
|
+
}
|
|
2489
|
+
|
|
2490
|
+
.pf-v6-c-code-block__content {
|
|
2491
|
+
padding-block-start: var(--pf-v6-c-code-block__content--PaddingBlockStart);
|
|
2492
|
+
padding-block-end: var(--pf-v6-c-code-block__content--PaddingBlockEnd);
|
|
2493
|
+
padding-inline-start: var(--pf-v6-c-code-block__content--PaddingInlineStart);
|
|
2494
|
+
padding-inline-end: var(--pf-v6-c-code-block__content--PaddingInlineEnd);
|
|
2495
|
+
}
|
|
2496
|
+
|
|
2497
|
+
.pf-v6-c-code-block__pre {
|
|
2498
|
+
font-family: var(--pf-v6-c-code-block__pre--FontFamily);
|
|
2499
|
+
font-size: var(--pf-v6-c-code-block__pre--FontSize);
|
|
2500
|
+
overflow-wrap: break-word;
|
|
2501
|
+
white-space: pre-wrap;
|
|
2502
|
+
}
|
|
2503
|
+
|
|
2504
|
+
.pf-v6-c-code-block__code {
|
|
2505
|
+
font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
|
|
2506
|
+
}
|
|
2507
|
+
|
|
2454
2508
|
.pf-v6-c-clipboard-copy {
|
|
2455
2509
|
--pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
|
|
2456
2510
|
--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
|
|
@@ -2551,60 +2605,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2551
2605
|
--pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
|
|
2552
2606
|
}
|
|
2553
2607
|
|
|
2554
|
-
.pf-v6-c-code-block {
|
|
2555
|
-
--pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2556
|
-
--pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
2557
|
-
--pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
2558
|
-
--pf-v6-c-code-block__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
2559
|
-
--pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
2560
|
-
--pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
2561
|
-
--pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
2562
|
-
--pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
2563
|
-
--pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
2564
|
-
--pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
2565
|
-
--pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2566
|
-
--pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
2567
|
-
--pf-v6-c-code-block__pre--FontFamily: var(--pf-t--global--font--family--mono);
|
|
2568
|
-
--pf-v6-c-code-block__pre--FontSize: var(--pf-t--global--font--size--xs);
|
|
2569
|
-
}
|
|
2570
|
-
|
|
2571
|
-
.pf-v6-c-code-block {
|
|
2572
|
-
background-color: var(--pf-v6-c-code-block--BackgroundColor);
|
|
2573
|
-
border-radius: var(--pf-v6-c-code-block--BorderRadius);
|
|
2574
|
-
}
|
|
2575
|
-
|
|
2576
|
-
.pf-v6-c-code-block__header {
|
|
2577
|
-
display: flex;
|
|
2578
|
-
padding-block-start: var(--pf-v6-c-code-block__header--PaddingBlockStart);
|
|
2579
|
-
padding-block-end: var(--pf-v6-c-code-block__header--PaddingBlockEnd);
|
|
2580
|
-
padding-inline-start: var(--pf-v6-c-code-block__header--PaddingInlineStart);
|
|
2581
|
-
padding-inline-end: var(--pf-v6-c-code-block__header--PaddingInlineEnd);
|
|
2582
|
-
border-block-end: var(--pf-v6-c-code-block__header--BorderBlockEndWidth) solid var(--pf-v6-c-code-block__header--BorderBlockEndColor);
|
|
2583
|
-
}
|
|
2584
|
-
|
|
2585
|
-
.pf-v6-c-code-block__actions {
|
|
2586
|
-
display: flex;
|
|
2587
|
-
margin-inline-start: auto;
|
|
2588
|
-
}
|
|
2589
|
-
|
|
2590
|
-
.pf-v6-c-code-block__content {
|
|
2591
|
-
padding-block-start: var(--pf-v6-c-code-block__content--PaddingBlockStart);
|
|
2592
|
-
padding-block-end: var(--pf-v6-c-code-block__content--PaddingBlockEnd);
|
|
2593
|
-
padding-inline-start: var(--pf-v6-c-code-block__content--PaddingInlineStart);
|
|
2594
|
-
padding-inline-end: var(--pf-v6-c-code-block__content--PaddingInlineEnd);
|
|
2595
|
-
}
|
|
2596
|
-
|
|
2597
|
-
.pf-v6-c-code-block__pre {
|
|
2598
|
-
font-family: var(--pf-v6-c-code-block__pre--FontFamily);
|
|
2599
|
-
font-size: var(--pf-v6-c-code-block__pre--FontSize);
|
|
2600
|
-
overflow-wrap: break-word;
|
|
2601
|
-
white-space: pre-wrap;
|
|
2602
|
-
}
|
|
2603
|
-
|
|
2604
|
-
.pf-v6-c-code-block__code {
|
|
2605
|
-
font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
|
|
2606
|
-
}
|
|
2607
|
-
|
|
2608
2608
|
:root {
|
|
2609
2609
|
--pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
2610
2610
|
--pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
@@ -2643,6 +2643,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2643
2643
|
--pf-v6-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
2644
2644
|
--pf-v6-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--h6);
|
|
2645
2645
|
--pf-v6-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
2646
|
+
--pf-v6-c-content--heading--m-page-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
2646
2647
|
--pf-v6-c-content--small--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
2647
2648
|
--pf-v6-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
2648
2649
|
--pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
@@ -2747,6 +2748,15 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2747
2748
|
margin-block-end: 0;
|
|
2748
2749
|
}
|
|
2749
2750
|
|
|
2751
|
+
:is(.pf-v6-c-content--h1,
|
|
2752
|
+
.pf-v6-c-content--h2,
|
|
2753
|
+
.pf-v6-c-content--h3,
|
|
2754
|
+
.pf-v6-c-content--h4,
|
|
2755
|
+
.pf-v6-c-content--h5,
|
|
2756
|
+
.pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6).pf-m-page-title {
|
|
2757
|
+
font-weight: var(--pf-v6-c-content--heading--m-page-title--FontWeight);
|
|
2758
|
+
}
|
|
2759
|
+
|
|
2750
2760
|
:is(.pf-v6-c-content--h1, .pf-v6-c-content h1) {
|
|
2751
2761
|
margin-block-start: var(--pf-v6-c-content--h1--MarginBlockStart);
|
|
2752
2762
|
margin-block-end: var(--pf-v6-c-content--h1--MarginBlockEnd);
|
|
@@ -3727,67 +3737,6 @@ ul) {
|
|
|
3727
3737
|
padding: 0;
|
|
3728
3738
|
}
|
|
3729
3739
|
|
|
3730
|
-
.pf-v6-c-date-picker {
|
|
3731
|
-
--pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
|
|
3732
|
-
--pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
|
|
3733
|
-
--pf-v6-c-date-picker__helper-text--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
3734
|
-
--pf-v6-c-date-picker__input--c-form-control--Width: calc(var(--pf-v6-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v6-c-date-picker__input--c-form-control--width-base));
|
|
3735
|
-
--pf-v6-c-date-picker__input--c-form-control--width-base: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
|
|
3736
|
-
--pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
|
|
3737
|
-
--pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
3738
|
-
--pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
3739
|
-
--pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
3740
|
-
--pf-v6-c-date-picker__calendar--InsetBlockStart: calc(100% + var(--pf-t--global--spacer--xs));
|
|
3741
|
-
--pf-v6-c-date-picker__calendar--InsetInlineEnd: auto;
|
|
3742
|
-
--pf-v6-c-date-picker__calendar--InsetInlineStart: 0;
|
|
3743
|
-
--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineEnd: 0;
|
|
3744
|
-
--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineStart: auto;
|
|
3745
|
-
}
|
|
3746
|
-
|
|
3747
|
-
.pf-v6-c-date-picker {
|
|
3748
|
-
position: relative;
|
|
3749
|
-
display: inline-block;
|
|
3750
|
-
}
|
|
3751
|
-
|
|
3752
|
-
.pf-v6-c-date-picker__helper-text {
|
|
3753
|
-
margin-block-start: var(--pf-v6-c-date-picker__helper-text--MarginBlockStart);
|
|
3754
|
-
}
|
|
3755
|
-
|
|
3756
|
-
.pf-v6-c-date-picker__input .pf-v6-c-form-control {
|
|
3757
|
-
width: var(--pf-v6-c-date-picker__input--c-form-control--Width);
|
|
3758
|
-
}
|
|
3759
|
-
|
|
3760
|
-
.pf-v6-c-date-picker__calendar {
|
|
3761
|
-
position: absolute;
|
|
3762
|
-
inset-block-start: var(--pf-v6-c-date-picker__calendar--InsetBlockStart);
|
|
3763
|
-
inset-inline-start: var(--pf-v6-c-date-picker__calendar--InsetInlineStart);
|
|
3764
|
-
inset-inline-end: var(--pf-v6-c-date-picker__calendar--InsetInlineEnd);
|
|
3765
|
-
z-index: var(--pf-v6-c-date-picker__calendar--ZIndex);
|
|
3766
|
-
background-color: var(--pf-v6-c-date-picker__calendar--BackgroundColor);
|
|
3767
|
-
box-shadow: var(--pf-v6-c-date-picker__calendar--BoxShadow);
|
|
3768
|
-
}
|
|
3769
|
-
|
|
3770
|
-
.pf-v6-c-date-picker__calendar.pf-m-align-right {
|
|
3771
|
-
--pf-v6-c-date-picker__calendar--InsetInlineEnd: var(--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineEnd);
|
|
3772
|
-
--pf-v6-c-date-picker__calendar--InsetInlineStart: var(--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineStart);
|
|
3773
|
-
}
|
|
3774
|
-
|
|
3775
|
-
.pf-v6-c-date-picker.pf-m-top .pf-v6-c-date-picker__calendar {
|
|
3776
|
-
--pf-v6-c-date-picker__calendar--InsetBlockStart: var(--pf-v6-c-date-picker--m-top__calendar--InsetBlockStart);
|
|
3777
|
-
transform: translateY(var(--pf-v6-c-date-picker--m-top__calendar--TranslateY));
|
|
3778
|
-
}
|
|
3779
|
-
|
|
3780
|
-
.pf-v6-c-date-picker__calendar.pf-m-static {
|
|
3781
|
-
--pf-v6-c-date-picker--m-top__calendar--TranslateY: 0;
|
|
3782
|
-
position: static;
|
|
3783
|
-
inset-block-start: auto;
|
|
3784
|
-
inset-block-end: auto;
|
|
3785
|
-
inset-inline-start: auto;
|
|
3786
|
-
inset-inline-end: auto;
|
|
3787
|
-
z-index: auto;
|
|
3788
|
-
min-width: min-content;
|
|
3789
|
-
}
|
|
3790
|
-
|
|
3791
3740
|
.pf-v6-c-description-list {
|
|
3792
3741
|
--pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
|
|
3793
3742
|
--pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
|
|
@@ -4125,6 +4074,67 @@ ul) {
|
|
|
4125
4074
|
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
4126
4075
|
}
|
|
4127
4076
|
}
|
|
4077
|
+
.pf-v6-c-date-picker {
|
|
4078
|
+
--pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
|
|
4079
|
+
--pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
|
|
4080
|
+
--pf-v6-c-date-picker__helper-text--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
4081
|
+
--pf-v6-c-date-picker__input--c-form-control--Width: calc(var(--pf-v6-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v6-c-date-picker__input--c-form-control--width-base));
|
|
4082
|
+
--pf-v6-c-date-picker__input--c-form-control--width-base: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
|
|
4083
|
+
--pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
|
|
4084
|
+
--pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
4085
|
+
--pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
4086
|
+
--pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
4087
|
+
--pf-v6-c-date-picker__calendar--InsetBlockStart: calc(100% + var(--pf-t--global--spacer--xs));
|
|
4088
|
+
--pf-v6-c-date-picker__calendar--InsetInlineEnd: auto;
|
|
4089
|
+
--pf-v6-c-date-picker__calendar--InsetInlineStart: 0;
|
|
4090
|
+
--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineEnd: 0;
|
|
4091
|
+
--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineStart: auto;
|
|
4092
|
+
}
|
|
4093
|
+
|
|
4094
|
+
.pf-v6-c-date-picker {
|
|
4095
|
+
position: relative;
|
|
4096
|
+
display: inline-block;
|
|
4097
|
+
}
|
|
4098
|
+
|
|
4099
|
+
.pf-v6-c-date-picker__helper-text {
|
|
4100
|
+
margin-block-start: var(--pf-v6-c-date-picker__helper-text--MarginBlockStart);
|
|
4101
|
+
}
|
|
4102
|
+
|
|
4103
|
+
.pf-v6-c-date-picker__input .pf-v6-c-form-control {
|
|
4104
|
+
width: var(--pf-v6-c-date-picker__input--c-form-control--Width);
|
|
4105
|
+
}
|
|
4106
|
+
|
|
4107
|
+
.pf-v6-c-date-picker__calendar {
|
|
4108
|
+
position: absolute;
|
|
4109
|
+
inset-block-start: var(--pf-v6-c-date-picker__calendar--InsetBlockStart);
|
|
4110
|
+
inset-inline-start: var(--pf-v6-c-date-picker__calendar--InsetInlineStart);
|
|
4111
|
+
inset-inline-end: var(--pf-v6-c-date-picker__calendar--InsetInlineEnd);
|
|
4112
|
+
z-index: var(--pf-v6-c-date-picker__calendar--ZIndex);
|
|
4113
|
+
background-color: var(--pf-v6-c-date-picker__calendar--BackgroundColor);
|
|
4114
|
+
box-shadow: var(--pf-v6-c-date-picker__calendar--BoxShadow);
|
|
4115
|
+
}
|
|
4116
|
+
|
|
4117
|
+
.pf-v6-c-date-picker__calendar.pf-m-align-right {
|
|
4118
|
+
--pf-v6-c-date-picker__calendar--InsetInlineEnd: var(--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineEnd);
|
|
4119
|
+
--pf-v6-c-date-picker__calendar--InsetInlineStart: var(--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineStart);
|
|
4120
|
+
}
|
|
4121
|
+
|
|
4122
|
+
.pf-v6-c-date-picker.pf-m-top .pf-v6-c-date-picker__calendar {
|
|
4123
|
+
--pf-v6-c-date-picker__calendar--InsetBlockStart: var(--pf-v6-c-date-picker--m-top__calendar--InsetBlockStart);
|
|
4124
|
+
transform: translateY(var(--pf-v6-c-date-picker--m-top__calendar--TranslateY));
|
|
4125
|
+
}
|
|
4126
|
+
|
|
4127
|
+
.pf-v6-c-date-picker__calendar.pf-m-static {
|
|
4128
|
+
--pf-v6-c-date-picker--m-top__calendar--TranslateY: 0;
|
|
4129
|
+
position: static;
|
|
4130
|
+
inset-block-start: auto;
|
|
4131
|
+
inset-block-end: auto;
|
|
4132
|
+
inset-inline-start: auto;
|
|
4133
|
+
inset-inline-end: auto;
|
|
4134
|
+
z-index: auto;
|
|
4135
|
+
min-width: min-content;
|
|
4136
|
+
}
|
|
4137
|
+
|
|
4128
4138
|
.pf-v6-c-divider {
|
|
4129
4139
|
--pf-v6-c-divider--Display: flex;
|
|
4130
4140
|
--pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
|
|
@@ -6492,25 +6502,103 @@ ul) {
|
|
|
6492
6502
|
margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
|
|
6493
6503
|
}
|
|
6494
6504
|
|
|
6495
|
-
.pf-v6-c-
|
|
6496
|
-
--pf-v6-c-
|
|
6497
|
-
--pf-v6-c-
|
|
6498
|
-
--pf-v6-c-
|
|
6499
|
-
--pf-v6-c-
|
|
6500
|
-
--pf-v6-c-
|
|
6501
|
-
--pf-v6-c-
|
|
6502
|
-
--pf-v6-c-
|
|
6503
|
-
--pf-v6-c-
|
|
6504
|
-
--pf-v6-c-
|
|
6505
|
-
--pf-v6-c-
|
|
6506
|
-
--pf-v6-c-
|
|
6507
|
-
--pf-v6-c-
|
|
6508
|
-
--pf-v6-c-
|
|
6509
|
-
--pf-v6-c-
|
|
6510
|
-
--pf-v6-c-
|
|
6511
|
-
--pf-v6-c-
|
|
6512
|
-
--pf-v6-c-
|
|
6513
|
-
--pf-v6-c-
|
|
6505
|
+
.pf-v6-c-helper-text {
|
|
6506
|
+
--pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
|
|
6507
|
+
--pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
6508
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6509
|
+
--pf-v6-c-helper-text__item-text--Color: var(--pf-t--global--text--color--regular);
|
|
6510
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
6511
|
+
--pf-v6-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
|
|
6512
|
+
--pf-v6-c-helper-text__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
|
|
6513
|
+
--pf-v6-c-helper-text__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
6514
|
+
--pf-v6-c-helper-text__item-text--m-warning--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6515
|
+
--pf-v6-c-helper-text__item-icon--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
6516
|
+
--pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6517
|
+
--pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
6518
|
+
--pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6519
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6520
|
+
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
6521
|
+
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
|
|
6522
|
+
--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
6523
|
+
--pf-v6-c-helper-text--m-dynamic--m-warning__item-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6524
|
+
--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
6525
|
+
--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
6526
|
+
--pf-v6-c-helper-text__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
6527
|
+
}
|
|
6528
|
+
|
|
6529
|
+
.pf-v6-c-helper-text {
|
|
6530
|
+
display: grid;
|
|
6531
|
+
gap: var(--pf-v6-c-helper-text--Gap);
|
|
6532
|
+
font-size: var(--pf-v6-c-helper-text--FontSize);
|
|
6533
|
+
}
|
|
6534
|
+
|
|
6535
|
+
.pf-v6-c-helper-text.pf-m-hidden {
|
|
6536
|
+
visibility: hidden;
|
|
6537
|
+
opacity: 0;
|
|
6538
|
+
}
|
|
6539
|
+
|
|
6540
|
+
.pf-v6-c-helper-text__item {
|
|
6541
|
+
display: flex;
|
|
6542
|
+
font-weight: var(--pf-v6-c-helper-text__item-text--FontWeight);
|
|
6543
|
+
}
|
|
6544
|
+
|
|
6545
|
+
.pf-v6-c-helper-text__item.pf-m-indeterminate {
|
|
6546
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-indeterminate--Color);
|
|
6547
|
+
--pf-v6-c-helper-text__item-text--Color: var(--pf-v6-c-helper-text__item-text--m-indeterminate--Color);
|
|
6548
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
|
|
6549
|
+
--pf-v6-c-helper-text--m-dynamic__item-text--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
|
|
6550
|
+
}
|
|
6551
|
+
|
|
6552
|
+
.pf-v6-c-helper-text__item.pf-m-warning {
|
|
6553
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-warning--FontWeight);
|
|
6554
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-warning--Color);
|
|
6555
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color);
|
|
6556
|
+
}
|
|
6557
|
+
|
|
6558
|
+
.pf-v6-c-helper-text__item.pf-m-success {
|
|
6559
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-success--FontWeight);
|
|
6560
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-success--Color);
|
|
6561
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color);
|
|
6562
|
+
}
|
|
6563
|
+
|
|
6564
|
+
.pf-v6-c-helper-text__item.pf-m-error {
|
|
6565
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
|
|
6566
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
|
|
6567
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
|
|
6568
|
+
}
|
|
6569
|
+
|
|
6570
|
+
.pf-v6-c-helper-text__item.pf-m-dynamic {
|
|
6571
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
|
|
6572
|
+
}
|
|
6573
|
+
|
|
6574
|
+
.pf-v6-c-helper-text__item-icon {
|
|
6575
|
+
margin-inline-end: var(--pf-v6-c-helper-text__item-icon--MarginInlineEnd);
|
|
6576
|
+
color: var(--pf-v6-c-helper-text__item-icon--Color);
|
|
6577
|
+
}
|
|
6578
|
+
|
|
6579
|
+
.pf-v6-c-helper-text__item-text {
|
|
6580
|
+
color: var(--pf-v6-c-helper-text__item-text--Color);
|
|
6581
|
+
}
|
|
6582
|
+
|
|
6583
|
+
.pf-v6-c-form-control {
|
|
6584
|
+
--pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
6585
|
+
--pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
|
|
6586
|
+
--pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
|
|
6587
|
+
--pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
6588
|
+
--pf-v6-c-form-control--Resize: none;
|
|
6589
|
+
--pf-v6-c-form-control--OutlineOffset: -6px;
|
|
6590
|
+
--pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
6591
|
+
--pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
6592
|
+
--pf-v6-c-form-control--before--BorderStyle: solid;
|
|
6593
|
+
--pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
6594
|
+
--pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
|
6595
|
+
--pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
6596
|
+
--pf-v6-c-form-control--after--BorderStyle: solid;
|
|
6597
|
+
--pf-v6-c-form-control--after--BorderColor: transparent;
|
|
6598
|
+
--pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
|
6599
|
+
--pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
6600
|
+
--pf-v6-c-form-control--Width: 100%;
|
|
6601
|
+
--pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
|
|
6514
6602
|
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
6515
6603
|
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
6516
6604
|
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
@@ -6815,84 +6903,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
6815
6903
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
|
|
6816
6904
|
}
|
|
6817
6905
|
|
|
6818
|
-
.pf-v6-c-helper-text {
|
|
6819
|
-
--pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
|
|
6820
|
-
--pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
6821
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6822
|
-
--pf-v6-c-helper-text__item-text--Color: var(--pf-t--global--text--color--regular);
|
|
6823
|
-
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
6824
|
-
--pf-v6-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
|
|
6825
|
-
--pf-v6-c-helper-text__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
|
|
6826
|
-
--pf-v6-c-helper-text__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
6827
|
-
--pf-v6-c-helper-text__item-text--m-warning--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6828
|
-
--pf-v6-c-helper-text__item-icon--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
6829
|
-
--pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6830
|
-
--pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
6831
|
-
--pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6832
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6833
|
-
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
6834
|
-
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
|
|
6835
|
-
--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
6836
|
-
--pf-v6-c-helper-text--m-dynamic--m-warning__item-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6837
|
-
--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
6838
|
-
--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
6839
|
-
--pf-v6-c-helper-text__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
6840
|
-
}
|
|
6841
|
-
|
|
6842
|
-
.pf-v6-c-helper-text {
|
|
6843
|
-
display: grid;
|
|
6844
|
-
gap: var(--pf-v6-c-helper-text--Gap);
|
|
6845
|
-
font-size: var(--pf-v6-c-helper-text--FontSize);
|
|
6846
|
-
}
|
|
6847
|
-
|
|
6848
|
-
.pf-v6-c-helper-text.pf-m-hidden {
|
|
6849
|
-
visibility: hidden;
|
|
6850
|
-
opacity: 0;
|
|
6851
|
-
}
|
|
6852
|
-
|
|
6853
|
-
.pf-v6-c-helper-text__item {
|
|
6854
|
-
display: flex;
|
|
6855
|
-
font-weight: var(--pf-v6-c-helper-text__item-text--FontWeight);
|
|
6856
|
-
}
|
|
6857
|
-
|
|
6858
|
-
.pf-v6-c-helper-text__item.pf-m-indeterminate {
|
|
6859
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-indeterminate--Color);
|
|
6860
|
-
--pf-v6-c-helper-text__item-text--Color: var(--pf-v6-c-helper-text__item-text--m-indeterminate--Color);
|
|
6861
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
|
|
6862
|
-
--pf-v6-c-helper-text--m-dynamic__item-text--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
|
|
6863
|
-
}
|
|
6864
|
-
|
|
6865
|
-
.pf-v6-c-helper-text__item.pf-m-warning {
|
|
6866
|
-
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-warning--FontWeight);
|
|
6867
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-warning--Color);
|
|
6868
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color);
|
|
6869
|
-
}
|
|
6870
|
-
|
|
6871
|
-
.pf-v6-c-helper-text__item.pf-m-success {
|
|
6872
|
-
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-success--FontWeight);
|
|
6873
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-success--Color);
|
|
6874
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color);
|
|
6875
|
-
}
|
|
6876
|
-
|
|
6877
|
-
.pf-v6-c-helper-text__item.pf-m-error {
|
|
6878
|
-
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
|
|
6879
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
|
|
6880
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
|
|
6881
|
-
}
|
|
6882
|
-
|
|
6883
|
-
.pf-v6-c-helper-text__item.pf-m-dynamic {
|
|
6884
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
|
|
6885
|
-
}
|
|
6886
|
-
|
|
6887
|
-
.pf-v6-c-helper-text__item-icon {
|
|
6888
|
-
margin-inline-end: var(--pf-v6-c-helper-text__item-icon--MarginInlineEnd);
|
|
6889
|
-
color: var(--pf-v6-c-helper-text__item-icon--Color);
|
|
6890
|
-
}
|
|
6891
|
-
|
|
6892
|
-
.pf-v6-c-helper-text__item-text {
|
|
6893
|
-
color: var(--pf-v6-c-helper-text__item-text--Color);
|
|
6894
|
-
}
|
|
6895
|
-
|
|
6896
6906
|
.pf-v6-c-hint {
|
|
6897
6907
|
--pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
|
|
6898
6908
|
--pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
@@ -6972,84 +6982,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
6972
6982
|
margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
|
|
6973
6983
|
}
|
|
6974
6984
|
|
|
6975
|
-
.pf-v6-c-input-group {
|
|
6976
|
-
--pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
6977
|
-
--pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
|
|
6978
|
-
--pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
|
|
6979
|
-
--pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
|
|
6980
|
-
--pf-v6-c-input-group__item--BackgroundColor: transparent;
|
|
6981
|
-
--pf-v6-c-input-group__item--AlignItems: start;
|
|
6982
|
-
--pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
6983
|
-
--pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
6984
|
-
--pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
6985
|
-
--pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
|
|
6986
|
-
--pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
6987
|
-
--pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
6988
|
-
--pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
6989
|
-
--pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
6990
|
-
--pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
6991
|
-
--pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
|
|
6992
|
-
--pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
|
|
6993
|
-
--pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
|
|
6994
|
-
--pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
|
|
6995
|
-
--pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
6996
|
-
}
|
|
6997
|
-
|
|
6998
|
-
.pf-v6-c-input-group {
|
|
6999
|
-
display: flex;
|
|
7000
|
-
gap: var(--pf-v6-c-input-group--Gap);
|
|
7001
|
-
width: 100%;
|
|
7002
|
-
}
|
|
7003
|
-
|
|
7004
|
-
.pf-v6-c-input-group__item {
|
|
7005
|
-
position: relative;
|
|
7006
|
-
display: flex;
|
|
7007
|
-
align-items: var(--pf-v6-c-input-group__item--AlignItems);
|
|
7008
|
-
min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
|
|
7009
|
-
max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
|
|
7010
|
-
background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
|
|
7011
|
-
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
7012
|
-
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
7013
|
-
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
7014
|
-
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
7015
|
-
}
|
|
7016
|
-
|
|
7017
|
-
.pf-v6-c-input-group__item.pf-m-box {
|
|
7018
|
-
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
|
|
7019
|
-
padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
|
|
7020
|
-
padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
|
|
7021
|
-
border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
|
|
7022
|
-
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
7023
|
-
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
7024
|
-
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
7025
|
-
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
7026
|
-
border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
|
|
7027
|
-
}
|
|
7028
|
-
|
|
7029
|
-
.pf-v6-c-input-group__item.pf-m-plain {
|
|
7030
|
-
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
|
|
7031
|
-
border: none;
|
|
7032
|
-
}
|
|
7033
|
-
|
|
7034
|
-
.pf-v6-c-input-group__item.pf-m-disabled {
|
|
7035
|
-
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
|
|
7036
|
-
--pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
|
|
7037
|
-
}
|
|
7038
|
-
|
|
7039
|
-
.pf-v6-c-input-group__item.pf-m-fill {
|
|
7040
|
-
flex-grow: 1;
|
|
7041
|
-
}
|
|
7042
|
-
|
|
7043
|
-
.pf-v6-c-input-group__text {
|
|
7044
|
-
align-self: center;
|
|
7045
|
-
font-size: var(--pf-v6-c-input-group__text--FontSize);
|
|
7046
|
-
color: var(--pf-v6-c-input-group__text--Color);
|
|
7047
|
-
}
|
|
7048
|
-
|
|
7049
|
-
label.pf-v6-c-input-group__text {
|
|
7050
|
-
cursor: pointer;
|
|
7051
|
-
}
|
|
7052
|
-
|
|
7053
6985
|
.pf-v6-c-icon {
|
|
7054
6986
|
--pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
|
|
7055
6987
|
--pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
|
|
@@ -7345,9 +7277,87 @@ label.pf-v6-c-input-group__text {
|
|
|
7345
7277
|
transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
|
|
7346
7278
|
}
|
|
7347
7279
|
|
|
7348
|
-
.pf-v6-c-
|
|
7349
|
-
--pf-v6-c-
|
|
7350
|
-
--pf-v6-c-
|
|
7280
|
+
.pf-v6-c-input-group {
|
|
7281
|
+
--pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
7282
|
+
--pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
|
|
7283
|
+
--pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
|
|
7284
|
+
--pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
|
|
7285
|
+
--pf-v6-c-input-group__item--BackgroundColor: transparent;
|
|
7286
|
+
--pf-v6-c-input-group__item--AlignItems: start;
|
|
7287
|
+
--pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7288
|
+
--pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7289
|
+
--pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7290
|
+
--pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
|
|
7291
|
+
--pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7292
|
+
--pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7293
|
+
--pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7294
|
+
--pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7295
|
+
--pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7296
|
+
--pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
|
|
7297
|
+
--pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7298
|
+
--pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
|
|
7299
|
+
--pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
|
|
7300
|
+
--pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
7301
|
+
}
|
|
7302
|
+
|
|
7303
|
+
.pf-v6-c-input-group {
|
|
7304
|
+
display: flex;
|
|
7305
|
+
gap: var(--pf-v6-c-input-group--Gap);
|
|
7306
|
+
width: 100%;
|
|
7307
|
+
}
|
|
7308
|
+
|
|
7309
|
+
.pf-v6-c-input-group__item {
|
|
7310
|
+
position: relative;
|
|
7311
|
+
display: flex;
|
|
7312
|
+
align-items: var(--pf-v6-c-input-group__item--AlignItems);
|
|
7313
|
+
min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
|
|
7314
|
+
max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
|
|
7315
|
+
background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
|
|
7316
|
+
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
7317
|
+
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
7318
|
+
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
7319
|
+
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
7320
|
+
}
|
|
7321
|
+
|
|
7322
|
+
.pf-v6-c-input-group__item.pf-m-box {
|
|
7323
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
|
|
7324
|
+
padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
|
|
7325
|
+
padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
|
|
7326
|
+
border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
|
|
7327
|
+
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
7328
|
+
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
7329
|
+
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
7330
|
+
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
7331
|
+
border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
|
|
7332
|
+
}
|
|
7333
|
+
|
|
7334
|
+
.pf-v6-c-input-group__item.pf-m-plain {
|
|
7335
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
|
|
7336
|
+
border: none;
|
|
7337
|
+
}
|
|
7338
|
+
|
|
7339
|
+
.pf-v6-c-input-group__item.pf-m-disabled {
|
|
7340
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
|
|
7341
|
+
--pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
|
|
7342
|
+
}
|
|
7343
|
+
|
|
7344
|
+
.pf-v6-c-input-group__item.pf-m-fill {
|
|
7345
|
+
flex-grow: 1;
|
|
7346
|
+
}
|
|
7347
|
+
|
|
7348
|
+
.pf-v6-c-input-group__text {
|
|
7349
|
+
align-self: center;
|
|
7350
|
+
font-size: var(--pf-v6-c-input-group__text--FontSize);
|
|
7351
|
+
color: var(--pf-v6-c-input-group__text--Color);
|
|
7352
|
+
}
|
|
7353
|
+
|
|
7354
|
+
label.pf-v6-c-input-group__text {
|
|
7355
|
+
cursor: pointer;
|
|
7356
|
+
}
|
|
7357
|
+
|
|
7358
|
+
.pf-v6-c-jump-links {
|
|
7359
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7360
|
+
--pf-v6-c-jump-links__list--PaddingBlockStart: 0;
|
|
7351
7361
|
--pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
7352
7362
|
--pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
|
|
7353
7363
|
--pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -7967,6 +7977,7 @@ label.pf-v6-c-input-group__text {
|
|
|
7967
7977
|
--pf-v6-c-label--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
7968
7978
|
--pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7969
7979
|
--pf-v6-c-label--MaxWidth: 100%;
|
|
7980
|
+
--pf-v6-c-label--MinWidth: 3em;
|
|
7970
7981
|
--pf-v6-c-label--BorderWidth: 0;
|
|
7971
7982
|
--pf-v6-c-label--BorderColor: transparent;
|
|
7972
7983
|
--pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -8156,6 +8167,7 @@ label.pf-v6-c-input-group__text {
|
|
|
8156
8167
|
|
|
8157
8168
|
.pf-v6-c-label {
|
|
8158
8169
|
position: relative;
|
|
8170
|
+
min-width: var(--pf-v6-c-label--MinWidth);
|
|
8159
8171
|
max-width: var(--pf-v6-c-label--MaxWidth);
|
|
8160
8172
|
padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
|
|
8161
8173
|
padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
|
|
@@ -8491,16 +8503,22 @@ input.pf-v6-c-label__content {
|
|
|
8491
8503
|
.pf-v6-c-label-group {
|
|
8492
8504
|
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
8493
8505
|
--pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8506
|
+
--pf-v6-c-label-group--MaxWidth: 100%;
|
|
8494
8507
|
--pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
|
|
8495
8508
|
--pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
8496
8509
|
--pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
|
|
8497
8510
|
--pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
8511
|
+
--pf-v6-c-label-group__main--MaxWidth: 100%;
|
|
8512
|
+
--pf-v6-c-label-group__main--MinWidth: 0;
|
|
8498
8513
|
--pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
|
|
8499
8514
|
--pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8500
8515
|
--pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8501
8516
|
--pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8517
|
+
--pf-v6-c-label-group__list--MaxWidth: 100%;
|
|
8518
|
+
--pf-v6-c-label-group__list--MinWidth: 0;
|
|
8502
8519
|
--pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8503
8520
|
--pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8521
|
+
--pf-v6-c-label-group__list-item--MaxWidth: 100%;
|
|
8504
8522
|
--pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8505
8523
|
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8506
8524
|
--pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
@@ -8527,6 +8545,7 @@ input.pf-v6-c-label__content {
|
|
|
8527
8545
|
row-gap: var(--pf-v6-c-label-group--RowGap);
|
|
8528
8546
|
column-gap: var(--pf-v6-c-label-group--ColumnGap);
|
|
8529
8547
|
align-items: center;
|
|
8548
|
+
max-width: var(--pf-v6-c-label-group--MaxWidth);
|
|
8530
8549
|
}
|
|
8531
8550
|
|
|
8532
8551
|
.pf-v6-c-label-group.pf-m-category {
|
|
@@ -8556,10 +8575,12 @@ input.pf-v6-c-label__content {
|
|
|
8556
8575
|
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
|
|
8557
8576
|
flex-direction: column;
|
|
8558
8577
|
align-items: flex-start;
|
|
8578
|
+
max-width: var(--pf-v6-c-label-group__list--MaxWidth);
|
|
8559
8579
|
}
|
|
8560
8580
|
|
|
8561
8581
|
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
|
|
8562
8582
|
flex-direction: column;
|
|
8583
|
+
min-width: var(--pf-v6-c-label-group__main--MinWidth);
|
|
8563
8584
|
}
|
|
8564
8585
|
|
|
8565
8586
|
.pf-v6-c-label-group.pf-m-editable,
|
|
@@ -8582,6 +8603,7 @@ input.pf-v6-c-label__content {
|
|
|
8582
8603
|
row-gap: var(--pf-v6-c-label-group__main--RowGap);
|
|
8583
8604
|
column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
|
|
8584
8605
|
align-items: baseline;
|
|
8606
|
+
min-width: var(--pf-v6-c-label-group__main--MinWidth);
|
|
8585
8607
|
}
|
|
8586
8608
|
|
|
8587
8609
|
.pf-v6-c-label-group__list {
|
|
@@ -8589,10 +8611,12 @@ input.pf-v6-c-label__content {
|
|
|
8589
8611
|
flex-wrap: wrap;
|
|
8590
8612
|
row-gap: var(--pf-v6-c-label-group__list--RowGap);
|
|
8591
8613
|
column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
|
|
8614
|
+
min-width: var(--pf-v6-c-label-group__list--MinWidth);
|
|
8592
8615
|
}
|
|
8593
8616
|
|
|
8594
8617
|
.pf-v6-c-label-group__list-item {
|
|
8595
8618
|
display: inline-flex;
|
|
8619
|
+
max-width: var(--pf-v6-c-label-group__list-item--MaxWidth);
|
|
8596
8620
|
}
|
|
8597
8621
|
|
|
8598
8622
|
.pf-v6-c-label-group__label {
|
|
@@ -8632,82 +8656,6 @@ input.pf-v6-c-label__content {
|
|
|
8632
8656
|
display: none;
|
|
8633
8657
|
}
|
|
8634
8658
|
|
|
8635
|
-
.pf-v6-c-list {
|
|
8636
|
-
--pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
8637
|
-
--pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
|
|
8638
|
-
--pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
|
|
8639
|
-
--pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
8640
|
-
--pf-v6-c-list--m-plain--PaddingInlineStart: 0;
|
|
8641
|
-
--pf-v6-c-list--m-inline--PaddingInlineStart: 0;
|
|
8642
|
-
--pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
8643
|
-
--pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
|
|
8644
|
-
--pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
8645
|
-
--pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
8646
|
-
--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
8647
|
-
--pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
|
|
8648
|
-
--pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
8649
|
-
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8650
|
-
--pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
8651
|
-
--pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
|
|
8652
|
-
--pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
|
|
8653
|
-
--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
8654
|
-
--pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
|
|
8655
|
-
}
|
|
8656
|
-
|
|
8657
|
-
.pf-v6-c-list {
|
|
8658
|
-
display: flex;
|
|
8659
|
-
flex-direction: column;
|
|
8660
|
-
gap: var(--pf-v6-c-list--Gap);
|
|
8661
|
-
padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
|
|
8662
|
-
}
|
|
8663
|
-
|
|
8664
|
-
.pf-v6-c-list .pf-v6-c-list {
|
|
8665
|
-
padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
|
|
8666
|
-
}
|
|
8667
|
-
|
|
8668
|
-
ul.pf-v6-c-list {
|
|
8669
|
-
list-style: var(--pf-v6-c-list--ul--ListStyle);
|
|
8670
|
-
}
|
|
8671
|
-
|
|
8672
|
-
.pf-v6-c-list.pf-m-icon-lg {
|
|
8673
|
-
--pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
|
|
8674
|
-
--pf-v6-c-list__item-icon--MarginBlockStart: 0;
|
|
8675
|
-
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
|
|
8676
|
-
--pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
|
|
8677
|
-
}
|
|
8678
|
-
|
|
8679
|
-
.pf-v6-c-list.pf-m-plain {
|
|
8680
|
-
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
|
|
8681
|
-
list-style: none;
|
|
8682
|
-
}
|
|
8683
|
-
|
|
8684
|
-
.pf-v6-c-list.pf-m-inline {
|
|
8685
|
-
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
|
|
8686
|
-
--pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
|
|
8687
|
-
flex-direction: row;
|
|
8688
|
-
flex-wrap: wrap;
|
|
8689
|
-
list-style: none;
|
|
8690
|
-
}
|
|
8691
|
-
|
|
8692
|
-
.pf-v6-c-list.pf-m-bordered > * + * {
|
|
8693
|
-
padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
|
|
8694
|
-
border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
|
|
8695
|
-
}
|
|
8696
|
-
|
|
8697
|
-
.pf-v6-c-list__item {
|
|
8698
|
-
display: flex;
|
|
8699
|
-
}
|
|
8700
|
-
|
|
8701
|
-
.pf-v6-c-list__item-icon {
|
|
8702
|
-
flex-shrink: 0;
|
|
8703
|
-
min-width: var(--pf-v6-c-list__item-icon--MinWidth);
|
|
8704
|
-
margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
|
|
8705
|
-
margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
|
|
8706
|
-
font-size: var(--pf-v6-c-list__item-icon--FontSize);
|
|
8707
|
-
line-height: 1;
|
|
8708
|
-
color: var(--pf-v6-c-list__item-icon--Color);
|
|
8709
|
-
}
|
|
8710
|
-
|
|
8711
8659
|
.pf-v6-c-login {
|
|
8712
8660
|
--pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
8713
8661
|
--pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -8968,6 +8916,82 @@ ul.pf-v6-c-list {
|
|
|
8968
8916
|
padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
|
|
8969
8917
|
}
|
|
8970
8918
|
|
|
8919
|
+
.pf-v6-c-list {
|
|
8920
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
8921
|
+
--pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
|
|
8922
|
+
--pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
|
|
8923
|
+
--pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
8924
|
+
--pf-v6-c-list--m-plain--PaddingInlineStart: 0;
|
|
8925
|
+
--pf-v6-c-list--m-inline--PaddingInlineStart: 0;
|
|
8926
|
+
--pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
8927
|
+
--pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
|
|
8928
|
+
--pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
8929
|
+
--pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
8930
|
+
--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
8931
|
+
--pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
|
|
8932
|
+
--pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
8933
|
+
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8934
|
+
--pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
8935
|
+
--pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
|
|
8936
|
+
--pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
|
|
8937
|
+
--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
8938
|
+
--pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
|
|
8939
|
+
}
|
|
8940
|
+
|
|
8941
|
+
.pf-v6-c-list {
|
|
8942
|
+
display: flex;
|
|
8943
|
+
flex-direction: column;
|
|
8944
|
+
gap: var(--pf-v6-c-list--Gap);
|
|
8945
|
+
padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
|
|
8946
|
+
}
|
|
8947
|
+
|
|
8948
|
+
.pf-v6-c-list .pf-v6-c-list {
|
|
8949
|
+
padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
|
|
8950
|
+
}
|
|
8951
|
+
|
|
8952
|
+
ul.pf-v6-c-list {
|
|
8953
|
+
list-style: var(--pf-v6-c-list--ul--ListStyle);
|
|
8954
|
+
}
|
|
8955
|
+
|
|
8956
|
+
.pf-v6-c-list.pf-m-icon-lg {
|
|
8957
|
+
--pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
|
|
8958
|
+
--pf-v6-c-list__item-icon--MarginBlockStart: 0;
|
|
8959
|
+
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
|
|
8960
|
+
--pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
|
|
8961
|
+
}
|
|
8962
|
+
|
|
8963
|
+
.pf-v6-c-list.pf-m-plain {
|
|
8964
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
|
|
8965
|
+
list-style: none;
|
|
8966
|
+
}
|
|
8967
|
+
|
|
8968
|
+
.pf-v6-c-list.pf-m-inline {
|
|
8969
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
|
|
8970
|
+
--pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
|
|
8971
|
+
flex-direction: row;
|
|
8972
|
+
flex-wrap: wrap;
|
|
8973
|
+
list-style: none;
|
|
8974
|
+
}
|
|
8975
|
+
|
|
8976
|
+
.pf-v6-c-list.pf-m-bordered > * + * {
|
|
8977
|
+
padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
|
|
8978
|
+
border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
|
|
8979
|
+
}
|
|
8980
|
+
|
|
8981
|
+
.pf-v6-c-list__item {
|
|
8982
|
+
display: flex;
|
|
8983
|
+
}
|
|
8984
|
+
|
|
8985
|
+
.pf-v6-c-list__item-icon {
|
|
8986
|
+
flex-shrink: 0;
|
|
8987
|
+
min-width: var(--pf-v6-c-list__item-icon--MinWidth);
|
|
8988
|
+
margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
|
|
8989
|
+
margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
|
|
8990
|
+
font-size: var(--pf-v6-c-list__item-icon--FontSize);
|
|
8991
|
+
line-height: 1;
|
|
8992
|
+
color: var(--pf-v6-c-list__item-icon--Color);
|
|
8993
|
+
}
|
|
8994
|
+
|
|
8971
8995
|
.pf-v6-c-masthead {
|
|
8972
8996
|
--pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
|
|
8973
8997
|
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
@@ -10608,13 +10632,6 @@ ul.pf-v6-c-list {
|
|
|
10608
10632
|
flex-wrap: nowrap;
|
|
10609
10633
|
}
|
|
10610
10634
|
|
|
10611
|
-
.pf-v6-c-menu-toggle__controls,
|
|
10612
|
-
.pf-v6-c-menu-toggle__toggle-icon {
|
|
10613
|
-
display: flex;
|
|
10614
|
-
align-items: center;
|
|
10615
|
-
justify-content: center;
|
|
10616
|
-
}
|
|
10617
|
-
|
|
10618
10635
|
.pf-v6-c-menu-toggle__icon {
|
|
10619
10636
|
flex-shrink: 0;
|
|
10620
10637
|
}
|
|
@@ -10627,7 +10644,10 @@ ul.pf-v6-c-list {
|
|
|
10627
10644
|
}
|
|
10628
10645
|
|
|
10629
10646
|
.pf-v6-c-menu-toggle__controls {
|
|
10647
|
+
display: flex;
|
|
10630
10648
|
gap: var(--pf-v6-c-menu-toggle__controls--Gap);
|
|
10649
|
+
align-items: center;
|
|
10650
|
+
justify-content: center;
|
|
10631
10651
|
margin-inline-start: auto;
|
|
10632
10652
|
}
|
|
10633
10653
|
|
|
@@ -11691,45 +11711,6 @@ ul.pf-v6-c-list {
|
|
|
11691
11711
|
transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
11692
11712
|
}
|
|
11693
11713
|
|
|
11694
|
-
.pf-v6-c-overflow-menu {
|
|
11695
|
-
--pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
|
|
11696
|
-
--pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
|
|
11697
|
-
--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
11698
|
-
--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
11699
|
-
}
|
|
11700
|
-
|
|
11701
|
-
.pf-v6-c-overflow-menu {
|
|
11702
|
-
display: inline-flex;
|
|
11703
|
-
column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
|
|
11704
|
-
}
|
|
11705
|
-
|
|
11706
|
-
.pf-v6-c-overflow-menu__content,
|
|
11707
|
-
.pf-v6-c-overflow-menu__group {
|
|
11708
|
-
display: flex;
|
|
11709
|
-
align-items: start;
|
|
11710
|
-
}
|
|
11711
|
-
|
|
11712
|
-
.pf-v6-c-overflow-menu__group {
|
|
11713
|
-
column-gap: var(--pf-v6-c-overflow-menu__group--ColumnGap);
|
|
11714
|
-
}
|
|
11715
|
-
|
|
11716
|
-
.pf-v6-c-overflow-menu__group.pf-m-button-group {
|
|
11717
|
-
column-gap: var(--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap);
|
|
11718
|
-
}
|
|
11719
|
-
|
|
11720
|
-
.pf-v6-c-overflow-menu__group.pf-m-icon-button-group {
|
|
11721
|
-
column-gap: var(--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap);
|
|
11722
|
-
}
|
|
11723
|
-
|
|
11724
|
-
.pf-v6-c-overflow-menu__item {
|
|
11725
|
-
column-gap: var(--pf-v6-c-overflow-menu__item--ColumnGap, var(--pf-v6-c-overflow-menu--ColumnGap));
|
|
11726
|
-
}
|
|
11727
|
-
|
|
11728
|
-
.pf-v6-c-overflow-menu__content,
|
|
11729
|
-
.pf-v6-c-overflow-menu__control {
|
|
11730
|
-
column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
|
|
11731
|
-
}
|
|
11732
|
-
|
|
11733
11714
|
.pf-v6-c-page {
|
|
11734
11715
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11735
11716
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
@@ -12976,189 +12957,6 @@ ul.pf-v6-c-list {
|
|
|
12976
12957
|
margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
|
|
12977
12958
|
}
|
|
12978
12959
|
|
|
12979
|
-
.pf-v6-c-progress {
|
|
12980
|
-
--pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
|
|
12981
|
-
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
12982
|
-
--pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
12983
|
-
--pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
12984
|
-
--pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
|
|
12985
|
-
--pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
12986
|
-
--pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
|
|
12987
|
-
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
12988
|
-
--pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
|
|
12989
|
-
--pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
|
|
12990
|
-
--pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
12991
|
-
--pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
12992
|
-
--pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
12993
|
-
--pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
12994
|
-
--pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
12995
|
-
--pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
|
|
12996
|
-
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
12997
|
-
--pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
|
|
12998
|
-
--pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
|
|
12999
|
-
--pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
|
|
13000
|
-
--pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
13001
|
-
--pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
13002
|
-
--pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
|
|
13003
|
-
--pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
13004
|
-
--pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
|
|
13005
|
-
}
|
|
13006
|
-
|
|
13007
|
-
.pf-v6-c-progress {
|
|
13008
|
-
display: grid;
|
|
13009
|
-
grid-template-rows: 1fr auto;
|
|
13010
|
-
grid-template-columns: auto auto;
|
|
13011
|
-
grid-gap: var(--pf-v6-c-progress--GridGap);
|
|
13012
|
-
align-items: end;
|
|
13013
|
-
}
|
|
13014
|
-
|
|
13015
|
-
.pf-v6-c-progress.pf-m-sm {
|
|
13016
|
-
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
|
|
13017
|
-
}
|
|
13018
|
-
|
|
13019
|
-
.pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
|
|
13020
|
-
font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
|
|
13021
|
-
}
|
|
13022
|
-
|
|
13023
|
-
.pf-v6-c-progress.pf-m-lg {
|
|
13024
|
-
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
|
|
13025
|
-
}
|
|
13026
|
-
|
|
13027
|
-
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
|
|
13028
|
-
display: flex;
|
|
13029
|
-
align-items: center;
|
|
13030
|
-
justify-content: center;
|
|
13031
|
-
min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
|
|
13032
|
-
}
|
|
13033
|
-
|
|
13034
|
-
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
|
|
13035
|
-
font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
|
|
13036
|
-
color: var(--pf-v6-c-progress--m-inside__measure--Color);
|
|
13037
|
-
text-align: center;
|
|
13038
|
-
}
|
|
13039
|
-
|
|
13040
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
|
|
13041
|
-
grid-column: 1/3;
|
|
13042
|
-
}
|
|
13043
|
-
|
|
13044
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
|
|
13045
|
-
grid-row: 2/3;
|
|
13046
|
-
grid-column: 2/3;
|
|
13047
|
-
align-self: center;
|
|
13048
|
-
}
|
|
13049
|
-
|
|
13050
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
|
|
13051
|
-
display: inline-block;
|
|
13052
|
-
font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
|
|
13053
|
-
}
|
|
13054
|
-
|
|
13055
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
|
|
13056
|
-
min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
|
|
13057
|
-
text-align: start;
|
|
13058
|
-
}
|
|
13059
|
-
|
|
13060
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
|
|
13061
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
|
|
13062
|
-
grid-column: 1/2;
|
|
13063
|
-
}
|
|
13064
|
-
|
|
13065
|
-
.pf-v6-c-progress.pf-m-singleline {
|
|
13066
|
-
grid-template-rows: 1fr;
|
|
13067
|
-
}
|
|
13068
|
-
|
|
13069
|
-
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
|
|
13070
|
-
display: none;
|
|
13071
|
-
}
|
|
13072
|
-
|
|
13073
|
-
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
|
|
13074
|
-
grid-row: 1/2;
|
|
13075
|
-
grid-column: 1/2;
|
|
13076
|
-
}
|
|
13077
|
-
|
|
13078
|
-
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
|
|
13079
|
-
grid-row: 1/2;
|
|
13080
|
-
grid-column: 2/3;
|
|
13081
|
-
}
|
|
13082
|
-
|
|
13083
|
-
.pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
|
|
13084
|
-
grid-template-columns: 1fr fit-content(50%);
|
|
13085
|
-
}
|
|
13086
|
-
|
|
13087
|
-
.pf-v6-c-progress.pf-m-success {
|
|
13088
|
-
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
|
|
13089
|
-
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
|
|
13090
|
-
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
|
|
13091
|
-
}
|
|
13092
|
-
|
|
13093
|
-
.pf-v6-c-progress.pf-m-warning {
|
|
13094
|
-
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
|
|
13095
|
-
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
|
|
13096
|
-
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
|
|
13097
|
-
}
|
|
13098
|
-
|
|
13099
|
-
.pf-v6-c-progress.pf-m-danger {
|
|
13100
|
-
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
|
|
13101
|
-
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
|
|
13102
|
-
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
|
|
13103
|
-
}
|
|
13104
|
-
|
|
13105
|
-
.pf-v6-c-progress__description {
|
|
13106
|
-
grid-column: 1/2;
|
|
13107
|
-
word-break: break-word;
|
|
13108
|
-
}
|
|
13109
|
-
|
|
13110
|
-
.pf-v6-c-progress__description.pf-m-truncate {
|
|
13111
|
-
overflow: hidden;
|
|
13112
|
-
text-overflow: ellipsis;
|
|
13113
|
-
white-space: nowrap;
|
|
13114
|
-
}
|
|
13115
|
-
|
|
13116
|
-
.pf-v6-c-progress__status {
|
|
13117
|
-
display: flex;
|
|
13118
|
-
grid-row: 1/2;
|
|
13119
|
-
grid-column: 2/3;
|
|
13120
|
-
gap: var(--pf-v6-c-progress__status--Gap);
|
|
13121
|
-
align-items: flex-start;
|
|
13122
|
-
justify-content: flex-end;
|
|
13123
|
-
text-align: end;
|
|
13124
|
-
word-break: break-word;
|
|
13125
|
-
}
|
|
13126
|
-
|
|
13127
|
-
.pf-v6-c-progress__status-icon {
|
|
13128
|
-
color: var(--pf-v6-c-progress__status-icon--Color);
|
|
13129
|
-
}
|
|
13130
|
-
|
|
13131
|
-
.pf-v6-c-progress__bar::before,
|
|
13132
|
-
.pf-v6-c-progress__indicator {
|
|
13133
|
-
inset-block-start: 0;
|
|
13134
|
-
inset-inline-start: 0;
|
|
13135
|
-
}
|
|
13136
|
-
|
|
13137
|
-
.pf-v6-c-progress__bar {
|
|
13138
|
-
position: relative;
|
|
13139
|
-
grid-row: 2/3;
|
|
13140
|
-
grid-column: 1/3;
|
|
13141
|
-
align-self: center;
|
|
13142
|
-
height: var(--pf-v6-c-progress__bar--Height);
|
|
13143
|
-
background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
|
|
13144
|
-
}
|
|
13145
|
-
|
|
13146
|
-
.pf-v6-c-progress__indicator {
|
|
13147
|
-
position: absolute;
|
|
13148
|
-
height: var(--pf-v6-c-progress__indicator--Height);
|
|
13149
|
-
background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
|
|
13150
|
-
}
|
|
13151
|
-
|
|
13152
|
-
.pf-v6-c-progress__helper-text {
|
|
13153
|
-
grid-row: 3/4;
|
|
13154
|
-
grid-column: 1/3;
|
|
13155
|
-
margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
|
|
13156
|
-
}
|
|
13157
|
-
|
|
13158
|
-
.pf-v6-c-progress__measure {
|
|
13159
|
-
font-variant-numeric: tabular-nums;
|
|
13160
|
-
}
|
|
13161
|
-
|
|
13162
12960
|
.pf-v6-c-progress-stepper {
|
|
13163
12961
|
--pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
|
|
13164
12962
|
--pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
|
|
@@ -13795,30 +13593,213 @@ ul.pf-v6-c-list {
|
|
|
13795
13593
|
--pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
|
|
13796
13594
|
}
|
|
13797
13595
|
}
|
|
13798
|
-
.pf-v6-c-
|
|
13799
|
-
--pf-v6-c-
|
|
13800
|
-
--pf-v6-c-
|
|
13801
|
-
--pf-v6-c-
|
|
13802
|
-
--pf-v6-c-
|
|
13803
|
-
--pf-v6-c-
|
|
13804
|
-
--pf-v6-c-
|
|
13805
|
-
--pf-v6-c-
|
|
13806
|
-
--pf-v6-c-
|
|
13807
|
-
--pf-v6-c-
|
|
13808
|
-
--pf-v6-c-
|
|
13809
|
-
--pf-v6-c-
|
|
13810
|
-
--pf-v6-c-
|
|
13811
|
-
--pf-v6-c-
|
|
13812
|
-
--pf-v6-c-
|
|
13596
|
+
.pf-v6-c-progress {
|
|
13597
|
+
--pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
|
|
13598
|
+
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
13599
|
+
--pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
13600
|
+
--pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
13601
|
+
--pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
|
|
13602
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
13603
|
+
--pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
|
|
13604
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
13605
|
+
--pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
|
|
13606
|
+
--pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
|
|
13607
|
+
--pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
13608
|
+
--pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
13609
|
+
--pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
13610
|
+
--pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
13611
|
+
--pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
13612
|
+
--pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
|
|
13613
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
13614
|
+
--pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
|
|
13615
|
+
--pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
|
|
13616
|
+
--pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
|
|
13617
|
+
--pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
13618
|
+
--pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
13619
|
+
--pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
|
|
13620
|
+
--pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
13621
|
+
--pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
|
|
13813
13622
|
}
|
|
13814
13623
|
|
|
13815
|
-
.pf-v6-c-
|
|
13624
|
+
.pf-v6-c-progress {
|
|
13816
13625
|
display: grid;
|
|
13817
|
-
grid-template-
|
|
13818
|
-
grid-
|
|
13819
|
-
|
|
13820
|
-
|
|
13821
|
-
}
|
|
13626
|
+
grid-template-rows: 1fr auto;
|
|
13627
|
+
grid-template-columns: auto auto;
|
|
13628
|
+
grid-gap: var(--pf-v6-c-progress--GridGap);
|
|
13629
|
+
align-items: end;
|
|
13630
|
+
}
|
|
13631
|
+
|
|
13632
|
+
.pf-v6-c-progress.pf-m-sm {
|
|
13633
|
+
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
|
|
13634
|
+
}
|
|
13635
|
+
|
|
13636
|
+
.pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
|
|
13637
|
+
font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
|
|
13638
|
+
}
|
|
13639
|
+
|
|
13640
|
+
.pf-v6-c-progress.pf-m-lg {
|
|
13641
|
+
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
|
|
13642
|
+
}
|
|
13643
|
+
|
|
13644
|
+
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
|
|
13645
|
+
display: flex;
|
|
13646
|
+
align-items: center;
|
|
13647
|
+
justify-content: center;
|
|
13648
|
+
min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
|
|
13649
|
+
}
|
|
13650
|
+
|
|
13651
|
+
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
|
|
13652
|
+
font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
|
|
13653
|
+
color: var(--pf-v6-c-progress--m-inside__measure--Color);
|
|
13654
|
+
text-align: center;
|
|
13655
|
+
}
|
|
13656
|
+
|
|
13657
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
|
|
13658
|
+
grid-column: 1/3;
|
|
13659
|
+
}
|
|
13660
|
+
|
|
13661
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
|
|
13662
|
+
grid-row: 2/3;
|
|
13663
|
+
grid-column: 2/3;
|
|
13664
|
+
align-self: center;
|
|
13665
|
+
}
|
|
13666
|
+
|
|
13667
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
|
|
13668
|
+
display: inline-block;
|
|
13669
|
+
font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
|
|
13670
|
+
}
|
|
13671
|
+
|
|
13672
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
|
|
13673
|
+
min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
|
|
13674
|
+
text-align: start;
|
|
13675
|
+
}
|
|
13676
|
+
|
|
13677
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
|
|
13678
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
|
|
13679
|
+
grid-column: 1/2;
|
|
13680
|
+
}
|
|
13681
|
+
|
|
13682
|
+
.pf-v6-c-progress.pf-m-singleline {
|
|
13683
|
+
grid-template-rows: 1fr;
|
|
13684
|
+
}
|
|
13685
|
+
|
|
13686
|
+
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
|
|
13687
|
+
display: none;
|
|
13688
|
+
}
|
|
13689
|
+
|
|
13690
|
+
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
|
|
13691
|
+
grid-row: 1/2;
|
|
13692
|
+
grid-column: 1/2;
|
|
13693
|
+
}
|
|
13694
|
+
|
|
13695
|
+
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
|
|
13696
|
+
grid-row: 1/2;
|
|
13697
|
+
grid-column: 2/3;
|
|
13698
|
+
}
|
|
13699
|
+
|
|
13700
|
+
.pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
|
|
13701
|
+
grid-template-columns: 1fr fit-content(50%);
|
|
13702
|
+
}
|
|
13703
|
+
|
|
13704
|
+
.pf-v6-c-progress.pf-m-success {
|
|
13705
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
|
|
13706
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
|
|
13707
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
|
|
13708
|
+
}
|
|
13709
|
+
|
|
13710
|
+
.pf-v6-c-progress.pf-m-warning {
|
|
13711
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
|
|
13712
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
|
|
13713
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
|
|
13714
|
+
}
|
|
13715
|
+
|
|
13716
|
+
.pf-v6-c-progress.pf-m-danger {
|
|
13717
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
|
|
13718
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
|
|
13719
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
|
|
13720
|
+
}
|
|
13721
|
+
|
|
13722
|
+
.pf-v6-c-progress__description {
|
|
13723
|
+
grid-column: 1/2;
|
|
13724
|
+
word-break: break-word;
|
|
13725
|
+
}
|
|
13726
|
+
|
|
13727
|
+
.pf-v6-c-progress__description.pf-m-truncate {
|
|
13728
|
+
overflow: hidden;
|
|
13729
|
+
text-overflow: ellipsis;
|
|
13730
|
+
white-space: nowrap;
|
|
13731
|
+
}
|
|
13732
|
+
|
|
13733
|
+
.pf-v6-c-progress__status {
|
|
13734
|
+
display: flex;
|
|
13735
|
+
grid-row: 1/2;
|
|
13736
|
+
grid-column: 2/3;
|
|
13737
|
+
gap: var(--pf-v6-c-progress__status--Gap);
|
|
13738
|
+
align-items: flex-start;
|
|
13739
|
+
justify-content: flex-end;
|
|
13740
|
+
text-align: end;
|
|
13741
|
+
word-break: break-word;
|
|
13742
|
+
}
|
|
13743
|
+
|
|
13744
|
+
.pf-v6-c-progress__status-icon {
|
|
13745
|
+
color: var(--pf-v6-c-progress__status-icon--Color);
|
|
13746
|
+
}
|
|
13747
|
+
|
|
13748
|
+
.pf-v6-c-progress__bar::before,
|
|
13749
|
+
.pf-v6-c-progress__indicator {
|
|
13750
|
+
inset-block-start: 0;
|
|
13751
|
+
inset-inline-start: 0;
|
|
13752
|
+
}
|
|
13753
|
+
|
|
13754
|
+
.pf-v6-c-progress__bar {
|
|
13755
|
+
position: relative;
|
|
13756
|
+
grid-row: 2/3;
|
|
13757
|
+
grid-column: 1/3;
|
|
13758
|
+
align-self: center;
|
|
13759
|
+
height: var(--pf-v6-c-progress__bar--Height);
|
|
13760
|
+
background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
|
|
13761
|
+
}
|
|
13762
|
+
|
|
13763
|
+
.pf-v6-c-progress__indicator {
|
|
13764
|
+
position: absolute;
|
|
13765
|
+
height: var(--pf-v6-c-progress__indicator--Height);
|
|
13766
|
+
background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
|
|
13767
|
+
}
|
|
13768
|
+
|
|
13769
|
+
.pf-v6-c-progress__helper-text {
|
|
13770
|
+
grid-row: 3/4;
|
|
13771
|
+
grid-column: 1/3;
|
|
13772
|
+
margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
|
|
13773
|
+
}
|
|
13774
|
+
|
|
13775
|
+
.pf-v6-c-progress__measure {
|
|
13776
|
+
font-variant-numeric: tabular-nums;
|
|
13777
|
+
}
|
|
13778
|
+
|
|
13779
|
+
.pf-v6-c-radio {
|
|
13780
|
+
--pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
13781
|
+
--pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
|
|
13782
|
+
--pf-v6-c-radio--m-standalone--MinHeight: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
|
|
13783
|
+
--pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
13784
|
+
--pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
|
|
13785
|
+
--pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
13786
|
+
--pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13787
|
+
--pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
13788
|
+
--pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
13789
|
+
--pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
|
|
13790
|
+
--pf-v6-c-radio__input--first-child--MarginInlineStart: 0.0625rem;
|
|
13791
|
+
--pf-v6-c-radio__input--last-child--MarginInlineEnd: 0.0625rem;
|
|
13792
|
+
--pf-v6-c-radio__body--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
13793
|
+
--pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
|
|
13794
|
+
}
|
|
13795
|
+
|
|
13796
|
+
.pf-v6-c-radio {
|
|
13797
|
+
display: grid;
|
|
13798
|
+
grid-template-columns: auto 1fr;
|
|
13799
|
+
grid-gap: var(--pf-v6-c-radio--GridGap);
|
|
13800
|
+
align-items: baseline;
|
|
13801
|
+
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
13802
|
+
}
|
|
13822
13803
|
|
|
13823
13804
|
.pf-v6-c-radio.pf-m-standalone {
|
|
13824
13805
|
display: inline-grid;
|
|
@@ -14620,143 +14601,62 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14620
14601
|
margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
|
|
14621
14602
|
}
|
|
14622
14603
|
|
|
14623
|
-
.pf-v6-c-
|
|
14624
|
-
--pf-v6-c-
|
|
14625
|
-
--pf-v6-c-
|
|
14626
|
-
--pf-v6-c-
|
|
14627
|
-
--pf-v6-c-
|
|
14628
|
-
--pf-v6-c-
|
|
14629
|
-
--pf-v6-c-
|
|
14630
|
-
--pf-v6-c-
|
|
14631
|
-
--pf-v6-c-
|
|
14632
|
-
--pf-v6-c-
|
|
14633
|
-
--pf-v6-c-
|
|
14634
|
-
--pf-v6-c-
|
|
14635
|
-
--pf-v6-c-
|
|
14636
|
-
--pf-v6-c-
|
|
14637
|
-
--pf-v6-c-
|
|
14638
|
-
|
|
14639
|
-
|
|
14640
|
-
|
|
14641
|
-
|
|
14642
|
-
|
|
14643
|
-
|
|
14644
|
-
|
|
14604
|
+
.pf-v6-c-switch {
|
|
14605
|
+
--pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
|
|
14606
|
+
--pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
14607
|
+
--pf-v6-c-switch__toggle-icon--FontSize: calc(var(--pf-v6-c-switch--FontSize) * .625);
|
|
14608
|
+
--pf-v6-c-switch__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
14609
|
+
--pf-v6-c-switch__toggle-icon--InsetInlineStart: calc(var(--pf-v6-c-switch--FontSize) * .4);
|
|
14610
|
+
--pf-v6-c-switch__toggle-icon--Offset: 0.125rem;
|
|
14611
|
+
--pf-v6-c-switch__input--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
14612
|
+
--pf-v6-c-switch--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
14613
|
+
--pf-v6-c-switch--Height: auto;
|
|
14614
|
+
--pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
14615
|
+
--pf-v6-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
14616
|
+
--pf-v6-c-switch__input--checked__toggle--BorderWidth: 0;
|
|
14617
|
+
--pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
|
|
14618
|
+
--pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
|
|
14619
|
+
--pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
|
|
14620
|
+
--pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
14621
|
+
--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
|
|
14622
|
+
--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
|
|
14623
|
+
--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
|
|
14624
|
+
--pf-v6-c-switch__input--focus__toggle--OutlineWidth: var(--pf-t--global--border--width--strong);
|
|
14625
|
+
--pf-v6-c-switch__input--focus__toggle--OutlineOffset: var(--pf-t--global--spacer--xs);
|
|
14626
|
+
--pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
|
|
14627
|
+
--pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
|
|
14628
|
+
--pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
14629
|
+
--pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
14630
|
+
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
14631
|
+
--pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
14632
|
+
--pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
14633
|
+
--pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
|
|
14634
|
+
--pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
|
|
14635
|
+
--pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
14636
|
+
--pf-v6-c-switch__toggle--before--Transition: transform .25s ease 0s;
|
|
14637
|
+
--pf-v6-c-switch__toggle--Width: calc(var(--pf-v6-c-switch__toggle--Height) + var(--pf-v6-c-switch__toggle-icon--Offset) + var(--pf-v6-c-switch__toggle--before--Width));
|
|
14645
14638
|
}
|
|
14646
14639
|
|
|
14647
|
-
.pf-v6-c-
|
|
14648
|
-
|
|
14640
|
+
.pf-v6-c-switch {
|
|
14641
|
+
position: relative;
|
|
14642
|
+
display: inline-grid;
|
|
14643
|
+
grid-template-columns: auto;
|
|
14644
|
+
grid-auto-columns: 1fr;
|
|
14645
|
+
column-gap: var(--pf-v6-c-switch--ColumnGap);
|
|
14646
|
+
height: var(--pf-v6-c-switch--Height);
|
|
14647
|
+
font-size: var(--pf-v6-c-switch--FontSize);
|
|
14648
|
+
line-height: var(--pf-v6-c-switch--LineHeight);
|
|
14649
|
+
vertical-align: middle;
|
|
14650
|
+
cursor: pointer;
|
|
14649
14651
|
}
|
|
14650
14652
|
|
|
14651
|
-
.pf-v6-c-
|
|
14652
|
-
|
|
14653
|
+
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label,
|
|
14654
|
+
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__toggle {
|
|
14655
|
+
grid-row: 1;
|
|
14653
14656
|
}
|
|
14654
14657
|
|
|
14655
|
-
.pf-v6-c-
|
|
14656
|
-
|
|
14657
|
-
}
|
|
14658
|
-
|
|
14659
|
-
.pf-v6-c-spinner.pf-m-lg {
|
|
14660
|
-
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
|
|
14661
|
-
}
|
|
14662
|
-
|
|
14663
|
-
.pf-v6-c-spinner.pf-m-xl {
|
|
14664
|
-
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
|
|
14665
|
-
}
|
|
14666
|
-
|
|
14667
|
-
.pf-v6-c-spinner__path {
|
|
14668
|
-
width: 100%;
|
|
14669
|
-
height: 100%;
|
|
14670
|
-
stroke: var(--pf-v6-c-spinner--Color);
|
|
14671
|
-
stroke-dasharray: 283;
|
|
14672
|
-
stroke-dashoffset: 280;
|
|
14673
|
-
stroke-linecap: round;
|
|
14674
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
14675
|
-
transform-origin: 50% 50%;
|
|
14676
|
-
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
14677
|
-
}
|
|
14678
|
-
|
|
14679
|
-
@keyframes pf-v6-c-spinner-animation-rotate {
|
|
14680
|
-
0% {
|
|
14681
|
-
transform: rotate(0deg);
|
|
14682
|
-
}
|
|
14683
|
-
100% {
|
|
14684
|
-
transform: rotate(360deg);
|
|
14685
|
-
}
|
|
14686
|
-
}
|
|
14687
|
-
@keyframes pf-v6-c-spinner-animation-dash {
|
|
14688
|
-
0% {
|
|
14689
|
-
stroke-dashoffset: 280;
|
|
14690
|
-
transform: rotate(0);
|
|
14691
|
-
}
|
|
14692
|
-
15% {
|
|
14693
|
-
stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
|
|
14694
|
-
}
|
|
14695
|
-
40% {
|
|
14696
|
-
stroke-dasharray: 220;
|
|
14697
|
-
stroke-dashoffset: 150;
|
|
14698
|
-
}
|
|
14699
|
-
100% {
|
|
14700
|
-
stroke-dashoffset: 280;
|
|
14701
|
-
transform: rotate(720deg);
|
|
14702
|
-
}
|
|
14703
|
-
}
|
|
14704
|
-
.pf-v6-c-switch {
|
|
14705
|
-
--pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
|
|
14706
|
-
--pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
14707
|
-
--pf-v6-c-switch__toggle-icon--FontSize: calc(var(--pf-v6-c-switch--FontSize) * .625);
|
|
14708
|
-
--pf-v6-c-switch__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
14709
|
-
--pf-v6-c-switch__toggle-icon--InsetInlineStart: calc(var(--pf-v6-c-switch--FontSize) * .4);
|
|
14710
|
-
--pf-v6-c-switch__toggle-icon--Offset: 0.125rem;
|
|
14711
|
-
--pf-v6-c-switch__input--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
14712
|
-
--pf-v6-c-switch--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
14713
|
-
--pf-v6-c-switch--Height: auto;
|
|
14714
|
-
--pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
14715
|
-
--pf-v6-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
14716
|
-
--pf-v6-c-switch__input--checked__toggle--BorderWidth: 0;
|
|
14717
|
-
--pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
|
|
14718
|
-
--pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
|
|
14719
|
-
--pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
|
|
14720
|
-
--pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
14721
|
-
--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
|
|
14722
|
-
--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
|
|
14723
|
-
--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
|
|
14724
|
-
--pf-v6-c-switch__input--focus__toggle--OutlineWidth: var(--pf-t--global--border--width--strong);
|
|
14725
|
-
--pf-v6-c-switch__input--focus__toggle--OutlineOffset: var(--pf-t--global--spacer--xs);
|
|
14726
|
-
--pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
|
|
14727
|
-
--pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
|
|
14728
|
-
--pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
14729
|
-
--pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
14730
|
-
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
14731
|
-
--pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
14732
|
-
--pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
14733
|
-
--pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
|
|
14734
|
-
--pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
|
|
14735
|
-
--pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
14736
|
-
--pf-v6-c-switch__toggle--before--Transition: transform .25s ease 0s;
|
|
14737
|
-
--pf-v6-c-switch__toggle--Width: calc(var(--pf-v6-c-switch__toggle--Height) + var(--pf-v6-c-switch__toggle-icon--Offset) + var(--pf-v6-c-switch__toggle--before--Width));
|
|
14738
|
-
}
|
|
14739
|
-
|
|
14740
|
-
.pf-v6-c-switch {
|
|
14741
|
-
position: relative;
|
|
14742
|
-
display: inline-grid;
|
|
14743
|
-
grid-template-columns: auto;
|
|
14744
|
-
grid-auto-columns: 1fr;
|
|
14745
|
-
column-gap: var(--pf-v6-c-switch--ColumnGap);
|
|
14746
|
-
height: var(--pf-v6-c-switch--Height);
|
|
14747
|
-
font-size: var(--pf-v6-c-switch--FontSize);
|
|
14748
|
-
line-height: var(--pf-v6-c-switch--LineHeight);
|
|
14749
|
-
vertical-align: middle;
|
|
14750
|
-
cursor: pointer;
|
|
14751
|
-
}
|
|
14752
|
-
|
|
14753
|
-
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label,
|
|
14754
|
-
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__toggle {
|
|
14755
|
-
grid-row: 1;
|
|
14756
|
-
}
|
|
14757
|
-
|
|
14758
|
-
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label {
|
|
14759
|
-
grid-column: 1;
|
|
14658
|
+
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label {
|
|
14659
|
+
grid-column: 1;
|
|
14760
14660
|
}
|
|
14761
14661
|
|
|
14762
14662
|
.pf-v6-c-switch__input {
|
|
@@ -14863,6 +14763,87 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14863
14763
|
vertical-align: top;
|
|
14864
14764
|
}
|
|
14865
14765
|
|
|
14766
|
+
.pf-v6-c-spinner {
|
|
14767
|
+
--pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
|
|
14768
|
+
--pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
|
|
14769
|
+
--pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
|
|
14770
|
+
--pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
|
|
14771
|
+
--pf-v6-c-spinner--AnimationDuration: 1.4s;
|
|
14772
|
+
--pf-v6-c-spinner--AnimationTimingFunction: linear;
|
|
14773
|
+
--pf-v6-c-spinner--StrokeWidth: 10;
|
|
14774
|
+
--pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
|
|
14775
|
+
--pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
|
|
14776
|
+
--pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
|
|
14777
|
+
--pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
|
|
14778
|
+
--pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
|
|
14779
|
+
--pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
|
|
14780
|
+
--pf-v6-c-spinner--m-inline--diameter: 1em;
|
|
14781
|
+
}
|
|
14782
|
+
|
|
14783
|
+
.pf-v6-c-spinner {
|
|
14784
|
+
width: var(--pf-v6-c-spinner--Width);
|
|
14785
|
+
height: var(--pf-v6-c-spinner--Height);
|
|
14786
|
+
overflow: hidden;
|
|
14787
|
+
animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
|
|
14788
|
+
}
|
|
14789
|
+
|
|
14790
|
+
.pf-v6-c-spinner.pf-m-inline {
|
|
14791
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
|
|
14792
|
+
}
|
|
14793
|
+
|
|
14794
|
+
.pf-v6-c-spinner.pf-m-sm {
|
|
14795
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
|
|
14796
|
+
}
|
|
14797
|
+
|
|
14798
|
+
.pf-v6-c-spinner.pf-m-md {
|
|
14799
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
|
|
14800
|
+
}
|
|
14801
|
+
|
|
14802
|
+
.pf-v6-c-spinner.pf-m-lg {
|
|
14803
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
|
|
14804
|
+
}
|
|
14805
|
+
|
|
14806
|
+
.pf-v6-c-spinner.pf-m-xl {
|
|
14807
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
|
|
14808
|
+
}
|
|
14809
|
+
|
|
14810
|
+
.pf-v6-c-spinner__path {
|
|
14811
|
+
width: 100%;
|
|
14812
|
+
height: 100%;
|
|
14813
|
+
stroke: var(--pf-v6-c-spinner--Color);
|
|
14814
|
+
stroke-dasharray: 283;
|
|
14815
|
+
stroke-dashoffset: 280;
|
|
14816
|
+
stroke-linecap: round;
|
|
14817
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
14818
|
+
transform-origin: 50% 50%;
|
|
14819
|
+
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
14820
|
+
}
|
|
14821
|
+
|
|
14822
|
+
@keyframes pf-v6-c-spinner-animation-rotate {
|
|
14823
|
+
0% {
|
|
14824
|
+
transform: rotate(0deg);
|
|
14825
|
+
}
|
|
14826
|
+
100% {
|
|
14827
|
+
transform: rotate(360deg);
|
|
14828
|
+
}
|
|
14829
|
+
}
|
|
14830
|
+
@keyframes pf-v6-c-spinner-animation-dash {
|
|
14831
|
+
0% {
|
|
14832
|
+
stroke-dashoffset: 280;
|
|
14833
|
+
transform: rotate(0);
|
|
14834
|
+
}
|
|
14835
|
+
15% {
|
|
14836
|
+
stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
|
|
14837
|
+
}
|
|
14838
|
+
40% {
|
|
14839
|
+
stroke-dasharray: 220;
|
|
14840
|
+
stroke-dashoffset: 150;
|
|
14841
|
+
}
|
|
14842
|
+
100% {
|
|
14843
|
+
stroke-dashoffset: 280;
|
|
14844
|
+
transform: rotate(720deg);
|
|
14845
|
+
}
|
|
14846
|
+
}
|
|
14866
14847
|
.pf-v6-c-tabs {
|
|
14867
14848
|
--pf-v6-c-tabs--inset: 0;
|
|
14868
14849
|
--pf-v6-c-tabs--Width: auto;
|
|
@@ -15819,123 +15800,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15819
15800
|
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
|
15820
15801
|
}
|
|
15821
15802
|
|
|
15822
|
-
.pf-v6-c-title {
|
|
15823
|
-
--pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
15824
|
-
--pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15825
|
-
--pf-v6-c-title--m-4xl--FontSize: var(--pf-t--global--font--size--heading--2xl);
|
|
15826
|
-
--pf-v6-c-title--m-4xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15827
|
-
--pf-v6-c-title--m-3xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15828
|
-
--pf-v6-c-title--m-3xl--FontSize: var(--pf-t--global--font--size--heading--xl);
|
|
15829
|
-
--pf-v6-c-title--m-3xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15830
|
-
--pf-v6-c-title--m-2xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15831
|
-
--pf-v6-c-title--m-2xl--FontSize: var(--pf-t--global--font--size--heading--lg);
|
|
15832
|
-
--pf-v6-c-title--m-2xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15833
|
-
--pf-v6-c-title--m-xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15834
|
-
--pf-v6-c-title--m-xl--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
15835
|
-
--pf-v6-c-title--m-xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15836
|
-
--pf-v6-c-title--m-lg--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15837
|
-
--pf-v6-c-title--m-lg--FontSize: var(--pf-t--global--font--size--heading--sm);
|
|
15838
|
-
--pf-v6-c-title--m-lg--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15839
|
-
--pf-v6-c-title--m-md--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15840
|
-
--pf-v6-c-title--m-md--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
15841
|
-
--pf-v6-c-title--m-md--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15842
|
-
--pf-v6-c-title--m-h1--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15843
|
-
--pf-v6-c-title--m-h1--FontSize: var(--pf-t--global--font--size--heading--h1);
|
|
15844
|
-
--pf-v6-c-title--m-h1--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15845
|
-
--pf-v6-c-title--m-h2--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15846
|
-
--pf-v6-c-title--m-h2--FontSize: var(--pf-t--global--font--size--heading--h2);
|
|
15847
|
-
--pf-v6-c-title--m-h2--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15848
|
-
--pf-v6-c-title--m-h3--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15849
|
-
--pf-v6-c-title--m-h3--FontSize: var(--pf-t--global--font--size--heading--h3);
|
|
15850
|
-
--pf-v6-c-title--m-h3--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15851
|
-
--pf-v6-c-title--m-h4--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15852
|
-
--pf-v6-c-title--m-h4--FontSize: var(--pf-t--global--font--size--heading--h4);
|
|
15853
|
-
--pf-v6-c-title--m-h4--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15854
|
-
--pf-v6-c-title--m-h5--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15855
|
-
--pf-v6-c-title--m-h5--FontSize: var(--pf-t--global--font--size--heading--h5);
|
|
15856
|
-
--pf-v6-c-title--m-h5--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15857
|
-
--pf-v6-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15858
|
-
--pf-v6-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
|
|
15859
|
-
--pf-v6-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15860
|
-
}
|
|
15861
|
-
|
|
15862
|
-
.pf-v6-c-title {
|
|
15863
|
-
font-family: var(--pf-v6-c-title--FontFamily);
|
|
15864
|
-
word-break: break-word;
|
|
15865
|
-
}
|
|
15866
|
-
|
|
15867
|
-
.pf-v6-c-title.pf-m-4xl {
|
|
15868
|
-
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
15869
|
-
font-weight: var(--pf-v6-c-title--m-4xl--FontWeight);
|
|
15870
|
-
line-height: var(--pf-v6-c-title--m-4xl--LineHeight);
|
|
15871
|
-
}
|
|
15872
|
-
|
|
15873
|
-
.pf-v6-c-title.pf-m-3xl {
|
|
15874
|
-
font-size: var(--pf-v6-c-title--m-3xl--FontSize);
|
|
15875
|
-
font-weight: var(--pf-v6-c-title--m-3xl--FontWeight);
|
|
15876
|
-
line-height: var(--pf-v6-c-title--m-3xl--LineHeight);
|
|
15877
|
-
}
|
|
15878
|
-
|
|
15879
|
-
.pf-v6-c-title.pf-m-2xl {
|
|
15880
|
-
font-size: var(--pf-v6-c-title--m-2xl--FontSize);
|
|
15881
|
-
font-weight: var(--pf-v6-c-title--m-2xl--FontWeight);
|
|
15882
|
-
line-height: var(--pf-v6-c-title--m-2xl--LineHeight);
|
|
15883
|
-
}
|
|
15884
|
-
|
|
15885
|
-
.pf-v6-c-title.pf-m-xl {
|
|
15886
|
-
font-size: var(--pf-v6-c-title--m-xl--FontSize);
|
|
15887
|
-
font-weight: var(--pf-v6-c-title--m-xl--FontWeight);
|
|
15888
|
-
line-height: var(--pf-v6-c-title--m-xl--LineHeight);
|
|
15889
|
-
}
|
|
15890
|
-
|
|
15891
|
-
.pf-v6-c-title.pf-m-lg {
|
|
15892
|
-
font-size: var(--pf-v6-c-title--m-lg--FontSize);
|
|
15893
|
-
font-weight: var(--pf-v6-c-title--m-lg--FontWeight);
|
|
15894
|
-
line-height: var(--pf-v6-c-title--m-lg--LineHeight);
|
|
15895
|
-
}
|
|
15896
|
-
|
|
15897
|
-
.pf-v6-c-title.pf-m-md {
|
|
15898
|
-
font-size: var(--pf-v6-c-title--m-md--FontSize);
|
|
15899
|
-
font-weight: var(--pf-v6-c-title--m-md--FontWeight);
|
|
15900
|
-
line-height: var(--pf-v6-c-title--m-md--LineHeight);
|
|
15901
|
-
}
|
|
15902
|
-
|
|
15903
|
-
.pf-v6-c-title.pf-m-h1 {
|
|
15904
|
-
font-size: var(--pf-v6-c-title--m-h1--FontSize);
|
|
15905
|
-
font-weight: var(--pf-v6-c-title--m-h1--FontWeight);
|
|
15906
|
-
line-height: var(--pf-v6-c-title--m-h1--LineHeight);
|
|
15907
|
-
}
|
|
15908
|
-
|
|
15909
|
-
.pf-v6-c-title.pf-m-h2 {
|
|
15910
|
-
font-size: var(--pf-v6-c-title--m-h2--FontSize);
|
|
15911
|
-
font-weight: var(--pf-v6-c-title--m-h2--FontWeight);
|
|
15912
|
-
line-height: var(--pf-v6-c-title--m-h2--LineHeight);
|
|
15913
|
-
}
|
|
15914
|
-
|
|
15915
|
-
.pf-v6-c-title.pf-m-h3 {
|
|
15916
|
-
font-size: var(--pf-v6-c-title--m-h3--FontSize);
|
|
15917
|
-
font-weight: var(--pf-v6-c-title--m-h3--FontWeight);
|
|
15918
|
-
line-height: var(--pf-v6-c-title--m-h3--LineHeight);
|
|
15919
|
-
}
|
|
15920
|
-
|
|
15921
|
-
.pf-v6-c-title.pf-m-h4 {
|
|
15922
|
-
font-size: var(--pf-v6-c-title--m-h4--FontSize);
|
|
15923
|
-
font-weight: var(--pf-v6-c-title--m-h4--FontWeight);
|
|
15924
|
-
line-height: var(--pf-v6-c-title--m-h4--LineHeight);
|
|
15925
|
-
}
|
|
15926
|
-
|
|
15927
|
-
.pf-v6-c-title.pf-m-h5 {
|
|
15928
|
-
font-size: var(--pf-v6-c-title--m-h5--FontSize);
|
|
15929
|
-
font-weight: var(--pf-v6-c-title--m-h5--FontWeight);
|
|
15930
|
-
line-height: var(--pf-v6-c-title--m-h5--LineHeight);
|
|
15931
|
-
}
|
|
15932
|
-
|
|
15933
|
-
.pf-v6-c-title.pf-m-h6 {
|
|
15934
|
-
font-size: var(--pf-v6-c-title--m-h6--FontSize);
|
|
15935
|
-
font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
|
|
15936
|
-
line-height: var(--pf-v6-c-title--m-h6--LineHeight);
|
|
15937
|
-
}
|
|
15938
|
-
|
|
15939
15803
|
.pf-v6-c-toggle-group {
|
|
15940
15804
|
--pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
15941
15805
|
--pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -16066,6 +15930,128 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16066
15930
|
margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
|
|
16067
15931
|
}
|
|
16068
15932
|
|
|
15933
|
+
.pf-v6-c-title {
|
|
15934
|
+
--pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
15935
|
+
--pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15936
|
+
--pf-v6-c-title--m-4xl--FontSize: var(--pf-t--global--font--size--heading--2xl);
|
|
15937
|
+
--pf-v6-c-title--m-4xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15938
|
+
--pf-v6-c-title--m-3xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15939
|
+
--pf-v6-c-title--m-3xl--FontSize: var(--pf-t--global--font--size--heading--xl);
|
|
15940
|
+
--pf-v6-c-title--m-3xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15941
|
+
--pf-v6-c-title--m-2xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15942
|
+
--pf-v6-c-title--m-2xl--FontSize: var(--pf-t--global--font--size--heading--lg);
|
|
15943
|
+
--pf-v6-c-title--m-2xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15944
|
+
--pf-v6-c-title--m-xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15945
|
+
--pf-v6-c-title--m-xl--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
15946
|
+
--pf-v6-c-title--m-xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15947
|
+
--pf-v6-c-title--m-lg--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15948
|
+
--pf-v6-c-title--m-lg--FontSize: var(--pf-t--global--font--size--heading--sm);
|
|
15949
|
+
--pf-v6-c-title--m-lg--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15950
|
+
--pf-v6-c-title--m-md--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15951
|
+
--pf-v6-c-title--m-md--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
15952
|
+
--pf-v6-c-title--m-md--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15953
|
+
--pf-v6-c-title--m-h1--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15954
|
+
--pf-v6-c-title--m-h1--FontSize: var(--pf-t--global--font--size--heading--h1);
|
|
15955
|
+
--pf-v6-c-title--m-h1--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15956
|
+
--pf-v6-c-title--m-h2--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15957
|
+
--pf-v6-c-title--m-h2--FontSize: var(--pf-t--global--font--size--heading--h2);
|
|
15958
|
+
--pf-v6-c-title--m-h2--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15959
|
+
--pf-v6-c-title--m-h3--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15960
|
+
--pf-v6-c-title--m-h3--FontSize: var(--pf-t--global--font--size--heading--h3);
|
|
15961
|
+
--pf-v6-c-title--m-h3--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15962
|
+
--pf-v6-c-title--m-h4--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15963
|
+
--pf-v6-c-title--m-h4--FontSize: var(--pf-t--global--font--size--heading--h4);
|
|
15964
|
+
--pf-v6-c-title--m-h4--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15965
|
+
--pf-v6-c-title--m-h5--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15966
|
+
--pf-v6-c-title--m-h5--FontSize: var(--pf-t--global--font--size--heading--h5);
|
|
15967
|
+
--pf-v6-c-title--m-h5--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15968
|
+
--pf-v6-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15969
|
+
--pf-v6-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
|
|
15970
|
+
--pf-v6-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15971
|
+
--pf-v6-c-title--m-page-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
15972
|
+
}
|
|
15973
|
+
|
|
15974
|
+
.pf-v6-c-title {
|
|
15975
|
+
font-family: var(--pf-v6-c-title--FontFamily);
|
|
15976
|
+
word-break: break-word;
|
|
15977
|
+
}
|
|
15978
|
+
|
|
15979
|
+
.pf-v6-c-title.pf-m-4xl {
|
|
15980
|
+
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
15981
|
+
font-weight: var(--pf-v6-c-title--m-4xl--FontWeight);
|
|
15982
|
+
line-height: var(--pf-v6-c-title--m-4xl--LineHeight);
|
|
15983
|
+
}
|
|
15984
|
+
|
|
15985
|
+
.pf-v6-c-title.pf-m-3xl {
|
|
15986
|
+
font-size: var(--pf-v6-c-title--m-3xl--FontSize);
|
|
15987
|
+
font-weight: var(--pf-v6-c-title--m-3xl--FontWeight);
|
|
15988
|
+
line-height: var(--pf-v6-c-title--m-3xl--LineHeight);
|
|
15989
|
+
}
|
|
15990
|
+
|
|
15991
|
+
.pf-v6-c-title.pf-m-2xl {
|
|
15992
|
+
font-size: var(--pf-v6-c-title--m-2xl--FontSize);
|
|
15993
|
+
font-weight: var(--pf-v6-c-title--m-2xl--FontWeight);
|
|
15994
|
+
line-height: var(--pf-v6-c-title--m-2xl--LineHeight);
|
|
15995
|
+
}
|
|
15996
|
+
|
|
15997
|
+
.pf-v6-c-title.pf-m-xl {
|
|
15998
|
+
font-size: var(--pf-v6-c-title--m-xl--FontSize);
|
|
15999
|
+
font-weight: var(--pf-v6-c-title--m-xl--FontWeight);
|
|
16000
|
+
line-height: var(--pf-v6-c-title--m-xl--LineHeight);
|
|
16001
|
+
}
|
|
16002
|
+
|
|
16003
|
+
.pf-v6-c-title.pf-m-lg {
|
|
16004
|
+
font-size: var(--pf-v6-c-title--m-lg--FontSize);
|
|
16005
|
+
font-weight: var(--pf-v6-c-title--m-lg--FontWeight);
|
|
16006
|
+
line-height: var(--pf-v6-c-title--m-lg--LineHeight);
|
|
16007
|
+
}
|
|
16008
|
+
|
|
16009
|
+
.pf-v6-c-title.pf-m-md {
|
|
16010
|
+
font-size: var(--pf-v6-c-title--m-md--FontSize);
|
|
16011
|
+
font-weight: var(--pf-v6-c-title--m-md--FontWeight);
|
|
16012
|
+
line-height: var(--pf-v6-c-title--m-md--LineHeight);
|
|
16013
|
+
}
|
|
16014
|
+
|
|
16015
|
+
.pf-v6-c-title.pf-m-h1 {
|
|
16016
|
+
font-size: var(--pf-v6-c-title--m-h1--FontSize);
|
|
16017
|
+
font-weight: var(--pf-v6-c-title--m-h1--FontWeight);
|
|
16018
|
+
line-height: var(--pf-v6-c-title--m-h1--LineHeight);
|
|
16019
|
+
}
|
|
16020
|
+
|
|
16021
|
+
.pf-v6-c-title.pf-m-h2 {
|
|
16022
|
+
font-size: var(--pf-v6-c-title--m-h2--FontSize);
|
|
16023
|
+
font-weight: var(--pf-v6-c-title--m-h2--FontWeight);
|
|
16024
|
+
line-height: var(--pf-v6-c-title--m-h2--LineHeight);
|
|
16025
|
+
}
|
|
16026
|
+
|
|
16027
|
+
.pf-v6-c-title.pf-m-h3 {
|
|
16028
|
+
font-size: var(--pf-v6-c-title--m-h3--FontSize);
|
|
16029
|
+
font-weight: var(--pf-v6-c-title--m-h3--FontWeight);
|
|
16030
|
+
line-height: var(--pf-v6-c-title--m-h3--LineHeight);
|
|
16031
|
+
}
|
|
16032
|
+
|
|
16033
|
+
.pf-v6-c-title.pf-m-h4 {
|
|
16034
|
+
font-size: var(--pf-v6-c-title--m-h4--FontSize);
|
|
16035
|
+
font-weight: var(--pf-v6-c-title--m-h4--FontWeight);
|
|
16036
|
+
line-height: var(--pf-v6-c-title--m-h4--LineHeight);
|
|
16037
|
+
}
|
|
16038
|
+
|
|
16039
|
+
.pf-v6-c-title.pf-m-h5 {
|
|
16040
|
+
font-size: var(--pf-v6-c-title--m-h5--FontSize);
|
|
16041
|
+
font-weight: var(--pf-v6-c-title--m-h5--FontWeight);
|
|
16042
|
+
line-height: var(--pf-v6-c-title--m-h5--LineHeight);
|
|
16043
|
+
}
|
|
16044
|
+
|
|
16045
|
+
.pf-v6-c-title.pf-m-h6 {
|
|
16046
|
+
font-size: var(--pf-v6-c-title--m-h6--FontSize);
|
|
16047
|
+
font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
|
|
16048
|
+
line-height: var(--pf-v6-c-title--m-h6--LineHeight);
|
|
16049
|
+
}
|
|
16050
|
+
|
|
16051
|
+
.pf-v6-c-title.pf-m-page-title {
|
|
16052
|
+
font-weight: var(--pf-v6-c-title--m-page-title--FontWeight);
|
|
16053
|
+
}
|
|
16054
|
+
|
|
16069
16055
|
.pf-v6-c-toolbar {
|
|
16070
16056
|
--pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
|
|
16071
16057
|
--pf-v6-c-toolbar--PaddingBlockStart: 0;
|
|
@@ -18178,48 +18164,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18178
18164
|
transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
|
|
18179
18165
|
}
|
|
18180
18166
|
|
|
18181
|
-
.pf-v6-c-number-input {
|
|
18182
|
-
--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
18183
|
-
--pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
|
|
18184
|
-
--pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
|
|
18185
|
-
--pf-v6-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
|
|
18186
|
-
--pf-v6-c-number-input--c-form-control--width-chars: 4;
|
|
18187
|
-
--pf-v6-c-number-input--c-form-control--Width:
|
|
18188
|
-
calc(
|
|
18189
|
-
calc(
|
|
18190
|
-
var(--pf-v6-c-number-input--c-form-control--width-base) + var(--pf-v6-c-number-input--c-form-control--width-chars) * 1ch
|
|
18191
|
-
) + var(--pf-v6-c-number-input--c-form-control--width-icon)
|
|
18192
|
-
);
|
|
18193
|
-
}
|
|
18194
|
-
|
|
18195
|
-
.pf-v6-c-number-input {
|
|
18196
|
-
display: inline-flex;
|
|
18197
|
-
align-items: center;
|
|
18198
|
-
}
|
|
18199
|
-
|
|
18200
|
-
.pf-v6-c-number-input .pf-v6-c-form-control {
|
|
18201
|
-
width: var(--pf-v6-c-number-input--c-form-control--Width);
|
|
18202
|
-
}
|
|
18203
|
-
|
|
18204
|
-
.pf-v6-c-number-input .pf-v6-c-form-control > :is(input) {
|
|
18205
|
-
text-align: end;
|
|
18206
|
-
appearance: textfield;
|
|
18207
|
-
}
|
|
18208
|
-
|
|
18209
|
-
.pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
|
|
18210
|
-
margin: 0;
|
|
18211
|
-
appearance: none;
|
|
18212
|
-
}
|
|
18213
|
-
|
|
18214
|
-
.pf-v6-c-input-group + .pf-v6-c-number-input__unit,
|
|
18215
|
-
.pf-v6-c-number-input__unit + .pf-v6-c-input-group {
|
|
18216
|
-
margin-inline-start: var(--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart);
|
|
18217
|
-
}
|
|
18218
|
-
|
|
18219
|
-
.pf-v6-c-number-input__icon {
|
|
18220
|
-
font-size: var(--pf-v6-c-number-input__icon--FontSize);
|
|
18221
|
-
}
|
|
18222
|
-
|
|
18223
18167
|
.pf-v6-c-tree-view {
|
|
18224
18168
|
--pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
|
|
18225
18169
|
--pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
|
|
@@ -18713,108 +18657,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
18713
18657
|
--pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
|
|
18714
18658
|
}
|
|
18715
18659
|
|
|
18716
|
-
.pf-v6-c-panel {
|
|
18717
|
-
--pf-v6-c-panel--Width: auto;
|
|
18718
|
-
--pf-v6-c-panel--MinWidth: auto;
|
|
18719
|
-
--pf-v6-c-panel--MaxWidth: none;
|
|
18720
|
-
--pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
18721
|
-
--pf-v6-c-panel--BoxShadow: none;
|
|
18722
|
-
--pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
18723
|
-
--pf-v6-c-panel--before--BorderWidth: 0;
|
|
18724
|
-
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
18725
|
-
--pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
18726
|
-
--pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
18727
|
-
--pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
18728
|
-
--pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
18729
|
-
--pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
18730
|
-
--pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
18731
|
-
--pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
18732
|
-
--pf-v6-c-panel__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
18733
|
-
--pf-v6-c-panel__main--MaxHeight: none;
|
|
18734
|
-
--pf-v6-c-panel__main--Overflow: visible;
|
|
18735
|
-
--pf-v6-c-panel__main-body--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
18736
|
-
--pf-v6-c-panel__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
18737
|
-
--pf-v6-c-panel__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
18738
|
-
--pf-v6-c-panel__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
18739
|
-
--pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
18740
|
-
--pf-v6-c-panel__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
18741
|
-
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18742
|
-
--pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
18743
|
-
--pf-v6-c-panel__footer--BoxShadow: none;
|
|
18744
|
-
--pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
|
|
18745
|
-
--pf-v6-c-panel--m-scrollable__main--Overflow: auto;
|
|
18746
|
-
--pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
18747
|
-
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
18748
|
-
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
18749
|
-
}
|
|
18750
|
-
|
|
18751
|
-
.pf-v6-c-panel {
|
|
18752
|
-
position: relative;
|
|
18753
|
-
width: var(--pf-v6-c-panel--Width);
|
|
18754
|
-
min-width: var(--pf-v6-c-panel--MinWidth);
|
|
18755
|
-
max-width: var(--pf-v6-c-panel--MaxWidth);
|
|
18756
|
-
background-color: var(--pf-v6-c-panel--BackgroundColor);
|
|
18757
|
-
border-radius: var(--pf-v6-c-panel--BorderRadius);
|
|
18758
|
-
box-shadow: var(--pf-v6-c-panel--BoxShadow);
|
|
18759
|
-
}
|
|
18760
|
-
|
|
18761
|
-
.pf-v6-c-panel::before {
|
|
18762
|
-
position: absolute;
|
|
18763
|
-
inset: 0;
|
|
18764
|
-
pointer-events: none;
|
|
18765
|
-
content: "";
|
|
18766
|
-
border: var(--pf-v6-c-panel--before--BorderWidth) solid var(--pf-v6-c-panel--before--BorderColor);
|
|
18767
|
-
border-radius: var(--pf-v6-c-panel--BorderRadius);
|
|
18768
|
-
}
|
|
18769
|
-
|
|
18770
|
-
.pf-v6-c-panel.pf-m-bordered {
|
|
18771
|
-
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
|
|
18772
|
-
}
|
|
18773
|
-
|
|
18774
|
-
.pf-v6-c-panel.pf-m-secondary {
|
|
18775
|
-
--pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
|
|
18776
|
-
}
|
|
18777
|
-
|
|
18778
|
-
.pf-v6-c-panel.pf-m-raised {
|
|
18779
|
-
--pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
|
|
18780
|
-
--pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
|
|
18781
|
-
}
|
|
18782
|
-
|
|
18783
|
-
.pf-v6-c-panel.pf-m-scrollable {
|
|
18784
|
-
--pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
|
|
18785
|
-
--pf-v6-c-panel__main--Overflow: var(--pf-v6-c-panel--m-scrollable__main--Overflow);
|
|
18786
|
-
--pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
|
|
18787
|
-
--pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
|
|
18788
|
-
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
|
|
18789
|
-
}
|
|
18790
|
-
|
|
18791
|
-
.pf-v6-c-panel__header {
|
|
18792
|
-
padding-block-start: var(--pf-v6-c-panel__header--PaddingBlockStart);
|
|
18793
|
-
padding-block-end: var(--pf-v6-c-panel__header--PaddingBlockEnd);
|
|
18794
|
-
padding-inline-start: var(--pf-v6-c-panel__header--PaddingInlineStart);
|
|
18795
|
-
padding-inline-end: var(--pf-v6-c-panel__header--PaddingInlineEnd);
|
|
18796
|
-
}
|
|
18797
|
-
|
|
18798
|
-
.pf-v6-c-panel__main {
|
|
18799
|
-
max-height: var(--pf-v6-c-panel__main--MaxHeight);
|
|
18800
|
-
overflow: var(--pf-v6-c-panel__main--Overflow);
|
|
18801
|
-
}
|
|
18802
|
-
|
|
18803
|
-
.pf-v6-c-panel__main-body {
|
|
18804
|
-
padding-block-start: var(--pf-v6-c-panel__main-body--PaddingBlockStart);
|
|
18805
|
-
padding-block-end: var(--pf-v6-c-panel__main-body--PaddingBlockEnd);
|
|
18806
|
-
padding-inline-start: var(--pf-v6-c-panel__main-body--PaddingInlineStart);
|
|
18807
|
-
padding-inline-end: var(--pf-v6-c-panel__main-body--PaddingInlineEnd);
|
|
18808
|
-
}
|
|
18809
|
-
|
|
18810
|
-
.pf-v6-c-panel__footer {
|
|
18811
|
-
padding-block-start: var(--pf-v6-c-panel__footer--PaddingBlockStart);
|
|
18812
|
-
padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
|
|
18813
|
-
padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
|
|
18814
|
-
padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
|
|
18815
|
-
box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
|
|
18816
|
-
}
|
|
18817
|
-
|
|
18818
18660
|
.pf-v6-c-wizard {
|
|
18819
18661
|
--pf-v6-c-wizard--Height: initial;
|
|
18820
18662
|
--pf-v6-c-wizard--Height--base: 100%;
|
|
@@ -18899,7 +18741,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
18899
18741
|
--pf-v6-c-wizard__toggle-separator--Color: var(--pf-t--global--border--color--default);
|
|
18900
18742
|
--pf-v6-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
18901
18743
|
--pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
|
|
18902
|
-
--pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--
|
|
18744
|
+
--pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
|
|
18903
18745
|
--pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
18904
18746
|
--pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
18905
18747
|
--pf-v6-c-wizard__nav--Width: 100%;
|
|
@@ -19333,6 +19175,198 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
19333
19175
|
border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
|
|
19334
19176
|
}
|
|
19335
19177
|
|
|
19178
|
+
.pf-v6-c-number-input {
|
|
19179
|
+
--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
19180
|
+
--pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
|
|
19181
|
+
--pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
|
|
19182
|
+
--pf-v6-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
|
|
19183
|
+
--pf-v6-c-number-input--c-form-control--width-chars: 4;
|
|
19184
|
+
--pf-v6-c-number-input--c-form-control--Width:
|
|
19185
|
+
calc(
|
|
19186
|
+
calc(
|
|
19187
|
+
var(--pf-v6-c-number-input--c-form-control--width-base) + var(--pf-v6-c-number-input--c-form-control--width-chars) * 1ch
|
|
19188
|
+
) + var(--pf-v6-c-number-input--c-form-control--width-icon)
|
|
19189
|
+
);
|
|
19190
|
+
}
|
|
19191
|
+
|
|
19192
|
+
.pf-v6-c-number-input {
|
|
19193
|
+
display: inline-flex;
|
|
19194
|
+
align-items: center;
|
|
19195
|
+
}
|
|
19196
|
+
|
|
19197
|
+
.pf-v6-c-number-input .pf-v6-c-form-control {
|
|
19198
|
+
width: var(--pf-v6-c-number-input--c-form-control--Width);
|
|
19199
|
+
}
|
|
19200
|
+
|
|
19201
|
+
.pf-v6-c-number-input .pf-v6-c-form-control > :is(input) {
|
|
19202
|
+
text-align: end;
|
|
19203
|
+
appearance: textfield;
|
|
19204
|
+
}
|
|
19205
|
+
|
|
19206
|
+
.pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
|
|
19207
|
+
margin: 0;
|
|
19208
|
+
appearance: none;
|
|
19209
|
+
}
|
|
19210
|
+
|
|
19211
|
+
.pf-v6-c-input-group + .pf-v6-c-number-input__unit,
|
|
19212
|
+
.pf-v6-c-number-input__unit + .pf-v6-c-input-group {
|
|
19213
|
+
margin-inline-start: var(--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart);
|
|
19214
|
+
}
|
|
19215
|
+
|
|
19216
|
+
.pf-v6-c-number-input__icon {
|
|
19217
|
+
font-size: var(--pf-v6-c-number-input__icon--FontSize);
|
|
19218
|
+
}
|
|
19219
|
+
|
|
19220
|
+
.pf-v6-c-panel {
|
|
19221
|
+
--pf-v6-c-panel--Width: auto;
|
|
19222
|
+
--pf-v6-c-panel--MinWidth: auto;
|
|
19223
|
+
--pf-v6-c-panel--MaxWidth: none;
|
|
19224
|
+
--pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
19225
|
+
--pf-v6-c-panel--BoxShadow: none;
|
|
19226
|
+
--pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
19227
|
+
--pf-v6-c-panel--before--BorderWidth: 0;
|
|
19228
|
+
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
19229
|
+
--pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
19230
|
+
--pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
19231
|
+
--pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
19232
|
+
--pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
19233
|
+
--pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19234
|
+
--pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
19235
|
+
--pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
19236
|
+
--pf-v6-c-panel__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
19237
|
+
--pf-v6-c-panel__main--MaxHeight: none;
|
|
19238
|
+
--pf-v6-c-panel__main--Overflow: visible;
|
|
19239
|
+
--pf-v6-c-panel__main-body--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19240
|
+
--pf-v6-c-panel__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
19241
|
+
--pf-v6-c-panel__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
19242
|
+
--pf-v6-c-panel__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
19243
|
+
--pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
19244
|
+
--pf-v6-c-panel__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
19245
|
+
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
19246
|
+
--pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
19247
|
+
--pf-v6-c-panel__footer--BoxShadow: none;
|
|
19248
|
+
--pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
|
|
19249
|
+
--pf-v6-c-panel--m-scrollable__main--Overflow: auto;
|
|
19250
|
+
--pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
19251
|
+
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19252
|
+
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
19253
|
+
}
|
|
19254
|
+
|
|
19255
|
+
.pf-v6-c-panel {
|
|
19256
|
+
position: relative;
|
|
19257
|
+
width: var(--pf-v6-c-panel--Width);
|
|
19258
|
+
min-width: var(--pf-v6-c-panel--MinWidth);
|
|
19259
|
+
max-width: var(--pf-v6-c-panel--MaxWidth);
|
|
19260
|
+
background-color: var(--pf-v6-c-panel--BackgroundColor);
|
|
19261
|
+
border-radius: var(--pf-v6-c-panel--BorderRadius);
|
|
19262
|
+
box-shadow: var(--pf-v6-c-panel--BoxShadow);
|
|
19263
|
+
}
|
|
19264
|
+
|
|
19265
|
+
.pf-v6-c-panel::before {
|
|
19266
|
+
position: absolute;
|
|
19267
|
+
inset: 0;
|
|
19268
|
+
pointer-events: none;
|
|
19269
|
+
content: "";
|
|
19270
|
+
border: var(--pf-v6-c-panel--before--BorderWidth) solid var(--pf-v6-c-panel--before--BorderColor);
|
|
19271
|
+
border-radius: var(--pf-v6-c-panel--BorderRadius);
|
|
19272
|
+
}
|
|
19273
|
+
|
|
19274
|
+
.pf-v6-c-panel.pf-m-bordered {
|
|
19275
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
|
|
19276
|
+
}
|
|
19277
|
+
|
|
19278
|
+
.pf-v6-c-panel.pf-m-secondary {
|
|
19279
|
+
--pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
|
|
19280
|
+
}
|
|
19281
|
+
|
|
19282
|
+
.pf-v6-c-panel.pf-m-raised {
|
|
19283
|
+
--pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
|
|
19284
|
+
--pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
|
|
19285
|
+
}
|
|
19286
|
+
|
|
19287
|
+
.pf-v6-c-panel.pf-m-scrollable {
|
|
19288
|
+
--pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
|
|
19289
|
+
--pf-v6-c-panel__main--Overflow: var(--pf-v6-c-panel--m-scrollable__main--Overflow);
|
|
19290
|
+
--pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
|
|
19291
|
+
--pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
|
|
19292
|
+
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
|
|
19293
|
+
}
|
|
19294
|
+
|
|
19295
|
+
.pf-v6-c-panel__header {
|
|
19296
|
+
padding-block-start: var(--pf-v6-c-panel__header--PaddingBlockStart);
|
|
19297
|
+
padding-block-end: var(--pf-v6-c-panel__header--PaddingBlockEnd);
|
|
19298
|
+
padding-inline-start: var(--pf-v6-c-panel__header--PaddingInlineStart);
|
|
19299
|
+
padding-inline-end: var(--pf-v6-c-panel__header--PaddingInlineEnd);
|
|
19300
|
+
}
|
|
19301
|
+
|
|
19302
|
+
.pf-v6-c-panel__main {
|
|
19303
|
+
max-height: var(--pf-v6-c-panel__main--MaxHeight);
|
|
19304
|
+
overflow: var(--pf-v6-c-panel__main--Overflow);
|
|
19305
|
+
}
|
|
19306
|
+
|
|
19307
|
+
.pf-v6-c-panel__main-body {
|
|
19308
|
+
padding-block-start: var(--pf-v6-c-panel__main-body--PaddingBlockStart);
|
|
19309
|
+
padding-block-end: var(--pf-v6-c-panel__main-body--PaddingBlockEnd);
|
|
19310
|
+
padding-inline-start: var(--pf-v6-c-panel__main-body--PaddingInlineStart);
|
|
19311
|
+
padding-inline-end: var(--pf-v6-c-panel__main-body--PaddingInlineEnd);
|
|
19312
|
+
}
|
|
19313
|
+
|
|
19314
|
+
.pf-v6-c-panel__footer {
|
|
19315
|
+
padding-block-start: var(--pf-v6-c-panel__footer--PaddingBlockStart);
|
|
19316
|
+
padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
|
|
19317
|
+
padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
|
|
19318
|
+
padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
|
|
19319
|
+
box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
|
|
19320
|
+
}
|
|
19321
|
+
|
|
19322
|
+
.pf-v6-c-truncate {
|
|
19323
|
+
--pf-v6-c-truncate--MinWidth: 6ch;
|
|
19324
|
+
--pf-v6-c-truncate__start--MinWidth: 6ch;
|
|
19325
|
+
}
|
|
19326
|
+
|
|
19327
|
+
.pf-v6-c-truncate {
|
|
19328
|
+
display: inline-grid;
|
|
19329
|
+
grid-auto-flow: column;
|
|
19330
|
+
align-items: baseline;
|
|
19331
|
+
min-width: var(--pf-v6-c-truncate--MinWidth);
|
|
19332
|
+
}
|
|
19333
|
+
|
|
19334
|
+
.pf-v6-c-truncate__start,
|
|
19335
|
+
.pf-v6-c-truncate__end {
|
|
19336
|
+
overflow: hidden;
|
|
19337
|
+
text-overflow: ellipsis;
|
|
19338
|
+
white-space: pre;
|
|
19339
|
+
}
|
|
19340
|
+
|
|
19341
|
+
.pf-v6-c-truncate__start {
|
|
19342
|
+
min-width: var(--pf-v6-c-truncate__start--MinWidth);
|
|
19343
|
+
}
|
|
19344
|
+
|
|
19345
|
+
.pf-v6-c-truncate__end {
|
|
19346
|
+
direction: rtl;
|
|
19347
|
+
}
|
|
19348
|
+
|
|
19349
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
|
|
19350
|
+
direction: ltr;
|
|
19351
|
+
}
|
|
19352
|
+
|
|
19353
|
+
.pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
|
|
19354
|
+
overflow: visible;
|
|
19355
|
+
direction: ltr;
|
|
19356
|
+
}
|
|
19357
|
+
|
|
19358
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
|
|
19359
|
+
direction: rtl;
|
|
19360
|
+
}
|
|
19361
|
+
|
|
19362
|
+
@supports (-webkit-hyphens: none) {
|
|
19363
|
+
.pf-v6-c-truncate__end {
|
|
19364
|
+
direction: ltr;
|
|
19365
|
+
}
|
|
19366
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
|
|
19367
|
+
direction: rtl;
|
|
19368
|
+
}
|
|
19369
|
+
}
|
|
19336
19370
|
.pf-v6-c-alert-group {
|
|
19337
19371
|
--pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
|
|
19338
19372
|
--pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
|
|
@@ -19455,54 +19489,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
19455
19489
|
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
|
|
19456
19490
|
}
|
|
19457
19491
|
|
|
19458
|
-
.pf-v6-c-truncate {
|
|
19459
|
-
--pf-v6-c-truncate--MinWidth: 6ch;
|
|
19460
|
-
--pf-v6-c-truncate__start--MinWidth: 6ch;
|
|
19461
|
-
}
|
|
19462
|
-
|
|
19463
|
-
.pf-v6-c-truncate {
|
|
19464
|
-
display: inline-grid;
|
|
19465
|
-
grid-auto-flow: column;
|
|
19466
|
-
align-items: baseline;
|
|
19467
|
-
min-width: var(--pf-v6-c-truncate--MinWidth);
|
|
19468
|
-
}
|
|
19469
|
-
|
|
19470
|
-
.pf-v6-c-truncate__start,
|
|
19471
|
-
.pf-v6-c-truncate__end {
|
|
19472
|
-
overflow: hidden;
|
|
19473
|
-
text-overflow: ellipsis;
|
|
19474
|
-
white-space: pre;
|
|
19475
|
-
}
|
|
19476
|
-
|
|
19477
|
-
.pf-v6-c-truncate__start {
|
|
19478
|
-
min-width: var(--pf-v6-c-truncate__start--MinWidth);
|
|
19479
|
-
}
|
|
19480
|
-
|
|
19481
|
-
.pf-v6-c-truncate__end {
|
|
19482
|
-
direction: rtl;
|
|
19483
|
-
}
|
|
19484
|
-
|
|
19485
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
|
|
19486
|
-
direction: ltr;
|
|
19487
|
-
}
|
|
19488
|
-
|
|
19489
|
-
.pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
|
|
19490
|
-
overflow: visible;
|
|
19491
|
-
direction: ltr;
|
|
19492
|
-
}
|
|
19493
|
-
|
|
19494
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
|
|
19495
|
-
direction: rtl;
|
|
19496
|
-
}
|
|
19497
|
-
|
|
19498
|
-
@supports (-webkit-hyphens: none) {
|
|
19499
|
-
.pf-v6-c-truncate__end {
|
|
19500
|
-
direction: ltr;
|
|
19501
|
-
}
|
|
19502
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
|
|
19503
|
-
direction: rtl;
|
|
19504
|
-
}
|
|
19505
|
-
}
|
|
19506
19492
|
.pf-v6-l-bullseye {
|
|
19507
19493
|
--pf-v6-l-bullseye--Padding: 0;
|
|
19508
19494
|
}
|
|
@@ -22081,203 +22067,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
22081
22067
|
}
|
|
22082
22068
|
@media (min-width: 90.625rem) {
|
|
22083
22069
|
.pf-v6-l-gallery {
|
|
22084
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
|
|
22085
|
-
}
|
|
22086
|
-
}
|
|
22087
|
-
.pf-v6-c-about-modal-box {
|
|
22088
|
-
--pf-v6-c-about-modal-box--BackgroundImage: none;
|
|
22089
|
-
--pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
22090
|
-
--pf-v6-c-about-modal-box--BackgroundSize--min-width: 200px;
|
|
22091
|
-
--pf-v6-c-about-modal-box--BackgroundSize--width: 60%;
|
|
22092
|
-
--pf-v6-c-about-modal-box--BackgroundSize--max-width: 600px;
|
|
22093
|
-
--pf-v6-c-about-modal-box--BackgroundSize: clamp(var(--pf-v6-c-about-modal-box--BackgroundSize--min-width), var(--pf-v6-c-about-modal-box--BackgroundSize--width), var(--pf-v6-c-about-modal-box--BackgroundSize--max-width));
|
|
22094
|
-
--pf-v6-c-about-modal-box--Height: 100%;
|
|
22095
|
-
--pf-v6-c-about-modal-box--lg--Height: 47.625rem;
|
|
22096
|
-
--pf-v6-c-about-modal-box--Width: 100%;
|
|
22097
|
-
--pf-v6-c-about-modal-box--sm--GridTemplateColumns: 5fr 1fr;
|
|
22098
|
-
--pf-v6-c-about-modal-box--lg--GridTemplateColumns: 1fr .6fr;
|
|
22099
|
-
--pf-v6-c-about-modal-box__brand--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
22100
|
-
--pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
22101
|
-
--pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
22102
|
-
--pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
22103
|
-
--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
22104
|
-
--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
22105
|
-
--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
22106
|
-
--pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
22107
|
-
--pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
22108
|
-
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
22109
|
-
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
22110
|
-
--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
22111
|
-
--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
22112
|
-
--pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
|
|
22113
|
-
--pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
|
|
22114
|
-
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
22115
|
-
--pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
22116
|
-
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
22117
|
-
--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
22118
|
-
--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
22119
|
-
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
22120
|
-
--pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
22121
|
-
--pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
|
|
22122
|
-
--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
22123
|
-
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
22124
|
-
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
|
|
22125
|
-
--pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
|
|
22126
|
-
--pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
22127
|
-
--pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
|
|
22128
|
-
--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
22129
|
-
--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
22130
|
-
--pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
|
|
22131
|
-
}
|
|
22132
|
-
|
|
22133
|
-
@media screen and (min-width: 36rem) {
|
|
22134
|
-
.pf-v6-c-about-modal-box {
|
|
22135
|
-
--pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd);
|
|
22136
|
-
--pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart);
|
|
22137
|
-
--pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
|
|
22138
|
-
}
|
|
22139
|
-
}
|
|
22140
|
-
@media only screen and (min-width: 36rem) {
|
|
22141
|
-
.pf-v6-c-about-modal-box {
|
|
22142
|
-
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
|
|
22143
|
-
}
|
|
22144
|
-
}
|
|
22145
|
-
@media only screen and (min-width: 62rem) {
|
|
22146
|
-
.pf-v6-c-about-modal-box {
|
|
22147
|
-
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
|
|
22148
|
-
}
|
|
22149
|
-
}
|
|
22150
|
-
@media only screen and (min-width: 36rem) {
|
|
22151
|
-
.pf-v6-c-about-modal-box {
|
|
22152
|
-
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
|
|
22153
|
-
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
|
|
22154
|
-
}
|
|
22155
|
-
}
|
|
22156
|
-
@media only screen and (min-width: 36rem) {
|
|
22157
|
-
.pf-v6-c-about-modal-box {
|
|
22158
|
-
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
|
|
22159
|
-
}
|
|
22160
|
-
}
|
|
22161
|
-
@media only screen and (min-width: 36rem) {
|
|
22162
|
-
.pf-v6-c-about-modal-box {
|
|
22163
|
-
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
|
|
22164
|
-
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd);
|
|
22165
|
-
--pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd);
|
|
22166
|
-
--pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineStart);
|
|
22167
|
-
}
|
|
22168
|
-
}
|
|
22169
|
-
.pf-v6-c-about-modal-box {
|
|
22170
|
-
position: relative;
|
|
22171
|
-
display: grid;
|
|
22172
|
-
grid-template-areas: "brand close" "header header" "content content";
|
|
22173
|
-
grid-template-rows: max-content max-content auto;
|
|
22174
|
-
width: var(--pf-v6-c-about-modal-box--Width);
|
|
22175
|
-
height: var(--pf-v6-c-about-modal-box--Height);
|
|
22176
|
-
overflow-x: hidden;
|
|
22177
|
-
overflow-y: auto;
|
|
22178
|
-
background-color: var(--pf-v6-c-about-modal-box--BackgroundColor);
|
|
22179
|
-
background-image: var(--pf-v6-c-about-modal-box--BackgroundImage);
|
|
22180
|
-
background-repeat: no-repeat;
|
|
22181
|
-
background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
|
|
22182
|
-
background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
|
|
22183
|
-
--pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
|
|
22184
|
-
}
|
|
22185
|
-
|
|
22186
|
-
@media only screen and (min-width: 36rem) {
|
|
22187
|
-
.pf-v6-c-about-modal-box {
|
|
22188
|
-
grid-template-areas: "brand close" "header close" "content close";
|
|
22189
|
-
grid-template-columns: var(--pf-v6-c-about-modal-box--sm--GridTemplateColumns);
|
|
22190
|
-
}
|
|
22191
|
-
}
|
|
22192
|
-
@media only screen and (min-width: 62rem) {
|
|
22193
|
-
.pf-v6-c-about-modal-box {
|
|
22194
|
-
--pf-v6-c-about-modal-box--Height: var(--pf-v6-c-about-modal-box--lg--Height);
|
|
22195
|
-
--pf-v6-c-about-modal-box--Width: var(--pf-v6-c-about-modal-box--lg--Width);
|
|
22196
|
-
grid-template-rows: max-content max-content auto;
|
|
22197
|
-
grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
|
|
22198
|
-
}
|
|
22199
|
-
}
|
|
22200
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
|
|
22201
|
-
--pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
|
|
22202
|
-
}
|
|
22203
|
-
|
|
22204
|
-
.pf-v6-c-about-modal-box__brand {
|
|
22205
|
-
display: flex;
|
|
22206
|
-
grid-area: brand;
|
|
22207
|
-
padding-block-start: var(--pf-v6-c-about-modal-box__brand--PaddingBlockStart);
|
|
22208
|
-
padding-block-end: var(--pf-v6-c-about-modal-box__brand--PaddingBlockEnd);
|
|
22209
|
-
padding-inline-start: var(--pf-v6-c-about-modal-box__brand--PaddingInlineStart);
|
|
22210
|
-
padding-inline-end: var(--pf-v6-c-about-modal-box__brand--PaddingInlineEnd);
|
|
22211
|
-
}
|
|
22212
|
-
|
|
22213
|
-
.pf-v6-c-about-modal-box__brand-image {
|
|
22214
|
-
height: var(--pf-v6-c-about-modal-box__brand-image--Height);
|
|
22215
|
-
}
|
|
22216
|
-
|
|
22217
|
-
.pf-v6-c-about-modal-box__header {
|
|
22218
|
-
display: flex;
|
|
22219
|
-
flex-direction: column;
|
|
22220
|
-
grid-area: header;
|
|
22221
|
-
padding-block-end: var(--pf-v6-c-about-modal-box__header--PaddingBlockEnd);
|
|
22222
|
-
padding-inline-start: var(--pf-v6-c-about-modal-box__header--PaddingInlineStart);
|
|
22223
|
-
padding-inline-end: var(--pf-v6-c-about-modal-box__header--PaddingInlineEnd);
|
|
22224
|
-
}
|
|
22225
|
-
|
|
22226
|
-
.pf-v6-c-about-modal-box__strapline {
|
|
22227
|
-
padding-block-start: var(--pf-v6-c-about-modal-box__strapline--PaddingBlockStart);
|
|
22228
|
-
margin-block-start: auto;
|
|
22229
|
-
font-size: var(--pf-v6-c-about-modal-box__strapline--FontSize);
|
|
22230
|
-
color: var(--pf-v6-c-about-modal-box__strapline--Color);
|
|
22231
|
-
}
|
|
22232
|
-
|
|
22233
|
-
.pf-v6-c-about-modal-box__content {
|
|
22234
|
-
display: flex;
|
|
22235
|
-
flex-direction: column;
|
|
22236
|
-
grid-area: content;
|
|
22237
|
-
margin-block-start: var(--pf-v6-c-about-modal-box__content--MarginBlockStart);
|
|
22238
|
-
margin-block-end: var(--pf-v6-c-about-modal-box__content--MarginBlockEnd);
|
|
22239
|
-
margin-inline-start: var(--pf-v6-c-about-modal-box__content--MarginInlineStart);
|
|
22240
|
-
margin-inline-end: var(--pf-v6-c-about-modal-box__content--MarginInlineEnd);
|
|
22241
|
-
overflow-x: hidden;
|
|
22242
|
-
overflow-y: auto;
|
|
22243
|
-
overscroll-behavior: contain;
|
|
22244
|
-
word-break: break-word;
|
|
22245
|
-
-webkit-overflow-scrolling: touch;
|
|
22246
|
-
}
|
|
22247
|
-
|
|
22248
|
-
@media screen and (min-width: 36rem) {
|
|
22249
|
-
.pf-v6-c-about-modal-box__content {
|
|
22250
|
-
overflow: visible;
|
|
22251
|
-
overscroll-behavior: auto;
|
|
22252
|
-
}
|
|
22253
|
-
}
|
|
22254
|
-
.pf-v6-c-about-modal-box__close {
|
|
22255
|
-
position: sticky;
|
|
22256
|
-
inset-block-start: 0;
|
|
22257
|
-
display: flex;
|
|
22258
|
-
grid-area: close;
|
|
22259
|
-
align-items: flex-start;
|
|
22260
|
-
justify-content: flex-end;
|
|
22261
|
-
padding-block-start: var(--pf-v6-c-about-modal-box__close--PaddingBlockStart);
|
|
22262
|
-
padding-block-end: var(--pf-v6-c-about-modal-box__close--PaddingBlockEnd);
|
|
22263
|
-
padding-inline-end: var(--pf-v6-c-about-modal-box__close--PaddingInlineEnd);
|
|
22264
|
-
}
|
|
22265
|
-
|
|
22266
|
-
@media only screen and (min-width: 36rem) {
|
|
22267
|
-
.pf-v6-c-about-modal-box__close {
|
|
22268
|
-
grid-area: 1/2;
|
|
22269
|
-
justify-content: center;
|
|
22270
|
-
}
|
|
22271
|
-
}
|
|
22272
|
-
@media only screen and (min-width: 62rem) {
|
|
22273
|
-
.pf-v6-c-about-modal-box__close {
|
|
22274
|
-
justify-content: flex-end;
|
|
22275
|
-
}
|
|
22276
|
-
}
|
|
22277
|
-
.pf-v6-c-about-modal-box__close .pf-v6-c-button.pf-m-plain {
|
|
22278
|
-
font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
|
|
22070
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
|
|
22071
|
+
}
|
|
22279
22072
|
}
|
|
22280
|
-
|
|
22281
22073
|
.pf-v6-l-grid {
|
|
22282
22074
|
--pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
|
|
22283
22075
|
--pf-v6-l-grid__item--GridColumnStart: auto;
|
|
@@ -23265,6 +23057,28 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23265
23057
|
grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
|
|
23266
23058
|
}
|
|
23267
23059
|
|
|
23060
|
+
.pf-v6-l-split {
|
|
23061
|
+
--pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
23062
|
+
}
|
|
23063
|
+
|
|
23064
|
+
.pf-v6-l-split {
|
|
23065
|
+
display: flex;
|
|
23066
|
+
padding: 0;
|
|
23067
|
+
margin: 0;
|
|
23068
|
+
}
|
|
23069
|
+
|
|
23070
|
+
.pf-v6-l-split.pf-m-wrap {
|
|
23071
|
+
flex-wrap: wrap;
|
|
23072
|
+
}
|
|
23073
|
+
|
|
23074
|
+
.pf-v6-l-split__item.pf-m-fill, .pf-v6-l-split > .pf-m-fill {
|
|
23075
|
+
flex-grow: 1;
|
|
23076
|
+
}
|
|
23077
|
+
|
|
23078
|
+
.pf-v6-l-split.pf-m-gutter {
|
|
23079
|
+
gap: var(--pf-v6-l-stack--m-gutter--Gap);
|
|
23080
|
+
}
|
|
23081
|
+
|
|
23268
23082
|
.pf-v6-l-level {
|
|
23269
23083
|
--pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
23270
23084
|
}
|
|
@@ -23280,26 +23094,198 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23280
23094
|
gap: var(--pf-v6-l-level--m-gutter--Gap);
|
|
23281
23095
|
}
|
|
23282
23096
|
|
|
23283
|
-
.pf-v6-
|
|
23284
|
-
--pf-v6-
|
|
23097
|
+
.pf-v6-c-about-modal-box {
|
|
23098
|
+
--pf-v6-c-about-modal-box--BackgroundImage: none;
|
|
23099
|
+
--pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
23100
|
+
--pf-v6-c-about-modal-box--BackgroundSize--min-width: 200px;
|
|
23101
|
+
--pf-v6-c-about-modal-box--BackgroundSize--width: 60%;
|
|
23102
|
+
--pf-v6-c-about-modal-box--BackgroundSize--max-width: 600px;
|
|
23103
|
+
--pf-v6-c-about-modal-box--BackgroundSize: clamp(var(--pf-v6-c-about-modal-box--BackgroundSize--min-width), var(--pf-v6-c-about-modal-box--BackgroundSize--width), var(--pf-v6-c-about-modal-box--BackgroundSize--max-width));
|
|
23104
|
+
--pf-v6-c-about-modal-box--Height: 100%;
|
|
23105
|
+
--pf-v6-c-about-modal-box--lg--Height: 47.625rem;
|
|
23106
|
+
--pf-v6-c-about-modal-box--Width: 100%;
|
|
23107
|
+
--pf-v6-c-about-modal-box--sm--GridTemplateColumns: 5fr 1fr;
|
|
23108
|
+
--pf-v6-c-about-modal-box--lg--GridTemplateColumns: 1fr .6fr;
|
|
23109
|
+
--pf-v6-c-about-modal-box__brand--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
23110
|
+
--pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
23111
|
+
--pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
23112
|
+
--pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
23113
|
+
--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
23114
|
+
--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
23115
|
+
--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
23116
|
+
--pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
23117
|
+
--pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
23118
|
+
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
23119
|
+
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
23120
|
+
--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
23121
|
+
--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
23122
|
+
--pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
|
|
23123
|
+
--pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
|
|
23124
|
+
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
23125
|
+
--pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
23126
|
+
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
23127
|
+
--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
23128
|
+
--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
23129
|
+
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
23130
|
+
--pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
23131
|
+
--pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
|
|
23132
|
+
--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
23133
|
+
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
23134
|
+
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
|
|
23135
|
+
--pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
|
|
23136
|
+
--pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
23137
|
+
--pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
|
|
23138
|
+
--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
23139
|
+
--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
23140
|
+
--pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
|
|
23285
23141
|
}
|
|
23286
23142
|
|
|
23287
|
-
|
|
23143
|
+
@media screen and (min-width: 36rem) {
|
|
23144
|
+
.pf-v6-c-about-modal-box {
|
|
23145
|
+
--pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd);
|
|
23146
|
+
--pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart);
|
|
23147
|
+
--pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
|
|
23148
|
+
}
|
|
23149
|
+
}
|
|
23150
|
+
@media only screen and (min-width: 36rem) {
|
|
23151
|
+
.pf-v6-c-about-modal-box {
|
|
23152
|
+
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
|
|
23153
|
+
}
|
|
23154
|
+
}
|
|
23155
|
+
@media only screen and (min-width: 62rem) {
|
|
23156
|
+
.pf-v6-c-about-modal-box {
|
|
23157
|
+
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
|
|
23158
|
+
}
|
|
23159
|
+
}
|
|
23160
|
+
@media only screen and (min-width: 36rem) {
|
|
23161
|
+
.pf-v6-c-about-modal-box {
|
|
23162
|
+
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
|
|
23163
|
+
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
|
|
23164
|
+
}
|
|
23165
|
+
}
|
|
23166
|
+
@media only screen and (min-width: 36rem) {
|
|
23167
|
+
.pf-v6-c-about-modal-box {
|
|
23168
|
+
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
|
|
23169
|
+
}
|
|
23170
|
+
}
|
|
23171
|
+
@media only screen and (min-width: 36rem) {
|
|
23172
|
+
.pf-v6-c-about-modal-box {
|
|
23173
|
+
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
|
|
23174
|
+
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd);
|
|
23175
|
+
--pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd);
|
|
23176
|
+
--pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineStart);
|
|
23177
|
+
}
|
|
23178
|
+
}
|
|
23179
|
+
.pf-v6-c-about-modal-box {
|
|
23180
|
+
position: relative;
|
|
23181
|
+
display: grid;
|
|
23182
|
+
grid-template-areas: "brand close" "header header" "content content";
|
|
23183
|
+
grid-template-rows: max-content max-content auto;
|
|
23184
|
+
width: var(--pf-v6-c-about-modal-box--Width);
|
|
23185
|
+
height: var(--pf-v6-c-about-modal-box--Height);
|
|
23186
|
+
overflow-x: hidden;
|
|
23187
|
+
overflow-y: auto;
|
|
23188
|
+
background-color: var(--pf-v6-c-about-modal-box--BackgroundColor);
|
|
23189
|
+
background-image: var(--pf-v6-c-about-modal-box--BackgroundImage);
|
|
23190
|
+
background-repeat: no-repeat;
|
|
23191
|
+
background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
|
|
23192
|
+
background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
|
|
23193
|
+
--pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
|
|
23194
|
+
}
|
|
23195
|
+
|
|
23196
|
+
@media only screen and (min-width: 36rem) {
|
|
23197
|
+
.pf-v6-c-about-modal-box {
|
|
23198
|
+
grid-template-areas: "brand close" "header close" "content close";
|
|
23199
|
+
grid-template-columns: var(--pf-v6-c-about-modal-box--sm--GridTemplateColumns);
|
|
23200
|
+
}
|
|
23201
|
+
}
|
|
23202
|
+
@media only screen and (min-width: 62rem) {
|
|
23203
|
+
.pf-v6-c-about-modal-box {
|
|
23204
|
+
--pf-v6-c-about-modal-box--Height: var(--pf-v6-c-about-modal-box--lg--Height);
|
|
23205
|
+
--pf-v6-c-about-modal-box--Width: var(--pf-v6-c-about-modal-box--lg--Width);
|
|
23206
|
+
grid-template-rows: max-content max-content auto;
|
|
23207
|
+
grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
|
|
23208
|
+
}
|
|
23209
|
+
}
|
|
23210
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
|
|
23211
|
+
--pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
|
|
23212
|
+
}
|
|
23213
|
+
|
|
23214
|
+
.pf-v6-c-about-modal-box__brand {
|
|
23288
23215
|
display: flex;
|
|
23289
|
-
|
|
23290
|
-
|
|
23216
|
+
grid-area: brand;
|
|
23217
|
+
padding-block-start: var(--pf-v6-c-about-modal-box__brand--PaddingBlockStart);
|
|
23218
|
+
padding-block-end: var(--pf-v6-c-about-modal-box__brand--PaddingBlockEnd);
|
|
23219
|
+
padding-inline-start: var(--pf-v6-c-about-modal-box__brand--PaddingInlineStart);
|
|
23220
|
+
padding-inline-end: var(--pf-v6-c-about-modal-box__brand--PaddingInlineEnd);
|
|
23291
23221
|
}
|
|
23292
23222
|
|
|
23293
|
-
.pf-v6-
|
|
23294
|
-
|
|
23223
|
+
.pf-v6-c-about-modal-box__brand-image {
|
|
23224
|
+
height: var(--pf-v6-c-about-modal-box__brand-image--Height);
|
|
23295
23225
|
}
|
|
23296
23226
|
|
|
23297
|
-
.pf-v6-
|
|
23298
|
-
|
|
23227
|
+
.pf-v6-c-about-modal-box__header {
|
|
23228
|
+
display: flex;
|
|
23229
|
+
flex-direction: column;
|
|
23230
|
+
grid-area: header;
|
|
23231
|
+
padding-block-end: var(--pf-v6-c-about-modal-box__header--PaddingBlockEnd);
|
|
23232
|
+
padding-inline-start: var(--pf-v6-c-about-modal-box__header--PaddingInlineStart);
|
|
23233
|
+
padding-inline-end: var(--pf-v6-c-about-modal-box__header--PaddingInlineEnd);
|
|
23299
23234
|
}
|
|
23300
23235
|
|
|
23301
|
-
.pf-v6-
|
|
23302
|
-
|
|
23236
|
+
.pf-v6-c-about-modal-box__strapline {
|
|
23237
|
+
padding-block-start: var(--pf-v6-c-about-modal-box__strapline--PaddingBlockStart);
|
|
23238
|
+
margin-block-start: auto;
|
|
23239
|
+
font-size: var(--pf-v6-c-about-modal-box__strapline--FontSize);
|
|
23240
|
+
color: var(--pf-v6-c-about-modal-box__strapline--Color);
|
|
23241
|
+
}
|
|
23242
|
+
|
|
23243
|
+
.pf-v6-c-about-modal-box__content {
|
|
23244
|
+
display: flex;
|
|
23245
|
+
flex-direction: column;
|
|
23246
|
+
grid-area: content;
|
|
23247
|
+
margin-block-start: var(--pf-v6-c-about-modal-box__content--MarginBlockStart);
|
|
23248
|
+
margin-block-end: var(--pf-v6-c-about-modal-box__content--MarginBlockEnd);
|
|
23249
|
+
margin-inline-start: var(--pf-v6-c-about-modal-box__content--MarginInlineStart);
|
|
23250
|
+
margin-inline-end: var(--pf-v6-c-about-modal-box__content--MarginInlineEnd);
|
|
23251
|
+
overflow-x: hidden;
|
|
23252
|
+
overflow-y: auto;
|
|
23253
|
+
overscroll-behavior: contain;
|
|
23254
|
+
word-break: break-word;
|
|
23255
|
+
-webkit-overflow-scrolling: touch;
|
|
23256
|
+
}
|
|
23257
|
+
|
|
23258
|
+
@media screen and (min-width: 36rem) {
|
|
23259
|
+
.pf-v6-c-about-modal-box__content {
|
|
23260
|
+
overflow: visible;
|
|
23261
|
+
overscroll-behavior: auto;
|
|
23262
|
+
}
|
|
23263
|
+
}
|
|
23264
|
+
.pf-v6-c-about-modal-box__close {
|
|
23265
|
+
position: sticky;
|
|
23266
|
+
inset-block-start: 0;
|
|
23267
|
+
display: flex;
|
|
23268
|
+
grid-area: close;
|
|
23269
|
+
align-items: flex-start;
|
|
23270
|
+
justify-content: flex-end;
|
|
23271
|
+
padding-block-start: var(--pf-v6-c-about-modal-box__close--PaddingBlockStart);
|
|
23272
|
+
padding-block-end: var(--pf-v6-c-about-modal-box__close--PaddingBlockEnd);
|
|
23273
|
+
padding-inline-end: var(--pf-v6-c-about-modal-box__close--PaddingInlineEnd);
|
|
23274
|
+
}
|
|
23275
|
+
|
|
23276
|
+
@media only screen and (min-width: 36rem) {
|
|
23277
|
+
.pf-v6-c-about-modal-box__close {
|
|
23278
|
+
grid-area: 1/2;
|
|
23279
|
+
justify-content: center;
|
|
23280
|
+
}
|
|
23281
|
+
}
|
|
23282
|
+
@media only screen and (min-width: 62rem) {
|
|
23283
|
+
.pf-v6-c-about-modal-box__close {
|
|
23284
|
+
justify-content: flex-end;
|
|
23285
|
+
}
|
|
23286
|
+
}
|
|
23287
|
+
.pf-v6-c-about-modal-box__close .pf-v6-c-button.pf-m-plain {
|
|
23288
|
+
font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
|
|
23303
23289
|
}
|
|
23304
23290
|
|
|
23305
23291
|
.pf-v6-l-stack {
|
|
@@ -23312,10 +23298,49 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23312
23298
|
height: 100%;
|
|
23313
23299
|
}
|
|
23314
23300
|
|
|
23315
|
-
.pf-v6-l-stack__item.pf-m-fill {
|
|
23301
|
+
.pf-v6-l-stack__item.pf-m-fill, .pf-v6-l-stack > .pf-m-fill {
|
|
23316
23302
|
flex-grow: 1;
|
|
23317
23303
|
}
|
|
23318
23304
|
|
|
23319
23305
|
.pf-v6-l-stack.pf-m-gutter {
|
|
23320
23306
|
gap: var(--pf-v6-l-stack--m-gutter--Gap);
|
|
23307
|
+
}
|
|
23308
|
+
|
|
23309
|
+
.pf-v6-c-overflow-menu {
|
|
23310
|
+
--pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
|
|
23311
|
+
--pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
|
|
23312
|
+
--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
23313
|
+
--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
23314
|
+
}
|
|
23315
|
+
|
|
23316
|
+
.pf-v6-c-overflow-menu {
|
|
23317
|
+
display: inline-flex;
|
|
23318
|
+
column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
|
|
23319
|
+
}
|
|
23320
|
+
|
|
23321
|
+
.pf-v6-c-overflow-menu__content,
|
|
23322
|
+
.pf-v6-c-overflow-menu__group {
|
|
23323
|
+
display: flex;
|
|
23324
|
+
align-items: start;
|
|
23325
|
+
}
|
|
23326
|
+
|
|
23327
|
+
.pf-v6-c-overflow-menu__group {
|
|
23328
|
+
column-gap: var(--pf-v6-c-overflow-menu__group--ColumnGap);
|
|
23329
|
+
}
|
|
23330
|
+
|
|
23331
|
+
.pf-v6-c-overflow-menu__group.pf-m-button-group {
|
|
23332
|
+
column-gap: var(--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap);
|
|
23333
|
+
}
|
|
23334
|
+
|
|
23335
|
+
.pf-v6-c-overflow-menu__group.pf-m-icon-button-group {
|
|
23336
|
+
column-gap: var(--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap);
|
|
23337
|
+
}
|
|
23338
|
+
|
|
23339
|
+
.pf-v6-c-overflow-menu__item {
|
|
23340
|
+
column-gap: var(--pf-v6-c-overflow-menu__item--ColumnGap, var(--pf-v6-c-overflow-menu--ColumnGap));
|
|
23341
|
+
}
|
|
23342
|
+
|
|
23343
|
+
.pf-v6-c-overflow-menu__content,
|
|
23344
|
+
.pf-v6-c-overflow-menu__control {
|
|
23345
|
+
column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
|
|
23321
23346
|
}
|