@patternfly/patternfly 6.2.1 → 6.2.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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.2.1",
4
+ "version": "6.2.3",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -47,11 +47,11 @@
47
47
  "@commitlint/config-conventional": "^19.1.0",
48
48
  "@fortawesome/fontawesome": "^1.1.8",
49
49
  "@octokit/rest": "^20.1.0",
50
- "@patternfly/documentation-framework": "6.9.1",
51
- "@patternfly/patternfly-a11y": "5.1.0",
52
- "@patternfly/react-code-editor": "6.2.0",
53
- "@patternfly/react-core": "6.2.0",
54
- "@patternfly/react-table": "6.2.0",
50
+ "@patternfly/documentation-framework": "6.5.20",
51
+ "@patternfly/patternfly-a11y": "5.0.0",
52
+ "@patternfly/react-code-editor": "6.1.0",
53
+ "@patternfly/react-core": "6.1.0",
54
+ "@patternfly/react-table": "6.1.0",
55
55
  "@starptech/prettyhtml": "^0.10.0",
56
56
  "backstopjs": "^6.3.23",
57
57
  "cheerio": "^1.0.0-rc.12",
@@ -9791,7 +9791,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9791
9791
  --pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
9792
9792
  --pf-v6-c-card__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
9793
9793
  --pf-v6-c-card__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
9794
- --pf-v6-c-card__title-text--OverflowWrap: break-word;
9795
9794
  --pf-v6-c-card--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
9796
9795
  --pf-v6-c-card__body--FontSize: var(--pf-t--global--font--size--body--default);
9797
9796
  --pf-v6-c-card__footer--FontSize: var(--pf-t--global--font--size--body--default);
@@ -10004,13 +10003,11 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
10004
10003
  }
10005
10004
 
10006
10005
  .pf-v6-c-card__title-text {
10007
- overflow: auto;
10008
10006
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
10009
10007
  font-size: var(--pf-v6-c-card__title-text--FontSize);
10010
10008
  font-weight: var(--pf-v6-c-card__title-text--FontWeight);
10011
10009
  line-height: var(--pf-v6-c-card__title-text--LineHeight);
10012
10010
  color: var(--pf-v6-c-card__title-text--Color);
10013
- overflow-wrap: var(--pf-v6-c-card__title-text--OverflowWrap);
10014
10011
  }
10015
10012
 
10016
10013
  .pf-v6-c-card__actions {
@@ -12772,15 +12769,9 @@ ul) {
12772
12769
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
12773
12770
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12774
12771
  --pf-v6-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12775
- --pf-v6-c-drawer__panel--TransitionDelay: 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus), var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
12776
- --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--fade);
12777
- --pf-v6-c-drawer__panel--TransitionDelay--expand--focus: 0s;
12778
12772
  --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
12779
- --pf-v6-c-drawer__panel--TransitionDuration--fade: var(--pf-t--global--motion--duration--fade--default);
12780
- --pf-v6-c-drawer__panel--TransitionDuration: var(--pf-v6-c-drawer__panel--TransitionDuration--fade), 0s, 0s;
12781
- --pf-v6-c-drawer__panel--TransitionProperty: opacity, visibility, transform;
12782
- --pf-v6-c-drawer__panel--Opacity: 0;
12783
- --pf-v6-c-drawer--m-expanded__panel--Opacity: 1;
12773
+ --pf-v6-c-drawer__panel--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--short);
12774
+ --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis;
12784
12775
  --pf-v6-c-drawer__panel--FlexBasis: 100%;
12785
12776
  --pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
12786
12777
  --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
@@ -12870,17 +12861,6 @@ ul) {
12870
12861
  --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: var(--pf-v6-c-drawer__panel--after--Width);
12871
12862
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
12872
12863
  }
