@patternfly/react-core 4.208.7 → 4.208.8

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 CHANGED
@@ -3,6 +3,14 @@
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.208.8 (2022-05-04)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-core
9
+
10
+
11
+
12
+
13
+
6
14
  ## 4.208.7 (2022-05-04)
7
15
 
8
16
  **Note:** Version bump only for package @patternfly/react-core
@@ -11549,6 +11549,10 @@ ul.pf-c-list {
11549
11549
  --pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
11550
11550
  }
11551
11551
 
11552
+ .pf-c-menu .pf-c-menu__content {
11553
+ overflow: visible hidden;
11554
+ }
11555
+
11552
11556
  .pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
11553
11557
  overflow: visible;
11554
11558
  }
@@ -11607,7 +11611,6 @@ ul.pf-c-list {
11607
11611
  left: 100%;
11608
11612
  width: 100%;
11609
11613
  transition: var(--pf-c-menu--m-drilldown--c-menu--Transition);
11610
- transition: 2s;
11611
11614
  }
11612
11615
 
11613
11616
  .pf-c-menu.pf-m-drilldown > .pf-c-menu__content .pf-c-menu.pf-m-drilled-in {
@@ -17302,83 +17305,6 @@ label.pf-c-radio, .pf-c-radio__label,
17302
17305
  box-shadow: var(--pf-c-select__menu-footer--BoxShadow);
17303
17306
  }
17304
17307
 
17305
- .pf-c-simple-list {
17306
- --pf-c-simple-list__item-link--PaddingTop: var(--pf-global--spacer--xs);
17307
- --pf-c-simple-list__item-link--PaddingRight: var(--pf-global--spacer--md);
17308
- --pf-c-simple-list__item-link--PaddingBottom: var(--pf-global--spacer--xs);
17309
- --pf-c-simple-list__item-link--PaddingLeft: var(--pf-global--spacer--md);
17310
- --pf-c-simple-list__item-link--BackgroundColor: var(--pf-global--BackgroundColor--100);
17311
- --pf-c-simple-list__item-link--Color: var(--pf-global--Color--100);
17312
- --pf-c-simple-list__item-link--FontSize: var(--pf-global--FontSize--sm);
17313
- --pf-c-simple-list__item-link--FontWeight: var(--pf-global--FontWeight--normal);
17314
- --pf-c-simple-list__item-link--m-current--Color: var(--pf-global--link--Color);
17315
- --pf-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--200);
17316
- --pf-c-simple-list__item-link--m-current--FontWeight: var(--pf-global--FontWeight--normal);
17317
- --pf-c-simple-list__item-link--hover--Color: var(--pf-global--Color--100);
17318
- --pf-c-simple-list__item-link--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
17319
- --pf-c-simple-list__item-link--focus--Color: var(--pf-global--Color--100);
17320
- --pf-c-simple-list__item-link--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
17321
- --pf-c-simple-list__item-link--focus--FontWeight: var(--pf-global--FontWeight--normal);
17322
- --pf-c-simple-list__item-link--active--Color: var(--pf-global--Color--100);
17323
- --pf-c-simple-list__item-link--active--BackgroundColor: var(--pf-global--BackgroundColor--200);
17324
- --pf-c-simple-list__item-link--active--FontWeight: var(--pf-global--FontWeight--normal);
17325
- --pf-c-simple-list__title--PaddingTop: var(--pf-global--spacer--sm);
17326
- --pf-c-simple-list__title--PaddingRight: var(--pf-global--spacer--md);
17327
- --pf-c-simple-list__title--PaddingBottom: var(--pf-global--spacer--sm);
17328
- --pf-c-simple-list__title--PaddingLeft: var(--pf-global--spacer--md);
17329
- --pf-c-simple-list__title--FontSize: var(--pf-global--FontSize--sm);
17330
- --pf-c-simple-list__title--Color: var(--pf-global--Color--dark-200);
17331
- --pf-c-simple-list__title--FontWeight: var(--pf-global--FontWeight--semi-bold);
17332
- --pf-c-simple-list__section--section--MarginTop: var(--pf-global--spacer--sm);
17333
- }
17334
-
17335
- .pf-c-simple-list__item-link {
17336
- display: block;
17337
- width: 100%;
17338
- padding: var(--pf-c-simple-list__item-link--PaddingTop) var(--pf-c-simple-list__item-link--PaddingRight) var(--pf-c-simple-list__item-link--PaddingBottom) var(--pf-c-simple-list__item-link--PaddingLeft);
17339
- font-size: var(--pf-c-simple-list__item-link--FontSize);
17340
- font-weight: var(--pf-c-simple-list__item-link--FontWeight);
17341
- color: var(--pf-c-simple-list__item-link--Color);
17342
- text-align: left;
17343
- background-color: var(--pf-c-simple-list__item-link--BackgroundColor);
17344
- border: none;
17345
- }
17346
-
17347
- .pf-c-simple-list__item-link:hover {
17348
- text-decoration: none;
17349
- --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--hover--BackgroundColor);
17350
- --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--hover--Color);
17351
- }
17352
-
17353
- .pf-c-simple-list__item-link:focus {
17354
- --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--focus--FontWeight);
17355
- --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--focus--BackgroundColor);
17356
- --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--focus--Color);
17357
- }
17358
-
17359
- .pf-c-simple-list__item-link:active {
17360
- --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--active--FontWeight);
17361
- --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--active--BackgroundColor);
17362
- --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--active--Color);
17363
- }
17364
-
17365
- .pf-c-simple-list__item-link.pf-m-current {
17366
- --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--m-current--FontWeight);
17367
- --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--m-current--BackgroundColor);
17368
- --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--m-current--Color);
17369
- }
17370
-
17371
- .pf-c-simple-list__title {
17372
- padding: var(--pf-c-simple-list__title--PaddingTop) var(--pf-c-simple-list__title--PaddingRight) var(--pf-c-simple-list__title--PaddingBottom) var(--pf-c-simple-list__title--PaddingLeft);
17373
- font-size: var(--pf-c-simple-list__title--FontSize);
17374
- font-weight: var(--pf-c-simple-list__title--FontWeight);
17375
- color: var(--pf-c-simple-list__title--Color);
17376
- }
17377
-
17378
- .pf-c-simple-list__section + .pf-c-simple-list__section {
17379
- margin-top: var(--pf-c-simple-list__section--section--MarginTop);
17380
- }
17381
-
17382
17308
  .pf-c-skeleton {
17383
17309
  --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-150);
