@patternfly/react-core 4.232.13 → 4.234.0
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 +33 -0
- package/dist/esm/components/ExpandableSection/ExpandableSection.d.ts +17 -3
- package/dist/esm/components/ExpandableSection/ExpandableSection.d.ts.map +1 -1
- package/dist/esm/components/ExpandableSection/ExpandableSection.js +39 -8
- package/dist/esm/components/ExpandableSection/ExpandableSection.js.map +1 -1
- package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.d.ts +2 -0
- package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.d.ts.map +1 -1
- package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.js +4 -4
- package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.js.map +1 -1
- package/dist/esm/components/InputGroup/InputGroup.d.ts.map +1 -1
- package/dist/esm/components/InputGroup/InputGroup.js +5 -3
- package/dist/esm/components/InputGroup/InputGroup.js.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.js +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/esm/components/NumberInput/NumberInput.d.ts +5 -0
- package/dist/esm/components/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/esm/components/NumberInput/NumberInput.js +5 -4
- package/dist/esm/components/NumberInput/NumberInput.js.map +1 -1
- package/dist/esm/components/TimePicker/TimePicker.d.ts +1 -0
- package/dist/esm/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/dist/esm/components/TimePicker/TimePicker.js +14 -2
- package/dist/esm/components/TimePicker/TimePicker.js.map +1 -1
- package/dist/esm/components/Timestamp/Timestamp.d.ts +72 -0
- package/dist/esm/components/Timestamp/Timestamp.d.ts.map +1 -0
- package/dist/esm/components/Timestamp/Timestamp.js +33 -0
- package/dist/esm/components/Timestamp/Timestamp.js.map +1 -0
- package/dist/esm/components/Timestamp/index.d.ts +2 -0
- package/dist/esm/components/Timestamp/index.d.ts.map +1 -0
- package/dist/esm/components/Timestamp/index.js +2 -0
- package/dist/esm/components/Timestamp/index.js.map +1 -0
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +1 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/js/components/ExpandableSection/ExpandableSection.d.ts +17 -3
- package/dist/js/components/ExpandableSection/ExpandableSection.d.ts.map +1 -1
- package/dist/js/components/ExpandableSection/ExpandableSection.js +40 -9
- package/dist/js/components/ExpandableSection/ExpandableSection.js.map +1 -1
- package/dist/js/components/ExpandableSection/ExpandableSectionToggle.d.ts +2 -0
- package/dist/js/components/ExpandableSection/ExpandableSectionToggle.d.ts.map +1 -1
- package/dist/js/components/ExpandableSection/ExpandableSectionToggle.js +4 -4
- package/dist/js/components/ExpandableSection/ExpandableSectionToggle.js.map +1 -1
- package/dist/js/components/InputGroup/InputGroup.d.ts.map +1 -1
- package/dist/js/components/InputGroup/InputGroup.js +5 -3
- package/dist/js/components/InputGroup/InputGroup.js.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.js +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/js/components/NumberInput/NumberInput.d.ts +5 -0
- package/dist/js/components/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/js/components/NumberInput/NumberInput.js +4 -3
- package/dist/js/components/NumberInput/NumberInput.js.map +1 -1
- package/dist/js/components/TimePicker/TimePicker.d.ts +1 -0
- package/dist/js/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/dist/js/components/TimePicker/TimePicker.js +14 -2
- package/dist/js/components/TimePicker/TimePicker.js.map +1 -1
- package/dist/js/components/Timestamp/Timestamp.d.ts +72 -0
- package/dist/js/components/Timestamp/Timestamp.d.ts.map +1 -0
- package/dist/js/components/Timestamp/Timestamp.js +37 -0
- package/dist/js/components/Timestamp/Timestamp.js.map +1 -0
- package/dist/js/components/Timestamp/index.d.ts +2 -0
- package/dist/js/components/Timestamp/index.d.ts.map +1 -0
- package/dist/js/components/Timestamp/index.js +5 -0
- package/dist/js/components/Timestamp/index.js.map +1 -0
- package/dist/js/components/index.d.ts +1 -0
- package/dist/js/components/index.d.ts.map +1 -1
- package/dist/js/components/index.js +1 -0
- package/dist/js/components/index.js.map +1 -1
- package/dist/styles/base-no-reset.css +2 -2
- package/dist/styles/base.css +2 -2
- package/dist/umd/react-core.css +58 -12
- package/dist/umd/react-core.js +861 -770
- package/dist/umd/react-core.min.css +312 -266
- package/dist/umd/react-core.min.js +5 -5
- package/package.json +6 -6
- package/src/components/Button/examples/Button.md +55 -24
- package/src/components/ContextSelector/examples/ContextSelectorBasic.tsx +4 -4
- package/src/components/ContextSelector/examples/ContextSelectorPlainText.tsx +3 -3
- package/src/components/ContextSelector/examples/ContextSelectorWithFooter.tsx +4 -4
- package/src/components/DualListSelector/examples/DualListSelectorComposable.tsx +8 -2
- package/src/components/DualListSelector/examples/DualListSelectorComposableDragDrop.tsx +3 -9
- package/src/components/DualListSelector/examples/DualListSelectorComposableTree.tsx +3 -3
- package/src/components/DualListSelector/examples/DualListSelectorTreeExample.tsx +8 -5
- package/src/components/ExpandableSection/ExpandableSection.tsx +73 -19
- package/src/components/ExpandableSection/ExpandableSectionToggle.tsx +15 -9
- package/src/components/ExpandableSection/__tests__/ExpandableSection.test.tsx +27 -1
- package/src/components/ExpandableSection/examples/ExpandableSection.md +7 -0
- package/src/components/ExpandableSection/examples/ExpandableSectionTruncateExpansion.tsx +27 -0
- package/src/components/InputGroup/InputGroup.tsx +5 -3
- package/src/components/InputGroup/__tests__/InputGroup.test.tsx +30 -0
- package/src/components/MenuToggle/MenuToggle.tsx +2 -2
- package/src/components/NumberInput/NumberInput.tsx +14 -8
- package/src/components/NumberInput/__tests__/NumberInput.test.tsx +16 -0
- package/src/components/NumberInput/__tests__/__snapshots__/NumberInput.test.tsx.snap +292 -18
- package/src/components/NumberInput/examples/NumberInput.md +5 -0
- package/src/components/NumberInput/examples/WithStatus.tsx +59 -0
- package/src/components/TimePicker/TimePicker.tsx +19 -11
- package/src/components/Timestamp/Timestamp.tsx +134 -0
- package/src/components/Timestamp/__tests__/Timestamp.test.tsx +177 -0
- package/src/components/Timestamp/__tests__/__snapshots__/Timestamp.test.tsx.snap +17 -0
- package/src/components/Timestamp/examples/Timestamp.md +57 -0
- package/src/components/Timestamp/examples/TimestampBasicFormats.tsx +26 -0
- package/src/components/Timestamp/examples/TimestampCustomContent.tsx +20 -0
- package/src/components/Timestamp/examples/TimestampCustomFormat.tsx +6 -0
- package/src/components/Timestamp/examples/TimestampCustomTooltip.tsx +19 -0
- package/src/components/Timestamp/examples/TimestampDefault.tsx +4 -0
- package/src/components/Timestamp/examples/TimestampDefaultTooltip.tsx +18 -0
- package/src/components/Timestamp/index.ts +1 -0
- package/src/components/index.ts +1 -0
- package/src/demos/Button.md +5 -1
- package/src/demos/ComposableMenu/examples/ComposableActionsMenu.tsx +12 -8
- package/src/demos/ComposableMenu/examples/ComposableApplicationLauncher.tsx +12 -11
- package/src/demos/ComposableMenu/examples/ComposableContextSelector.tsx +10 -12
- package/src/demos/ComposableMenu/examples/ComposableDrilldownMenu.tsx +7 -7
- package/src/demos/ComposableMenu/examples/ComposableFlyout.tsx +8 -8
- package/src/demos/ComposableMenu/examples/ComposableSimpleCheckboxSelect.tsx +11 -8
- package/src/demos/ComposableMenu/examples/ComposableSimpleDropdown.tsx +7 -7
- package/src/demos/ComposableMenu/examples/ComposableSimpleSelect.tsx +17 -8
- package/src/demos/ComposableMenu/examples/ComposableTreeViewMenu.tsx +11 -10
- package/src/demos/ComposableMenu/examples/ComposableTypeaheadSelect.tsx +2 -2
|
@@ -2590,6 +2590,10 @@ button.pf-c-breadcrumb__link {
|
|
|
2590
2590
|
--pf-c-button--m-tertiary--focus--Color: var(--pf-global--palette--black-100);
|
|
2591
2591
|
--pf-c-button--m-tertiary--active--after--BorderColor: var(--pf-global--BorderColor--100);
|
|
2592
2592
|
--pf-c-button--m-tertiary--active--Color: var(--pf-global--palette--black-100);
|
|
2593
|
+
--pf-c-button--m-warning--Color: var(--pf-global--palette--black-900);
|
|
2594
|
+
--pf-c-button--m-warning--hover--Color: var(--pf-global--palette--black-900);
|
|
2595
|
+
--pf-c-button--m-warning--focus--Color: var(--pf-global--palette--black-900);
|
|
2596
|
+
--pf-c-button--m-warning--active--Color: var(--pf-global--palette--black-900);
|
|
2593
2597
|
--pf-c-button--m-warning--hover--BackgroundColor: var(--pf-global--warning-color--200);
|
|
2594
2598
|
--pf-c-button--m-warning--focus--BackgroundColor: var(--pf-global--warning-color--200);
|
|
2595
2599
|
--pf-c-button--m-warning--active--BackgroundColor: var(--pf-global--warning-color--200);
|
|
@@ -8464,6 +8468,153 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8464
8468
|
font-size: var(--pf-global--FontSize--lg);
|
|
8465
8469
|
}
|
|
8466
8470
|
|
|
8471
|
+
.pf-c-expandable-section {
|
|
8472
|
+
--pf-c-expandable-section__toggle--PaddingTop: var(--pf-global--spacer--form-element);
|
|
8473
|
+
--pf-c-expandable-section__toggle--PaddingRight: var(--pf-global--spacer--md);
|
|
8474
|
+
--pf-c-expandable-section__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
8475
|
+
--pf-c-expandable-section__toggle--PaddingLeft: 0;
|
|
8476
|
+
--pf-c-expandable-section__toggle--MarginTop: 0;
|
|
8477
|
+
--pf-c-expandable-section__toggle--Color: var(--pf-global--link--Color);
|
|
8478
|
+
--pf-c-expandable-section__toggle--hover--Color: var(--pf-global--link--Color--hover);
|
|
8479
|
+
--pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
|
|
8480
|
+
--pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
|
|
8481
|
+
--pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
|
|
8482
|
+
--pf-c-expandable-section__toggle-icon--MinWidth: 1em;
|
|
8483
|
+
--pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
|
|
8484
|
+
--pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
|
|
8485
|
+
--pf-c-expandable-section__toggle-icon--Rotate: 0;
|
|
8486
|
+
--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
|
|
8487
|
+
--pf-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
|
|
8488
|
+
--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
|
|
8489
|
+
--pf-c-expandable-section__toggle-text--MarginLeft: calc(var(--pf-global--spacer--xs) + var(--pf-global--spacer--sm));
|
|
8490
|
+
--pf-c-expandable-section__content--MarginTop: var(--pf-global--spacer--md);
|
|
8491
|
+
--pf-c-expandable-section__content--MaxWidth: auto;
|
|
8492
|
+
--pf-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
8493
|
+
--pf-c-expandable-section--m-display-lg--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
8494
|
+
--pf-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
|
|
8495
|
+
--pf-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
|
|
8496
|
+
--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
|
|
8497
|
+
--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--md);
|
|
8498
|
+
--pf-c-expandable-section--m-display-lg__content--MarginTop: 0;
|
|
8499
|
+
--pf-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-global--spacer--lg);
|
|
8500
|
+
--pf-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-global--spacer--lg);
|
|
8501
|
+
--pf-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-global--spacer--lg);
|
|
8502
|
+
--pf-c-expandable-section--m-display-lg--after--BackgroundColor: transparent;
|
|
8503
|
+
--pf-c-expandable-section--m-display-lg--after--Width: var(--pf-global--BorderWidth--lg);
|
|
8504
|
+
--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
|
|
8505
|
+
--pf-c-expandable-section--m-indented__content--PaddingLeft: calc(var(--pf-c-expandable-section__toggle-text--MarginLeft) + var(--pf-c-expandable-section__toggle-icon--MinWidth));
|
|
8506
|
+
--pf-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
8507
|
+
--pf-c-expandable-section--m-truncate__toggle--MarginTop: var(--pf-global--spacer--xs);
|
|
8508
|
+
}
|
|
8509
|
+
|
|
8510
|
+
.pf-c-expandable-section.pf-m-expanded {
|
|
8511
|
+
--pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--m-expanded--Color);
|
|
8512
|
+
--pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--Rotate);
|
|
8513
|
+
--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
|
|
8514
|
+
--pf-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
|
|
8515
|
+
}
|
|
8516
|
+
|
|
8517
|
+
.pf-c-expandable-section.pf-m-detached, .pf-c-expandable-section.pf-m-truncate {
|
|
8518
|
+
--pf-c-expandable-section__content--MarginTop: 0;
|
|
8519
|
+
}
|
|
8520
|
+
|
|
8521
|
+
.pf-c-expandable-section.pf-m-limit-width {
|
|
8522
|
+
--pf-c-expandable-section__content--MaxWidth: var(--pf-c-expandable-section--m-limit-width__content--MaxWidth);
|
|
8523
|
+
}
|
|
8524
|
+
|
|
8525
|
+
.pf-c-expandable-section.pf-m-display-lg {
|
|
8526
|
+
--pf-c-expandable-section__toggle--PaddingTop: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingTop);
|
|
8527
|
+
--pf-c-expandable-section__toggle--PaddingRight: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingRight);
|
|
8528
|
+
--pf-c-expandable-section__toggle--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom);
|
|
8529
|
+
--pf-c-expandable-section__toggle--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft);
|
|
8530
|
+
--pf-c-expandable-section__content--PaddingRight: var(--pf-c-expandable-section--m-display-lg__content--PaddingRight);
|
|
8531
|
+
--pf-c-expandable-section__content--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__content--PaddingBottom);
|
|
8532
|
+
--pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__content--PaddingLeft);
|
|
8533
|
+
--pf-c-expandable-section__content--MarginTop: var(--pf-c-expandable-section--m-display-lg__content--MarginTop);
|
|
8534
|
+
position: relative;
|
|
8535
|
+
box-shadow: var(--pf-c-expandable-section--m-display-lg--BoxShadow);
|
|
8536
|
+
}
|
|
8537
|
+
|
|
8538
|
+
.pf-c-expandable-section.pf-m-display-lg::after {
|
|
8539
|
+
position: absolute;
|
|
8540
|
+
top: 0;
|
|
8541
|
+
bottom: 0;
|
|
8542
|
+
left: 0;
|
|
8543
|
+
width: var(--pf-c-expandable-section--m-display-lg--after--Width);
|
|
8544
|
+
content: "";
|
|
8545
|
+
background-color: var(--pf-c-expandable-section--m-display-lg--after--BackgroundColor);
|
|
8546
|
+
}
|
|
8547
|
+
|
|
8548
|
+
.pf-c-expandable-section.pf-m-indented {
|
|
8549
|
+
--pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-indented__content--PaddingLeft);
|
|
8550
|
+
}
|
|
8551
|
+
|
|
8552
|
+
.pf-c-expandable-section.pf-m-truncate {
|
|
8553
|
+
--pf-c-expandable-section__toggle--MarginTop: var(--pf-c-expandable-section--m-truncate__toggle--MarginTop);
|
|
8554
|
+
--pf-c-expandable-section__toggle--PaddingTop: 0;
|
|
8555
|
+
--pf-c-expandable-section__toggle--PaddingRight: 0;
|
|
8556
|
+
--pf-c-expandable-section__toggle--PaddingBottom: 0;
|
|
8557
|
+
--pf-c-expandable-section__toggle-text--MarginLeft: 0;
|
|
8558
|
+
}
|
|
8559
|
+
|
|
8560
|
+
.pf-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-c-expandable-section__content {
|
|
8561
|
+
display: -webkit-box;
|
|
8562
|
+
-webkit-box-orient: vertical;
|
|
8563
|
+
-webkit-line-clamp: var(--pf-c-expandable-section--m-truncate__content--LineClamp);
|
|
8564
|
+
overflow: hidden;
|
|
8565
|
+
}
|
|
8566
|
+
|
|
8567
|
+
.pf-c-expandable-section.pf-m-detached {
|
|
8568
|
+
--pf-c-expandable-section--m-truncate__toggle--MarginTop: 0;
|
|
8569
|
+
}
|
|
8570
|
+
|
|
8571
|
+
.pf-c-expandable-section__toggle {
|
|
8572
|
+
display: flex;
|
|
8573
|
+
padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
|
|
8574
|
+
margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
|
|
8575
|
+
color: var(--pf-c-expandable-section__toggle--Color);
|
|
8576
|
+
border: none;
|
|
8577
|
+
}
|
|
8578
|
+
|
|
8579
|
+
.pf-c-expandable-section__toggle:hover {
|
|
8580
|
+
--pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--hover--Color);
|
|
8581
|
+
}
|
|
8582
|
+
|
|
8583
|
+
.pf-c-expandable-section__toggle:active, .pf-c-expandable-section__toggle.pf-m-active {
|
|
8584
|
+
--pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--active--Color);
|
|
8585
|
+
}
|
|
8586
|
+
|
|
8587
|
+
.pf-c-expandable-section__toggle:focus {
|
|
8588
|
+
--pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color);
|
|
8589
|
+
}
|
|
8590
|
+
|
|
8591
|
+
.pf-c-expandable-section__toggle-icon {
|
|
8592
|
+
min-width: var(--pf-c-expandable-section__toggle-icon--MinWidth);
|
|
8593
|
+
color: var(--pf-c-expandable-section__toggle-icon--Color);
|
|
8594
|
+
transition: var(--pf-c-expandable-section__toggle-icon--Transition);
|
|
8595
|
+
transform: rotate(var(--pf-c-expandable-section__toggle-icon--Rotate));
|
|
8596
|
+
}
|
|
8597
|
+
|
|
8598
|
+
.pf-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
8599
|
+
--pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
8600
|
+
}
|
|
8601
|
+
|
|
8602
|
+
.pf-c-expandable-section__toggle-text {
|
|
8603
|
+
margin-left: var(--pf-c-expandable-section__toggle-text--MarginLeft);
|
|
8604
|
+
}
|
|
8605
|
+
|
|
8606
|
+
.pf-c-expandable-section__content {
|
|
8607
|
+
max-width: var(--pf-c-expandable-section__content--MaxWidth);
|
|
8608
|
+
padding-right: var(--pf-c-expandable-section__content--PaddingRight);
|
|
8609
|
+
padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom);
|
|
8610
|
+
padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
|
|
8611
|
+
margin-top: var(--pf-c-expandable-section__content--MarginTop);
|
|
8612
|
+
}
|
|
8613
|
+
|
|
8614
|
+
.pf-m-overpass-font .pf-c-expandable-section__toggle {
|
|
8615
|
+
font-weight: var(--pf-global--FontWeight--semi-bold);
|
|
8616
|
+
}
|
|
8617
|
+
|
|
8467
8618
|
.pf-c-file-upload {
|
|
8468
8619
|
--pf-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
8469
8620
|
--pf-c-file-upload--m-loading__file-details--before--Left: var(--pf-global--BorderWidth--sm);
|
|
@@ -9090,161 +9241,18 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9090
9241
|
padding-top: var(--pf-c-form__field-group-body--PaddingTop);
|
|
9091
9242
|
padding-bottom: var(--pf-c-form__field-group-body--PaddingBottom);
|
|
9092
9243
|
}
|
|
9093
|
-
|
|
9094
|
-
.pf-c-form__field-group-body > .pf-c-form__field-group:first-child {
|
|
9095
|
-
--pf-c-form__field-group-toggle--PaddingTop: 0;
|
|
9096
|
-
--pf-c-form__field-group-header--PaddingTop: 0;
|
|
9097
|
-
}
|
|
9098
|
-
|
|
9099
|
-
.pf-c-form__field-group-body > .pf-c-form__field-group:last-child {
|
|
9100
|
-
margin-bottom: var(--pf-c-form__field-group-body__field-group--last-child--MarginBottom);
|
|
9101
|
-
}
|
|
9102
|
-
|
|
9103
|
-
:where(.pf-theme-dark) .pf-c-form {
|
|
9104
|
-
--pf-c-form__helper-text--m-success--Color: var(--pf-global--success-color--100);
|
|
9105
|
-
}
|
|
9106
|
-
|
|
9107
|
-
.pf-c-expandable-section {
|
|
9108
|
-
--pf-c-expandable-section__toggle--PaddingTop: var(--pf-global--spacer--form-element);
|
|
9109
|
-
--pf-c-expandable-section__toggle--PaddingRight: var(--pf-global--spacer--md);
|
|
9110
|
-
--pf-c-expandable-section__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
9111
|
-
--pf-c-expandable-section__toggle--PaddingLeft: 0;
|
|
9112
|
-
--pf-c-expandable-section__toggle--MarginTop: 0;
|
|
9113
|
-
--pf-c-expandable-section__toggle--Color: var(--pf-global--link--Color);
|
|
9114
|
-
--pf-c-expandable-section__toggle--hover--Color: var(--pf-global--link--Color--hover);
|
|
9115
|
-
--pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
|
|
9116
|
-
--pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
|
|
9117
|
-
--pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
|
|
9118
|
-
--pf-c-expandable-section__toggle-icon--MinWidth: 1em;
|
|
9119
|
-
--pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
|
|
9120
|
-
--pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
|
|
9121
|
-
--pf-c-expandable-section__toggle-icon--Rotate: 0;
|
|
9122
|
-
--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
|
|
9123
|
-
--pf-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
|
|
9124
|
-
--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
|
|
9125
|
-
--pf-c-expandable-section__toggle-text--MarginLeft: calc(var(--pf-global--spacer--xs) + var(--pf-global--spacer--sm));
|
|
9126
|
-
--pf-c-expandable-section__content--MarginTop: var(--pf-global--spacer--md);
|
|
9127
|
-
--pf-c-expandable-section__content--MaxWidth: auto;
|
|
9128
|
-
--pf-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
9129
|
-
--pf-c-expandable-section--m-display-lg--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
9130
|
-
--pf-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
|
|
9131
|
-
--pf-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
|
|
9132
|
-
--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
|
|
9133
|
-
--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--md);
|
|
9134
|
-
--pf-c-expandable-section--m-display-lg__content--MarginTop: 0;
|
|
9135
|
-
--pf-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-global--spacer--lg);
|
|
9136
|
-
--pf-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-global--spacer--lg);
|
|
9137
|
-
--pf-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-global--spacer--lg);
|
|
9138
|
-
--pf-c-expandable-section--m-display-lg--after--BackgroundColor: transparent;
|
|
9139
|
-
--pf-c-expandable-section--m-display-lg--after--Width: var(--pf-global--BorderWidth--lg);
|
|
9140
|
-
--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
|
|
9141
|
-
--pf-c-expandable-section--m-indented__content--PaddingLeft: calc(var(--pf-c-expandable-section__toggle-text--MarginLeft) + var(--pf-c-expandable-section__toggle-icon--MinWidth));
|
|
9142
|
-
--pf-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
9143
|
-
--pf-c-expandable-section--m-truncate__toggle--MarginTop: var(--pf-global--spacer--xs);
|
|
9144
|
-
}
|
|
9145
|
-
|
|
9146
|
-
.pf-c-expandable-section.pf-m-expanded {
|
|
9147
|
-
--pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--m-expanded--Color);
|
|
9148
|
-
--pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--Rotate);
|
|
9149
|
-
--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
|
|
9150
|
-
--pf-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
|
|
9151
|
-
}
|
|
9152
|
-
|
|
9153
|
-
.pf-c-expandable-section.pf-m-detached, .pf-c-expandable-section.pf-m-truncate {
|
|
9154
|
-
--pf-c-expandable-section__content--MarginTop: 0;
|
|
9155
|
-
}
|
|
9156
|
-
|
|
9157
|
-
.pf-c-expandable-section.pf-m-limit-width {
|
|
9158
|
-
--pf-c-expandable-section__content--MaxWidth: var(--pf-c-expandable-section--m-limit-width__content--MaxWidth);
|
|
9159
|
-
}
|
|
9160
|
-
|
|
9161
|
-
.pf-c-expandable-section.pf-m-display-lg {
|
|
9162
|
-
--pf-c-expandable-section__toggle--PaddingTop: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingTop);
|
|
9163
|
-
--pf-c-expandable-section__toggle--PaddingRight: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingRight);
|
|
9164
|
-
--pf-c-expandable-section__toggle--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom);
|
|
9165
|
-
--pf-c-expandable-section__toggle--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft);
|
|
9166
|
-
--pf-c-expandable-section__content--PaddingRight: var(--pf-c-expandable-section--m-display-lg__content--PaddingRight);
|
|
9167
|
-
--pf-c-expandable-section__content--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__content--PaddingBottom);
|
|
9168
|
-
--pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__content--PaddingLeft);
|
|
9169
|
-
--pf-c-expandable-section__content--MarginTop: var(--pf-c-expandable-section--m-display-lg__content--MarginTop);
|
|
9170
|
-
position: relative;
|
|
9171
|
-
box-shadow: var(--pf-c-expandable-section--m-display-lg--BoxShadow);
|
|
9172
|
-
}
|
|
9173
|
-
|
|
9174
|
-
.pf-c-expandable-section.pf-m-display-lg::after {
|
|
9175
|
-
position: absolute;
|
|
9176
|
-
top: 0;
|
|
9177
|
-
bottom: 0;
|
|
9178
|
-
left: 0;
|
|
9179
|
-
width: var(--pf-c-expandable-section--m-display-lg--after--Width);
|
|
9180
|
-
content: "";
|
|
9181
|
-
background-color: var(--pf-c-expandable-section--m-display-lg--after--BackgroundColor);
|
|
9182
|
-
}
|
|
9183
|
-
|
|
9184
|
-
.pf-c-expandable-section.pf-m-indented {
|
|
9185
|
-
--pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-indented__content--PaddingLeft);
|
|
9186
|
-
}
|
|
9187
|
-
|
|
9188
|
-
.pf-c-expandable-section.pf-m-truncate {
|
|
9189
|
-
--pf-c-expandable-section__toggle--MarginTop: var(--pf-c-expandable-section--m-truncate__toggle--MarginTop);
|
|
9190
|
-
--pf-c-expandable-section__toggle--PaddingTop: 0;
|
|
9191
|
-
--pf-c-expandable-section__toggle--PaddingRight: 0;
|
|
9192
|
-
--pf-c-expandable-section__toggle--PaddingBottom: 0;
|
|
9193
|
-
--pf-c-expandable-section__toggle-text--MarginLeft: 0;
|
|
9194
|
-
}
|
|
9195
|
-
|
|
9196
|
-
.pf-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-c-expandable-section__content {
|
|
9197
|
-
display: -webkit-box;
|
|
9198
|
-
-webkit-box-orient: vertical;
|
|
9199
|
-
-webkit-line-clamp: var(--pf-c-expandable-section--m-truncate__content--LineClamp);
|
|
9200
|
-
overflow: hidden;
|
|
9201
|
-
}
|
|
9202
|
-
|
|
9203
|
-
.pf-c-expandable-section__toggle {
|
|
9204
|
-
display: flex;
|
|
9205
|
-
padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
|
|
9206
|
-
margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
|
|
9207
|
-
color: var(--pf-c-expandable-section__toggle--Color);
|
|
9208
|
-
border: none;
|
|
9209
|
-
}
|
|
9210
|
-
|
|
9211
|
-
.pf-c-expandable-section__toggle:hover {
|
|
9212
|
-
--pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--hover--Color);
|
|
9213
|
-
}
|
|
9214
|
-
|
|
9215
|
-
.pf-c-expandable-section__toggle:active, .pf-c-expandable-section__toggle.pf-m-active {
|
|
9216
|
-
--pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--active--Color);
|
|
9217
|
-
}
|
|
9218
|
-
|
|
9219
|
-
.pf-c-expandable-section__toggle:focus {
|
|
9220
|
-
--pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color);
|
|
9221
|
-
}
|
|
9222
|
-
|
|
9223
|
-
.pf-c-expandable-section__toggle-icon {
|
|
9224
|
-
min-width: var(--pf-c-expandable-section__toggle-icon--MinWidth);
|
|
9225
|
-
color: var(--pf-c-expandable-section__toggle-icon--Color);
|
|
9226
|
-
transition: var(--pf-c-expandable-section__toggle-icon--Transition);
|
|
9227
|
-
transform: rotate(var(--pf-c-expandable-section__toggle-icon--Rotate));
|
|
9228
|
-
}
|
|
9229
|
-
|
|
9230
|
-
.pf-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
9231
|
-
--pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
9232
|
-
}
|
|
9233
|
-
|
|
9234
|
-
.pf-c-expandable-section__toggle-text {
|
|
9235
|
-
margin-left: var(--pf-c-expandable-section__toggle-text--MarginLeft);
|
|
9244
|
+
|
|
9245
|
+
.pf-c-form__field-group-body > .pf-c-form__field-group:first-child {
|
|
9246
|
+
--pf-c-form__field-group-toggle--PaddingTop: 0;
|
|
9247
|
+
--pf-c-form__field-group-header--PaddingTop: 0;
|
|
9236
9248
|
}
|
|
9237
9249
|
|
|
9238
|
-
.pf-c-
|
|
9239
|
-
|
|
9240
|
-
padding-right: var(--pf-c-expandable-section__content--PaddingRight);
|
|
9241
|
-
padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom);
|
|
9242
|
-
padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
|
|
9243
|
-
margin-top: var(--pf-c-expandable-section__content--MarginTop);
|
|
9250
|
+
.pf-c-form__field-group-body > .pf-c-form__field-group:last-child {
|
|
9251
|
+
margin-bottom: var(--pf-c-form__field-group-body__field-group--last-child--MarginBottom);
|
|
9244
9252
|
}
|
|
9245
9253
|
|
|
9246
|
-
.pf-
|
|
9247
|
-
|
|
9254
|
+
:where(.pf-theme-dark) .pf-c-form {
|
|
9255
|
+
--pf-c-form__helper-text--m-success--Color: var(--pf-global--success-color--100);
|
|
9248
9256
|
}
|
|
9249
9257
|
|
|
9250
9258
|
.pf-c-helper-text {
|
|
@@ -20886,6 +20894,44 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
20886
20894
|
--pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--300);
|
|
20887
20895
|
}
|
|
20888
20896
|
|
|
20897
|
+
.pf-c-timestamp {
|
|
20898
|
+
--pf-c-timestamp--FontSize: var(--pf-global--FontSize--sm);
|
|
20899
|
+
--pf-c-timestamp--Color: var(--pf-global--Color--200);
|
|
20900
|
+
--pf-c-timestamp--OutlineOffset: 0.1875rem;
|
|
20901
|
+
--pf-c-timestamp--m-help-text--TextDecorationLine: underline;
|
|
20902
|
+
--pf-c-timestamp--m-help-text--TextDecorationStyle: dashed;
|
|
20903
|
+
--pf-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
|
|
20904
|
+
--pf-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
20905
|
+
--pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
|
|
20906
|
+
--pf-c-timestamp--m-help-text--hover--Color: var(--pf-global--Color--100);
|
|
20907
|
+
--pf-c-timestamp--m-help-text--focus--Color: var(--pf-global--Color--100);
|
|
20908
|
+
--pf-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
|
|
20909
|
+
--pf-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
|
|
20910
|
+
display: inline-block;
|
|
20911
|
+
font-size: var(--pf-c-timestamp--FontSize);
|
|
20912
|
+
color: var(--pf-c-timestamp--Color);
|
|
20913
|
+
outline-offset: var(--pf-c-timestamp--OutlineOffset);
|
|
20914
|
+
}
|
|
20915
|
+
|
|
20916
|
+
.pf-c-timestamp.pf-m-help-text {
|
|
20917
|
+
cursor: pointer;
|
|
20918
|
+
text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
|
|
20919
|
+
text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
|
|
20920
|
+
text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
|
|
20921
|
+
text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
|
|
20922
|
+
text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
|
|
20923
|
+
}
|
|
20924
|
+
|
|
20925
|
+
.pf-c-timestamp.pf-m-help-text:hover {
|
|
20926
|
+
--pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
|
|
20927
|
+
--pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--hover--TextDecorationColor);
|
|
20928
|
+
}
|
|
20929
|
+
|
|
20930
|
+
.pf-c-timestamp.pf-m-help-text:focus {
|
|
20931
|
+
--pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--focus--Color);
|
|
20932
|
+
--pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--focus--TextDecorationColor);
|
|
20933
|
+
}
|
|
20934
|
+
|
|
20889
20935
|
.pf-c-title {
|
|
20890
20936
|
--pf-c-title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
20891
20937
|
--pf-c-title--m-4xl--LineHeight: var(--pf-global--LineHeight--sm);
|
|
@@ -22452,6 +22498,52 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
22452
22498
|
--pf-c-toolbar--spacer: 0;
|
|
22453
22499
|
}
|
|
22454
22500
|
|
|
22501
|
+
.pf-c-number-input .pf-c-form-control {
|
|
22502
|
+
appearance: textfield;
|
|
22503
|
+
}
|
|
22504
|
+
|
|
22505
|
+
.pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button {
|
|
22506
|
+
appearance: none;
|
|
22507
|
+
margin: 0;
|
|
22508
|
+
}
|
|
22509
|
+
|
|
22510
|
+
.pf-c-number-input {
|
|
22511
|
+
--pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
|
|
22512
|
+
--pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
|
|
22513
|
+
--pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
|
|
22514
|
+
--pf-c-number-input--c-form-control--width-icon: 0px;
|
|
22515
|
+
--pf-c-number-input--m-status--c-form-control--width-icon: var(--pf-global--spacer--xl);
|
|
22516
|
+
--pf-c-number-input--c-form-control--width-chars: 4;
|
|
22517
|
+
--pf-c-number-input--c-form-control--Width:
|
|
22518
|
+
calc(
|
|
22519
|
+
calc(
|
|
22520
|
+
var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch
|
|
22521
|
+
) + var(--pf-c-number-input--c-form-control--width-icon)
|
|
22522
|
+
);
|
|
22523
|
+
display: inline-flex;
|
|
22524
|
+
align-items: center;
|
|
22525
|
+
}
|
|
22526
|
+
|
|
22527
|
+
.pf-c-number-input.pf-m-status {
|
|
22528
|
+
--pf-c-number-input--c-form-control--width-icon: var(--pf-c-number-input--m-status--c-form-control--width-icon);
|
|
22529
|
+
}
|
|
22530
|
+
|
|
22531
|
+
.pf-c-number-input .pf-c-form-control {
|
|
22532
|
+
display: inline-flex;
|
|
22533
|
+
width: var(--pf-c-number-input--c-form-control--Width);
|
|
22534
|
+
text-align: right;
|
|
22535
|
+
}
|
|
22536
|
+
|
|
22537
|
+
.pf-c-input-group + .pf-c-number-input__unit,
|
|
22538
|
+
.pf-c-number-input__unit + .pf-c-input-group {
|
|
22539
|
+
margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft);
|
|
22540
|
+
}
|
|
22541
|
+
|
|
22542
|
+
.pf-c-number-input__icon {
|
|
22543
|
+
display: flex;
|
|
22544
|
+
font-size: var(--pf-c-number-input__icon--FontSize);
|
|
22545
|
+
}
|
|
22546
|
+
|
|
22455
22547
|
.pf-c-tooltip {
|
|
22456
22548
|
--pf-c-tooltip--MaxWidth: 18.75rem;
|
|
22457
22549
|
--pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
@@ -22560,52 +22652,6 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
22560
22652
|
--pf-c-tooltip__arrow--Height: 0.9375rem;
|
|
22561
22653
|
}
|
|
22562
22654
|
|
|
22563
|
-
.pf-c-number-input .pf-c-form-control {
|
|
22564
|
-
appearance: textfield;
|
|
22565
|
-
}
|
|
22566
|
-
|
|
22567
|
-
.pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button {
|
|
22568
|
-
appearance: none;
|
|
22569
|
-
margin: 0;
|
|
22570
|
-
}
|
|
22571
|
-
|
|
22572
|
-
.pf-c-number-input {
|
|
22573
|
-
--pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
|
|
22574
|
-
--pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
|
|
22575
|
-
--pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
|
|
22576
|
-
--pf-c-number-input--c-form-control--width-icon: 0px;
|
|
22577
|
-
--pf-c-number-input--m-status--c-form-control--width-icon: var(--pf-global--spacer--xl);
|
|
22578
|
-
--pf-c-number-input--c-form-control--width-chars: 4;
|
|
22579
|
-
--pf-c-number-input--c-form-control--Width:
|
|
22580
|
-
calc(
|
|
22581
|
-
calc(
|
|
22582
|
-
var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch
|
|
22583
|
-
) + var(--pf-c-number-input--c-form-control--width-icon)
|
|
22584
|
-
);
|
|
22585
|
-
display: inline-flex;
|
|
22586
|
-
align-items: center;
|
|
22587
|
-
}
|
|
22588
|
-
|
|
22589
|
-
.pf-c-number-input.pf-m-status {
|
|
22590
|
-
--pf-c-number-input--c-form-control--width-icon: var(--pf-c-number-input--m-status--c-form-control--width-icon);
|
|
22591
|
-
}
|
|
22592
|
-
|
|
22593
|
-
.pf-c-number-input .pf-c-form-control {
|
|
22594
|
-
display: inline-flex;
|
|
22595
|
-
width: var(--pf-c-number-input--c-form-control--Width);
|
|
22596
|
-
text-align: right;
|
|
22597
|
-
}
|
|
22598
|
-
|
|
22599
|
-
.pf-c-input-group + .pf-c-number-input__unit,
|
|
22600
|
-
.pf-c-number-input__unit + .pf-c-input-group {
|
|
22601
|
-
margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft);
|
|
22602
|
-
}
|
|
22603
|
-
|
|
22604
|
-
.pf-c-number-input__icon {
|
|
22605
|
-
display: flex;
|
|
22606
|
-
font-size: var(--pf-c-number-input__icon--FontSize);
|
|
22607
|
-
}
|
|
22608
|
-
|
|
22609
22655
|
.pf-c-tree-view {
|
|
22610
22656
|
--pf-c-tree-view--PaddingTop: var(--pf-global--spacer--sm);
|
|
22611
22657
|
--pf-c-tree-view--PaddingBottom: var(--pf-global--spacer--sm);
|
|
@@ -26117,75 +26163,6 @@ label.pf-c-tree-view__node-text {
|
|
|
26117
26163
|
--pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
|
|
26118
26164
|
}
|
|
26119
26165
|
}
|
|
26120
|
-
.pf-l-gallery {
|
|
26121
|
-
--pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
|
|
26122
|
-
--pf-l-gallery--GridTemplateColumns--min: 250px;
|
|
26123
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
26124
|
-
--pf-l-gallery--GridTemplateColumns--max: 1fr;
|
|
26125
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
26126
|
-
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
26127
|
-
--pf-l-gallery--GridTemplateRows: auto;
|
|
26128
|
-
display: grid;
|
|
26129
|
-
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
26130
|
-
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
26131
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
26132
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
26133
|
-
}
|
|
26134
|
-
|
|
26135
|
-
.pf-l-gallery.pf-m-gutter {
|
|
26136
|
-
grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
|
|
26137
|
-
}
|
|
26138
|
-
|
|
26139
|
-
@media (min-width: 576px) {
|
|
26140
|
-
.pf-l-gallery {
|
|
26141
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
|
|
26142
|
-
}
|
|
26143
|
-
}
|
|
26144
|
-
@media (min-width: 768px) {
|
|
26145
|
-
.pf-l-gallery {
|
|
26146
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
|
|
26147
|
-
}
|
|
26148
|
-
}
|
|
26149
|
-
@media (min-width: 992px) {
|
|
26150
|
-
.pf-l-gallery {
|
|
26151
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
|
|
26152
|
-
}
|
|
26153
|
-
}
|
|
26154
|
-
@media (min-width: 1200px) {
|
|
26155
|
-
.pf-l-gallery {
|
|
26156
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
|
|
26157
|
-
}
|
|
26158
|
-
}
|
|
26159
|
-
@media (min-width: 1450px) {
|
|
26160
|
-
.pf-l-gallery {
|
|
26161
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
|
|
26162
|
-
}
|
|
26163
|
-
}
|
|
26164
|
-
@media (min-width: 576px) {
|
|
26165
|
-
.pf-l-gallery {
|
|
26166
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
|
|
26167
|
-
}
|
|
26168
|
-
}
|
|
26169
|
-
@media (min-width: 768px) {
|
|
26170
|
-
.pf-l-gallery {
|
|
26171
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
|
|
26172
|
-
}
|
|
26173
|
-
}
|
|
26174
|
-
@media (min-width: 992px) {
|
|
26175
|
-
.pf-l-gallery {
|
|
26176
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
|
|
26177
|
-
}
|
|
26178
|
-
}
|
|
26179
|
-
@media (min-width: 1200px) {
|
|
26180
|
-
.pf-l-gallery {
|
|
26181
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
|
|
26182
|
-
}
|
|
26183
|
-
}
|
|
26184
|
-
@media (min-width: 1450px) {
|
|
26185
|
-
.pf-l-gallery {
|
|
26186
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
|
|
26187
|
-
}
|
|
26188
|
-
}
|
|
26189
26166
|
.pf-l-grid {
|
|
26190
26167
|
--pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
|
|
26191
26168
|
--pf-l-grid__item--GridColumnStart: auto;
|
|
@@ -27400,6 +27377,75 @@ label.pf-c-tree-view__node-text {
|
|
|
27400
27377
|
grid-gap: var(--pf-l-grid--m-gutter--GridGap);
|
|
27401
27378
|
}
|
|
27402
27379
|
|
|
27380
|
+
.pf-l-gallery {
|
|
27381
|
+
--pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
|
|
27382
|
+
--pf-l-gallery--GridTemplateColumns--min: 250px;
|
|
27383
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
27384
|
+
--pf-l-gallery--GridTemplateColumns--max: 1fr;
|
|
27385
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
27386
|
+
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
27387
|
+
--pf-l-gallery--GridTemplateRows: auto;
|
|
27388
|
+
display: grid;
|
|
27389
|
+
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
27390
|
+
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
27391
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
27392
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
27393
|
+
}
|
|
27394
|
+
|
|
27395
|
+
.pf-l-gallery.pf-m-gutter {
|
|
27396
|
+
grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
|
|
27397
|
+
}
|
|
27398
|
+
|
|
27399
|
+
@media (min-width: 576px) {
|
|
27400
|
+
.pf-l-gallery {
|
|
27401
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
|
|
27402
|
+
}
|
|
27403
|
+
}
|
|
27404
|
+
@media (min-width: 768px) {
|
|
27405
|
+
.pf-l-gallery {
|
|
27406
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
|
|
27407
|
+
}
|
|
27408
|
+
}
|
|
27409
|
+
@media (min-width: 992px) {
|
|
27410
|
+
.pf-l-gallery {
|
|
27411
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
|
|
27412
|
+
}
|
|
27413
|
+
}
|
|
27414
|
+
@media (min-width: 1200px) {
|
|
27415
|
+
.pf-l-gallery {
|
|
27416
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
|
|
27417
|
+
}
|
|
27418
|
+
}
|
|
27419
|
+
@media (min-width: 1450px) {
|
|
27420
|
+
.pf-l-gallery {
|
|
27421
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
|
|
27422
|
+
}
|
|
27423
|
+
}
|
|
27424
|
+
@media (min-width: 576px) {
|
|
27425
|
+
.pf-l-gallery {
|
|
27426
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
|
|
27427
|
+
}
|
|
27428
|
+
}
|
|
27429
|
+
@media (min-width: 768px) {
|
|
27430
|
+
.pf-l-gallery {
|
|
27431
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
|
|
27432
|
+
}
|
|
27433
|
+
}
|
|
27434
|
+
@media (min-width: 992px) {
|
|
27435
|
+
.pf-l-gallery {
|
|
27436
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
|
|
27437
|
+
}
|
|
27438
|
+
}
|
|
27439
|
+
@media (min-width: 1200px) {
|
|
27440
|
+
.pf-l-gallery {
|
|
27441
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
|
|
27442
|
+
}
|
|
27443
|
+
}
|
|
27444
|
+
@media (min-width: 1450px) {
|
|
27445
|
+
.pf-l-gallery {
|
|
27446
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
|
|
27447
|
+
}
|
|
27448
|
+
}
|
|
27403
27449
|
.pf-l-level {
|
|
27404
27450
|
--pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
|
|
27405
27451
|
display: flex;
|