@patternfly/patternfly 4.137.0 → 4.139.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.
Files changed (22) hide show
  1. package/components/Backdrop/backdrop.css +2 -1
  2. package/components/Backdrop/backdrop.scss +2 -1
  3. package/components/Check/check.css +2 -2
  4. package/components/Check/check.scss +2 -2
  5. package/components/Form/form.css +5 -2
  6. package/components/Form/form.scss +28 -2
  7. package/components/Label/label.css +12 -0
  8. package/components/Label/label.scss +15 -0
  9. package/components/LogViewer/log-viewer.css +1 -0
  10. package/components/LogViewer/log-viewer.scss +1 -0
  11. package/components/Radio/radio.css +2 -2
  12. package/components/Radio/radio.scss +2 -2
  13. package/docs/components/Label/examples/Label.md +85 -0
  14. package/docs/components/LogViewer/examples/LogViewer.md +1146 -1138
  15. package/docs/demos/Card/examples/Card.md +4 -4
  16. package/package.json +1 -1
  17. package/patternfly-drag-drop.css +55 -0
  18. package/patternfly-drag-drop.scss +67 -0
  19. package/patternfly-no-reset.css +24 -7
  20. package/patternfly.css +24 -7
  21. package/patternfly.min.css +1 -1
  22. package/patternfly.min.css.map +1 -1
package/docs/demos/Card/examples/Card.md CHANGED
@@ -81,7 +81,7 @@ wrapperTag: div
81
81
  aria-label="Group of labels"
82
82
  >
83
83
  <li class="pf-c-label-group__list-item">
84
- <span class="pf-c-label pf-m-blue">
84
+ <span class="pf-c-label pf-m-blue pf-m-compact">
85
85
  <span class="pf-c-label__content">
86
86
  <span class="pf-c-label__icon">
87
87
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
@@ -91,7 +91,7 @@ wrapperTag: div
91
91
  </span>
92
92
  </li>
93
93
  <li class="pf-c-label-group__list-item">
94
- <span class="pf-c-label pf-m-purple">
94
+ <span class="pf-c-label pf-m-purple pf-m-compact">
95
95
  <span class="pf-c-label__content">
96
96
  <span class="pf-c-label__icon">
97
97
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
@@ -101,7 +101,7 @@ wrapperTag: div
101
101
  </span>
102
102
  </li>
103
103
  <li class="pf-c-label-group__list-item">
104
- <span class="pf-c-label pf-m-green">
104
+ <span class="pf-c-label pf-m-green pf-m-compact">
105
105
  <span class="pf-c-label__content">
106
106
  <span class="pf-c-label__icon">
107
107
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
@@ -111,7 +111,7 @@ wrapperTag: div
111
111
  </span>
112
112
  </li>
113
113
  <li class="pf-c-label-group__list-item">
114
- <button class="pf-c-label pf-m-overflow">
114
+ <button class="pf-c-label pf-m-overflow pf-m-compact">
115
115
  <span class="pf-c-label__content">1 more</span>
116
116
  </button>
117
117
  </li>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "4.137.0",
