@patternfly/patternfly 6.6.0-prerelease.2 → 6.6.0-prerelease.21

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 (106) 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/assets/images/img_avatar-rhds.svg +22 -0
  8. package/assets/images/pf-logo-avatar.jpg +0 -0
  9. package/base/patternfly-fonts.css +4 -4
  10. package/base/patternfly-fonts.scss +4 -4
  11. package/base/patternfly-variables.css +8 -6
  12. package/base/tokens/tokens-charts-dark.scss +1 -1
  13. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  14. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  15. package/base/tokens/tokens-charts.scss +1 -1
  16. package/base/tokens/tokens-dark.scss +1 -1
  17. package/base/tokens/tokens-default.scss +4 -4
  18. package/base/tokens/tokens-felt-dark.scss +1 -1
  19. package/base/tokens/tokens-felt-glass-dark.scss +1 -1
  20. package/base/tokens/tokens-felt-glass.scss +3 -2
  21. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  22. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  23. package/base/tokens/tokens-felt.scss +1 -1
  24. package/base/tokens/tokens-glass-dark.scss +1 -1
  25. package/base/tokens/tokens-glass.scss +3 -2
  26. package/base/tokens/tokens-highcontrast-dark.scss +1 -1
  27. package/base/tokens/tokens-highcontrast.scss +4 -4
  28. package/base/tokens/tokens-palette.scss +1 -1
  29. package/base/tokens/tokens-redhat-highcontrast.scss +3 -3
  30. package/components/AboutModalBox/about-modal-box.css +1 -1
  31. package/components/AboutModalBox/about-modal-box.scss +1 -1
  32. package/components/Alert/alert.css +3 -2
  33. package/components/Alert/alert.scss +3 -2
  34. package/components/Avatar/avatar.css +144 -0
  35. package/components/Avatar/avatar.scss +161 -0
  36. package/components/Banner/banner.css +7 -0
  37. package/components/Banner/banner.scss +7 -0
  38. package/components/Breadcrumb/breadcrumb.css +1 -1
  39. package/components/Breadcrumb/breadcrumb.scss +1 -1
  40. package/components/Button/button.css +18 -1
  41. package/components/Button/button.scss +21 -1
  42. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  43. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  44. package/components/Compass/compass.css +5 -1
  45. package/components/Compass/compass.scss +5 -1
  46. package/components/DragDrop/drag-drop.css +4 -0
  47. package/components/DragDrop/drag-drop.scss +4 -0
  48. package/components/DualListSelector/dual-list-selector.css +1 -1
  49. package/components/DualListSelector/dual-list-selector.scss +1 -1
  50. package/components/Masthead/masthead.css +1 -1
  51. package/components/Masthead/masthead.scss +1 -1
  52. package/components/Menu/menu.css +2 -2
  53. package/components/Menu/menu.scss +3 -3
  54. package/components/MenuToggle/menu-toggle.css +3 -0
  55. package/components/MenuToggle/menu-toggle.scss +4 -1
  56. package/components/ModalBox/modal-box.css +1 -1
  57. package/components/ModalBox/modal-box.scss +1 -1
  58. package/components/NotificationDrawer/notification-drawer.css +3 -3
  59. package/components/NotificationDrawer/notification-drawer.scss +3 -3
  60. package/components/Page/page.css +30 -23
  61. package/components/Page/page.scss +35 -29
  62. package/components/Panel/panel.css +1 -1
  63. package/components/Panel/panel.scss +2 -2
  64. package/components/Progress/progress.css +2 -2
  65. package/components/Progress/progress.scss +2 -2
  66. package/components/Sidebar/sidebar.css +4 -7
  67. package/components/Sidebar/sidebar.scss +9 -9
  68. package/components/Table/table-tree-view.css +3 -0
  69. package/components/Table/table-tree-view.scss +2 -0
  70. package/components/Table/table.css +53 -19
  71. package/components/Table/table.scss +80 -32
  72. package/components/Title/title.css +1 -1
  73. package/components/Title/title.scss +1 -1
  74. package/components/Tooltip/tooltip.css +1 -1
  75. package/components/Tooltip/tooltip.scss +1 -1
  76. package/components/TreeView/tree-view.css +1 -1
  77. package/components/TreeView/tree-view.scss +1 -1
  78. package/components/Wizard/wizard.css +3 -3
  79. package/components/Wizard/wizard.scss +3 -3
  80. package/components/_index.css +294 -73
  81. package/docs/components/Avatar/examples/Avatar.css +6 -0
  82. package/docs/components/Avatar/examples/Avatar.md +414 -40
  83. package/docs/components/Drawer/examples/Drawer.md +1 -1
  84. package/docs/components/DualListSelector/examples/DualListSelector.md +85 -85
  85. package/docs/components/InputGroup/examples/InputGroup.md +1 -1
  86. package/docs/components/MenuToggle/examples/MenuToggle.md +54 -15
  87. package/docs/components/Pagination/examples/Pagination.md +120 -120
  88. package/docs/components/Sidebar/examples/Sidebar.md +3 -1
  89. package/docs/components/Table/examples/Table.css +6 -0
  90. package/docs/components/Table/examples/Table.md +305 -18
  91. package/docs/components/Toolbar/examples/Toolbar.md +16 -16
  92. package/docs/components/TreeView/examples/TreeView.md +100 -100
  93. package/docs/demos/CardView/examples/CardView.md +12 -12
  94. package/docs/demos/Compass/examples/Compass.md +91 -35
  95. package/docs/demos/Dashboard/examples/Dashboard.md +27 -30
  96. package/docs/demos/DataList/examples/DataList.md +48 -48
  97. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +20 -20
  98. package/docs/demos/Table/examples/Table.md +160 -160
  99. package/docs/demos/Toolbar/examples/Toolbar.md +36 -36
  100. package/package.json +7 -7
  101. package/patternfly-base-no-globals.css +12 -10
  102. package/patternfly-base.css +12 -10
  103. package/patternfly-no-globals.css +306 -83
  104. package/patternfly.css +306 -83
  105. package/patternfly.min.css +1 -1
  106. package/patternfly.min.css.map +1 -1
