@patternfly/patternfly 6.0.0-alpha.106 → 6.0.0-alpha.108

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 (154) 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.scss +2 -2
  15. package/components/AppLauncher/app-launcher.scss +2 -2
  16. package/components/AppLauncher/themes/dark/app-launcher.scss +1 -1
  17. package/components/Avatar/avatar.scss +5 -5
  18. package/components/BackToTop/back-to-top.scss +1 -1
  19. package/components/BackgroundImage/background-image.scss +1 -1
  20. package/components/Banner/banner.scss +1 -1
  21. package/components/Brand/brand.scss +3 -3
  22. package/components/Breadcrumb/breadcrumb.scss +1 -1
  23. package/components/CalendarMonth/calendar-month.scss +1 -1
  24. package/components/Card/card.scss +1 -1
  25. package/components/Chip/chip-group.scss +2 -2
  26. package/components/Chip/chip.scss +4 -4
  27. package/components/Chip/themes/dark/chip.scss +1 -1
  28. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  29. package/components/Content/content.scss +4 -4
  30. package/components/ContextSelector/context-selector.scss +5 -5
  31. package/components/ContextSelector/themes/dark/context-selector.scss +1 -1
  32. package/components/DataList/data-list-grid.scss +6 -6
  33. package/components/DataList/data-list.css +15 -15
  34. package/components/DataList/data-list.scss +4 -4
  35. package/components/DescriptionList/description-list-order.scss +1 -1
  36. package/components/DescriptionList/description-list.scss +5 -5
  37. package/components/Divider/divider.css +57 -57
  38. package/components/Divider/divider.scss +16 -16
  39. package/components/Drawer/drawer.scss +25 -25
  40. package/components/Dropdown/dropdown.scss +6 -6
  41. package/components/Dropdown/themes/dark/dropdown.scss +1 -1
  42. package/components/DualListSelector/dual-list-selector.scss +4 -4
  43. package/components/ExpandableSection/expandable-section.scss +1 -1
  44. package/components/Form/form.scss +8 -8
  45. package/components/FormControl/form-control.css +1 -1
  46. package/components/FormControl/form-control.scss +1 -1
  47. package/components/JumpLinks/jump-links.scss +4 -4
  48. package/components/Label/label-group.scss +1 -1
  49. package/components/Label/label.scss +2 -2
  50. package/components/LogViewer/log-viewer.scss +3 -3
  51. package/components/LogViewer/themes/dark/log-viewer.scss +2 -2
  52. package/components/Login/login.scss +13 -13
  53. package/components/Masthead/masthead.css +70 -70
  54. package/components/Masthead/masthead.scss +15 -15
  55. package/components/Menu/menu.css +17 -17
  56. package/components/Menu/menu.scss +9 -9
  57. package/components/MenuToggle/menu-toggle.scss +1 -1
  58. package/components/ModalBox/modal-box.scss +3 -3
  59. package/components/Nav/nav.scss +3 -3
  60. package/components/NotificationDrawer/notification-drawer.scss +3 -3
  61. package/components/NumberInput/number-input.scss +1 -1
  62. package/components/OptionsMenu/options-menu.scss +3 -3
  63. package/components/OptionsMenu/themes/dark/options-menu.scss +1 -1
  64. package/components/Page/page.css +16 -16
  65. package/components/Page/page.scss +19 -19
  66. package/components/Pagination/pagination.css +30 -30
  67. package/components/Pagination/pagination.scss +10 -10
  68. package/components/Progress/progress.scss +1 -1
  69. package/components/ProgressStepper/progress-stepper.scss +11 -11
  70. package/components/Select/select.scss +5 -5
  71. package/components/Select/themes/dark/select.scss +1 -1
  72. package/components/Sidebar/sidebar.css +84 -84
  73. package/components/Sidebar/sidebar.scss +12 -12
  74. package/components/Skeleton/skeleton.scss +1 -1
  75. package/components/Slider/slider.scss +11 -11
  76. package/components/Switch/switch.scss +2 -2
  77. package/components/TabContent/tab-content.scss +1 -1
  78. package/components/Table/table-grid.scss +6 -6
  79. package/components/Table/table-tree-view.scss +6 -6
  80. package/components/Table/table.css +15 -15
  81. package/components/Table/table.scss +2 -2
  82. package/components/Tabs/tabs.css +90 -90
  83. package/components/Tabs/tabs.scss +10 -10
  84. package/components/TextInputGroup/text-input-group.scss +1 -1
  85. package/components/ToggleGroup/toggle-group.css +2 -2
  86. package/components/ToggleGroup/toggle-group.scss +2 -2
  87. package/components/Toolbar/toolbar.css +303 -303
  88. package/components/Toolbar/toolbar.scss +20 -20
  89. package/components/TreeView/tree-view.scss +5 -5
  90. package/components/Truncate/truncate.scss +3 -3
  91. package/components/Wizard/wizard.scss +10 -10
  92. package/docs/components/Badge/examples/Badge.md +0 -21
  93. package/docs/components/Breadcrumb/examples/Breadcrumb.md +17 -58
  94. package/docs/components/Menu/examples/Menu.md +14 -6
  95. package/docs/components/MenuToggle/examples/MenuToggle.md +19 -0
  96. package/docs/layouts/Bullseye/examples/Bullseye.css +4 -4
  97. package/docs/layouts/Flex/examples/Flex.css +4 -4
  98. package/docs/layouts/Flex/examples/Flex.md +50 -50
  99. package/docs/layouts/Gallery/examples/Gallery.css +4 -4
  100. package/docs/layouts/Gallery/examples/Gallery.md +6 -6
  101. package/docs/layouts/Grid/examples/Grid.css +3 -3
  102. package/docs/layouts/Grid/examples/Grid.md +33 -33
  103. package/docs/layouts/Level/examples/Level.css +5 -5
  104. package/docs/layouts/Split/examples/Split.css +4 -4
  105. package/docs/layouts/Stack/examples/Stack.css +5 -5
  106. package/layouts/Bullseye/bullseye.css +5 -1
  107. package/layouts/Bullseye/bullseye.scss +4 -1
  108. package/layouts/Flex/flex.css +207 -203
  109. package/layouts/Flex/flex.scss +45 -42
  110. package/layouts/Gallery/gallery.css +6 -2
  111. package/layouts/Gallery/gallery.scss +8 -5
  112. package/layouts/Grid/grid.css +6 -2
  113. package/layouts/Grid/grid.scss +11 -8
  114. package/layouts/Level/level.css +5 -1
  115. package/layouts/Level/level.scss +5 -2
  116. package/layouts/Split/split.css +5 -1
  117. package/layouts/Split/split.scss +5 -2
  118. package/layouts/Stack/stack.css +5 -1
  119. package/layouts/Stack/stack.scss +5 -2
  120. package/package.json +1 -1
  121. package/patternfly-addons.css +672 -672
  122. package/patternfly-base-no-globals-theme-dark-unversioned.css +18 -12
  123. package/patternfly-base-no-globals-theme-dark-unversioned.scss +1 -1
  124. package/patternfly-base-no-globals.css +18 -12
  125. package/patternfly-base-theme-dark-unversioned.css +18 -12
  126. package/patternfly-base.css +18 -12
  127. package/patternfly-charts-theme-dark-unversioned.scss +4 -4
  128. package/patternfly-charts-theme-dark.css +2 -2
  129. package/patternfly-charts-theme-dark.scss +4 -4
  130. package/patternfly-no-globals.css +901 -867
  131. package/patternfly-theme-dark-unversioned.css +901 -867
  132. package/patternfly.css +901 -867
  133. package/patternfly.min.css +1 -1
  134. package/patternfly.min.css.map +1 -1
  135. package/sass-utilities/_init.scss +3 -3
  136. package/sass-utilities/functions.scss +14 -14
  137. package/sass-utilities/mixins.scss +55 -54
  138. package/sass-utilities/placeholders.scss +12 -12
  139. package/sass-utilities/scss-variables.scss +36 -36
  140. package/sass-utilities/themes/dark/mixins.scss +2 -2
  141. package/sass-utilities/themes/dark/placeholders.scss +1 -1
  142. package/themes/dark/_patternfly-charts-theme-dark.scss +1 -1
  143. package/utilities/Accessibility/accessibility.scss +6 -6
  144. package/utilities/Alignment/alignment.scss +1 -1
  145. package/utilities/BackgroundColor/BackgroundColor.scss +1 -1
  146. package/utilities/BoxShadow/box-shadow.scss +1 -1
  147. package/utilities/Display/display.scss +1 -1
  148. package/utilities/Flex/flex.scss +10 -10
  149. package/utilities/Float/float.scss +1 -1
  150. package/utilities/Sizing/sizing.scss +6 -6
  151. package/utilities/Spacing/spacing.css +672 -672
  152. package/utilities/Spacing/spacing.scss +4 -4
  153. package/utilities/Text/text.scss +5 -5
  154. package/docs/components/Breadcrumb/examples/Breadcrumb.css +0 -3