4
+ "version": "4.139.1",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-drag-drop.css ADDED
@@ -0,0 +1,55 @@
1
+ .pf-c-draggable {
2
+ --pf-c-draggable--Cursor: auto;
3
+ --pf-c-draggable--m-dragging--Cursor: grabbing;
4
+ --pf-c-draggable--m-dragging--BoxShadow: var(--pf-global--BoxShadow--md);
5
+ --pf-c-draggable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
6
+ --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
7
+ --pf-c-draggable--m-drag-outside--Cursor: not-allowed;
8
+ --pf-c-draggable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
9
+ cursor: var(--pf-c-draggable--Cursor);
10
+ }
11
+ .pf-c-draggable.pf-m-dragging {
12
+ --pf-c-draggable--Cursor: var(--pf-c-draggable--m-dragging--Cursor);
13
+ position: relative;
14
+ background-color: var(--pf-c-draggable--m-dragging--BackgroundColor);
15
+ box-shadow: var(--pf-c-draggable--m-dragging--BoxShadow);
16
+ }
17
+ .pf-c-draggable.pf-m-dragging::after {
18
+ position: absolute;
19
+ top: 0;
20
+ right: 0;
21
+ bottom: 0;
22
+ left: 0;
23
+ content: "";
24
+ border: var(--pf-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-c-draggable--m-dragging--after--BorderColor);
25
+ }
26
+ .pf-c-draggable.pf-m-drag-outside {
27
+ --pf-c-draggable--m-dragging--Cursor: var(--pf-c-draggable--m-drag-outside--Cursor);
28
+ --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-c-draggable--m-drag-outside--after--BorderColor);
29
+ }
30
+
31
+ .pf-c-droppable {
32
+ --pf-c-droppable--m-dragging--after--BackgroundColor: rgba(255, 255, 255, 0.6);
33
+ --pf-c-droppable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
34
+ --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
35
+ --pf-c-droppable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
36
+ }
37
+ .pf-c-droppable.pf-m-dragging {
38
+ position: relative;
39
+ }
40
+ .pf-c-droppable.pf-m-dragging::after {
41
+ position: absolute;
42
+ top: 0;
43
+ right: 0;
44
+ bottom: 0;
45
+ left: 0;
46
+ pointer-events: none;
47
+ content: "";
48
+ }
49
+ .pf-c-droppable::after {
50
+ background-color: var(--pf-c-droppable--m-dragging--after--BackgroundColor);
51
+ border: var(--pf-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-c-droppable--m-dragging--after--BorderColor);
52
+ }
53
+ .pf-c-droppable.pf-m-drag-outside {
54
+ --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor);
55
+ }
package/patternfly-drag-drop.scss ADDED
@@ -0,0 +1,67 @@
1
+ .pf-c-draggable {
2
+ --pf-c-draggable--Cursor: auto;
3
+ --pf-c-draggable--m-dragging--Cursor: grabbing;
4
+ --pf-c-draggable--m-dragging--BoxShadow: var(--pf-global--BoxShadow--md);
5
+ --pf-c-draggable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
6
+ --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
7
+ --pf-c-draggable--m-drag-outside--Cursor: not-allowed;
8
+ --pf-c-draggable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
9
+
10
+ cursor: var(--pf-c-draggable--Cursor);
11
+
12
+ &.pf-m-dragging {
13
+ --pf-c-draggable--Cursor: var(--pf-c-draggable--m-dragging--Cursor);
14
+
15
+ position: relative;
16
+ background-color: var(--pf-c-draggable--m-dragging--BackgroundColor); // intentionally empty to be set if doesn't exist
17
+ box-shadow: var(--pf-c-draggable--m-dragging--BoxShadow);
18
+
19
+ &::after {
20
+ position: absolute;
21
+ top: 0;
22
+ right: 0;
23
+ bottom: 0;
24
+ left: 0;
25
+ content: "";
26
+ border: var(--pf-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-c-draggable--m-dragging--after--BorderColor);
27
+ }
28
+ }
29
+
30
+ &.pf-m-drag-outside {
31
+ --pf-c-draggable--m-dragging--Cursor: var(--pf-c-draggable--m-drag-outside--Cursor);
32
+ --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-c-draggable--m-drag-outside--after--BorderColor);
33
+ }
34
+ }
35
+
36
+ .pf-c-droppable {
37
+ $pf-global--BackgroundColor--100: #fff;
38
+ $pf-c-droppable--m-dragging--after--BackgroundColor: rgba($pf-global--BackgroundColor--100, .6);
39
+
40
+ --pf-c-droppable--m-dragging--after--BackgroundColor: #{$pf-c-droppable--m-dragging--after--BackgroundColor}; // allows for rbga() so we can combine background and border in single element
41
+ --pf-c-droppable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
42
+ --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
43
+ --pf-c-droppable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
44
+
45
+ &.pf-m-dragging {
46
+ position: relative;
47
+
48
+ &::after {
49
+ position: absolute;
50
+ top: 0;
51
+ right: 0;
52
+ bottom: 0;
53
+ left: 0;
54
+ pointer-events: none;
55
+ content: "";
56
+ }
57
+ }
58
+
59
+ &::after {
60
+ background-color: var(--pf-c-droppable--m-dragging--after--BackgroundColor);
61
+ border: var(--pf-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-c-droppable--m-dragging--after--BorderColor);
62
+ }
63
+
64
+ &.pf-m-drag-outside {
65
+ --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor);
66
+ }
67
+ }
package/patternfly-no-reset.css CHANGED
@@ -6156,9 +6156,10 @@ html {
6156
6156
  }
