@patternfly/patternfly 6.3.0-prerelease.50 → 6.3.0-prerelease.52

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/README.md +3 -1
  2. package/components/Accordion/accordion.css +19 -15
  3. package/components/Accordion/accordion.scss +19 -18
  4. package/components/_index.css +19 -15
  5. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +24 -29
  6. package/docs/components/TextInputGroup/examples/TextInputGroup.md +100 -49
  7. package/package.json +8 -4
  8. package/patternfly-no-globals.css +19 -15
  9. package/patternfly.css +19 -15
  10. package/patternfly.min.css +1 -1
  11. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -7850,15 +7850,22 @@ button) {
7850
7850
  --pf-v6-c-accordion__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7851
7851
  --pf-v6-c-accordion__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
7852
7852
  --pf-v6-c-accordion__toggle-icon--Transition: transform var(--pf-v6-c-accordion__toggle-icon--TransitionDuration) var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction);
7853
+ --pf-v6-c-accordion__toggle-icon--Rotate: 0;
7853
7854
  --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
7854
7855
  --pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
7855
- --pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
7856
+ --pf-v6-c-accordion__expandable-content--MarginBlockEnd: 0;
7856
7857
  --pf-v6-c-accordion__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
7857
7858
  --pf-v6-c-accordion__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7858
7859
  --pf-v6-c-accordion__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
7859
7860
  --pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
7860
7861
  --pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
7862
+ --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: 0;
7861
7863
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
7864
+ --pf-v6-c-accordion__expandable-content--MaxHeight: 0;
7865
+ --pf-v6-c-accordion__expandable-content--Visibility: hidden;
7866
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
7867
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
7868
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
7862
7869
  --pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
7863
7870
  --pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
7864
7871
  --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade);
@@ -7956,6 +7963,7 @@ button) {
7956
7963
  .pf-v6-c-accordion__item.pf-m-expanded {
7957
7964
  --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
7958
7965
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
7966
+ --pf-v6-c-accordion__toggle-icon--Rotate: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate);
7959
7967
  --pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
7960
7968
  --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
7961
7969
  --pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
@@ -7964,9 +7972,11 @@ button) {
7964
7972
  --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
7965
7973
  --pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
7966
7974
  --pf-v6-c-accordion__expandable-content--TranslateY: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY);
7967
- }
7968
- .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__toggle-icon {
7969
- transform: rotate(var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
7975
+ --pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd);
7976
+ --pf-v6-c-accordion__expandable-content--MaxHeight: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight);
7977
+ --pf-v6-c-accordion__expandable-content--Visibility: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility);
7978
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
7979
+ --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
7970
7980
  }
7971
7981
 
7972
7982
  .pf-v6-c-accordion__toggle {
@@ -8002,6 +8012,7 @@ button) {
8002
8012
 
8003
8013
  .pf-v6-c-accordion__toggle-icon {
8004
8014
  transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
8015
+ transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
8005
8016
  }
8006
8017
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
8007
8018
  scale: -1 1;
@@ -8012,12 +8023,13 @@ button) {
8012
8023
  }
8013
8024
 
8014
8025
  .pf-v6-c-accordion__expandable-content {
8015
- max-height: 0;
8026
+ max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
8027
+ margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
8016
8028
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
8017
8029
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
8018
8030
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
8019
8031
  color: var(--pf-v6-c-accordion__expandable-content--Color);
8020
- visibility: hidden;
8032
+ visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
8021
8033
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
8022
8034
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
8023
8035
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
@@ -8028,17 +8040,9 @@ button) {
8028
8040
  translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
8029
8041
  }
8030
8042
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
8043
+ max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
8031
8044
  overflow-y: auto;
8032
8045
  }
8033
- .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
8034
- max-height: 99999px;
8035
- margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
8036
- visibility: revert;
8037
- transition-delay: 0s;
8038
- }
8039
- .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
8040
- max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
8041
- }
8042
8046
 
8043
8047
  .pf-v6-c-accordion__expandable-content-body {
8044
8048
  padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);