@patternfly/react-table 4.53.0 → 4.53.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 +8 -0
- package/dist/umd/react-table.css +730 -730
- package/dist/umd/react-table.min.css +100 -100
- package/package.json +6 -6
|
@@ -17409,106 +17409,6 @@ ul.pf-c-list {
|
|
|
17409
17409
|
margin: 0;
|
|
17410
17410
|
}
|
|
17411
17411
|
|
|
17412
|
-
.pf-c-notification-badge {
|
|
17413
|
-
--pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
|
|
17414
|
-
--pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
|
|
17415
|
-
--pf-c-notification-badge--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
17416
|
-
--pf-c-notification-badge--PaddingLeft: var(--pf-global--spacer--md);
|
|
17417
|
-
--pf-c-notification-badge--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
|
|
17418
|
-
--pf-c-notification-badge--MarginRight: calc(-1 * var(--pf-global--spacer--md));
|
|
17419
|
-
--pf-c-notification-badge--MarginBottom: calc(-1 * var(--pf-global--spacer--form-element));
|
|
17420
|
-
--pf-c-notification-badge--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
|
|
17421
|
-
--pf-c-notification-badge--after--BorderColor: transparent;
|
|
17422
|
-
--pf-c-notification-badge--after--BorderRadius: var(--pf-global--BorderRadius--sm);
|
|
17423
|
-
--pf-c-notification-badge--after--BorderWidth: 0;
|
|
17424
|
-
--pf-c-notification-badge--after--Top: 0;
|
|
17425
|
-
--pf-c-notification-badge--after--Right: 0;
|
|
17426
|
-
--pf-c-notification-badge--after--Width: auto;
|
|
17427
|
-
--pf-c-notification-badge--after--Height: auto;
|
|
17428
|
-
--pf-c-notification-badge--after--BackgroundColor: transparent;
|
|
17429
|
-
--pf-c-notification-badge--after--TranslateX: 0;
|
|
17430
|
-
--pf-c-notification-badge--after--TranslateY: 0;
|
|
17431
|
-
--pf-c-notification-badge__i--Width: auto;
|
|
17432
|
-
--pf-c-notification-badge__i--Height: auto;
|
|
17433
|
-
--pf-c-notification-badge--m-read--after--BorderColor: transparent;
|
|
17434
|
-
--pf-c-notification-badge--m-read--after--BackgroundColor: transparent;
|
|
17435
|
-
--pf-c-notification-badge--m-unread--Color: var(--pf-global--Color--light-100);
|
|
17436
|
-
--pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-global--active-color--100);
|
|
17437
|
-
--pf-c-notification-badge--m-unread--hover--after--BackgroundColor: var(--pf-global--primary-color--200);
|
|
17438
|
-
--pf-c-notification-badge--m-attention--Color: var(--pf-global--Color--light-100);
|
|
17439
|
-
--pf-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-global--danger-color--100);
|
|
17440
|
-
--pf-c-notification-badge--m-attention--hover--after--BackgroundColor: var(--pf-global--danger-color--200);
|
|
17441
|
-
--pf-c-notification-badge__count--MarginLeft: var(--pf-global--spacer--xs);
|
|
17442
|
-
--pf-c-notification-badge--pf-icon-attention-bell--LineHeight: var(--pf-global--LineHeight--sm);
|
|
17443
|
-
position: relative;
|
|
17444
|
-
display: inline-block;
|
|
17445
|
-
padding: var(--pf-c-notification-badge--PaddingTop) var(--pf-c-notification-badge--PaddingRight) var(--pf-c-notification-badge--PaddingBottom) var(--pf-c-notification-badge--PaddingLeft);
|
|
17446
|
-
margin: var(--pf-c-notification-badge--MarginTop) var(--pf-c-notification-badge--MarginRight) var(--pf-c-notification-badge--MarginBottom) var(--pf-c-notification-badge--MarginLeft);
|
|
17447
|
-
background-color: var(--pf-c-notification-badge--after--BackgroundColor);
|
|
17448
|
-
border-radius: var(--pf-c-notification-badge--after--BorderRadius);
|
|
17449
|
-
}
|
|
17450
|
-
|
|
17451
|
-
.pf-c-notification-badge::before {
|
|
17452
|
-
position: absolute;
|
|
17453
|
-
top: var(--pf-c-notification-badge--after--Top);
|
|
17454
|
-
right: var(--pf-c-notification-badge--after--Right);
|
|
17455
|
-
bottom: 0;
|
|
17456
|
-
left: 0;
|
|
17457
|
-
width: var(--pf-c-notification-badge--after--Width);
|
|
17458
|
-
height: var(--pf-c-notification-badge--after--Height);
|
|
17459
|
-
content: "";
|
|
17460
|
-
border: var(--pf-c-notification-badge--after--BorderWidth) solid var(--pf-c-notification-badge--after--BorderColor);
|
|
17461
|
-
border-radius: var(--pf-c-notification-badge--after--BorderRadius);
|
|
17462
|
-
transform: translate(var(--pf-c-notification-badge--after--TranslateX), var(--pf-c-notification-badge--after--TranslateY));
|
|
17463
|
-
}
|
|
17464
|
-
|
|
17465
|
-
.pf-c-notification-badge > i {
|
|
17466
|
-
width: var(--pf-c-notification-badge__i--Width);
|
|
17467
|
-
height: var(--pf-c-notification-badge__i--Height);
|
|
17468
|
-
}
|
|
17469
|
-
|
|
17470
|
-
.pf-c-notification-badge > * {
|
|
17471
|
-
position: relative;
|
|
17472
|
-
}
|
|
17473
|
-
|
|
17474
|
-
.pf-c-notification-badge .pf-icon-attention-bell,
|
|
17475
|
-
.pf-c-notification-badge .pf-icon-bell {
|
|
17476
|
-
display: inline-block;
|
|
17477
|
-
line-height: var(--pf-c-notification-badge--pf-icon-attention-bell--LineHeight);
|
|
17478
|
-
}
|
|
17479
|
-
|
|
17480
|
-
.pf-c-notification-badge .pf-icon-attention-bell::before,
|
|
17481
|
-
.pf-c-notification-badge .pf-icon-bell::before {
|
|
17482
|
-
vertical-align: bottom;
|
|
17483
|
-
}
|
|
17484
|
-
|
|
17485
|
-
.pf-c-notification-badge.pf-m-read {
|
|
17486
|
-
--pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-read--after--BackgroundColor);
|
|
17487
|
-
--pf-c-notification-badge--after--BorderColor: var(--pf-c-notification-badge--m-read--after--BorderColor);
|
|
17488
|
-
}
|
|
17489
|
-
|
|
17490
|
-
.pf-c-notification-badge.pf-m-unread {
|
|
17491
|
-
--pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--after--BackgroundColor);
|
|
17492
|
-
color: var(--pf-c-notification-badge--m-unread--Color);
|
|
17493
|
-
}
|
|
17494
|
-
|
|
17495
|
-
.pf-c-notification-badge.pf-m-unread:hover {
|
|
17496
|
-
--pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--hover--after--BackgroundColor);
|
|
17497
|
-
}
|
|
17498
|
-
|
|
17499
|
-
.pf-c-notification-badge.pf-m-attention {
|
|
17500
|
-
--pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--after--BackgroundColor);
|
|
17501
|
-
color: var(--pf-c-notification-badge--m-attention--Color);
|
|
17502
|
-
}
|
|
17503
|
-
|
|
17504
|
-
.pf-c-notification-badge.pf-m-attention:hover {
|
|
17505
|
-
--pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--hover--after--BackgroundColor);
|
|
17506
|
-
}
|
|
17507
|
-
|
|
17508
|
-
.pf-c-notification-badge__count {
|
|
17509
|
-
margin-left: var(--pf-c-notification-badge__count--MarginLeft);
|
|
17510
|
-
}
|
|
17511
|
-
|
|
17512
17412
|
.pf-c-notification-drawer {
|
|
17513
17413
|
--pf-c-notification-drawer--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
17514
17414
|
--pf-c-notification-drawer__header--PaddingTop: var(--pf-global--spacer--md);
|
|
@@ -17787,6 +17687,106 @@ ul.pf-c-list {
|
|
|
17787
17687
|
transform: rotate(var(--pf-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
17788
17688
|
}
|
|
17789
17689
|
|
|
17690
|
+
.pf-c-notification-badge {
|
|
17691
|
+
--pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
|
|
17692
|
+
--pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
|
|
17693
|
+
--pf-c-notification-badge--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
17694
|
+
--pf-c-notification-badge--PaddingLeft: var(--pf-global--spacer--md);
|
|
17695
|
+
--pf-c-notification-badge--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
|
|
17696
|
+
--pf-c-notification-badge--MarginRight: calc(-1 * var(--pf-global--spacer--md));
|
|
17697
|
+
--pf-c-notification-badge--MarginBottom: calc(-1 * var(--pf-global--spacer--form-element));
|
|
17698
|
+
--pf-c-notification-badge--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
|
|
17699
|
+
--pf-c-notification-badge--after--BorderColor: transparent;
|
|
17700
|
+
--pf-c-notification-badge--after--BorderRadius: var(--pf-global--BorderRadius--sm);
|
|
17701
|
+
--pf-c-notification-badge--after--BorderWidth: 0;
|
|
17702
|
+
--pf-c-notification-badge--after--Top: 0;
|
|
17703
|
+
--pf-c-notification-badge--after--Right: 0;
|
|
17704
|
+
--pf-c-notification-badge--after--Width: auto;
|
|
17705
|
+
--pf-c-notification-badge--after--Height: auto;
|
|
17706
|
+
--pf-c-notification-badge--after--BackgroundColor: transparent;
|
|
17707
|
+
--pf-c-notification-badge--after--TranslateX: 0;
|
|
17708
|
+
--pf-c-notification-badge--after--TranslateY: 0;
|
|
17709
|
+
--pf-c-notification-badge__i--Width: auto;
|
|
17710
|
+
--pf-c-notification-badge__i--Height: auto;
|
|
17711
|
+
--pf-c-notification-badge--m-read--after--BorderColor: transparent;
|
|
17712
|
+
--pf-c-notification-badge--m-read--after--BackgroundColor: transparent;
|
|
17713
|
+
--pf-c-notification-badge--m-unread--Color: var(--pf-global--Color--light-100);
|
|
17714
|
+
--pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-global--active-color--100);
|
|
17715
|
+
--pf-c-notification-badge--m-unread--hover--after--BackgroundColor: var(--pf-global--primary-color--200);
|
|
17716
|
+
--pf-c-notification-badge--m-attention--Color: var(--pf-global--Color--light-100);
|
|
17717
|
+
--pf-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-global--danger-color--100);
|
|
17718
|
+
--pf-c-notification-badge--m-attention--hover--after--BackgroundColor: var(--pf-global--danger-color--200);
|
|
17719
|
+
--pf-c-notification-badge__count--MarginLeft: var(--pf-global--spacer--xs);
|
|
17720
|
+
--pf-c-notification-badge--pf-icon-attention-bell--LineHeight: var(--pf-global--LineHeight--sm);
|
|
17721
|
+
position: relative;
|
|
17722
|
+
display: inline-block;
|
|
17723
|
+
padding: var(--pf-c-notification-badge--PaddingTop) var(--pf-c-notification-badge--PaddingRight) var(--pf-c-notification-badge--PaddingBottom) var(--pf-c-notification-badge--PaddingLeft);
|
|
17724
|
+
margin: var(--pf-c-notification-badge--MarginTop) var(--pf-c-notification-badge--MarginRight) var(--pf-c-notification-badge--MarginBottom) var(--pf-c-notification-badge--MarginLeft);
|
|
17725
|
+
background-color: var(--pf-c-notification-badge--after--BackgroundColor);
|
|
17726
|
+
border-radius: var(--pf-c-notification-badge--after--BorderRadius);
|
|
17727
|
+
}
|
|
17728
|
+
|
|
17729
|
+
.pf-c-notification-badge::before {
|
|
17730
|
+
position: absolute;
|
|
17731
|
+
top: var(--pf-c-notification-badge--after--Top);
|
|
17732
|
+
right: var(--pf-c-notification-badge--after--Right);
|
|
17733
|
+
bottom: 0;
|
|
17734
|
+
left: 0;
|
|
17735
|
+
width: var(--pf-c-notification-badge--after--Width);
|
|
17736
|
+
height: var(--pf-c-notification-badge--after--Height);
|
|
17737
|
+
content: "";
|
|
17738
|
+
border: var(--pf-c-notification-badge--after--BorderWidth) solid var(--pf-c-notification-badge--after--BorderColor);
|
|
17739
|
+
border-radius: var(--pf-c-notification-badge--after--BorderRadius);
|
|
17740
|
+
transform: translate(var(--pf-c-notification-badge--after--TranslateX), var(--pf-c-notification-badge--after--TranslateY));
|
|
17741
|
+
}
|
|
17742
|
+
|
|
17743
|
+
.pf-c-notification-badge > i {
|
|
17744
|
+
width: var(--pf-c-notification-badge__i--Width);
|
|
17745
|
+
height: var(--pf-c-notification-badge__i--Height);
|
|
17746
|
+
}
|
|
17747
|
+
|
|
17748
|
+
.pf-c-notification-badge > * {
|
|
17749
|
+
position: relative;
|
|
17750
|
+
}
|
|
17751
|
+
|
|
17752
|
+
.pf-c-notification-badge .pf-icon-attention-bell,
|
|
17753
|
+
.pf-c-notification-badge .pf-icon-bell {
|
|
17754
|
+
display: inline-block;
|
|
17755
|
+
line-height: var(--pf-c-notification-badge--pf-icon-attention-bell--LineHeight);
|
|
17756
|
+
}
|
|
17757
|
+
|
|
17758
|
+
.pf-c-notification-badge .pf-icon-attention-bell::before,
|
|
17759
|
+
.pf-c-notification-badge .pf-icon-bell::before {
|
|
17760
|
+
vertical-align: bottom;
|
|
17761
|
+
}
|
|
17762
|
+
|
|
17763
|
+
.pf-c-notification-badge.pf-m-read {
|
|
17764
|
+
--pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-read--after--BackgroundColor);
|
|
17765
|
+
--pf-c-notification-badge--after--BorderColor: var(--pf-c-notification-badge--m-read--after--BorderColor);
|
|
17766
|
+
}
|
|
17767
|
+
|
|
17768
|
+
.pf-c-notification-badge.pf-m-unread {
|
|
17769
|
+
--pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--after--BackgroundColor);
|
|
17770
|
+
color: var(--pf-c-notification-badge--m-unread--Color);
|
|
17771
|
+
}
|
|
17772
|
+
|
|
17773
|
+
.pf-c-notification-badge.pf-m-unread:hover {
|
|
17774
|
+
--pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--hover--after--BackgroundColor);
|
|
17775
|
+
}
|
|
17776
|
+
|
|
17777
|
+
.pf-c-notification-badge.pf-m-attention {
|
|
17778
|
+
--pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--after--BackgroundColor);
|
|
17779
|
+
color: var(--pf-c-notification-badge--m-attention--Color);
|
|
17780
|
+
}
|
|
17781
|
+
|
|
17782
|
+
.pf-c-notification-badge.pf-m-attention:hover {
|
|
17783
|
+
--pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--hover--after--BackgroundColor);
|
|
17784
|
+
}
|
|
17785
|
+
|
|
17786
|
+
.pf-c-notification-badge__count {
|
|
17787
|
+
margin-left: var(--pf-c-notification-badge__count--MarginLeft);
|
|
17788
|
+
}
|
|
17789
|
+
|
|
17790
17790
|
.pf-c-options-menu {
|
|
17791
17791
|
--pf-c-options-menu__toggle--BackgroundColor: transparent;
|
|
17792
17792
|
--pf-c-options-menu__toggle--PaddingTop: var(--pf-global--spacer--form-element);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-table",
|
|
3
|
-
"version": "4.53.
|
|
3
|
+
"version": "4.53.1",
|
|
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.184.
|
|
35
|
-
"@patternfly/react-icons": "^4.35.
|
|
36
|
-
"@patternfly/react-styles": "^4.34.
|
|
37
|
-
"@patternfly/react-tokens": "^4.36.
|
|
34
|
+
"@patternfly/react-core": "^4.184.1",
|
|
35
|
+
"@patternfly/react-icons": "^4.35.1",
|
|
36
|
+
"@patternfly/react-styles": "^4.34.1",
|
|
37
|
+
"@patternfly/react-tokens": "^4.36.1",
|
|
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": "
|
|
49
|
+
"gitHead": "8ec6b1dd83d1dd57a541811b5336ccede3183192"
|
|
50
50
|
}
|