@patternfly/documentation-framework 2.0.0-alpha.8 → 5.0.1

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 (71) hide show
  1. package/CHANGELOG.md +617 -0
  2. package/README.md +1 -1
  3. package/app.js +20 -14
  4. package/assets/Favicon-Light-16x16.png +0 -0
  5. package/assets/Favicon-Light-32x32.png +0 -0
  6. package/assets/Favicon-Light-48x48.png +0 -0
  7. package/assets/Favicon-Light.png +0 -0
  8. package/assets/android-chrome-36x36.png +0 -0
  9. package/assets/android-chrome-48x48.png +0 -0
  10. package/assets/android-chrome-96x96.png +0 -0
  11. package/components/autoLinkHeader/autoLinkHeader.css +2 -2
  12. package/components/autoLinkHeader/autoLinkHeader.js +18 -13
  13. package/components/cssVariables/cssSearch.js +3 -4
  14. package/components/cssVariables/cssVariables.css +4 -4
  15. package/components/cssVariables/cssVariables.js +83 -84
  16. package/components/example/example.css +29 -29
  17. package/components/example/example.js +34 -6
  18. package/components/footer/footer.css +16 -16
  19. package/components/footer/footer.js +16 -16
  20. package/components/functionsTable/functionsTable.js +57 -0
  21. package/components/gdprBanner/gdprBanner.css +2 -2
  22. package/components/gdprBanner/gdprBanner.js +3 -3
  23. package/components/inlineAlert/inlineAlert.js +1 -1
  24. package/components/link/link.js +1 -2
  25. package/components/propsTable/propsTable.js +85 -79
  26. package/components/sectionGallery/TextSummary.js +31 -0
  27. package/components/sectionGallery/sectionDataListLayout.js +51 -0
  28. package/components/sectionGallery/sectionGallery.css +53 -0
  29. package/components/sectionGallery/sectionGallery.js +76 -0
  30. package/components/sectionGallery/sectionGalleryLayout.js +41 -0
  31. package/components/sectionGallery/sectionGalleryToolbar.js +38 -0
  32. package/components/sectionGallery/sectionGalleryWrapper.js +110 -0
  33. package/components/sideNav/sideNav.css +12 -12
  34. package/components/sideNav/sideNav.js +44 -16
  35. package/components/tableOfContents/tableOfContents.css +17 -17
  36. package/helpers/codesandbox.js +3 -5
  37. package/helpers/getTitle.js +2 -2
  38. package/layouts/sideNavLayout/sideNavLayout.css +7 -11
  39. package/layouts/sideNavLayout/sideNavLayout.js +59 -45
  40. package/package.json +28 -29
  41. package/pages/404/404.css +2 -2
  42. package/pages/404/index.js +1 -1
  43. package/pages/global-css-variables.md +16 -16
  44. package/routes.js +20 -10
  45. package/scripts/cli/build.js +0 -1
  46. package/scripts/cli/cli.js +2 -1
  47. package/scripts/cli/generate.js +2 -2
  48. package/scripts/cli/start.js +6 -8
  49. package/scripts/md/parseMD.js +46 -11
  50. package/scripts/md/styled-tags.js +8 -4
  51. package/scripts/tsDocgen.js +119 -91
  52. package/scripts/typeDocGen.js +209 -0
  53. package/scripts/webpack/getHtmlWebpackPlugins.js +1 -2
  54. package/scripts/webpack/prerender.js +1 -2
  55. package/scripts/webpack/webpack.base.config.js +35 -35
  56. package/scripts/webpack/webpack.client.config.js +11 -8
  57. package/scripts/webpack/webpack.server.config.js +8 -5
  58. package/scripts/writeScreenshots.js +3 -3
  59. package/templates/html.ejs +6 -8
  60. package/templates/mdx.css +156 -161
  61. package/templates/mdx.js +122 -51
  62. package/templates/patternfly-docs/content/extensions/extension/design-guidelines/design-guidelines.md +2 -0
  63. package/templates/patternfly-docs/content/extensions/extension/examples/basic.md +2 -0
  64. package/templates/sitemap.ejs +1 -1
  65. package/versions.json +32 -13
  66. package/assets/favicon-16x16.png +0 -0
  67. package/assets/favicon-32x32.png +0 -0
  68. package/assets/favicon-48x48.png +0 -0
  69. package/assets/favicon.ico +0 -0
  70. package/components/topNav/topNav.css +0 -30
  71. package/pages/red-hat-font.md +0 -40
