@patternfly/patternfly 5.1.0-prerelease.1 → 5.1.0-prerelease.10

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 (266) hide show
  1. package/README.md +10 -0
  2. package/assets/icons/iconUnicodes.json +1 -0
  3. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
  4. package/assets/pficon/pficon.scss +6 -129
  5. package/base/_common.scss +22 -0
  6. package/base/_globals.scss +1 -1
  7. package/base/_variables.scss +7 -0
  8. package/base/patternfly-common.css +17 -2
  9. package/base/patternfly-globals.css +1 -1
  10. package/base/patternfly-icons.css +5 -1
  11. package/base/patternfly-pf-icons.css +5 -1
  12. package/base/patternfly-variables.css +5 -0
  13. package/components/AboutModalBox/about-modal-box.css +20 -13
  14. package/components/AboutModalBox/about-modal-box.scss +20 -13
  15. package/components/Accordion/accordion.css +33 -20
  16. package/components/Accordion/accordion.scss +32 -20
  17. package/components/ActionList/action-list.css +2 -2
  18. package/components/ActionList/action-list.scss +2 -2
  19. package/components/Alert/alert-group.css +7 -4
  20. package/components/Alert/alert-group.scss +7 -4
  21. package/components/Alert/alert.css +16 -13
  22. package/components/Alert/alert.scss +16 -13
  23. package/components/AppLauncher/app-launcher.css +32 -23
  24. package/components/AppLauncher/app-launcher.scss +32 -23
  25. package/components/BackToTop/back-to-top.css +2 -2
  26. package/components/BackToTop/back-to-top.scss +2 -2
  27. package/components/Backdrop/backdrop.css +2 -2
  28. package/components/Backdrop/backdrop.scss +2 -2
  29. package/components/BackgroundImage/background-image.css +2 -2
  30. package/components/BackgroundImage/background-image.scss +2 -2
  31. package/components/Badge/badge.css +2 -2
  32. package/components/Badge/badge.scss +2 -2
  33. package/components/Banner/banner.css +5 -2
  34. package/components/Banner/banner.scss +5 -2
  35. package/components/Breadcrumb/breadcrumb.css +6 -3
  36. package/components/Breadcrumb/breadcrumb.scss +6 -3
  37. package/components/Button/button.css +23 -17
  38. package/components/Button/button.scss +22 -16
  39. package/components/Button/themes/dark/button.scss +1 -1
  40. package/components/CalendarMonth/calendar-month.css +21 -15
  41. package/components/CalendarMonth/calendar-month.scss +21 -15
  42. package/components/Card/card.css +21 -16
  43. package/components/Card/card.scss +21 -16
  44. package/components/Check/check.css +2 -2
  45. package/components/Check/check.scss +2 -2
  46. package/components/Chip/chip-group.css +6 -6
  47. package/components/Chip/chip-group.scss +6 -6
  48. package/components/Chip/chip.css +16 -9
  49. package/components/Chip/chip.scss +17 -9
  50. package/components/ClipboardCopy/clipboard-copy.css +16 -10
  51. package/components/ClipboardCopy/clipboard-copy.scss +14 -8
  52. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +2 -2
  53. package/components/CodeBlock/code-block.css +6 -3
  54. package/components/CodeBlock/code-block.scss +6 -3
  55. package/components/CodeEditor/code-editor.css +31 -22
  56. package/components/CodeEditor/code-editor.scss +30 -21
  57. package/components/CodeEditor/themes/dark/code-editor.scss +1 -1
  58. package/components/Content/content.css +33 -30
  59. package/components/Content/content.scss +33 -30
  60. package/components/ContextSelector/context-selector.css +41 -26
  61. package/components/ContextSelector/context-selector.scss +40 -25
  62. package/components/ContextSelector/themes/dark/context-selector.scss +1 -1
  63. package/components/DataList/data-list-grid.css +21 -49
  64. package/components/DataList/data-list-grid.scss +3 -3
  65. package/components/DataList/data-list.css +66 -84
  66. package/components/DataList/data-list.scss +45 -35
  67. package/components/DatePicker/date-picker.css +8 -8
  68. package/components/DatePicker/date-picker.scss +8 -8
  69. package/components/DescriptionList/description-list.css +8 -5
  70. package/components/DescriptionList/description-list.scss +8 -5
  71. package/components/DragDrop/drag-drop.css +8 -8
  72. package/components/DragDrop/drag-drop.scss +8 -8
  73. package/components/Drawer/drawer.css +75 -60
  74. package/components/Drawer/drawer.scss +51 -36
  75. package/components/Dropdown/dropdown.css +75 -66
  76. package/components/Dropdown/dropdown.scss +65 -56
  77. package/components/DualListSelector/dual-list-selector.css +29 -15
  78. package/components/DualListSelector/dual-list-selector.scss +30 -15
  79. package/components/EmptyState/empty-state.css +7 -4
  80. package/components/EmptyState/empty-state.scss +7 -4
  81. package/components/ExpandableSection/expandable-section.css +17 -10
  82. package/components/ExpandableSection/expandable-section.scss +15 -10
  83. package/components/FileUpload/file-upload.css +9 -15
  84. package/components/FileUpload/file-upload.scss +9 -15
  85. package/components/Form/form.css +50 -50
  86. package/components/Form/form.scss +44 -44
  87. package/components/FormControl/form-control.css +21 -11
  88. package/components/FormControl/form-control.scss +21 -11
  89. package/components/HelperText/helper-text.css +1 -1
  90. package/components/HelperText/helper-text.scss +1 -1
  91. package/components/Hint/hint.css +9 -6
  92. package/components/Hint/hint.scss +9 -6
  93. package/components/Icon/icon.css +1 -1
  94. package/components/Icon/icon.scss +1 -1
  95. package/components/InlineEdit/inline-edit.css +4 -4
  96. package/components/InlineEdit/inline-edit.scss +4 -4
  97. package/components/InputGroup/input-group.css +12 -6
  98. package/components/InputGroup/input-group.scss +11 -5
  99. package/components/InputGroup/themes/dark/input-group.scss +1 -1
  100. package/components/JumpLinks/jump-links.css +24 -24
  101. package/components/JumpLinks/jump-links.scss +24 -24
  102. package/components/Label/label-group.css +13 -10
  103. package/components/Label/label-group.scss +13 -10
  104. package/components/Label/label.css +9 -9
  105. package/components/Label/label.scss +9 -9
  106. package/components/List/list.css +9 -9
  107. package/components/List/list.scss +9 -9
  108. package/components/LogViewer/log-viewer.css +14 -14
  109. package/components/LogViewer/log-viewer.scss +14 -14
  110. package/components/Login/login.css +36 -27
  111. package/components/Login/login.scss +36 -27
  112. package/components/Masthead/masthead.css +19 -22
  113. package/components/Masthead/masthead.scss +19 -22
  114. package/components/Menu/menu.css +69 -66
  115. package/components/Menu/menu.scss +69 -67
  116. package/components/MenuToggle/menu-toggle.css +41 -29
  117. package/components/MenuToggle/menu-toggle.scss +41 -29
  118. package/components/ModalBox/modal-box.css +19 -19
  119. package/components/ModalBox/modal-box.scss +20 -20
  120. package/components/MultipleFileUpload/multiple-file-upload.css +11 -8
  121. package/components/MultipleFileUpload/multiple-file-upload.scss +11 -8
  122. package/components/Nav/nav.css +100 -93
  123. package/components/Nav/nav.scss +98 -91
  124. package/components/Nav/themes/dark/nav.scss +2 -2
  125. package/components/NotificationBadge/notification-badge.css +13 -7
  126. package/components/NotificationBadge/notification-badge.scss +13 -7
  127. package/components/NotificationDrawer/notification-drawer.css +28 -19
  128. package/components/NotificationDrawer/notification-drawer.scss +28 -19
  129. package/components/NumberInput/number-input.css +3 -3
  130. package/components/NumberInput/number-input.scss +2 -2
  131. package/components/OptionsMenu/options-menu.css +43 -31
  132. package/components/OptionsMenu/options-menu.scss +43 -31
  133. package/components/OverflowMenu/overflow-menu.css +2 -2
  134. package/components/OverflowMenu/overflow-menu.scss +2 -2
  135. package/components/Page/page.css +119 -65
  136. package/components/Page/page.scss +63 -39
  137. package/components/Page/themes/dark/page.scss +1 -1
  138. package/components/Pagination/pagination.css +28 -18
  139. package/components/Pagination/pagination.scss +25 -17
  140. package/components/Panel/panel.css +13 -7
  141. package/components/Panel/panel.scss +13 -7
  142. package/components/Popover/popover.css +24 -21
  143. package/components/Popover/popover.scss +24 -21
  144. package/components/Progress/progress.css +7 -7
  145. package/components/Progress/progress.scss +7 -7
  146. package/components/ProgressStepper/progress-stepper.css +26 -20
  147. package/components/ProgressStepper/progress-stepper.scss +25 -19
  148. package/components/Radio/radio.css +4 -5
  149. package/components/Radio/radio.scss +4 -5
  150. package/components/Select/select.css +56 -47
  151. package/components/Select/select.scss +56 -47
  152. package/components/Sidebar/sidebar.css +11 -5
  153. package/components/Sidebar/sidebar.scss +11 -5
  154. package/components/SimpleList/simple-list.css +10 -4
  155. package/components/SimpleList/simple-list.scss +10 -4
  156. package/components/Skeleton/skeleton.css +2 -5
  157. package/components/Skeleton/skeleton.scss +2 -5
  158. package/components/SkipToContent/skip-to-content.css +3 -3
  159. package/components/SkipToContent/skip-to-content.scss +3 -3
  160. package/components/Slider/slider.css +46 -26
  161. package/components/Slider/slider.scss +54 -26
  162. package/components/Switch/switch.css +9 -5
  163. package/components/Switch/switch.scss +10 -6
  164. package/components/TabContent/tab-content.css +4 -1
  165. package/components/TabContent/tab-content.scss +4 -1
  166. package/components/Table/table-grid.css +256 -219
  167. package/components/Table/table-grid.scss +53 -39
  168. package/components/Table/table-scrollable.css +2 -2
  169. package/components/Table/table-scrollable.scss +2 -2
  170. package/components/Table/table-tree-view.css +107 -104
  171. package/components/Table/table-tree-view.scss +32 -32
  172. package/components/Table/table.css +87 -69
  173. package/components/Table/table.scss +87 -69
  174. package/components/Tabs/tabs.css +66 -48
  175. package/components/Tabs/tabs.scss +66 -48
  176. package/components/TextInputGroup/text-input-group.css +15 -15
  177. package/components/TextInputGroup/text-input-group.scss +15 -15
  178. package/components/Tile/tile.css +10 -10
  179. package/components/Tile/tile.scss +10 -10
  180. package/components/ToggleGroup/toggle-group.css +14 -11
  181. package/components/ToggleGroup/toggle-group.scss +14 -11
  182. package/components/Toolbar/toolbar.css +44 -41
  183. package/components/Toolbar/toolbar.scss +24 -21
  184. package/components/Tooltip/tooltip.css +19 -16
  185. package/components/Tooltip/tooltip.scss +19 -16
  186. package/components/TreeView/tree-view.css +42 -27
  187. package/components/TreeView/tree-view.scss +43 -28
  188. package/components/Wizard/wizard.css +57 -36
  189. package/components/Wizard/wizard.scss +57 -36
  190. package/docs/components/AppLauncher/deprecated/application-launcher.md +155 -70
  191. package/docs/components/Badge/examples/Badge.md +16 -4
  192. package/docs/components/Breadcrumb/examples/Breadcrumb.md +11 -5
  193. package/docs/components/Button/examples/Button.css +2 -2
  194. package/docs/components/Button/examples/Button.md +1 -0
  195. package/docs/components/Card/examples/Card.md +152 -64
  196. package/docs/components/Chip/examples/Chip.md +31 -11
  197. package/docs/components/ContextSelector/deprecated/context-selector.md +198 -96
  198. package/docs/components/DataList/examples/DataList.md +391 -136
  199. package/docs/components/DragDrop/examples/DragDrop.css +2 -2
  200. package/docs/components/Dropdown/deprecated/Dropdown.css +1 -1
  201. package/docs/components/Dropdown/deprecated/Dropdown.md +881 -367
  202. package/docs/components/DualListSelector/examples/DualListSelector.md +368 -128
  203. package/docs/components/FormControl/examples/FormControl.md +2 -1
  204. package/docs/components/Hint/examples/Hint.md +57 -24
  205. package/docs/components/InlineEdit/examples/InlineEdit.md +46 -16
  206. package/docs/components/Label/examples/Label.md +1 -1
  207. package/docs/components/LogViewer/examples/LogViewer.css +2 -2
  208. package/docs/components/LogViewer/examples/LogViewer.md +40 -30
  209. package/docs/components/Menu/examples/Menu.md +41 -20
  210. package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
  211. package/docs/components/ModalBox/examples/ModalBox.css +2 -2
  212. package/docs/components/Nav/examples/Navigation.css +2 -2
  213. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +619 -240
  214. package/docs/components/OptionsMenu/deprecated/options-menu.md +403 -160
  215. package/docs/components/OverflowMenu/examples/overflow-menu.md +45 -34
  216. package/docs/components/Pagination/examples/Pagination.md +195 -65
  217. package/docs/components/Popover/examples/Popover.css +2 -2
  218. package/docs/components/ProgressStepper/examples/ProgressStepper.md +50 -0
  219. package/docs/components/Select/deprecated/Select.css +3 -3
  220. package/docs/components/Select/deprecated/Select.md +43 -55
  221. package/docs/components/Table/examples/Table.css +2 -2
  222. package/docs/components/Table/examples/Table.md +4546 -1668
  223. package/docs/components/Tabs/examples/Tabs.md +1094 -438
  224. package/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  225. package/docs/components/TextInputGroup/examples/TextInputGroup.md +2 -2
  226. package/docs/components/Tile/examples/Tile.css +1 -1
  227. package/docs/components/Toolbar/examples/Toolbar.md +148 -80
  228. package/docs/components/TreeView/examples/TreeView.md +23 -8
  229. package/docs/components/Wizard/examples/Wizard.md +75 -36
  230. package/docs/demos/Card/examples/Card.css +3 -3
  231. package/docs/demos/Card/examples/Card.md +49 -24
  232. package/docs/demos/CardView/examples/CardView.md +182 -74
  233. package/docs/demos/ContextSelector/examples/ContextSelector.md +95 -47
  234. package/docs/demos/Dashboard/examples/Dashboard.md +18 -9
  235. package/docs/demos/DataList/examples/DataList.md +163 -70
  236. package/docs/demos/DescriptionList/examples/DescriptionList.md +20 -9
  237. package/docs/demos/Drawer/examples/Drawer.md +20 -9
  238. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +803 -338
  239. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +241 -101
  240. package/docs/demos/Table/examples/Table.md +1422 -607
  241. package/docs/demos/Tabs/examples/Tabs.md +113 -48
  242. package/docs/demos/Toolbar/examples/Toolbar.md +320 -127
  243. package/docs/demos/Wizard/examples/Wizard.md +191 -41
  244. package/docs/layouts/Flex/examples/Flex.md +5 -5
  245. package/docs/utilities/BoxShadow/examples/box-shadow.css +5 -5
  246. package/icons/pficons.mjs +1 -0
  247. package/layouts/Flex/flex.css +115 -43
  248. package/layouts/Flex/flex.scss +20 -8
  249. package/package.json +40 -37
  250. package/patternfly-addons.css +732 -972
  251. package/patternfly-base-no-globals-theme-dark-unversioned.css +27 -3
  252. package/patternfly-base-no-globals.css +27 -3
  253. package/patternfly-base-theme-dark-unversioned.css +28 -4
  254. package/patternfly-base.css +28 -4
  255. package/patternfly-no-globals.css +2420 -1872
  256. package/patternfly-theme-dark-unversioned.css +2421 -1873
  257. package/patternfly.css +2421 -1873
  258. package/patternfly.min.css +1 -1
  259. package/patternfly.min.css.map +1 -1
  260. package/sass-utilities/functions.scss +6 -0
  261. package/sass-utilities/mixins.scss +62 -2
  262. package/sass-utilities/placeholders.scss +1 -1
  263. package/sass-utilities/scss-variables.scss +8 -8
  264. package/utilities/Accessibility/accessibility.css +12 -12
  265. package/utilities/Spacing/spacing.css +720 -960
  266. package/utilities/Spacing/spacing.scss +4 -8
