@patternfly/react-styles 4.34.1 → 4.34.2

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.34.2 (2022-01-10)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-styles
9
+
10
+
11
+
12
+
13
+
6
14
  ## 4.34.1 (2022-01-10)
7
15
 
8
16
  **Note:** Version bump only for package @patternfly/react-styles
@@ -144,6 +144,7 @@
144
144
  --pf-c-button__progress--width: calc(var(--pf-global--icon--FontSize--md) + var(--pf-global--spacer--sm));
145
145
  --pf-c-button__progress--Opacity: 0;
146
146
  --pf-c-button__progress--TranslateY: -50%;
147
+ --pf-c-button__progress--TranslateX: 0;
147
148
  --pf-c-button__progress--Top: 50%;
148
149
  --pf-c-button__progress--Left: var(--pf-global--spacer--md);
149
150
  --pf-c-button--m-progress--TransitionProperty: padding;
@@ -152,6 +153,9 @@
152
153
  --pf-c-button--m-progress--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width) / 2);
153
154
  --pf-c-button--m-in-progress--PaddingRight: var(--pf-global--spacer--md);
154
155
  --pf-c-button--m-in-progress--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width));
156
+ --pf-c-button--m-in-progress--m-plain--Color: var(--pf-global--primary-color--100);
157
+ --pf-c-button--m-in-progress--m-plain__progress--Left: 50%;
158
+ --pf-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
155
159
  position: relative;
156
160
  display: inline-block;
157
161
  padding: var(--pf-c-button--PaddingTop) var(--pf-c-button--PaddingRight) var(--pf-c-button--PaddingBottom) var(--pf-c-button--PaddingLeft);
@@ -437,10 +441,18 @@
437
441
  --pf-c-button--PaddingLeft: var(--pf-c-button--m-progress--PaddingLeft);
438
442
  transition: var(--pf-c-button--m-progress--TransitionProperty) var(--pf-c-button--m-progress--TransitionDuration);
439
443
  }
440
- .pf-c-button.pf-m-in-progress {
444
+ .pf-c-button.pf-m-in-progress:not(.pf-m-plain) {
441
445
  --pf-c-button--PaddingRight: var(--pf-c-button--m-in-progress--PaddingRight);
442
446
  --pf-c-button--PaddingLeft: var(--pf-c-button--m-in-progress--PaddingLeft);
443
447
  }
448
+ .pf-c-button.pf-m-in-progress.pf-m-plain {
449
+ --pf-c-button--m-plain--Color: var(--pf-c-button--m-in-progress--m-plain--Color);
450
+ --pf-c-button__progress--Left: var(--pf-c-button--m-in-progress--m-plain__progress--Left);
451
+ --pf-c-button__progress--TranslateX: var(--pf-c-button--m-in-progress--m-plain__progress--TranslateX);
452
+ }
453
+ .pf-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-c-button__progress) {
454
+ opacity: 0;
455
+ }
444
456
 
445
457
  .pf-c-button__icon.pf-m-start {
446
458
  margin-right: var(--pf-c-button__icon--m-start--MarginRight);
@@ -454,7 +466,7 @@
454
466
  top: var(--pf-c-button__progress--Top);
455
467
  left: var(--pf-c-button__progress--Left);
456
468
  line-height: 1;
457
- transform: translateY(var(--pf-c-button__progress--TranslateY));
469
+ transform: translate(var(--pf-c-button__progress--TranslateX), var(--pf-c-button__progress--TranslateY));
458
470
  }
