@patternfly/patternfly 6.3.0-prerelease.14 → 6.3.0-prerelease.16

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 (14) hide show
  1. package/base/patternfly-common.css +11 -11
  2. package/base/patternfly-common.scss +12 -12
  3. package/components/ExpandableSection/expandable-section.css +19 -3
  4. package/components/ExpandableSection/expandable-section.scss +25 -7
  5. package/components/Table/table.css +33 -0
  6. package/components/Table/table.scss +33 -0
  7. package/components/_index.css +52 -3
  8. package/package.json +2 -2
  9. package/patternfly-base-no-globals.css +11 -11
  10. package/patternfly-base.css +11 -11
  11. package/patternfly-no-globals.css +63 -14
  12. package/patternfly.css +63 -14
  13. package/patternfly.min.css +1 -1
  14. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -181,17 +181,17 @@ button) {
181
181
  }
182
182
 
183
183
  .pf-v6-m-no-motion {
184
- --pf-t--global--delay--400: 0ms !important;
185
- --pf-t--global--delay--300: 0ms !important;
186
- --pf-t--global--delay--200: 0ms !important;
187
- --pf-t--global--delay--100: 0ms !important;
188
- --pf-t--global--duration--600: 0ms !important;
189
- --pf-t--global--duration--500: 0ms !important;
190
- --pf-t--global--duration--400: 0ms !important;
191
- --pf-t--global--duration--300: 0ms !important;
192
- --pf-t--global--duration--200: 0ms !important;
193
- --pf-t--global--duration--100: 0ms !important;
194
- --pf-t--global--duration--50: 0ms !important;
184
+ --pf-t--global--delay--400: 1ms !important;
185
+ --pf-t--global--delay--300: 1ms !important;
186
+ --pf-t--global--delay--200: 1ms !important;
187
+ --pf-t--global--delay--100: 1ms !important;
188
+ --pf-t--global--duration--600: 1ms !important;
189
+ --pf-t--global--duration--500: 1ms !important;
190
+ --pf-t--global--duration--400: 1ms !important;
191
+ --pf-t--global--duration--300: 1ms !important;
192
+ --pf-t--global--duration--200: 1ms !important;
193
+ --pf-t--global--duration--100: 1ms !important;
194
+ --pf-t--global--duration--50: 1ms !important;
195
195
  }
196
196
 
197
197
  @font-face {
@@ -14021,8 +14021,8 @@ ul) {
14021
14021
  --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
14022
14022
  --pf-v6-c-expandable-section__content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
14023
14023
  --pf-v6-c-expandable-section__content--Opacity: 0;
14024
- --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
14025
14024
  --pf-v6-c-expandable-section__content--TranslateY: 0;
14025
+ --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
14026
14026
  --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
14027
14027
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
14028
14028
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
@@ -14108,12 +14108,28 @@ ul) {
14108
14108
  max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
14109
14109
  padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
14110
14110
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
14111
+ }
14112
+ .pf-v6-c-expandable-section__content:where([hidden]) {
14113
+ display: revert;
14114
+ }
14115
+ .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
14116
+ display: none;
14111
14117
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
14112
14118
  transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
14113
- transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide);
14114
- transition-property: opacity, translate;
14119
+ transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
14120
+ transition-property: opacity, translate, display;
14121
+ transition-behavior: allow-discrete;
14115
14122
  translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
14116
14123
  }
14124
+ .pf-v6-c-expandable-section.pf-m-expanded .pf-v6-c-expandable-section__content {
14125
+ display: revert;
14126
+ }
14127
+ @starting-style {
14128
+ .pf-v6-c-expandable-section.pf-m-expanded .pf-v6-c-expandable-section__content {
14129
+ --pf-v6-c-expandable-section__content--Opacity: 0;
14130
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
14131
+ }
14132
+ }
14117
14133
 
14118
14134
  .pf-v6-c-file-upload {
14119
14135
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -24425,6 +24441,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24425
24441
  --pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24426
24442
  --pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24427
24443
  --pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24444
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
24445
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
24446
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
24447
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
24448
+ --pf-v6-c-table__expandable-row--TransitionDuration--slide: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide);
24449
+ --pf-v6-c-table__expandable-row--TransitionDuration--fade: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
24450
+ --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
24451
+ --pf-v6-c-table__expandable-row--Opacity: 0;
24452
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
24453
+ --pf-v6-c-table__expandable-row--TranslateY: 0;
24454
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
24428
24455
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
24429
24456
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
24430
24457
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -24485,6 +24512,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24485
24512
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
24486
24513
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
24487
24514
  }
24515
+ @media screen and (prefers-reduced-motion: no-preference) {
24516
+ .pf-v6-c-table {
24517
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
24518
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
24519
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
24520
+ }
24521
+ }
24488
24522
 
24489
24523
  .pf-v6-c-table {
24490
24524
  width: 100%;
@@ -25053,6 +25087,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25053
25087
  .pf-v6-c-table__expandable-row {
25054
25088
  position: relative;
25055
25089
  border-block-end: 0 solid transparent;
25090
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25091
+ transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
25092
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--slide), var(--pf-v6-c-table__expandable-row--TransitionDuration--fade);
25093
+ transition-property: opacity, translate, display;
25094
+ transition-behavior: allow-discrete;
25095
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25056
25096
  }
25057
25097
  :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
25058
25098
  :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
@@ -25081,6 +25121,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25081
25121
  .pf-v6-c-table__expandable-row.pf-m-expanded {
25082
25122
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
25083
25123
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
25124
+ opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
25125
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade);
25126
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
25127
+ }
25128
+ @starting-style {
25129
+ .pf-v6-c-table__expandable-row.pf-m-expanded {
25130
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25131
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25132
+ }
25084
25133
  }
25085
25134
  .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
25086
25135
  display: none;