@@ -284,33 +284,48 @@ wrapperTag: div
284
284
  <nav class="pf-v5-c-wizard__nav" aria-label="Steps">
285
285
  <ol class="pf-v5-c-wizard__nav-list" role="list">
286
286
  <li class="pf-v5-c-wizard__nav-item">
287
- <button class="pf-v5-c-wizard__nav-link">Information</button>
287
+ <button
288
+ class="pf-v5-c-wizard__nav-link"
289
+ type="button"
290
+ >Information</button>
288
291
  </li>
289
292
  <li class="pf-v5-c-wizard__nav-item">
290
293
  <button
291
294
  class="pf-v5-c-wizard__nav-link pf-m-current"
295
+ type="button"
292
296
  >Configuration</button>
293
297
  <ol class="pf-v5-c-wizard__nav-list" role="list">
294
298
  <li class="pf-v5-c-wizard__nav-item">
295
- <button class="pf-v5-c-wizard__nav-link">Substep A</button>
299
+ <button
300
+ class="pf-v5-c-wizard__nav-link"
301
+ type="button"
302
+ >Substep A</button>
296
303
  </li>
297
304
  <li class="pf-v5-c-wizard__nav-item">
298
305
  <button
299
306
  class="pf-v5-c-wizard__nav-link pf-m-current"