459
471
  .pf-c-button__progress .pf-c-spinner {
460
472
  --pf-c-spinner--Color: currentColor;
@@ -1,15 +1,4 @@
1
- .pf-c-log-viewer__header,
2
- .pf-c-log-viewer__footer {
3
- --pf-global--Color--100: var(--pf-global--Color--dark-100);
4
- --pf-global--Color--200: var(--pf-global--Color--dark-200);
5
- --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
6
- --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
7
- --pf-global--link--Color: var(--pf-global--link--Color--dark);
8
- --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
9
- --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
10
- }
11
-
12
- .pf-c-log-viewer.pf-m-dark {
1
+ .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
13
2
  --pf-global--Color--100: var(--pf-global--Color--light-100);
14
3
  --pf-global--Color--200: var(--pf-global--Color--light-200);
15
4
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
@@ -18,10 +7,10 @@
18
7
  --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
19
8
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
20
9
  }
21
- .pf-c-log-viewer.pf-m-dark .pf-c-card {
10
+ .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-card {
22
11
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
23
12
  }
24
- .pf-c-log-viewer.pf-m-dark .pf-c-button {
13
+ .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button {
25
14
  --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
26
15
  --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
27
16
  --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
@@ -51,8 +40,8 @@
51
40
  --pf-c-log-viewer__scroll-container--Height: 37.5rem;
52
41
  --pf-c-log-viewer__scroll-container--PaddingTop: var(--pf-global--spacer--sm);
53
42
  --pf-c-log-viewer__scroll-container--PaddingBottom: var(--pf-global--spacer--sm);
54
- --pf-c-log-viewer--m-line-numbers__main--before--Top: var(--pf-global--spacer--sm);
55
- --pf-c-log-viewer--m-line-numbers__main--before--Bottom: var(--pf-global--spacer--sm);
43
+ --pf-c-log-viewer--m-line-numbers__main--before--Top: 0;
44
+ --pf-c-log-viewer--m-line-numbers__main--before--Bottom: 0;
56
45
  --pf-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-global--BorderWidth--sm);
57
46
  --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
58
47
  --pf-c-log-viewer__list--Height: auto;
@@ -64,7 +53,7 @@
64
53
  --pf-c-log-viewer__index--FontFamily: var(--pf-global--FontFamily--monospace);
65
54
  --pf-c-log-viewer__index--FontSize: var(--pf-global--FontSize--sm);
66
55
  --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
67
- --pf-c-log-viewer__index--BackgroundColor: var(--pf-global--BackgroundColor--100);
56
+ --pf-c-log-viewer__index--BackgroundColor: transparent;
68
57
  --pf-c-log-viewer__text--PaddingRight: var(--pf-global--spacer--md);
69
58
  --pf-c-log-viewer__text--PaddingLeft: var(--pf-global--spacer--md);
70
59
  --pf-c-log-viewer__text--FontFamily: var(--pf-global--FontFamily--monospace);
@@ -92,9 +81,16 @@
92
81
  max-height: var(--pf-c-log-viewer--MaxHeight);
93
82
  }
94
83
  .pf-c-log-viewer.pf-m-dark {
95
- color: var(--pf-global--Color--100);
96
84
  --pf-c-log-viewer__main--BorderWidth: var(--pf-c-log-viewer--m-dark__main--BorderWidth);
97
85
  }
86
+ .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
87
+ color: var(--pf-global--Color--100);
88
+ --pf-c-log-viewer__main--BackgroundColor: var(--pf-global--BackgroundColor--100);
89
+ --pf-c-log-viewer__main--BorderColor: var(--pf-global--BorderColor--100);
90
+ --pf-c-log-viewer__text--Color: var(--pf-global--Color--100);
91
+ --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
92
+ --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
93
+ }
98
94
  .pf-c-log-viewer.pf-m-wrap-text {
99
95
  word-break: break-all;
100
96
  }
@@ -137,11 +133,6 @@
137
133
  margin-bottom: var(--pf-c-log-viewer__header--MarginBottom);
138
134
  }
139
135
 
140
- .pf-c-log-viewer__header,
141
- .pf-c-log-viewer__footer {
142
- color: var(--pf-global--Color--100);
143
- }
144
-
145
136
  .pf-c-log-viewer__main {
146
137
  display: flex;
147
138
  flex-direction: column;
@@ -3,7 +3,6 @@ declare const _default: {
3
3
  "button": "pf-c-button",
4
4
  "card": "pf-c-card",
5
5
  "logViewer": "pf-c-log-viewer",
6
- "logViewerFooter": "pf-c-log-viewer__footer",
7
6
  "logViewerHeader": "pf-c-log-viewer__header",
8
7
  "logViewerIndex": "pf-c-log-viewer__index",
9
8
  "logViewerList": "pf-c-log-viewer__list",
@@ -5,7 +5,6 @@ exports.default = {
5
5
  "button": "pf-c-button",
6
6
  "card": "pf-c-card",
7
7
  "logViewer": "pf-c-log-viewer",
8
- "logViewerFooter": "pf-c-log-viewer__footer",
9
8
  "logViewerHeader": "pf-c-log-viewer__header",
10
9
  "logViewerIndex": "pf-c-log-viewer__index",
11
10
  "logViewerList": "pf-c-log-viewer__list",
@@ -472,7 +472,7 @@
472
472
  .pf-c-table .pf-c-table__icon,
473
473
  .pf-c-table .pf-m-fit-content {
474
474
  --pf-c-table--cell--MinWidth: fit-content;
475
- --pf-c-table--cell--MaxWidth: fit-content;
475
+ --pf-c-table--cell--MaxWidth: none;
476
476
  --pf-c-table--cell--Width: 1%;
477
477
  --pf-c-table--cell--Overflow: visible;
478
478
  --pf-c-table--cell--TextOverflow: clip;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "4.34.1",
3
+ "version": "4.34.2",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,7 +19,7 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "4.165.2",
22
+ "@patternfly/patternfly": "4.166.3",
23
23
  "camel-case": "^3.0.0",
24
24
  "css": "^2.2.3",
25
25
  "fs-extra": "^6.0.1",
@@ -29,5 +29,5 @@
29
29
  "typescript": "^4.0.0"
30
30
  },
31
31
  "license": "MIT",
32
- "gitHead": "8ec6b1dd83d1dd57a541811b5336ccede3183192"
32
+ "gitHead": "948a074ec94f6131cebca702a2b41cf3c6835da2"
33
33
  }