@patternfly/patternfly 6.0.0-alpha.114 → 6.0.0-alpha.116

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 (128) hide show
  1. package/assets/images/pf_logo.svg +11 -11
  2. package/assets/images/pf_logo_white.svg +2 -2
  3. package/base/_chart-globals.scss +320 -320
  4. package/base/_fa-icons.scss +2 -2
  5. package/base/_fonts.scss +16 -16
  6. package/base/_globals.scss +4 -11
  7. package/base/_variables.scss +221 -221
  8. package/base/patternfly-globals.css +2 -6
  9. package/base/patternfly-variables.css +25 -21
  10. package/base/themes/dark/_chart-globals.scss +25 -25
  11. package/base/tokens/_tokens-charts.scss +1 -1
  12. package/base/tokens/_tokens-dark.scss +1 -1
  13. package/base/tokens/_tokens-default.scss +13 -13
  14. package/base/tokens/_tokens-font.scss +8 -0
  15. package/base/tokens/_tokens-palette.scss +1 -1
  16. package/components/AboutModalBox/about-modal-box.css +1 -1
  17. package/components/AboutModalBox/about-modal-box.scss +1 -1
  18. package/components/Alert/alert-group.css +1 -1
  19. package/components/Alert/alert-group.scss +1 -1
  20. package/components/Alert/alert.css +1 -1
  21. package/components/Alert/alert.scss +1 -1
  22. package/components/AppLauncher/app-launcher.css +1 -1
  23. package/components/AppLauncher/app-launcher.scss +1 -1
  24. package/components/Backdrop/backdrop.css +1 -1
  25. package/components/Backdrop/backdrop.scss +1 -1
  26. package/components/Banner/banner.css +1 -1
  27. package/components/Banner/banner.scss +1 -1
  28. package/components/Button/button.css +3 -3
  29. package/components/Button/button.scss +3 -3
  30. package/components/Card/card.css +1 -1
  31. package/components/Card/card.scss +1 -1
  32. package/components/Content/content.css +1 -1
  33. package/components/Content/content.scss +1 -1
  34. package/components/ContextSelector/context-selector.css +1 -1
  35. package/components/ContextSelector/context-selector.scss +1 -1
  36. package/components/DatePicker/date-picker.css +1 -1
  37. package/components/DatePicker/date-picker.scss +1 -1
  38. package/components/Drawer/drawer.css +4 -4
  39. package/components/Drawer/drawer.scss +4 -4
  40. package/components/Dropdown/dropdown.css +2 -2
  41. package/components/Dropdown/dropdown.scss +2 -2
  42. package/components/DualListSelector/dual-list-selector.css +1 -1
  43. package/components/DualListSelector/dual-list-selector.scss +3 -3
  44. package/components/Form/form.css +1 -1
  45. package/components/Form/form.scss +1 -1
  46. package/components/JumpLinks/jump-links.css +1 -1
  47. package/components/JumpLinks/jump-links.scss +1 -1
  48. package/components/List/list.css +1 -1
  49. package/components/List/list.scss +1 -1
  50. package/components/Menu/menu.css +7 -7
  51. package/components/Menu/menu.scss +7 -7
  52. package/components/MenuToggle/menu-toggle.css +1 -1
  53. package/components/MenuToggle/menu-toggle.scss +1 -1
  54. package/components/ModalBox/modal-box.css +1 -1
  55. package/components/ModalBox/modal-box.scss +1 -1
  56. package/components/Nav/nav.css +1 -1
  57. package/components/Nav/nav.scss +1 -1
  58. package/components/NotificationDrawer/notification-drawer.css +2 -2
  59. package/components/NotificationDrawer/notification-drawer.scss +2 -2
  60. package/components/OptionsMenu/options-menu.css +1 -1
  61. package/components/OptionsMenu/options-menu.scss +1 -1
  62. package/components/Page/page.css +8 -8
  63. package/components/Page/page.scss +14 -14
  64. package/components/Panel/panel.css +1 -1
  65. package/components/Panel/panel.scss +1 -1
  66. package/components/ProgressStepper/progress-stepper.css +2 -2
  67. package/components/ProgressStepper/progress-stepper.scss +2 -2
  68. package/components/Select/select.css +1 -1
  69. package/components/Select/select.scss +1 -1
  70. package/components/Sidebar/sidebar.css +2 -2
  71. package/components/Sidebar/sidebar.scss +2 -2
  72. package/components/SkipToContent/skip-to-content.css +1 -1
  73. package/components/SkipToContent/skip-to-content.scss +1 -1
  74. package/components/Slider/slider.css +1 -1
  75. package/components/Slider/slider.scss +1 -1
  76. package/components/Table/table-scrollable.css +1 -1
  77. package/components/Table/table-scrollable.scss +1 -1
  78. package/components/Table/table.css +4 -4
  79. package/components/Table/table.scss +4 -4
  80. package/components/Tabs/tabs.css +1 -1
  81. package/components/Tabs/tabs.scss +1 -1
  82. package/components/ToggleGroup/toggle-group.css +3 -3
  83. package/components/ToggleGroup/toggle-group.scss +3 -3
  84. package/components/Toolbar/toolbar.css +3 -3
  85. package/components/Toolbar/toolbar.scss +3 -3
  86. package/components/TreeView/tree-view.css +1 -1
  87. package/components/TreeView/tree-view.scss +3 -3
  88. package/components/Wizard/wizard.css +4 -4
  89. package/components/Wizard/wizard.scss +4 -4
  90. package/docs/components/NotificationBadge/examples/NotificationBadge.md +18 -18
  91. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -15
  92. package/docs/components/Table/examples/Table.md +2 -2
  93. package/docs/components/Tabs/examples/Tabs.md +102 -102
  94. package/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  95. package/docs/demos/Card/examples/Card.md +152 -115
  96. package/docs/demos/Dashboard/examples/Dashboard.md +5 -5
  97. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  98. package/docs/demos/Table/examples/Table.md +2 -2
  99. package/docs/demos/Toolbar/examples/Toolbar.css +3 -3
  100. package/docs/utilities/Text/examples/Text.md +0 -1
  101. package/package.json +1 -1
  102. package/patternfly-base-no-globals-theme-dark-unversioned.css +25 -81
  103. package/patternfly-base-no-globals-theme-dark-unversioned.scss +2 -2
  104. package/patternfly-base-no-globals.css +25 -81
  105. package/patternfly-base-no-globals.scss +2 -2
  106. package/patternfly-base-theme-dark-unversioned.css +27 -83
  107. package/patternfly-base.css +27 -83
  108. package/patternfly-base.scss +0 -1
  109. package/patternfly-charts.scss +319 -319
  110. package/patternfly-no-globals.css +100 -129
  111. package/patternfly-no-globals.scss +2 -2
  112. package/patternfly-theme-dark-unversioned.css +124 -153
  113. package/patternfly-theme-dark-unversioned.scss +1 -1
  114. package/patternfly.css +102 -131
  115. package/patternfly.min.css +1 -1
  116. package/patternfly.min.css.map +1 -1
  117. package/sass-utilities/_init.scss +3 -3
  118. package/sass-utilities/colors.scss +81 -81
  119. package/sass-utilities/functions.scss +2 -2
  120. package/sass-utilities/mixins.scss +1 -1
  121. package/sass-utilities/scss-variables.scss +149 -149
  122. package/sass-utilities/themes/dark/colors.scss +15 -15
  123. package/sass-utilities/themes/dark/scss-variables.scss +74 -74
  124. package/themes/dark/_patternfly-charts-theme-dark.scss +25 -25
  125. package/base/_themes.scss +0 -43
  126. package/base/patternfly-themes.css +0 -82
  127. package/base/patternfly-themes.scss +0 -2
  128. package/base/themes/dark/_globals.scss +0 -5