12873
- @media screen and (prefers-reduced-motion: no-preference) {
12874
- .pf-v6-c-drawer {
12875
- --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
12876
- --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
12877
- --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
12878
- --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
12879
- --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
12880
- --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
12881
- --pf-v6-c-drawer__panel--Opacity: 1;
12882
- }
12883
- }
12884
12864
  @media screen and (min-width: 75rem) {
12885
12865
  .pf-v6-c-drawer {
12886
12866
  --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
@@ -12928,13 +12908,8 @@ ul) {
12928
12908
  .pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main {
12929
12909
  flex-direction: column;
12930
12910
  }
12931
- .pf-v6-c-drawer.pf-m-expanded {
12932
- --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
12933
- }
12934
12911
  .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
12935
12912
  transform: translateX(-100%);
12936
- --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
12937
- visibility: visible;
12938
12913
  }
12939
12914
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
12940
12915
  transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
@@ -13007,11 +12982,8 @@ ul) {
13007
12982
  order: 1;
13008
12983
  max-height: var(--pf-v6-c-drawer__panel--MaxHeight);
13009
12984
  overflow: auto;
13010
- visibility: hidden;
13011
12985
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
13012
12986
  box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
13013
- opacity: var(--pf-v6-c-drawer__panel--Opacity);
13014
- transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
13015
12987
  transition-timing-function: var(--pf-v6-c-drawer__panel--TransitionTimingFunction);
13016
12988
  transition-duration: var(--pf-v6-c-drawer__panel--TransitionDuration);
13017
12989
  transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
@@ -13068,6 +13040,17 @@ ul) {
13068
13040
  padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
13069
13041
  }
13070
13042
 
13043
+ @keyframes pf-remove-tab-focus {
13044
+ to {
13045
+ visibility: hidden;
13046
+ }
13047
+ }
13048
+ .pf-v6-c-drawer__panel[hidden] {
13049
+ animation-name: pf-remove-tab-focus;
13050
+ animation-delay: var(--pf-v6-c-drawer__panel--TransitionDuration);
13051
+ animation-fill-mode: forwards;
13052
+ }
13053
+
13071
13054
  .pf-v6-c-drawer__head {
13072
13055
  display: grid;
13073
13056
  grid-template-columns: auto;
@@ -13175,7 +13158,7 @@ ul) {
13175
13158
  .pf-v6-c-drawer {
13176
13159
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
13177
13160
  }
13178
- .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
13161
+ .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
13179
13162
  box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
13180
13163
  }
13181
13164
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
@@ -14549,11 +14532,12 @@ ul) {
14549
14532
  padding-inline-start: var(--pf-v6-c-form-control--PaddingInlineStart);
14550
14533
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
14551
14534
  color: var(--pf-v6-c-form-control--Color);
14552
- appearance: none;
14553
14535
  background-color: transparent;
14554
14536
  border: none;
14555
14537
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
14556
14538
  outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
14539
+ -moz-appearance: none;
14540
+ -webkit-appearance: none;
14557
14541
  }
14558
14542
  .pf-v6-c-form-control > ::placeholder {
14559
14543
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
@@ -25797,16 +25781,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25797
25781
  }
25798
25782
  }
25799
25783
 
25800
- @property --pf-v6-c-tabs--link-accent--length {
25801
- syntax: "<length>";
25802
- inherits: true;
25803
- initial-value: 0px;
25804
- }
25805
- @property --pf-v6-c-tabs--link-accent--start {
25806
- syntax: "<length>";
25807
- inherits: true;
25808
- initial-value: 0px;
25809
- }
25810
25784
  .pf-v6-c-tabs {
25811
25785
  --pf-v6-c-tabs--inset: 0;
25812
25786
  --pf-v6-c-tabs--Width: auto;
@@ -25868,8 +25842,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25868
25842
  --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
25869
25843
  --pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
25870
25844
  --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
25871
- --pf-v6-c-tabs__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--short);
25872
- --pf-v6-c-tabs__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
25873
25845
  --pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
25874
25846
  --pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
25875
25847
  --pf-v6-c-tabs__link--before--BorderBlockStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
@@ -25894,26 +25866,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25894
25866
  --pf-v6-c-tabs__link--after--BorderInlineStartWidth: 0;
25895
25867
  --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