6157
6157
 
6158
6158
  .pf-c-backdrop {
6159
+ --pf-c-backdrop--Position: fixed;
6159
6160
  --pf-c-backdrop--ZIndex: var(--pf-global--ZIndex--lg);
6160
6161
  --pf-c-backdrop--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
6161
- position: fixed;
6162
+ position: var(--pf-c-backdrop--Position);
6162
6163
  top: 0;
6163
6164
  left: 0;
6164
6165
  z-index: var(--pf-c-backdrop--ZIndex);
@@ -7387,8 +7388,8 @@ button.pf-c-breadcrumb__link {
7387
7388
  --pf-c-check__label--FontWeight: var(--pf-global--FontWeight--normal);
7388
7389
  --pf-c-check__label--FontSize: var(--pf-global--FontSize--md);
7389
7390
  --pf-c-check__label--LineHeight: var(--pf-global--LineHeight--sm);
7390
- --pf-c-check__input--Height: calc(var(--pf-c-check__label--FontSize) * var(--pf-c-check__label--LineHeight));
7391
- --pf-c-check__input--MarginTop: calc(-1px * (var(--pf-c-check__label--LineHeight) * 1.25));
7391
+ --pf-c-check__input--Height: var(--pf-c-check__label--FontSize);
7392
+ --pf-c-check__input--MarginTop: calc(((var(--pf-c-check__label--FontSize) * var(--pf-c-check__label--LineHeight)) - var(--pf-c-check__input--Height)) / 2);
7392
7393
  --pf-c-check__description--FontSize: var(--pf-global--FontSize--sm);
7393
7394
  --pf-c-check__description--Color: var(--pf-global--Color--200);
7394
7395
  --pf-c-check__body--MarginTop: var(--pf-global--spacer--sm);
@@ -12649,8 +12650,10 @@ label.pf-c-check, .pf-c-check__label,
12649
12650
  --pf-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-global--spacer--md);
12650
12651
  --pf-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
12651
12652
  --pf-c-form--m-limit-width--MaxWidth: 31.25rem;
12652
- --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-global--spacer--sm);
12653
+ --pf-c-form--m-horizontal__group-label--md--PaddingTop: calc((((((var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--md)) + (2 * var(--pf-global--BorderWidth--sm))) - var(--pf-global--FontSize--md)) / 2) + var(--pf-global--FontSize--md)) - ((((var(--pf-global--FontSize--sm) * var(--pf-global--LineHeight--sm)) - var(--pf-global--FontSize--sm)) / 2) + var(--pf-global--FontSize--sm)) + var(--pf-global--BorderWidth--sm));
12653
12654
  --pf-c-form__group-label--PaddingBottom: var(--pf-global--spacer--sm);
12655
+ --pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop: 0;
12656
+ --pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-global--FontSize--sm) * var(--pf-global--LineHeight--sm)) - var(--pf-global--FontSize--sm)) / 2) + var(--pf-global--FontSize--sm)) - ((((var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--sm)) - var(--pf-global--FontSize--md)) / 2) + var(--pf-global--FontSize--md)));
12654
12657
  --pf-c-form__label--FontSize: var(--pf-global--FontSize--sm);
12655
12658
  --pf-c-form__label--LineHeight: var(--pf-global--LineHeight--sm);
12656
12659
  --pf-c-form__label--m-disabled--Color: var(--pf-global--disabled-color--100);