package/base/_fa-icons.scss CHANGED
@@ -3,8 +3,8 @@
3
3
  @import "../assets/fontawesome/fontawesome";
4
4
  }
5
5
 
6
- @if not($pf-v5-global--disable-fontawesome) {
7
- @if $pf-v5-global--enable-fontawesome-cdn {
6
+ @if not($pf-v6-global--disable-fontawesome) {
7
+ @if $pf-v6-global--enable-fontawesome-cdn {
8
8
  // stylelint-disable no-invalid-position-at-import-rule
9
9
  @import "https://use.fontawesome.com/releases/v5.7.2/css/solid.css";
10
10
  @import "https://use.fontawesome.com/releases/v5.7.2/css/fontawesome.css";
package/base/_fonts.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  font-style: normal;
4
4
  font-weight: 400;
5
5
  src:
6
- url("#{$pf-v5-global--font-path}/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2");
6
+ url("#{$pf-v6-global--font-path}/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2");
7
7
  font-display: fallback;
8
8
  }
9
9
 
@@ -12,7 +12,7 @@
12
12
  font-style: italic;
13
13
  font-weight: 400;
14
14
  src:
15
- url("#{$pf-v5-global--font-path}/RedHatDisplay/RedHatDisplay-MediumItalic.woff2") format("woff2");
15
+ url("#{$pf-v6-global--font-path}/RedHatDisplay/RedHatDisplay-MediumItalic.woff2") format("woff2");
16
16
  font-display: fallback;
17
17
  }
18
18
 
@@ -21,7 +21,7 @@
21
21
  font-style: normal;
22
22
  font-weight: 700;
23
23
  src:
24
- url("#{$pf-v5-global--font-path}/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2");
24
+ url("#{$pf-v6-global--font-path}/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2");
25
25
  font-display: fallback;
26
26
  }
27
27
 
@@ -30,7 +30,7 @@
30
30
  font-style: italic;
31
31
  font-weight: 700;
32
32
  src:
33
- url("#{$pf-v5-global--font-path}/RedHatDisplay/RedHatDisplay-BoldItalic.woff2") format("woff2");
33
+ url("#{$pf-v6-global--font-path}/RedHatDisplay/RedHatDisplay-BoldItalic.woff2") format("woff2");
34
34
  font-display: fallback;
35
35
  }
