@patternfly/react-styles 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 (11) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/css/components/FileUpload/file-upload.css +3 -3
  3. package/css/components/Table/table.css +9 -3
  4. package/css/components/Table/table.d.ts +1 -0
  5. package/css/components/Table/table.js +1 -0
  6. package/css/components/Table/table.mjs +1 -0
  7. package/css/components/_index.css +12 -6
  8. package/css/components/_index.d.ts +1 -0
  9. package/css/components/_index.js +1 -0
  10. package/css/components/_index.mjs +1 -0
  11. 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-styles@6.3.0-prerelease.7...@patternfly/react-styles@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-styles@6.3.0-prerelease.6...@patternfly/react-styles@6.3.0-prerelease.7) (2025-06-17)
7
13
 
8
14
  ### Bug Fixes
package/css/components/FileUpload/file-upload.css CHANGED
@@ -6,9 +6,9 @@
6
6
  --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7
7
  --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
8
8
  --pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
9
- --pf-v6-c-file-upload--BorderColor: transparent;
10
- --pf-v6-c-file-upload--BorderStyle: solid;
11
- --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
9
+ --pf-v6-c-file-upload--BorderColor: var(--pf-t--global--border--color--default);
10
+ --pf-v6-c-file-upload--BorderStyle: dashed;
11
+ --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--border--color--clicked);
12
12
  --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
13
13
  --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
14
14
  --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
package/css/components/Table/table.css CHANGED
@@ -418,10 +418,10 @@
418
418
  display: revert;
419
419
  visibility: hidden;
420
420
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
421
- transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
421
+ transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
422
422
  transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
423
- transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
424
- transition-property: opacity, translate, visibility;
423
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
424
+ transition-property: opacity, translate, visibility, background-color;
425
425
  translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
426
426
  }
427
427
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
@@ -447,6 +447,12 @@
447
447
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
448
448
  max-height: 0;
449
449
  }
450
+ .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 {
451
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
452
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
453
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: 0s;
454
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
455
+ }
450
456
 
451
457
  [class*=pf-v6-c-table].pf-m-truncate {
452
458
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
package/css/components/Table/table.d.ts CHANGED
@@ -34,6 +34,7 @@ declare const _default: {
34
34
  "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
35
35
  "dragOver": "pf-m-drag-over",
36
36
  "animateExpand": "pf-m-animate-expand",
37
+ "noAnimateExpand": "pf-m-no-animate-expand",
37
38
  "truncate": "pf-m-truncate",
38
39
  "wrap": "pf-m-wrap",
39
40
  "nowrap": "pf-m-nowrap",
package/css/components/Table/table.js CHANGED
@@ -36,6 +36,7 @@ exports.default = {
36
36
  "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
37
37
  "dragOver": "pf-m-drag-over",
38
38
  "animateExpand": "pf-m-animate-expand",
39
+ "noAnimateExpand": "pf-m-no-animate-expand",
39
40
  "truncate": "pf-m-truncate",
40
41
  "wrap": "pf-m-wrap",
41
42
  "nowrap": "pf-m-nowrap",
package/css/components/Table/table.mjs CHANGED
@@ -34,6 +34,7 @@ export default {
34
34
  "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
35
35
  "dragOver": "pf-m-drag-over",
36
36
  "animateExpand": "pf-m-animate-expand",
37
+ "noAnimateExpand": "pf-m-no-animate-expand",
37
38
  "truncate": "pf-m-truncate",
38
39
  "wrap": "pf-m-wrap",
39
40
  "nowrap": "pf-m-nowrap",
package/css/components/_index.css CHANGED
@@ -6713,9 +6713,9 @@ ul) {
6713
6713
  --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
6714
6714
  --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
6715
6715
  --pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
6716
- --pf-v6-c-file-upload--BorderColor: transparent;
6717
- --pf-v6-c-file-upload--BorderStyle: solid;
6718
- --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
6716
+ --pf-v6-c-file-upload--BorderColor: var(--pf-t--global--border--color--default);
6717
+ --pf-v6-c-file-upload--BorderStyle: dashed;
6718
+ --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--border--color--clicked);
6719
6719
  --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
6720
6720
  --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
6721
6721
  --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
@@ -17639,10 +17639,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17639
17639
  display: revert;
17640
17640
  visibility: hidden;
17641
17641
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
17642
- transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
17642
+ transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
17643
17643
  transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
17644
- transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
17645
- transition-property: opacity, translate, visibility;
17644
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
17645
+ transition-property: opacity, translate, visibility, background-color;
17646
17646
  translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
17647
17647
  }
17648
17648
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
@@ -17668,6 +17668,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17668
17668
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
17669
17669
  max-height: 0;
17670
17670
  }
17671
+ .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 {
17672
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
17673
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
17674
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: 0s;
17675
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
17676
+ }
17671
17677
 
17672
17678
  [class*=pf-v6-c-table].pf-m-truncate {
17673
17679
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
package/css/components/_index.d.ts CHANGED
@@ -806,6 +806,7 @@ declare const _default: {
806
806
  "borderLeft": "pf-m-border-left",
807
807
  "noBorderRows": "pf-m-no-border-rows",
808
808
  "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
809
+ "noAnimateExpand": "pf-m-no-animate-expand",
809
810
  "borderRow": "pf-m-border-row",
810
811
  "width_10": "pf-m-width-10",
811
812
  "width_15": "pf-m-width-15",
package/css/components/_index.js CHANGED
@@ -808,6 +808,7 @@ exports.default = {
808
808
  "borderLeft": "pf-m-border-left",
809
809
  "noBorderRows": "pf-m-no-border-rows",
810
810
  "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
811
+ "noAnimateExpand": "pf-m-no-animate-expand",
811
812
  "borderRow": "pf-m-border-row",
812
813
  "width_10": "pf-m-width-10",
813
814
  "width_15": "pf-m-width-15",
package/css/components/_index.mjs CHANGED
@@ -806,6 +806,7 @@ export default {
806
806
  "borderLeft": "pf-m-border-left",
807
807
  "noBorderRows": "pf-m-no-border-rows",
808
808
  "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
809
+ "noAnimateExpand": "pf-m-no-animate-expand",
809
810
  "borderRow": "pf-m-border-row",
810
811
  "width_10": "pf-m-width-10",
811
812
  "width_15": "pf-m-width-15",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "6.3.0-prerelease.7",
3
+ "version": "6.3.0-prerelease.8",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,10 +19,10 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "6.3.0-prerelease.33",
22
+ "@patternfly/patternfly": "6.3.0-prerelease.35",
23
23
  "change-case": "^5.4.4",
24
24
  "fs-extra": "^11.3.0"
25
25
  },
26
26
  "license": "MIT",
27
- "gitHead": "96fdb620440615b569e4a95c570e46dc24bfa079"
27
+ "gitHead": "f7974fbc0bcfaeff92cb05a4604bb48f4df54375"
28
28
  }