@patternfly/patternfly 6.0.0-alpha.107 → 6.0.0-alpha.109

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 (137) hide show
  1. package/README.md +0 -1
  2. package/base/_common.scss +4 -4
  3. package/base/_globals.scss +2 -2
  4. package/base/_themes.scss +3 -3
  5. package/base/_variables.scss +14 -14
  6. package/base/patternfly-variables.css +18 -12
  7. package/base/themes/dark/_globals.scss +1 -1
  8. package/base/tokens/_tokens-charts.scss +1 -1
  9. package/base/tokens/_tokens-dark.scss +3 -3
  10. package/base/tokens/_tokens-default.scss +17 -11
  11. package/base/tokens/_tokens-palette.scss +1 -1
  12. package/components/AboutModalBox/about-modal-box.scss +12 -12
  13. package/components/Accordion/accordion.scss +2 -2
  14. package/components/Alert/alert.css +4 -4
  15. package/components/Alert/alert.scss +6 -8
  16. package/components/AppLauncher/app-launcher.scss +2 -2
  17. package/components/AppLauncher/themes/dark/app-launcher.scss +1 -1
  18. package/components/Avatar/avatar.scss +5 -5
  19. package/components/BackToTop/back-to-top.scss +1 -1
  20. package/components/BackgroundImage/background-image.scss +1 -1
  21. package/components/Banner/banner.scss +1 -1
  22. package/components/Brand/brand.scss +3 -3
  23. package/components/Breadcrumb/breadcrumb.css +2 -2
  24. package/components/Breadcrumb/breadcrumb.scss +3 -3
  25. package/components/CalendarMonth/calendar-month.scss +1 -1
  26. package/components/Card/card.css +5 -5
  27. package/components/Card/card.scss +6 -6
  28. package/components/Chip/chip-group.scss +2 -2
  29. package/components/Chip/chip.scss +4 -4
  30. package/components/Chip/themes/dark/chip.scss +1 -1
  31. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  32. package/components/Content/content.scss +4 -4
  33. package/components/ContextSelector/context-selector.scss +5 -5
  34. package/components/ContextSelector/themes/dark/context-selector.scss +1 -1
  35. package/components/DataList/data-list-grid.scss +6 -6
  36. package/components/DataList/data-list.css +17 -17
  37. package/components/DataList/data-list.scss +6 -6
  38. package/components/DescriptionList/description-list-order.scss +1 -1
  39. package/components/DescriptionList/description-list.scss +5 -5
  40. package/components/Divider/divider.css +15 -15
  41. package/components/Divider/divider.scss +16 -16
  42. package/components/Drawer/drawer.css +2 -2
  43. package/components/Drawer/drawer.scss +27 -27
  44. package/components/Dropdown/dropdown.scss +6 -6
  45. package/components/Dropdown/themes/dark/dropdown.scss +1 -1
  46. package/components/DualListSelector/dual-list-selector.scss +4 -4
  47. package/components/ExpandableSection/expandable-section.scss +1 -1
  48. package/components/Form/form.scss +8 -8
  49. package/components/FormControl/form-control.css +3 -3
  50. package/components/FormControl/form-control.scss +3 -3
  51. package/components/Hint/hint.css +1 -1
  52. package/components/Hint/hint.scss +1 -1
  53. package/components/JumpLinks/jump-links.css +2 -2
  54. package/components/JumpLinks/jump-links.scss +6 -6
  55. package/components/Label/label-group.scss +1 -1
  56. package/components/Label/label.scss +2 -2
  57. package/components/LogViewer/log-viewer.scss +3 -3
  58. package/components/LogViewer/themes/dark/log-viewer.scss +2 -2
  59. package/components/Login/login.scss +13 -13
  60. package/components/Masthead/masthead.scss +15 -15
  61. package/components/Menu/menu.css +17 -17
  62. package/components/Menu/menu.scss +9 -9
  63. package/components/MenuToggle/menu-toggle.scss +1 -1
  64. package/components/ModalBox/modal-box.scss +3 -3
  65. package/components/Nav/nav.scss +3 -3
  66. package/components/NotificationDrawer/notification-drawer.scss +3 -3
  67. package/components/NumberInput/number-input.scss +1 -1
  68. package/components/OptionsMenu/options-menu.scss +3 -3
  69. package/components/OptionsMenu/themes/dark/options-menu.scss +1 -1
  70. package/components/Page/page.css +16 -16
  71. package/components/Page/page.scss +19 -19
  72. package/components/Pagination/pagination.scss +10 -10
  73. package/components/Popover/popover.css +1 -1
  74. package/components/Popover/popover.scss +1 -1
  75. package/components/Progress/progress.scss +1 -1
  76. package/components/ProgressStepper/progress-stepper.scss +11 -11
  77. package/components/Select/select.scss +5 -5
  78. package/components/Select/themes/dark/select.scss +1 -1
  79. package/components/Sidebar/sidebar.css +84 -84
  80. package/components/Sidebar/sidebar.scss +12 -12
  81. package/components/Skeleton/skeleton.scss +1 -1
  82. package/components/Slider/slider.scss +11 -11
  83. package/components/Switch/switch.scss +2 -2
  84. package/components/TabContent/tab-content.scss +1 -1
  85. package/components/Table/table-grid.scss +6 -6
  86. package/components/Table/table-tree-view.scss +6 -6
  87. package/components/Table/table.css +15 -15
  88. package/components/Table/table.scss +2 -2
  89. package/components/Tabs/tabs.scss +10 -10
  90. package/components/TextInputGroup/text-input-group.scss +1 -1
  91. package/components/ToggleGroup/toggle-group.css +2 -2
  92. package/components/ToggleGroup/toggle-group.scss +2 -2
  93. package/components/Toolbar/toolbar.css +15 -15
  94. package/components/Toolbar/toolbar.scss +20 -20
  95. package/components/TreeView/tree-view.scss +5 -5
  96. package/components/Truncate/truncate.scss +3 -3
  97. package/components/Wizard/wizard.scss +10 -10
  98. package/docs/components/Badge/examples/Badge.md +0 -21
  99. package/docs/components/Breadcrumb/examples/Breadcrumb.md +17 -58
  100. package/docs/components/Menu/examples/Menu.md +14 -6
  101. package/docs/components/MenuToggle/examples/MenuToggle.md +19 -0
  102. package/layouts/Flex/flex.scss +12 -12
  103. package/layouts/Gallery/gallery.scss +2 -2
  104. package/layouts/Grid/grid.scss +5 -5
  105. package/package.json +1 -1
  106. package/patternfly-base-no-globals-theme-dark-unversioned.css +18 -12
  107. package/patternfly-base-no-globals-theme-dark-unversioned.scss +1 -1
  108. package/patternfly-base-no-globals.css +18 -12
  109. package/patternfly-base-theme-dark-unversioned.css +18 -12
  110. package/patternfly-base.css +18 -12
  111. package/patternfly-charts-theme-dark-unversioned.scss +4 -4
  112. package/patternfly-charts-theme-dark.css +2 -2
  113. package/patternfly-charts-theme-dark.scss +4 -4
  114. package/patternfly-no-globals.css +163 -157
  115. package/patternfly-theme-dark-unversioned.css +163 -157
  116. package/patternfly.css +163 -157
  117. package/patternfly.min.css +1 -1
  118. package/patternfly.min.css.map +1 -1
  119. package/sass-utilities/_init.scss +3 -3
  120. package/sass-utilities/functions.scss +11 -11
  121. package/sass-utilities/mixins.scss +55 -54
  122. package/sass-utilities/placeholders.scss +12 -12
  123. package/sass-utilities/scss-variables.scss +27 -27
  124. package/sass-utilities/themes/dark/mixins.scss +2 -2
  125. package/sass-utilities/themes/dark/placeholders.scss +1 -1
  126. package/themes/dark/_patternfly-charts-theme-dark.scss +1 -1
  127. package/utilities/Accessibility/accessibility.scss +6 -6
  128. package/utilities/Alignment/alignment.scss +1 -1
  129. package/utilities/BackgroundColor/BackgroundColor.scss +1 -1
  130. package/utilities/BoxShadow/box-shadow.scss +1 -1
  131. package/utilities/Display/display.scss +1 -1
  132. package/utilities/Flex/flex.scss +10 -10
  133. package/utilities/Float/float.scss +1 -1
  134. package/utilities/Sizing/sizing.scss +6 -6
  135. package/utilities/Spacing/spacing.scss +3 -3
  136. package/utilities/Text/text.scss +5 -5
  137. package/docs/components/Breadcrumb/examples/Breadcrumb.css +0 -3
