@patternfly/react-core 4.232.12 → 4.232.13

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.232.13 (2022-08-19)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-core
9
+
10
+
11
+
12
+
13
+
6
14
  ## 4.232.12 (2022-08-19)
7
15
 
8
16
  **Note:** Version bump only for package @patternfly/react-core
@@ -8464,149 +8464,6 @@ label.pf-c-check, .pf-c-check__label,
8464
8464
  font-size: var(--pf-global--FontSize--lg);
8465
8465
  }
8466
8466
 
8467
- .pf-c-expandable-section {
8468
- --pf-c-expandable-section__toggle--PaddingTop: var(--pf-global--spacer--form-element);
8469
- --pf-c-expandable-section__toggle--PaddingRight: var(--pf-global--spacer--md);
8470
- --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
8471
- --pf-c-expandable-section__toggle--PaddingLeft: 0;
8472
- --pf-c-expandable-section__toggle--MarginTop: 0;
8473
- --pf-c-expandable-section__toggle--Color: var(--pf-global--link--Color);
8474
- --pf-c-expandable-section__toggle--hover--Color: var(--pf-global--link--Color--hover);
8475
- --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
8476
- --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
8477
- --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
8478
- --pf-c-expandable-section__toggle-icon--MinWidth: 1em;
8479
- --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
8480
- --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
8481
- --pf-c-expandable-section__toggle-icon--Rotate: 0;
8482
- --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
8483
- --pf-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
8484
- --pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
8485
- --pf-c-expandable-section__toggle-text--MarginLeft: calc(var(--pf-global--spacer--xs) + var(--pf-global--spacer--sm));
8486
- --pf-c-expandable-section__content--MarginTop: var(--pf-global--spacer--md);
8487
- --pf-c-expandable-section__content--MaxWidth: auto;
8488
- --pf-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
8489
- --pf-c-expandable-section--m-display-lg--BoxShadow: var(--pf-global--BoxShadow--md);
8490
- --pf-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
8491
- --pf-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
8492
- --pf-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
8493
- --pf-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--md);
8494
- --pf-c-expandable-section--m-display-lg__content--MarginTop: 0;
8495
- --pf-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-global--spacer--lg);
8496
- --pf-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-global--spacer--lg);
8497
- --pf-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-global--spacer--lg);
8498
- --pf-c-expandable-section--m-display-lg--after--BackgroundColor: transparent;
8499
- --pf-c-expandable-section--m-display-lg--after--Width: var(--pf-global--BorderWidth--lg);
8500
- --pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
8501
- --pf-c-expandable-section--m-indented__content--PaddingLeft: calc(var(--pf-c-expandable-section__toggle-text--MarginLeft) + var(--pf-c-expandable-section__toggle-icon--MinWidth));
8502
- --pf-c-expandable-section--m-truncate__content--LineClamp: 3;
8503
- --pf-c-expandable-section--m-truncate__toggle--MarginTop: var(--pf-global--spacer--xs);
8504
- }
8505
-
8506
- .pf-c-expandable-section.pf-m-expanded {
8507
- --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--m-expanded--Color);
8508
- --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--Rotate);
8509
- --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
8510
- --pf-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
8511
- }
8512
-
8513
- .pf-c-expandable-section.pf-m-detached, .pf-c-expandable-section.pf-m-truncate {
8514
- --pf-c-expandable-section__content--MarginTop: 0;
8515
- }
8516
-
8517
- .pf-c-expandable-section.pf-m-limit-width {
8518
- --pf-c-expandable-section__content--MaxWidth: var(--pf-c-expandable-section--m-limit-width__content--MaxWidth);
8519
- }
8520
-
8521
- .pf-c-expandable-section.pf-m-display-lg {
8522
- --pf-c-expandable-section__toggle--PaddingTop: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingTop);
8523
- --pf-c-expandable-section__toggle--PaddingRight: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingRight);
8524
- --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom);
8525
- --pf-c-expandable-section__toggle--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft);
8526
- --pf-c-expandable-section__content--PaddingRight: var(--pf-c-expandable-section--m-display-lg__content--PaddingRight);
8527
- --pf-c-expandable-section__content--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__content--PaddingBottom);
8528
- --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__content--PaddingLeft);
8529
- --pf-c-expandable-section__content--MarginTop: var(--pf-c-expandable-section--m-display-lg__content--MarginTop);
8530
- position: relative;
8531
- box-shadow: var(--pf-c-expandable-section--m-display-lg--BoxShadow);
8532
- }
8533
-
8534
- .pf-c-expandable-section.pf-m-display-lg::after {
8535
- position: absolute;
8536
- top: 0;
8537
- bottom: 0;
8538
- left: 0;
8539
- width: var(--pf-c-expandable-section--m-display-lg--after--Width);
8540
- content: "";
8541
- background-color: var(--pf-c-expandable-section--m-display-lg--after--BackgroundColor);
8542
- }
8543
-
8544
- .pf-c-expandable-section.pf-m-indented {
8545
- --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-indented__content--PaddingLeft);
8546
- }
8547
-
8548
- .pf-c-expandable-section.pf-m-truncate {
8549
- --pf-c-expandable-section__toggle--MarginTop: var(--pf-c-expandable-section--m-truncate__toggle--MarginTop);
8550
- --pf-c-expandable-section__toggle--PaddingTop: 0;
8551
- --pf-c-expandable-section__toggle--PaddingRight: 0;
8552
- --pf-c-expandable-section__toggle--PaddingBottom: 0;
8553
- --pf-c-expandable-section__toggle-text--MarginLeft: 0;
8554
- }
8555
-
8556
- .pf-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-c-expandable-section__content {
8557
- display: -webkit-box;
8558
- -webkit-box-orient: vertical;
8559
- -webkit-line-clamp: var(--pf-c-expandable-section--m-truncate__content--LineClamp);
8560
- overflow: hidden;
8561
- }
8562
-
8563
- .pf-c-expandable-section__toggle {
8564
- display: flex;
8565
- padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
8566
- margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
8567
- color: var(--pf-c-expandable-section__toggle--Color);
8568
- border: none;
8569
- }
8570
-
8571
- .pf-c-expandable-section__toggle:hover {
8572
- --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--hover--Color);
8573
- }
8574
-
8575
- .pf-c-expandable-section__toggle:active, .pf-c-expandable-section__toggle.pf-m-active {
8576
- --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--active--Color);
8577
- }
8578
-
8579
- .pf-c-expandable-section__toggle:focus {
8580
- --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color);
8581
- }
8582
-
8583
- .pf-c-expandable-section__toggle-icon {
8584
- min-width: var(--pf-c-expandable-section__toggle-icon--MinWidth);
8585
- color: var(--pf-c-expandable-section__toggle-icon--Color);
8586
- transition: var(--pf-c-expandable-section__toggle-icon--Transition);
8587
- transform: rotate(var(--pf-c-expandable-section__toggle-icon--Rotate));
8588
- }
8589
-
8590
- .pf-c-expandable-section__toggle-icon.pf-m-expand-top {
8591
- --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate);
8592
- }
8593
-
8594
- .pf-c-expandable-section__toggle-text {
8595
- margin-left: var(--pf-c-expandable-section__toggle-text--MarginLeft);
8596
- }
8597
-
8598
- .pf-c-expandable-section__content {
8599
- max-width: var(--pf-c-expandable-section__content--MaxWidth);
8600
- padding-right: var(--pf-c-expandable-section__content--PaddingRight);
8601
- padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom);
8602
- padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
8603
- margin-top: var(--pf-c-expandable-section__content--MarginTop);
8604
- }
8605
-
8606
- .pf-m-overpass-font .pf-c-expandable-section__toggle {
8607
- font-weight: var(--pf-global--FontWeight--semi-bold);
8608
- }
8609
-
8610
8467
  .pf-c-file-upload {
8611
8468
  --pf-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
8612
8469
  --pf-c-file-upload--m-loading__file-details--before--Left: var(--pf-global--BorderWidth--sm);
@@ -9247,6 +9104,149 @@ label.pf-c-check, .pf-c-check__label,
9247
9104
  --pf-c-form__helper-text--m-success--Color: var(--pf-global--success-color--100);
9248
9105
  }