36
36
 
@@ -39,7 +39,7 @@
39
39
  font-style: normal;
40
40
  font-weight: 400;
41
41
  src:
42
- url("#{$pf-v5-global--font-path}/RedHatText/RedHatText-Regular.woff2") format("woff2");
42
+ url("#{$pf-v6-global--font-path}/RedHatText/RedHatText-Regular.woff2") format("woff2");
43
43
  font-display: fallback;
44
44
  }
45
45
 
@@ -48,7 +48,7 @@
48
48
  font-style: italic;
49
49
  font-weight: 400;
50
50
  src:
51
- url("#{$pf-v5-global--font-path}/RedHatText/RedHatText-Italic.woff2") format("woff2");
51
+ url("#{$pf-v6-global--font-path}/RedHatText/RedHatText-Italic.woff2") format("woff2");
52
52
  font-display: fallback;
53
53
  }
54
54
 
@@ -57,7 +57,7 @@
57
57
  font-style: normal;
58
58
  font-weight: 700;
59
59
  src:
60
- url("#{$pf-v5-global--font-path}/RedHatText/RedHatText-Medium.woff2") format("woff2");
60
+ url("#{$pf-v6-global--font-path}/RedHatText/RedHatText-Medium.woff2") format("woff2");
61
61
  font-display: fallback;
62
62
  }
63
63
 
@@ -66,7 +66,7 @@
66
66
  font-style: italic;
67
67
  font-weight: 700;
68
68
  src:
69
- url("#{$pf-v5-global--font-path}/RedHatText/RedHatText-MediumItalic.woff2") format("woff2");
69
+ url("#{$pf-v6-global--font-path}/RedHatText/RedHatText-MediumItalic.woff2") format("woff2");
70
70
  font-display: fallback;
71
71
  }
72
72
 
@@ -74,7 +74,7 @@
74
74
  font-family: RedHatMono;
75
75
  font-style: normal;
76
76
  font-weight: 400;
77
- src: url("#{$pf-v5-global--font-path}/RedHatMono/RedHatMono-Regular.woff2") format("woff2");
77
+ src: url("#{$pf-v6-global--font-path}/RedHatMono/RedHatMono-Regular.woff2") format("woff2");
78
78
  font-display: fallback;
