@patternfly/react-core 4.241.1 → 4.241.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 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.241.2 (2022-09-20)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-core
9
+
10
+
11
+
12
+
13
+
6
14
  ## 4.241.1 (2022-09-20)
7
15
 
8
16
 
@@ -4,6 +4,23 @@
4
4
  pointer-events: none;
5
5
  }
6
6
 
7
+ .pf-c-backdrop {
8
+ --pf-c-backdrop--Position: fixed;
9
+ --pf-c-backdrop--ZIndex: var(--pf-global--ZIndex--lg);
10
+ --pf-c-backdrop--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
11
+ position: var(--pf-c-backdrop--Position);
12
+ top: 0;
13
+ left: 0;
14
+ z-index: var(--pf-c-backdrop--ZIndex);
15
+ width: 100%;
16
+ height: 100%;
17
+ background-color: var(--pf-c-backdrop--BackgroundColor);
18
+ }
19
+
20
+ .pf-c-backdrop__open {
21
+ overflow: hidden;
22
+ }
23
+
7
24
  .pf-c-accordion {
8
25
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
9
26
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -1279,23 +1296,6 @@ textarea.pf-c-form-control {
1279
1296
  display: none !important;
1280
1297
  }
1281
1298
  }
1282
- .pf-c-backdrop {
1283
- --pf-c-backdrop--Position: fixed;
1284
- --pf-c-backdrop--ZIndex: var(--pf-global--ZIndex--lg);
1285
- --pf-c-backdrop--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
1286
- position: var(--pf-c-backdrop--Position);
1287
- top: 0;
1288
- left: 0;
1289
- z-index: var(--pf-c-backdrop--ZIndex);
1290
- width: 100%;
1291
- height: 100%;
1292
- background-color: var(--pf-c-backdrop--BackgroundColor);
1293
- }
1294
-
1295
- .pf-c-backdrop__open {
1296
- overflow: hidden;
1297
- }
1298
-
1299
1299
  .pf-c-avatar {
1300
1300
  --pf-c-avatar--BorderColor: transparent;
1301
1301
  --pf-c-avatar--BorderWidth: 0;
@@ -3507,116 +3507,6 @@ label.pf-c-check, .pf-c-check__label,
3507
3507
  margin-bottom: var(--pf-c-chip-group__close--MarginBottom);
3508
3508
  }
3509
3509
 