package/templates/mdx.css CHANGED
@@ -5,49 +5,49 @@
5
5
  }
6
6
 
7
7
  .ws-release-notes-toc {
8
- margin-bottom: var(--pf-global--spacer--lg);
8
+ margin-bottom: var(--pf-v5-global--spacer--lg);
9
9
  }
10
10
 
11
- .ws-release-notes-toc .pf-c-card {
11
+ .ws-release-notes-toc .pf-v5-c-card {
12
12
  height: 100%;
13
13
  }
14
14
 
15
- .ws-release-notes-toc .pf-c-card__title {
16
- padding-bottom: var(--pf-global--spacer--xs);
15
+ .ws-release-notes-toc .pf-v5-c-card__title {
16
+ padding-bottom: var(--pf-v5-global--spacer--xs);
17
17
  }
18
18
 
19
- .ws-release-notes-toc .pf-c-card__title .pf-c-title {
19
+ .ws-release-notes-toc .pf-v5-c-card__title .pf-v5-c-title {
20
20
  display: inline;
21
21
  }
22
22
 
23
- .ws-release-notes-toc .pf-c-card__title a {
24
- margin-right: var(--pf-global--spacer--sm);
23
+ .ws-release-notes-toc .pf-v5-c-card__title a {
24
+ margin-right: var(--pf-v5-global--spacer--sm);
25
25
  }
26
26
 
27
- .ws-release-notes-toc .pf-c-card__title .pf-c-badge {
27
+ .ws-release-notes-toc .pf-v5-c-card__title .pf-v5-c-badge {
28
28
  vertical-align: text-top;
29
29
  }
30
30
 
31
- .ws-release-notes-toc .pf-c-card__body {
31
+ .ws-release-notes-toc .pf-v5-c-card__body {
32
32
  color: #72767B;
33
- font-family: RedHatText;
34
- font-size: var(--pf-global--FontSize--md);
33
+ font-family: var(--pf-v5-global--FontFamily--text);
34
+ font-size: var(--pf-v5-global--FontSize--md);
35
35
  font-weight: 400;
36
36
  line-height: 1.5;
37
37
  }
38
38
 
39
39
  .ws-code {
40
40
  display: inline-block;
41
- background-color: var(--pf-global--BackgroundColor--100);
42
- padding: 1px var(--pf-global--spacer--sm);
43
- border: var(--pf-global--BorderWidth--sm) solid var(--pf-global--BorderColor--300);
41
+ background-color: var(--pf-v5-global--BackgroundColor--100);
42
+ padding: 1px var(--pf-v5-global--spacer--sm);
43
+ border: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--300);
44
44
  white-space: pre-wrap;
45
- font-size: var(--pf-global--FontSize--sm);
46
- font-family: var(--pf-global--FontFamily--monospace);
45
+ font-size: var(--pf-v5-global--FontSize--sm);
46
+ font-family: var(--pf-v5-global--FontFamily--monospace);
47
47
  }
48
48
 
49
49
  .ws-p + .ws-code {
50
- margin-bottom: var(--pf-c-content--MarginBottom);
50
+ margin-bottom: var(--pf-v5-c-content--MarginBottom);
51
51
  }
52
52
 
53
53
  /* Table styles */
@@ -78,86 +78,86 @@
78
78
  }
79
79
 
80
80
  /*
81
- * Copied from pf-c-content.
81
+ * Copied from pf-v5-c-content.
82
82
  */
83
83
  :root {
84
- --pf-c-content--MarginBottom: var(--pf-global--spacer--md);
85
- --pf-c-content--LineHeight: var(--pf-global--LineHeight--md);
86
- --pf-c-content--FontSize: var(--pf-global--FontSize--md);
87
- --pf-c-content--FontWeight: var(--pf-global--FontWeight--normal);
88
- --pf-c-content--Color: var(--pf-global--Color--100);
89
- --pf-c-content--heading--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
90
- --pf-c-content--h1--MarginTop: var(--pf-global--spacer--lg);
91
- --pf-c-content--h1--MarginBottom: var(--pf-global--spacer--sm);
92
- --pf-c-content--h1--LineHeight: var(--pf-global--LineHeight--sm);
93
- --pf-c-content--h1--FontSize: var(--pf-global--FontSize--2xl);
94
- --pf-c-content--h1--FontWeight: var(--pf-global--FontWeight--normal);
95
- --pf-c-content--h2--MarginTop: var(--pf-global--spacer--lg);
96
- --pf-c-content--h2--MarginBottom: var(--pf-global--spacer--sm);
97
- --pf-c-content--h2--LineHeight: var(--pf-global--LineHeight--sm);
98
- --pf-c-content--h2--FontSize: var(--pf-global--FontSize--xl);
99
- --pf-c-content--h2--FontWeight: var(--pf-global--FontWeight--normal);
100
- --pf-c-content--h3--MarginTop: var(--pf-global--spacer--lg);
101
- --pf-c-content--h3--MarginBottom: var(--pf-global--spacer--sm);
102
- --pf-c-content--h3--LineHeight: var(--pf-global--LineHeight--md);
103
- --pf-c-content--h3--FontSize: var(--pf-global--FontSize--lg);
104
- --pf-c-content--h3--FontWeight: var(--pf-global--FontWeight--normal);
105
- --pf-c-content--h4--MarginTop: var(--pf-global--spacer--lg);
106
- --pf-c-content--h4--MarginBottom: var(--pf-global--spacer--sm);
107
- --pf-c-content--h4--LineHeight: var(--pf-global--LineHeight--md);
108
- --pf-c-content--h4--FontSize: var(--pf-global--FontSize--md);
109
- --pf-c-content--h4--FontWeight: var(--pf-global--FontWeight--semi-bold);
110
- --pf-c-content--h5--MarginTop: var(--pf-global--spacer--lg);
111
- --pf-c-content--h5--MarginBottom: var(--pf-global--spacer--sm);
112
- --pf-c-content--h5--LineHeight: var(--pf-global--LineHeight--md);
113
- --pf-c-content--h5--FontSize: var(--pf-global--FontSize--md);
114
- --pf-c-content--h5--FontWeight: var(--pf-global--FontWeight--semi-bold);
115
- --pf-c-content--h6--MarginTop: var(--pf-global--spacer--lg);
116
- --pf-c-content--h6--MarginBottom: var(--pf-global--spacer--sm);
117
- --pf-c-content--h6--LineHeight: var(--pf-global--LineHeight--md);
118
- --pf-c-content--h6--FontSize: var(--pf-global--FontSize--md);
119
- --pf-c-content--h6--FontWeight: var(--pf-global--FontWeight--semi-bold);
120
- --pf-c-content--small--MarginBottom: var(--pf-global--spacer--md);
121
- --pf-c-content--small--LineHeight: var(--pf-global--LineHeight--md);
122
- --pf-c-content--small--FontSize: var(--pf-global--FontSize--sm);
123
- --pf-c-content--small--Color: var(--pf-global--Color--200);
124
- --pf-c-content--small--FontWeight: var(--pf-global--FontWeight--semi-bold);
125
- --pf-c-content--a--Color: var(--pf-global--link--Color);
126
- --pf-c-content--a--TextDecoration: var(--pf-global--link--TextDecoration);
127
- --pf-c-content--a--hover--Color: var(--pf-global--link--Color--hover);
128
- --pf-c-content--a--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
129
- --pf-c-content--blockquote--PaddingTop: var(--pf-global--spacer--md);
130
- --pf-c-content--blockquote--PaddingRight: var(--pf-global--spacer--md);
131
- --pf-c-content--blockquote--PaddingBottom: var(--pf-global--spacer--md);
132
- --pf-c-content--blockquote--PaddingLeft: var(--pf-global--spacer--md);
133
- --pf-c-content--blockquote--FontWeight: var(--pf-global--FontWeight--light);
134
- --pf-c-content--blockquote--Color: var(--pf-global--Color--200);
135
- --pf-c-content--blockquote--BorderLeftColor: var(--pf-global--BorderColor--100);
136
- --pf-c-content--blockquote--BorderLeftWidth: var(--pf-global--BorderWidth--lg);
137
- --pf-c-content--ol--PaddingLeft: var(--pf-global--spacer--lg);
138
- --pf-c-content--ol--MarginTop: var(--pf-global--spacer--md);
139
- --pf-c-content--ol--MarginLeft: var(--pf-global--spacer--lg);
140
- --pf-c-content--ol--nested--MarginTop: var(--pf-global--spacer--sm);
141
- --pf-c-content--ol--nested--MarginLeft: var(--pf-global--spacer--sm);
142
- --pf-c-content--ul--PaddingLeft: var(--pf-global--spacer--lg);
143
- --pf-c-content--ul--MarginTop: var(--pf-global--spacer--md);
144
- --pf-c-content--ul--MarginLeft: var(--pf-global--spacer--lg);
145
- --pf-c-content--ul--nested--MarginTop: var(--pf-global--spacer--sm);
146
- --pf-c-content--ul--nested--MarginLeft: var(--pf-global--spacer--sm);
147
- --pf-c-content--ul--ListStyle: var(--pf-global--ListStyle);
148
- --pf-c-content--li--MarginTop: var(--pf-global--spacer--sm);
149
- --pf-c-content--dl--ColumnGap: var(--pf-global--spacer--2xl);
150
- --pf-c-content--dl--RowGap: var(--pf-global--spacer--md);
151
- --pf-c-content--dt--FontWeight: var(--pf-global--FontWeight--semi-bold);
152
- --pf-c-content--dt--MarginTop: var(--pf-global--spacer--md);
153
- --pf-c-content--dt--sm--MarginTop: 0;
154
- --pf-c-content--hr--Height: var(--pf-global--BorderWidth--sm);
155
- --pf-c-content--hr--BackgroundColor: var(--pf-global--BorderColor--100);
156
- font-size: var(--pf-c-content--FontSize);
157
- line-height: var(--pf-c-content--LineHeight);
158
- color: var(--pf-c-content--Color); }
84
+ --pf-v5-c-content--MarginBottom: var(--pf-v5-global--spacer--md);
85
+ --pf-v5-c-content--LineHeight: var(--pf-v5-global--LineHeight--md);
86
+ --pf-v5-c-content--FontSize: var(--pf-v5-global--FontSize--md);
87
+ --pf-v5-c-content--FontWeight: var(--pf-v5-global--FontWeight--normal);
88
+ --pf-v5-c-content--Color: var(--pf-v5-global--Color--100);
89
+ --pf-v5-c-content--heading--FontFamily: var(--pf-v5-global--FontFamily--heading);
90
+ --pf-v5-c-content--h1--MarginTop: var(--pf-v5-global--spacer--lg);
91
+ --pf-v5-c-content--h1--MarginBottom: var(--pf-v5-global--spacer--sm);
92
+ --pf-v5-c-content--h1--LineHeight: var(--pf-v5-global--LineHeight--sm);
93
+ --pf-v5-c-content--h1--FontSize: var(--pf-v5-global--FontSize--2xl);
94
+ --pf-v5-c-content--h1--FontWeight: var(--pf-v5-global--FontWeight--normal);
95
+ --pf-v5-c-content--h2--MarginTop: var(--pf-v5-global--spacer--lg);
96
+ --pf-v5-c-content--h2--MarginBottom: var(--pf-v5-global--spacer--sm);
97
+ --pf-v5-c-content--h2--LineHeight: var(--pf-v5-global--LineHeight--sm);
98
+ --pf-v5-c-content--h2--FontSize: var(--pf-v5-global--FontSize--xl);
99
+ --pf-v5-c-content--h2--FontWeight: var(--pf-v5-global--FontWeight--normal);
100
+ --pf-v5-c-content--h3--MarginTop: var(--pf-v5-global--spacer--lg);
101
+ --pf-v5-c-content--h3--MarginBottom: var(--pf-v5-global--spacer--sm);
102
+ --pf-v5-c-content--h3--LineHeight: var(--pf-v5-global--LineHeight--md);
103
+ --pf-v5-c-content--h3--FontSize: var(--pf-v5-global--FontSize--lg);
104
+ --pf-v5-c-content--h3--FontWeight: var(--pf-v5-global--FontWeight--normal);
105
+ --pf-v5-c-content--h4--MarginTop: var(--pf-v5-global--spacer--lg);
106
+ --pf-v5-c-content--h4--MarginBottom: var(--pf-v5-global--spacer--sm);
107
+ --pf-v5-c-content--h4--LineHeight: var(--pf-v5-global--LineHeight--md);
108
+ --pf-v5-c-content--h4--FontSize: var(--pf-v5-global--FontSize--md);
109
+ --pf-v5-c-content--h4--FontWeight: var(--pf-v5-global--FontWeight--semi-bold);
110
+ --pf-v5-c-content--h5--MarginTop: var(--pf-v5-global--spacer--lg);
111
+ --pf-v5-c-content--h5--MarginBottom: var(--pf-v5-global--spacer--sm);
112
+ --pf-v5-c-content--h5--LineHeight: var(--pf-v5-global--LineHeight--md);
113
+ --pf-v5-c-content--h5--FontSize: var(--pf-v5-global--FontSize--md);
114
+ --pf-v5-c-content--h5--FontWeight: var(--pf-v5-global--FontWeight--semi-bold);
115
+ --pf-v5-c-content--h6--MarginTop: var(--pf-v5-global--spacer--lg);
116
+ --pf-v5-c-content--h6--MarginBottom: var(--pf-v5-global--spacer--sm);
117
+ --pf-v5-c-content--h6--LineHeight: var(--pf-v5-global--LineHeight--md);
118
+ --pf-v5-c-content--h6--FontSize: var(--pf-v5-global--FontSize--md);
119
+ --pf-v5-c-content--h6--FontWeight: var(--pf-v5-global--FontWeight--semi-bold);
120
+ --pf-v5-c-content--small--MarginBottom: var(--pf-v5-global--spacer--md);
121
+ --pf-v5-c-content--small--LineHeight: var(--pf-v5-global--LineHeight--md);
122
+ --pf-v5-c-content--small--FontSize: var(--pf-v5-global--FontSize--sm);
123
+ --pf-v5-c-content--small--Color: var(--pf-v5-global--Color--200);
124
+ --pf-v5-c-content--small--FontWeight: var(--pf-v5-global--FontWeight--semi-bold);
125
+ --pf-v5-c-content--a--Color: var(--pf-v5-global--link--Color);
126
+ --pf-v5-c-content--a--TextDecoration: var(--pf-v5-global--link--TextDecoration);
127
+ --pf-v5-c-content--a--hover--Color: var(--pf-v5-global--link--Color--hover);
128
+ --pf-v5-c-content--a--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
129
+ --pf-v5-c-content--blockquote--PaddingTop: var(--pf-v5-global--spacer--md);
130
+ --pf-v5-c-content--blockquote--PaddingRight: var(--pf-v5-global--spacer--md);
131
+ --pf-v5-c-content--blockquote--PaddingBottom: var(--pf-v5-global--spacer--md);
132
+ --pf-v5-c-content--blockquote--PaddingLeft: var(--pf-v5-global--spacer--md);
133
+ --pf-v5-c-content--blockquote--FontWeight: var(--pf-v5-global--FontWeight--light);
134
+ --pf-v5-c-content--blockquote--Color: var(--pf-v5-global--Color--200);
135
+ --pf-v5-c-content--blockquote--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
136
+ --pf-v5-c-content--blockquote--BorderLeftWidth: var(--pf-v5-global--BorderWidth--lg);
137
+ --pf-v5-c-content--ol--PaddingLeft: var(--pf-v5-global--spacer--lg);
138
+ --pf-v5-c-content--ol--MarginTop: var(--pf-v5-global--spacer--md);
139
+ --pf-v5-c-content--ol--MarginLeft: var(--pf-v5-global--spacer--lg);
140
+ --pf-v5-c-content--ol--nested--MarginTop: var(--pf-v5-global--spacer--sm);
141
+ --pf-v5-c-content--ol--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
142
+ --pf-v5-c-content--ul--PaddingLeft: var(--pf-v5-global--spacer--lg);
143
+ --pf-v5-c-content--ul--MarginTop: var(--pf-v5-global--spacer--md);
144
+ --pf-v5-c-content--ul--MarginLeft: var(--pf-v5-global--spacer--lg);
145
+ --pf-v5-c-content--ul--nested--MarginTop: var(--pf-v5-global--spacer--sm);
146
+ --pf-v5-c-content--ul--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
147
+ --pf-v5-c-content--ul--ListStyle: var(--pf-v5-global--ListStyle);
148
+ --pf-v5-c-content--li--MarginTop: var(--pf-v5-global--spacer--sm);
149
+ --pf-v5-c-content--dl--ColumnGap: var(--pf-v5-global--spacer--2xl);
150
+ --pf-v5-c-content--dl--RowGap: var(--pf-v5-global--spacer--md);
151
+ --pf-v5-c-content--dt--FontWeight: var(--pf-v5-global--FontWeight--semi-bold);
152
+ --pf-v5-c-content--dt--MarginTop: var(--pf-v5-global--spacer--md);
153
+ --pf-v5-c-content--dt--sm--MarginTop: 0;
154
+ --pf-v5-c-content--hr--Height: var(--pf-v5-global--BorderWidth--sm);
155
+ --pf-v5-c-content--hr--BackgroundColor: var(--pf-v5-global--BorderColor--100);
156
+ font-size: var(--pf-v5-c-content--FontSize);
157
+ line-height: var(--pf-v5-c-content--LineHeight);
158
+ color: var(--pf-v5-c-content--Color); }
159
159
  .ws-li + li {
160
- margin-top: var(--pf-c-content--li--MarginTop); }
160
+ margin-top: var(--pf-v5-c-content--li--MarginTop); }
161
161
  .ws-p:not(:last-child),
162
162
  .ws-dl:not(:last-child),
163
163
  .ws-ol:not(:last-child),
@@ -168,7 +168,7 @@
168
168
  .ws-hr:not(:last-child),
169
169
  .ws-table:not(:last-child),
170
170
  .ws-content-table:not(:last-child) {
171
- margin-bottom: var(--pf-c-content--MarginBottom); }
171
+ margin-bottom: var(--pf-v5-c-content--MarginBottom); }
172
172
  .ws-h1,
173
173
  .ws-h2,
174
174
  .ws-h3,
@@ -176,104 +176,104 @@
176
176
  .ws-h5,
177
177
  .ws-h6 {
178
178
  margin: 0;
179
- font-family: var(--pf-c-content--heading--FontFamily); }
179
+ font-family: var(--pf-v5-c-content--heading--FontFamily); }
180
180
  .ws-ol,