@@ -12755,7 +12758,8 @@ label.pf-c-check, .pf-c-check__label,
12755
12758
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
12756
12759
  }
12757
12760
  .pf-c-form.pf-m-horizontal .pf-c-form__group-label.pf-m-no-padding-top {
12758
- --pf-c-form--m-horizontal__group-label--md--PaddingTop: 0;
12761
+ --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
12762
+ transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12759
12763
  }
12760
12764
  .pf-c-form.pf-m-horizontal .pf-c-form__group-control {
12761
12765
  grid-column: 2;
@@ -13968,6 +13972,11 @@ label.pf-c-input-group__text {
13968
13972
  --pf-c-label--m-overflow__content--link--hover--before--BorderColor: var(--pf-global--BorderColor--300);
13969
13973
  --pf-c-label--m-overflow__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--md);
13970
13974
  --pf-c-label--m-overflow__content--link--focus--before--BorderColor: var(--pf-global--BorderColor--300);
13975
+ --pf-c-label--m-compact--PaddingTop: 0;
13976
+ --pf-c-label--m-compact--PaddingRight: var(--pf-global--spacer--sm);
13977
+ --pf-c-label--m-compact--PaddingBottom: 0;
13978
+ --pf-c-label--m-compact--PaddingLeft: var(--pf-global--spacer--sm);
13979
+ --pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
13971
13980
  --pf-c-label__content--Color: var(--pf-global--Color--100);
13972
13981
  --pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
13973
13982
  --pf-c-label__text--MaxWidth: 16ch;
@@ -13994,6 +14003,13 @@ label.pf-c-input-group__text {
13994
14003
  border: 0;
13995
14004
  border-radius: var(--pf-c-label--BorderRadius);
13996
14005
  }
14006
+ .pf-c-label.pf-m-compact {
14007
+ --pf-c-label--PaddingTop: var(--pf-c-label--m-compact--PaddingTop);
14008
+ --pf-c-label--PaddingRight: var(--pf-c-label--m-compact--PaddingRight);
14009
+ --pf-c-label--PaddingBottom: var(--pf-c-label--m-compact--PaddingBottom);
14010
+ --pf-c-label--PaddingLeft: var(--pf-c-label--m-compact--PaddingLeft);
14011
+ --pf-c-label--FontSize: var(--pf-c-label--m-compact--FontSize);
14012
+ }
13997
14013
  .pf-c-label.pf-m-blue {
13998
14014
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-blue--BackgroundColor);
13999
14015
  --pf-c-label__icon--Color: var(--pf-c-label--m-blue__icon--Color);
@@ -14519,6 +14535,7 @@ ul.pf-c-list {
14519
14535
  font-size: var(--pf-c-log-viewer__text--FontSize);
14520
14536
  color: var(--pf-c-log-viewer__text--Color);
14521
14537
  word-break: break-all;
14538
+ white-space: break-spaces;
14522
14539
  }
14523
14540
 
14524
14541
  .pf-c-log-viewer__timestamp {
@@ -19101,8 +19118,8 @@ ul.pf-c-list {
19101
19118
  --pf-c-radio__label--FontWeight: var(--pf-global--FontWeight--normal);
19102
19119
  --pf-c-radio__label--FontSize: var(--pf-global--FontSize--md);
19103
19120
  --pf-c-radio__label--LineHeight: var(--pf-global--LineHeight--sm);
19104
- --pf-c-radio__input--Height: calc(var(--pf-c-radio__label--FontSize) * var(--pf-c-radio__label--LineHeight));
19105
- --pf-c-radio__input--MarginTop: calc(-1px * (var(--pf-c-radio__label--LineHeight) * 1.25));
19121
+ --pf-c-radio__input--Height: var(--pf-c-radio__label--FontSize);
19122
+ --pf-c-radio__input--MarginTop: calc(((var(--pf-c-radio__label--FontSize) * var(--pf-c-radio__label--LineHeight)) - var(--pf-c-radio__input--Height)) / 2);
19106
19123
  --pf-c-radio__input--first-child--MarginLeft: 0.0625rem;
19107
19124
  --pf-c-radio__input--last-child--MarginRight: 0.0625rem;
19108
19125
  --pf-c-radio__description--FontSize: var(--pf-global--FontSize--sm);
package/patternfly.css CHANGED
@@ -6292,9 +6292,10 @@ button:-moz-focusring,
6292
6292
  }
6293
6293
 
6294
6294
  .pf-c-backdrop {
6295
+ --pf-c-backdrop--Position: fixed;
6295
6296
  --pf-c-backdrop--ZIndex: var(--pf-global--ZIndex--lg);
6296
6297
  --pf-c-backdrop--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
6297
- position: fixed;
6298
+ position: var(--pf-c-backdrop--Position);
6298
6299
  top: 0;
6299
6300
  left: 0;
6300
6301
  z-index: var(--pf-c-backdrop--ZIndex);
@@ -7523,8 +7524,8 @@ button.pf-c-breadcrumb__link {
7523
7524
  --pf-c-check__label--FontWeight: var(--pf-global--FontWeight--normal);
7524
7525
  --pf-c-check__label--FontSize: var(--pf-global--FontSize--md);
7525
7526
  --pf-c-check__label--LineHeight: var(--pf-global--LineHeight--sm);
7526
- --pf-c-check__input--Height: calc(var(--pf-c-check__label--FontSize) * var(--pf-c-check__label--LineHeight));
7527
- --pf-c-check__input--MarginTop: calc(-1px * (var(--pf-c-check__label--LineHeight) * 1.25));
7527
+ --pf-c-check__input--Height: var(--pf-c-check__label--FontSize);
7528
+ --pf-c-check__input--MarginTop: calc(((var(--pf-c-check__label--FontSize) * var(--pf-c-check__label--LineHeight)) - var(--pf-c-check__input--Height)) / 2);
7528
7529
  --pf-c-check__description--FontSize: var(--pf-global--FontSize--sm);
7529
7530
  --pf-c-check__description--Color: var(--pf-global--Color--200);
7530
7531
  --pf-c-check__body--MarginTop: var(--pf-global--spacer--sm);
@@ -12785,8 +12786,10 @@ label.pf-c-check, .pf-c-check__label,
12785
12786
  --pf-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-global--spacer--md);
12786
12787
  --pf-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
12787
12788
  --pf-c-form--m-limit-width--MaxWidth: 31.25rem;
12788
- --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-global--spacer--sm);
12789
+ --pf-c-form--m-horizontal__group-label--md--PaddingTop: calc((((((var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--md)) + (2 * var(--pf-global--BorderWidth--sm))) - var(--pf-global--FontSize--md)) / 2) + var(--pf-global--FontSize--md)) - ((((var(--pf-global--FontSize--sm) * var(--pf-global--LineHeight--sm)) - var(--pf-global--FontSize--sm)) / 2) + var(--pf-global--FontSize--sm)) + var(--pf-global--BorderWidth--sm));
12789
12790
  --pf-c-form__group-label--PaddingBottom: var(--pf-global--spacer--sm);
12791
+ --pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop: 0;
12792
+ --pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-global--FontSize--sm) * var(--pf-global--LineHeight--sm)) - var(--pf-global--FontSize--sm)) / 2) + var(--pf-global--FontSize--sm)) - ((((var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--sm)) - var(--pf-global--FontSize--md)) / 2) + var(--pf-global--FontSize--md)));
12790
12793
  --pf-c-form__label--FontSize: var(--pf-global--FontSize--sm);
