@patternfly/patternfly 6.5.0-prerelease.47 → 6.5.0-prerelease.49

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 (13) hide show
  1. package/components/Alert/alert.css +2 -1
  2. package/components/Alert/alert.scss +2 -1
  3. package/components/Nav/nav.css +2 -2
  4. package/components/Nav/nav.scss +2 -2
  5. package/components/_index.css +4 -3
  6. package/docs/components/Alert/examples/Alert.md +494 -38
  7. package/docs/demos/Alert/examples/Alert.md +65 -5
  8. package/docs/demos/Card/examples/Card.md +12 -3
  9. package/package.json +1 -1
  10. package/patternfly-no-globals.css +4 -3
  11. package/patternfly.css +4 -3
  12. package/patternfly.min.css +1 -1
  13. package/patternfly.min.css.map +1 -1
package/components/Alert/alert.css CHANGED
@@ -67,7 +67,7 @@
67
67
  ". . description description"
68
68
  ". . actiongroup actiongroup";
69
69
  --pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
70
- --pf-v6-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
70
+ --pf-v6-c-alert--m-expanded__toggle-icon--Rotate: -180deg;
71
71
  --pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
72
72
  }
73
73
 
@@ -155,6 +155,7 @@
155
155
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
156
156
  font-size: var(--pf-v6-c-alert__icon--FontSize);
157
157
  color: var(--pf-v6-c-alert__icon--Color);
158
+ scale: 1.14;
158
159
  }
159
160
 
160
161
  .pf-v6-c-alert__title {
package/components/Alert/alert.scss CHANGED
@@ -102,7 +102,7 @@
102
102
  --#{$alert}--m-expandable__description--action-group--PaddingBlockStart: var(--#{$alert}__action-group--PaddingBlockStart-base);
103
103
 
104
104
  // Expanded
105
- --#{$alert}--m-expanded__toggle-icon--Rotate: 90deg;
105
+ --#{$alert}--m-expanded__toggle-icon--Rotate: -180deg;
106
106
  --#{$alert}--m-expanded__description--action-group--PaddingBlockStart: var(--#{$alert}__description--action-group--PaddingBlockStart-base);
107
107
  }
108
108
 
@@ -197,6 +197,7 @@
197
197
  margin-inline-end: var(--#{$alert}__icon--MarginInlineEnd);
198
198
  font-size: var(--#{$alert}__icon--FontSize);
199
199
  color: var(--#{$alert}__icon--Color);
200
+ scale: 1.14;
200
201
  }
201
202
 
202
203
  .#{$alert}__title {
package/components/Nav/nav.css CHANGED
@@ -29,7 +29,7 @@
29
29
  --pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
30
30
  --pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
31
31
  --pf-v6-c-nav__item--accent--size: var(--pf-t--global--border--width--extra-strong);
32
- --pf-v6-c-nav__item--accent--color: var(--pf-t--global--border--color--clicked);
32
+ --pf-v6-c-nav__item--accent--color: var(--pf-t--global--color--brand--accent--default);
33
33
  --pf-v6-c-nav__item--accent--offset: calc(var(--pf-t--global--spacer--sm) * -1);
34
34
  --pf-v6-c-nav__item--accent--BorderRadius: var(--pf-t--global--border--radius--small);
35
35
  --pf-v6-c-nav__item--accent--ScaleY: 0;
@@ -43,7 +43,7 @@
43
43
  --pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--default);
44
44
  --pf-v6-c-nav__link--ColumnGap: var(--pf-t--global--spacer--sm);
45
45
  --pf-v6-c-nav__link--AlignItems: baseline;
46
- --pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
46
+ --pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
47
47
  --pf-v6-c-nav__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
48
48
  --pf-v6-c-nav__link--WhiteSpace: normal;
49
49
  --pf-v6-c-nav__link--Color: var(--pf-t--global--text--color--subtle);
package/components/Nav/nav.scss CHANGED
@@ -42,7 +42,7 @@
42
42
 
43
43
  // Nav item accent
44
44
  --#{$nav}__item--accent--size: var(--pf-t--global--border--width--extra-strong);
45
- --#{$nav}__item--accent--color: var(--pf-t--global--border--color--clicked);
45
+ --#{$nav}__item--accent--color: var(--pf-t--global--color--brand--accent--default);
46
46
  --#{$nav}__item--accent--offset: calc(var(--pf-t--global--spacer--sm) * -1);
47
47
  --#{$nav}__item--accent--BorderRadius: var(--pf-t--global--border--radius--small);
48
48
  --#{$nav}__item--accent--ScaleY: 0;
@@ -60,7 +60,7 @@
60
60
  // * Nav link
61
61
  --#{$nav}__link--ColumnGap: var(--pf-t--global--spacer--sm);
62
62
  --#{$nav}__link--AlignItems: baseline;
63
- --#{$nav}__link--BorderRadius: var(--pf-t--global--border--radius--small);
63
+ --#{$nav}__link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
64
64
  --#{$nav}__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
65
65
  --#{$nav}__link--WhiteSpace: normal;
66
66
  --#{$nav}__link--Color: var(--pf-t--global--text--color--subtle);
package/components/_index.css CHANGED
@@ -561,7 +561,7 @@
561
561
  ". . description description"
562
562
  ". . actiongroup actiongroup";
563
563
  --pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
564
- --pf-v6-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
564
+ --pf-v6-c-alert--m-expanded__toggle-icon--Rotate: -180deg;
565
565
  --pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
566
566
  }
567
567
 
@@ -649,6 +649,7 @@
649
649
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
650
650
  font-size: var(--pf-v6-c-alert__icon--FontSize);
651
651
  color: var(--pf-v6-c-alert__icon--Color);
652
+ scale: 1.14;
652
653
  }
653
654
 
654
655
  .pf-v6-c-alert__title {
@@ -12572,7 +12573,7 @@ ul.pf-v6-c-list {
12572
12573
  --pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
12573
12574
  --pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
12574
12575
  --pf-v6-c-nav__item--accent--size: var(--pf-t--global--border--width--extra-strong);
12575
- --pf-v6-c-nav__item--accent--color: var(--pf-t--global--border--color--clicked);
12576
+ --pf-v6-c-nav__item--accent--color: var(--pf-t--global--color--brand--accent--default);
12576
12577
  --pf-v6-c-nav__item--accent--offset: calc(var(--pf-t--global--spacer--sm) * -1);
12577
12578
  --pf-v6-c-nav__item--accent--BorderRadius: var(--pf-t--global--border--radius--small);
12578
12579
  --pf-v6-c-nav__item--accent--ScaleY: 0;
@@ -12586,7 +12587,7 @@ ul.pf-v6-c-list {
12586
12587
  --pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--default);
12587
12588
  --pf-v6-c-nav__link--ColumnGap: var(--pf-t--global--spacer--sm);
12588
12589
  --pf-v6-c-nav__link--AlignItems: baseline;
12589
- --pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
12590
+ --pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
12590
12591
  --pf-v6-c-nav__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
12591
12592
  --pf-v6-c-nav__link--WhiteSpace: normal;
12592
12593
  --pf-v6-c-nav__link--Color: var(--pf-t--global--text--color--subtle);