17384
17310
  --pf-c-skeleton--Width: auto;
@@ -17568,6 +17494,83 @@ label.pf-c-radio, .pf-c-radio__label,
17568
17494
  transform: translateX(100%);
17569
17495
  }
17570
17496
  }
17497
+ .pf-c-simple-list {
17498
+ --pf-c-simple-list__item-link--PaddingTop: var(--pf-global--spacer--xs);
17499
+ --pf-c-simple-list__item-link--PaddingRight: var(--pf-global--spacer--md);
17500
+ --pf-c-simple-list__item-link--PaddingBottom: var(--pf-global--spacer--xs);
17501
+ --pf-c-simple-list__item-link--PaddingLeft: var(--pf-global--spacer--md);
17502
+ --pf-c-simple-list__item-link--BackgroundColor: var(--pf-global--BackgroundColor--100);
17503
+ --pf-c-simple-list__item-link--Color: var(--pf-global--Color--100);
17504
+ --pf-c-simple-list__item-link--FontSize: var(--pf-global--FontSize--sm);
17505
+ --pf-c-simple-list__item-link--FontWeight: var(--pf-global--FontWeight--normal);
17506
+ --pf-c-simple-list__item-link--m-current--Color: var(--pf-global--link--Color);
17507
+ --pf-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--200);
17508
+ --pf-c-simple-list__item-link--m-current--FontWeight: var(--pf-global--FontWeight--normal);
17509
+ --pf-c-simple-list__item-link--hover--Color: var(--pf-global--Color--100);
17510
+ --pf-c-simple-list__item-link--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
17511
+ --pf-c-simple-list__item-link--focus--Color: var(--pf-global--Color--100);
17512
+ --pf-c-simple-list__item-link--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
17513
+ --pf-c-simple-list__item-link--focus--FontWeight: var(--pf-global--FontWeight--normal);
17514
+ --pf-c-simple-list__item-link--active--Color: var(--pf-global--Color--100);
17515
+ --pf-c-simple-list__item-link--active--BackgroundColor: var(--pf-global--BackgroundColor--200);
17516
+ --pf-c-simple-list__item-link--active--FontWeight: var(--pf-global--FontWeight--normal);
17517
+ --pf-c-simple-list__title--PaddingTop: var(--pf-global--spacer--sm);
17518
+ --pf-c-simple-list__title--PaddingRight: var(--pf-global--spacer--md);
17519
+ --pf-c-simple-list__title--PaddingBottom: var(--pf-global--spacer--sm);
17520
+ --pf-c-simple-list__title--PaddingLeft: var(--pf-global--spacer--md);
17521
+ --pf-c-simple-list__title--FontSize: var(--pf-global--FontSize--sm);
17522
+ --pf-c-simple-list__title--Color: var(--pf-global--Color--dark-200);
17523
+ --pf-c-simple-list__title--FontWeight: var(--pf-global--FontWeight--semi-bold);
17524
+ --pf-c-simple-list__section--section--MarginTop: var(--pf-global--spacer--sm);
17525
+ }
17526
+
17527
+ .pf-c-simple-list__item-link {
17528
+ display: block;
17529
+ width: 100%;
17530
+ padding: var(--pf-c-simple-list__item-link--PaddingTop) var(--pf-c-simple-list__item-link--PaddingRight) var(--pf-c-simple-list__item-link--PaddingBottom) var(--pf-c-simple-list__item-link--PaddingLeft);
17531
+ font-size: var(--pf-c-simple-list__item-link--FontSize);
17532
+ font-weight: var(--pf-c-simple-list__item-link--FontWeight);
17533
+ color: var(--pf-c-simple-list__item-link--Color);
17534
+ text-align: left;
17535
+ background-color: var(--pf-c-simple-list__item-link--BackgroundColor);
17536
+ border: none;
17537
+ }
17538
+
17539
+ .pf-c-simple-list__item-link:hover {
17540
+ text-decoration: none;
17541
+ --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--hover--BackgroundColor);
17542
+ --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--hover--Color);
17543
+ }
17544
+
17545
+ .pf-c-simple-list__item-link:focus {
17546
+ --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--focus--FontWeight);
17547
+ --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--focus--BackgroundColor);
17548
+ --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--focus--Color);
17549
+ }
17550
+
17551
+ .pf-c-simple-list__item-link:active {
17552
+ --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--active--FontWeight);
17553
+ --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--active--BackgroundColor);
17554
+ --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--active--Color);
17555
+ }
17556
+
17557
+ .pf-c-simple-list__item-link.pf-m-current {
17558
+ --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--m-current--FontWeight);
17559
+ --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--m-current--BackgroundColor);
17560
+ --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--m-current--Color);
17561
+ }
17562
+
17563
+ .pf-c-simple-list__title {
17564
+ padding: var(--pf-c-simple-list__title--PaddingTop) var(--pf-c-simple-list__title--PaddingRight) var(--pf-c-simple-list__title--PaddingBottom) var(--pf-c-simple-list__title--PaddingLeft);
17565
+ font-size: var(--pf-c-simple-list__title--FontSize);
17566
+ font-weight: var(--pf-c-simple-list__title--FontWeight);
17567
+ color: var(--pf-c-simple-list__title--Color);
17568
+ }
17569
+
17570
+ .pf-c-simple-list__section + .pf-c-simple-list__section {
17571
+ margin-top: var(--pf-c-simple-list__section--section--MarginTop);
17572
+ }
17573
+
17571
17574
  .pf-c-skip-to-content {
17572
17575
  --pf-c-skip-to-content--Top: var(--pf-global--spacer--md);
17573
17576
  --pf-c-skip-to-content--ZIndex: var(--pf-global--ZIndex--2xl);
@@ -18220,6 +18223,7 @@ svg.pf-c-spinner.pf-m-xl {
18220
18223
  --pf-c-tabs__link--PaddingRight: var(--pf-global--spacer--md);
18221
18224
  --pf-c-tabs__link--PaddingBottom: var(--pf-global--spacer--sm);
18222
18225
  --pf-c-tabs__link--PaddingLeft: var(--pf-global--spacer--md);
18226
+ --pf-c-tabs__link--disabled--Color: var(--pf-global--disabled-color--100);
18223
18227
  --pf-c-tabs__link--disabled--BackgroundColor: var(--pf-global--palette--black-150);
18224
18228
  --pf-c-tabs__item--m-current__link--Color: var(--pf-global--Color--100);
18225
18229
  --pf-c-tabs__item--m-current__link--BackgroundColor: var(--pf-global--BackgroundColor--100);
@@ -18794,6 +18798,7 @@ svg.pf-c-spinner.pf-m-xl {
18794
18798
  }
18795
18799
 
18796
18800
  .pf-c-tabs__item.pf-m-action.pf-m-disabled, .pf-c-tabs__link:disabled, .pf-c-tabs__link.pf-m-disabled, .pf-c-tabs__link.pf-m-aria-disabled {
18801
+ --pf-c-tabs__link--Color: var(--pf-c-tabs__link--disabled--Color);
18797
18802
  --pf-c-tabs__link--BackgroundColor: var(--pf-c-tabs__link--disabled--BackgroundColor);
18798
18803
  --pf-c-tabs__link--before--BorderRightWidth: var(--pf-c-tabs__link--disabled--before--BorderRightWidth);
18799
18804
  --pf-c-tabs__link--before--BorderBottomWidth: var(--pf-c-tabs__link--disabled--before--BorderBottomWidth);
@@ -19757,6 +19762,99 @@ svg.pf-c-spinner.pf-m-xl {
19757
19762
  margin-left: var(--pf-c-toggle-group__icon--text--MarginLeft);
19758
19763
  }
19759
19764
 
19765
+ .pf-c-tooltip {
19766
+ --pf-c-tooltip--MaxWidth: 18.75rem;
19767
+ --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
19768
+ --pf-c-tooltip__content--PaddingTop: var(--pf-global--spacer--sm);
19769
+ --pf-c-tooltip__content--PaddingRight: var(--pf-global--spacer--sm);
19770
+ --pf-c-tooltip__content--PaddingBottom: var(--pf-global--spacer--sm);
19771
+ --pf-c-tooltip__content--PaddingLeft: var(--pf-global--spacer--sm);
19772
+ --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
19773
+ --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
19774
+ --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
19775
+ --pf-c-tooltip__arrow--Width: 0.5rem;
19776
+ --pf-c-tooltip__arrow--Height: 0.5rem;
19777
+ --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
19778
+ --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
19779
+ --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
19780
+ --pf-c-tooltip__arrow--m-right--TranslateX: -50%;
19781
+ --pf-c-tooltip__arrow--m-right--TranslateY: -50%;
19782
+ --pf-c-tooltip__arrow--m-right--Rotate: 45deg;
19783
+ --pf-c-tooltip__arrow--m-bottom--TranslateX: -50%;
19784
+ --pf-c-tooltip__arrow--m-bottom--TranslateY: -50%;
19785
+ --pf-c-tooltip__arrow--m-bottom--Rotate: 45deg;
19786
+ --pf-c-tooltip__arrow--m-left--TranslateX: 50%;
19787
+ --pf-c-tooltip__arrow--m-left--TranslateY: -50%;
19788
+ --pf-c-tooltip__arrow--m-left--Rotate: 45deg;
19789
+ position: relative;
19790
+ max-width: var(--pf-c-tooltip--MaxWidth);
19791
+ box-shadow: var(--pf-c-tooltip--BoxShadow);
19792
+ }
19793
+
19794
+ .pf-c-tooltip.pf-m-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow {
19795
+ bottom: 0;
19796
+ left: 50%;
19797
+ transform: translateX(var(--pf-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-top--Rotate));
19798
+ }
19799
+
19800
+ .pf-c-tooltip.pf-m-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
19801
+ top: 0;
19802
+ left: 50%;
19803
+ transform: translateX(var(--pf-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-bottom--Rotate));
19804
+ }
19805
+
19806
+ .pf-c-tooltip.pf-m-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow {
19807
+ top: 50%;
19808
+ right: 0;
19809
+ transform: translateX(var(--pf-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-left--Rotate));
19810
+ }
19811
+
19812
+ .pf-c-tooltip.pf-m-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
19813
+ top: 50%;
19814
+ left: 0;
19815
+ transform: translateX(var(--pf-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-right--Rotate));
19816
+ }
19817
+
19818
+ .pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow {
19819
+ top: var(--pf-c-tooltip__arrow--Height);
19820
+ }
19821
+
19822
+ .pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
19823
+ top: auto;
19824
+ bottom: 0;
19825
+ }
19826
+
19827
+ .pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow {
19828
+ left: var(--pf-c-tooltip__arrow--Width);
19829
+ }
19830
+
19831
+ .pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
19832
+ right: 0;
19833
+ left: auto;
19834
+ }
19835
+
19836
+ .pf-c-tooltip__content {
19837
+ position: relative;
19838
+ padding: var(--pf-c-tooltip__content--PaddingTop) var(--pf-c-tooltip__content--PaddingRight) var(--pf-c-tooltip__content--PaddingBottom) var(--pf-c-tooltip__content--PaddingLeft);
19839
+ font-size: var(--pf-c-tooltip__content--FontSize);
19840
+ color: var(--pf-c-tooltip__content--Color);
19841
+ text-align: center;
19842
+ word-break: break-word;
19843
+ background-color: var(--pf-c-tooltip__content--BackgroundColor);
19844
+ }
19845
+
19846
+ .pf-c-tooltip__content.pf-m-text-align-left {
19847
+ text-align: left;
19848
+ }
19849
+
19850
+ .pf-c-tooltip__arrow {
19851
+ position: absolute;
19852
+ width: var(--pf-c-tooltip__arrow--Width);
19853
+ height: var(--pf-c-tooltip__arrow--Height);
19854
+ pointer-events: none;
19855
+ background-color: var(--pf-c-tooltip__content--BackgroundColor);
19856
+ }
19857
+
19760
19858
  .pf-c-toolbar__content-section, .pf-c-toolbar__content, .pf-c-toolbar__item, .pf-c-toolbar__group {
19761
19859
  --pf-hidden-visible--visible--Visibility: visible;
19762
19860
  --pf-hidden-visible--hidden--Display: none;
@@ -21138,99 +21236,6 @@ svg.pf-c-spinner.pf-m-xl {
21138
21236
  --pf-c-toolbar--spacer: 0;
21139
21237
  }
21140
21238
 
21141
- .pf-c-tooltip {
21142
- --pf-c-tooltip--MaxWidth: 18.75rem;
21143
- --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
21144
- --pf-c-tooltip__content--PaddingTop: var(--pf-global--spacer--sm);
21145
- --pf-c-tooltip__content--PaddingRight: var(--pf-global--spacer--sm);
21146
- --pf-c-tooltip__content--PaddingBottom: var(--pf-global--spacer--sm);
21147
- --pf-c-tooltip__content--PaddingLeft: var(--pf-global--spacer--sm);
21148
- --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
21149
- --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
21150
- --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
21151
- --pf-c-tooltip__arrow--Width: 0.5rem;
21152
- --pf-c-tooltip__arrow--Height: 0.5rem;
21153
- --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
21154
- --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
21155
- --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
21156
- --pf-c-tooltip__arrow--m-right--TranslateX: -50%;
21157
- --pf-c-tooltip__arrow--m-right--TranslateY: -50%;
21158
- --pf-c-tooltip__arrow--m-right--Rotate: 45deg;
21159
- --pf-c-tooltip__arrow--m-bottom--TranslateX: -50%;
21160
- --pf-c-tooltip__arrow--m-bottom--TranslateY: -50%;
21161
- --pf-c-tooltip__arrow--m-bottom--Rotate: 45deg;
21162
- --pf-c-tooltip__arrow--m-left--TranslateX: 50%;
21163
- --pf-c-tooltip__arrow--m-left--TranslateY: -50%;
21164
- --pf-c-tooltip__arrow--m-left--Rotate: 45deg;
21165
- position: relative;
21166
- max-width: var(--pf-c-tooltip--MaxWidth);
21167
- box-shadow: var(--pf-c-tooltip--BoxShadow);
21168
- }
21169
-
21170
- .pf-c-tooltip.pf-m-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow {
21171
- bottom: 0;
21172
- left: 50%;
21173
- transform: translateX(var(--pf-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-top--Rotate));
21174
- }
21175
-
21176
- .pf-c-tooltip.pf-m-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
21177
- top: 0;
21178
- left: 50%;
21179
- transform: translateX(var(--pf-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-bottom--Rotate));
21180
- }
21181
-
21182
- .pf-c-tooltip.pf-m-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow {
21183
- top: 50%;
21184
- right: 0;
21185
- transform: translateX(var(--pf-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-left--Rotate));
21186
- }
21187
-
21188
- .pf-c-tooltip.pf-m-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
21189
- top: 50%;
21190
- left: 0;
21191
- transform: translateX(var(--pf-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-right--Rotate));
21192
- }
21193
-
21194
- .pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow {
21195
- top: var(--pf-c-tooltip__arrow--Height);
21196
- }
21197
-
21198
- .pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
21199
- top: auto;
21200
- bottom: 0;
21201
- }
21202
-
21203
- .pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow {
21204
- left: var(--pf-c-tooltip__arrow--Width);
21205
- }
21206
-
21207
- .pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
21208
- right: 0;
21209
- left: auto;
21210
- }
21211
-
21212
- .pf-c-tooltip__content {
21213
- position: relative;
21214
- padding: var(--pf-c-tooltip__content--PaddingTop) var(--pf-c-tooltip__content--PaddingRight) var(--pf-c-tooltip__content--PaddingBottom) var(--pf-c-tooltip__content--PaddingLeft);
21215
- font-size: var(--pf-c-tooltip__content--FontSize);
21216
- color: var(--pf-c-tooltip__content--Color);
21217
- text-align: center;
21218
- word-break: break-word;
21219
- background-color: var(--pf-c-tooltip__content--BackgroundColor);
21220
- }
21221
-
21222
- .pf-c-tooltip__content.pf-m-text-align-left {
21223
- text-align: left;
21224
- }
21225
-
21226
- .pf-c-tooltip__arrow {
21227
- position: absolute;
21228
- width: var(--pf-c-tooltip__arrow--Width);
21229
- height: var(--pf-c-tooltip__arrow--Height);
21230
- pointer-events: none;
21231
- background-color: var(--pf-c-tooltip__content--BackgroundColor);
21232
- }
21233
-
21234
21239
  .pf-c-number-input .pf-c-form-control {
21235
21240
  appearance: textfield;
21236
21241
  }