307
+ type="button"
300
308
  aria-current="page"
301
309
  >Substep B</button>
302
310
  </li>
303
311
  <li class="pf-v5-c-wizard__nav-item">
304
- <button class="pf-v5-c-wizard__nav-link">Substep C</button>
312
+ <button
313
+ class="pf-v5-c-wizard__nav-link"
314
+ type="button"
315
+ >Substep C</button>
305
316
  </li>
306
317
  </ol>
307
318
  </li>
308
319
  <li class="pf-v5-c-wizard__nav-item">
309
- <button class="pf-v5-c-wizard__nav-link">Additional</button>
320
+ <button
321
+ class="pf-v5-c-wizard__nav-link"
322
+ type="button"
323
+ >Additional</button>
310
324
  </li>
311
325
  <li class="pf-v5-c-wizard__nav-item">
312
326
  <button
313
327
  class="pf-v5-c-wizard__nav-link pf-m-disabled"
328
+ type="button"
314
329
  aria-disabled="true"
315
330
  tabindex="-1"
316
331
  >Review</button>
@@ -759,33 +774,48 @@ wrapperTag: div
759
774
  <nav class="pf-v5-c-wizard__nav pf-m-expanded" aria-label="Steps">
760
775
  <ol class="pf-v5-c-wizard__nav-list" role="list">
761
776
  <li class="pf-v5-c-wizard__nav-item">
762
- <button class="pf-v5-c-wizard__nav-link">Information</button>
777
+ <button
778
+ class="pf-v5-c-wizard__nav-link"
779
+ type="button"
780
+ >Information</button>
763
781
  </li>
764
782
  <li class="pf-v5-c-wizard__nav-item">
765
783
  <button
766
784
  class="pf-v5-c-wizard__nav-link pf-m-current"
785
+ type="button"
767
786
  >Configuration</button>
768
787
  <ol class="pf-v5-c-wizard__nav-list" role="list">
769
788
  <li class="pf-v5-c-wizard__nav-item">
770
- <button class="pf-v5-c-wizard__nav-link">Substep A</button>
789
+ <button
790
+ class="pf-v5-c-wizard__nav-link"
791
+ type="button"
792
+ >Substep A</button>
771
793
  </li>
772
794
  <li class="pf-v5-c-wizard__nav-item">
773
795
  <button
774
796
  class="pf-v5-c-wizard__nav-link pf-m-current"
797
+ type="button"
775
798
  aria-current="page"
