@patternfly/react-core 4.234.0 → 4.234.1

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.234.1 (2022-08-22)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-core
9
+
10
+
11
+
12
+
13
+
6
14
  # 4.234.0 (2022-08-22)
7
15
 
8
16
 
@@ -27446,6 +27446,18 @@ label.pf-c-tree-view__node-text {
27446
27446
  grid-gap: var(--pf-l-grid--m-gutter--GridGap);
27447
27447
  }
27448
27448
 
27449
+ .pf-l-level {
27450
+ --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
27451
+ display: flex;
27452
+ flex-wrap: wrap;
27453
+ align-items: center;
27454
+ justify-content: space-between;
27455
+ }
27456
+
27457
+ .pf-l-level.pf-m-gutter > *:not(:last-child) {
27458
+ margin-right: var(--pf-l-level--m-gutter--MarginRight);
27459
+ }
27460
+
27449
27461
  .pf-l-split {
27450
27462
  --pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
27451
27463
  display: flex;
@@ -27465,18 +27477,6 @@ label.pf-c-tree-view__node-text {
27465
27477
  margin-right: var(--pf-l-split--m-gutter--MarginRight);
27466
27478
  }
27467
27479
 
27468
- .pf-l-level {
27469
- --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
27470
- display: flex;
27471
- flex-wrap: wrap;
27472
- align-items: center;
27473
- justify-content: space-between;
27474
- }
27475
-
27476
- .pf-l-level.pf-m-gutter > *:not(:last-child) {
27477
- margin-right: var(--pf-l-level--m-gutter--MarginRight);
27478
- }
27479
-
27480
27480
  .pf-l-stack {
27481
27481
  --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
27482
27482
  display: flex;
@@ -22498,52 +22498,6 @@ svg.pf-c-spinner.pf-m-xl {
22498
22498
  --pf-c-toolbar--spacer: 0;
22499
22499
  }
22500
22500
 
22501
- .pf-c-number-input .pf-c-form-control {
22502
- appearance: textfield;
22503
- }
22504
-
22505
- .pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button {
22506
- appearance: none;
22507
- margin: 0;
22508
- }
22509
-
22510
- .pf-c-number-input {
22511
- --pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
22512
- --pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
22513
- --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
22514
- --pf-c-number-input--c-form-control--width-icon: 0px;
22515
- --pf-c-number-input--m-status--c-form-control--width-icon: var(--pf-global--spacer--xl);
22516
- --pf-c-number-input--c-form-control--width-chars: 4;
22517
- --pf-c-number-input--c-form-control--Width:
22518
- calc(
22519
- calc(
22520
- var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch
22521
- ) + var(--pf-c-number-input--c-form-control--width-icon)
22522
- );
22523
- display: inline-flex;
22524
- align-items: center;
22525
- }
22526
-
22527
- .pf-c-number-input.pf-m-status {
22528
- --pf-c-number-input--c-form-control--width-icon: var(--pf-c-number-input--m-status--c-form-control--width-icon);
22529
- }
22530
-
22531
- .pf-c-number-input .pf-c-form-control {
22532
- display: inline-flex;
22533
- width: var(--pf-c-number-input--c-form-control--Width);
22534
- text-align: right;
22535
- }
22536
-
22537
- .pf-c-input-group + .pf-c-number-input__unit,
22538
- .pf-c-number-input__unit + .pf-c-input-group {
22539
- margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft);
22540
- }
22541
-
22542
- .pf-c-number-input__icon {
22543
- display: flex;
22544
- font-size: var(--pf-c-number-input__icon--FontSize);
22545
- }
22546
-
22547
22501
  .pf-c-tooltip {
22548
22502
  --pf-c-tooltip--MaxWidth: 18.75rem;
22549
22503
  --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
@@ -22652,6 +22606,52 @@ svg.pf-c-spinner.pf-m-xl {
22652
22606
  --pf-c-tooltip__arrow--Height: 0.9375rem;
22653
22607
  }
22654
22608
 
22609
+ .pf-c-number-input .pf-c-form-control {
22610
+ appearance: textfield;
22611
+ }
22612
+
22613
+ .pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button {
22614
+ appearance: none;
22615
+ margin: 0;
22616
+ }
22617
+
22618
+ .pf-c-number-input {
22619
+ --pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
22620
+ --pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
22621
+ --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
22622
+ --pf-c-number-input--c-form-control--width-icon: 0px;
22623
+ --pf-c-number-input--m-status--c-form-control--width-icon: var(--pf-global--spacer--xl);
22624
+ --pf-c-number-input--c-form-control--width-chars: 4;
22625
+ --pf-c-number-input--c-form-control--Width:
22626
+ calc(
22627
+ calc(
22628
+ var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch
22629
+ ) + var(--pf-c-number-input--c-form-control--width-icon)
22630
+ );
22631
+ display: inline-flex;
22632
+ align-items: center;
22633
+ }
22634
+
22635
+ .pf-c-number-input.pf-m-status {
22636
+ --pf-c-number-input--c-form-control--width-icon: var(--pf-c-number-input--m-status--c-form-control--width-icon);
22637
+ }
22638
+
22639
+ .pf-c-number-input .pf-c-form-control {
22640
+ display: inline-flex;
22641
+ width: var(--pf-c-number-input--c-form-control--Width);
22642
+ text-align: right;
22643
+ }
22644
+
22645
+ .pf-c-input-group + .pf-c-number-input__unit,
22646
+ .pf-c-number-input__unit + .pf-c-input-group {
22647
+ margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft);
22648
+ }
22649
+
22650
+ .pf-c-number-input__icon {
22651
+ display: flex;
22652
+ font-size: var(--pf-c-number-input__icon--FontSize);
22653
+ }
22654
+
22655
22655
  .pf-c-tree-view {
22656
22656
  --pf-c-tree-view--PaddingTop: var(--pf-global--spacer--sm);
22657
22657
  --pf-c-tree-view--PaddingBottom: var(--pf-global--spacer--sm);
@@ -26163,6 +26163,75 @@ label.pf-c-tree-view__node-text {
26163
26163
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
26164
26164
  }
26165
26165
  }
26166
+ .pf-l-gallery {
26167
+ --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
26168
+ --pf-l-gallery--GridTemplateColumns--min: 250px;
26169
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
26170
+ --pf-l-gallery--GridTemplateColumns--max: 1fr;
26171
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
26172
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
26173
+ --pf-l-gallery--GridTemplateRows: auto;
26174
+ display: grid;
26175
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
26176
+ grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
26177
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
26178
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
26179
+ }
26180
+
26181
+ .pf-l-gallery.pf-m-gutter {
26182
+ grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
26183
+ }
26184
+
26185
+ @media (min-width: 576px) {
26186
+ .pf-l-gallery {
26187
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
26188
+ }
26189
+ }
26190
+ @media (min-width: 768px) {
26191
+ .pf-l-gallery {
26192
+ --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)));
26193
+ }
26194
+ }
26195
+ @media (min-width: 992px) {
26196
+ .pf-l-gallery {
26197
+ --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))));
26198
+ }
26199
+ }
26200
+ @media (min-width: 1200px) {
26201
+ .pf-l-gallery {
26202
+ --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)))));
26203
+ }
26204
+ }
26205
+ @media (min-width: 1450px) {
26206
+ .pf-l-gallery {
26207
+ --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))))));
26208
+ }
26209
+ }
26210
+ @media (min-width: 576px) {
26211
+ .pf-l-gallery {
26212
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
26213
+ }
26214
+ }
26215
+ @media (min-width: 768px) {
26216
+ .pf-l-gallery {
26217
+ --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)));
26218
+ }
26219
+ }
26220
+ @media (min-width: 992px) {
26221
+ .pf-l-gallery {
26222
+ --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))));
26223
+ }
26224
+ }
26225
+ @media (min-width: 1200px) {
26226
+ .pf-l-gallery {
26227
+ --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)))));
26228
+ }
26229
+ }
26230
+ @media (min-width: 1450px) {
26231
+ .pf-l-gallery {
26232
+ --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))))));
26233
+ }
26234
+ }
26166
26235
  .pf-l-grid {
26167
26236
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
26168
26237
  --pf-l-grid__item--GridColumnStart: auto;
@@ -27377,75 +27446,6 @@ label.pf-c-tree-view__node-text {
27377
27446
  grid-gap: var(--pf-l-grid--m-gutter--GridGap);
27378
27447
  }
27379
27448
 
27380
- .pf-l-gallery {
27381
- --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
27382
- --pf-l-gallery--GridTemplateColumns--min: 250px;
27383
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27384
- --pf-l-gallery--GridTemplateColumns--max: 1fr;
27385
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27386
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
27387
- --pf-l-gallery--GridTemplateRows: auto;
27388
- display: grid;
27389
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
27390
- grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
27391
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27392
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27393
- }
27394
-
27395
- .pf-l-gallery.pf-m-gutter {
27396
- grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
27397
- }
27398
-
27399
- @media (min-width: 576px) {
27400
- .pf-l-gallery {
27401
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
27402
- }
27403
- }
27404
- @media (min-width: 768px) {
27405
- .pf-l-gallery {
27406
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
27407
- }
27408
- }
27409
- @media (min-width: 992px) {
27410
- .pf-l-gallery {
27411
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
27412
- }
27413
- }
27414
- @media (min-width: 1200px) {
27415
- .pf-l-gallery {
27416
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
27417
- }
27418
- }
27419
- @media (min-width: 1450px) {
27420
- .pf-l-gallery {
27421
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
27422
- }
27423
- }
27424
- @media (min-width: 576px) {
27425
- .pf-l-gallery {
27426
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
27427
- }
27428
- }
27429
- @media (min-width: 768px) {
27430
- .pf-l-gallery {
27431
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
27432
- }
27433
- }
27434
- @media (min-width: 992px) {
27435
- .pf-l-gallery {
27436
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
27437
- }
27438
- }
27439
- @media (min-width: 1200px) {
27440
- .pf-l-gallery {
27441
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
27442
- }
27443
- }
27444
- @media (min-width: 1450px) {
27445
- .pf-l-gallery {
27446
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
27447
- }
27448
- }
27449
27449
  .pf-l-level {
27450
27450
  --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
27451
27451
  display: flex;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-core",
3
- "version": "4.234.0",
3
+ "version": "4.234.1",
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",
@@ -50,9 +50,9 @@
50
50
  "generate": "node scripts/copyStyles.js"
51
51
  },
52
52
  "dependencies": {
53
- "@patternfly/react-icons": "^4.85.0",
54
- "@patternfly/react-styles": "^4.84.0",
55
- "@patternfly/react-tokens": "^4.86.0",
53
+ "@patternfly/react-icons": "^4.85.1",
54
+ "@patternfly/react-styles": "^4.84.1",
55
+ "@patternfly/react-tokens": "^4.86.1",
56
56
  "focus-trap": "6.9.2",
57
57
  "react-dropzone": "9.0.0",
58
58
  "tippy.js": "5.1.2",
@@ -76,5 +76,5 @@
76
76
  "react": "^16.8.0 || ^17.0.0",
77
77
  "react-dom": "^16.8.0 || ^17.0.0"
78
78
  },
79
- "gitHead": "fa6869951efc44e52696e065322c40478aa3fad3"
79
+ "gitHead": "5ed44df6faaf77aae464836238b7f90a0c2fa8cb"
80
80
  }