package/utilities/Display/display.scss CHANGED
@@ -13,6 +13,6 @@ $pf-v6-u-display-options: (
13
13
  display-inline-flex: (display inline-flex)
14
14
  );
15
15
 
16
- @include pf-v5-utility-builder($pf-v6-u-display-options, $pf-v5-global--breakpoint-list);
16
+ @include pf-v6-utility-builder($pf-v6-u-display-options, $pf-v6-global--breakpoint-list);
17
17
 
18
18
  // stylelint-enable
package/utilities/Flex/flex.scss CHANGED
@@ -8,7 +8,7 @@ $pf-v6-u-flex-direction-options: (
8
8
  flex-direction-row-reverse: (flex-direction row-reverse)
9
9
  );
10
10
 
11
- @include pf-v5-utility-builder($pf-v6-u-flex-direction-options, $pf-v5-global--breakpoint-list);
11
+ @include pf-v6-utility-builder($pf-v6-u-flex-direction-options, $pf-v6-global--breakpoint-list);
12
12
 
13
13
  // Flex wrap options
14
14
  $pf-v6-u-flex-wrap-options: (
@@ -17,7 +17,7 @@ $pf-v6-u-flex-wrap-options: (
17
17
  flex-wrap-reverse: (flex-wrap wrap-reverse)
18
18
  );
19
19
 
20
- @include pf-v5-utility-builder($pf-v6-u-flex-wrap-options, $pf-v5-global--breakpoint-list);
20
+ @include pf-v6-utility-builder($pf-v6-u-flex-wrap-options, $pf-v6-global--breakpoint-list);
21
21
 
22
22
  // Align item options
23
23
  $pf-v6-u-align-items-options: (
@@ -28,7 +28,7 @@ $pf-v6-u-align-items-options: (
28
28
  align-items-stretch: (align-items stretch)
29
29
  );
30
30
 
31
- @include pf-v5-utility-builder($pf-v6-u-align-items-options, $pf-v5-global--breakpoint-list);
31
+ @include pf-v6-utility-builder($pf-v6-u-align-items-options, $pf-v6-global--breakpoint-list);
32
32
 
33
33
  // Align self options
34
34
  $pf-v6-u-align-self-options: (
@@ -39,7 +39,7 @@ $pf-v6-u-align-self-options: (
39
39
  align-self-stretch: (align-self stretch)
40
40
  );
41
41
 
42
- @include pf-v5-utility-builder($pf-v6-u-align-self-options, $pf-v5-global--breakpoint-list);
42
+ @include pf-v6-utility-builder($pf-v6-u-align-self-options, $pf-v6-global--breakpoint-list);
43
43
 
44
44
  // Align content options
45
45
  $pf-v6-u-align-content-options: (
@@ -51,7 +51,7 @@ $pf-v6-u-align-content-options: (
51
51
  align-content-stretch: (align-content stretch)
52
52
  );
53
53
 
54
- @include pf-v5-utility-builder($pf-v6-u-align-content-options, $pf-v5-global--breakpoint-list);
54
+ @include pf-v6-utility-builder($pf-v6-u-align-content-options, $pf-v6-global--breakpoint-list);
55
55
 
56
56
  // Justify content options
57
57
  $pf-v6-u-justify-content-options: (
@@ -63,7 +63,7 @@ $pf-v6-u-justify-content-options: (
63
63
  justify-content-stretch: (justify-content stretch)
64
64
  );
65
65
 
66
- @include pf-v5-utility-builder($pf-v6-u-justify-content-options, $pf-v5-global--breakpoint-list);
66
+ @include pf-v6-utility-builder($pf-v6-u-justify-content-options, $pf-v6-global--breakpoint-list);
67
67
 
68
68
  // Justify content options
69
69
  $pf-v6-u-flex-shrink-grow-options: (
@@ -73,7 +73,7 @@ $pf-v6-u-flex-shrink-grow-options: (
73
73
  flex-grow-0: (flex-grow 0)
74
74
  );
75
75
 
76
- @include pf-v5-utility-builder($pf-v6-u-flex-shrink-grow-options, $pf-v5-global--breakpoint-list);
76
+ @include pf-v6-utility-builder($pf-v6-u-flex-shrink-grow-options, $pf-v6-global--breakpoint-list);
77
77
 
78
78
  // Flex basis options
79
79
  $pf-v6-u-flex-basis-options: (
@@ -81,7 +81,7 @@ $pf-v6-u-flex-basis-options: (
81
81
  flex-basis-auto: (flex-basis auto)
82
82
  );
83
83
 
84
- @include pf-v5-utility-builder($pf-v6-u-flex-basis-options, $pf-v5-global--breakpoint-list);
84
+ @include pf-v6-utility-builder($pf-v6-u-flex-basis-options, $pf-v6-global--breakpoint-list);
85
85
 
86
86
  // Justify content options
87
87
  $pf-v6-u-flex-options: (
@@ -89,9 +89,9 @@ $pf-v6-u-flex-options: (
89
89
  flex-1: (flex 1)
90
90
  );
91
91
 
92
- @include pf-v5-utility-builder($pf-v6-u-flex-options, $pf-v5-global--breakpoint-list);
92
+ @include pf-v6-utility-builder($pf-v6-u-flex-options, $pf-v6-global--breakpoint-list);
93
93
 
94
94
  // Flex fill
95
- @include pf-v5-utility-builder(flex-fill flex "1 1 auto", $pf-v5-global--breakpoint-list);
95
+ @include pf-v6-utility-builder(flex-fill flex "1 1 auto", $pf-v6-global--breakpoint-list);
96
96
 
97
97
  // stylelint-enable
package/utilities/Float/float.scss CHANGED
@@ -6,6 +6,6 @@ $pf-v6-u-alignment-options: (
6
6
  );
7
7
 
8
8
  // Text utilities
9
- @include pf-v5-utility-builder($pf-v6-u-alignment-options, $pf-v5-global--breakpoint-list);
9
+ @include pf-v6-utility-builder($pf-v6-u-alignment-options, $pf-v6-global--breakpoint-list);
10
10
 
11
11
  // stylelint-enable
package/utilities/Sizing/sizing.scss CHANGED
@@ -41,13 +41,13 @@ $pf-v6-u-height-options: (
41
41
  h-100vh: (height 100vh)
42
42
  );
43
43
 
44
- @include pf-v5-utility-builder($pf-v6-u-width-options, $pf-v5-global--breakpoint-list);
45
- @include pf-v5-utility-builder($pf-v6-u-height-options, $pf-v5-global--breakpoint-list);
44
+ @include pf-v6-utility-builder($pf-v6-u-width-options, $pf-v6-global--breakpoint-list);
45
+ @include pf-v6-utility-builder($pf-v6-u-height-options, $pf-v6-global--breakpoint-list);
46
46
 
47
47
  .#{$pf-prefix}u-min-width {
48
48
  --pf-v6-u-min-width--MinWidth: 0;
49
49
 
50
- @include pf-v5-build-css-variable-stack(
50
+ @include pf-v6-build-css-variable-stack(
51
51
  "min-width",
52
52
  "--pf-v6-u-min-width--MinWidth",
53
53
  $pf-v6-u-sizing--min-max--breakpoint-map,
@@ -58,7 +58,7 @@ $pf-v6-u-height-options: (
58
58
  .#{$pf-prefix}u-max-width {
59
59
  --pf-v6-u-max-width--MaxWidth: auto;
60
60
 
61
- @include pf-v5-build-css-variable-stack(
61
+ @include pf-v6-build-css-variable-stack(
62
62
  "max-width",
63
63
  "--pf-v6-u-max-width--MaxWidth",
64
64
  $pf-v6-u-sizing--min-max--breakpoint-map,
@@ -69,7 +69,7 @@ $pf-v6-u-height-options: (
69
69
  .#{$pf-prefix}u-min-height {
70
70
  --pf-v6-u-min-height--MinHeight: 0;
71
71
 
72
- @include pf-v5-build-css-variable-stack(
72
+ @include pf-v6-build-css-variable-stack(
73
73
  "min-height",
74
74
  "--pf-v6-u-min-height--MinHeight",
75
75
  $pf-v6-u-sizing--min-max--breakpoint-map,
@@ -80,7 +80,7 @@ $pf-v6-u-height-options: (
80
80
  .#{$pf-prefix}u-max-height {
81
81
  --pf-v6-u-max-height--MaxHeight: auto;
82
82
 
83
- @include pf-v5-build-css-variable-stack(
83
+ @include pf-v6-build-css-variable-stack(
84
84
  "max-height",
85
85
  "--pf-v6-u-max-height--MaxHeight",
86
86
  $pf-v6-u-sizing--min-max--breakpoint-map,
package/utilities/Spacing/spacing.scss CHANGED
@@ -4,17 +4,17 @@
4
4
  @mixin pf-spacer-builder {
5
5
 
6
6
  // Loop through breakpoints
7
- @each $breakpoint, $breakpoint-value in $pf-v5-global--breakpoint-map {
7
+ @each $breakpoint, $breakpoint-value in $pf-v6-global--breakpoint-map {
8
8
 
9
9
  // Loop through margin and padding values
10
- @each $property, $property-value in $pf-v5-global--spacer-properties-map {
10
+ @each $property, $property-value in $pf-v6-global--spacer-properties-map {
11
11
 
12
12
  // Loop through spacer values
13
13
  @each $spacer, $spacer-value in $pf-v6-global--spacer-map {
14
14
 
15
15
  // If breakpoint != null, append responsive value
16
16
  .#{$pf-prefix}u-#{$property}-#{$spacer}#{$breakpoint-value} {
17
- @include pf-v5-media-query($breakpoint) {
17
+ @include pf-v6-media-query($breakpoint) {
18
18
  $spacer-value: $spacer-value !important;
19
19
 
20
20
  // If margin x property, set left and right margins
package/utilities/Text/text.scss CHANGED
@@ -22,7 +22,7 @@ $pf-v6-u-font-family-options: (
22
22
  )
23
23
  );
24
24
 
25
- @include pf-v5-utility-builder($pf-v6-u-font-family-options);
25
+ @include pf-v6-utility-builder($pf-v6-u-font-family-options);
26
26
 
27
27
  // Font size options
28
28
  $pf-v6-u-font-size-options: (
@@ -52,7 +52,7 @@ $pf-v6-u-font-size-options: (
52
52
  )
53
53
  );
54
54
 
55
- @include pf-v5-utility-builder($pf-v6-u-font-size-options, $pf-v5-global--breakpoint-list);
55
+ @include pf-v6-utility-builder($pf-v6-u-font-size-options, $pf-v6-global--breakpoint-list);
56
56
 
57
57
  // Font weight options
58
58
  $pf-v6-u-font-weight-options: (
@@ -64,7 +64,7 @@ $pf-v6-u-font-weight-options: (
64
64
  )
65
65
  );
66
66
 
67
- @include pf-v5-utility-builder($pf-v6-u-font-weight-options, $pf-v5-global--breakpoint-list);
67
+ @include pf-v6-utility-builder($pf-v6-u-font-weight-options, $pf-v6-global--breakpoint-list);
68
68
 
69
69
  // Font color options
70
70
  $pf-v6-u-font-color-options: (
@@ -166,7 +166,7 @@ $pf-v6-u-font-color-options: (
166
166
  )
167
167
  );
168
168
 
169
- @include pf-v5-utility-builder($pf-v6-u-font-color-options, $pf-v5-global--breakpoint-list);
169
+ @include pf-v6-utility-builder($pf-v6-u-font-color-options, $pf-v6-global--breakpoint-list);
170
170
 
171
171
  // Font layout options
172
172
  $pf-v6-u-font-alignment-options: (
@@ -181,7 +181,7 @@ $pf-v6-u-font-alignment-options: (
181
181
  )
182
182
  );
183
183
 
184
- @include pf-v5-utility-builder($pf-v6-u-font-alignment-options, $pf-v5-global--breakpoint-list);
184
+ @include pf-v6-utility-builder($pf-v6-u-font-alignment-options, $pf-v6-global--breakpoint-list);
185
185
 
186
186
  .#{$pf-prefix}u-text-truncate {
187
187
  min-width: 0 !important;
package/docs/components/Breadcrumb/examples/Breadcrumb.css DELETED
@@ -1,3 +0,0 @@
1
- #ws-core-c-breadcrumb-with-dropdown {
2
- min-height: 280px;
3
- }