181
181
  .ws-ul {
182
182
  margin: 0; }
183
183
  .ws-h1 {
184
- margin-bottom: var(--pf-c-content--h1--MarginBottom);
185
- font-size: var(--pf-c-content--h1--FontSize);
186
- font-weight: var(--pf-c-content--h1--FontWeight);
187
- line-height: var(--pf-c-content--h1--LineHeight); }
184
+ margin-bottom: var(--pf-v5-c-content--h1--MarginBottom);
185
+ font-size: var(--pf-v5-c-content--h1--FontSize);
186
+ font-weight: var(--pf-v5-c-content--h1--FontWeight);
187
+ line-height: var(--pf-v5-c-content--h1--LineHeight); }
188
188
  .ws-h1:not(:first-child) {
189
- margin-top: var(--pf-c-content--h1--MarginTop); }
189
+ margin-top: var(--pf-v5-c-content--h1--MarginTop); }
190
190
  .ws-h2 {
191
- margin-bottom: var(--pf-c-content--h2--MarginBottom);
192
- font-size: var(--pf-c-content--h2--FontSize);
193
- font-weight: var(--pf-c-content--h2--FontWeight);
194
- line-height: var(--pf-c-content--h2--LineHeight); }
191
+ margin-bottom: var(--pf-v5-c-content--h2--MarginBottom);
192
+ font-size: var(--pf-v5-c-content--h2--FontSize);
193
+ font-weight: var(--pf-v5-c-content--h2--FontWeight);
194
+ line-height: var(--pf-v5-c-content--h2--LineHeight); }
195
195
  .ws-h2:not(:first-child) {
196
- margin-top: var(--pf-c-content--h2--MarginTop); }
196
+ margin-top: var(--pf-v5-c-content--h2--MarginTop); }
197
197
  .ws-h3 {
198
- margin-bottom: var(--pf-c-content--h3--MarginBottom);
199
- font-size: var(--pf-c-content--h3--FontSize);
200
- font-weight: var(--pf-c-content--h3--FontWeight);
201
- line-height: var(--pf-c-content--h3--LineHeight); }
198
+ margin-bottom: var(--pf-v5-c-content--h3--MarginBottom);
199
+ font-size: var(--pf-v5-c-content--h3--FontSize);
200
+ font-weight: var(--pf-v5-c-content--h3--FontWeight);
201
+ line-height: var(--pf-v5-c-content--h3--LineHeight); }
202
202
  .ws-h3:not(:first-child) {
203
- margin-top: var(--pf-c-content--h3--MarginTop); }
203
+ margin-top: var(--pf-v5-c-content--h3--MarginTop); }
204
204
  .ws-h4 {
205
- margin-bottom: var(--pf-c-content--h4--MarginBottom);
206
- font-size: var(--pf-c-content--h4--FontSize);
207
- font-weight: var(--pf-c-content--h4--FontWeight);
208
- line-height: var(--pf-c-content--h4--LineHeight); }
205
+ margin-bottom: var(--pf-v5-c-content--h4--MarginBottom);
206
+ font-size: var(--pf-v5-c-content--h4--FontSize);
207
+ font-weight: var(--pf-v5-c-content--h4--FontWeight);
208
+ line-height: var(--pf-v5-c-content--h4--LineHeight); }
209
209
  .ws-h4:not(:first-child) {
210
- margin-top: var(--pf-c-content--h4--MarginTop); }
210
+ margin-top: var(--pf-v5-c-content--h4--MarginTop); }
211
211
  .ws-h5 {
212
- margin-bottom: var(--pf-c-content--h5--MarginBottom);
213
- font-size: var(--pf-c-content--h5--FontSize);
214
- font-weight: var(--pf-c-content--h5--FontWeight);
215
- line-height: var(--pf-c-content--h5--LineHeight); }
212
+ margin-bottom: var(--pf-v5-c-content--h5--MarginBottom);
213
+ font-size: var(--pf-v5-c-content--h5--FontSize);
214
+ font-weight: var(--pf-v5-c-content--h5--FontWeight);
215
+ line-height: var(--pf-v5-c-content--h5--LineHeight); }
216
216
  .ws-h5:not(:first-child) {
217
- margin-top: var(--pf-c-content--h5--MarginTop); }
217
+ margin-top: var(--pf-v5-c-content--h5--MarginTop); }
218
218
  .ws-h6 {
219
- margin-bottom: var(--pf-c-content--h6--MarginBottom);
220
- font-size: var(--pf-c-content--h6--FontSize);
221
- font-weight: var(--pf-c-content--h6--FontWeight);
222
- line-height: var(--pf-c-content--h6--LineHeight); }
219
+ margin-bottom: var(--pf-v5-c-content--h6--MarginBottom);
220
+ font-size: var(--pf-v5-c-content--h6--FontSize);
221
+ font-weight: var(--pf-v5-c-content--h6--FontWeight);
222
+ line-height: var(--pf-v5-c-content--h6--LineHeight); }
223
223
  .ws-h6:not(:first-child) {
224
- margin-top: var(--pf-c-content--h6--MarginTop); }
224
+ margin-top: var(--pf-v5-c-content--h6--MarginTop); }
225
225
  .ws-small {
226
226
  display: block;
227
- font-size: var(--pf-c-content--small--FontSize);
228
- line-height: var(--pf-c-content--small--LineHeight);
229
- color: var(--pf-c-content--small--Color); }
227
+ font-size: var(--pf-v5-c-content--small--FontSize);
228
+ line-height: var(--pf-v5-c-content--small--LineHeight);
229
+ color: var(--pf-v5-c-content--small--Color); }
230
230
  .ws-small:not(:last-child) {
231
- margin-bottom: var(--pf-c-content--small--MarginBottom); }
231
+ margin-bottom: var(--pf-v5-c-content--small--MarginBottom); }
232
232
  .ws-blockquote {
233
- padding: var(--pf-c-content--blockquote--PaddingTop) var(--pf-c-content--blockquote--PaddingRight) var(--pf-c-content--blockquote--PaddingBottom) var(--pf-c-content--blockquote--PaddingLeft);
234
- font-weight: var(--pf-c-content--blockquote--FontWeight);
235
- color: var(--pf-c-content--blockquote--Color);
236
- border-left: var(--pf-c-content--blockquote--BorderLeftWidth) solid var(--pf-c-content--blockquote--BorderLeftColor); }
233
+ padding: var(--pf-v5-c-content--blockquote--PaddingTop) var(--pf-v5-c-content--blockquote--PaddingRight) var(--pf-v5-c-content--blockquote--PaddingBottom) var(--pf-v5-c-content--blockquote--PaddingLeft);
234
+ font-weight: var(--pf-v5-c-content--blockquote--FontWeight);
235
+ color: var(--pf-v5-c-content--blockquote--Color);
236
+ border-left: var(--pf-v5-c-content--blockquote--BorderLeftWidth) solid var(--pf-v5-c-content--blockquote--BorderLeftColor); }
237
237
  .ws-hr {
238
- height: var(--pf-c-content--hr--Height);
239
- background-color: var(--pf-c-content--hr--BackgroundColor);
238
+ height: var(--pf-v5-c-content--hr--Height);
239
+ background-color: var(--pf-v5-c-content--hr--BackgroundColor);
240
240
  border: none; }
