@patternfly/react-tokens 6.3.0-prerelease.7 → 6.3.0-prerelease.8

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 (18) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/esm/c_file_upload.d.ts +10 -6
  3. package/dist/esm/c_file_upload.js +10 -6
  4. package/dist/esm/c_table.d.ts +18 -0
  5. package/dist/esm/c_table.js +18 -0
  6. package/dist/esm/c_table__expandable_row_TransitionDuration_collapse_fade.d.ts +1 -1
  7. package/dist/esm/c_table__expandable_row_TransitionDuration_collapse_fade.js +1 -1
  8. package/dist/esm/c_table__expandable_row_TransitionDuration_expand_fade.d.ts +1 -1
  9. package/dist/esm/c_table__expandable_row_TransitionDuration_expand_fade.js +1 -1
  10. package/dist/js/c_file_upload.d.ts +10 -6
  11. package/dist/js/c_file_upload.js +10 -6
  12. package/dist/js/c_table.d.ts +18 -0
  13. package/dist/js/c_table.js +18 -0
  14. package/dist/js/c_table__expandable_row_TransitionDuration_collapse_fade.d.ts +1 -1
  15. package/dist/js/c_table__expandable_row_TransitionDuration_collapse_fade.js +1 -1
  16. package/dist/js/c_table__expandable_row_TransitionDuration_expand_fade.d.ts +1 -1
  17. package/dist/js/c_table__expandable_row_TransitionDuration_expand_fade.js +1 -1
  18. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,12 @@
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
+ # [6.3.0-prerelease.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.3.0-prerelease.7...@patternfly/react-tokens@6.3.0-prerelease.8) (2025-06-20)
7
+
8
+ ### Features
9
+
10
+ - **Table:** added optin animations for expansion ([#11865](https://github.com/patternfly/patternfly-react/issues/11865)) ([9adc88b](https://github.com/patternfly/patternfly-react/commit/9adc88b652f77ed5737c9f6dd02885daace1cd2b))
11
+
6
12
  # [6.3.0-prerelease.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.3.0-prerelease.6...@patternfly/react-tokens@6.3.0-prerelease.7) (2025-06-17)
7
13
 
8
14
  ### Bug Fixes
package/dist/esm/c_file_upload.d.ts CHANGED
@@ -66,18 +66,23 @@ export const c_file_upload: {
66
66
  },
67
67
  "c_file_upload_BorderColor": {
68
68
  "name": "--pf-v6-c-file-upload--BorderColor",
69
- "value": "transparent"
69
+ "value": "#c7c7c7",
70
+ "values": [
71
+ "--pf-t--global--border--color--default",
72
+ "--pf-t--global--border--color--100",
73
+ "--pf-t--color--gray--30",
74
+ "#c7c7c7"
75
+ ]
70
76
  },
71
77
  "c_file_upload_BorderStyle": {
72
78
  "name": "--pf-v6-c-file-upload--BorderStyle",
73
- "value": "solid"
79
+ "value": "dashed"
74
80
  },
75
81
  "c_file_upload_m_drag_hover_BorderColor": {
76
82
  "name": "--pf-v6-c-file-upload--m-drag-hover--BorderColor",
77
83
  "value": "#0066cc",
78
84
  "values": [
79
- "--pf-t--global--icon--color--brand--default",
80
- "--pf-t--global--color--brand--default",
85
+ "--pf-t--global--border--color--clicked",
81
86
  "--pf-t--global--color--brand--200",
82
87
  "--pf-t--color--blue--50",
83
88
  "#0066cc"
@@ -112,8 +117,7 @@ export const c_file_upload: {
112
117
  "value": "#0066cc",
113
118
  "values": [
114
119
  "--pf-v6-c-file-upload--m-drag-hover--BorderColor",
115
- "--pf-t--global--icon--color--brand--default",
116
- "--pf-t--global--color--brand--default",
120
+ "--pf-t--global--border--color--clicked",
117
121
  "--pf-t--global--color--brand--200",
118
122
  "--pf-t--color--blue--50",
119
123
  "#0066cc"
package/dist/esm/c_file_upload.js CHANGED
@@ -66,18 +66,23 @@ export const c_file_upload = {
66
66
  },
67
67
  "c_file_upload_BorderColor": {
68
68
  "name": "--pf-v6-c-file-upload--BorderColor",
69
- "value": "transparent"
69
+ "value": "#c7c7c7",
70
+ "values": [
71
+ "--pf-t--global--border--color--default",
72
+ "--pf-t--global--border--color--100",
73
+ "--pf-t--color--gray--30",
74
+ "#c7c7c7"
75
+ ]
70
76
  },
71
77
  "c_file_upload_BorderStyle": {
72
78
  "name": "--pf-v6-c-file-upload--BorderStyle",
73
- "value": "solid"
79
+ "value": "dashed"
74
80
  },
75
81
  "c_file_upload_m_drag_hover_BorderColor": {
76
82
  "name": "--pf-v6-c-file-upload--m-drag-hover--BorderColor",
77
83
  "value": "#0066cc",
78
84
  "values": [
79
- "--pf-t--global--icon--color--brand--default",
80
- "--pf-t--global--color--brand--default",
85
+ "--pf-t--global--border--color--clicked",
81
86
  "--pf-t--global--color--brand--200",
82
87
  "--pf-t--color--blue--50",
83
88
  "#0066cc"
@@ -112,8 +117,7 @@ export const c_file_upload = {
112
117
  "value": "#0066cc",
113
118
  "values": [
114
119
  "--pf-v6-c-file-upload--m-drag-hover--BorderColor",
115
- "--pf-t--global--icon--color--brand--default",
116
- "--pf-t--global--color--brand--default",
120
+ "--pf-t--global--border--color--clicked",
117
121
  "--pf-t--global--color--brand--200",
118
122
  "--pf-t--color--blue--50",
119
123
  "#0066cc"
package/dist/esm/c_table.d.ts CHANGED
@@ -1464,6 +1464,24 @@ export const c_table: {
1464
1464
  "value": "0"
1465
1465
  }
1466
1466
  },
1467
+ ".pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row": {
1468
+ "c_table__expandable_row_TransitionDuration_collapse_fade": {
1469
+ "name": "--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade",
1470
+ "value": "0s"
1471
+ },
1472
+ "c_table__expandable_row_TransitionDuration_collapse_slide": {
1473
+ "name": "--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide",
1474
+ "value": "0s"
1475
+ },
1476
+ "c_table__expandable_row_TransitionDuration_expand_fade": {
1477
+ "name": "--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade",
1478
+ "value": "0s"
1479
+ },
1480
+ "c_table__expandable_row_TransitionDuration_expand_slide": {
1481
+ "name": "--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide",
1482
+ "value": "0s"
1483
+ }
1484
+ },
1467
1485
  "[class*=pf-v6-c-table].pf-m-truncate": {
1468
1486
  "c_table_cell_MinWidth": {
1469
1487
  "name": "--pf-v6-c-table--cell--MinWidth",
package/dist/esm/c_table.js CHANGED
@@ -1464,6 +1464,24 @@ export const c_table = {
1464
1464
  "value": "0"
1465
1465
  }
1466
1466
  },
1467
+ ".pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row": {
1468
+ "c_table__expandable_row_TransitionDuration_collapse_fade": {
1469
+ "name": "--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade",
1470
+ "value": "0s"
1471
+ },
1472
+ "c_table__expandable_row_TransitionDuration_collapse_slide": {
1473
+ "name": "--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide",
1474
+ "value": "0s"
1475
+ },
1476
+ "c_table__expandable_row_TransitionDuration_expand_fade": {
1477
+ "name": "--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade",
1478
+ "value": "0s"
1479
+ },
1480
+ "c_table__expandable_row_TransitionDuration_expand_slide": {
1481
+ "name": "--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide",
1482
+ "value": "0s"
1483
+ }
1484
+ },
1467
1485
  "[class*=pf-v6-c-table].pf-m-truncate": {
1468
1486
  "c_table_cell_MinWidth": {
1469
1487
  "name": "--pf-v6-c-table--cell--MinWidth",
package/dist/esm/c_table__expandable_row_TransitionDuration_collapse_fade.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export const c_table__expandable_row_TransitionDuration_collapse_fade: {
2
2
  "name": "--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade",
3
- "value": "100ms",
3
+ "value": "0s",
4
4
  "var": "var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade)"
5
5
  };
6
6
  export default c_table__expandable_row_TransitionDuration_collapse_fade;
package/dist/esm/c_table__expandable_row_TransitionDuration_collapse_fade.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export const c_table__expandable_row_TransitionDuration_collapse_fade = {
2
2
  "name": "--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade",
3
- "value": "100ms",
3
+ "value": "0s",
4
4
  "var": "var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade)"
5
5
  };
6
6
  export default c_table__expandable_row_TransitionDuration_collapse_fade;
package/dist/esm/c_table__expandable_row_TransitionDuration_expand_fade.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export const c_table__expandable_row_TransitionDuration_expand_fade: {
2
2
  "name": "--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade",
3
- "value": "200ms",
3
+ "value": "0s",
4
4
  "var": "var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade)"
5
5
  };
6
6
  export default c_table__expandable_row_TransitionDuration_expand_fade;
package/dist/esm/c_table__expandable_row_TransitionDuration_expand_fade.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export const c_table__expandable_row_TransitionDuration_expand_fade = {
2
2
  "name": "--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade",
3
- "value": "200ms",
3
+ "value": "0s",
4
4
  "var": "var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade)"
5
5
  };
6
6
  export default c_table__expandable_row_TransitionDuration_expand_fade;
package/dist/js/c_file_upload.d.ts CHANGED
@@ -66,18 +66,23 @@ export const c_file_upload: {
66
66
  },
67
67
  "c_file_upload_BorderColor": {
68
68
  "name": "--pf-v6-c-file-upload--BorderColor",
69
- "value": "transparent"
69
+ "value": "#c7c7c7",
70
+ "values": [
71
+ "--pf-t--global--border--color--default",
72
+ "--pf-t--global--border--color--100",
73
+ "--pf-t--color--gray--30",
74
+ "#c7c7c7"
75
+ ]
70
76
  },
71
77
  "c_file_upload_BorderStyle": {
72
78
  "name": "--pf-v6-c-file-upload--BorderStyle",
73
- "value": "solid"
79
+ "value": "dashed"
74
80
  },
75
81
  "c_file_upload_m_drag_hover_BorderColor": {
76
82
  "name": "--pf-v6-c-file-upload--m-drag-hover--BorderColor",
77
83
  "value": "#0066cc",
78
84
  "values": [
79
- "--pf-t--global--icon--color--brand--default",
80
- "--pf-t--global--color--brand--default",
85
+ "--pf-t--global--border--color--clicked",
81
86
  "--pf-t--global--color--brand--200",
82
87
  "--pf-t--color--blue--50",
83
88
  "#0066cc"
@@ -112,8 +117,7 @@ export const c_file_upload: {
112
117
  "value": "#0066cc",
113
118
  "values": [
114
119
  "--pf-v6-c-file-upload--m-drag-hover--BorderColor",
115
- "--pf-t--global--icon--color--brand--default",
116
- "--pf-t--global--color--brand--default",
120
+ "--pf-t--global--border--color--clicked",
117
121
  "--pf-t--global--color--brand--200",
118
122
  "--pf-t--color--blue--50",
119
123
  "#0066cc"
package/dist/js/c_file_upload.js CHANGED
@@ -68,18 +68,23 @@ exports.c_file_upload = {
68
68
  },
69
69
  "c_file_upload_BorderColor": {
70
70
  "name": "--pf-v6-c-file-upload--BorderColor",
71
- "value": "transparent"
71
+ "value": "#c7c7c7",
72
+ "values": [
73
+ "--pf-t--global--border--color--default",
74
+ "--pf-t--global--border--color--100",
75
+ "--pf-t--color--gray--30",
76
+ "#c7c7c7"
77
+ ]
72
78
  },
73
79
  "c_file_upload_BorderStyle": {
74
80
  "name": "--pf-v6-c-file-upload--BorderStyle",
75
- "value": "solid"
81
+ "value": "dashed"
76
82
  },
77
83
  "c_file_upload_m_drag_hover_BorderColor": {
78
84
  "name": "--pf-v6-c-file-upload--m-drag-hover--BorderColor",
79
85
  "value": "#0066cc",
80
86
  "values": [
81
- "--pf-t--global--icon--color--brand--default",
82
- "--pf-t--global--color--brand--default",
87
+ "--pf-t--global--border--color--clicked",
83
88
  "--pf-t--global--color--brand--200",
84
89
  "--pf-t--color--blue--50",
85
90
  "#0066cc"
@@ -114,8 +119,7 @@ exports.c_file_upload = {
114
119
  "value": "#0066cc",
115
120
  "values": [
116
121
  "--pf-v6-c-file-upload--m-drag-hover--BorderColor",
117
- "--pf-t--global--icon--color--brand--default",
118
- "--pf-t--global--color--brand--default",
122
+ "--pf-t--global--border--color--clicked",
119
123
  "--pf-t--global--color--brand--200",
120
124
  "--pf-t--color--blue--50",
121
125
  "#0066cc"
package/dist/js/c_table.d.ts CHANGED
@@ -1464,6 +1464,24 @@ export const c_table: {
1464
1464
  "value": "0"
1465
1465
  }
1466
1466
  },
1467
+ ".pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row": {
1468
+ "c_table__expandable_row_TransitionDuration_collapse_fade": {
1469
+ "name": "--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade",
1470
+ "value": "0s"
1471
+ },
1472
+ "c_table__expandable_row_TransitionDuration_collapse_slide": {
1473
+ "name": "--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide",
1474
+ "value": "0s"
1475
+ },
1476
+ "c_table__expandable_row_TransitionDuration_expand_fade": {
1477
+ "name": "--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade",
1478
+ "value": "0s"
1479
+ },
1480
+ "c_table__expandable_row_TransitionDuration_expand_slide": {
1481
+ "name": "--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide",
1482
+ "value": "0s"
1483
+ }
1484
+ },
1467
1485
  "[class*=pf-v6-c-table].pf-m-truncate": {
1468
1486
  "c_table_cell_MinWidth": {
1469
1487
  "name": "--pf-v6-c-table--cell--MinWidth",
package/dist/js/c_table.js CHANGED
@@ -1466,6 +1466,24 @@ exports.c_table = {
1466
1466
  "value": "0"
1467
1467
  }
1468
1468
  },
1469
+ ".pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row": {
1470
+ "c_table__expandable_row_TransitionDuration_collapse_fade": {
1471
+ "name": "--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade",
1472
+ "value": "0s"
1473
+ },
1474
+ "c_table__expandable_row_TransitionDuration_collapse_slide": {
1475
+ "name": "--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide",
1476
+ "value": "0s"
1477
+ },
1478
+ "c_table__expandable_row_TransitionDuration_expand_fade": {
1479
+ "name": "--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade",
1480
+ "value": "0s"
1481
+ },
1482
+ "c_table__expandable_row_TransitionDuration_expand_slide": {
1483
+ "name": "--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide",
1484
+ "value": "0s"
1485
+ }
1486
+ },
1469
1487
  "[class*=pf-v6-c-table].pf-m-truncate": {
1470
1488
  "c_table_cell_MinWidth": {
1471
1489
  "name": "--pf-v6-c-table--cell--MinWidth",
package/dist/js/c_table__expandable_row_TransitionDuration_collapse_fade.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export const c_table__expandable_row_TransitionDuration_collapse_fade: {
2
2
  "name": "--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade",
3
- "value": "100ms",
3
+ "value": "0s",
4
4
  "var": "var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade)"
5
5
  };
6
6
  export default c_table__expandable_row_TransitionDuration_collapse_fade;
package/dist/js/c_table__expandable_row_TransitionDuration_collapse_fade.js CHANGED
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_table__expandable_row_TransitionDuration_collapse_fade = {
4
4
  "name": "--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade",
5
- "value": "100ms",
5
+ "value": "0s",
6
6
  "var": "var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade)"
7
7
  };
8
8
  exports["default"] = exports.c_table__expandable_row_TransitionDuration_collapse_fade;
package/dist/js/c_table__expandable_row_TransitionDuration_expand_fade.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export const c_table__expandable_row_TransitionDuration_expand_fade: {
2
2
  "name": "--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade",
3
- "value": "200ms",
3
+ "value": "0s",
4
4
  "var": "var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade)"
5
5
  };
6
6
  export default c_table__expandable_row_TransitionDuration_expand_fade;
package/dist/js/c_table__expandable_row_TransitionDuration_expand_fade.js CHANGED
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_table__expandable_row_TransitionDuration_expand_fade = {
4
4
  "name": "--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade",
5
- "value": "200ms",
5
+ "value": "0s",
6
6
  "var": "var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade)"
7
7
  };
8
8
  exports["default"] = exports.c_table__expandable_row_TransitionDuration_expand_fade;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-tokens",
3
- "version": "6.3.0-prerelease.7",
3
+ "version": "6.3.0-prerelease.8",
4
4
  "description": "This library provides access to the design tokens of PatternFly 4 from JavaScript",
5
5
  "main": "dist/js/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -30,8 +30,8 @@
30
30
  },
31
31
  "devDependencies": {
32
32
  "@adobe/css-tools": "^4.4.2",
33
- "@patternfly/patternfly": "6.3.0-prerelease.33",
33
+ "@patternfly/patternfly": "6.3.0-prerelease.35",
34
34
  "fs-extra": "^11.3.0"
35
35
  },
36
- "gitHead": "96fdb620440615b569e4a95c570e46dc24bfa079"
36
+ "gitHead": "f7974fbc0bcfaeff92cb05a4604bb48f4df54375"
37
37
  }