3510
- .pf-c-clipboard-copy {
3511
- --pf-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
3512
- --pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
3513
- --pf-c-clipboard-copy__expandable-content--PaddingTop: var(--pf-global--spacer--md);
3514
- --pf-c-clipboard-copy__expandable-content--PaddingRight: var(--pf-global--spacer--md);
3515
- --pf-c-clipboard-copy__expandable-content--PaddingBottom: var(--pf-global--spacer--md);
3516
- --pf-c-clipboard-copy__expandable-content--PaddingLeft: var(--pf-global--spacer--md);
3517
- --pf-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
3518
- --pf-c-clipboard-copy__expandable-content--BorderTopWidth: 0;
3519
- --pf-c-clipboard-copy__expandable-content--BorderRightWidth: var(--pf-global--BorderWidth--sm);
3520
- --pf-c-clipboard-copy__expandable-content--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
3521
- --pf-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
3522
- --pf-c-clipboard-copy__expandable-content--BorderColor: var(--pf-global--BorderColor--100);
3523
- --pf-c-clipboard-copy__expandable-content--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
3524
- --pf-c-clipboard-copy--m-inline--PaddingTop: 0;
3525
- --pf-c-clipboard-copy--m-inline--PaddingBottom: 0;
3526
- --pf-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-global--spacer--xs);
3527
- --pf-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-global--BackgroundColor--200);
3528
- --pf-c-clipboard-copy__text--m-code--FontFamily: var(--pf-global--FontFamily--monospace);
3529
- --pf-c-clipboard-copy__text--m-code--FontSize: var(--pf-global--FontSize--sm);
3530
- --pf-c-clipboard-copy__actions-item--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
3531
- --pf-c-clipboard-copy__actions-item--MarginBottom: calc(-1 * var(--pf-global--spacer--form-element));
3532
- --pf-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-global--spacer--xs);
3533
- --pf-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-global--spacer--sm);
3534
- --pf-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-global--spacer--xs);
3535
- --pf-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-global--spacer--sm);
3536
- }
3537
-
3538
- .pf-c-clipboard-copy.pf-m-expanded .pf-c-clipboard-copy__toggle-icon {
3539
- transform: rotate(var(--pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate));
3540
- }
3541
-
3542
- .pf-c-clipboard-copy.pf-m-inline {
3543
- display: inline;
3544
- padding-top: var(--pf-c-clipboard-copy--m-inline--PaddingTop);
3545
- padding-bottom: var(--pf-c-clipboard-copy--m-inline--PaddingBottom);
3546
- padding-left: var(--pf-c-clipboard-copy--m-inline--PaddingLeft);
3547
- white-space: nowrap;
3548
- background-color: var(--pf-c-clipboard-copy--m-inline--BackgroundColor);
3549
- }
3550
-
3551
- .pf-c-clipboard-copy.pf-m-inline.pf-m-block {
3552
- display: block;
3553
- }
3554
-
3555
- .pf-c-clipboard-copy__group {
3556
- display: flex;
3557
- }
3558
-
3559
- .pf-c-clipboard-copy__group > * + * {
3560
- margin-left: -1px;
3561
- }
3562
-
3563
- .pf-c-clipboard-copy__toggle-icon {
3564
- transition: var(--pf-c-clipboard-copy__toggle-icon--Transition);
3565
- }
3566
-
3567
- .pf-c-clipboard-copy__expandable-content {
3568
- padding: var(--pf-c-clipboard-copy__expandable-content--PaddingTop) var(--pf-c-clipboard-copy__expandable-content--PaddingRight) var(--pf-c-clipboard-copy__expandable-content--PaddingBottom) var(--pf-c-clipboard-copy__expandable-content--PaddingLeft);
3569
- word-wrap: break-word;
3570
- background-color: var(--pf-c-clipboard-copy__expandable-content--BackgroundColor);
3571
- background-clip: padding-box;
3572
- border: solid var(--pf-c-clipboard-copy__expandable-content--BorderColor);
3573
- border-width: var(--pf-c-clipboard-copy__expandable-content--BorderTopWidth) var(--pf-c-clipboard-copy__expandable-content--BorderRightWidth) var(--pf-c-clipboard-copy__expandable-content--BorderBottomWidth) var(--pf-c-clipboard-copy__expandable-content--BorderLeftWidth);
3574
- box-shadow: var(--pf-c-clipboard-copy__expandable-content--BoxShadow);
3575
- }
3576
-
3577
- .pf-c-clipboard-copy__expandable-content pre {
3578
- white-space: pre-wrap;
3579
- }
3580
-
3581
- .pf-c-clipboard-copy__text {
3582
- word-break: break-word;
3583
- white-space: normal;
3584
- }
3585
-
3586
- .pf-c-clipboard-copy__text.pf-m-code {
3587
- font-family: var(--pf-c-clipboard-copy__text--m-code--FontFamily);
3588
- font-size: var(--pf-c-clipboard-copy__text--m-code--FontSize);
3589
- }
3590
-
3591
- .pf-c-clipboard-copy__actions {
3592
- display: inline-flex;
3593
- }
3594
-
3595
- .pf-c-clipboard-copy__actions-item {
3596
- margin-top: calc(-1 * var(--pf-c-clipboard-copy__actions-item--button--PaddingTop));
3597
- margin-bottom: calc(-1 * var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom));
3598
- }
3599
-
3600
- .pf-c-clipboard-copy__actions-item .pf-c-button {
3601
- --pf-c-button--PaddingTop: var(--pf-c-clipboard-copy__actions-item--button--PaddingTop);
3602
- --pf-c-button--PaddingRight: var(--pf-c-clipboard-copy__actions-item--button--PaddingRight);
3603
- --pf-c-button--PaddingBottom: var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom);
3604
- --pf-c-button--PaddingLeft: var(--pf-c-clipboard-copy__actions-item--button--PaddingLeft);
3605
- }
3606
-
3607
- :where(.pf-theme-dark) .pf-c-clipboard-copy {
3608
- --pf-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-global--BackgroundColor--400);
3609
- }
3610
-
3611
- :where(.pf-theme-dark) .pf-c-clipboard-copy__group > * + * {
3612
- margin-left: 0;
3613
- border-left: 1px solid var(--pf-global--palette--black-700) !important;
3614
- }
3615
-
3616
- :where(.pf-theme-dark) .pf-c-clipboard-copy__expandable-content {
3617
- border: 0;
3618
- }
3619
-
3620
3510
  .pf-c-code-block {
3621
3511
  --pf-c-code-block--BackgroundColor: var(--pf-global--BackgroundColor--200);
3622
3512
  --pf-c-code-block__header--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
@@ -5463,6 +5353,116 @@ label.pf-c-check, .pf-c-check__label,
5463
5353
  overflow-y: visible;
5464
5354
  }
5465
5355
  }