241
241
  .ws-ol {
242
- padding-left: var(--pf-c-content--ol--PaddingLeft);
243
- margin-top: var(--pf-c-content--ol--MarginTop);
244
- margin-left: var(--pf-c-content--ol--MarginLeft); }
242
+ padding-left: var(--pf-v5-c-content--ol--PaddingLeft);
243
+ margin-top: var(--pf-v5-c-content--ol--MarginTop);
244
+ margin-left: var(--pf-v5-c-content--ol--MarginLeft); }
245
245
  .ws-ol ul {
246
- --pf-c-content--ul--MarginTop: var(--pf-c-content--ul--nested--MarginTop);
247
- --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft); }
246
+ --pf-v5-c-content--ul--MarginTop: var(--pf-v5-c-content--ul--nested--MarginTop);
247
+ --pf-v5-c-content--ul--MarginLeft: var(--pf-v5-c-content--ul--nested--MarginLeft); }
248
248
  .ws-ol ol {
249
- --pf-c-content--ol--MarginTop: var(--pf-c-content--ol--nested--MarginTop);
250
- --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft); }
249
+ --pf-v5-c-content--ol--MarginTop: var(--pf-v5-c-content--ol--nested--MarginTop);
250
+ --pf-v5-c-content--ol--MarginLeft: var(--pf-v5-c-content--ol--nested--MarginLeft); }
251
251
  .ws-ul {
252
- padding-left: var(--pf-c-content--ul--PaddingLeft);
253
- margin-top: var(--pf-c-content--ul--MarginTop);
254
- margin-left: var(--pf-c-content--ul--MarginLeft);
255
- list-style: var(--pf-c-content--ul--ListStyle); }
252
+ padding-left: var(--pf-v5-c-content--ul--PaddingLeft);
253
+ margin-top: var(--pf-v5-c-content--ul--MarginTop);
254
+ margin-left: var(--pf-v5-c-content--ul--MarginLeft);
255
+ list-style: var(--pf-v5-c-content--ul--ListStyle); }
256
256
  .ws-ul ul {
257
- --pf-c-content--ul--MarginTop: var(--pf-c-content--ul--nested--MarginTop);
258
- --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft); }
257
+ --pf-v5-c-content--ul--MarginTop: var(--pf-v5-c-content--ul--nested--MarginTop);
258
+ --pf-v5-c-content--ul--MarginLeft: var(--pf-v5-c-content--ul--nested--MarginLeft); }
259
259
  .ws-ul ol {
260
- --pf-c-content--ol--MarginTop: var(--pf-c-content--ol--nested--MarginTop);
261
- --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft); }
260
+ --pf-v5-c-content--ol--MarginTop: var(--pf-v5-c-content--ol--nested--MarginTop);
261
+ --pf-v5-c-content--ol--MarginLeft: var(--pf-v5-c-content--ol--nested--MarginLeft); }
262
262
  .ws-dl {
263
263
  display: grid;
264
264
  grid-template-columns: 1fr; }
