@patternfly/react-styles 4.52.35 → 4.53.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/css/components/Card/card.css +2 -0
  3. package/css/components/FormControl/form-control.css +7 -0
  4. package/css/components/Tabs/tabs.css +4 -0
  5. package/css/components/Tabs/tabs.d.ts +1 -0
  6. package/css/components/Tabs/tabs.js +1 -0
  7. package/css/components/Tabs/tabs.mjs +1 -0
  8. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,33 @@
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.53.0 (2022-04-14)
7
+
8
+
9
+ ### Features
10
+
11
+ * **MenuToggle:** Add full width modifier ([#7232](https://github.com/patternfly/patternfly-react/issues/7232)) ([789a8a3](https://github.com/patternfly/patternfly-react/commit/789a8a3f1cb1f1d90565f8d0e6c0dbe984c0c66b))
12
+
13
+
14
+
15
+
16
+
17
+ ## 4.52.37 (2022-04-14)
18
+
19
+ **Note:** Version bump only for package @patternfly/react-styles
20
+
21
+
22
+
23
+
24
+
25
+ ## 4.52.36 (2022-04-14)
26
+
27
+ **Note:** Version bump only for package @patternfly/react-styles
28
+
29
+
30
+
31
+
32
+
6
33
  ## 4.52.35 (2022-04-13)
7
34
 
8
35
  **Note:** Version bump only for package @patternfly/react-styles
package/css/components/Card/card.css CHANGED
@@ -51,6 +51,7 @@
51
51
  --pf-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base);
52
52
  --pf-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY: calc(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-c-card--m-flat--BorderWidth));
53
53
  --pf-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY: calc(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-c-card--m-rounded--BorderRadius));
54
+ --pf-c-card--m-selectable-raised--m-selected-raised--ZIndex: var(--pf-global--ZIndex--xs);
54
55
  --pf-c-card--m-selectable-raised--m-selected-raised--Transition: transform .25s linear, box-shadow .25s linear;
55
56
  --pf-c-card--m-selectable-raised--m-selected-raised--before--Transition: transform .25s linear;
56
57
  --pf-c-card--m-selectable-raised--m-selected-raised--before--TranslateY: calc(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY) * -1);
@@ -155,6 +156,7 @@
155
156
  --pf-c-card--m-selectable-raised--before--Transition: var(--pf-c-card--m-selectable-raised--m-selected-raised--before--Transition);
156
157
  --pf-c-card--m-selectable-raised--before--TranslateY: var(--pf-c-card--m-selectable-raised--m-selected-raised--before--TranslateY);
157
158
  --pf-c-card--m-selectable-raised--before--ScaleY: var(--pf-c-card--m-selectable-raised--m-selected-raised--before--ScaleY);
159
+ z-index: var(--pf-c-card--m-selectable-raised--m-selected-raised--ZIndex);
158
160
  box-shadow: var(--pf-c-card--m-selectable-raised--m-selected-raised--BoxShadow);
159
161
  transition: var(--pf-c-card--m-selectable-raised--m-selected-raised--Transition);
160
162
  transform: translateY(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY));
package/css/components/FormControl/form-control.css CHANGED
@@ -33,6 +33,7 @@
33
33
  --pf-c-form-control--m-expanded--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--focus--BorderBottomWidth));
34
34
  --pf-c-form-control--m-expanded--BorderBottomColor: var(--pf-global--primary-color--100);
35
35
  --pf-c-form-control--placeholder--Color: var(--pf-global--Color--dark-200);
36
+ --pf-c-form-control--placeholder--child--Color: var(--pf-global--Color--100);
36
37
  --pf-c-form-control--disabled--Color: var(--pf-global--disabled-color--100);
37
38
  --pf-c-form-control--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
38
39
  --pf-c-form-control--disabled--BorderColor: transparent;
@@ -293,6 +294,12 @@ select.pf-c-form-control.pf-m-warning {
293
294
  select.pf-c-form-control.pf-m-placeholder {
294
295
  color: var(--pf-c-form-control--placeholder--Color);
295
296
  }
297
+ select.pf-c-form-control.pf-m-placeholder * {
298
+ color: var(--pf-c-form-control--placeholder--child--Color);
299
+ }
300
+ select.pf-c-form-control.pf-m-placeholder *:disabled {
301
+ color: revert;
302
+ }
296
303
 
297
304
  textarea.pf-c-form-control {
298
305
  --pf-c-form-control--success--BackgroundPositionY: var(--pf-c-form-control--textarea--success--BackgroundPositionY);
package/css/components/Tabs/tabs.css CHANGED
@@ -154,6 +154,10 @@
154
154
  --pf-c-tabs--before--BorderBottomWidth: 0;
155
155
  --pf-c-tabs__link--disabled--before--BorderBottomWidth: 0;
156
156
  }
157
+ .pf-c-tabs.pf-m-border-bottom {
158
+ --pf-c-tabs--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
159
+ --pf-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
160
+ }
157
161
  .pf-c-tabs.pf-m-box .pf-c-tabs__link, .pf-c-tabs.pf-m-vertical .pf-c-tabs__link {
158
162
  --pf-c-tabs__link--after--BorderBottomWidth: 0;
159
163
  }
package/css/components/Tabs/tabs.d.ts CHANGED
@@ -6,6 +6,7 @@ declare const _default: {
6
6
  "scrollable": "pf-m-scrollable",
7
7
  "secondary": "pf-m-secondary",
8
8
  "noBorderBottom": "pf-m-no-border-bottom",
9
+ "borderBottom": "pf-m-border-bottom",
9
10
  "box": "pf-m-box",
10
11
  "vertical": "pf-m-vertical",
11
12
  "current": "pf-m-current",
package/css/components/Tabs/tabs.js CHANGED
@@ -8,6 +8,7 @@ exports.default = {
8
8
  "scrollable": "pf-m-scrollable",
9
9
  "secondary": "pf-m-secondary",
10
10
  "noBorderBottom": "pf-m-no-border-bottom",
11
+ "borderBottom": "pf-m-border-bottom",
11
12
  "box": "pf-m-box",
12
13
  "vertical": "pf-m-vertical",
13
14
  "current": "pf-m-current",
package/css/components/Tabs/tabs.mjs CHANGED
@@ -6,6 +6,7 @@ export default {
6
6
  "scrollable": "pf-m-scrollable",
7
7
  "secondary": "pf-m-secondary",
8
8
  "noBorderBottom": "pf-m-no-border-bottom",
9
+ "borderBottom": "pf-m-border-bottom",
9
10
  "box": "pf-m-box",
10
11
  "vertical": "pf-m-vertical",
11
12
  "current": "pf-m-current",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "4.52.35",
3
+ "version": "4.53.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.186.1",
22
+ "@patternfly/patternfly": "4.187.0",
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": "b7823d1a713d45e8f8a806ff615e93df79a0a068"
32
+ "gitHead": "3a30fbb3c5935b2e9a0fbb6336b1b45cfca46a7a"
33
33
  }