25896
25868
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
25897
- --pf-v6-c-tabs--link-accent--start: 0;
25898
- --pf-v6-c-tabs--link-accent--length: auto;
25899
- --pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
25900
- --pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
25901
- --pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
25902
- --pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
25903
- --pf-v6-c-tabs--link-accent--InsetInlineStart: initial;
25904
- --pf-v6-c-tabs--link-accent--Width: initial;
25905
- --pf-v6-c-tabs--link-accent--Height: 0;
25906
- --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
25907
- --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
25908
- --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: initial;
25909
- --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
25910
- --pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
25911
- --pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
25912
- --pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
25913
- --pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
25914
- --pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
25915
- --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
25916
- --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
25917
25869
  --pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
25918
25870
  --pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
25919
25871
  --pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -26071,13 +26023,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26071
26023
  --pf-v6-c-tabs__link--after--InsetBlockEnd: 0;
26072
26024
  --pf-v6-c-tabs__link--after--InsetInlineEnd: auto;
26073
26025
  --pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
26074
- --pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
26075
- --pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
26076
- --pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
26077
- --pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
26078
- --pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
26079
- --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
26080
- --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
26081
26026
  display: inline-flex;
26082
26027
  flex-direction: column;
26083
26028
  height: 100%;
@@ -26340,7 +26285,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26340
26285
  text-decoration-line: none;
26341
26286
  background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
26342
26287
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
26343
- transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
26344
26288
  }
26345
26289
  .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
26346
26290
  --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
@@ -26653,30 +26597,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26653
26597
  }
26654
26598
  }
26655
26599
 
26656
- @media (prefers-reduced-motion: no-preference) {
26657
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
26658
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
26659
- content: revert;
26660
- }
26661
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
26662
- position: absolute;
26663
- inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart, var(--pf-v6-c-tabs--link-accent--start));
26664
- inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
26665
- inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart, var(--pf-v6-c-tabs--link-accent--start));
26666
- width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
26667
- height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
26668
- content: "";
26669
- border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
26670
- border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
26671
- border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
26672
- transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
26673
- transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
26674
- transition-property: --pf-v6-c-tabs--link-accent--length, --pf-v6-c-tabs--link-accent--start, width;
26675
- }
26676
- .pf-v6-c-tabs.pf-m-initializing-accent {
26677
- --pf-v6-c-tabs--link-accent--TransitionDuration: 0;
26678
- }
26679
- }
26680
26600
  .pf-v6-c-text-input-group {
26681
26601
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
26682
26602
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
@@ -29288,11 +29208,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29288
29208
  align-items: baseline;
29289
29209
  min-width: var(--pf-v6-c-truncate--MinWidth);
29290
29210
  }
29291
- .pf-v6-c-truncate.pf-m-fixed {
29292
- display: inline;
29293
- align-items: revert;
29294
- min-width: revert;
29295
- }
29296
29211
 
29297
29212
  .pf-v6-c-truncate__start,
29298
29213
  .pf-v6-c-truncate__end {
package/patternfly.css CHANGED
@@ -9927,7 +9927,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9927
9927
  --pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
9928
9928
  --pf-v6-c-card__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
9929
9929
  --pf-v6-c-card__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
9930
- --pf-v6-c-card__title-text--OverflowWrap: break-word;
9931
9930
  --pf-v6-c-card--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
9932
9931
  --pf-v6-c-card__body--FontSize: var(--pf-t--global--font--size--body--default);
9933
9932
  --pf-v6-c-card__footer--FontSize: var(--pf-t--global--font--size--body--default);
@@ -10140,13 +10139,11 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
10140
10139
  }
10141
10140
 
10142
10141
  .pf-v6-c-card__title-text {
10143
- overflow: auto;
10144
10142
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
10145
10143
  font-size: var(--pf-v6-c-card__title-text--FontSize);
10146
10144
  font-weight: var(--pf-v6-c-card__title-text--FontWeight);
10147
10145
  line-height: var(--pf-v6-c-card__title-text--LineHeight);
10148
10146
  color: var(--pf-v6-c-card__title-text--Color);
10149
- overflow-wrap: var(--pf-v6-c-card__title-text--OverflowWrap);
10150
10147
  }
10151
10148
 
10152
10149
  .pf-v6-c-card__actions {
@@ -12908,15 +12905,9 @@ ul) {
12908
12905
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
12909
12906
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12910
12907
  --pf-v6-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12911
- --pf-v6-c-drawer__panel--TransitionDelay: 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus), var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
12912
- --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--fade);
12913
- --pf-v6-c-drawer__panel--TransitionDelay--expand--focus: 0s;
12914
12908
  --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
