@patternfly/react-styles 6.0.0-alpha.26 → 6.0.0-alpha.28

Sign up to get free protection for your applications and to get access to all the features.
Files changed (105) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/css/assets/images/img_avatar-dark.svg +22 -16
  3. package/css/assets/images/img_avatar-light.svg +25 -18
  4. package/css/components/Alert/alert-group.css +55 -4
  5. package/css/components/Alert/alert-group.d.ts +5 -1
  6. package/css/components/Alert/alert-group.js +5 -1
  7. package/css/components/Alert/alert-group.mjs +5 -1
  8. package/css/components/Alert/alert.css +5 -14
  9. package/css/components/Button/button.css +44 -21
  10. package/css/components/Card/card.css +7 -7
  11. package/css/components/Card/card.d.ts +1 -0
  12. package/css/components/Card/card.js +1 -0
  13. package/css/components/Card/card.mjs +1 -0
  14. package/css/components/ClipboardCopy/clipboard-copy.css +11 -19
  15. package/css/components/ClipboardCopy/clipboard-copy.d.ts +2 -1
  16. package/css/components/ClipboardCopy/clipboard-copy.js +2 -1
  17. package/css/components/ClipboardCopy/clipboard-copy.mjs +2 -1
  18. package/css/components/Content/content.css +19 -43
  19. package/css/components/DataList/data-list.css +2 -2
  20. package/css/components/Drawer/drawer.css +6 -6
  21. package/css/components/EmptyState/empty-state.css +3 -3
  22. package/css/components/Hint/hint.css +1 -7
  23. package/css/components/InlineEdit/inline-edit.css +2 -2
  24. package/css/components/JumpLinks/jump-links.css +3 -20
  25. package/css/components/JumpLinks/jump-links.d.ts +0 -2
  26. package/css/components/JumpLinks/jump-links.js +0 -2
  27. package/css/components/JumpLinks/jump-links.mjs +0 -2
  28. package/css/components/Label/label.css +6 -6
  29. package/css/components/List/list.css +33 -40
  30. package/css/components/MenuToggle/menu-toggle.css +6 -34
  31. package/css/components/MenuToggle/menu-toggle.d.ts +0 -1
  32. package/css/components/MenuToggle/menu-toggle.js +0 -1
  33. package/css/components/MenuToggle/menu-toggle.mjs +0 -1
  34. package/css/components/ModalBox/modal-box.css +2 -0
  35. package/css/components/Nav/nav.css +1 -0
  36. package/css/components/NotificationDrawer/notification-drawer.css +1 -7
  37. package/css/components/NumberInput/number-input.css +0 -1
  38. package/css/components/Page/page.css +45 -55
  39. package/css/components/Page/page.d.ts +1 -0
  40. package/css/components/Page/page.js +1 -0
  41. package/css/components/Page/page.mjs +1 -0
  42. package/css/components/Panel/panel.css +17 -14
  43. package/css/components/Popover/popover.css +3 -5
  44. package/css/components/Switch/switch.css +0 -6
  45. package/css/components/Switch/switch.d.ts +1 -3
  46. package/css/components/Switch/switch.js +1 -3
  47. package/css/components/Switch/switch.mjs +1 -3
  48. package/css/components/Table/table-grid.css +26 -100
  49. package/css/components/Table/table-grid.d.ts +2 -1
  50. package/css/components/Table/table-grid.js +2 -1
  51. package/css/components/Table/table-grid.mjs +2 -1
  52. package/css/components/Tabs/tabs.css +1 -18
  53. package/css/components/Tabs/tabs.d.ts +1 -2
  54. package/css/components/Tabs/tabs.js +1 -2
  55. package/css/components/Tabs/tabs.mjs +1 -2
  56. package/css/components/Toolbar/toolbar.css +67 -792
  57. package/css/components/Toolbar/toolbar.d.ts +2 -110
  58. package/css/components/Toolbar/toolbar.js +2 -110
  59. package/css/components/Toolbar/toolbar.mjs +2 -110
  60. package/css/components/Truncate/truncate.css +1 -1
  61. package/css/components/Wizard/wizard.css +24 -9
  62. package/css/components/Wizard/wizard.d.ts +1 -0
  63. package/css/components/Wizard/wizard.js +1 -0
  64. package/css/components/Wizard/wizard.mjs +1 -0
  65. package/css/components/_index.css +388 -1410
  66. package/css/components/_index.d.ts +7 -130
  67. package/css/components/_index.js +7 -130
  68. package/css/components/_index.mjs +7 -130
  69. package/css/docs/components/Page/examples/Page.css +5 -9
  70. package/css/docs/components/Page/examples/Page.d.ts +2 -0
  71. package/css/docs/components/Page/examples/Page.js +2 -0
  72. package/css/docs/components/Page/examples/Page.mjs +2 -0
  73. package/css/docs/demos/Page/examples/Page.css +11 -0
  74. package/css/docs/demos/Page/examples/Page.d.ts +9 -0
  75. package/css/docs/demos/Page/examples/Page.js +10 -0
  76. package/css/docs/demos/Page/examples/Page.mjs +8 -0
  77. package/package.json +3 -3
  78. package/css/components/LogViewer/log-viewer.css +0 -176
  79. package/css/components/LogViewer/log-viewer.d.ts +0 -25
  80. package/css/components/LogViewer/log-viewer.js +0 -26
  81. package/css/components/LogViewer/log-viewer.mjs +0 -24
  82. package/css/docs/components/AppLauncher/deprecated/application-launcher.css +0 -25
  83. package/css/docs/components/AppLauncher/deprecated/application-launcher.d.ts +0 -3
  84. package/css/docs/components/AppLauncher/deprecated/application-launcher.js +0 -4
  85. package/css/docs/components/AppLauncher/deprecated/application-launcher.mjs +0 -2
  86. package/css/docs/components/ContextSelector/deprecated/context-selector.css +0 -7
  87. package/css/docs/components/ContextSelector/deprecated/context-selector.d.ts +0 -3
  88. package/css/docs/components/ContextSelector/deprecated/context-selector.js +0 -4
  89. package/css/docs/components/ContextSelector/deprecated/context-selector.mjs +0 -2
  90. package/css/docs/components/Dropdown/deprecated/Dropdown.css +0 -64
  91. package/css/docs/components/Dropdown/deprecated/Dropdown.d.ts +0 -6
  92. package/css/docs/components/Dropdown/deprecated/Dropdown.js +0 -7
  93. package/css/docs/components/Dropdown/deprecated/Dropdown.mjs +0 -5
  94. package/css/docs/components/LogViewer/examples/LogViewer.css +0 -24
  95. package/css/docs/components/LogViewer/examples/LogViewer.d.ts +0 -8
  96. package/css/docs/components/LogViewer/examples/LogViewer.js +0 -9
  97. package/css/docs/components/LogViewer/examples/LogViewer.mjs +0 -7
  98. package/css/docs/components/OptionsMenu/deprecated/options-menu.css +0 -25
  99. package/css/docs/components/OptionsMenu/deprecated/options-menu.d.ts +0 -3
  100. package/css/docs/components/OptionsMenu/deprecated/options-menu.js +0 -4
  101. package/css/docs/components/OptionsMenu/deprecated/options-menu.mjs +0 -2
  102. package/css/docs/components/Select/deprecated/Select.css +0 -56
  103. package/css/docs/components/Select/deprecated/Select.d.ts +0 -3
  104. package/css/docs/components/Select/deprecated/Select.js +0 -4
  105. package/css/docs/components/Select/deprecated/Select.mjs +0 -2