@@ -22278,69 +22283,6 @@ svg.pf-c-spinner.pf-m-xl {
22278
22283
  margin-left: var(--pf-c-wizard__footer-cancel--MarginLeft);
22279
22284
  }
22280
22285
 
22281
- .pf-c-draggable {
22282
- --pf-c-draggable--Cursor: auto;
22283
- --pf-c-draggable--m-dragging--Cursor: grabbing;
22284
- --pf-c-draggable--m-dragging--BoxShadow: var(--pf-global--BoxShadow--md);
22285
- --pf-c-draggable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
22286
- --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
22287
- --pf-c-draggable--m-drag-outside--Cursor: not-allowed;
22288
- --pf-c-draggable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
22289
- cursor: var(--pf-c-draggable--Cursor);
22290
- }
22291
-
22292
- .pf-c-draggable.pf-m-dragging {
22293
- --pf-c-draggable--Cursor: var(--pf-c-draggable--m-dragging--Cursor);
22294
- position: relative;
22295
- background-color: var(--pf-c-draggable--m-dragging--BackgroundColor);
22296
- box-shadow: var(--pf-c-draggable--m-dragging--BoxShadow);
22297
- }
22298
-
22299
- .pf-c-draggable.pf-m-dragging::after {
22300
- position: absolute;
22301
- top: 0;
22302
- right: 0;
22303
- bottom: 0;
22304
- left: 0;
22305
- content: "";
22306
- border: var(--pf-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-c-draggable--m-dragging--after--BorderColor);
22307
- }
22308
-
22309
- .pf-c-draggable.pf-m-drag-outside {
22310
- --pf-c-draggable--m-dragging--Cursor: var(--pf-c-draggable--m-drag-outside--Cursor);
22311
- --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-c-draggable--m-drag-outside--after--BorderColor);
22312
- }
22313
-
22314
- .pf-c-droppable {
22315
- --pf-c-droppable--m-dragging--after--BackgroundColor: rgba(255, 255, 255, 0.6);
22316
- --pf-c-droppable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
22317
- --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
22318
- --pf-c-droppable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
22319
- }
22320
-
22321
- .pf-c-droppable.pf-m-dragging {
22322
- position: relative;
22323
- }
22324
-
22325
- .pf-c-droppable.pf-m-dragging::after {
22326
- position: absolute;
22327
- top: 0;
22328
- right: 0;
22329
- bottom: 0;
22330
- left: 0;
22331
- pointer-events: none;
22332
- content: "";
22333
- }
22334
-
22335
- .pf-c-droppable::after {
22336
- background-color: var(--pf-c-droppable--m-dragging--after--BackgroundColor);
22337
- border: var(--pf-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-c-droppable--m-dragging--after--BorderColor);
22338
- }
22339
-
22340
- .pf-c-droppable.pf-m-drag-outside {
22341
- --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor);
22342
- }
22343
-
22344
22286
  .pf-c-text-input-group {
22345
22287
  --pf-c-text-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
22346
22288
  --pf-c-text-input-group__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
@@ -22513,6 +22455,69 @@ svg.pf-c-spinner.pf-m-xl {
22513
22455
  display: flex;
22514
22456
  }
22515
22457
 
22458
+ .pf-c-draggable {
22459
+ --pf-c-draggable--Cursor: auto;
22460
+ --pf-c-draggable--m-dragging--Cursor: grabbing;
22461
+ --pf-c-draggable--m-dragging--BoxShadow: var(--pf-global--BoxShadow--md);
22462
+ --pf-c-draggable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
22463
+ --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
22464
+ --pf-c-draggable--m-drag-outside--Cursor: not-allowed;
22465
+ --pf-c-draggable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
22466
+ cursor: var(--pf-c-draggable--Cursor);
22467
+ }
22468
+
22469
+ .pf-c-draggable.pf-m-dragging {
22470
+ --pf-c-draggable--Cursor: var(--pf-c-draggable--m-dragging--Cursor);
22471
+ position: relative;
22472
+ background-color: var(--pf-c-draggable--m-dragging--BackgroundColor);
22473
+ box-shadow: var(--pf-c-draggable--m-dragging--BoxShadow);
22474
+ }
22475
+
22476
+ .pf-c-draggable.pf-m-dragging::after {
22477
+ position: absolute;
22478
+ top: 0;
22479
+ right: 0;
22480
+ bottom: 0;
22481
+ left: 0;
22482
+ content: "";
22483
+ border: var(--pf-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-c-draggable--m-dragging--after--BorderColor);
22484
+ }
22485
+
22486
+ .pf-c-draggable.pf-m-drag-outside {
22487
+ --pf-c-draggable--m-dragging--Cursor: var(--pf-c-draggable--m-drag-outside--Cursor);
22488
+ --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-c-draggable--m-drag-outside--after--BorderColor);
22489
+ }
22490
+
22491
+ .pf-c-droppable {
22492
+ --pf-c-droppable--m-dragging--after--BackgroundColor: rgba(255, 255, 255, 0.6);
22493
+ --pf-c-droppable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
22494
+ --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
22495
+ --pf-c-droppable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
22496
+ }
22497
+
22498
+ .pf-c-droppable.pf-m-dragging {
22499
+ position: relative;
22500
+ }
22501
+
22502
+ .pf-c-droppable.pf-m-dragging::after {
22503
+ position: absolute;
22504
+ top: 0;
22505
+ right: 0;
22506
+ bottom: 0;
22507
+ left: 0;
22508
+ pointer-events: none;
22509
+ content: "";
22510
+ }
22511
+
22512
+ .pf-c-droppable::after {
22513
+ background-color: var(--pf-c-droppable--m-dragging--after--BackgroundColor);
22514
+ border: var(--pf-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-c-droppable--m-dragging--after--BorderColor);
22515
+ }
22516
+
22517
+ .pf-c-droppable.pf-m-drag-outside {
22518
+ --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor);
22519
+ }
22520
+
22516
22521
  .pf-c-panel {
22517
22522
  --pf-c-panel--Width: auto;
22518
22523
  --pf-c-panel--MinWidth: auto;
@@ -11549,6 +11549,10 @@ ul.pf-c-list {
11549
11549
  --pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
11550
11550
  }
11551
11551
 
11552
+ .pf-c-menu .pf-c-menu__content {
11553
+ overflow: visible hidden;
11554
+ }
11555
+
11552
11556
  .pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
11553
11557
  overflow: visible;
11554
11558
  }
