@patternfly/react-styles 4.34.1 → 4.36.0

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,44 @@
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.36.0 (2022-01-11)
7
+
8
+
9
+ ### Features
10
+
11
+ * **ToggleGroup:** support disabling all items under the parent ([#6700](https://github.com/patternfly/patternfly-react/issues/6700)) ([a60c8f3](https://github.com/patternfly/patternfly-react/commit/a60c8f3485546c797750451714a70b7e84a4ba0f))
12
+
13
+
14
+
15
+
16
+
17
+ ## 4.35.1 (2022-01-11)
18
+
19
+ **Note:** Version bump only for package @patternfly/react-styles
20
+
21
+
22
+
23
+
24
+
25
+ # 4.35.0 (2022-01-11)
26
+
27
+
28
+ ### Features
29
+
30
+ * **Table:** update clickable area for checks/radios ([#6754](https://github.com/patternfly/patternfly-react/issues/6754)) ([c4f3c2d](https://github.com/patternfly/patternfly-react/commit/c4f3c2d7f515e3d6ad73d8b52238ca426281469a))
31
+
32
+
33
+
34
+
35
+
36
+ ## 4.34.2 (2022-01-10)
37
+
38
+ **Note:** Version bump only for package @patternfly/react-styles
39
+
40
+
41
+
42
+
43
+
6
44
  ## 4.34.1 (2022-01-10)
7
45
 
8
46
  **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.36.0",
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": "03e3df6771bae6c856dfb1d5a48397031cbfb37a"
33
33
  }