@patternfly/patternfly 6.2.0-prerelease.9 → 6.2.1

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 (99) hide show
  1. package/README.md +1 -1
  2. package/base/patternfly-variables.css +1 -1
  3. package/base/patternfly-variables.scss +1 -1
  4. package/components/Accordion/accordion.css +3 -1
  5. package/components/Accordion/accordion.scss +4 -2
  6. package/components/Alert/alert-group.css +52 -9
  7. package/components/Alert/alert-group.scss +116 -29
  8. package/components/Banner/banner.css +2 -2
  9. package/components/Banner/banner.scss +2 -2
  10. package/components/Button/button.css +41 -0
  11. package/components/Button/button.scss +52 -0
  12. package/components/Card/card.css +24 -2
  13. package/components/Card/card.scss +29 -2
  14. package/components/ClipboardCopy/clipboard-copy.css +6 -1
  15. package/components/ClipboardCopy/clipboard-copy.scss +8 -2
  16. package/components/CodeEditor/code-editor.css +3 -0
  17. package/components/CodeEditor/code-editor.scss +3 -1
  18. package/components/DataList/data-list.css +3 -1
  19. package/components/DataList/data-list.scss +4 -2
  20. package/components/DescriptionList/description-list.css +1 -1
  21. package/components/DescriptionList/description-list.scss +1 -1
  22. package/components/Drawer/drawer.css +28 -14
  23. package/components/Drawer/drawer.scss +28 -9
  24. package/components/DualListSelector/dual-list-selector.css +4 -2
  25. package/components/DualListSelector/dual-list-selector.scss +4 -2
  26. package/components/ExpandableSection/expandable-section.css +3 -1
  27. package/components/ExpandableSection/expandable-section.scss +4 -2
  28. package/components/Form/form.css +7 -5
  29. package/components/Form/form.scss +7 -5
  30. package/components/FormControl/form-control.css +109 -43
  31. package/components/FormControl/form-control.scss +139 -54
  32. package/components/HelperText/helper-text.css +13 -0
  33. package/components/HelperText/helper-text.scss +16 -1
  34. package/components/JumpLinks/jump-links.css +4 -2
  35. package/components/JumpLinks/jump-links.scss +4 -2
  36. package/components/Masthead/masthead.css +1 -1
  37. package/components/Masthead/masthead.scss +1 -1
  38. package/components/Menu/menu.css +4 -5
  39. package/components/Menu/menu.scss +2 -3
  40. package/components/MenuToggle/menu-toggle.css +42 -1
  41. package/components/MenuToggle/menu-toggle.scss +50 -1
  42. package/components/Nav/nav.css +41 -11
  43. package/components/Nav/nav.scss +52 -15
  44. package/components/NotificationDrawer/notification-drawer.css +3 -1
  45. package/components/NotificationDrawer/notification-drawer.scss +4 -2
  46. package/components/Page/page.css +20 -4
  47. package/components/Page/page.scss +21 -5
  48. package/components/Switch/switch.css +3 -1
  49. package/components/Switch/switch.scss +4 -2
  50. package/components/Table/table-grid.css +3 -1
  51. package/components/Table/table-grid.scss +4 -2
  52. package/components/Table/table.css +7 -5
  53. package/components/Table/table.scss +7 -4
  54. package/components/Tabs/tabs.css +71 -2
  55. package/components/Tabs/tabs.scss +85 -4
  56. package/components/Toolbar/toolbar.css +10 -3
  57. package/components/Toolbar/toolbar.scss +11 -3
  58. package/components/Truncate/truncate.css +5 -0
  59. package/components/Truncate/truncate.scss +6 -0
  60. package/components/Wizard/wizard.css +4 -2
  61. package/components/Wizard/wizard.scss +4 -2
  62. package/components/_index.css +515 -121
  63. package/docs/components/Alert/examples/Alert.md +6 -0
  64. package/docs/components/Button/examples/Button.md +29 -0
  65. package/docs/components/Card/examples/Card.md +30 -0
  66. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +29 -0
  67. package/docs/components/DataList/examples/DataList.md +1 -1
  68. package/docs/components/Divider/examples/Divider.md +1 -1
  69. package/docs/components/Drawer/examples/Drawer.md +4 -0
  70. package/docs/components/Menu/examples/Menu.md +6 -6
  71. package/docs/components/Nav/examples/Navigation.md +3 -0
  72. package/docs/components/Page/examples/Page.md +1 -0
  73. package/docs/components/Table/examples/Table.md +18 -30
  74. package/docs/components/Tabs/examples/Tabs.md +6886 -15
  75. package/docs/components/TextInputGroup/examples/TextInputGroup.md +10 -0
  76. package/docs/components/Toolbar/examples/Toolbar.css +3 -0
  77. package/docs/components/Toolbar/examples/Toolbar.md +28 -0
  78. package/docs/components/Truncate/examples/Truncate.md +53 -10
  79. package/docs/demos/Card/examples/Card.md +89 -24
  80. package/docs/demos/CardView/examples/CardView.md +2 -0
  81. package/docs/demos/DescriptionList/examples/DescriptionList.md +38 -0
  82. package/docs/demos/Drawer/examples/Drawer.md +38 -0
  83. package/docs/demos/Masthead/examples/Masthead.md +1 -1
  84. package/docs/demos/Nav/examples/Nav.md +4 -2
  85. package/docs/demos/Page/examples/Page.md +355 -0
  86. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +76 -0
  87. package/docs/demos/Table/examples/Table.md +41 -21
  88. package/docs/demos/Tabs/examples/Tabs.md +570 -0
  89. package/package.json +6 -6
  90. package/patternfly-base-no-globals.css +1 -1
  91. package/patternfly-base.css +1 -1
  92. package/patternfly-charts.css +3 -3
  93. package/patternfly-charts.scss +3 -3
  94. package/patternfly-no-globals.css +516 -122
  95. package/patternfly.css +516 -122
  96. package/patternfly.min.css +1 -1
  97. package/patternfly.min.css.map +1 -1
  98. package/sass-utilities/mixins.scss +8 -4
  99. package/docs/components/TabContent/examples/TabContent.md +0 -153
