@patternfly/react-core 4.250.0 → 4.250.2
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 +19 -0
- package/dist/umd/react-core.min.css +465 -465
- package/package.json +6 -6
- package/src/components/Menu/examples/MenuWithDrilldown.tsx +1 -1
- package/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx +3 -1
- package/src/components/Menu/examples/MenuWithDrilldownSubmenuFunctions.tsx +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,25 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [4.250.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.250.1...@patternfly/react-core@4.250.2) (2022-10-10)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **Menu:** fixed height issue with drilldown examples ([#8033](https://github.com/patternfly/patternfly-react/issues/8033)) ([c0583b5](https://github.com/patternfly/patternfly-react/commit/c0583b530310b3d89be222e58fe926ecc6dd8d99))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## [4.250.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.250.0...@patternfly/react-core@4.250.1) (2022-10-05)
|
|
18
|
+
|
|
19
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
6
25
|
# 4.250.0 (2022-10-05)
|
|
7
26
|
|
|
8
27
|
|
|
@@ -9276,85 +9276,6 @@ 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
|
-
|
|
9358
9279
|
.pf-c-hint {
|
|
9359
9280
|
--pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
|
|
9360
9281
|
--pf-c-hint--PaddingTop: var(--pf-global--spacer--lg);
|
|
@@ -9668,6 +9589,85 @@ label.pf-c-input-group__text {
|
|
|
9668
9589
|
--pf-c-input-group__text--BackgroundColor: transparent;
|
|
9669
9590
|
}
|
|
9670
9591
|
|
|
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;
|
|
@@ -10312,150 +10312,6 @@ label.pf-c-input-group__text {
|
|
|
10312
10312
|
--pf-c-sidebar__panel--FlexBasis: 100%;
|
|
10313
10313
|
}
|
|
10314
10314
|
}
|
|
10315
|
-
.pf-c-label-group {
|
|
10316
|
-
--pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
10317
|
-
--pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
|
|
10318
|
-
--pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
|
|
10319
|
-
--pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
|
|
10320
|
-
--pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
|
|
10321
|
-
--pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
|
|
10322
|
-
--pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
|
|
10323
|
-
--pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
|
|
10324
|
-
--pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
10325
|
-
--pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
|
|
10326
|
-
--pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
10327
|
-
--pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
|
|
10328
|
-
--pf-c-label-group__label--MarginBottom: 0;
|
|
10329
|
-
--pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
|
|
10330
|
-
--pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
|
|
10331
|
-
--pf-c-label-group__label--MaxWidth: 18ch;
|
|
10332
|
-
--pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
|
|
10333
|
-
--pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
10334
|
-
--pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
10335
|
-
--pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
|
|
10336
|
-
--pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
|
|
10337
|
-
--pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
10338
|
-
--pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
10339
|
-
--pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
|
|
10340
|
-
--pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
|
|
10341
|
-
--pf-c-label-group__textarea--MinWidth: 12.5rem;
|
|
10342
|
-
--pf-c-label-group__textarea--PaddingTop: 0.125rem;
|
|
10343
|
-
--pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
|
|
10344
|
-
--pf-c-label-group__textarea--PaddingBottom: 0;
|
|
10345
|
-
--pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
|
|
10346
|
-
display: inline-flex;
|
|
10347
|
-
align-items: center;
|
|
10348
|
-
}
|
|
10349
|
-
|
|
10350
|
-
.pf-c-label-group.pf-m-category {
|
|
10351
|
-
padding-top: var(--pf-c-label-group--m-category--PaddingTop);
|
|
10352
|
-
padding-right: var(--pf-c-label-group--m-category--PaddingRight);
|
|
10353
|
-
padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
|
|
10354
|
-
padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
|
|
10355
|
-
background-color: var(--pf-c-label-group--m-category--BackgroundColor);
|
|
10356
|
-
border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
|
|
10357
|
-
border-radius: var(--pf-c-label-group--m-category--BorderRadius);
|
|
10358
|
-
}
|
|
10359
|
-
|
|
10360
|
-
.pf-c-label-group.pf-m-vertical {
|
|
10361
|
-
--pf-c-label-group__list--MarginRight: 0;
|
|
10362
|
-
--pf-c-label-group__list--MarginBottom: 0;
|
|
10363
|
-
--pf-c-label-group__list-item--MarginRight: 0;
|
|
10364
|
-
--pf-c-label-group__label--MarginRight: 0;
|
|
10365
|
-
--pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
|
|
10366
|
-
--pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
|
|
10367
|
-
--pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
|
|
10368
|
-
--pf-c-label-group__close--MarginBottom: 0;
|
|
10369
|
-
--pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
|
|
10370
|
-
--pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
|
|
10371
|
-
}
|
|
10372
|
-
|
|
10373
|
-
.pf-c-label-group.pf-m-vertical.pf-c-label-group {
|
|
10374
|
-
align-items: flex-start;
|
|
10375
|
-
}
|
|
10376
|
-
|
|
10377
|
-
.pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
|
|
10378
|
-
flex-direction: column;
|
|
10379
|
-
align-items: flex-start;
|
|
10380
|
-
}
|
|
10381
|
-
|
|
10382
|
-
.pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
|
|
10383
|
-
flex-direction: column;
|
|
10384
|
-
}
|
|
10385
|
-
|
|
10386
|
-
.pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
|
|
10387
|
-
--pf-c-label-group__list-item--MarginBottom: 0;
|
|
10388
|
-
}
|
|
10389
|
-
|
|
10390
|
-
.pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
|
|
10391
|
-
--pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
|
|
10392
|
-
--pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
|
|
10393
|
-
}
|
|
10394
|
-
|
|
10395
|
-
.pf-c-label-group.pf-m-editable,
|
|
10396
|
-
.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
|
|
10397
|
-
.pf-c-label-group.pf-m-editable .pf-c-label-group__list {
|
|
10398
|
-
display: flex;
|
|
10399
|
-
}
|
|
10400
|
-
|
|
10401
|
-
.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
|
|
10402
|
-
.pf-c-label-group.pf-m-editable .pf-c-label-group__list,
|
|
10403
|
-
.pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
|
|
10404
|
-
.pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
|
|
10405
|
-
flex: 1;
|
|
10406
|
-
}
|
|
10407
|
-
|
|
10408
|
-
.pf-c-label-group__main {
|
|
10409
|
-
display: flex;
|
|
10410
|
-
flex: 1;
|
|
10411
|
-
flex-wrap: wrap;
|
|
10412
|
-
align-items: baseline;
|
|
10413
|
-
}
|
|
10414
|
-
|
|
10415
|
-
.pf-c-label-group__list {
|
|
10416
|
-
display: inline-flex;
|
|
10417
|
-
flex-wrap: wrap;
|
|
10418
|
-
margin-right: var(--pf-c-label-group__list--MarginRight);
|
|
10419
|
-
margin-bottom: var(--pf-c-label-group__list--MarginBottom);
|
|
10420
|
-
}
|
|
10421
|
-
|
|
10422
|
-
.pf-c-label-group__list-item {
|
|
10423
|
-
display: inline-flex;
|
|
10424
|
-
margin-right: var(--pf-c-label-group__list-item--MarginRight);
|
|
10425
|
-
margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
|
|
10426
|
-
}
|
|
10427
|
-
|
|
10428
|
-
.pf-c-label-group__label {
|
|
10429
|
-
overflow: hidden;
|
|
10430
|
-
text-overflow: ellipsis;
|
|
10431
|
-
white-space: nowrap;
|
|
10432
|
-
max-width: var(--pf-c-label-group__label--MaxWidth);
|
|
10433
|
-
margin-right: var(--pf-c-label-group__label--MarginRight);
|
|
10434
|
-
margin-bottom: var(--pf-c-label-group__label--MarginBottom);
|
|
10435
|
-
font-size: var(--pf-c-label-group__label--FontSize);
|
|
10436
|
-
}
|
|
10437
|
-
|
|
10438
|
-
.pf-c-label-group__close {
|
|
10439
|
-
margin-top: var(--pf-c-label-group__close--MarginTop);
|
|
10440
|
-
margin-right: var(--pf-c-label-group__close--MarginRight);
|
|
10441
|
-
margin-bottom: var(--pf-c-label-group__close--MarginBottom);
|
|
10442
|
-
margin-left: var(--pf-c-label-group__close--MarginLeft);
|
|
10443
|
-
}
|
|
10444
|
-
|
|
10445
|
-
.pf-c-label-group__textarea {
|
|
10446
|
-
min-width: var(--pf-c-label-group__textarea--MinWidth);
|
|
10447
|
-
padding: var(--pf-c-label-group__textarea--PaddingTop) var(--pf-c-label-group__textarea--PaddingRight) var(--pf-c-label-group__textarea--PaddingBottom) var(--pf-c-label-group__textarea--PaddingLeft);
|
|
10448
|
-
white-space: nowrap;
|
|
10449
|
-
resize: none;
|
|
10450
|
-
border: 0;
|
|
10451
|
-
-ms-overflow-style: none;
|
|
10452
|
-
scrollbar-width: none;
|
|
10453
|
-
}
|
|
10454
|
-
|
|
10455
|
-
.pf-c-label-group__textarea::-webkit-scrollbar {
|
|
10456
|
-
display: none;
|
|
10457
|
-
}
|
|
10458
|
-
|
|
10459
10315
|
.pf-c-label {
|
|
10460
10316
|
--pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
|
|
10461
10317
|
--pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
|
|
@@ -10919,6 +10775,150 @@ button.pf-c-label__content:focus {
|
|
|
10919
10775
|
--pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
|
|
10920
10776
|
}
|
|
10921
10777
|
|
|
10778
|
+
.pf-c-label-group {
|
|
10779
|
+
--pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
10780
|
+
--pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
|
|
10781
|
+
--pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
|
|
10782
|
+
--pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
|
|
10783
|
+
--pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
|
|
10784
|
+
--pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
|
|
10785
|
+
--pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
|
|
10786
|
+
--pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
|
|
10787
|
+
--pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
10788
|
+
--pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
|
|
10789
|
+
--pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
10790
|
+
--pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
|
|
10791
|
+
--pf-c-label-group__label--MarginBottom: 0;
|
|
10792
|
+
--pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
|
|
10793
|
+
--pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
|
|
10794
|
+
--pf-c-label-group__label--MaxWidth: 18ch;
|
|
10795
|
+
--pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
|
|
10796
|
+
--pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
10797
|
+
--pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
10798
|
+
--pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
|
|
10799
|
+
--pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
|
|
10800
|
+
--pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
10801
|
+
--pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
10802
|
+
--pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
|
|
10803
|
+
--pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
|
|
10804
|
+
--pf-c-label-group__textarea--MinWidth: 12.5rem;
|
|
10805
|
+
--pf-c-label-group__textarea--PaddingTop: 0.125rem;
|
|
10806
|
+
--pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
|
|
10807
|
+
--pf-c-label-group__textarea--PaddingBottom: 0;
|
|
10808
|
+
--pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
|
|
10809
|
+
display: inline-flex;
|
|
10810
|
+
align-items: center;
|
|
10811
|
+
}
|
|
10812
|
+
|
|
10813
|
+
.pf-c-label-group.pf-m-category {
|
|
10814
|
+
padding-top: var(--pf-c-label-group--m-category--PaddingTop);
|
|
10815
|
+
padding-right: var(--pf-c-label-group--m-category--PaddingRight);
|
|
10816
|
+
padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
|
|
10817
|
+
padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
|
|
10818
|
+
background-color: var(--pf-c-label-group--m-category--BackgroundColor);
|
|
10819
|
+
border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
|
|
10820
|
+
border-radius: var(--pf-c-label-group--m-category--BorderRadius);
|
|
10821
|
+
}
|
|
10822
|
+
|
|
10823
|
+
.pf-c-label-group.pf-m-vertical {
|
|
10824
|
+
--pf-c-label-group__list--MarginRight: 0;
|
|
10825
|
+
--pf-c-label-group__list--MarginBottom: 0;
|
|
10826
|
+
--pf-c-label-group__list-item--MarginRight: 0;
|
|
10827
|
+
--pf-c-label-group__label--MarginRight: 0;
|
|
10828
|
+
--pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
|
|
10829
|
+
--pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
|
|
10830
|
+
--pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
|
|
10831
|
+
--pf-c-label-group__close--MarginBottom: 0;
|
|
10832
|
+
--pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
|
|
10833
|
+
--pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
|
|
10834
|
+
}
|
|
10835
|
+
|
|
10836
|
+
.pf-c-label-group.pf-m-vertical.pf-c-label-group {
|
|
10837
|
+
align-items: flex-start;
|
|
10838
|
+
}
|
|
10839
|
+
|
|
10840
|
+
.pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
|
|
10841
|
+
flex-direction: column;
|
|
10842
|
+
align-items: flex-start;
|
|
10843
|
+
}
|
|
10844
|
+
|
|
10845
|
+
.pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
|
|
10846
|
+
flex-direction: column;
|
|
10847
|
+
}
|
|
10848
|
+
|
|
10849
|
+
.pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
|
|
10850
|
+
--pf-c-label-group__list-item--MarginBottom: 0;
|
|
10851
|
+
}
|
|
10852
|
+
|
|
10853
|
+
.pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
|
|
10854
|
+
--pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
|
|
10855
|
+
--pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
|
|
10856
|
+
}
|
|
10857
|
+
|
|
10858
|
+
.pf-c-label-group.pf-m-editable,
|
|
10859
|
+
.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
|
|
10860
|
+
.pf-c-label-group.pf-m-editable .pf-c-label-group__list {
|
|
10861
|
+
display: flex;
|
|
10862
|
+
}
|
|
10863
|
+
|
|
10864
|
+
.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
|
|
10865
|
+
.pf-c-label-group.pf-m-editable .pf-c-label-group__list,
|
|
10866
|
+
.pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
|
|
10867
|
+
.pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
|
|
10868
|
+
flex: 1;
|
|
10869
|
+
}
|
|
10870
|
+
|
|
10871
|
+
.pf-c-label-group__main {
|
|
10872
|
+
display: flex;
|
|
10873
|
+
flex: 1;
|
|
10874
|
+
flex-wrap: wrap;
|
|
10875
|
+
align-items: baseline;
|
|
10876
|
+
}
|
|
10877
|
+
|
|
10878
|
+
.pf-c-label-group__list {
|
|
10879
|
+
display: inline-flex;
|
|
10880
|
+
flex-wrap: wrap;
|
|
10881
|
+
margin-right: var(--pf-c-label-group__list--MarginRight);
|
|
10882
|
+
margin-bottom: var(--pf-c-label-group__list--MarginBottom);
|
|
10883
|
+
}
|
|
10884
|
+
|
|
10885
|
+
.pf-c-label-group__list-item {
|
|
10886
|
+
display: inline-flex;
|
|
10887
|
+
margin-right: var(--pf-c-label-group__list-item--MarginRight);
|
|
10888
|
+
margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
|
|
10889
|
+
}
|
|
10890
|
+
|
|
10891
|
+
.pf-c-label-group__label {
|
|
10892
|
+
overflow: hidden;
|
|
10893
|
+
text-overflow: ellipsis;
|
|
10894
|
+
white-space: nowrap;
|
|
10895
|
+
max-width: var(--pf-c-label-group__label--MaxWidth);
|
|
10896
|
+
margin-right: var(--pf-c-label-group__label--MarginRight);
|
|
10897
|
+
margin-bottom: var(--pf-c-label-group__label--MarginBottom);
|
|
10898
|
+
font-size: var(--pf-c-label-group__label--FontSize);
|
|
10899
|
+
}
|
|
10900
|
+
|
|
10901
|
+
.pf-c-label-group__close {
|
|
10902
|
+
margin-top: var(--pf-c-label-group__close--MarginTop);
|
|
10903
|
+
margin-right: var(--pf-c-label-group__close--MarginRight);
|
|
10904
|
+
margin-bottom: var(--pf-c-label-group__close--MarginBottom);
|
|
10905
|
+
margin-left: var(--pf-c-label-group__close--MarginLeft);
|
|
10906
|
+
}
|
|
10907
|
+
|
|
10908
|
+
.pf-c-label-group__textarea {
|
|
10909
|
+
min-width: var(--pf-c-label-group__textarea--MinWidth);
|
|
10910
|
+
padding: var(--pf-c-label-group__textarea--PaddingTop) var(--pf-c-label-group__textarea--PaddingRight) var(--pf-c-label-group__textarea--PaddingBottom) var(--pf-c-label-group__textarea--PaddingLeft);
|
|
10911
|
+
white-space: nowrap;
|
|
10912
|
+
resize: none;
|
|
10913
|
+
border: 0;
|
|
10914
|
+
-ms-overflow-style: none;
|
|
10915
|
+
scrollbar-width: none;
|
|
10916
|
+
}
|
|
10917
|
+
|
|
10918
|
+
.pf-c-label-group__textarea::-webkit-scrollbar {
|
|
10919
|
+
display: none;
|
|
10920
|
+
}
|
|
10921
|
+
|
|
10922
10922
|
.pf-c-list {
|
|
10923
10923
|
--pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
|
|
10924
10924
|
--pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
|
|
@@ -21183,126 +21183,6 @@ 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
|
-
|
|
21306
21186
|
.pf-c-toolbar__content-section, .pf-c-toolbar__content, .pf-c-toolbar__item, .pf-c-toolbar__group {
|
|
21307
21187
|
--pf-hidden-visible--visible--Visibility: visible;
|
|
21308
21188
|
--pf-hidden-visible--hidden--Display: none;
|
|
@@ -22619,69 +22499,189 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
22619
22499
|
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22620
22500
|
}
|
|
22621
22501
|
|
|
22622
|
-
.pf-c-toolbar.pf-m-inset-md-on-xl {
|
|
22623
|
-
--pf-c-toolbar--inset: var(--pf-global--spacer--md);
|
|
22624
|
-
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22625
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22626
|
-
}
|
|
22502
|
+
.pf-c-toolbar.pf-m-inset-md-on-xl {
|
|
22503
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--md);
|
|
22504
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22505
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22506
|
+
}
|
|
22507
|
+
|
|
22508
|
+
.pf-c-toolbar.pf-m-inset-lg-on-xl {
|
|
22509
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--lg);
|
|
22510
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22511
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22512
|
+
}
|
|
22513
|
+
|
|
22514
|
+
.pf-c-toolbar.pf-m-inset-xl-on-xl {
|
|
22515
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--xl);
|
|
22516
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22517
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22518
|
+
}
|
|
22519
|
+
|
|
22520
|
+
.pf-c-toolbar.pf-m-inset-2xl-on-xl {
|
|
22521
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
|
|
22522
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22523
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22524
|
+
}
|
|
22525
|
+
}
|
|
22526
|
+
@media (min-width: 1450px) {
|
|
22527
|
+
.pf-c-toolbar.pf-m-inset-none-on-2xl {
|
|
22528
|
+
--pf-c-toolbar--inset: 0;
|
|
22529
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22530
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22531
|
+
}
|
|
22532
|
+
|
|
22533
|
+
.pf-c-toolbar.pf-m-inset-sm-on-2xl {
|
|
22534
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--sm);
|
|
22535
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22536
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22537
|
+
}
|
|
22538
|
+
|
|
22539
|
+
.pf-c-toolbar.pf-m-inset-md-on-2xl {
|
|
22540
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--md);
|
|
22541
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22542
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22543
|
+
}
|
|
22544
|
+
|
|
22545
|
+
.pf-c-toolbar.pf-m-inset-lg-on-2xl {
|
|
22546
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--lg);
|
|
22547
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22548
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22549
|
+
}
|
|
22550
|
+
|
|
22551
|
+
.pf-c-toolbar.pf-m-inset-xl-on-2xl {
|
|
22552
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--xl);
|
|
22553
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22554
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22555
|
+
}
|
|
22556
|
+
|
|
22557
|
+
.pf-c-toolbar.pf-m-inset-2xl-on-2xl {
|
|
22558
|
+
--pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
|
|
22559
|
+
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22560
|
+
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22561
|
+
}
|
|
22562
|
+
}
|
|
22563
|
+
.pf-c-toolbar__content-section > :last-child {
|
|
22564
|
+
--pf-c-toolbar--spacer: 0;
|
|
22565
|
+
}
|
|
22566
|
+
|
|
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
|
+
}
|
|
22627
22615
|
|
|
22628
|
-
|
|
22629
|
-
|
|
22630
|
-
|
|
22631
|
-
|
|
22632
|
-
}
|
|
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
|
+
}
|
|
22633
22620
|
|
|
22634
|
-
|
|
22635
|
-
|
|
22636
|
-
|
|
22637
|
-
|
|
22638
|
-
}
|
|
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
|
+
}
|
|
22639
22625
|
|
|
22640
|
-
|
|
22641
|
-
|
|
22642
|
-
|
|
22643
|
-
|
|
22644
|
-
|
|
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;
|
|
22645
22636
|
}
|
|
22646
|
-
@media (min-width: 1450px) {
|
|
22647
|
-
.pf-c-toolbar.pf-m-inset-none-on-2xl {
|
|
22648
|
-
--pf-c-toolbar--inset: 0;
|
|
22649
|
-
--pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
|
|
22650
|
-
--pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
|
|
22651
|
-
}
|
|
22652
22637
|
|
|
22653
|
-
|
|
22654
|
-
|
|
22655
|
-
|
|
22656
|
-
|
|
22657
|
-
|
|
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
|
+
}
|
|
22658
22648
|
|
|
22659
|
-
|
|
22660
|
-
|
|
22661
|
-
|
|
22662
|
-
|
|
22663
|
-
|
|
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
|
+
}
|
|
22664
22655
|
|
|
22665
|
-
|
|
22666
|
-
|
|
22667
|
-
|
|
22668
|
-
|
|
22669
|
-
|
|
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
|
+
}
|
|
22670
22661
|
|
|
22671
|
-
|
|
22672
|
-
|
|
22673
|
-
|
|
22674
|
-
|
|
22675
|
-
|
|
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
|
+
}
|
|
22676
22667
|
|
|
22677
|
-
|
|
22678
|
-
|
|
22679
|
-
|
|
22680
|
-
|
|
22681
|
-
}
|
|
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;
|
|
22682
22672
|
}
|
|
22683
|
-
|
|
22684
|
-
|
|
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
22685
|
}
|
|
22686
22686
|
|
|
22687
22687
|
.pf-c-tooltip {
|
|
@@ -26353,75 +26353,6 @@ 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
|
-
}
|
|
26425
26356
|
.pf-l-grid {
|
|
26426
26357
|
--pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
|
|
26427
26358
|
--pf-l-grid__item--GridColumnStart: auto;
|
|
@@ -27636,6 +27567,75 @@ label.pf-c-tree-view__node-text {
|
|
|
27636
27567
|
grid-gap: var(--pf-l-grid--m-gutter--GridGap);
|
|
27637
27568
|
}
|
|
27638
27569
|
|
|
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;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-core",
|
|
3
|
-
"version": "4.250.
|
|
3
|
+
"version": "4.250.2",
|
|
4
4
|
"description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
|
|
5
5
|
"main": "dist/js/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -44,16 +44,16 @@
|
|
|
44
44
|
"generate": "node scripts/copyStyles.js"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@patternfly/react-icons": "^4.92.
|
|
48
|
-
"@patternfly/react-styles": "^4.91.
|
|
49
|
-
"@patternfly/react-tokens": "^4.93.
|
|
47
|
+
"@patternfly/react-icons": "^4.92.6",
|
|
48
|
+
"@patternfly/react-styles": "^4.91.6",
|
|
49
|
+
"@patternfly/react-tokens": "^4.93.6",
|
|
50
50
|
"focus-trap": "6.9.2",
|
|
51
51
|
"react-dropzone": "9.0.0",
|
|
52
52
|
"tippy.js": "5.1.2",
|
|
53
53
|
"tslib": "^2.0.0"
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|
|
56
|
-
"@patternfly/patternfly": "4.217.
|
|
56
|
+
"@patternfly/patternfly": "4.217.1",
|
|
57
57
|
"@rollup/plugin-commonjs": "^21.0.0",
|
|
58
58
|
"@rollup/plugin-node-resolve": "^13.0.0",
|
|
59
59
|
"@rollup/plugin-replace": "^3.0.0",
|
|
@@ -70,5 +70,5 @@
|
|
|
70
70
|
"react": "^16.8 || ^17 || ^18",
|
|
71
71
|
"react-dom": "^16.8 || ^17 || ^18"
|
|
72
72
|
},
|
|
73
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "44af73002bdeb1048be9b326abf7ffd4fcd474be"
|
|
74
74
|
}
|
|
@@ -26,7 +26,7 @@ export const MenuWithDrilldown: React.FunctionComponent = () => {
|
|
|
26
26
|
};
|
|
27
27
|
|
|
28
28
|
const setHeight = (menuId: string, height: number) => {
|
|
29
|
-
if (menuHeights[menuId] === undefined) {
|
|
29
|
+
if (menuHeights[menuId] === undefined || (menuId !== 'drilldown-rootMenu' && menuHeights[menuId] !== height)) {
|
|
30
30
|
setMenuHeights({ ...menuHeights, [menuId]: height });
|
|
31
31
|
}
|
|
32
32
|
};
|
|
@@ -55,11 +55,13 @@ export const MenuWithDrilldownBreadcrumbs: React.FunctionComponent = () => {
|
|
|
55
55
|
setDrilldownPath(pathSansLast);
|
|
56
56
|
setActiveMenu(toMenuId);
|
|
57
57
|
};
|
|
58
|
+
|
|
58
59
|
const setHeight = (menuId: string, height: number) => {
|
|
59
|
-
if (
|
|
60
|
+
if (menuHeights[menuId] === undefined || (menuId !== 'breadcrumbs-rootMenu' && menuHeights[menuId] !== height)) {
|
|
60
61
|
setMenuHeights({ ...menuHeights, [menuId]: height });
|
|
61
62
|
}
|
|
62
63
|
};
|
|
64
|
+
|
|
63
65
|
const drillIn = (fromMenuId: string, toMenuId: string, pathId: string) => {
|
|
64
66
|
setMenuDrilledIn([...menuDrilledIn, fromMenuId]);
|
|
65
67
|
setDrilldownPath([...drilldownPath, pathId]);
|
|
@@ -26,7 +26,7 @@ export const MenuWithDrilldownSubmenuFunctions: React.FunctionComponent = () =>
|
|
|
26
26
|
};
|
|
27
27
|
|
|
28
28
|
const setHeight = (menuId: string, height: number) => {
|
|
29
|
-
if (menuHeights[menuId] === undefined) {
|
|
29
|
+
if (menuHeights[menuId] === undefined || (menuId !== 'functions-rootMenu' && menuHeights[menuId] !== height)) {
|
|
30
30
|
setMenuHeights({ ...menuHeights, [menuId]: height });
|
|
31
31
|
}
|
|
32
32
|
};
|