@patternfly/patternfly 6.6.0-prerelease.13 → 6.6.0-prerelease.15

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 (48) hide show
  1. package/assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2 +0 -0
  2. package/assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2 +0 -0
  3. package/assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2 +0 -0
  4. package/assets/fonts/RedHatMono/RedHatMonoVF.woff2 +0 -0
  5. package/assets/fonts/RedHatText/RedHatTextVF-Italic.woff2 +0 -0
  6. package/assets/fonts/RedHatText/RedHatTextVF.woff2 +0 -0
  7. package/base/patternfly-fonts.css +4 -4
  8. package/base/patternfly-fonts.scss +4 -4
  9. package/base/patternfly-variables.css +6 -6
  10. package/base/tokens/tokens-charts-dark.scss +1 -1
  11. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  12. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  13. package/base/tokens/tokens-charts.scss +1 -1
  14. package/base/tokens/tokens-dark.scss +1 -1
  15. package/base/tokens/tokens-default.scss +4 -4
  16. package/base/tokens/tokens-felt-dark.scss +1 -1
  17. package/base/tokens/tokens-felt-glass-dark.scss +1 -1
  18. package/base/tokens/tokens-felt-glass.scss +1 -1
  19. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  20. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  21. package/base/tokens/tokens-felt.scss +1 -1
  22. package/base/tokens/tokens-glass-dark.scss +1 -1
  23. package/base/tokens/tokens-glass.scss +1 -1
  24. package/base/tokens/tokens-highcontrast-dark.scss +1 -1
  25. package/base/tokens/tokens-highcontrast.scss +4 -4
  26. package/base/tokens/tokens-palette.scss +1 -1
  27. package/base/tokens/tokens-redhat-highcontrast.scss +3 -3
  28. package/components/Banner/banner.css +3 -0
  29. package/components/Banner/banner.scss +4 -1
  30. package/components/Button/button.css +15 -1
  31. package/components/Button/button.scss +17 -1
  32. package/components/_index.css +18 -1
  33. package/docs/components/DualListSelector/examples/DualListSelector.md +72 -72
  34. package/docs/components/Pagination/examples/Pagination.md +120 -120
  35. package/docs/components/Toolbar/examples/Toolbar.md +16 -16
  36. package/docs/demos/CardView/examples/CardView.md +12 -12
  37. package/docs/demos/Compass/examples/Compass.md +16 -16
  38. package/docs/demos/DataList/examples/DataList.md +48 -48
  39. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +20 -20
  40. package/docs/demos/Table/examples/Table.md +160 -160
  41. package/docs/demos/Toolbar/examples/Toolbar.md +36 -36
  42. package/package.json +1 -1
  43. package/patternfly-base-no-globals.css +10 -10
  44. package/patternfly-base.css +10 -10
  45. package/patternfly-no-globals.css +28 -11
  46. package/patternfly.css +28 -11
  47. package/patternfly.min.css +1 -1
  48. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -299,28 +299,28 @@ button) {
299
299
  @font-face {
300
300
  font-family: "Red Hat Text";
301
301
  font-style: normal;
302
- font-weight: 400 500;
302
+ font-weight: 400 600;
303
303
  src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
304
304
  font-display: fallback;
305
305
  }
306
306
  @font-face {
307
307
  font-family: "Red Hat Text";
308
308
  font-style: italic;
309
- font-weight: 400 500;
309
+ font-weight: 400 600;
310
310
  src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
311
311
  font-display: fallback;
312
312
  }
313
313
  @font-face {
314
314
  font-family: "Red Hat Display";
315
315
  font-style: normal;
316
- font-weight: 400 700;
316
+ font-weight: 600 800;
317
317
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
318
318
  font-display: fallback;
319
319
  }
320
320
  @font-face {
321
321
  font-family: "Red Hat Display";
322
322
  font-style: italic;
323
- font-weight: 400 700;
323
+ font-weight: 600 800;
324
324
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
325
325
  font-display: fallback;
326
326
  }
@@ -6644,9 +6644,9 @@ button) {
6644
6644
  --pf-t--global--font--size--700: 1.75rem;
6645
6645
  --pf-t--global--font--size--800: 2.25rem;
6646
6646
  --pf-t--global--font--weight--100: 400;
6647
- --pf-t--global--font--weight--200: 500;
6648
- --pf-t--global--font--weight--300: 500;
6649
- --pf-t--global--font--weight--400: 700;
6647
+ --pf-t--global--font--weight--200: 600;
6648
+ --pf-t--global--font--weight--300: 600;
6649
+ --pf-t--global--font--weight--400: 800;
6650
6650
  --pf-t--global--icon--size--100: 0.75rem;
6651
6651
  --pf-t--global--icon--size--200: 0.875rem;
6652
6652
  --pf-t--global--icon--size--250: 1rem;
@@ -7544,9 +7544,9 @@ button) {
7544
7544
  --pf-t--global--font--size--700: 1.75rem;
7545
7545
  --pf-t--global--font--size--800: 2.25rem;
7546
7546
  --pf-t--global--font--weight--100: 400;
7547
- --pf-t--global--font--weight--200: 500;
7548
- --pf-t--global--font--weight--300: 500;
7549
- --pf-t--global--font--weight--400: 700;
7547
+ --pf-t--global--font--weight--200: 600;
7548
+ --pf-t--global--font--weight--300: 600;
7549
+ --pf-t--global--font--weight--400: 800;
7550
7550
  --pf-t--global--icon--size--100: 0.75rem;
7551
7551
  --pf-t--global--icon--size--200: 0.875rem;
7552
7552
  --pf-t--global--icon--size--250: 1rem;
@@ -10868,6 +10868,7 @@ div.pf-v6-c-avatar {
10868
10868
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
10869
10869
  --pf-v6-c-banner--link--TextDecoration: underline;
10870
10870
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
10871
+ --pf-v6-c-banner--link--clicked--Color: var(--pf-v6-c-banner--Color);
10871
10872
  --pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
10872
10873
  --pf-v6-c-banner--link--TextDecorationColor: currentcolor;
10873
10874
  --pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
@@ -10990,9 +10991,11 @@ div.pf-v6-c-avatar {
10990
10991
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
10991
10992
  --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
10992
10993
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
10994
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-v6-c-banner--link--clicked--Color);
10993
10995
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
10994
10996
  --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10995
10997
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10998
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10996
10999
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
10997
11000
  }
10998
11001
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
@@ -11309,6 +11312,10 @@ button.pf-v6-c-breadcrumb__link {
11309
11312
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11310
11313
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11311
11314
  --pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11315
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
11316
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11317
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11318
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11312
11319
  --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
11313
11320
  --pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
11314
11321
  --pf-v6-c-button--m-link--m-inline--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate), var(--pf-t--global--motion--timing-function--default);
@@ -11323,6 +11330,8 @@ button.pf-v6-c-breadcrumb__link {
11323
11330
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
11324
11331
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
11325
11332
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
11333
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
11334
+ --pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
11326
11335
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
11327
11336
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
11328
11337
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -11695,9 +11704,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11695
11704
  --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
11696
11705
  --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
11697
11706
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
11698
- --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11707
+ --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
11708
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
11709
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
11710
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11699
11711
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
11700
11712
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
11713
+ --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
11714
+ --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
11701
11715
  --pf-v6-c-button--BorderWidth: 0;
11702
11716
  --pf-v6-c-button--hover--BorderWidth: 0;
11703
11717
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
@@ -11710,6 +11724,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11710
11724
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11711
11725
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
11712
11726
  }
11727
+ .pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
11728
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11729
+ }
11713
11730
  .pf-v6-c-button.pf-m-link.pf-m-danger {
11714
11731
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
11715
11732
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);