5356
+ .pf-c-clipboard-copy {
5357
+ --pf-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
5358
+ --pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
5359
+ --pf-c-clipboard-copy__expandable-content--PaddingTop: var(--pf-global--spacer--md);
5360
+ --pf-c-clipboard-copy__expandable-content--PaddingRight: var(--pf-global--spacer--md);
5361
+ --pf-c-clipboard-copy__expandable-content--PaddingBottom: var(--pf-global--spacer--md);
5362
+ --pf-c-clipboard-copy__expandable-content--PaddingLeft: var(--pf-global--spacer--md);
5363
+ --pf-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
5364
+ --pf-c-clipboard-copy__expandable-content--BorderTopWidth: 0;
5365
+ --pf-c-clipboard-copy__expandable-content--BorderRightWidth: var(--pf-global--BorderWidth--sm);
5366
+ --pf-c-clipboard-copy__expandable-content--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
5367
+ --pf-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
5368
+ --pf-c-clipboard-copy__expandable-content--BorderColor: var(--pf-global--BorderColor--100);
5369
+ --pf-c-clipboard-copy__expandable-content--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
5370
+ --pf-c-clipboard-copy--m-inline--PaddingTop: 0;
5371
+ --pf-c-clipboard-copy--m-inline--PaddingBottom: 0;
5372
+ --pf-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-global--spacer--xs);
5373
+ --pf-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-global--BackgroundColor--200);
5374
+ --pf-c-clipboard-copy__text--m-code--FontFamily: var(--pf-global--FontFamily--monospace);
5375
+ --pf-c-clipboard-copy__text--m-code--FontSize: var(--pf-global--FontSize--sm);
5376
+ --pf-c-clipboard-copy__actions-item--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
5377
+ --pf-c-clipboard-copy__actions-item--MarginBottom: calc(-1 * var(--pf-global--spacer--form-element));
5378
+ --pf-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-global--spacer--xs);
5379
+ --pf-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-global--spacer--sm);
5380
+ --pf-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-global--spacer--xs);
5381
+ --pf-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-global--spacer--sm);
5382
+ }
5383
+
5384
+ .pf-c-clipboard-copy.pf-m-expanded .pf-c-clipboard-copy__toggle-icon {
5385
+ transform: rotate(var(--pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate));
5386
+ }
5387
+
5388
+ .pf-c-clipboard-copy.pf-m-inline {
5389
+ display: inline;
5390
+ padding-top: var(--pf-c-clipboard-copy--m-inline--PaddingTop);
5391
+ padding-bottom: var(--pf-c-clipboard-copy--m-inline--PaddingBottom);
5392
+ padding-left: var(--pf-c-clipboard-copy--m-inline--PaddingLeft);
5393
+ white-space: nowrap;
5394
+ background-color: var(--pf-c-clipboard-copy--m-inline--BackgroundColor);
5395
+ }
5396
+
5397
+ .pf-c-clipboard-copy.pf-m-inline.pf-m-block {
5398
+ display: block;
5399
+ }
5400
+
5401
+ .pf-c-clipboard-copy__group {
5402
+ display: flex;
5403
+ }
5404
+
5405
+ .pf-c-clipboard-copy__group > * + * {
5406
+ margin-left: -1px;
5407
+ }
5408
+
5409
+ .pf-c-clipboard-copy__toggle-icon {
5410
+ transition: var(--pf-c-clipboard-copy__toggle-icon--Transition);
5411
+ }
5412
+
5413
+ .pf-c-clipboard-copy__expandable-content {
5414
+ padding: var(--pf-c-clipboard-copy__expandable-content--PaddingTop) var(--pf-c-clipboard-copy__expandable-content--PaddingRight) var(--pf-c-clipboard-copy__expandable-content--PaddingBottom) var(--pf-c-clipboard-copy__expandable-content--PaddingLeft);
5415
+ word-wrap: break-word;
5416
+ background-color: var(--pf-c-clipboard-copy__expandable-content--BackgroundColor);
5417
+ background-clip: padding-box;
5418
+ border: solid var(--pf-c-clipboard-copy__expandable-content--BorderColor);
5419
+ border-width: var(--pf-c-clipboard-copy__expandable-content--BorderTopWidth) var(--pf-c-clipboard-copy__expandable-content--BorderRightWidth) var(--pf-c-clipboard-copy__expandable-content--BorderBottomWidth) var(--pf-c-clipboard-copy__expandable-content--BorderLeftWidth);
5420
+ box-shadow: var(--pf-c-clipboard-copy__expandable-content--BoxShadow);
5421
+ }
5422
+
5423
+ .pf-c-clipboard-copy__expandable-content pre {
5424
+ white-space: pre-wrap;
5425
+ }
5426
+
5427
+ .pf-c-clipboard-copy__text {
5428
+ word-break: break-word;
5429
+ white-space: normal;
5430
+ }
5431
+
5432
+ .pf-c-clipboard-copy__text.pf-m-code {
5433
+ font-family: var(--pf-c-clipboard-copy__text--m-code--FontFamily);
5434
+ font-size: var(--pf-c-clipboard-copy__text--m-code--FontSize);
5435
+ }
5436
+
5437
+ .pf-c-clipboard-copy__actions {
5438
+ display: inline-flex;
5439
+ }
5440
+
5441
+ .pf-c-clipboard-copy__actions-item {
5442
+ margin-top: calc(-1 * var(--pf-c-clipboard-copy__actions-item--button--PaddingTop));
5443
+ margin-bottom: calc(-1 * var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom));
5444
+ }
5445
+
5446
+ .pf-c-clipboard-copy__actions-item .pf-c-button {
5447
+ --pf-c-button--PaddingTop: var(--pf-c-clipboard-copy__actions-item--button--PaddingTop);
5448
+ --pf-c-button--PaddingRight: var(--pf-c-clipboard-copy__actions-item--button--PaddingRight);
5449
+ --pf-c-button--PaddingBottom: var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom);
5450
+ --pf-c-button--PaddingLeft: var(--pf-c-clipboard-copy__actions-item--button--PaddingLeft);
5451
+ }
5452
+
5453
+ :where(.pf-theme-dark) .pf-c-clipboard-copy {
5454
+ --pf-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-global--BackgroundColor--400);
5455
+ }
5456
+
5457
+ :where(.pf-theme-dark) .pf-c-clipboard-copy__group > * + * {
5458
+ margin-left: 0;
5459
+ border-left: 1px solid var(--pf-global--palette--black-700) !important;
5460
+ }
5461
+
5462
+ :where(.pf-theme-dark) .pf-c-clipboard-copy__expandable-content {
5463
+ border: 0;
5464
+ }
5465
+
5466
5466
  .pf-c-date-picker {
5467
5467
  --pf-c-date-picker--m-top__calendar--Top: 0;
5468
5468
  --pf-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
@@ -27484,21 +27484,6 @@ label.pf-c-tree-view__node-text {
27484
27484
  margin-right: var(--pf-l-level--m-gutter--MarginRight);
27485
27485
  }
27486
27486
 
27487
- .pf-l-stack {
27488
- --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
27489
- display: flex;
27490
- flex-direction: column;
27491
- height: 100%;
27492
- }
27493
-
27494
- .pf-l-stack__item.pf-m-fill {
27495
- flex-grow: 1;
27496
- }
27497
-
27498
- .pf-l-stack.pf-m-gutter > *:not(:last-child) {
27499
- margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom);
27500
- }
27501
-
27502
27487
  .pf-l-split {
27503
27488
  --pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
27504
27489
  display: flex;
@@ -27518,6 +27503,21 @@ label.pf-c-tree-view__node-text {
27518
27503
  margin-right: var(--pf-l-split--m-gutter--MarginRight);
27519
27504
  }
27520
27505
 
27506
+ .pf-l-stack {
27507
+ --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
27508
+ display: flex;
27509
+ flex-direction: column;
27510
+ height: 100%;
27511
+ }
27512
+
27513
+ .pf-l-stack__item.pf-m-fill {
27514
+ flex-grow: 1;
27515
+ }
27516
+
27517
+ .pf-l-stack.pf-m-gutter > *:not(:last-child) {
27518
+ margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom);
27519
+ }
27520
+
27521
27521
  .pf-c-alert-group {
27522
27522
  --pf-c-alert-group__item--MarginTop: var(--pf-global--spacer--sm);
27523
27523
  --pf-c-alert-group--m-toast--Top: var(--pf-global--spacer--2xl);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-core",
3
- "version": "4.241.1",
3
+ "version": "4.241.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,9 +44,9 @@
44
44
  "generate": "node scripts/copyStyles.js"
45
45
  },
46
46
  "dependencies": {
47
- "@patternfly/react-icons": "^4.92.1",
48
- "@patternfly/react-styles": "^4.91.1",
49
- "@patternfly/react-tokens": "^4.93.1",
47
+ "@patternfly/react-icons": "^4.92.2",
48
+ "@patternfly/react-styles": "^4.91.2",
49
+ "@patternfly/react-tokens": "^4.93.2",
50
50
  "focus-trap": "6.9.2",
51
51
  "react-dropzone": "9.0.0",
52
52
  "tippy.js": "5.1.2",
@@ -70,5 +70,5 @@
70
70
  "react": "^16.8 || ^17 || ^18",
71
71
  "react-dom": "^16.8 || ^17 || ^18"
72
72
  },
73
- "gitHead": "447aaa1f6cad3927b263c7eb737f16a4c3dde438"
73
+ "gitHead": "811cf2be63a94493f9598e60503f71c3b6d76751"
74
74
  }