@patternfly/react-styles 4.38.1 → 4.39.3

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 +35 -0
  2. package/css/components/Truncate/truncate.css +14 -26
  3. package/css/components/Truncate/truncate.d.ts +1 -2
  4. package/css/components/Truncate/truncate.js +1 -2
  5. package/css/docs/components/Truncate/examples/Truncate.css +9 -0
  6. package/css/docs/components/Truncate/examples/Truncate.d.ts +5 -0
  7. package/css/docs/components/Truncate/examples/Truncate.js +6 -0
  8. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,41 @@
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.39.3 (2022-01-18)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-styles
9
+
10
+
11
+
12
+
13
+
14
+ ## 4.39.2 (2022-01-18)
15
+
16
+ **Note:** Version bump only for package @patternfly/react-styles
17
+
18
+
19
+
20
+
21
+
22
+ ## 4.39.1 (2022-01-18)
23
+
24
+ **Note:** Version bump only for package @patternfly/react-styles
25
+
26
+
27
+
28
+
29
+
30
+ # 4.39.0 (2022-01-17)
31
+
32
+
33
+ ### Features
34
+
35
+ * **Tabs:** enforce restricted type for children ([#6767](https://github.com/patternfly/patternfly-react/issues/6767)) ([0d224df](https://github.com/patternfly/patternfly-react/commit/0d224dfb71b1a89c5783bd9ea290ece2f325ad21))
36
+
37
+
38
+
39
+
40
+
6
41
  ## 4.38.1 (2022-01-17)
7
42
 
8
43
  **Note:** Version bump only for package @patternfly/react-styles
package/css/components/Truncate/truncate.css CHANGED
@@ -1,45 +1,33 @@
1
1
  .pf-c-truncate {
2
- --pf-c-truncate--FontSize: 1rem;
3
- display: inline-flex;
4
- flex-wrap: nowrap;
5
- max-width: 100%;
2
+ --pf-c-truncate--MinWidth: 12ch;
3
+ --pf-c-truncate__start--MinWidth: 6ch;
4
+ display: inline-grid;
5
+ grid-auto-flow: column;
6
+ align-items: baseline;
7
+ min-width: var(--pf-c-truncate--MinWidth);
6
8
  }
7
9
 
8
10
  .pf-c-truncate__start,
9
11
  .pf-c-truncate__end {
10
- flex-shrink: 1;
11
12
  overflow: hidden;
12
13
  text-overflow: ellipsis;
13
14
  white-space: nowrap;
14
15
  }
15
16
 
17
+ .pf-c-truncate__start {
18
+ min-width: var(--pf-c-truncate__start--MinWidth);
19
+ }
20
+
16
21
  .pf-c-truncate__end {
17
22
  direction: rtl;
18
- text-align: left;
19
23
  }
20
24
 
21
- @supports (text-overflow: "") {
22
- .pf-c-truncate__start + .pf-c-truncate__end {
23
- text-overflow: "";
24
- }
25
+ .pf-c-truncate__start + .pf-c-truncate__end {
26
+ overflow: visible;
27
+ direction: ltr;
25
28
  }
26
- @supports not (text-overflow: "") {
27
- .pf-c-truncate__start + .pf-c-truncate__end {
28
- font-size: 0;
29
- }
30
- .pf-c-truncate__start + .pf-c-truncate__end .pf-c-truncate__text {
31
- font-size: var(--pf-c-truncate--FontSize);
32
- }
33
- }
34
- @supports (-webkit-hyphens: none) {
35
- .pf-c-truncate {
36
- display: inline-block;
37
- max-width: 100%;
38
- overflow: hidden;
39
- text-overflow: ellipsis;
40
- white-space: nowrap;
41
- }
42
29
 
30
+ @supports (-webkit-hyphens: none) {
43
31
  .pf-c-truncate__end {
44
32
  direction: ltr;
45
33
  }
package/css/components/Truncate/truncate.d.ts CHANGED
@@ -2,7 +2,6 @@ import './truncate.css';
2
2
  declare const _default: {
3
3
  "truncate": "pf-c-truncate",
4
4
  "truncateEnd": "pf-c-truncate__end",
5
- "truncateStart": "pf-c-truncate__start",
6
- "truncateText": "pf-c-truncate__text"
5
+ "truncateStart": "pf-c-truncate__start"
7
6
  };
8
7
  export default _default;
package/css/components/Truncate/truncate.js CHANGED
@@ -4,6 +4,5 @@ require('./truncate.css');
4
4
  exports.default = {
5
5
  "truncate": "pf-c-truncate",
6
6
  "truncateEnd": "pf-c-truncate__end",
7
- "truncateStart": "pf-c-truncate__start",
8
- "truncateText": "pf-c-truncate__text"
7
+ "truncateStart": "pf-c-truncate__start"
9
8
  };
package/css/docs/components/Truncate/examples/Truncate.css ADDED
@@ -0,0 +1,9 @@
1
+ .pf-c-truncate--example {
2
+ width: 320px;
3
+ resize: horizontal;
4
+ overflow: auto;
5
+ min-width: 161px;
6
+ max-width: 100%;
7
+ padding: var(--pf-global--spacer--md);
8
+ border: var(--pf-global--BorderWidth--sm) solid var(--pf-global--BorderColor--100);
9
+ }
package/css/docs/components/Truncate/examples/Truncate.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import './Truncate.css';
2
+ declare const _default: {
3
+ "truncateExample": "pf-c-truncate--example"
4
+ };
5
+ export default _default;
package/css/docs/components/Truncate/examples/Truncate.js ADDED
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ require('./Truncate.css');
4
+ exports.default = {
5
+ "truncateExample": "pf-c-truncate--example"
6
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "4.38.1",
3
+ "version": "4.39.3",
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.166.4",
22
+ "@patternfly/patternfly": "4.166.5",
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": "21fd06d0acb87d7b579f9710845bf8489d53e800"
32
+ "gitHead": "23211879f0d51c9102d76800e6ee51c3883e163c"
33
33
  }