265
265
  @media screen and (min-width: 576px) {
266
266
  .ws-dl {
267
267
  grid-template: auto / auto 1fr;
268
- grid-column-gap: var(--pf-c-content--dl--ColumnGap);
269
- grid-row-gap: var(--pf-c-content--dl--RowGap); } }
268
+ grid-column-gap: var(--pf-v5-c-content--dl--ColumnGap);
269
+ grid-row-gap: var(--pf-v5-c-content--dl--RowGap); } }
270
270
  .ws-dt {
271
- font-weight: var(--pf-c-content--dt--FontWeight); }
271
+ font-weight: var(--pf-v5-c-content--dt--FontWeight); }
272
272
  .ws-dt:not(:first-child) {
273
- margin-top: var(--pf-c-content--dt--MarginTop); }
273
+ margin-top: var(--pf-v5-c-content--dt--MarginTop); }
274
274
  @media screen and (min-width: 576px) {
275
275
  .ws-dt:not(:first-child) {
276
- --pf-c-content--dt--MarginTop: var(--pf-c-content--dt--sm--MarginTop); } }
276
+ --pf-v5-c-content--dt--MarginTop: var(--pf-v5-c-content--dt--sm--MarginTop); } }
277
277
  @media screen and (min-width: 576px) {
278
278
  .ws-dt {
279
279
  grid-column: 1; } }
@@ -297,11 +297,6 @@
297
297
  max-width: 832px;
298
298
  }
299
299
 
300
- .ws-mdx-content-katacoda {
301
- flex-grow: 1;
302
- padding: 0;
303
- }
304
-
305
300
  /* Overlay the footer */
306
301
  .ws-back-to-top {
307
302
  z-index: 2;