@patternfly/react-table 4.58.1 → 4.58.5

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,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.58.5 (2022-01-18)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **Tabs:** enable tabs scroll button for small window ([#6784](https://github.com/patternfly/patternfly-react/issues/6784)) ([a29b430](https://github.com/patternfly/patternfly-react/commit/a29b43094ae3d5ce7f4b26e4041cd595e675ee58))
12
+
13
+
14
+
15
+
16
+
17
+ ## 4.58.4 (2022-01-18)
18
+
19
+ **Note:** Version bump only for package @patternfly/react-table
20
+
21
+
22
+
23
+
24
+
25
+ ## 4.58.3 (2022-01-18)
26
+
27
+ **Note:** Version bump only for package @patternfly/react-table
28
+
29
+
30
+
31
+
32
+
33
+ ## 4.58.2 (2022-01-18)
34
+
35
+ **Note:** Version bump only for package @patternfly/react-table
36
+
37
+
38
+
39
+
40
+
6
41
  ## 4.58.1 (2022-01-18)
7
42
 
8
43
  **Note:** Version bump only for package @patternfly/react-table
@@ -10958,9 +10958,14 @@ button.pf-c-breadcrumb__link {
10958
10958
  --pf-c-description-list__group--GridColumn: auto;
10959
10959
  --pf-c-description-list--m-compact--RowGap: var(--pf-global--gutter);
10960
10960
  --pf-c-description-list--m-compact--ColumnGap: var(--pf-global--spacer--sm);
10961
+ --pf-c-description-list__term--Display: inline;
10962
+ --pf-c-description-list__term--sm--Display: flex;
10961
10963
  --pf-c-description-list__term--FontWeight: var(--pf-global--FontWeight--bold);
10962
10964
  --pf-c-description-list__term--FontSize: var(--pf-global--FontSize--sm);
10963
10965
  --pf-c-description-list__term--LineHeight: var(--pf-global--LineHeight--sm);
10966
+ --pf-c-description-list__term-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
10967
+ --pf-c-description-list__term-icon--MarginRight: var(--pf-global--spacer--sm);
10968
+ --pf-c-description-list__term-icon--Color: var(--pf-global--icon--Color--light);
10964
10969
  --pf-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-c-description-list--GridTemplateColumns--count));
10965
10970
  --pf-c-description-list--m-horizontal__term--width: 12ch;
10966
10971
  --pf-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
@@ -10982,6 +10987,11 @@ button.pf-c-breadcrumb__link {
10982
10987
  grid-template-columns: var(--pf-c-description-list--GridTemplateColumns);
10983
10988
  }
10984
10989
 
10990
+ @media screen and (min-width: 576px) {
10991
+ .pf-c-description-list {
10992
+ --pf-c-description-list__term--Display: var(--pf-c-description-list__term--sm--Display);
10993
+ }
10994
+ }
10985
10995
  .pf-c-description-list[class*=pf-m-horizontal] {
10986
10996
  --pf-c-description-list__term--width: var(--pf-c-description-list--m-horizontal__term--width);
10987
10997
  }
@@ -11091,6 +11101,7 @@ button.pf-c-breadcrumb__link {
11091
11101
  }
11092
11102
 
11093
11103
  .pf-c-description-list__term {
11104
+ display: var(--pf-c-description-list__term--Display);
11094
11105
  font-size: var(--pf-c-description-list__term--FontSize);
11095
11106
  font-weight: var(--pf-c-description-list__term--FontWeight);
11096
11107
  line-height: var(--pf-c-description-list__term--LineHeight);
@@ -11100,6 +11111,13 @@ button.pf-c-breadcrumb__link {
11100
11111
  display: inline;
11101
11112
  }
11102
11113
 
11114
+ .pf-c-description-list__term-icon {
11115
+ flex-shrink: 0;
11116
+ min-width: var(--pf-c-description-list__term-icon--MinWidth);
11117
+ margin-right: var(--pf-c-description-list__term-icon--MarginRight);
11118
+ color: var(--pf-c-description-list__term-icon--Color);
11119
+ }
11120
+
11103
11121
  .pf-c-description-list__text.pf-m-help-text {
11104
11122
  text-decoration: underline;
11105
11123
  cursor: pointer;
@@ -10958,9 +10958,14 @@ button.pf-c-breadcrumb__link {
10958
10958
  --pf-c-description-list__group--GridColumn: auto;
10959
10959
  --pf-c-description-list--m-compact--RowGap: var(--pf-global--gutter);
10960
10960
  --pf-c-description-list--m-compact--ColumnGap: var(--pf-global--spacer--sm);
10961
+ --pf-c-description-list__term--Display: inline;
10962
+ --pf-c-description-list__term--sm--Display: flex;
10961
10963
  --pf-c-description-list__term--FontWeight: var(--pf-global--FontWeight--bold);
10962
10964
  --pf-c-description-list__term--FontSize: var(--pf-global--FontSize--sm);
10963
10965
  --pf-c-description-list__term--LineHeight: var(--pf-global--LineHeight--sm);
10966
+ --pf-c-description-list__term-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
10967
+ --pf-c-description-list__term-icon--MarginRight: var(--pf-global--spacer--sm);
10968
+ --pf-c-description-list__term-icon--Color: var(--pf-global--icon--Color--light);
10964
10969
  --pf-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-c-description-list--GridTemplateColumns--count));
10965
10970
  --pf-c-description-list--m-horizontal__term--width: 12ch;
10966
10971
  --pf-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
@@ -10982,6 +10987,11 @@ button.pf-c-breadcrumb__link {
10982
10987
  grid-template-columns: var(--pf-c-description-list--GridTemplateColumns);
10983
10988
  }
10984
10989
 
10990
+ @media screen and (min-width: 576px) {
10991
+ .pf-c-description-list {
10992
+ --pf-c-description-list__term--Display: var(--pf-c-description-list__term--sm--Display);
10993
+ }
10994
+ }
10985
10995
  .pf-c-description-list[class*=pf-m-horizontal] {
10986
10996
  --pf-c-description-list__term--width: var(--pf-c-description-list--m-horizontal__term--width);
10987
10997
  }
@@ -11091,6 +11101,7 @@ button.pf-c-breadcrumb__link {
11091
11101
  }
11092
11102
 
11093
11103
  .pf-c-description-list__term {
11104
+ display: var(--pf-c-description-list__term--Display);
11094
11105
  font-size: var(--pf-c-description-list__term--FontSize);
11095
11106
  font-weight: var(--pf-c-description-list__term--FontWeight);
11096
11107
  line-height: var(--pf-c-description-list__term--LineHeight);
@@ -11100,6 +11111,13 @@ button.pf-c-breadcrumb__link {
11100
11111
  display: inline;
11101
11112
  }
11102
11113
 
11114
+ .pf-c-description-list__term-icon {
11115
+ flex-shrink: 0;
11116
+ min-width: var(--pf-c-description-list__term-icon--MinWidth);
11117
+ margin-right: var(--pf-c-description-list__term-icon--MarginRight);
11118
+ color: var(--pf-c-description-list__term-icon--Color);
11119
+ }
11120
+
11103
11121
  .pf-c-description-list__text.pf-m-help-text {
11104
11122
  text-decoration: underline;
11105
11123
  cursor: pointer;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-table",
3
- "version": "4.58.1",
3
+ "version": "4.58.5",
4
4
  "description": "This library provides a set of React table components for use with the PatternFly 4",
5
5
  "main": "dist/js/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -31,10 +31,10 @@
31
31
  "clean": "rimraf dist"
32
32
  },
33
33
  "dependencies": {
34
- "@patternfly/react-core": "^4.189.1",
35
- "@patternfly/react-icons": "^4.40.1",
36
- "@patternfly/react-styles": "^4.39.1",
37
- "@patternfly/react-tokens": "^4.41.1",
34
+ "@patternfly/react-core": "^4.189.5",
35
+ "@patternfly/react-icons": "^4.40.5",
36
+ "@patternfly/react-styles": "^4.39.5",
37
+ "@patternfly/react-tokens": "^4.41.5",
38
38
  "lodash": "^4.17.19",
39
39
  "tslib": "^2.0.0"
40
40
  },
@@ -46,5 +46,5 @@
46
46
  "react": "^16.8.0 || ^17.0.0",
47
47
  "react-dom": "^16.8.0 || ^17.0.0"
48
48
  },
49
- "gitHead": "a634131168ee7e2c61e9a68080a1fd9b2b7bb46d"
49
+ "gitHead": "01c8b913108c70fcddb6ee6d7bdf523dffc620b7"
50
50
  }