12791
12794
  --pf-c-form__label--LineHeight: var(--pf-global--LineHeight--sm);
12792
12795
  --pf-c-form__label--m-disabled--Color: var(--pf-global--disabled-color--100);
@@ -12891,7 +12894,8 @@ label.pf-c-check, .pf-c-check__label,
12891
12894
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
12892
12895
  }
12893
12896
  .pf-c-form.pf-m-horizontal .pf-c-form__group-label.pf-m-no-padding-top {
12894
- --pf-c-form--m-horizontal__group-label--md--PaddingTop: 0;
12897
+ --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
12898
+ transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12895
12899
  }
12896
12900
  .pf-c-form.pf-m-horizontal .pf-c-form__group-control {
12897
12901
  grid-column: 2;
@@ -14104,6 +14108,11 @@ label.pf-c-input-group__text {
14104
14108
  --pf-c-label--m-overflow__content--link--hover--before--BorderColor: var(--pf-global--BorderColor--300);
14105
14109
  --pf-c-label--m-overflow__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--md);
14106
14110
  --pf-c-label--m-overflow__content--link--focus--before--BorderColor: var(--pf-global--BorderColor--300);
14111
+ --pf-c-label--m-compact--PaddingTop: 0;
14112
+ --pf-c-label--m-compact--PaddingRight: var(--pf-global--spacer--sm);
14113
+ --pf-c-label--m-compact--PaddingBottom: 0;
14114
+ --pf-c-label--m-compact--PaddingLeft: var(--pf-global--spacer--sm);
14115
+ --pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
14107
14116
  --pf-c-label__content--Color: var(--pf-global--Color--100);
14108
14117
  --pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
14109
14118
  --pf-c-label__text--MaxWidth: 16ch;
@@ -14130,6 +14139,13 @@ label.pf-c-input-group__text {
14130
14139
  border: 0;
14131
14140
  border-radius: var(--pf-c-label--BorderRadius);
14132
14141
  }
14142
+ .pf-c-label.pf-m-compact {
14143
+ --pf-c-label--PaddingTop: var(--pf-c-label--m-compact--PaddingTop);
14144
+ --pf-c-label--PaddingRight: var(--pf-c-label--m-compact--PaddingRight);
14145
+ --pf-c-label--PaddingBottom: var(--pf-c-label--m-compact--PaddingBottom);
14146
+ --pf-c-label--PaddingLeft: var(--pf-c-label--m-compact--PaddingLeft);
14147
+ --pf-c-label--FontSize: var(--pf-c-label--m-compact--FontSize);
14148
+ }
14133
14149
  .pf-c-label.pf-m-blue {
14134
14150
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-blue--BackgroundColor);
14135
14151
  --pf-c-label__icon--Color: var(--pf-c-label--m-blue__icon--Color);
@@ -14655,6 +14671,7 @@ ul.pf-c-list {
14655
14671
  font-size: var(--pf-c-log-viewer__text--FontSize);
14656
14672
  color: var(--pf-c-log-viewer__text--Color);
14657
14673
  word-break: break-all;
14674
+ white-space: break-spaces;
14658
14675
  }
14659
14676
 
14660
14677
  .pf-c-log-viewer__timestamp {
@@ -19237,8 +19254,8 @@ ul.pf-c-list {
19237
19254
  --pf-c-radio__label--FontWeight: var(--pf-global--FontWeight--normal);
19238
19255
  --pf-c-radio__label--FontSize: var(--pf-global--FontSize--md);
19239
19256
  --pf-c-radio__label--LineHeight: var(--pf-global--LineHeight--sm);
19240
- --pf-c-radio__input--Height: calc(var(--pf-c-radio__label--FontSize) * var(--pf-c-radio__label--LineHeight));
19241
- --pf-c-radio__input--MarginTop: calc(-1px * (var(--pf-c-radio__label--LineHeight) * 1.25));
19257
+ --pf-c-radio__input--Height: var(--pf-c-radio__label--FontSize);
19258
+ --pf-c-radio__input--MarginTop: calc(((var(--pf-c-radio__label--FontSize) * var(--pf-c-radio__label--LineHeight)) - var(--pf-c-radio__input--Height)) / 2);
19242
19259
  --pf-c-radio__input--first-child--MarginLeft: 0.0625rem;
19243
19260
  --pf-c-radio__input--last-child--MarginRight: 0.0625rem;
19244
19261
  --pf-c-radio__description--FontSize: var(--pf-global--FontSize--sm);