776
799
  >Substep B</button>
777
800
  </li>
778
801
  <li class="pf-v5-c-wizard__nav-item">
779
- <button class="pf-v5-c-wizard__nav-link">Substep C</button>
802
+ <button
803
+ class="pf-v5-c-wizard__nav-link"
804
+ type="button"
805
+ >Substep C</button>
780
806
  </li>
781
807
  </ol>
782
808
  </li>
783
809
  <li class="pf-v5-c-wizard__nav-item">
784
- <button class="pf-v5-c-wizard__nav-link">Additional</button>
810
+ <button
811
+ class="pf-v5-c-wizard__nav-link"
812
+ type="button"
813
+ >Additional</button>
785
814
  </li>
786
815
  <li class="pf-v5-c-wizard__nav-item">
787
816
  <button
788
817
  class="pf-v5-c-wizard__nav-link pf-m-disabled"
818
+ type="button"
789
819
  aria-disabled="true"
790
820
  tabindex="-1"
791
821
  >Review</button>
@@ -1216,32 +1246,50 @@ wrapperTag: div
1216
1246
  <nav class="pf-v5-c-wizard__nav" aria-label="Steps">
1217
1247
  <ol class="pf-v5-c-wizard__nav-list" role="list">
1218
1248
  <li class="pf-v5-c-wizard__nav-item">
1219
- <button class="pf-v5-c-wizard__nav-link">Information</button>
1249
+ <button
1250
+ class="pf-v5-c-wizard__nav-link"
1251
+ type="button"
1252
+ >Information</button>
1220
1253
  </li>
1221
1254
  <li class="pf-v5-c-wizard__nav-item">
1222
1255
  <button
1223
1256
  class="pf-v5-c-wizard__nav-link pf-m-current"
1257
+ type="button"
1224
1258
  >Configuration</button>
1225
1259
  <ol class="pf-v5-c-wizard__nav-list" role="list">
1226
1260
  <li class="pf-v5-c-wizard__nav-item">
1227
- <button class="pf-v5-c-wizard__nav-link">Substep A</button>
1261
+ <button
1262
+ class="pf-v5-c-wizard__nav-link"
1263
+ type="button"
1264
+ >Substep A</button>
1228
1265
  </li>
1229
1266
  <li class="pf-v5-c-wizard__nav-item">
1230
1267
  <button
1231
1268
  class="pf-v5-c-wizard__nav-link pf-m-current"
1269
+ type="button"
1232
1270
  aria-current="page"
1233
1271
  >Substep B</button>
1234
1272
  </li>
1235
1273
  <li class="pf-v5-c-wizard__nav-item">
1236
- <button class="pf-v5-c-wizard__nav-link">Substep C</button>
1274
+ <button
1275
+ class="pf-v5-c-wizard__nav-link"
1276
+ type="button"
1277
+ >Substep C</button>
1237
1278
  </li>
1238
1279
  </ol>
1239
1280
  </li>
1240
1281
  <li class="pf-v5-c-wizard__nav-item">
1241
- <button class="pf-v5-c-wizard__nav-link">Additional</button>
1282
+ <button
1283
+ class="pf-v5-c-wizard__nav-link"
1284
+ type="button"
1285
+ >Additional</button>
1242
1286
  </li>
1243
1287
  <li class="pf-v5-c-wizard__nav-item">
1244
- <button class="pf-v5-c-wizard__nav-link" disabled>Review</button>
1288
+ <button
1289
+ class="pf-v5-c-wizard__nav-link"
1290
+ type="button"
1291
+ disabled
1292
+ >Review</button>
1245
1293
  </li>
1246
1294
  </ol>
1247
1295
  </nav>
@@ -1754,32 +1802,50 @@ wrapperTag: div
1754
1802
  <nav class="pf-v5-c-wizard__nav" aria-label="Steps">
1755
1803
  <ol class="pf-v5-c-wizard__nav-list" role="list">
1756
1804
  <li class="pf-v5-c-wizard__nav-item">
1757
- <button class="pf-v5-c-wizard__nav-link">Information</button>
1805
+ <button
1806
+ class="pf-v5-c-wizard__nav-link"
1807
+ type="button"
1808
+ >Information</button>
1758
1809
  </li>
1759
1810
  <li class="pf-v5-c-wizard__nav-item">
1760
1811
  <button
1761
1812
  class="pf-v5-c-wizard__nav-link pf-m-current"
1813
+ type="button"
1762
1814
  >Configuration</button>
1763
1815
  <ol class="pf-v5-c-wizard__nav-list" role="list">
1764
1816
  <li class="pf-v5-c-wizard__nav-item">
1765
- <button class="pf-v5-c-wizard__nav-link">Substep A</button>
1817
+ <button
1818
+ class="pf-v5-c-wizard__nav-link"
1819
+ type="button"
1820
+ >Substep A</button>
1766
1821
  </li>
1767
1822
  <li class="pf-v5-c-wizard__nav-item">
1768
1823
  <button
1769
1824
  class="pf-v5-c-wizard__nav-link pf-m-current"
1825
+ type="button"
1770
1826
  aria-current="page"
1771
1827
  >Substep B</button>
1772
1828
  </li>
1773
1829
  <li class="pf-v5-c-wizard__nav-item">
1774
- <button class="pf-v5-c-wizard__nav-link">Substep C</button>
1830
+ <button
1831
+ class="pf-v5-c-wizard__nav-link"
1832
+ type="button"
1833
+ >Substep C</button>
1775
1834
  </li>
1776
1835
  </ol>
1777
1836
  </li>
1778
1837
  <li class="pf-v5-c-wizard__nav-item">
1779
- <button class="pf-v5-c-wizard__nav-link">Additional</button>
1838
+ <button
1839
+ class="pf-v5-c-wizard__nav-link"
1840
+ type="button"
1841
+ >Additional</button>
1780
1842
  </li>
1781
1843
  <li class="pf-v5-c-wizard__nav-item">
1782
- <button class="pf-v5-c-wizard__nav-link" disabled>Review</button>
1844
+ <button
1845
+ class="pf-v5-c-wizard__nav-link"
1846
+ type="button"
1847
+ disabled
1848
+ >Review</button>
1783
1849
  </li>
1784
1850
  </ol>
1785
1851
  </nav>
@@ -2291,32 +2357,50 @@ wrapperTag: div
2291
2357
  <nav class="pf-v5-c-wizard__nav" aria-label="Steps">
2292
2358
  <ol class="pf-v5-c-wizard__nav-list" role="list">
2293
2359
  <li class="pf-v5-c-wizard__nav-item">
2294
- <button class="pf-v5-c-wizard__nav-link">Information</button>
2360
+ <button
2361
+ class="pf-v5-c-wizard__nav-link"
2362
+ type="button"
2363
+ >Information</button>
2295
2364
  </li>