79
79
  }
80
80
 
@@ -82,7 +82,7 @@
82
82
  font-family: RedHatMono;
83
83
  font-style: italic;
84
84
  font-weight: 400;
85
- src: url("#{$pf-v5-global--font-path}/RedHatMono/RedHatMono-Italic.woff2") format("woff2");
85
+ src: url("#{$pf-v6-global--font-path}/RedHatMono/RedHatMono-Italic.woff2") format("woff2");
86
86
  font-display: fallback;
87
87
  }
88
88
 
@@ -91,7 +91,7 @@
91
91
  font-family: RedHatDisplayVF;
92
92
  font-style: normal;
93
93
  font-weight: 400 700;
94
- src: url("#{$pf-v5-global--font-path}/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
94
+ src: url("#{$pf-v6-global--font-path}/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
95
95
  font-display: fallback;
96
96
  }
97
97
 
@@ -99,7 +99,7 @@
99
99
  font-family: RedHatDisplayVF;
100
100
  font-style: italic;
101
101
  font-weight: 400 700;
102
- src: url("#{$pf-v5-global--font-path}/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
102
+ src: url("#{$pf-v6-global--font-path}/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
103
103
  font-display: fallback;
104
104
  }
105
105
 
@@ -107,7 +107,7 @@
107
107
  font-family: RedHatTextVF;
108
108
  font-style: normal;
109
109
  font-weight: 400 500;
110
- src: url("#{$pf-v5-global--font-path}/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
110
+ src: url("#{$pf-v6-global--font-path}/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
111
111
  font-display: fallback;
112
112
  }
113
113
 
@@ -115,7 +115,7 @@
115
115
  font-family: RedHatTextVF;
116
116
  font-style: italic;
117
117
  font-weight: 400 500;
118
- src: url("#{$pf-v5-global--font-path}/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
118
+ src: url("#{$pf-v6-global--font-path}/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
119
119
  font-display: fallback;
120
120
  }
121
121
 
@@ -123,7 +123,7 @@
123
123
  font-family: RedHatMonoVF;
124
124
  font-style: normal;
125
125
  font-weight: 400;
126
- src: url("#{$pf-v5-global--font-path}/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
126
+ src: url("#{$pf-v6-global--font-path}/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
127
127
  font-display: fallback;
128
128
  }
129
129
 
@@ -131,6 +131,6 @@
131
131
  font-family: RedHatMonoVF;
132
132
  font-style: italic;
133
133
  font-weight: 400;
134
- src: url("#{$pf-v5-global--font-path}/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
134
+ src: url("#{$pf-v6-global--font-path}/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
135
135
  font-display: fallback;
136
136
  }
package/base/_globals.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  // Reset - based on minireset.css v0.0.3 | MIT License github.com/jgthms/minireset.css
2
- @if $pf-v5-global--enable-reset {
2
+ @if $pf-v6-global--enable-reset {
3
3
  :where(
4
4
  html,
5
5
  body,
@@ -31,7 +31,7 @@
31
31
  }
32
32
 
33
33
  // Normalize
34
- @if $pf-v5-global--enable-normalize {
34
+ @if $pf-v6-global--enable-normalize {
35
35
  *,
36
36
  *::before,
37
37
  *::after {
@@ -125,8 +125,8 @@
125
125
  }
126
126
 
127
127
  :where(a:hover) {
128
- --#{$pf-global}--link--Color: var(--pf-t--global--text--color--link--hover);
129
- --#{$pf-global}--link--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
128
+ color: var(--pf-t--global--text--color--link--hover);
129
+ text-decoration: var(--pf-t--global--link--text-decoration--hover);
130
130
  }
131
131
 
132
132
  :where(
@@ -136,10 +136,3 @@
136
136
  cursor: pointer;
137
137
  }
138
138
  }
139
-
140
- // stylelint-disable no-invalid-position-at-import-rule
141
- @import "./themes/dark/globals";
142
-
143
- @include pf-v6-theme-dark {
144
- @include pf-v6-theme-dark-globals;
145
- }