@patternfly/react-core 4.250.2 → 4.250.4
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 +16 -0
- package/dist/esm/components/Select/Select.d.ts +2 -0
- package/dist/esm/components/Select/Select.d.ts.map +1 -1
- package/dist/esm/components/Select/Select.js +10 -3
- package/dist/esm/components/Select/Select.js.map +1 -1
- package/dist/js/components/Select/Select.d.ts +2 -0
- package/dist/js/components/Select/Select.d.ts.map +1 -1
- package/dist/js/components/Select/Select.js +10 -3
- package/dist/js/components/Select/Select.js.map +1 -1
- package/dist/umd/react-core.min.css +317 -317
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +2 -2
- package/src/components/Banner/__tests__/Banner.test.tsx +88 -23
- package/src/components/Banner/__tests__/__snapshots__/Banner.test.tsx.snap +2 -83
- package/src/components/Select/Select.tsx +12 -1
- package/src/components/Select/__tests__/Select.test.tsx +32 -0
- package/src/components/Select/examples/Select.md +17 -0
- package/src/components/Sidebar/examples/Sidebar.md +6 -83
- package/src/components/Sidebar/examples/SidebarBasic.tsx +24 -0
- package/src/components/Sidebar/examples/SidebarPanelRightGutter.tsx +24 -0
- package/src/components/Sidebar/examples/SidebarResponsivePanel.tsx +25 -0
- package/src/components/Sidebar/examples/SidebarStack.tsx +24 -0
- package/src/components/Sidebar/examples/SidebarStaticPanel.tsx +25 -0
- package/src/components/Sidebar/examples/SidebarStickyPanel.tsx +25 -0
|
@@ -1585,55 +1585,6 @@ textarea.pf-c-form-control {
|
|
|
1585
1585
|
box-shadow: var(--pf-c-back-to-top--c-button--BoxShadow);
|
|
1586
1586
|
}
|
|
1587
1587
|
|
|
1588
|
-
.pf-c-background-image {
|
|
1589
|
-
--pf-c-background-image--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
|
|
1590
|
-
--pf-c-background-image--BackgroundImage: url("../../assets/images/pfbg_576.jpg");
|
|
1591
|
-
--pf-c-background-image--BackgroundImage-2x: url("../../assets/images/pfbg_576@2x.jpg");
|
|
1592
|
-
--pf-c-background-image--BackgroundImage--sm: url("../../assets/images/pfbg_768.jpg");
|
|
1593
|
-
--pf-c-background-image--BackgroundImage--sm-2x: url("../../assets/images/pfbg_768@2x.jpg");
|
|
1594
|
-
--pf-c-background-image--BackgroundImage--lg: url("../../assets/images/pfbg_2000.jpg");
|
|
1595
|
-
--pf-c-background-image--Filter: url("#image_overlay");
|
|
1596
|
-
}
|
|
1597
|
-
|
|
1598
|
-
.pf-c-background-image::before {
|
|
1599
|
-
position: fixed;
|
|
1600
|
-
top: 0;
|
|
1601
|
-
left: 0;
|
|
1602
|
-
z-index: -1;
|
|
1603
|
-
width: 100%;
|
|
1604
|
-
height: 100%;
|
|
1605
|
-
content: "";
|
|
1606
|
-
background-color: var(--pf-c-background-image--BackgroundColor);
|
|
1607
|
-
background-image: var(--pf-c-background-image--BackgroundImage);
|
|
1608
|
-
filter: var(--pf-c-background-image--Filter);
|
|
1609
|
-
background-repeat: no-repeat;
|
|
1610
|
-
background-size: cover;
|
|
1611
|
-
}
|
|
1612
|
-
|
|
1613
|
-
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
|
1614
|
-
.pf-c-background-image::before {
|
|
1615
|
-
--pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage-2x);
|
|
1616
|
-
}
|
|
1617
|
-
}
|
|
1618
|
-
@media (min-width: 576px) {
|
|
1619
|
-
.pf-c-background-image::before {
|
|
1620
|
-
--pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage--sm);
|
|
1621
|
-
}
|
|
1622
|
-
}
|
|
1623
|
-
@media (min-width: 576px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 576px) and (min-resolution: 192dpi) {
|
|
1624
|
-
.pf-c-background-image::before {
|
|
1625
|
-
--pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage--sm-2x);
|
|
1626
|
-
}
|
|
1627
|
-
}
|
|
1628
|
-
@media (min-width: 992px) {
|
|
1629
|
-
.pf-c-background-image::before {
|
|
1630
|
-
--pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage--lg);
|
|
1631
|
-
}
|
|
1632
|
-
}
|
|
1633
|
-
.pf-c-background-image__filter {
|
|
1634
|
-
display: block;
|
|
1635
|
-
}
|
|
1636
|
-
|
|
1637
1588
|
.pf-c-badge {
|
|
1638
1589
|
--pf-c-badge--BorderRadius: var(--pf-global--BorderRadius--lg);
|
|
1639
1590
|
--pf-c-badge--FontSize: var(--pf-global--FontSize--xs);
|
|
@@ -1851,6 +1802,55 @@ textarea.pf-c-form-control {
|
|
|
1851
1802
|
color: var(--pf-global--palette--black-900);
|
|
1852
1803
|
}
|
|
1853
1804
|
|
|
1805
|
+
.pf-c-background-image {
|
|
1806
|
+
--pf-c-background-image--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
|
|
1807
|
+
--pf-c-background-image--BackgroundImage: url("../../assets/images/pfbg_576.jpg");
|
|
1808
|
+
--pf-c-background-image--BackgroundImage-2x: url("../../assets/images/pfbg_576@2x.jpg");
|
|
1809
|
+
--pf-c-background-image--BackgroundImage--sm: url("../../assets/images/pfbg_768.jpg");
|
|
1810
|
+
--pf-c-background-image--BackgroundImage--sm-2x: url("../../assets/images/pfbg_768@2x.jpg");
|
|
1811
|
+
--pf-c-background-image--BackgroundImage--lg: url("../../assets/images/pfbg_2000.jpg");
|
|
1812
|
+
--pf-c-background-image--Filter: url("#image_overlay");
|
|
1813
|
+
}
|
|
1814
|
+
|
|
1815
|
+
.pf-c-background-image::before {
|
|
1816
|
+
position: fixed;
|
|
1817
|
+
top: 0;
|
|
1818
|
+
left: 0;
|
|
1819
|
+
z-index: -1;
|
|
1820
|
+
width: 100%;
|
|
1821
|
+
height: 100%;
|
|
1822
|
+
content: "";
|
|
1823
|
+
background-color: var(--pf-c-background-image--BackgroundColor);
|
|
1824
|
+
background-image: var(--pf-c-background-image--BackgroundImage);
|
|
1825
|
+
filter: var(--pf-c-background-image--Filter);
|
|
1826
|
+
background-repeat: no-repeat;
|
|
1827
|
+
background-size: cover;
|
|
1828
|
+
}
|
|
1829
|
+
|
|
1830
|
+
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
|
1831
|
+
.pf-c-background-image::before {
|
|
1832
|
+
--pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage-2x);
|
|
1833
|
+
}
|
|
1834
|
+
}
|
|
1835
|
+
@media (min-width: 576px) {
|
|
1836
|
+
.pf-c-background-image::before {
|
|
1837
|
+
--pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage--sm);
|
|
1838
|
+
}
|
|
1839
|
+
}
|
|
1840
|
+
@media (min-width: 576px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 576px) and (min-resolution: 192dpi) {
|
|
1841
|
+
.pf-c-background-image::before {
|
|
1842
|
+
--pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage--sm-2x);
|
|
1843
|
+
}
|
|
1844
|
+
}
|
|
1845
|
+
@media (min-width: 992px) {
|
|
1846
|
+
.pf-c-background-image::before {
|
|
1847
|
+
--pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage--lg);
|
|
1848
|
+
}
|
|
1849
|
+
}
|
|
1850
|
+
.pf-c-background-image__filter {
|
|
1851
|
+
display: block;
|
|
1852
|
+
}
|
|
1853
|
+
|
|
1854
1854
|
.pf-c-brand {
|
|
1855
1855
|
--pf-c-brand--Width: auto;
|
|
1856
1856
|
--pf-c-brand--Height: auto;
|
|
@@ -9276,6 +9276,85 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9276
9276
|
--pf-c-form__helper-text--m-success--Color: var(--pf-global--success-color--100);
|
|
9277
9277
|
}
|
|
9278
9278
|
|
|
9279
|
+
.pf-c-helper-text {
|
|
9280
|
+
--pf-c-helper-text--Gap: var(--pf-global--spacer--xs);
|
|
9281
|
+
--pf-c-helper-text--FontSize: var(--pf-global--FontSize--sm);
|
|
9282
|
+
--pf-c-helper-text__item-icon--Color: var(--pf-global--Color--100);
|
|
9283
|
+
--pf-c-helper-text__item-text--Color: var(--pf-global--Color--100);
|
|
9284
|
+
--pf-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-global--Color--200);
|
|
9285
|
+
--pf-c-helper-text__item-text--m-indeterminate--Color: var(--pf-global--Color--200);
|
|
9286
|
+
--pf-c-helper-text__item-icon--m-warning--Color: var(--pf-global--warning-color--100);
|
|
9287
|
+
--pf-c-helper-text__item-text--m-warning--Color: var(--pf-global--warning-color--200);
|
|
9288
|
+
--pf-c-helper-text__item-icon--m-success--Color: var(--pf-global--success-color--100);
|
|
9289
|
+
--pf-c-helper-text__item-text--m-success--Color: var(--pf-global--success-color--200);
|
|
9290
|
+
--pf-c-helper-text__item-icon--m-error--Color: var(--pf-global--danger-color--100);
|
|
9291
|
+
--pf-c-helper-text__item-text--m-error--Color: var(--pf-global--danger-color--200);
|
|
9292
|
+
--pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-global--Color--100);
|
|
9293
|
+
--pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-global--Color--100);
|
|
9294
|
+
--pf-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-global--Color--200);
|
|
9295
|
+
--pf-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-global--Color--200);
|
|
9296
|
+
--pf-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-global--warning-color--100);
|
|
9297
|
+
--pf-c-helper-text--m-dynamic--m-warning__item-text--Color: var(--pf-global--Color--200);
|
|
9298
|
+
--pf-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-global--success-color--100);
|
|
9299
|
+
--pf-c-helper-text--m-dynamic--m-success__item-text--Color: var(--pf-global--Color--200);
|
|
9300
|
+
--pf-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-global--danger-color--100);
|
|
9301
|
+
--pf-c-helper-text--m-dynamic--m-error__item-text--Color: var(--pf-global--Color--100);
|
|
9302
|
+
--pf-c-helper-text__item-icon--MarginRight: var(--pf-global--spacer--xs);
|
|
9303
|
+
display: grid;
|
|
9304
|
+
gap: var(--pf-c-helper-text--Gap);
|
|
9305
|
+
font-size: var(--pf-c-helper-text--FontSize);
|
|
9306
|
+
}
|
|
9307
|
+
|
|
9308
|
+
.pf-c-helper-text__item {
|
|
9309
|
+
display: flex;
|
|
9310
|
+
}
|
|
9311
|
+
|
|
9312
|
+
.pf-c-helper-text__item.pf-m-indeterminate {
|
|
9313
|
+
--pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-indeterminate--Color);
|
|
9314
|
+
--pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-indeterminate--Color);
|
|
9315
|
+
--pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
|
|
9316
|
+
--pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
|
|
9317
|
+
}
|
|
9318
|
+
|
|
9319
|
+
.pf-c-helper-text__item.pf-m-warning {
|
|
9320
|
+
--pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-warning--Color);
|
|
9321
|
+
--pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-warning--Color);
|
|
9322
|
+
--pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-warning__item-icon--Color);
|
|
9323
|
+
--pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-warning__item-text--Color);
|
|
9324
|
+
}
|
|
9325
|
+
|
|
9326
|
+
.pf-c-helper-text__item.pf-m-success {
|
|
9327
|
+
--pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-success--Color);
|
|
9328
|
+
--pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-success--Color);
|
|
9329
|
+
--pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-success__item-icon--Color);
|
|
9330
|
+
--pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-success__item-text--Color);
|
|
9331
|
+
}
|
|
9332
|
+
|
|
9333
|
+
.pf-c-helper-text__item.pf-m-error {
|
|
9334
|
+
--pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-error--Color);
|
|
9335
|
+
--pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-error--Color);
|
|
9336
|
+
--pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-error__item-icon--Color);
|
|
9337
|
+
--pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-error__item-text--Color);
|
|
9338
|
+
}
|
|
9339
|
+
|
|
9340
|
+
.pf-c-helper-text__item.pf-m-dynamic {
|
|
9341
|
+
--pf-c-helper-text__item-text--Color: var(--pf-c-helper-text--m-dynamic__item-text--Color);
|
|
9342
|
+
--pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text--m-dynamic__item-icon--Color);
|
|
9343
|
+
}
|
|
9344
|
+
|
|
9345
|
+
.pf-c-helper-text__item-icon {
|
|
9346
|
+
margin-right: var(--pf-c-helper-text__item-icon--MarginRight);
|
|
9347
|
+
color: var(--pf-c-helper-text__item-icon--Color);
|
|
9348
|
+
}
|
|
9349
|
+
|
|
9350
|
+
.pf-c-helper-text__item-text {
|
|
9351
|
+
color: var(--pf-c-helper-text__item-text--Color);
|
|
9352
|
+
}
|
|
9353
|
+
|
|
9354
|
+
:where(.pf-theme-dark) .pf-c-helper-text {
|
|
9355
|
+
--pf-c-helper-text__item-text--m-success--Color: var(--pf-global--success-color--100);
|
|
9356
|
+
}
|
|
9357
|
+
|
|
9279
9358
|
.pf-c-hint {
|
|
9280
9359
|
--pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
|
|
9281
9360
|
--pf-c-hint--PaddingTop: var(--pf-global--spacer--lg);
|
|
@@ -9589,85 +9668,6 @@ label.pf-c-input-group__text {
|
|
|
9589
9668
|
--pf-c-input-group__text--BackgroundColor: transparent;
|
|
9590
9669
|
}
|
|
9591
9670
|
|
|
9592
|
-
.pf-c-helper-text {
|
|
9593
|
-
--pf-c-helper-text--Gap: var(--pf-global--spacer--xs);
|
|
9594
|
-
--pf-c-helper-text--FontSize: var(--pf-global--FontSize--sm);
|
|
9595
|
-
--pf-c-helper-text__item-icon--Color: var(--pf-global--Color--100);
|
|
9596
|
-
--pf-c-helper-text__item-text--Color: var(--pf-global--Color--100);
|
|
9597
|
-
--pf-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-global--Color--200);
|
|
9598
|
-
--pf-c-helper-text__item-text--m-indeterminate--Color: var(--pf-global--Color--200);
|
|
9599
|
-
--pf-c-helper-text__item-icon--m-warning--Color: var(--pf-global--warning-color--100);
|
|
9600
|
-
--pf-c-helper-text__item-text--m-warning--Color: var(--pf-global--warning-color--200);
|
|
9601
|
-
--pf-c-helper-text__item-icon--m-success--Color: var(--pf-global--success-color--100);
|
|
9602
|
-
--pf-c-helper-text__item-text--m-success--Color: var(--pf-global--success-color--200);
|
|
9603
|
-
--pf-c-helper-text__item-icon--m-error--Color: var(--pf-global--danger-color--100);
|
|
9604
|
-
--pf-c-helper-text__item-text--m-error--Color: var(--pf-global--danger-color--200);
|
|
9605
|
-
--pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-global--Color--100);
|
|
9606
|
-
--pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-global--Color--100);
|
|
9607
|
-
--pf-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-global--Color--200);
|
|
9608
|
-
--pf-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-global--Color--200);
|
|
9609
|
-
--pf-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-global--warning-color--100);
|
|
9610
|
-
--pf-c-helper-text--m-dynamic--m-warning__item-text--Color: var(--pf-global--Color--200);
|
|
9611
|
-
--pf-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-global--success-color--100);
|
|
9612
|
-
--pf-c-helper-text--m-dynamic--m-success__item-text--Color: var(--pf-global--Color--200);
|
|
9613
|
-
--pf-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-global--danger-color--100);
|
|
9614
|
-
--pf-c-helper-text--m-dynamic--m-error__item-text--Color: var(--pf-global--Color--100);
|
|
9615
|
-
--pf-c-helper-text__item-icon--MarginRight: var(--pf-global--spacer--xs);
|
|
9616
|
-
display: grid;
|
|
9617
|
-
gap: var(--pf-c-helper-text--Gap);
|
|
9618
|
-
font-size: var(--pf-c-helper-text--FontSize);
|
|
9619
|
-
}
|
|
9620
|
-
|
|
9621
|
-
.pf-c-helper-text__item {
|
|
9622
|
-
display: flex;
|
|
9623
|
-
}
|
|
9624
|
-
|
|
9625
|
-
.pf-c-helper-text__item.pf-m-indeterminate {
|
|
9626
|
-
--pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-indeterminate--Color);
|
|
9627
|
-
--pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-indeterminate--Color);
|
|
9628
|
-
--pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
|
|
9629
|
-
--pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
|
|
9630
|
-
}
|
|
9631
|
-
|
|
9632
|
-
.pf-c-helper-text__item.pf-m-warning {
|
|
9633
|
-
--pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-warning--Color);
|
|
9634
|
-
--pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-warning--Color);
|
|
9635
|
-
--pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-warning__item-icon--Color);
|
|
9636
|
-
--pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-warning__item-text--Color);
|
|
9637
|
-
}
|
|
9638
|
-
|
|
9639
|
-
.pf-c-helper-text__item.pf-m-success {
|
|
9640
|
-
--pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-success--Color);
|
|
9641
|
-
--pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-success--Color);
|
|
9642
|
-
--pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-success__item-icon--Color);
|
|
9643
|
-
--pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-success__item-text--Color);
|
|
9644
|
-
}
|
|
9645
|
-
|
|
9646
|
-
.pf-c-helper-text__item.pf-m-error {
|
|
9647
|
-
--pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-error--Color);
|
|
9648
|
-
--pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-error--Color);
|
|
9649
|
-
--pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-error__item-icon--Color);
|
|
9650
|
-
--pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-error__item-text--Color);
|
|
9651
|
-
}
|
|
9652
|
-
|
|
9653
|
-
.pf-c-helper-text__item.pf-m-dynamic {
|
|
9654
|
-
--pf-c-helper-text__item-text--Color: var(--pf-c-helper-text--m-dynamic__item-text--Color);
|
|
9655
|
-
--pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text--m-dynamic__item-icon--Color);
|
|
9656
|
-
}
|
|
9657
|
-
|
|
9658
|
-
.pf-c-helper-text__item-icon {
|
|
9659
|
-
margin-right: var(--pf-c-helper-text__item-icon--MarginRight);
|
|
9660
|
-
color: var(--pf-c-helper-text__item-icon--Color);
|
|
9661
|
-
}
|
|
9662
|
-
|
|
9663
|
-
.pf-c-helper-text__item-text {
|
|
9664
|
-
color: var(--pf-c-helper-text__item-text--Color);
|
|
9665
|
-
}
|
|
9666
|
-
|
|
9667
|
-
:where(.pf-theme-dark) .pf-c-helper-text {
|
|
9668
|
-
--pf-c-helper-text__item-text--m-success--Color: var(--pf-global--success-color--100);
|
|
9669
|
-
}
|
|
9670
|
-
|
|
9671
9671
|
.pf-c-jump-links {
|
|
9672
9672
|
--pf-c-jump-links__list--Display: flex;
|
|
9673
9673
|
--pf-c-jump-links__list--Visibility: visible;
|
|
@@ -21183,6 +21183,126 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
21183
21183
|
--pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
21184
21184
|
}
|
|
21185
21185
|
|
|
21186
|
+
.pf-c-toggle-group {
|
|
21187
|
+
--pf-c-toggle-group__button--PaddingTop: var(--pf-global--spacer--form-element);
|
|
21188
|
+
--pf-c-toggle-group__button--PaddingRight: var(--pf-global--spacer--md);
|
|
21189
|
+
--pf-c-toggle-group__button--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
21190
|
+
--pf-c-toggle-group__button--PaddingLeft: var(--pf-global--spacer--md);
|
|
21191
|
+
--pf-c-toggle-group__button--FontSize: var(--pf-global--FontSize--sm);
|
|
21192
|
+
--pf-c-toggle-group__button--LineHeight: calc(var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--md));
|
|
21193
|
+
--pf-c-toggle-group__button--Color: var(--pf-global--Color--100);
|
|
21194
|
+
--pf-c-toggle-group__button--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
21195
|
+
--pf-c-toggle-group__button--ZIndex: auto;
|
|
21196
|
+
--pf-c-toggle-group__button--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
21197
|
+
--pf-c-toggle-group__button--hover--ZIndex: var(--pf-global--ZIndex--xs);
|
|
21198
|
+
--pf-c-toggle-group__button--hover--before--BorderColor: var(--pf-global--BorderColor--200);
|
|
21199
|
+
--pf-c-toggle-group__button--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
21200
|
+
--pf-c-toggle-group__button--focus--ZIndex: var(--pf-global--ZIndex--xs);
|
|
21201
|
+
--pf-c-toggle-group__button--focus--before--BorderColor: var(--pf-global--BorderColor--200);
|
|
21202
|
+
--pf-c-toggle-group__button--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
21203
|
+
--pf-c-toggle-group__button--disabled--Color: var(--pf-global--disabled-color--100);
|
|
21204
|
+
--pf-c-toggle-group__button--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
21205
|
+
--pf-c-toggle-group__button--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
21206
|
+
--pf-c-toggle-group__item--item--MarginLeft: calc(-1 * var(--pf-global--BorderWidth--sm));
|
|
21207
|
+
--pf-c-toggle-group__item--first-child__button--BorderTopLeftRadius: var(--pf-global--BorderRadius--sm);
|
|
21208
|
+
--pf-c-toggle-group__item--first-child__button--BorderBottomLeftRadius: var(--pf-global--BorderRadius--sm);
|
|
21209
|
+
--pf-c-toggle-group__item--last-child__button--BorderTopRightRadius: var(--pf-global--BorderRadius--sm);
|
|
21210
|
+
--pf-c-toggle-group__item--last-child__button--BorderBottomRightRadius: var(--pf-global--BorderRadius--sm);
|
|
21211
|
+
--pf-c-toggle-group__icon--text--MarginLeft: var(--pf-global--spacer--sm);
|
|
21212
|
+
--pf-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-global--palette--blue-50);
|
|
21213
|
+
--pf-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-global--primary-color--100);
|
|
21214
|
+
--pf-c-toggle-group__button--m-selected--ZIndex: var(--pf-global--ZIndex--xs);
|
|
21215
|
+
--pf-c-toggle-group--m-compact__button--PaddingTop: 0;
|
|
21216
|
+
--pf-c-toggle-group--m-compact__button--PaddingRight: var(--pf-global--spacer--sm);
|
|
21217
|
+
--pf-c-toggle-group--m-compact__button--PaddingBottom: 0;
|
|
21218
|
+
--pf-c-toggle-group--m-compact__button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
21219
|
+
--pf-c-toggle-group--m-compact__button--FontSize: var(--pf-global--FontSize--xs);
|
|
21220
|
+
display: flex;
|
|
21221
|
+
}
|
|
21222
|
+
|
|
21223
|
+
.pf-c-toggle-group.pf-m-compact {
|
|
21224
|
+
--pf-c-toggle-group__button--PaddingTop: var(--pf-c-toggle-group--m-compact__button--PaddingTop);
|
|
21225
|
+
--pf-c-toggle-group__button--PaddingRight: var(--pf-c-toggle-group--m-compact__button--PaddingRight);
|
|
21226
|
+
--pf-c-toggle-group__button--PaddingBottom: var(--pf-c-toggle-group--m-compact__button--PaddingBottom);
|
|
21227
|
+
--pf-c-toggle-group__button--PaddingLeft: var(--pf-c-toggle-group--m-compact__button--PaddingLeft);
|
|
21228
|
+
--pf-c-toggle-group__button--FontSize: var(--pf-c-toggle-group--m-compact__button--FontSize);
|
|
21229
|
+
}
|
|
21230
|
+
|
|
21231
|
+
.pf-c-toggle-group__item + .pf-c-toggle-group__item {
|
|
21232
|
+
margin-left: var(--pf-c-toggle-group__item--item--MarginLeft);
|
|
21233
|
+
}
|
|
21234
|
+
|
|
21235
|
+
.pf-c-toggle-group__item:first-child .pf-c-toggle-group__button, .pf-c-toggle-group__item:first-child .pf-c-toggle-group__button::before {
|
|
21236
|
+
border-top-left-radius: var(--pf-c-toggle-group__item--first-child__button--BorderTopLeftRadius);
|
|
21237
|
+
border-bottom-left-radius: var(--pf-c-toggle-group__item--first-child__button--BorderBottomLeftRadius);
|
|
21238
|
+
}
|
|
21239
|
+
|
|
21240
|
+
.pf-c-toggle-group__item:last-child .pf-c-toggle-group__button, .pf-c-toggle-group__item:last-child .pf-c-toggle-group__button::before {
|
|
21241
|
+
border-top-right-radius: var(--pf-c-toggle-group__item--last-child__button--BorderTopRightRadius);
|
|
21242
|
+
border-bottom-right-radius: var(--pf-c-toggle-group__item--last-child__button--BorderBottomRightRadius);
|
|
21243
|
+
}
|
|
21244
|
+
|
|
21245
|
+
.pf-c-toggle-group__button {
|
|
21246
|
+
position: relative;
|
|
21247
|
+
z-index: var(--pf-c-toggle-group__button--ZIndex);
|
|
21248
|
+
display: inline-flex;
|
|
21249
|
+
padding: var(--pf-c-toggle-group__button--PaddingTop) var(--pf-c-toggle-group__button--PaddingRight) var(--pf-c-toggle-group__button--PaddingBottom) var(--pf-c-toggle-group__button--PaddingLeft);
|
|
21250
|
+
font-size: var(--pf-c-toggle-group__button--FontSize);
|
|
21251
|
+
line-height: var(--pf-c-toggle-group__button--LineHeight);
|
|
21252
|
+
color: var(--pf-c-toggle-group__button--Color);
|
|
21253
|
+
background-color: var(--pf-c-toggle-group__button--BackgroundColor);
|
|
21254
|
+
border: 0;
|
|
21255
|
+
}
|
|
21256
|
+
|
|
21257
|
+
.pf-c-toggle-group__button::before {
|
|
21258
|
+
position: absolute;
|
|
21259
|
+
top: 0;
|
|
21260
|
+
right: 0;
|
|
21261
|
+
bottom: 0;
|
|
21262
|
+
left: 0;
|
|
21263
|
+
pointer-events: none;
|
|
21264
|
+
content: "";
|
|
21265
|
+
border: var(--pf-c-toggle-group__button--before--BorderWidth) solid var(--pf-c-toggle-group__button--before--BorderColor);
|
|
21266
|
+
}
|
|
21267
|
+
|
|
21268
|
+
.pf-c-toggle-group__button:hover {
|
|
21269
|
+
--pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--hover--BackgroundColor);
|
|
21270
|
+
--pf-c-toggle-group__button--ZIndex: var(--pf-c-toggle-group__button--hover--ZIndex);
|
|
21271
|
+
--pf-c-toggle-group__button--before--BorderColor: var(--pf-c-toggle-group__button--hover--before--BorderColor);
|
|
21272
|
+
text-decoration: none;
|
|
21273
|
+
}
|
|
21274
|
+
|
|
21275
|
+
.pf-c-toggle-group__button:focus {
|
|
21276
|
+
--pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--focus--BackgroundColor);
|
|
21277
|
+
--pf-c-toggle-group__button--ZIndex: var(--pf-c-toggle-group__button--focus--ZIndex);
|
|
21278
|
+
--pf-c-toggle-group__button--before--BorderColor: var(--pf-c-toggle-group__button--focus--before--BorderColor);
|
|
21279
|
+
}
|
|
21280
|
+
|
|
21281
|
+
.pf-c-toggle-group__button.pf-m-selected {
|
|
21282
|
+
--pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--m-selected--BackgroundColor);
|
|
21283
|
+
--pf-c-toggle-group__button--ZIndex: var(--pf-c-toggle-group__button--m-selected--ZIndex);
|
|
21284
|
+
--pf-c-toggle-group__button--before--BorderColor: var(--pf-c-toggle-group__button--m-selected--before--BorderColor);
|
|
21285
|
+
}
|
|
21286
|
+
|
|
21287
|
+
.pf-c-toggle-group__button:disabled, .pf-c-toggle-group__button.pf-m-disabled {
|
|
21288
|
+
--pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--disabled--BackgroundColor);
|
|
21289
|
+
--pf-c-toggle-group__button--Color: var(--pf-c-toggle-group__button--disabled--Color);
|
|
21290
|
+
pointer-events: none;
|
|
21291
|
+
}
|
|
21292
|
+
|
|
21293
|
+
.pf-c-toggle-group__icon + .pf-c-toggle-group__text,
|
|
21294
|
+
.pf-c-toggle-group__text + .pf-c-toggle-group__icon {
|
|
21295
|
+
margin-left: var(--pf-c-toggle-group__icon--text--MarginLeft);
|
|
21296
|
+
}
|
|
21297
|
+
|
|
21298
|
+
:where(.pf-theme-dark) .pf-c-toggle-group {
|
|
21299
|
+
--pf-c-toggle-group__button--hover--BackgroundColor: var(--pf-global--palette--black-700);
|
|
21300
|
+
--pf-c-toggle-group__button--focus--BackgroundColor: var(--pf-global--palette--black-700);
|
|
21301
|
+
--pf-c-toggle-group__button--disabled--BackgroundColor: var(--pf-global--palette--black-600);
|
|
21302
|
+
--pf-c-toggle-group__button--disabled--Color: var(--pf-global--palette--black-100);
|
|
21303
|
+
--pf-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-global--primary-color--300);
|
|
21304
|
+
}
|
|
21305
|
+
|
|
21186
21306
|
.pf-c-toolbar__content-section, .pf-c-toolbar__content, .pf-c-toolbar__item, .pf-c-toolbar__group {
|
|
21187
21307
|
--pf-hidden-visible--visible--Visibility: visible;
|
|
21188
21308
|
--pf-hidden-visible--hidden--Display: none;
|
|
@@ -22564,126 +22684,6 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
22564
22684
|
--pf-c-toolbar--spacer: 0;
|
|
22565
22685
|
}
|
|
22566
22686
|
|
|
22567
|
-
.pf-c-toggle-group {
|
|
22568
|
-
--pf-c-toggle-group__button--PaddingTop: var(--pf-global--spacer--form-element);
|
|
22569
|
-
--pf-c-toggle-group__button--PaddingRight: var(--pf-global--spacer--md);
|
|
22570
|
-
--pf-c-toggle-group__button--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
22571
|
-
--pf-c-toggle-group__button--PaddingLeft: var(--pf-global--spacer--md);
|
|
22572
|
-
--pf-c-toggle-group__button--FontSize: var(--pf-global--FontSize--sm);
|
|
22573
|
-
--pf-c-toggle-group__button--LineHeight: calc(var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--md));
|
|
22574
|
-
--pf-c-toggle-group__button--Color: var(--pf-global--Color--100);
|
|
22575
|
-
--pf-c-toggle-group__button--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
22576
|
-
--pf-c-toggle-group__button--ZIndex: auto;
|
|
22577
|
-
--pf-c-toggle-group__button--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
22578
|
-
--pf-c-toggle-group__button--hover--ZIndex: var(--pf-global--ZIndex--xs);
|
|
22579
|
-
--pf-c-toggle-group__button--hover--before--BorderColor: var(--pf-global--BorderColor--200);
|
|
22580
|
-
--pf-c-toggle-group__button--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
22581
|
-
--pf-c-toggle-group__button--focus--ZIndex: var(--pf-global--ZIndex--xs);
|
|
22582
|
-
--pf-c-toggle-group__button--focus--before--BorderColor: var(--pf-global--BorderColor--200);
|
|
22583
|
-
--pf-c-toggle-group__button--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
22584
|
-
--pf-c-toggle-group__button--disabled--Color: var(--pf-global--disabled-color--100);
|
|
22585
|
-
--pf-c-toggle-group__button--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
22586
|
-
--pf-c-toggle-group__button--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
22587
|
-
--pf-c-toggle-group__item--item--MarginLeft: calc(-1 * var(--pf-global--BorderWidth--sm));
|
|
22588
|
-
--pf-c-toggle-group__item--first-child__button--BorderTopLeftRadius: var(--pf-global--BorderRadius--sm);
|
|
22589
|
-
--pf-c-toggle-group__item--first-child__button--BorderBottomLeftRadius: var(--pf-global--BorderRadius--sm);
|
|
22590
|
-
--pf-c-toggle-group__item--last-child__button--BorderTopRightRadius: var(--pf-global--BorderRadius--sm);
|
|
22591
|
-
--pf-c-toggle-group__item--last-child__button--BorderBottomRightRadius: var(--pf-global--BorderRadius--sm);
|
|
22592
|
-
--pf-c-toggle-group__icon--text--MarginLeft: var(--pf-global--spacer--sm);
|
|
22593
|
-
--pf-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-global--palette--blue-50);
|
|
22594
|
-
--pf-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-global--primary-color--100);
|
|
22595
|
-
--pf-c-toggle-group__button--m-selected--ZIndex: var(--pf-global--ZIndex--xs);
|
|
22596
|
-
--pf-c-toggle-group--m-compact__button--PaddingTop: 0;
|
|
22597
|
-
--pf-c-toggle-group--m-compact__button--PaddingRight: var(--pf-global--spacer--sm);
|
|
22598
|
-
--pf-c-toggle-group--m-compact__button--PaddingBottom: 0;
|
|
22599
|
-
--pf-c-toggle-group--m-compact__button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
22600
|
-
--pf-c-toggle-group--m-compact__button--FontSize: var(--pf-global--FontSize--xs);
|
|
22601
|
-
display: flex;
|
|
22602
|
-
}
|
|
22603
|
-
|
|
22604
|
-
.pf-c-toggle-group.pf-m-compact {
|
|
22605
|
-
--pf-c-toggle-group__button--PaddingTop: var(--pf-c-toggle-group--m-compact__button--PaddingTop);
|
|
22606
|
-
--pf-c-toggle-group__button--PaddingRight: var(--pf-c-toggle-group--m-compact__button--PaddingRight);
|
|
22607
|
-
--pf-c-toggle-group__button--PaddingBottom: var(--pf-c-toggle-group--m-compact__button--PaddingBottom);
|
|
22608
|
-
--pf-c-toggle-group__button--PaddingLeft: var(--pf-c-toggle-group--m-compact__button--PaddingLeft);
|
|
22609
|
-
--pf-c-toggle-group__button--FontSize: var(--pf-c-toggle-group--m-compact__button--FontSize);
|
|
22610
|
-
}
|
|
22611
|
-
|
|
22612
|
-
.pf-c-toggle-group__item + .pf-c-toggle-group__item {
|
|
22613
|
-
margin-left: var(--pf-c-toggle-group__item--item--MarginLeft);
|
|
22614
|
-
}
|
|
22615
|
-
|
|
22616
|
-
.pf-c-toggle-group__item:first-child .pf-c-toggle-group__button, .pf-c-toggle-group__item:first-child .pf-c-toggle-group__button::before {
|
|
22617
|
-
border-top-left-radius: var(--pf-c-toggle-group__item--first-child__button--BorderTopLeftRadius);
|
|
22618
|
-
border-bottom-left-radius: var(--pf-c-toggle-group__item--first-child__button--BorderBottomLeftRadius);
|
|
22619
|
-
}
|
|
22620
|
-
|
|
22621
|
-
.pf-c-toggle-group__item:last-child .pf-c-toggle-group__button, .pf-c-toggle-group__item:last-child .pf-c-toggle-group__button::before {
|
|
22622
|
-
border-top-right-radius: var(--pf-c-toggle-group__item--last-child__button--BorderTopRightRadius);
|
|
22623
|
-
border-bottom-right-radius: var(--pf-c-toggle-group__item--last-child__button--BorderBottomRightRadius);
|
|
22624
|
-
}
|
|
22625
|
-
|
|
22626
|
-
.pf-c-toggle-group__button {
|
|
22627
|
-
position: relative;
|
|
22628
|
-
z-index: var(--pf-c-toggle-group__button--ZIndex);
|
|
22629
|
-
display: inline-flex;
|
|
22630
|
-
padding: var(--pf-c-toggle-group__button--PaddingTop) var(--pf-c-toggle-group__button--PaddingRight) var(--pf-c-toggle-group__button--PaddingBottom) var(--pf-c-toggle-group__button--PaddingLeft);
|
|
22631
|
-
font-size: var(--pf-c-toggle-group__button--FontSize);
|
|
22632
|
-
line-height: var(--pf-c-toggle-group__button--LineHeight);
|
|
22633
|
-
color: var(--pf-c-toggle-group__button--Color);
|
|
22634
|
-
background-color: var(--pf-c-toggle-group__button--BackgroundColor);
|
|
22635
|
-
border: 0;
|
|
22636
|
-
}
|
|
22637
|
-
|
|
22638
|
-
.pf-c-toggle-group__button::before {
|
|
22639
|
-
position: absolute;
|
|
22640
|
-
top: 0;
|
|
22641
|
-
right: 0;
|
|
22642
|
-
bottom: 0;
|
|
22643
|
-
left: 0;
|
|
22644
|
-
pointer-events: none;
|
|
22645
|
-
content: "";
|
|
22646
|
-
border: var(--pf-c-toggle-group__button--before--BorderWidth) solid var(--pf-c-toggle-group__button--before--BorderColor);
|
|
22647
|
-
}
|
|
22648
|
-
|
|
22649
|
-
.pf-c-toggle-group__button:hover {
|
|
22650
|
-
--pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--hover--BackgroundColor);
|
|
22651
|
-
--pf-c-toggle-group__button--ZIndex: var(--pf-c-toggle-group__button--hover--ZIndex);
|
|
22652
|
-
--pf-c-toggle-group__button--before--BorderColor: var(--pf-c-toggle-group__button--hover--before--BorderColor);
|
|
22653
|
-
text-decoration: none;
|
|
22654
|
-
}
|
|
22655
|
-
|
|
22656
|
-
.pf-c-toggle-group__button:focus {
|
|
22657
|
-
--pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--focus--BackgroundColor);
|
|
22658
|
-
--pf-c-toggle-group__button--ZIndex: var(--pf-c-toggle-group__button--focus--ZIndex);
|
|
22659
|
-
--pf-c-toggle-group__button--before--BorderColor: var(--pf-c-toggle-group__button--focus--before--BorderColor);
|
|
22660
|
-
}
|
|
22661
|
-
|
|
22662
|
-
.pf-c-toggle-group__button.pf-m-selected {
|
|
22663
|
-
--pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--m-selected--BackgroundColor);
|
|
22664
|
-
--pf-c-toggle-group__button--ZIndex: var(--pf-c-toggle-group__button--m-selected--ZIndex);
|
|
22665
|
-
--pf-c-toggle-group__button--before--BorderColor: var(--pf-c-toggle-group__button--m-selected--before--BorderColor);
|
|
22666
|
-
}
|
|
22667
|
-
|
|
22668
|
-
.pf-c-toggle-group__button:disabled, .pf-c-toggle-group__button.pf-m-disabled {
|
|
22669
|
-
--pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--disabled--BackgroundColor);
|
|
22670
|
-
--pf-c-toggle-group__button--Color: var(--pf-c-toggle-group__button--disabled--Color);
|
|
22671
|
-
pointer-events: none;
|
|
22672
|
-
}
|
|
22673
|
-
|
|
22674
|
-
.pf-c-toggle-group__icon + .pf-c-toggle-group__text,
|
|
22675
|
-
.pf-c-toggle-group__text + .pf-c-toggle-group__icon {
|
|
22676
|
-
margin-left: var(--pf-c-toggle-group__icon--text--MarginLeft);
|
|
22677
|
-
}
|
|
22678
|
-
|
|
22679
|
-
:where(.pf-theme-dark) .pf-c-toggle-group {
|
|
22680
|
-
--pf-c-toggle-group__button--hover--BackgroundColor: var(--pf-global--palette--black-700);
|
|
22681
|
-
--pf-c-toggle-group__button--focus--BackgroundColor: var(--pf-global--palette--black-700);
|
|
22682
|
-
--pf-c-toggle-group__button--disabled--BackgroundColor: var(--pf-global--palette--black-600);
|
|
22683
|
-
--pf-c-toggle-group__button--disabled--Color: var(--pf-global--palette--black-100);
|
|
22684
|
-
--pf-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-global--primary-color--300);
|
|
22685
|
-
}
|
|
22686
|
-
|
|
22687
22687
|
.pf-c-tooltip {
|
|
22688
22688
|
--pf-c-tooltip--MaxWidth: 18.75rem;
|
|
22689
22689
|
--pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
@@ -26353,6 +26353,75 @@ label.pf-c-tree-view__node-text {
|
|
|
26353
26353
|
--pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
|
|
26354
26354
|
}
|
|
26355
26355
|
}
|
|
26356
|
+
.pf-l-gallery {
|
|
26357
|
+
--pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
|
|
26358
|
+
--pf-l-gallery--GridTemplateColumns--min: 250px;
|
|
26359
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
26360
|
+
--pf-l-gallery--GridTemplateColumns--max: 1fr;
|
|
26361
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
26362
|
+
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
26363
|
+
--pf-l-gallery--GridTemplateRows: auto;
|
|
26364
|
+
display: grid;
|
|
26365
|
+
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
26366
|
+
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
26367
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
26368
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
26369
|
+
}
|
|
26370
|
+
|
|
26371
|
+
.pf-l-gallery.pf-m-gutter {
|
|
26372
|
+
grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
|
|
26373
|
+
}
|
|
26374
|
+
|
|
26375
|
+
@media (min-width: 576px) {
|
|
26376
|
+
.pf-l-gallery {
|
|
26377
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
|
|
26378
|
+
}
|
|
26379
|
+
}
|
|
26380
|
+
@media (min-width: 768px) {
|
|
26381
|
+
.pf-l-gallery {
|
|
26382
|
+
--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)));
|
|
26383
|
+
}
|
|
26384
|
+
}
|
|
26385
|
+
@media (min-width: 992px) {
|
|
26386
|
+
.pf-l-gallery {
|
|
26387
|
+
--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))));
|
|
26388
|
+
}
|
|
26389
|
+
}
|
|
26390
|
+
@media (min-width: 1200px) {
|
|
26391
|
+
.pf-l-gallery {
|
|
26392
|
+
--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)))));
|
|
26393
|
+
}
|
|
26394
|
+
}
|
|
26395
|
+
@media (min-width: 1450px) {
|
|
26396
|
+
.pf-l-gallery {
|
|
26397
|
+
--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))))));
|
|
26398
|
+
}
|
|
26399
|
+
}
|
|
26400
|
+
@media (min-width: 576px) {
|
|
26401
|
+
.pf-l-gallery {
|
|
26402
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
|
|
26403
|
+
}
|
|
26404
|
+
}
|
|
26405
|
+
@media (min-width: 768px) {
|
|
26406
|
+
.pf-l-gallery {
|
|
26407
|
+
--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)));
|
|
26408
|
+
}
|
|
26409
|
+
}
|
|
26410
|
+
@media (min-width: 992px) {
|
|
26411
|
+
.pf-l-gallery {
|
|
26412
|
+
--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))));
|
|
26413
|
+
}
|
|
26414
|
+
}
|
|
26415
|
+
@media (min-width: 1200px) {
|
|
26416
|
+
.pf-l-gallery {
|
|
26417
|
+
--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)))));
|
|
26418
|
+
}
|
|
26419
|
+
}
|
|
26420
|
+
@media (min-width: 1450px) {
|
|
26421
|
+
.pf-l-gallery {
|
|
26422
|
+
--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))))));
|
|
26423
|
+
}
|
|
26424
|
+
}
|
|
26356
26425
|
.pf-l-grid {
|
|
26357
26426
|
--pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
|
|
26358
26427
|
--pf-l-grid__item--GridColumnStart: auto;
|
|
@@ -27567,75 +27636,6 @@ label.pf-c-tree-view__node-text {
|
|
|
27567
27636
|
grid-gap: var(--pf-l-grid--m-gutter--GridGap);
|
|
27568
27637
|
}
|
|
27569
27638
|
|
|
27570
|
-
.pf-l-gallery {
|
|
27571
|
-
--pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
|
|
27572
|
-
--pf-l-gallery--GridTemplateColumns--min: 250px;
|
|
27573
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
27574
|
-
--pf-l-gallery--GridTemplateColumns--max: 1fr;
|
|
27575
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
27576
|
-
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
27577
|
-
--pf-l-gallery--GridTemplateRows: auto;
|
|
27578
|
-
display: grid;
|
|
27579
|
-
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
27580
|
-
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
27581
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
27582
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
27583
|
-
}
|
|
27584
|
-
|
|
27585
|
-
.pf-l-gallery.pf-m-gutter {
|
|
27586
|
-
grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
|
|
27587
|
-
}
|
|
27588
|
-
|
|
27589
|
-
@media (min-width: 576px) {
|
|
27590
|
-
.pf-l-gallery {
|
|
27591
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
|
|
27592
|
-
}
|
|
27593
|
-
}
|
|
27594
|
-
@media (min-width: 768px) {
|
|
27595
|
-
.pf-l-gallery {
|
|
27596
|
-
--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)));
|
|
27597
|
-
}
|
|
27598
|
-
}
|
|
27599
|
-
@media (min-width: 992px) {
|
|
27600
|
-
.pf-l-gallery {
|
|
27601
|
-
--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))));
|
|
27602
|
-
}
|
|
27603
|
-
}
|
|
27604
|
-
@media (min-width: 1200px) {
|
|
27605
|
-
.pf-l-gallery {
|
|
27606
|
-
--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)))));
|
|
27607
|
-
}
|
|
27608
|
-
}
|
|
27609
|
-
@media (min-width: 1450px) {
|
|
27610
|
-
.pf-l-gallery {
|
|
27611
|
-
--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))))));
|
|
27612
|
-
}
|
|
27613
|
-
}
|
|
27614
|
-
@media (min-width: 576px) {
|
|
27615
|
-
.pf-l-gallery {
|
|
27616
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
|
|
27617
|
-
}
|
|
27618
|
-
}
|
|
27619
|
-
@media (min-width: 768px) {
|
|
27620
|
-
.pf-l-gallery {
|
|
27621
|
-
--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)));
|
|
27622
|
-
}
|
|
27623
|
-
}
|
|
27624
|
-
@media (min-width: 992px) {
|
|
27625
|
-
.pf-l-gallery {
|
|
27626
|
-
--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))));
|
|
27627
|
-
}
|
|
27628
|
-
}
|
|
27629
|
-
@media (min-width: 1200px) {
|
|
27630
|
-
.pf-l-gallery {
|
|
27631
|
-
--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)))));
|
|
27632
|
-
}
|
|
27633
|
-
}
|
|
27634
|
-
@media (min-width: 1450px) {
|
|
27635
|
-
.pf-l-gallery {
|
|
27636
|
-
--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))))));
|
|
27637
|
-
}
|
|
27638
|
-
}
|
|
27639
27639
|
.pf-l-level {
|
|
27640
27640
|
--pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
|
|
27641
27641
|
display: flex;
|