2296
2365
  <li class="pf-v5-c-wizard__nav-item">
2297
2366
  <button
2298
2367
  class="pf-v5-c-wizard__nav-link pf-m-current"
2368
+ type="button"
2299
2369
  >Configuration</button>
2300
2370
  <ol class="pf-v5-c-wizard__nav-list" role="list">
2301
2371
  <li class="pf-v5-c-wizard__nav-item">
2302
- <button class="pf-v5-c-wizard__nav-link">Substep A</button>
2372
+ <button
2373
+ class="pf-v5-c-wizard__nav-link"
2374
+ type="button"
2375
+ >Substep A</button>
2303
2376
  </li>
2304
2377
  <li class="pf-v5-c-wizard__nav-item">
2305
2378
  <button
2306
2379
  class="pf-v5-c-wizard__nav-link pf-m-current"
2380
+ type="button"
2307
2381
  aria-current="page"
2308
2382
  >Substep B</button>
2309
2383
  </li>
2310
2384
  <li class="pf-v5-c-wizard__nav-item">
2311
- <button class="pf-v5-c-wizard__nav-link">Substep C</button>
2385
+ <button
2386
+ class="pf-v5-c-wizard__nav-link"
2387
+ type="button"
2388
+ >Substep C</button>
2312
2389
  </li>
2313
2390
  </ol>
2314
2391
  </li>
2315
2392
  <li class="pf-v5-c-wizard__nav-item">
2316
- <button class="pf-v5-c-wizard__nav-link">Additional</button>
2393
+ <button
2394
+ class="pf-v5-c-wizard__nav-link"
2395
+ type="button"
2396
+ >Additional</button>
2317
2397
  </li>
2318
2398
  <li class="pf-v5-c-wizard__nav-item">
2319
- <button class="pf-v5-c-wizard__nav-link" disabled>Review</button>
2399
+ <button
2400
+ class="pf-v5-c-wizard__nav-link"
2401
+ type="button"
2402
+ disabled
2403
+ >Review</button>
2320
2404
  </li>
2321
2405
  </ol>
2322
2406
  </nav>
@@ -2634,33 +2718,48 @@ wrapperTag: div
2634
2718
  <nav class="pf-v5-c-wizard__nav" aria-label="Steps">
2635
2719
  <ol class="pf-v5-c-wizard__nav-list" role="list">
2636
2720
  <li class="pf-v5-c-wizard__nav-item">
2637
- <button class="pf-v5-c-wizard__nav-link">Information</button>
2721
+ <button
2722
+ class="pf-v5-c-wizard__nav-link"
2723
+ type="button"
2724
+ >Information</button>
2638
2725
  </li>
2639
2726
  <li class="pf-v5-c-wizard__nav-item">
2640
2727
  <button
2641
2728
  class="pf-v5-c-wizard__nav-link pf-m-current"
2729
+ type="button"
2642
2730
  >Configuration</button>
2643
2731
  <ol class="pf-v5-c-wizard__nav-list" role="list">
2644
2732
  <li class="pf-v5-c-wizard__nav-item">
2645
- <button class="pf-v5-c-wizard__nav-link">Substep A</button>
2733
+ <button
2734
+ class="pf-v5-c-wizard__nav-link"
2735
+ type="button"
2736
+ >Substep A</button>
2646
2737
  </li>
2647
2738
  <li class="pf-v5-c-wizard__nav-item">
2648
2739
  <button
2649
2740
  class="pf-v5-c-wizard__nav-link pf-m-current"
2741
+ type="button"
2650
2742
  aria-current="page"
2651
2743
  >Substep B</button>
2652
2744
  </li>
2653
2745
  <li class="pf-v5-c-wizard__nav-item">
2654
- <button class="pf-v5-c-wizard__nav-link">Substep C</button>
2746
+ <button
2747
+ class="pf-v5-c-wizard__nav-link"
2748
+ type="button"
2749
+ >Substep C</button>
2655
2750
  </li>
2656
2751
  </ol>
2657
2752
  </li>
2658
2753
  <li class="pf-v5-c-wizard__nav-item">
2659
- <button class="pf-v5-c-wizard__nav-link">Additional</button>
2754
+ <button
2755
+ class="pf-v5-c-wizard__nav-link"
2756
+ type="button"
2757
+ >Additional</button>
2660
2758
  </li>
2661
2759
  <li class="pf-v5-c-wizard__nav-item">
2662
2760
  <button
2663
2761
  class="pf-v5-c-wizard__nav-link pf-m-disabled"
2762
+ type="button"
2664
2763
  aria-disabled="true"
2665
2764
  tabindex="-1"
2666
2765
  >Review</button>
@@ -3047,33 +3146,48 @@ wrapperTag: div
3047
3146
  <nav class="pf-v5-c-wizard__nav pf-m-expanded" aria-label="Steps">
3048
3147
  <ol class="pf-v5-c-wizard__nav-list" role="list">
3049
3148
  <li class="pf-v5-c-wizard__nav-item">
3050
- <button class="pf-v5-c-wizard__nav-link">Information</button>
3149
+ <button
3150
+ class="pf-v5-c-wizard__nav-link"
3151
+ type="button"
3152
+ >Information</button>
3051
3153
  </li>
3052
3154
  <li class="pf-v5-c-wizard__nav-item">
3053
3155
  <button
3054
3156
  class="pf-v5-c-wizard__nav-link pf-m-current"
3157
+ type="button"
3055
3158
  >Configuration</button>
3056
3159
  <ol class="pf-v5-c-wizard__nav-list" role="list">
3057
3160
  <li class="pf-v5-c-wizard__nav-item">
3058
- <button class="pf-v5-c-wizard__nav-link">Substep A</button>
3161
+ <button
3162
+ class="pf-v5-c-wizard__nav-link"
3163
+ type="button"
3164
+ >Substep A</button>
3059
3165
  </li>
3060
3166
  <li class="pf-v5-c-wizard__nav-item">
3061
3167
  <button
3062
3168
  class="pf-v5-c-wizard__nav-link pf-m-current"
3169
+ type="button"
3063
3170
  aria-current="page"
3064
3171
  >Substep B</button>
3065
3172
  </li>
3066
3173
  <li class="pf-v5-c-wizard__nav-item">
3067
- <button class="pf-v5-c-wizard__nav-link">Substep C</button>
3174
+ <button
3175
+ class="pf-v5-c-wizard__nav-link"
3176
+ type="button"
3177
+ >Substep C</button>
3068
3178
  </li>
3069
3179
  </ol>
3070
3180
  </li>
3071
3181
  <li class="pf-v5-c-wizard__nav-item">
3072
- <button class="pf-v5-c-wizard__nav-link">Additional</button>
3182
+ <button
3183
+ class="pf-v5-c-wizard__nav-link"
3184
+ type="button"
3185
+ >Additional</button>
3073
3186
  </li>