package/docs/components/InputGroup/examples/InputGroup.md CHANGED
@@ -95,7 +95,7 @@ Use the input group to extend form controls by adding text, buttons, selects, et
95
95
  <div class="pf-v6-c-input-group">
96
96
  <div class="pf-v6-c-input-group__item">
97
97
  <button
98
- class="pf-v6-c-menu-toggle"
98
+ class="pf-v6-c-menu-toggle pf-m-form"
99
99
  type="button"
100
100
  aria-expanded="false"
101
101
  id="select-example-collapsed1"
package/docs/components/MenuToggle/examples/MenuToggle.md CHANGED
@@ -1110,11 +1110,24 @@ cssPrefix: pf-v6-c-menu-toggle
1110
1110
  ```html
1111
1111
  <button class="pf-v6-c-menu-toggle" type="button" aria-expanded="false">
1112
1112
  <span class="pf-v6-c-menu-toggle__icon">
1113
- <img
1114
- class="pf-v6-c-avatar pf-m-sm"
1115
- alt="Avatar image"
1116
- src="/assets/images/img_avatar-light.svg"
1117
- />
1113
+ <div class="pf-v6-c-avatar pf-m-sm" role="img" aria-hidden="true">
1114
+ <svg
1115
+ aria-hidden="true"
1116
+ data-name="Layer 1"
1117
+ xmlns="http://www.w3.org/2000/svg"
1118
+ version="1.1"
1119
+ viewBox="0 0 36 36"
1120
+ >
1121
+ <path
1122
+ fill="currentColor"
1123
+ d="M17.7,20.1c-3.5,0-6.4-2.9-6.4-6.4s2.9-6.4,6.4-6.4,6.4,2.9,6.4,6.4-2.8,6.4-6.4,6.4Z"
1124
+ />
1125
+ <path
1126
+ fill="currentColor"
1127
+ d="M30.6,36c-.4-3.9-1.3-9-2.9-11-1.1-1.4-2.3-2.2-3.5-2.6s-1.8-.6-6.3-.6-6.1.7-6.1.7c-1.2.4-2.4,1.2-3.4,2.6-1.7,1.9-2.6,7.1-3,10.9h25.2Z"
1128
+ />
1129
+ </svg>
1130
+ </div>
1118
1131
  </span>
1119
1132
  <span class="pf-v6-c-menu-toggle__text">Ned Username</span>
1120
1133
  <span class="pf-v6-c-menu-toggle__controls">
@@ -1143,11 +1156,24 @@ cssPrefix: pf-v6-c-menu-toggle
1143
1156
  aria-expanded="true"
1144
1157
  >
1145
1158
  <span class="pf-v6-c-menu-toggle__icon">
1146
- <img
1147
- class="pf-v6-c-avatar pf-m-sm"
1148
- alt="Avatar image"
1149
- src="/assets/images/img_avatar-light.svg"
1150
- />
1159
+ <div class="pf-v6-c-avatar pf-m-sm" role="img" aria-hidden="true">
1160
+ <svg
1161
+ aria-hidden="true"
1162
+ data-name="Layer 1"
1163
+ xmlns="http://www.w3.org/2000/svg"
1164
+ version="1.1"
1165
+ viewBox="0 0 36 36"
1166
+ >
1167
+ <path
1168
+ fill="currentColor"
1169
+ d="M17.7,20.1c-3.5,0-6.4-2.9-6.4-6.4s2.9-6.4,6.4-6.4,6.4,2.9,6.4,6.4-2.8,6.4-6.4,6.4Z"
1170
+ />
1171
+ <path
1172
+ fill="currentColor"
1173
+ d="M30.6,36c-.4-3.9-1.3-9-2.9-11-1.1-1.4-2.3-2.2-3.5-2.6s-1.8-.6-6.3-.6-6.1.7-6.1.7c-1.2.4-2.4,1.2-3.4,2.6-1.7,1.9-2.6,7.1-3,10.9h25.2Z"
1174
+ />
1175
+ </svg>
1176
+ </div>
1151
1177
  </span>
1152
1178
  <span class="pf-v6-c-menu-toggle__text">Ned Username</span>
1153
1179
  <span class="pf-v6-c-menu-toggle__controls">
@@ -1177,11 +1203,24 @@ cssPrefix: pf-v6-c-menu-toggle
1177
1203
  disabled
1178
1204
  >
1179
1205
  <span class="pf-v6-c-menu-toggle__icon">
1180
- <img
1181
- class="pf-v6-c-avatar pf-m-sm"
1182
- alt="Avatar image"
1183
- src="/assets/images/img_avatar-light.svg"
1184
- />
1206
+ <div class="pf-v6-c-avatar pf-m-sm" role="img" aria-hidden="true">
1207
+ <svg
1208
+ aria-hidden="true"
1209
+ data-name="Layer 1"
1210
+ xmlns="http://www.w3.org/2000/svg"
1211
+ version="1.1"
1212
+ viewBox="0 0 36 36"
1213
+ >
1214
+ <path
1215
+ fill="currentColor"
1216
+ d="M17.7,20.1c-3.5,0-6.4-2.9-6.4-6.4s2.9-6.4,6.4-6.4,6.4,2.9,6.4,6.4-2.8,6.4-6.4,6.4Z"
1217
+ />
1218
+ <path
1219
+ fill="currentColor"
1220
+ d="M30.6,36c-.4-3.9-1.3-9-2.9-11-1.1-1.4-2.3-2.2-3.5-2.6s-1.8-.6-6.3-.6-6.1.7-6.1.7c-1.2.4-2.4,1.2-3.4,2.6-1.7,1.9-2.6,7.1-3,10.9h25.2Z"
1221
+ />
1222
+ </svg>
1223
+ </div>
1185
1224
  </span>
1186
1225
  <span class="pf-v6-c-menu-toggle__text">Ned Username</span>
1187
1226
  <span class="pf-v6-c-menu-toggle__controls">