@patternfly/react-table 4.50.0 → 4.50.4

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,38 @@
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.50.4 (2021-12-14)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-table
9
+
10
+
11
+
12
+
13
+
14
+ ## 4.50.3 (2021-12-13)
15
+
16
+ **Note:** Version bump only for package @patternfly/react-table
17
+
18
+
19
+
20
+
21
+
22
+ ## 4.50.2 (2021-12-13)
23
+
24
+ **Note:** Version bump only for package @patternfly/react-table
25
+
26
+
27
+
28
+
29
+
30
+ ## 4.50.1 (2021-12-09)
31
+
32
+ **Note:** Version bump only for package @patternfly/react-table
33
+
34
+
35
+
36
+
37
+
6
38
  # 4.50.0 (2021-12-09)
7
39
 
8
40
 
@@ -12606,6 +12606,123 @@ button.pf-c-breadcrumb__link {
12606
12606
  font-size: var(--pf-global--FontSize--lg);
12607
12607
  }
12608
12608
 
12609
+ .pf-c-expandable-section {
12610
+ --pf-c-expandable-section__toggle--PaddingTop: var(--pf-global--spacer--form-element);
12611
+ --pf-c-expandable-section__toggle--PaddingRight: var(--pf-global--spacer--md);
12612
+ --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
12613
+ --pf-c-expandable-section__toggle--PaddingLeft: 0;
12614
+ --pf-c-expandable-section__toggle--Color: var(--pf-global--link--Color);
12615
+ --pf-c-expandable-section__toggle--hover--Color: var(--pf-global--link--Color--hover);
12616
+ --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
12617
+ --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
12618
+ --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
12619
+ --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
12620
+ --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
12621
+ --pf-c-expandable-section__toggle-icon--Rotate: 0;
12622
+ --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
12623
+ --pf-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
12624
+ --pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
12625
+ --pf-c-expandable-section__toggle-text--MarginLeft: calc(var(--pf-global--spacer--xs) + var(--pf-global--spacer--sm));
12626
+ --pf-c-expandable-section__content--MarginTop: var(--pf-global--spacer--md);
12627
+ --pf-c-expandable-section__content--MaxWidth: auto;
12628
+ --pf-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
12629
+ --pf-c-expandable-section--m-display-lg--BoxShadow: var(--pf-global--BoxShadow--md);
12630
+ --pf-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
12631
+ --pf-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
12632
+ --pf-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
12633
+ --pf-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--md);
12634
+ --pf-c-expandable-section--m-display-lg__content--MarginTop: 0;
12635
+ --pf-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-global--spacer--lg);
12636
+ --pf-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-global--spacer--lg);
12637
+ --pf-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-global--spacer--lg);
12638
+ --pf-c-expandable-section--m-display-lg--after--BackgroundColor: transparent;
12639
+ --pf-c-expandable-section--m-display-lg--after--Width: var(--pf-global--BorderWidth--lg);
12640
+ --pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
12641
+ }
12642
+
12643
+ .pf-c-expandable-section.pf-m-expanded {
12644
+ --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--m-expanded--Color);
12645
+ --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--Rotate);
12646
+ --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
12647
+ --pf-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
12648
+ }
12649
+
12650
+ .pf-c-expandable-section.pf-m-detached {
12651
+ --pf-c-expandable-section__content--MarginTop: 0;
12652
+ }
12653
+
12654
+ .pf-c-expandable-section.pf-m-limit-width {
12655
+ --pf-c-expandable-section__content--MaxWidth: var(--pf-c-expandable-section--m-limit-width__content--MaxWidth);
12656
+ }
12657
+
12658
+ .pf-c-expandable-section.pf-m-display-lg {
12659
+ --pf-c-expandable-section__toggle--PaddingTop: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingTop);
12660
+ --pf-c-expandable-section__toggle--PaddingRight: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingRight);
12661
+ --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom);
12662
+ --pf-c-expandable-section__toggle--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft);
12663
+ --pf-c-expandable-section__content--PaddingRight: var(--pf-c-expandable-section--m-display-lg__content--PaddingRight);
12664
+ --pf-c-expandable-section__content--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__content--PaddingBottom);
12665
+ --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__content--PaddingLeft);
12666
+ --pf-c-expandable-section__content--MarginTop: var(--pf-c-expandable-section--m-display-lg__content--MarginTop);
12667
+ position: relative;
12668
+ box-shadow: var(--pf-c-expandable-section--m-display-lg--BoxShadow);
12669
+ }
12670
+
12671
+ .pf-c-expandable-section.pf-m-display-lg::after {
12672
+ position: absolute;
12673
+ top: 0;
12674
+ bottom: 0;
12675
+ left: 0;
12676
+ width: var(--pf-c-expandable-section--m-display-lg--after--Width);
12677
+ content: "";
12678
+ background-color: var(--pf-c-expandable-section--m-display-lg--after--BackgroundColor);
12679
+ }
12680
+
12681
+ .pf-c-expandable-section__toggle {
12682
+ display: flex;
12683
+ 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);
12684
+ color: var(--pf-c-expandable-section__toggle--Color);
12685
+ border: none;
12686
+ }
12687
+
12688
+ .pf-c-expandable-section__toggle:hover {
12689
+ --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--hover--Color);
12690
+ }
12691
+
12692
+ .pf-c-expandable-section__toggle:active, .pf-c-expandable-section__toggle.pf-m-active {
12693
+ --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--active--Color);
12694
+ }
12695
+
12696
+ .pf-c-expandable-section__toggle:focus {
12697
+ --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color);
12698
+ }
12699
+
12700
+ .pf-c-expandable-section__toggle-icon {
12701
+ color: var(--pf-c-expandable-section__toggle-icon--Color);
12702
+ transition: var(--pf-c-expandable-section__toggle-icon--Transition);
12703
+ transform: rotate(var(--pf-c-expandable-section__toggle-icon--Rotate));
12704
+ }
12705
+
12706
+ .pf-c-expandable-section__toggle-icon.pf-m-expand-top {
12707
+ --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate);
12708
+ }
12709
+
12710
+ .pf-c-expandable-section__toggle-text {
12711
+ margin-left: var(--pf-c-expandable-section__toggle-text--MarginLeft);
12712
+ }
12713
+
12714
+ .pf-c-expandable-section__content {
12715
+ max-width: var(--pf-c-expandable-section__content--MaxWidth);
12716
+ padding-right: var(--pf-c-expandable-section__content--PaddingRight);
12717
+ padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom);
12718
+ padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
12719
+ margin-top: var(--pf-c-expandable-section__content--MarginTop);
12720
+ }
12721
+
12722
+ .pf-m-overpass-font .pf-c-expandable-section__toggle {
12723
+ font-weight: var(--pf-global--FontWeight--semi-bold);
12724
+ }
12725
+
12609
12726
  .pf-c-file-upload {
12610
12727
  --pf-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
12611
12728
  --pf-c-file-upload--m-loading__file-details--before--Left: var(--pf-global--BorderWidth--sm);
@@ -17233,6 +17350,16 @@ ul.pf-c-list {
17233
17350
  left: 0;
17234
17351
  }
17235
17352
 
17353
+ .pf-l-bullseye {
17354
+ --pf-l-bullseye--Padding: 0;
17355
+ display: flex;
17356
+ align-items: center;
17357
+ justify-content: center;
17358
+ height: 100%;
17359
+ padding: var(--pf-l-bullseye--Padding);
17360
+ margin: 0;
17361
+ }
17362
+
17236
17363
  .pf-c-notification-badge {
17237
17364
  --pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
17238
17365
  --pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
@@ -17333,16 +17460,6 @@ ul.pf-c-list {
17333
17460
  margin-left: var(--pf-c-notification-badge__count--MarginLeft);
17334
17461
  }
17335
17462
 
17336
- .pf-l-bullseye {
17337
- --pf-l-bullseye--Padding: 0;
17338
- display: flex;
17339
- align-items: center;
17340
- justify-content: center;
17341
- height: 100%;
17342
- padding: var(--pf-l-bullseye--Padding);
17343
- margin: 0;
17344
- }
17345
-
17346
17463
  .pf-c-notification-drawer {
17347
17464
  --pf-c-notification-drawer--BackgroundColor: var(--pf-global--BackgroundColor--200);
17348
17465
  --pf-c-notification-drawer__header--PaddingTop: var(--pf-global--spacer--md);
@@ -22168,123 +22285,6 @@ label.pf-c-radio, .pf-c-radio__label,
22168
22285
  --pf-c-tab-content__body--PaddingLeft: var(--pf-c-tab-content__body--m-padding--PaddingLeft);
22169
22286
  }
22170
22287
 
22171
- .pf-c-expandable-section {
22172
- --pf-c-expandable-section__toggle--PaddingTop: var(--pf-global--spacer--form-element);
22173
- --pf-c-expandable-section__toggle--PaddingRight: var(--pf-global--spacer--md);
22174
- --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
22175
- --pf-c-expandable-section__toggle--PaddingLeft: 0;
22176
- --pf-c-expandable-section__toggle--Color: var(--pf-global--link--Color);
22177
- --pf-c-expandable-section__toggle--hover--Color: var(--pf-global--link--Color--hover);
22178
- --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
22179
- --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
22180
- --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
22181
- --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
22182
- --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
22183
- --pf-c-expandable-section__toggle-icon--Rotate: 0;
22184
- --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
22185
- --pf-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
22186
- --pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
22187
- --pf-c-expandable-section__toggle-text--MarginLeft: calc(var(--pf-global--spacer--xs) + var(--pf-global--spacer--sm));
22188
- --pf-c-expandable-section__content--MarginTop: var(--pf-global--spacer--md);
22189
- --pf-c-expandable-section__content--MaxWidth: auto;
22190
- --pf-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
22191
- --pf-c-expandable-section--m-display-lg--BoxShadow: var(--pf-global--BoxShadow--md);
22192
- --pf-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
22193
- --pf-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
22194
- --pf-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
22195
- --pf-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--md);
22196
- --pf-c-expandable-section--m-display-lg__content--MarginTop: 0;
22197
- --pf-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-global--spacer--lg);
22198
- --pf-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-global--spacer--lg);
22199
- --pf-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-global--spacer--lg);
22200
- --pf-c-expandable-section--m-display-lg--after--BackgroundColor: transparent;
22201
- --pf-c-expandable-section--m-display-lg--after--Width: var(--pf-global--BorderWidth--lg);
22202
- --pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
22203
- }
22204
-
22205
- .pf-c-expandable-section.pf-m-expanded {
22206
- --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--m-expanded--Color);
22207
- --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--Rotate);
22208
- --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
22209
- --pf-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
22210
- }
22211
-
22212
- .pf-c-expandable-section.pf-m-detached {
22213
- --pf-c-expandable-section__content--MarginTop: 0;
22214
- }
22215
-
22216
- .pf-c-expandable-section.pf-m-limit-width {
22217
- --pf-c-expandable-section__content--MaxWidth: var(--pf-c-expandable-section--m-limit-width__content--MaxWidth);
22218
- }
22219
-
22220
- .pf-c-expandable-section.pf-m-display-lg {
22221
- --pf-c-expandable-section__toggle--PaddingTop: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingTop);
22222
- --pf-c-expandable-section__toggle--PaddingRight: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingRight);
22223
- --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom);
22224
- --pf-c-expandable-section__toggle--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft);
22225
- --pf-c-expandable-section__content--PaddingRight: var(--pf-c-expandable-section--m-display-lg__content--PaddingRight);
22226
- --pf-c-expandable-section__content--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__content--PaddingBottom);
22227
- --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__content--PaddingLeft);
22228
- --pf-c-expandable-section__content--MarginTop: var(--pf-c-expandable-section--m-display-lg__content--MarginTop);
22229
- position: relative;
22230
- box-shadow: var(--pf-c-expandable-section--m-display-lg--BoxShadow);
22231
- }
22232
-
22233
- .pf-c-expandable-section.pf-m-display-lg::after {
22234
- position: absolute;
22235
- top: 0;
22236
- bottom: 0;
22237
- left: 0;
22238
- width: var(--pf-c-expandable-section--m-display-lg--after--Width);
22239
- content: "";
22240
- background-color: var(--pf-c-expandable-section--m-display-lg--after--BackgroundColor);
22241
- }
22242
-
22243
- .pf-c-expandable-section__toggle {
22244
- display: flex;
22245
- 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);
22246
- color: var(--pf-c-expandable-section__toggle--Color);
22247
- border: none;
22248
- }
22249
-
22250
- .pf-c-expandable-section__toggle:hover {
22251
- --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--hover--Color);
22252
- }
22253
-
22254
- .pf-c-expandable-section__toggle:active, .pf-c-expandable-section__toggle.pf-m-active {
22255
- --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--active--Color);
22256
- }
22257
-
22258
- .pf-c-expandable-section__toggle:focus {
22259
- --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color);
22260
- }
22261
-
22262
- .pf-c-expandable-section__toggle-icon {
22263
- color: var(--pf-c-expandable-section__toggle-icon--Color);
22264
- transition: var(--pf-c-expandable-section__toggle-icon--Transition);
22265
- transform: rotate(var(--pf-c-expandable-section__toggle-icon--Rotate));
22266
- }
22267
-
22268
- .pf-c-expandable-section__toggle-icon.pf-m-expand-top {
22269
- --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate);
22270
- }
22271
-
22272
- .pf-c-expandable-section__toggle-text {
22273
- margin-left: var(--pf-c-expandable-section__toggle-text--MarginLeft);
22274
- }
22275
-
22276
- .pf-c-expandable-section__content {
22277
- max-width: var(--pf-c-expandable-section__content--MaxWidth);
22278
- padding-right: var(--pf-c-expandable-section__content--PaddingRight);
22279
- padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom);
22280
- padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
22281
- margin-top: var(--pf-c-expandable-section__content--MarginTop);
22282
- }
22283
-
22284
- .pf-m-overpass-font .pf-c-expandable-section__toggle {
22285
- font-weight: var(--pf-global--FontWeight--semi-bold);
22286
- }
22287
-
22288
22288
  .pf-c-content {
22289
22289
  --pf-c-content--MarginBottom: var(--pf-global--spacer--md);
22290
22290
  --pf-c-content--LineHeight: var(--pf-global--LineHeight--md);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-table",
3
- "version": "4.50.0",
3
+ "version": "4.50.4",
4
4
  "description": "This library provides a set of React table components for use with the PatternFly 4",
5
5
  "main": "dist/js/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -31,10 +31,10 @@
31
31
  "clean": "rimraf dist"
32
32
  },
33
33
  "dependencies": {
34
- "@patternfly/react-core": "^4.181.0",
35
- "@patternfly/react-icons": "^4.32.0",
36
- "@patternfly/react-styles": "^4.31.0",
37
- "@patternfly/react-tokens": "^4.33.0",
34
+ "@patternfly/react-core": "^4.181.4",
35
+ "@patternfly/react-icons": "^4.32.4",
36
+ "@patternfly/react-styles": "^4.31.4",
37
+ "@patternfly/react-tokens": "^4.33.4",
38
38
  "lodash": "^4.17.19",
39
39
  "tslib": "^2.0.0"
40
40
  },
@@ -46,5 +46,5 @@
46
46
  "react": "^16.8.0 || ^17.0.0",
47
47
  "react-dom": "^16.8.0 || ^17.0.0"
48
48
  },
49
- "gitHead": "3ed7b56d09464d825db5e8e9af2d3b9a3a841f7a"
49
+ "gitHead": "138688908826bf7c2e1d102ef4634089b9cbddd7"
50
50
  }