package/components/Truncate/truncate.scss CHANGED
@@ -10,6 +10,12 @@
10
10
  grid-auto-flow: column;
11
11
  align-items: baseline;
12
12
  min-width: var(--#{$truncate}--MinWidth);
13
+
14
+ &.pf-m-fixed {
15
+ display: inline;
16
+ align-items: revert;
17
+ min-width: revert;
18
+ }
13
19
  }
14
20
 
15
21
  .#{$truncate}__start,
package/components/Wizard/wizard.css CHANGED
@@ -39,7 +39,7 @@
39
39
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
40
40
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
41
41
  --pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
42
- --pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
42
+ --pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
43
43
  --pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
44
44
  --pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
45
45
  --pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
@@ -445,7 +445,9 @@
445
445
 
446
446
  .pf-v6-c-wizard__nav-link-toggle-icon {
447
447
  display: inline-block;
448
- transition: transform var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration) var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
448
+ transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
449
+ transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
450
+ transition-property: transform;
449
451
  transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
450
452
  }
451
453
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
package/components/Wizard/wizard.scss CHANGED
@@ -63,7 +63,7 @@
63
63
  --#{$wizard}__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
64
64
  --#{$wizard}__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
65
65
  --#{$wizard}__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
66
- --#{$wizard}__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
66
+ --#{$wizard}__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
67
67
  --#{$wizard}__nav-link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
68
68
  --#{$wizard}__nav-link-toggle-icon--Rotate: 0;
69
69
  --#{$wizard}__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
@@ -547,7 +547,9 @@
547
547
  @include pf-v6-mirror-inline-on-rtl;
548
548
 
549
549
  display: inline-block;
550
- transition: transform var(--#{$wizard}__nav-link-toggle-icon--TransitionDuration) var(--#{$wizard}__nav-link-toggle-icon--TransitionTimingFunction);
550
+ transition-timing-function: var(--#{$wizard}__nav-link-toggle-icon--TransitionTimingFunction);
551
+ transition-duration: var(--#{$wizard}__nav-link-toggle-icon--TransitionDuration);
552
+ transition-property: transform;
551
553
  transform: rotate(var(--#{$wizard}__nav-link-toggle-icon--Rotate));
552
554
  }
553
555