@@ -21,6 +21,7 @@ export default {
21
21
  "alertActionGroup": "pf-v6-c-alert__action-group",
22
22
  "alertDescription": "pf-v6-c-alert__description",
23
23
  "alertGroup": "pf-v6-c-alert-group",
24
+ "alertGroupItem": "pf-v6-c-alert-group__item",
24
25
  "alertGroupOverflowButton": "pf-v6-c-alert-group__overflow-button",
25
26
  "alertIcon": "pf-v6-c-alert__icon",
26
27
  "alertTitle": "pf-v6-c-alert__title",
@@ -265,7 +266,6 @@ export default {
265
266
  "jumpLinksMain": "pf-v6-c-jump-links__main",
266
267
  "jumpLinksToggle": "pf-v6-c-jump-links__toggle",
267
268
  "jumpLinksToggleIcon": "pf-v6-c-jump-links__toggle-icon",
268
- "jumpLinksToggleText": "pf-v6-c-jump-links__toggle-text",
269
269
  "label": "pf-v6-c-label",
270
270
  "labelActions": "pf-v6-c-label__actions",
271
271
  "labelContent": "pf-v6-c-label__content",
@@ -281,16 +281,6 @@ export default {
281
281
  "list": "pf-v6-c-list",
282
282
  "listItem": "pf-v6-c-list__item",
283
283
  "listItemIcon": "pf-v6-c-list__item-icon",
284
- "logViewer": "pf-v6-c-log-viewer",
285
- "logViewerHeader": "pf-v6-c-log-viewer__header",
286
- "logViewerIndex": "pf-v6-c-log-viewer__index",
287
- "logViewerList": "pf-v6-c-log-viewer__list",
288
- "logViewerListItem": "pf-v6-c-log-viewer__list-item",
289
- "logViewerMain": "pf-v6-c-log-viewer__main",
290
- "logViewerScrollContainer": "pf-v6-c-log-viewer__scroll-container",
291
- "logViewerString": "pf-v6-c-log-viewer__string",
292
- "logViewerText": "pf-v6-c-log-viewer__text",
293
- "logViewerTimestamp": "pf-v6-c-log-viewer__timestamp",
294
284
  "login": "pf-v6-c-login",
295
285
  "loginContainer": "pf-v6-c-login__container",
296
286
  "loginFooter": "pf-v6-c-login__footer",
@@ -367,6 +357,8 @@ export default {
367
357
  "expandable": "pf-m-expandable",
368
358
  "truncate": "pf-m-truncate",
369
359
  "toast": "pf-m-toast",
360
+ "offstageTop": "pf-m-offstage-top",
361
+ "offstageRight": "pf-m-offstage-right",
370
362
  "sm": "pf-m-sm",
371
363
  "md": "pf-m-md",
372
364
  "lg": "pf-m-lg",
@@ -637,11 +629,6 @@ export default {
637
629
  "category": "pf-m-category",
638
630
  "textarea": "pf-m-textarea",
639
631
  "iconLg": "pf-m-icon-lg",
640
- "dark": "pf-m-dark",
641
- "wrapText": "pf-m-wrap-text",
642
- "lineNumbers": "pf-m-line-numbers",
643
- "lineNumberChars": "pf-m-line-number-chars",
644
- "match": "pf-m-match",
645
632
  "resizeObserver": "pf-m-resize-observer",
646
633
  "displayStack": "pf-m-display-stack",
647
634
  "displayInline": "pf-m-display-inline",
@@ -664,7 +651,6 @@ export default {
664
651
  "load": "pf-m-load",
665
652
  "favorited": "pf-m-favorited",
666
653
  "fullWidth": "pf-m-full-width",
667
- "active": "pf-m-active",
668
654
  "splitButton": "pf-m-split-button",
669
655
  "typeahead": "pf-m-typeahead",
670
656
  "alignTop": "pf-m-align-top",
@@ -676,6 +662,7 @@ export default {
676
662
  "iconButtonGroup": "pf-m-icon-button-group",
677
663
  "collapsed": "pf-m-collapsed",
678
664
  "pageInsets": "pf-m-page-insets",
665
+ "contextSelector": "pf-m-context-selector",
679
666
  "alignCenter": "pf-m-align-center",
680
667
  "overflowScroll": "pf-m-overflow-scroll",
681
668
  "shadowBottom": "pf-m-shadow-bottom",
@@ -776,10 +763,9 @@ export default {
776
763
  "textLg": "pf-m-text-lg",
777
764
  "textMd": "pf-m-text-md",
778
765
  "textSm": "pf-m-text-sm",
766
+ "active": "pf-m-active",
779
767
  "floating": "pf-m-floating",
780
768
  "reverse": "pf-m-reverse",
781
- "off": "pf-m-off",
782
- "on": "pf-m-on",
783
769
  "grid": "pf-m-grid",
784
770
  "fitContent": "pf-m-fit-content",
785
771
  "stickyHeader": "pf-m-sticky-header",
@@ -825,13 +811,13 @@ export default {
825
811
  "h4": "pf-m-h4",
826
812
  "h5": "pf-m-h5",
827
813
  "h6": "pf-m-h6",
828
- "labelGroupContainer": "pf-m-label-group-container",
829
- "labelGroup": "pf-m-label-group",
830
814
  "pagination": "pf-m-pagination",
831
815
  "expandAll": "pf-m-expand-all",
832
816
  "label": "pf-m-label",
833
817
  "overflowContainer": "pf-m-overflow-container",
834
818
  "filterGroup": "pf-m-filter-group",
819
+ "labelGroupContainer": "pf-m-label-group-container",
820
+ "labelGroup": "pf-m-label-group",
835
821
  "alignStart": "pf-m-align-start",
836
822
  "alignEnd": "pf-m-align-end",
837
823
  "flexGrow": "pf-m-flex-grow",
@@ -857,40 +843,22 @@ export default {
857
843
  "gap_4xl": "pf-m-gap-4xl",
858
844
  "columnGapNone": "pf-m-column-gap-none",
859
845
  "rowGapNone": "pf-m-row-gap-none",
860
- "marginInlineStartnone": "pf-m-margin-inline-startnone",
861
- "marginInlineEndnone": "pf-m-margin-inline-endnone",
862
846
  "columnGapXs": "pf-m-column-gap-xs",
863
847
  "rowGapXs": "pf-m-row-gap-xs",
864
- "marginInlineStartxs": "pf-m-margin-inline-startxs",
865
- "marginInlineEndxs": "pf-m-margin-inline-endxs",
866
848
  "columnGapSm": "pf-m-column-gap-sm",
867
849
  "rowGapSm": "pf-m-row-gap-sm",
868
- "marginInlineStartsm": "pf-m-margin-inline-startsm",
869
- "marginInlineEndsm": "pf-m-margin-inline-endsm",
870
850
  "columnGapMd": "pf-m-column-gap-md",
871
851
  "rowGapMd": "pf-m-row-gap-md",
872
- "marginInlineStartmd": "pf-m-margin-inline-startmd",
873
- "marginInlineEndmd": "pf-m-margin-inline-endmd",
874
852
  "columnGapLg": "pf-m-column-gap-lg",
875
853
  "rowGapLg": "pf-m-row-gap-lg",
876
- "marginInlineStartlg": "pf-m-margin-inline-startlg",
877
- "marginInlineEndlg": "pf-m-margin-inline-endlg",
878
854
  "columnGapXl": "pf-m-column-gap-xl",
879
855
  "rowGapXl": "pf-m-row-gap-xl",
880
- "marginInlineStartxl": "pf-m-margin-inline-startxl",
881
- "marginInlineEndxl": "pf-m-margin-inline-endxl",
882
856
  "columnGap_2xl": "pf-m-column-gap-2xl",
883
857
  "rowGap_2xl": "pf-m-row-gap-2xl",
884
- "marginInlineStart2xl": "pf-m-margin-inline-start2xl",
885
- "marginInlineEnd2xl": "pf-m-margin-inline-end2xl",
886
858
  "columnGap_3xl": "pf-m-column-gap-3xl",
887
859
  "rowGap_3xl": "pf-m-row-gap-3xl",
888
- "marginInlineStart3xl": "pf-m-margin-inline-start3xl",
889
- "marginInlineEnd3xl": "pf-m-margin-inline-end3xl",
890
860
  "columnGap_4xl": "pf-m-column-gap-4xl",
891
861
  "rowGap_4xl": "pf-m-row-gap-4xl",
892
- "marginInlineStart4xl": "pf-m-margin-inline-start4xl",
893
- "marginInlineEnd4xl": "pf-m-margin-inline-end4xl",
894
862
  "toggleGroup": "pf-m-toggle-group",
895
863
  "show": "pf-m-show",
896
864
  "hide": "pf-m-hide",
@@ -922,40 +890,22 @@ export default {
922
890
  "gap_4xlOnSm": "pf-m-gap-4xl-on-sm",
923
891
  "columnGapNoneOnSm": "pf-m-column-gap-none-on-sm",
924
892
  "rowGapNoneOnSm": "pf-m-row-gap-none-on-sm",
925
- "marginInlineStartnoneOnSm": "pf-m-margin-inline-startnone-on-sm",
926
- "marginInlineEndnoneOnSm": "pf-m-margin-inline-endnone-on-sm",
927
893
  "columnGapXsOnSm": "pf-m-column-gap-xs-on-sm",
928
894
  "rowGapXsOnSm": "pf-m-row-gap-xs-on-sm",
929
- "marginInlineStartxsOnSm": "pf-m-margin-inline-startxs-on-sm",
930
- "marginInlineEndxsOnSm": "pf-m-margin-inline-endxs-on-sm",
931
895
  "columnGapSmOnSm": "pf-m-column-gap-sm-on-sm",
932
896
  "rowGapSmOnSm": "pf-m-row-gap-sm-on-sm",
933
- "marginInlineStartsmOnSm": "pf-m-margin-inline-startsm-on-sm",
934
- "marginInlineEndsmOnSm": "pf-m-margin-inline-endsm-on-sm",
935
897
  "columnGapMdOnSm": "pf-m-column-gap-md-on-sm",
936
898
  "rowGapMdOnSm": "pf-m-row-gap-md-on-sm",
937
- "marginInlineStartmdOnSm": "pf-m-margin-inline-startmd-on-sm",
938
- "marginInlineEndmdOnSm": "pf-m-margin-inline-endmd-on-sm",
939
899
  "columnGapLgOnSm": "pf-m-column-gap-lg-on-sm",
940
900
  "rowGapLgOnSm": "pf-m-row-gap-lg-on-sm",
941
- "marginInlineStartlgOnSm": "pf-m-margin-inline-startlg-on-sm",
942
- "marginInlineEndlgOnSm": "pf-m-margin-inline-endlg-on-sm",
943
901
  "columnGapXlOnSm": "pf-m-column-gap-xl-on-sm",
944
902
  "rowGapXlOnSm": "pf-m-row-gap-xl-on-sm",
945
- "marginInlineStartxlOnSm": "pf-m-margin-inline-startxl-on-sm",
946
- "marginInlineEndxlOnSm": "pf-m-margin-inline-endxl-on-sm",
947
903
  "columnGap_2xlOnSm": "pf-m-column-gap-2xl-on-sm",
948
904
  "rowGap_2xlOnSm": "pf-m-row-gap-2xl-on-sm",
949
- "marginInlineStart2xlOnSm": "pf-m-margin-inline-start2xl-on-sm",
950
- "marginInlineEnd2xlOnSm": "pf-m-margin-inline-end2xl-on-sm",
951
905
  "columnGap_3xlOnSm": "pf-m-column-gap-3xl-on-sm",
952
906
  "rowGap_3xlOnSm": "pf-m-row-gap-3xl-on-sm",
953
- "marginInlineStart3xlOnSm": "pf-m-margin-inline-start3xl-on-sm",
954
- "marginInlineEnd3xlOnSm": "pf-m-margin-inline-end3xl-on-sm",
955
907
  "columnGap_4xlOnSm": "pf-m-column-gap-4xl-on-sm",
956
908
  "rowGap_4xlOnSm": "pf-m-row-gap-4xl-on-sm",
957
- "marginInlineStart4xlOnSm": "pf-m-margin-inline-start4xl-on-sm",
958
- "marginInlineEnd4xlOnSm": "pf-m-margin-inline-end4xl-on-sm",
959
909
  "showOnSm": "pf-m-show-on-sm",
960
910
  "hideOnSm": "pf-m-hide-on-sm",
961
911
  "alignStartOnMd": "pf-m-align-start-on-md",
@@ -986,40 +936,22 @@ export default {
986
936
  "gap_4xlOnMd": "pf-m-gap-4xl-on-md",
987
937
  "columnGapNoneOnMd": "pf-m-column-gap-none-on-md",
988
938
  "rowGapNoneOnMd": "pf-m-row-gap-none-on-md",
989
- "marginInlineStartnoneOnMd": "pf-m-margin-inline-startnone-on-md",
990
- "marginInlineEndnoneOnMd": "pf-m-margin-inline-endnone-on-md",
991
939
  "columnGapXsOnMd": "pf-m-column-gap-xs-on-md",
992
940
  "rowGapXsOnMd": "pf-m-row-gap-xs-on-md",
993
- "marginInlineStartxsOnMd": "pf-m-margin-inline-startxs-on-md",
994
- "marginInlineEndxsOnMd": "pf-m-margin-inline-endxs-on-md",
995
941
  "columnGapSmOnMd": "pf-m-column-gap-sm-on-md",
996
942
  "rowGapSmOnMd": "pf-m-row-gap-sm-on-md",
997
- "marginInlineStartsmOnMd": "pf-m-margin-inline-startsm-on-md",
998
- "marginInlineEndsmOnMd": "pf-m-margin-inline-endsm-on-md",
999
943
  "columnGapMdOnMd": "pf-m-column-gap-md-on-md",
1000
944
  "rowGapMdOnMd": "pf-m-row-gap-md-on-md",
1001
- "marginInlineStartmdOnMd": "pf-m-margin-inline-startmd-on-md",
1002
- "marginInlineEndmdOnMd": "pf-m-margin-inline-endmd-on-md",
1003
945
  "columnGapLgOnMd": "pf-m-column-gap-lg-on-md",
1004
946
  "rowGapLgOnMd": "pf-m-row-gap-lg-on-md",
1005
- "marginInlineStartlgOnMd": "pf-m-margin-inline-startlg-on-md",
1006
- "marginInlineEndlgOnMd": "pf-m-margin-inline-endlg-on-md",
1007
947
  "columnGapXlOnMd": "pf-m-column-gap-xl-on-md",
1008
948
  "rowGapXlOnMd": "pf-m-row-gap-xl-on-md",
1009
- "marginInlineStartxlOnMd": "pf-m-margin-inline-startxl-on-md",
1010
- "marginInlineEndxlOnMd": "pf-m-margin-inline-endxl-on-md",
1011
949
  "columnGap_2xlOnMd": "pf-m-column-gap-2xl-on-md",
1012
950
  "rowGap_2xlOnMd": "pf-m-row-gap-2xl-on-md",
1013
- "marginInlineStart2xlOnMd": "pf-m-margin-inline-start2xl-on-md",
1014
- "marginInlineEnd2xlOnMd": "pf-m-margin-inline-end2xl-on-md",
1015
951
  "columnGap_3xlOnMd": "pf-m-column-gap-3xl-on-md",
1016
952
  "rowGap_3xlOnMd": "pf-m-row-gap-3xl-on-md",
1017
- "marginInlineStart3xlOnMd": "pf-m-margin-inline-start3xl-on-md",
1018
- "marginInlineEnd3xlOnMd": "pf-m-margin-inline-end3xl-on-md",
1019
953
  "columnGap_4xlOnMd": "pf-m-column-gap-4xl-on-md",
1020
954
  "rowGap_4xlOnMd": "pf-m-row-gap-4xl-on-md",
1021
- "marginInlineStart4xlOnMd": "pf-m-margin-inline-start4xl-on-md",
1022
- "marginInlineEnd4xlOnMd": "pf-m-margin-inline-end4xl-on-md",
1023
955
  "showOnMd": "pf-m-show-on-md",
1024
956
  "hideOnMd": "pf-m-hide-on-md",
1025
957
  "alignStartOnLg": "pf-m-align-start-on-lg",
@@ -1050,40 +982,22 @@ export default {
1050
982
  "gap_4xlOnLg": "pf-m-gap-4xl-on-lg",
1051
983
  "columnGapNoneOnLg": "pf-m-column-gap-none-on-lg",
1052
984
  "rowGapNoneOnLg": "pf-m-row-gap-none-on-lg",
1053
- "marginInlineStartnoneOnLg": "pf-m-margin-inline-startnone-on-lg",
1054
- "marginInlineEndnoneOnLg": "pf-m-margin-inline-endnone-on-lg",
1055
985
  "columnGapXsOnLg": "pf-m-column-gap-xs-on-lg",
1056
986
  "rowGapXsOnLg": "pf-m-row-gap-xs-on-lg",
1057
- "marginInlineStartxsOnLg": "pf-m-margin-inline-startxs-on-lg",
1058
- "marginInlineEndxsOnLg": "pf-m-margin-inline-endxs-on-lg",
1059
987
  "columnGapSmOnLg": "pf-m-column-gap-sm-on-lg",
1060
988
  "rowGapSmOnLg": "pf-m-row-gap-sm-on-lg",
1061
- "marginInlineStartsmOnLg": "pf-m-margin-inline-startsm-on-lg",
1062
- "marginInlineEndsmOnLg": "pf-m-margin-inline-endsm-on-lg",
1063
989
  "columnGapMdOnLg": "pf-m-column-gap-md-on-lg",
1064
990
  "rowGapMdOnLg": "pf-m-row-gap-md-on-lg",
1065
- "marginInlineStartmdOnLg": "pf-m-margin-inline-startmd-on-lg",
1066
- "marginInlineEndmdOnLg": "pf-m-margin-inline-endmd-on-lg",
1067
991
  "columnGapLgOnLg": "pf-m-column-gap-lg-on-lg",
1068
992
  "rowGapLgOnLg": "pf-m-row-gap-lg-on-lg",
1069
- "marginInlineStartlgOnLg": "pf-m-margin-inline-startlg-on-lg",
1070
- "marginInlineEndlgOnLg": "pf-m-margin-inline-endlg-on-lg",
1071
993
  "columnGapXlOnLg": "pf-m-column-gap-xl-on-lg",
1072
994
  "rowGapXlOnLg": "pf-m-row-gap-xl-on-lg",
1073
- "marginInlineStartxlOnLg": "pf-m-margin-inline-startxl-on-lg",
1074
- "marginInlineEndxlOnLg": "pf-m-margin-inline-endxl-on-lg",
1075
995
  "columnGap_2xlOnLg": "pf-m-column-gap-2xl-on-lg",
1076
996
  "rowGap_2xlOnLg": "pf-m-row-gap-2xl-on-lg",
1077
- "marginInlineStart2xlOnLg": "pf-m-margin-inline-start2xl-on-lg",
1078
- "marginInlineEnd2xlOnLg": "pf-m-margin-inline-end2xl-on-lg",
1079
997
  "columnGap_3xlOnLg": "pf-m-column-gap-3xl-on-lg",
1080
998
  "rowGap_3xlOnLg": "pf-m-row-gap-3xl-on-lg",
1081
- "marginInlineStart3xlOnLg": "pf-m-margin-inline-start3xl-on-lg",
1082
- "marginInlineEnd3xlOnLg": "pf-m-margin-inline-end3xl-on-lg",
1083
999
  "columnGap_4xlOnLg": "pf-m-column-gap-4xl-on-lg",
1084
1000
  "rowGap_4xlOnLg": "pf-m-row-gap-4xl-on-lg",
1085
- "marginInlineStart4xlOnLg": "pf-m-margin-inline-start4xl-on-lg",
1086
- "marginInlineEnd4xlOnLg": "pf-m-margin-inline-end4xl-on-lg",
1087
1001
  "showOnLg": "pf-m-show-on-lg",
1088
1002
  "hideOnLg": "pf-m-hide-on-lg",
1089
1003
  "alignStartOnXl": "pf-m-align-start-on-xl",
@@ -1114,40 +1028,22 @@ export default {
1114
1028
  "gap_4xlOnXl": "pf-m-gap-4xl-on-xl",
1115
1029
  "columnGapNoneOnXl": "pf-m-column-gap-none-on-xl",
1116
1030
  "rowGapNoneOnXl": "pf-m-row-gap-none-on-xl",
1117
- "marginInlineStartnoneOnXl": "pf-m-margin-inline-startnone-on-xl",
1118
- "marginInlineEndnoneOnXl": "pf-m-margin-inline-endnone-on-xl",
1119
1031
  "columnGapXsOnXl": "pf-m-column-gap-xs-on-xl",
1120
1032
  "rowGapXsOnXl": "pf-m-row-gap-xs-on-xl",
1121
- "marginInlineStartxsOnXl": "pf-m-margin-inline-startxs-on-xl",
1122
- "marginInlineEndxsOnXl": "pf-m-margin-inline-endxs-on-xl",
1123
1033
  "columnGapSmOnXl": "pf-m-column-gap-sm-on-xl",
1124
1034
  "rowGapSmOnXl": "pf-m-row-gap-sm-on-xl",
1125
- "marginInlineStartsmOnXl": "pf-m-margin-inline-startsm-on-xl",
1126
- "marginInlineEndsmOnXl": "pf-m-margin-inline-endsm-on-xl",
1127
1035
  "columnGapMdOnXl": "pf-m-column-gap-md-on-xl",
1128
1036
  "rowGapMdOnXl": "pf-m-row-gap-md-on-xl",
1129
- "marginInlineStartmdOnXl": "pf-m-margin-inline-startmd-on-xl",
1130
- "marginInlineEndmdOnXl": "pf-m-margin-inline-endmd-on-xl",
1131
1037
  "columnGapLgOnXl": "pf-m-column-gap-lg-on-xl",
1132
1038
  "rowGapLgOnXl": "pf-m-row-gap-lg-on-xl",
1133
- "marginInlineStartlgOnXl": "pf-m-margin-inline-startlg-on-xl",
1134
- "marginInlineEndlgOnXl": "pf-m-margin-inline-endlg-on-xl",
1135
1039
  "columnGapXlOnXl": "pf-m-column-gap-xl-on-xl",
1136
1040
  "rowGapXlOnXl": "pf-m-row-gap-xl-on-xl",
1137
- "marginInlineStartxlOnXl": "pf-m-margin-inline-startxl-on-xl",
1138
- "marginInlineEndxlOnXl": "pf-m-margin-inline-endxl-on-xl",
1139
1041
  "columnGap_2xlOnXl": "pf-m-column-gap-2xl-on-xl",
1140
1042
  "rowGap_2xlOnXl": "pf-m-row-gap-2xl-on-xl",
1141
- "marginInlineStart2xlOnXl": "pf-m-margin-inline-start2xl-on-xl",
1142
- "marginInlineEnd2xlOnXl": "pf-m-margin-inline-end2xl-on-xl",
1143
1043
  "columnGap_3xlOnXl": "pf-m-column-gap-3xl-on-xl",
1144
1044
  "rowGap_3xlOnXl": "pf-m-row-gap-3xl-on-xl",
1145
- "marginInlineStart3xlOnXl": "pf-m-margin-inline-start3xl-on-xl",
1146
- "marginInlineEnd3xlOnXl": "pf-m-margin-inline-end3xl-on-xl",
1147
1045
  "columnGap_4xlOnXl": "pf-m-column-gap-4xl-on-xl",
1148
1046
  "rowGap_4xlOnXl": "pf-m-row-gap-4xl-on-xl",
1149
- "marginInlineStart4xlOnXl": "pf-m-margin-inline-start4xl-on-xl",
1150
- "marginInlineEnd4xlOnXl": "pf-m-margin-inline-end4xl-on-xl",
1151
1047
  "showOnXl": "pf-m-show-on-xl",
1152
1048
  "hideOnXl": "pf-m-hide-on-xl",
1153
1049
  "alignStartOn_2xl": "pf-m-align-start-on-2xl",
@@ -1178,40 +1074,22 @@ export default {
1178
1074
  "gap_4xlOn_2xl": "pf-m-gap-4xl-on-2xl",
1179
1075
  "columnGapNoneOn_2xl": "pf-m-column-gap-none-on-2xl",
1180
1076
  "rowGapNoneOn_2xl": "pf-m-row-gap-none-on-2xl",
1181
- "marginInlineStartnoneOn_2xl": "pf-m-margin-inline-startnone-on-2xl",
1182
- "marginInlineEndnoneOn_2xl": "pf-m-margin-inline-endnone-on-2xl",
1183
1077
  "columnGapXsOn_2xl": "pf-m-column-gap-xs-on-2xl",
1184
1078
  "rowGapXsOn_2xl": "pf-m-row-gap-xs-on-2xl",
1185
- "marginInlineStartxsOn_2xl": "pf-m-margin-inline-startxs-on-2xl",
1186
- "marginInlineEndxsOn_2xl": "pf-m-margin-inline-endxs-on-2xl",
1187
1079
  "columnGapSmOn_2xl": "pf-m-column-gap-sm-on-2xl",
1188
1080
  "rowGapSmOn_2xl": "pf-m-row-gap-sm-on-2xl",
1189
- "marginInlineStartsmOn_2xl": "pf-m-margin-inline-startsm-on-2xl",
1190
- "marginInlineEndsmOn_2xl": "pf-m-margin-inline-endsm-on-2xl",
1191
1081
  "columnGapMdOn_2xl": "pf-m-column-gap-md-on-2xl",
1192
1082
  "rowGapMdOn_2xl": "pf-m-row-gap-md-on-2xl",
1193
- "marginInlineStartmdOn_2xl": "pf-m-margin-inline-startmd-on-2xl",
1194
- "marginInlineEndmdOn_2xl": "pf-m-margin-inline-endmd-on-2xl",
1195
1083
  "columnGapLgOn_2xl": "pf-m-column-gap-lg-on-2xl",
1196
1084
  "rowGapLgOn_2xl": "pf-m-row-gap-lg-on-2xl",
1197
- "marginInlineStartlgOn_2xl": "pf-m-margin-inline-startlg-on-2xl",
1198
- "marginInlineEndlgOn_2xl": "pf-m-margin-inline-endlg-on-2xl",
1199
1085
  "columnGapXlOn_2xl": "pf-m-column-gap-xl-on-2xl",
1200
1086
  "rowGapXlOn_2xl": "pf-m-row-gap-xl-on-2xl",
1201
- "marginInlineStartxlOn_2xl": "pf-m-margin-inline-startxl-on-2xl",
1202
- "marginInlineEndxlOn_2xl": "pf-m-margin-inline-endxl-on-2xl",
1203
1087
  "columnGap_2xlOn_2xl": "pf-m-column-gap-2xl-on-2xl",
1204
1088
  "rowGap_2xlOn_2xl": "pf-m-row-gap-2xl-on-2xl",
1205
- "marginInlineStart2xlOn_2xl": "pf-m-margin-inline-start2xl-on-2xl",
1206
- "marginInlineEnd2xlOn_2xl": "pf-m-margin-inline-end2xl-on-2xl",
1207
1089
  "columnGap_3xlOn_2xl": "pf-m-column-gap-3xl-on-2xl",
1208
1090
  "rowGap_3xlOn_2xl": "pf-m-row-gap-3xl-on-2xl",
1209
- "marginInlineStart3xlOn_2xl": "pf-m-margin-inline-start3xl-on-2xl",
1210
- "marginInlineEnd3xlOn_2xl": "pf-m-margin-inline-end3xl-on-2xl",
1211
1091
  "columnGap_4xlOn_2xl": "pf-m-column-gap-4xl-on-2xl",
1212
1092
  "rowGap_4xlOn_2xl": "pf-m-row-gap-4xl-on-2xl",
1213
- "marginInlineStart4xlOn_2xl": "pf-m-margin-inline-start4xl-on-2xl",
1214
- "marginInlineEnd4xlOn_2xl": "pf-m-margin-inline-end4xl-on-2xl",
1215
1093
  "showOn_2xl": "pf-m-show-on-2xl",
1216
1094
  "hideOn_2xl": "pf-m-hide-on-2xl",
1217
1095
  "textAlignLeft": "pf-m-text-align-left",
@@ -1418,7 +1296,6 @@ export default {
1418
1296
  "tabsToggle": "pf-v6-c-tabs__toggle",
1419
1297
  "tabsToggleButton": "pf-v6-c-tabs__toggle-button",
1420
1298
  "tabsToggleIcon": "pf-v6-c-tabs__toggle-icon",
1421
- "tabsToggleText": "pf-v6-c-tabs__toggle-text",
1422
1299
  "textInputGroup": "pf-v6-c-text-input-group",
1423
1300
  "textInputGroupGroup": "pf-v6-c-text-input-group__group",
1424
1301
  "textInputGroupIcon": "pf-v6-c-text-input-group__icon",
@@ -1,9 +1,5 @@
1
- #ws-core-c-page-with-or-without-fill .ws-preview-html,
2
- #ws-core-c-page-multiple-sidebar-body-elements-padding-and-fill .ws-preview-html {
3
- height: 500px;
4
- }
5
-
6
- #ws-core-c-page-multiple-sidebar-body-elements .ws-preview-html,
7
- #ws-core-c-page-using-flex-layout .ws-preview-html {
8
- height: 100%;
9
- }
1
+ /* Because the page component has height:100dvh, override it just for the embedded examples */
2
+ .ws-mdx-content-content [id^=ws-core-c-page-] .ws-preview-html .pf-v6-c-page {
3
+ height: min-content;
4
+ min-height: 30em;
5
+ }
@@ -1,5 +1,7 @@
1
1
  import './Page.css';
2
2
  declare const _default: {
3
+ "page": "pf-v6-c-page",
4
+ "wsMdxContentContent": "ws-mdx-content-content",
3
5
  "wsPreviewHtml": "ws-preview-html"
4
6
  };
5
7
  export default _default;
@@ -2,5 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  require('./Page.css');
4
4
  exports.default = {
5
+ "page": "pf-v6-c-page",
6
+ "wsMdxContentContent": "ws-mdx-content-content",
5
7
  "wsPreviewHtml": "ws-preview-html"
6
8
  };
@@ -1,4 +1,6 @@
1
1
  import './Page.css';
2
2
  export default {
3
+ "page": "pf-v6-c-page",
4
+ "wsMdxContentContent": "ws-mdx-content-content",
3
5
  "wsPreviewHtml": "ws-preview-html"
4
6
  };
@@ -0,0 +1,11 @@
1
+ #ws-html-demos-c-page-context-selector-expanded-in-sidebar .pf-v6-c-page__sidebar-body.pf-m-context-selector {
2
+ position: relative;
3
+ }
4
+
5
+ #ws-html-demos-c-page-context-selector-expanded-in-sidebar .pf-v6-c-page__sidebar-body.pf-m-context-selector .pf-v6-c-menu {
6
+ position: absolute;
7
+ top: 100%;
8
+ left: var(--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart);
9
+ right: var(--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd);
10
+ z-index: var(--pf-t--global--z-index--sm);
11
+ }
@@ -0,0 +1,9 @@
1
+ import './Page.css';
2
+ declare const _default: {
3
+ "menu": "pf-v6-c-menu",
4
+ "modifiers": {
5
+ "contextSelector": "pf-m-context-selector"
6
+ },
7
+ "pageSidebarBody": "pf-v6-c-page__sidebar-body"
8
+ };
9
+ export default _default;
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ require('./Page.css');
4
+ exports.default = {
5
+ "menu": "pf-v6-c-menu",
6
+ "modifiers": {
7
+ "contextSelector": "pf-m-context-selector"
8
+ },
9
+ "pageSidebarBody": "pf-v6-c-page__sidebar-body"
10
+ };
@@ -0,0 +1,8 @@
1
+ import './Page.css';
2
+ export default {
3
+ "menu": "pf-v6-c-menu",
4
+ "modifiers": {
5
+ "contextSelector": "pf-m-context-selector"
6
+ },
7
+ "pageSidebarBody": "pf-v6-c-page__sidebar-body"
8
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "6.0.0-alpha.26",
3
+ "version": "6.0.0-alpha.28",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,10 +19,10 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "6.0.0-alpha.160",
22
+ "@patternfly/patternfly": "6.0.0-alpha.180",
23
23
  "change-case": "^5.4.4",
24
24
  "fs-extra": "^11.2.0"
25
25
  },
26
26
  "license": "MIT",
27
- "gitHead": "5ce8c9748b3f0fafa36430e68d82d0725dff2f2e"
27
+ "gitHead": "4eb47e70a3ba0ce15d70b03b8cf9602f7a7215f3"
28
28
  }
@@ -1,176 +0,0 @@
1
- :where(:root, .pf-v6-c-log-viewer) {
2
- --pf-v6-c-log-viewer--Height: 100%;
3
- --pf-v6-c-log-viewer--MaxHeight: auto;
4
- --pf-v6-c-log-viewer--m-line-numbers__index--Display: inline;
5
- --pf-v6-c-log-viewer__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
6
- --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7
- --pf-v6-c-log-viewer__main--BorderWidth: var(--pf-t--global--border--width--box--default);
8
- --pf-v6-c-log-viewer__main--BorderColor: var(--pf-t--global--border--color--default);
9
- --pf-v6-c-log-viewer__scroll-container--Height: 37.5rem;
10
- --pf-v6-c-log-viewer__scroll-container--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11
- --pf-v6-c-log-viewer__scroll-container--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12
- --pf-v6-c-log-viewer--m-line-numbers__list--before--InsetBlockStart: 0;
13
- --pf-v6-c-log-viewer--m-line-numbers__list--before--InsetBlockEnd: 0;
14
- --pf-v6-c-log-viewer--m-line-numbers__list--before--Width: var(--pf-t--global--border--width--divider--default);
15
- --pf-v6-c-log-viewer--m-line-numbers__list--before--BackgroundColor: var(--pf-t--global--border--color--default);
16
- --pf-v6-c-log-viewer__list--Height: auto;
17
- --pf-v6-c-log-viewer--m-line-numbers__list--InsetInlineStart: var(--pf-v6-c-log-viewer__index--Width);
18
- --pf-v6-c-log-viewer__list--FontFamily: var(--pf-t--global--font--family--mono);
19
- --pf-v6-c-log-viewer__list--FontSize: var(--pf-t--global--font--size--body--sm);
20
- --pf-v6-c-log-viewer__index--Display: none;
21
- --pf-v6-c-log-viewer__index--Width: 4.0625rem;
22
- --pf-v6-c-log-viewer__index--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
23
- --pf-v6-c-log-viewer__index--PaddingInlineStart: var(--pf-t--global--spacer--lg);
24
- --pf-v6-c-log-viewer__index--Color: var(--pf-t--global--text--color--subtle);
25
- --pf-v6-c-log-viewer__index--BackgroundColor: transparent;
26
- --pf-v6-c-log-viewer--line-number-chars: 4.4;
27
- --pf-v6-c-log-viewer--m-line-number-chars__index--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
28
- --pf-v6-c-log-viewer--m-line-number-chars__index--Width: calc(1ch * var(--pf-v6-c-log-viewer--line-number-chars) + var(--pf-v6-c-log-viewer__index--PaddingInlineEnd) + var(--pf-v6-c-log-viewer__index--PaddingInlineStart));
29
- --pf-v6-c-log-viewer__text--PaddingInlineEnd: var(--pf-t--global--spacer--md);
30
- --pf-v6-c-log-viewer__text--PaddingInlineStart: var(--pf-t--global--spacer--md);
31
- --pf-v6-c-log-viewer__text--Color: var(--pf-t--global--text--color--regular);
32
- --pf-v6-c-log-viewer__text--WordBreak: break-all;
33
- --pf-v6-c-log-viewer__text--WhiteSpace: break-spaces;
34
- --pf-v6-c-log-viewer__text--LineBreak: anywhere;
35
- --pf-v6-c-log-viewer--m-nowrap__text--WhiteSpace: nowrap;
36
- --pf-v6-c-log-viewer__string--m-match--Color: var(--pf-t--global--text--color--on-highlight);
37
- --pf-v6-c-log-viewer__string--m-match--BackgroundColor: var(--pf-t--global--background--color--highlight--default);
38
- --pf-v6-c-log-viewer__string--m-current--Color: var(--pf-t--global--text--color--on-highlight);
39
- --pf-v6-c-log-viewer__string--m-current--BackgroundColor: var(--pf-t--global--background--color--highlight--clicked);
40
- --pf-v6-c-log-viewer__timestamp--FontWeight: var(--pf-t--global--font--weight--body--bold);
41
- --pf-v6-c-log-viewer--c-toolbar--PaddingBlockStart: 0;
42
- --pf-v6-c-log-viewer--c-toolbar--PaddingBlockEnd: 0;
43
- --pf-v6-c-log-viewer--c-toolbar__content--PaddingInlineEnd: 0;
44
- --pf-v6-c-log-viewer--c-toolbar__content--PaddingInlineStart: 0;
45
- --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--spacer: 0;
46
- --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-t--global--spacer--sm);
47
- --pf-v6-c-log-viewer--m-dark__main--BorderWidth: 0;
48
- }
49
-
50
- .pf-v6-c-log-viewer {
51
- display: flex;
52
- flex-direction: column;
53
- height: var(--pf-v6-c-log-viewer--Height);
54
- max-height: var(--pf-v6-c-log-viewer--MaxHeight);
55
- }
56
- .pf-v6-c-log-viewer.pf-m-dark {
57
- --pf-v6-c-log-viewer__main--BorderWidth: var(--pf-v6-c-log-viewer--m-dark__main--BorderWidth);
58
- }
59
- .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main {
60
- --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
61
- --pf-v6-c-log-viewer__main--BorderColor: var(--pf-t--global--border--color--default);
62
- --pf-v6-c-log-viewer__text--Color: var(--pf-t--global--text--color--regular);
63
- --pf-v6-c-log-viewer__index--Color: var(--pf-t--global--text--color--subtle);
64
- --pf-v6-c-log-viewer--m-line-numbers__list--before--BackgroundColor: var(--pf-t--global--border--color--default);
65
- }
66
- .pf-v6-c-log-viewer.pf-m-wrap-text {
67
- word-break: break-all;
68
- }
69
- .pf-v6-c-log-viewer.pf-m-nowrap {
70
- --pf-v6-c-log-viewer__text--WhiteSpace: var(--pf-v6-c-log-viewer--m-nowrap__text--WhiteSpace);
71
- }
72
- .pf-v6-c-log-viewer.pf-m-line-numbers {
73
- --pf-v6-c-log-viewer__index--Display: var(--pf-v6-c-log-viewer--m-line-numbers__index--Display);
74
- }
75
- .pf-v6-c-log-viewer.pf-m-line-numbers .pf-v6-c-log-viewer__list {
76
- position: absolute;
77
- inset-inline-start: var(--pf-v6-c-log-viewer--m-line-numbers__list--InsetInlineStart);
78
- inset-inline-end: 0;
79
- }
80
- .pf-v6-c-log-viewer.pf-m-line-numbers .pf-v6-c-log-viewer__list::before {
81
- position: absolute;
82
- inset-block-start: var(--pf-v6-c-log-viewer--m-line-numbers__list--before--InsetBlockStart);
83
- inset-block-end: var(--pf-v6-c-log-viewer--m-line-numbers__list--before--InsetBlockEnd);
84
- inset-inline-start: 0;
85
- width: var(--pf-v6-c-log-viewer--m-line-numbers__list--before--Width);
86
- content: "";
87
- background: var(--pf-v6-c-log-viewer--m-line-numbers__list--before--BackgroundColor);
88
- }
89
- .pf-v6-c-log-viewer.pf-m-line-number-chars {
90
- --pf-v6-c-log-viewer__index--PaddingInlineEnd: var(--pf-v6-c-log-viewer--m-line-number-chars__index--PaddingInlineEnd);
91
- --pf-v6-c-log-viewer__index--Width: var(--pf-v6-c-log-viewer--m-line-number-chars__index--Width);
92
- }
93
- .pf-v6-c-log-viewer .pf-v6-c-toolbar {
94
- --pf-v6-c-toolbar--PaddingBlockStart: var(--pf-v6-c-log-viewer--c-toolbar--PaddingBlockStart);
95
- --pf-v6-c-toolbar--PaddingBlockEnd: var(--pf-v6-c-log-viewer--c-toolbar--PaddingBlockEnd);
96
- --pf-v6-c-toolbar__content--PaddingInlineEnd: var(--pf-v6-c-log-viewer--c-toolbar__content--PaddingInlineEnd);
97
- --pf-v6-c-toolbar__content--PaddingInlineStart: var(--pf-v6-c-log-viewer--c-toolbar__content--PaddingInlineStart);
98
- --pf-v6-c-toolbar__group--m-toggle-group--spacer: 0;
99
- --pf-v6-c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer);
100
- }
101
- .pf-v6-c-log-viewer .pf-v6-c-toolbar__content-section {
102
- flex-wrap: nowrap;
103
- }
104
-
105
- .pf-v6-c-log-viewer__header {
106
- margin-block-end: var(--pf-v6-c-log-viewer__header--MarginBlockEnd);
107
- }
108
-
109
- .pf-v6-c-log-viewer__main {
110
- display: flex;
111
- flex-direction: column;
112
- min-height: 0;
113
- background-color: var(--pf-v6-c-log-viewer__main--BackgroundColor);
114
- border: var(--pf-v6-c-log-viewer__main--BorderWidth) solid var(--pf-v6-c-log-viewer__main--BorderColor);
115
- }
116
-
117
- .pf-v6-c-log-viewer__scroll-container {
118
- position: relative;
119
- height: var(--pf-v6-c-log-viewer__scroll-container--Height);
120
- padding-block-start: var(--pf-v6-c-log-viewer__scroll-container--PaddingBlockStart);
121
- padding-block-end: var(--pf-v6-c-log-viewer__scroll-container--PaddingBlockEnd);
122
- overflow: auto;
123
- will-change: transform;
124
- direction: ltr;
125
- }
126
-
127
- .pf-v6-c-log-viewer__list {
128
- position: relative;
129
- height: var(--pf-v6-c-log-viewer__list--Height);
130
- font-family: var(--pf-v6-c-log-viewer__list--FontFamily);
131
- font-size: var(--pf-v6-c-log-viewer__list--FontSize);
132
- }
133
-
134
- .pf-v6-c-log-viewer__list-item {
135
- inset-inline-start: 0;
136
- width: 100%;
137
- }
138
-
139
- .pf-v6-c-log-viewer__string.pf-m-match {
140
- color: var(--pf-v6-c-log-viewer__string--m-match--Color, inherit);
141
- background-color: var(--pf-v6-c-log-viewer__string--m-match--BackgroundColor);
142
- }
143
- .pf-v6-c-log-viewer__string.pf-m-current {
144
- color: var(--pf-v6-c-log-viewer__string--m-current--Color, inherit);
145
- background-color: var(--pf-v6-c-log-viewer__string--m-current--BackgroundColor);
146
- }
147
-
148
- .pf-v6-c-log-viewer__index {
149
- position: fixed;
150
- inset-inline-start: 0;
151
- display: var(--pf-v6-c-log-viewer__index--Display);
152
- width: var(--pf-v6-c-log-viewer__index--Width);
153
- padding-inline-start: var(--pf-v6-c-log-viewer__index--PaddingInlineStart);
154
- padding-inline-end: var(--pf-v6-c-log-viewer__index--PaddingInlineEnd);
155
- font-family: var(--pf-v6-c-log-viewer__index--FontFamily, inherit);
156
- font-size: var(--pf-v6-c-log-viewer__index--FontSize, inherit);
157
- color: var(--pf-v6-c-log-viewer__index--Color);
158
- user-select: none;
159
- background-color: var(--pf-v6-c-log-viewer__index--BackgroundColor);
160
- }
161
-
162
- .pf-v6-c-log-viewer__text {
163
- display: block;
164
- padding-inline-start: var(--pf-v6-c-log-viewer__text--PaddingInlineStart);
165
- padding-inline-end: var(--pf-v6-c-log-viewer__text--PaddingInlineEnd);
166
- font-family: var(--pf-v6-c-log-viewer__text--FontFamily, inherit);
167
- font-size: var(--pf-v6-c-log-viewer__text--FontSize, inherit);
168
- color: var(--pf-v6-c-log-viewer__text--Color);
169
- word-break: var(--pf-v6-c-log-viewer__text--WordBreak);
170
- white-space: var(--pf-v6-c-log-viewer__text--WhiteSpace);
171
- line-break: var(--pf-v6-c-log-viewer__text--LineBreak);
172
- }
173
-
174
- .pf-v6-c-log-viewer__timestamp {
175
- font-weight: var(--pf-v6-c-log-viewer__timestamp--FontWeight);
176
- }