3074
3187
  <li class="pf-v5-c-wizard__nav-item">
3075
3188
  <button
3076
3189
  class="pf-v5-c-wizard__nav-link pf-m-disabled"
3190
+ type="button"
3077
3191
  aria-disabled="true"
3078
3192
  tabindex="-1"
3079
3193
  >Review</button>
@@ -3442,32 +3556,50 @@ wrapperTag: div
3442
3556
  <nav class="pf-v5-c-wizard__nav" aria-label="Steps">
3443
3557
  <ol class="pf-v5-c-wizard__nav-list" role="list">
3444
3558
  <li class="pf-v5-c-wizard__nav-item">
3445
- <button class="pf-v5-c-wizard__nav-link">Information</button>
3559
+ <button
3560
+ class="pf-v5-c-wizard__nav-link"
3561
+ type="button"
3562
+ >Information</button>
3446
3563
  </li>
3447
3564
  <li class="pf-v5-c-wizard__nav-item">
3448
3565
  <button
3449
3566
  class="pf-v5-c-wizard__nav-link pf-m-current"
3567
+ type="button"
3450
3568
  >Configuration</button>
3451
3569
  <ol class="pf-v5-c-wizard__nav-list" role="list">
3452
3570
  <li class="pf-v5-c-wizard__nav-item">
3453
- <button class="pf-v5-c-wizard__nav-link">Substep A</button>
3571
+ <button
3572
+ class="pf-v5-c-wizard__nav-link"
3573
+ type="button"
3574
+ >Substep A</button>
3454
3575
  </li>
3455
3576
  <li class="pf-v5-c-wizard__nav-item">
3456
3577
  <button
3457
3578
  class="pf-v5-c-wizard__nav-link pf-m-current"
3579
+ type="button"
3458
3580
  aria-current="page"
3459
3581
  >Substep B</button>
3460
3582
  </li>
3461
3583
  <li class="pf-v5-c-wizard__nav-item">
3462
- <button class="pf-v5-c-wizard__nav-link">Substep C</button>
3584
+ <button
3585
+ class="pf-v5-c-wizard__nav-link"
3586
+ type="button"
3587
+ >Substep C</button>
3463
3588
  </li>
3464
3589
  </ol>
3465
3590
  </li>
3466
3591
  <li class="pf-v5-c-wizard__nav-item">
3467
- <button class="pf-v5-c-wizard__nav-link">Additional</button>
3592
+ <button
3593
+ class="pf-v5-c-wizard__nav-link"
3594
+ type="button"
3595
+ >Additional</button>
3468
3596
  </li>
3469
3597
  <li class="pf-v5-c-wizard__nav-item">
3470
- <button class="pf-v5-c-wizard__nav-link" disabled>Review</button>
3598
+ <button
3599
+ class="pf-v5-c-wizard__nav-link"
3600
+ type="button"
3601
+ disabled
3602
+ >Review</button>
3471
3603
  </li>
3472
3604
  </ol>
3473
3605
  </nav>
@@ -3906,32 +4038,50 @@ wrapperTag: div
3906
4038
  <nav class="pf-v5-c-wizard__nav" aria-label="Steps">
3907
4039
  <ol class="pf-v5-c-wizard__nav-list" role="list">
3908
4040
  <li class="pf-v5-c-wizard__nav-item">
3909
- <button class="pf-v5-c-wizard__nav-link">Information</button>
4041
+ <button
4042
+ class="pf-v5-c-wizard__nav-link"
4043
+ type="button"
4044
+ >Information</button>
3910
4045
  </li>
3911
4046
  <li class="pf-v5-c-wizard__nav-item">
3912
4047
  <button
3913
4048
  class="pf-v5-c-wizard__nav-link pf-m-current"
4049
+ type="button"
3914
4050
  >Configuration</button>
3915
4051
  <ol class="pf-v5-c-wizard__nav-list" role="list">
3916
4052
  <li class="pf-v5-c-wizard__nav-item">
3917
- <button class="pf-v5-c-wizard__nav-link">Substep A</button>
4053
+ <button
4054
+ class="pf-v5-c-wizard__nav-link"
4055
+ type="button"
4056
+ >Substep A</button>
3918
4057
  </li>
3919
4058
  <li class="pf-v5-c-wizard__nav-item">
3920
4059
  <button
3921
4060
  class="pf-v5-c-wizard__nav-link pf-m-current"
4061
+ type="button"
3922
4062
  aria-current="page"
3923
4063
  >Substep B</button>
3924
4064
  </li>
3925
4065
  <li class="pf-v5-c-wizard__nav-item">
3926
- <button class="pf-v5-c-wizard__nav-link">Substep C</button>
4066
+ <button
4067
+ class="pf-v5-c-wizard__nav-link"
4068
+ type="button"
4069
+ >Substep C</button>
3927
4070
  </li>
3928
4071
  </ol>
3929
4072
  </li>
3930
4073
  <li class="pf-v5-c-wizard__nav-item">
3931
- <button class="pf-v5-c-wizard__nav-link">Additional</button>
4074
+ <button
4075
+ class="pf-v5-c-wizard__nav-link"
4076
+ type="button"
4077
+ >Additional</button>
3932
4078
  </li>
3933
4079
  <li class="pf-v5-c-wizard__nav-item">
3934
- <button class="pf-v5-c-wizard__nav-link" disabled>Review</button>
4080
+ <button
4081
+ class="pf-v5-c-wizard__nav-link"
4082
+ type="button"
4083
+ disabled
4084
+ >Review</button>
3935
4085
  </li>
3936
4086
  </ol>
3937
4087
  </nav>
@@ -494,7 +494,7 @@ Adjusting width with `.pf-m-flex-1`. In this example, all groups are set to `.pf
494
494
 
495
495
  ### Basic align right example
496
496
 
497
- Aligning right with `.pf-m-align-right`. This solution will always align element right by setting margin-left: auto, including when wrapped.
497
+ Aligning right with `.pf-m-align-right`. This solution will always align element right by setting margin-inline-start: auto, including when wrapped.
498
498
 
499
499
  ```html
500
500
  <div class="pf-v5-l-flex ws-example-flex-border">
@@ -627,8 +627,8 @@ Aligning right with `.pf-m-align-right`. This solution will always align element
627
627
 
628
628
  | Class | Applied to | Outcome |
629
629
  | -- | -- | -- |