12915
- --pf-v6-c-drawer__panel--TransitionDuration--fade: var(--pf-t--global--motion--duration--fade--default);
12916
- --pf-v6-c-drawer__panel--TransitionDuration: var(--pf-v6-c-drawer__panel--TransitionDuration--fade), 0s, 0s;
12917
- --pf-v6-c-drawer__panel--TransitionProperty: opacity, visibility, transform;
12918
- --pf-v6-c-drawer__panel--Opacity: 0;
12919
- --pf-v6-c-drawer--m-expanded__panel--Opacity: 1;
12909
+ --pf-v6-c-drawer__panel--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--short);
12910
+ --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis;
12920
12911
  --pf-v6-c-drawer__panel--FlexBasis: 100%;
12921
12912
  --pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
12922
12913
  --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
@@ -13006,17 +12997,6 @@ ul) {
13006
12997
  --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: var(--pf-v6-c-drawer__panel--after--Width);
13007
12998
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
13008
12999
  }
13009
- @media screen and (prefers-reduced-motion: no-preference) {
13010
- .pf-v6-c-drawer {
13011
- --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
13012
- --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
13013
- --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
13014
- --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
13015
- --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
13016
- --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
13017
- --pf-v6-c-drawer__panel--Opacity: 1;
13018
- }
13019
- }
13020
13000
  @media screen and (min-width: 75rem) {
13021
13001
  .pf-v6-c-drawer {
13022
13002
  --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
@@ -13064,13 +13044,8 @@ ul) {
13064
13044
  .pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main {
13065
13045
  flex-direction: column;
13066
13046
  }
13067
- .pf-v6-c-drawer.pf-m-expanded {
13068
- --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
13069
- }
13070
13047
  .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
13071
13048
  transform: translateX(-100%);
13072
- --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
13073
- visibility: visible;
13074
13049
  }
13075
13050
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
13076
13051
  transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
@@ -13143,11 +13118,8 @@ ul) {
13143
13118
  order: 1;
13144
13119
  max-height: var(--pf-v6-c-drawer__panel--MaxHeight);
13145
13120
  overflow: auto;
13146
- visibility: hidden;
13147
13121
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
13148
13122
  box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
13149
- opacity: var(--pf-v6-c-drawer__panel--Opacity);
13150
- transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
13151
13123
  transition-timing-function: var(--pf-v6-c-drawer__panel--TransitionTimingFunction);
13152
13124
  transition-duration: var(--pf-v6-c-drawer__panel--TransitionDuration);
13153
13125
  transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
@@ -13204,6 +13176,17 @@ ul) {
13204
13176
  padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
13205
13177
  }
13206
13178
 
13179
+ @keyframes pf-remove-tab-focus {
13180
+ to {
13181
+ visibility: hidden;
13182
+ }
13183
+ }
13184
+ .pf-v6-c-drawer__panel[hidden] {
13185
+ animation-name: pf-remove-tab-focus;
13186
+ animation-delay: var(--pf-v6-c-drawer__panel--TransitionDuration);
13187
+ animation-fill-mode: forwards;
13188
+ }
13189
+
13207
13190
  .pf-v6-c-drawer__head {
13208
13191
  display: grid;
13209
13192
  grid-template-columns: auto;
@@ -13311,7 +13294,7 @@ ul) {
13311
13294
  .pf-v6-c-drawer {
13312
13295
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
13313
13296
  }
13314
- .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
13297
+ .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
13315
13298
  box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
13316
13299
  }
13317
13300
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
@@ -14685,11 +14668,12 @@ ul) {
14685
14668
  padding-inline-start: var(--pf-v6-c-form-control--PaddingInlineStart);
14686
14669
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
14687
14670
  color: var(--pf-v6-c-form-control--Color);
14688
- appearance: none;
14689
14671
  background-color: transparent;
14690
14672
  border: none;
14691
14673
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
14692
14674
  outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
14675
+ -moz-appearance: none;
14676
+ -webkit-appearance: none;
14693
14677
  }