9249
9106
 
9107
+ .pf-c-expandable-section {
9108
+ --pf-c-expandable-section__toggle--PaddingTop: var(--pf-global--spacer--form-element);
9109
+ --pf-c-expandable-section__toggle--PaddingRight: var(--pf-global--spacer--md);
9110
+ --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
9111
+ --pf-c-expandable-section__toggle--PaddingLeft: 0;
9112
+ --pf-c-expandable-section__toggle--MarginTop: 0;
9113
+ --pf-c-expandable-section__toggle--Color: var(--pf-global--link--Color);
9114
+ --pf-c-expandable-section__toggle--hover--Color: var(--pf-global--link--Color--hover);
9115
+ --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
9116
+ --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
9117
+ --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
9118
+ --pf-c-expandable-section__toggle-icon--MinWidth: 1em;
9119
+ --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
9120
+ --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
9121
+ --pf-c-expandable-section__toggle-icon--Rotate: 0;
9122
+ --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
9123
+ --pf-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
9124
+ --pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
9125
+ --pf-c-expandable-section__toggle-text--MarginLeft: calc(var(--pf-global--spacer--xs) + var(--pf-global--spacer--sm));
9126
+ --pf-c-expandable-section__content--MarginTop: var(--pf-global--spacer--md);
9127
+ --pf-c-expandable-section__content--MaxWidth: auto;
9128
+ --pf-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
9129
+ --pf-c-expandable-section--m-display-lg--BoxShadow: var(--pf-global--BoxShadow--md);
9130
+ --pf-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
9131
+ --pf-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
9132
+ --pf-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
9133
+ --pf-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--md);
9134
+ --pf-c-expandable-section--m-display-lg__content--MarginTop: 0;
9135
+ --pf-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-global--spacer--lg);
9136
+ --pf-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-global--spacer--lg);
9137
+ --pf-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-global--spacer--lg);
9138
+ --pf-c-expandable-section--m-display-lg--after--BackgroundColor: transparent;
9139
+ --pf-c-expandable-section--m-display-lg--after--Width: var(--pf-global--BorderWidth--lg);
9140
+ --pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
9141
+ --pf-c-expandable-section--m-indented__content--PaddingLeft: calc(var(--pf-c-expandable-section__toggle-text--MarginLeft) + var(--pf-c-expandable-section__toggle-icon--MinWidth));
9142
+ --pf-c-expandable-section--m-truncate__content--LineClamp: 3;
9143
+ --pf-c-expandable-section--m-truncate__toggle--MarginTop: var(--pf-global--spacer--xs);
9144
+ }
9145
+
9146
+ .pf-c-expandable-section.pf-m-expanded {
9147
+ --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--m-expanded--Color);
9148
+ --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--Rotate);
9149
+ --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
9150
+ --pf-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
9151
+ }
9152
+
9153
+ .pf-c-expandable-section.pf-m-detached, .pf-c-expandable-section.pf-m-truncate {
9154
+ --pf-c-expandable-section__content--MarginTop: 0;
9155
+ }
9156
+
9157
+ .pf-c-expandable-section.pf-m-limit-width {
9158
+ --pf-c-expandable-section__content--MaxWidth: var(--pf-c-expandable-section--m-limit-width__content--MaxWidth);
9159
+ }
9160
+
9161
+ .pf-c-expandable-section.pf-m-display-lg {
9162
+ --pf-c-expandable-section__toggle--PaddingTop: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingTop);
9163
+ --pf-c-expandable-section__toggle--PaddingRight: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingRight);
9164
+ --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom);
9165
+ --pf-c-expandable-section__toggle--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft);
9166
+ --pf-c-expandable-section__content--PaddingRight: var(--pf-c-expandable-section--m-display-lg__content--PaddingRight);
9167
+ --pf-c-expandable-section__content--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__content--PaddingBottom);
9168
+ --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__content--PaddingLeft);
9169
+ --pf-c-expandable-section__content--MarginTop: var(--pf-c-expandable-section--m-display-lg__content--MarginTop);
9170
+ position: relative;
9171
+ box-shadow: var(--pf-c-expandable-section--m-display-lg--BoxShadow);
9172
+ }
9173
+
9174
+ .pf-c-expandable-section.pf-m-display-lg::after {
9175
+ position: absolute;
9176
+ top: 0;
9177
+ bottom: 0;
9178
+ left: 0;
9179
+ width: var(--pf-c-expandable-section--m-display-lg--after--Width);
9180
+ content: "";
9181
+ background-color: var(--pf-c-expandable-section--m-display-lg--after--BackgroundColor);
9182
+ }
9183
+
9184
+ .pf-c-expandable-section.pf-m-indented {
9185
+ --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-indented__content--PaddingLeft);
9186
+ }
9187
+
9188
+ .pf-c-expandable-section.pf-m-truncate {
9189
+ --pf-c-expandable-section__toggle--MarginTop: var(--pf-c-expandable-section--m-truncate__toggle--MarginTop);
9190
+ --pf-c-expandable-section__toggle--PaddingTop: 0;
9191
+ --pf-c-expandable-section__toggle--PaddingRight: 0;
9192
+ --pf-c-expandable-section__toggle--PaddingBottom: 0;
9193
+ --pf-c-expandable-section__toggle-text--MarginLeft: 0;
9194
+ }
9195
+
9196
+ .pf-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-c-expandable-section__content {
9197
+ display: -webkit-box;
9198
+ -webkit-box-orient: vertical;
9199
+ -webkit-line-clamp: var(--pf-c-expandable-section--m-truncate__content--LineClamp);
9200
+ overflow: hidden;
9201
+ }
9202
+
9203
+ .pf-c-expandable-section__toggle {
9204
+ display: flex;
9205
+ padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
9206
+ margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
9207
+ color: var(--pf-c-expandable-section__toggle--Color);
9208
+ border: none;
9209
+ }
9210
+
9211
+ .pf-c-expandable-section__toggle:hover {
9212
+ --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--hover--Color);
9213
+ }
9214
+
9215
+ .pf-c-expandable-section__toggle:active, .pf-c-expandable-section__toggle.pf-m-active {
9216
+ --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--active--Color);
9217
+ }
9218
+
9219
+ .pf-c-expandable-section__toggle:focus {
9220
+ --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color);
9221
+ }
9222
+
9223
+ .pf-c-expandable-section__toggle-icon {
9224
+ min-width: var(--pf-c-expandable-section__toggle-icon--MinWidth);
9225
+ color: var(--pf-c-expandable-section__toggle-icon--Color);
9226
+ transition: var(--pf-c-expandable-section__toggle-icon--Transition);
9227
+ transform: rotate(var(--pf-c-expandable-section__toggle-icon--Rotate));
9228
+ }
9229
+
9230
+ .pf-c-expandable-section__toggle-icon.pf-m-expand-top {
9231
+ --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate);
9232
+ }
9233
+
9234
+ .pf-c-expandable-section__toggle-text {
9235
+ margin-left: var(--pf-c-expandable-section__toggle-text--MarginLeft);
9236
+ }
9237
+
9238
+ .pf-c-expandable-section__content {
9239
+ max-width: var(--pf-c-expandable-section__content--MaxWidth);
9240
+ padding-right: var(--pf-c-expandable-section__content--PaddingRight);
9241
+ padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom);
9242
+ padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
9243
+ margin-top: var(--pf-c-expandable-section__content--MarginTop);
9244
+ }
9245
+
9246
+ .pf-m-overpass-font .pf-c-expandable-section__toggle {
9247
+ font-weight: var(--pf-global--FontWeight--semi-bold);
9248
+ }
9249
+
9250
9250
  .pf-c-helper-text {
9251
9251
  --pf-c-helper-text--Gap: var(--pf-global--spacer--xs);
9252
9252
  --pf-c-helper-text--FontSize: var(--pf-global--FontSize--sm);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-core",
3
- "version": "4.232.12",
3
+ "version": "4.232.13",
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.83.12",
54
- "@patternfly/react-styles": "^4.82.12",
55
- "@patternfly/react-tokens": "^4.84.12",
53
+ "@patternfly/react-icons": "^4.83.13",
54
+ "@patternfly/react-styles": "^4.82.13",
55
+ "@patternfly/react-tokens": "^4.84.13",
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": "f78c7a0fe58401bb6a9e3b380067a98af76cf523"
79
+ "gitHead": "0dd257e3f6ec904a5aa670c4c8364e75ced77404"
80
80
  }