630
- | `.pf-m-align-right{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies margin-left property to auto. |
631
- | `.pf-m-align-left{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Resets margin-left property 0. |
630
+ | `.pf-m-align-right{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies margin-inline-start property to auto. |
631
+ | `.pf-m-align-left{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Resets margin-inline-start property 0. |
632
632
  | `.pf-m-align-self-flex-start{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies align-self property to flex-start. |
633
633
  | `.pf-m-align-self-flex-end{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies align-self property to flex-end. |
634
634
  | `.pf-m-align-self-flex-center{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies align-self property to center. |
@@ -863,8 +863,8 @@ Ordering - Ordering can be applied to nested `.pf-v5-l-flex` and `.pf-v5-l-flex_
863
863
  | `.pf-m-align-content-stretch{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout align-content property to stretch. |
864
864
  | `.pf-m-align-content-space-between{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout align-content property to space-between. |
865
865
  | `.pf-m-align-content-space-around{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout align-content property to space-around. |
866
- | `.pf-m-align-left{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Resets the flex layout element margin-left property to 0. |
867
- | `.pf-m-align-right{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies the flex layout element margin-left property to auto. |
866
+ | `.pf-m-align-left{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Resets the flex layout element margin-inline-start property to 0. |
867
+ | `.pf-m-align-right{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies the flex layout element margin-inline-start property to auto. |
868
868
  | `--pf-v5-l-flex--item--Order{-on-[breakpoint]}: {order}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies the flex layout element order property. |
869
869
 
870
870
  ### Spacer system usage
@@ -1,20 +1,20 @@
1
1
  .ws-core-u-box-shadow [class*="pf-v5-u-box-shadow"] {
2
2
  padding: var(--pf-v5-global--spacer--lg);
3
- margin-bottom: var(--pf-v5-global--spacer--md);
3
+ margin-block-end: var(--pf-v5-global--spacer--md);
4
4
  }
5
5
 
6
6
  #ws-core-u-box-shadow-small [class*="pf-v5-u-box-shadow"]:not(:last-child) {
7
- margin-bottom: var(--pf-v5-global--spacer--lg);
7
+ margin-block-end: var(--pf-v5-global--spacer--lg);
8
8
  }
9
9
 
10
10
  #ws-core-u-box-shadow-medium [class*="pf-v5-u-box-shadow"]:not(:last-child) {
11
- margin-bottom: var(--pf-v5-global--spacer--xl);
11
+ margin-block-end: var(--pf-v5-global--spacer--xl);
12
12
  }
13
13
 
14
14
  #ws-core-u-box-shadow-large [class*="pf-v5-u-box-shadow"]:not(:last-child) {
15
- margin-bottom: var(--pf-v5-global--spacer--2xl);
15
+ margin-block-end: var(--pf-v5-global--spacer--2xl);
16
16
  }
17
17
 
18
18
  #ws-core-u-box-shadow-extra-large [class*="pf-v5-u-box-shadow"]:not(:last-child) {
19
- margin-bottom: var(--pf-v5-global--spacer--3xl);
19
+ margin-block-end: var(--pf-v5-global--spacer--3xl);
20
20
  }
package/icons/pficons.mjs CHANGED
@@ -117,6 +117,7 @@ export const pfIcons = {
117
117
  "tenant": { "width": 1024, "height": 1024, "svgPathData": "M512.1,0 C229.7,0 0,229.8 0,512 C0,794.3 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0 Z M512,960 C264.9,960 64,759.2 64,512 C64,265 264.9,64 512,64 C759,64 960,264.9 960,512 C960,759.1 759,960 512,960 Z M672,544 C601.3,544 544,601.3 544,672 C544,742.7 601.3,800 672,800 C742.7,800 800,742.7 800,672 C800,601.3 742.7,544 672,544 Z M672,752 C627.9,752 592,716.1 592,672 C592,627.9 627.9,592 672,592 C716.1,592 752,627.9 752,672 C752,716.1 716.1,752 672,752 Z M352,544 C281.3,544 224,601.3 224,672 C224,742.7 281.3,800 352,800 C422.7,800 480,742.7 480,672 C480,601.3 422.7,544 352,544 Z M352,752 C307.9,752 272,716.1 272,672 C272,627.9 307.9,592 352,592 C396.1,592 432,627.9 432,672 C432,716.1 396.1,752 352,752 Z M672,224 C601.3,224 544,281.3 544,352 C544,422.7 601.3,480 672,480 C742.7,480 800,422.7 800,352 C800,281.3 742.7,224 672,224 Z M672,432 C627.9,432 592,396.1 592,352 C592,307.9 627.9,272 672,272 C716.1,272 752,307.9 752,352 C752,396.1 716.1,432 672,432 Z M480,352 C480,422.7 422.7,480 352,480 C281.3,480 224,422.7 224,352 C224,281.3 281.3,224 352,224 C422.7,224 480,281.3 480,352" },
118
118
  "thumb-tack": { "width": 640, "height": 1024, "svgPathData": "M640,670.7 C640,543 602.7,480.2 512,448 L512,192 C549.3,178.8 575.4,137.8 575.4,96 C575.4,43 532.4,0 479.4,0 L159.4,0 C106.4,0 63.4,43 63.4,96 C63.4,137.8 90.7,178.8 128,192 L128,448 C37.3,480.2 0,543 0,670.7 C0,688.9 13.8,704 32,704 L256,704 L284.7,995 C286.2,1011.5 301,1024 320,1024 C339,1024 352.6,1011.4 354.1,995 L384,704 L606.9,704 C625.1,704 640,688.9 640,670.7" },
119
119
  "topology": { "width": 1088, "height": 1024, "svgPathData": "M877.8,0 C797.1,0 731.5,65.6 731.5,146.3 C731.5,175.1 739.7,201.8 754.1,224.5 L670,310.5 C626.5,276.4 571.7,256 512,256 C477.8,256 445.1,262.7 415.3,274.9 L388.6,239.6 C375.1,221.3 350.9,216.1 334.9,228.2 C318.7,240.1 316.4,264.8 329.6,283.1 L351.9,312.3 C293.4,359.2 256,431.2 256,512 C256,534.7 259,556.7 264.5,577.7 L239,590.9 C219.8,600.3 210.7,622.9 218.4,641.2 C226.1,659.5 248.3,666.8 267.3,657.7 L292.9,644.4 C329.1,704.2 389.1,748 459.8,762.6 L453.8,835.6 C413.5,847.1 384,884.1 384,928 C384,981 427,1024 480,1024 C533,1024 576,981 576,928 C576,888.3 551.9,854.3 517.6,839.7 L523.5,767.8 C605.3,764.2 677.2,722.1 721.4,659.2 L789.8,705.8 C808.1,718.4 832.1,714.9 842.8,698 C853.5,680.9 847.3,656.9 828.8,644.6 L754.6,594.1 C763.3,568.3 768,540.7 768,512 C768,456.6 750.4,405.3 720.5,363.5 L807.4,274.8 C828.2,286.2 852.2,292.9 877.8,292.9 C958.5,292.9 1024.1,227.3 1024.1,146.6 C1024.1,65.9 958.5,0 877.8,0 Z M528,928 C528,954.5 506.5,976 480,976 C453.5,976 432,954.5 432,928 C432,901.5 453.5,880 480,880 C506.5,880 528,901.5 528,928 Z M512,640 C441.3,640 384,582.7 384,512 C384,441.3 441.3,384 512,384 C582.7,384 640,441.3 640,512 C640,582.7 582.8,640 512,640 Z M877.8,224 C834.8,224 800.1,189.3 800.1,146.3 C800.1,103.3 834.8,68.6 877.8,68.6 C920.8,68.6 955.5,103.3 955.5,146.3 C955.5,189.3 920.8,224 877.8,224 Z M900.8,712.3 C943.6,669.5 1013.1,669.5 1055.9,712.3 C1077.3,733.7 1088,761.8 1088,789.9 C1088,818 1077.3,846 1055.9,867.5 C1013.1,910.3 943.6,910.3 900.8,867.5 C858,824.6 858,755.2 900.8,712.3 M256,2.3 C316.6,2.3 365.7,51.4 365.7,112 C365.7,172.6 316.6,221.7 256,221.7 C195.4,221.7 146.3,172.6 146.3,112 C146.3,51.4 195.4,2.3 256,2.3 M96,608 C149,608 192,651 192,704 C192,757 149,800 96,800 C43,800 0,757 0,704 C0,651 43,608 96,608" },
120
+ "treeview": { "width": 1024, "height": 1024, "svgPathData": "M1110.73911,0 L41.1428663,0 C18.4204327,0 0,19.1026667 0,42.6666667 L0,127.877333 C0,151.509333 18.473147,170.666667 41.2611521,170.666667 L1110.73911,170.666667 C1133.52711,170.666667 1152.00026,151.509333 1152.00026,127.877333 L1152.00026,42.7893333 C1152.00026,19.1573333 1133.52711,0 1110.73911,0 M1110.73911,426.666667 L452.57153,426.666667 C429.849096,426.666667 411.428663,445.769333 411.428663,469.333333 L411.428663,554.544 C411.428663,578.176 429.90181,597.333333 452.689815,597.333333 L1110.73911,597.333333 C1133.52711,597.333333 1152.00026,578.176 1152.00026,554.544 L1152.00026,469.456 C1152.00026,445.824 1133.52711,426.666667 1110.73911,426.666667 M308.571497,469.333333 L82.2857327,469.333333 L82.2857327,277.333333 C82.2857327,265.550667 73.0748735,256 61.7142995,256 L20.5714332,256 C9.20957348,256 0,265.550667 0,277.333333 L0,490.666667 L0,533.333333 L0,896 L0,960 C0,971.782667 9.20957348,981.333333 20.5714332,981.333333 L61.7142995,981.333333 L308.571497,981.333333 C319.932071,981.333333 329.142931,971.782667 329.142931,960 L329.142931,917.333333 C329.142931,905.550667 319.932071,896 308.571497,896 L82.2857327,896 L82.2857327,554.666667 L308.571497,554.666667 C319.932071,554.666667 329.142931,545.116 329.142931,533.333333 L329.142931,490.666667 C329.142931,478.884 319.932071,469.333333 308.571497,469.333333 M1152.00026,896.122667 L1152.00026,981.210667 C1152.00026,1004.84267 1133.52711,1024 1110.73911,1024 L452.689815,1024 C429.90181,1024 411.428663,1004.84267 411.428663,981.210667 L411.428663,896 C411.428663,872.436 429.849096,853.333333 452.57153,853.333333 L1110.73911,853.333333 C1133.52711,853.333333 1152.00026,872.490667 1152.00026,896.122667" },
120
121
  "trend-down": { "width": 960, "height": 1024, "svgPathData": "M960,864 C960,881.7 945.7,896 928,896 L480,896 C462.3,896 448,881.7 448,864 L448,800 C448,782.3 462.3,768 480,768 L741.5,768 L450.3,473.8 L343.7,580.8 C331.2,593.3 310.9,593.4 298.4,580.8 L9.4,291.8 C3.1,285.6 0,277.4 0,269.3 C0,261.1 3.1,252.9 9.4,246.7 L54.6,201.4 C60.9,195.1 69.1,192 77.3,192 C85.5,192 93.7,195.1 99.9,201.4 L320.9,422.4 L427.5,315.4 C440,302.9 460.3,302.8 472.8,315.4 L832,677.5 L831,416 C831,398.3 844.3,384 862,384 L926,384 C943.7,384 960,398.3 960,416 L960,864 Z" },
121
122
  "trend-up": { "width": 960, "height": 1024, "svgPathData": "M960,224 C960,206.3 945.7,192 928,192 L480,192 C462.3,192 448,206.3 448,224 L448,288 C448,305.7 462.3,320 480,320 L741.5,320 L450.3,614.2 L343.7,507.2 C331.2,494.7 310.9,494.6 298.4,507.2 L9.4,796.2 C3.1,802.4 0,810.6 0,818.7 C0,826.9 3.1,835.1 9.4,841.3 L54.7,886.6 C60.9,892.8 69.1,896 77.3,896 C85.5,896 93.7,892.9 99.9,886.6 L320.9,665.6 L427.5,772.6 C440,785.1 460.3,785.2 472.8,772.6 L832,410.5 L831,672 C831,689.7 844.3,704 862,704 L926,704 C943.7,704 960,689.7 960,672 L960,224 Z" },
122
123
  "unknown": { "width": 1024, "height": 1024, "svgPathData": "M943.3,317.2 L706.9,80.7 C653,26.9 582.5,0 512,0 C441.5,0 371,26.9 317.1,80.7 L80.7,317.1 C-26.9,424.7 -26.9,599.2 80.7,706.8 L317.1,943.2 C371,997.1 441.5,1024 512,1024 C582.5,1024 653,997.1 706.9,943.3 L943.3,706.9 C1050.9,599.3 1050.9,424.8 943.3,317.2 Z M866.4,602.2 L602.8,866.1 C552.8,916.1 471.8,916.2 421.7,866.2 L157.7,602.2 C107.8,552.2 107.8,471.2 157.8,421.3 L421.4,158.4 C471.3,108.6 552.1,108.6 602.1,158.3 L866.3,421.3 C916.3,471.3 916.3,552.2 866.4,602.2 Z M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C488,576.1 521.3,576 521.3,576 L521.3,576 Z M575.3,751.3 L575.3,655.3 C575.3,650.9 573.7,647.3 570.6,644 C567.5,640.9 563.7,639.3 559.3,639.3 L463.3,639.3 C458.9,639.3 455.3,640.9 452,644 C448.9,647.1 447.3,650.9 447.3,655.3 L447.3,751.3 C447.3,755.7 448.9,759.3 452,762.6 C455.1,765.7 458.9,767.3 463.3,767.3 L559.3,767.3 C563.7,767.3 567.3,765.7 570.6,762.6 C573.8,759.4 575.3,755.6 575.3,751.3 L575.3,751.3 Z" },