14694
14678
  .pf-v6-c-form-control > ::placeholder {
14695
14679
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
@@ -25933,16 +25917,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25933
25917
  }
25934
25918
  }
25935
25919
 
25936
- @property --pf-v6-c-tabs--link-accent--length {
25937
- syntax: "<length>";
25938
- inherits: true;
25939
- initial-value: 0px;
25940
- }
25941
- @property --pf-v6-c-tabs--link-accent--start {
25942
- syntax: "<length>";
25943
- inherits: true;
25944
- initial-value: 0px;
25945
- }
25946
25920
  .pf-v6-c-tabs {
25947
25921
  --pf-v6-c-tabs--inset: 0;
25948
25922
  --pf-v6-c-tabs--Width: auto;
@@ -26004,8 +25978,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26004
25978
  --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
26005
25979
  --pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
26006
25980
  --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
26007
- --pf-v6-c-tabs__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--short);
26008
- --pf-v6-c-tabs__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
26009
25981
  --pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
26010
25982
  --pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
26011
25983
  --pf-v6-c-tabs__link--before--BorderBlockStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
@@ -26030,26 +26002,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26030
26002
  --pf-v6-c-tabs__link--after--BorderInlineStartWidth: 0;
26031
26003
  --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
26032
26004
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
26033
- --pf-v6-c-tabs--link-accent--start: 0;
26034
- --pf-v6-c-tabs--link-accent--length: auto;
26035
- --pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
26036
- --pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
26037
- --pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
26038
- --pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
26039
- --pf-v6-c-tabs--link-accent--InsetInlineStart: initial;
26040
- --pf-v6-c-tabs--link-accent--Width: initial;
26041
- --pf-v6-c-tabs--link-accent--Height: 0;
26042
- --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
26043
- --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
26044
- --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: initial;
26045
- --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
26046
- --pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
26047
- --pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
26048
- --pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
26049
- --pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
26050
- --pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
26051
- --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
26052
- --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
26053
26005
  --pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
26054
26006
  --pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
26055
26007
  --pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -26207,13 +26159,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26207
26159
  --pf-v6-c-tabs__link--after--InsetBlockEnd: 0;
26208
26160
  --pf-v6-c-tabs__link--after--InsetInlineEnd: auto;
26209
26161
  --pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
26210
- --pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
26211
- --pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
26212
- --pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
26213
- --pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
26214
- --pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
26215
- --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
26216
- --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
26217
26162
  display: inline-flex;
26218
26163
  flex-direction: column;
26219
26164
  height: 100%;
@@ -26476,7 +26421,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26476
26421
  text-decoration-line: none;
26477
26422
  background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
26478
26423
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
26479
- transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
26480
26424
  }
26481
26425
  .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
26482
26426
  --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
@@ -26789,30 +26733,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26789
26733
  }
26790
26734
  }
26791
26735
 
26792
- @media (prefers-reduced-motion: no-preference) {
26793
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
26794
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
26795
- content: revert;
26796
- }
26797
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
26798
- position: absolute;
26799
- inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart, var(--pf-v6-c-tabs--link-accent--start));
26800
- inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
26801
- inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart, var(--pf-v6-c-tabs--link-accent--start));
26802
- width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
26803
- height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
26804
- content: "";
26805
- border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
26806
- border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
26807
- border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
26808
- transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
26809
- transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
26810
- transition-property: --pf-v6-c-tabs--link-accent--length, --pf-v6-c-tabs--link-accent--start, width;
26811
- }
26812
- .pf-v6-c-tabs.pf-m-initializing-accent {
26813
- --pf-v6-c-tabs--link-accent--TransitionDuration: 0;
26814
- }
26815
- }
26816
26736
  .pf-v6-c-text-input-group {
26817
26737
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
26818
26738
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
@@ -29424,11 +29344,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29424
29344
  align-items: baseline;
29425
29345
  min-width: var(--pf-v6-c-truncate--MinWidth);
29426
29346
  }
29427
- .pf-v6-c-truncate.pf-m-fixed {
29428
- display: inline;
29429
- align-items: revert;
29430
- min-width: revert;
29431
- }
29432
29347
 
29433
29348
  .pf-v6-c-truncate__start,
29434
29349
  .pf-v6-c-truncate__end {