package/utilities/Accessibility/accessibility.scss CHANGED
@@ -1,19 +1,19 @@
1
1
  // screen-reader - visually hide, but expose to screen readers
2
- @each $breakpoint, $breakpoint-value in $pf-v5-global--breakpoint-map {
2
+ @each $breakpoint, $breakpoint-value in $pf-v6-global--breakpoint-map {
3
3
  .#{$pf-prefix}u-screen-reader#{$breakpoint-value} {
4
- @include pf-v5-media-query($breakpoint) {
5
- @include pf-v5-u-screen-reader;
4
+ @include pf-v6-media-query($breakpoint) {
5
+ @include pf-v6-u-screen-reader;
6
6
  }
7
7
  }
8
8
 
9
9
  .#{$pf-prefix}u-visible#{$breakpoint-value} {
10
- @include pf-v5-media-query($breakpoint) {
11
- @include pf-v5-u-visible;
10
+ @include pf-v6-media-query($breakpoint) {
11
+ @include pf-v6-u-visible;
12
12
  }
13
13
  }
14
14
 
15
15
  .#{$pf-prefix}u-hidden#{$breakpoint-value} {
16
- @include pf-v5-media-query($breakpoint) {
16
+ @include pf-v6-media-query($breakpoint) {
17
17
  // stylelint-disable
18
18
  display: none !important;
19
19
  // stylelint-enable
package/utilities/Alignment/alignment.scss CHANGED
@@ -7,6 +7,6 @@ $pf-v6-u-alignment-options: (
7
7
  );
8
8
 
9
9
  // Text utilities
10
- @include pf-v5-utility-builder($pf-v6-u-alignment-options, $pf-v5-global--breakpoint-list);
10
+ @include pf-v6-utility-builder($pf-v6-u-alignment-options, $pf-v6-global--breakpoint-list);
11
11
 
12
12
  // stylelint-enable
package/utilities/BackgroundColor/BackgroundColor.scss CHANGED
@@ -52,7 +52,7 @@ $pf-v6-u-background-color-options: (
52
52
  )
53
53
  );
54
54
 
55
- @include pf-v5-utility-builder($pf-v6-u-background-color-options, $pf-v5-global--breakpoint-list);
55
+ @include pf-v6-utility-builder($pf-v6-u-background-color-options, $pf-v6-global--breakpoint-list);
56
56
 
57
57
  // stylelint-enable
58
58
 
package/utilities/BoxShadow/box-shadow.scss CHANGED
@@ -24,6 +24,6 @@ $pf-v6-u-box-shadow-options: (
24
24
  );
25
25
 
26
26
  // Text utilities
27
- @include pf-v5-utility-builder($pf-v6-u-box-shadow-options);
27
+ @include pf-v6-utility-builder($pf-v6-u-box-shadow-options);
28
28
 
29
29
  // stylelint-enable
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,