@@ -11607,7 +11611,6 @@ ul.pf-c-list {
11607
11611
  left: 100%;
11608
11612
  width: 100%;
11609
11613
  transition: var(--pf-c-menu--m-drilldown--c-menu--Transition);
11610
- transition: 2s;
11611
11614
  }
11612
11615
 
11613
11616
  .pf-c-menu.pf-m-drilldown > .pf-c-menu__content .pf-c-menu.pf-m-drilled-in {
@@ -18220,6 +18223,7 @@ svg.pf-c-spinner.pf-m-xl {
18220
18223
  --pf-c-tabs__link--PaddingRight: var(--pf-global--spacer--md);
18221
18224
  --pf-c-tabs__link--PaddingBottom: var(--pf-global--spacer--sm);
18222
18225
  --pf-c-tabs__link--PaddingLeft: var(--pf-global--spacer--md);
18226
+ --pf-c-tabs__link--disabled--Color: var(--pf-global--disabled-color--100);
18223
18227
  --pf-c-tabs__link--disabled--BackgroundColor: var(--pf-global--palette--black-150);
18224
18228
  --pf-c-tabs__item--m-current__link--Color: var(--pf-global--Color--100);
18225
18229
  --pf-c-tabs__item--m-current__link--BackgroundColor: var(--pf-global--BackgroundColor--100);
@@ -18794,6 +18798,7 @@ svg.pf-c-spinner.pf-m-xl {
18794
18798
  }
18795
18799
 
18796
18800
  .pf-c-tabs__item.pf-m-action.pf-m-disabled, .pf-c-tabs__link:disabled, .pf-c-tabs__link.pf-m-disabled, .pf-c-tabs__link.pf-m-aria-disabled {
18801
+ --pf-c-tabs__link--Color: var(--pf-c-tabs__link--disabled--Color);
18797
18802
  --pf-c-tabs__link--BackgroundColor: var(--pf-c-tabs__link--disabled--BackgroundColor);
18798
18803
  --pf-c-tabs__link--before--BorderRightWidth: var(--pf-c-tabs__link--disabled--before--BorderRightWidth);
18799
18804
  --pf-c-tabs__link--before--BorderBottomWidth: var(--pf-c-tabs__link--disabled--before--BorderBottomWidth);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-core",
3
- "version": "4.208.7",
3
+ "version": "4.208.8",
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",
@@ -34,16 +34,16 @@
34
34
  "generate": "node scripts/copyStyles.js"
35
35
  },
36
36
  "dependencies": {
37
- "@patternfly/react-icons": "^4.59.7",
38
- "@patternfly/react-styles": "^4.58.7",
39
- "@patternfly/react-tokens": "^4.60.7",
37
+ "@patternfly/react-icons": "^4.59.8",
38
+ "@patternfly/react-styles": "^4.58.8",
39
+ "@patternfly/react-tokens": "^4.60.8",
40
40
  "focus-trap": "6.2.2",
41
41
  "react-dropzone": "9.0.0",
42
42
  "tippy.js": "5.1.2",
43
43
  "tslib": "^2.0.0"
44
44
  },
45
45
  "devDependencies": {
46
- "@patternfly/patternfly": "4.192.4",
46
+ "@patternfly/patternfly": "4.192.6",
47
47
  "@rollup/plugin-commonjs": "^21.0.0",
48
48
  "@rollup/plugin-node-resolve": "^13.0.0",
49
49
  "@rollup/plugin-replace": "^3.0.0",
@@ -60,5 +60,5 @@
60
60
  "react": "^16.8.0 || ^17.0.0",
61
61
  "react-dom": "^16.8.0 || ^17.0.0"
62
62
  },
63
- "gitHead": "1af2a9586c42d64d32fe1def12a3c858653e7115"
63
+ "gitHead": "db75c034e799613d84db755cc300a19806b70dba"
64
64
  }