@patternfly/quickstarts 2.4.1 → 5.0.0-prerelease.0

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 (208) hide show
  1. package/README.md +32 -23
  2. package/dist/ConsoleInternal/components/markdown-view.d.ts +19 -19
  3. package/dist/ConsoleInternal/components/utils/camel-case-wrap.d.ts +6 -6
  4. package/dist/ConsoleInternal/components/utils/index.d.ts +3 -3
  5. package/dist/ConsoleInternal/components/utils/router.d.ts +9 -9
  6. package/dist/ConsoleInternal/components/utils/status-box.d.ts +20 -20
  7. package/dist/ConsoleInternal/module/k8s/types.d.ts +42 -42
  8. package/dist/ConsoleShared/index.d.ts +1 -1
  9. package/dist/ConsoleShared/src/components/index.d.ts +7 -7
  10. package/dist/ConsoleShared/src/components/markdown-extensions/MarkdownCopyClipboard.d.ts +13 -13
  11. package/dist/ConsoleShared/src/components/markdown-extensions/accordion-extension.d.ts +7 -7
  12. package/dist/ConsoleShared/src/components/markdown-extensions/accordion-render-extension.d.ts +6 -6
  13. package/dist/ConsoleShared/src/components/markdown-extensions/admonition-extension.d.ts +7 -7
  14. package/dist/ConsoleShared/src/components/markdown-extensions/code-extension.d.ts +7 -7
  15. package/dist/ConsoleShared/src/components/markdown-extensions/const.d.ts +5 -5
  16. package/dist/ConsoleShared/src/components/markdown-extensions/index.d.ts +7 -7
  17. package/dist/ConsoleShared/src/components/markdown-extensions/inline-clipboard-extension.d.ts +7 -7
  18. package/dist/ConsoleShared/src/components/markdown-extensions/multiline-clipboard-extension.d.ts +7 -7
  19. package/dist/ConsoleShared/src/components/markdown-extensions/utils.d.ts +1 -1
  20. package/dist/ConsoleShared/src/components/markdown-highlight-extension/MarkdownHighlightExtension.d.ts +7 -7
  21. package/dist/ConsoleShared/src/components/markdown-highlight-extension/highlight-consts.d.ts +4 -4
  22. package/dist/ConsoleShared/src/components/markdown-highlight-extension/index.d.ts +1 -1
  23. package/dist/ConsoleShared/src/components/modal/Modal.d.ts +9 -9
  24. package/dist/ConsoleShared/src/components/modal/index.d.ts +1 -1
  25. package/dist/ConsoleShared/src/components/popper/Portal.d.ts +8 -7
  26. package/dist/ConsoleShared/src/components/popper/SimplePopper.d.ts +6 -3
  27. package/dist/ConsoleShared/src/components/popper/index.d.ts +2 -2
  28. package/dist/ConsoleShared/src/components/spotlight/InteractiveSpotlight.d.ts +7 -7
  29. package/dist/ConsoleShared/src/components/spotlight/Spotlight.d.ts +7 -7
  30. package/dist/ConsoleShared/src/components/spotlight/StaticSpotlight.d.ts +7 -7
  31. package/dist/ConsoleShared/src/components/spotlight/index.d.ts +1 -1
  32. package/dist/ConsoleShared/src/components/status/GenericStatus.d.ts +12 -11
  33. package/dist/ConsoleShared/src/components/status/NotStartedIcon.d.ts +3 -2
  34. package/dist/ConsoleShared/src/components/status/PopoverStatus.d.ts +13 -12
  35. package/dist/ConsoleShared/src/components/status/Status.d.ts +11 -11
  36. package/dist/ConsoleShared/src/components/status/StatusIconAndText.d.ts +8 -8
  37. package/dist/ConsoleShared/src/components/status/icons.d.ts +9 -9
  38. package/dist/ConsoleShared/src/components/status/index.d.ts +1 -1
  39. package/dist/ConsoleShared/src/components/status/statuses.d.ts +5 -5
  40. package/dist/ConsoleShared/src/components/status/types.d.ts +9 -7
  41. package/dist/ConsoleShared/src/components/utils/FallbackImg.d.ts +9 -9
  42. package/dist/ConsoleShared/src/components/utils/index.d.ts +1 -1
  43. package/dist/ConsoleShared/src/constants/index.d.ts +1 -1
  44. package/dist/ConsoleShared/src/constants/ui.d.ts +1 -1
  45. package/dist/ConsoleShared/src/hooks/index.d.ts +6 -6
  46. package/dist/ConsoleShared/src/hooks/scroll.d.ts +8 -8
  47. package/dist/ConsoleShared/src/hooks/useBoundingClientRect.d.ts +3 -1
  48. package/dist/ConsoleShared/src/hooks/useEventListener.d.ts +1 -1
  49. package/dist/ConsoleShared/src/hooks/useForceRender.d.ts +4 -4
  50. package/dist/ConsoleShared/src/hooks/useResizeObserver.d.ts +1 -1
  51. package/dist/ConsoleShared/src/hooks/useScrollShadows.d.ts +7 -7
  52. package/dist/ConsoleShared/src/index.d.ts +4 -4
  53. package/dist/ConsoleShared/src/utils/index.d.ts +1 -1
  54. package/dist/ConsoleShared/src/utils/useCombineRefs.d.ts +2 -2
  55. package/dist/HelpTopicDrawer.d.ts +33 -32
  56. package/dist/HelpTopicPanelContent.d.ts +11 -11
  57. package/dist/QuickStartCatalogPage.d.ts +14 -14
  58. package/dist/QuickStartCloseModal.d.ts +8 -8
  59. package/dist/QuickStartController.d.ts +10 -10
  60. package/dist/QuickStartDrawer.d.ts +62 -62
  61. package/dist/QuickStartMarkdownView.d.ts +9 -9
  62. package/dist/QuickStartPanelContent.d.ts +15 -15
  63. package/dist/catalog/Catalog/QuickStartCatalogHeader.d.ts +6 -6
  64. package/dist/catalog/Catalog/QuickStartCatalogSection.d.ts +5 -5
  65. package/dist/catalog/Catalog/QuickStartCatalogToolbar.d.ts +5 -5
  66. package/dist/catalog/Catalog/index.d.ts +3 -3
  67. package/dist/catalog/QuickStartCatalog.d.ts +8 -8
  68. package/dist/catalog/QuickStartTile.d.ts +11 -11
  69. package/dist/catalog/QuickStartTileDescription.d.ts +8 -8
  70. package/dist/catalog/QuickStartTileFooter.d.ts +8 -8
  71. package/dist/catalog/QuickStartTileFooterExternal.d.ts +8 -8
  72. package/dist/catalog/QuickStartTileHeader.d.ts +12 -12
  73. package/dist/catalog/Toolbar/QuickStartCatalogFilter.d.ts +10 -10
  74. package/dist/catalog/Toolbar/QuickStartCatalogFilterItems.d.ts +31 -31
  75. package/dist/catalog/index.d.ts +9 -9
  76. package/dist/controller/QuickStartConclusion.d.ts +12 -12
  77. package/dist/controller/QuickStartContent.d.ts +14 -14
  78. package/dist/controller/QuickStartFooter.d.ts +14 -14
  79. package/dist/controller/QuickStartIntroduction.d.ts +12 -12
  80. package/dist/controller/QuickStartTaskHeader.d.ts +15 -15
  81. package/dist/controller/QuickStartTaskHeaderList.d.ts +10 -10
  82. package/dist/controller/QuickStartTaskReview.d.ts +10 -10
  83. package/dist/controller/QuickStartTasks.d.ts +12 -12
  84. package/dist/data/mocks/json/explore-pipeline-quickstart.d.ts +2 -2
  85. package/dist/data/mocks/json/explore-serverless-quickstart.d.ts +2 -2
  86. package/dist/data/mocks/json/monitor-sampleapp-quickstart.d.ts +2 -2
  87. package/dist/data/mocks/json/tour-icons.d.ts +2 -2
  88. package/dist/data/quick-start-test-data.d.ts +2 -2
  89. package/dist/data/test-utils.d.ts +8 -7
  90. package/dist/index.d.ts +16 -16
  91. package/dist/index.es.js +2346 -2391
  92. package/dist/index.es.js.map +1 -1
  93. package/dist/index.js +2346 -2390
  94. package/dist/index.js.map +1 -1
  95. package/dist/patternfly-docs/quick-starts/design-guidelines/design-guidelines.md +1 -1
  96. package/dist/patternfly-docs/quick-starts/examples/Basic.jsx +1 -1
  97. package/dist/patternfly-docs/quick-starts/examples/HelpTopic.jsx +2 -4
  98. package/dist/patternfly-global.css +752 -1110
  99. package/dist/patternfly-nested.css +8784 -9605
  100. package/dist/quickstarts-base.css +188 -188
  101. package/dist/quickstarts-full.es.js +19627 -10887
  102. package/dist/quickstarts-full.es.js.map +1 -1
  103. package/dist/quickstarts-standalone.css +216 -219
  104. package/dist/quickstarts-standalone.min.css +4 -4
  105. package/dist/quickstarts-vendor.css +71 -71
  106. package/dist/quickstarts.css +259 -259
  107. package/dist/quickstarts.min.css +1 -1
  108. package/dist/styles/patternfly-global-entry.d.ts +1 -1
  109. package/dist/styles/patternfly-nested-entry.d.ts +1 -1
  110. package/dist/styles/quickstarts-standalone-entry.d.ts +1 -1
  111. package/dist/styles/vendor-entry.d.ts +1 -1
  112. package/dist/utils/PluralResolver.d.ts +16 -10
  113. package/dist/utils/asciidoc-procedure-parser.d.ts +12 -12
  114. package/dist/utils/const.d.ts +6 -6
  115. package/dist/utils/help-topic-context.d.ts +23 -23
  116. package/dist/utils/help-topic-types.d.ts +13 -13
  117. package/dist/utils/quick-start-context.d.ts +81 -81
  118. package/dist/utils/quick-start-types.d.ts +60 -58
  119. package/dist/utils/quick-start-utils.d.ts +10 -10
  120. package/dist/utils/useLocalStorage.d.ts +1 -1
  121. package/package.json +17 -13
  122. package/src/ConsoleInternal/components/_icon-and-text.scss +2 -2
  123. package/src/ConsoleInternal/components/catalog/_catalog.scss +20 -20
  124. package/src/ConsoleInternal/components/markdown-view.tsx +23 -52
  125. package/src/ConsoleInternal/components/utils/_status-box.scss +1 -1
  126. package/src/ConsoleInternal/components/utils/camel-case-wrap.tsx +3 -3
  127. package/src/ConsoleInternal/components/utils/router.ts +0 -2
  128. package/src/ConsoleInternal/components/utils/status-box.tsx +8 -46
  129. package/src/ConsoleInternal/module/k8s/types.ts +6 -6
  130. package/src/ConsoleShared/src/components/layout/PageLayout.scss +10 -10
  131. package/src/ConsoleShared/src/components/markdown-extensions/MarkdownCopyClipboard.tsx +13 -11
  132. package/src/ConsoleShared/src/components/markdown-extensions/accordion-extension.tsx +3 -4
  133. package/src/ConsoleShared/src/components/markdown-extensions/accordion-render-extension.tsx +7 -7
  134. package/src/ConsoleShared/src/components/markdown-extensions/admonition-extension.tsx +4 -4
  135. package/src/ConsoleShared/src/components/markdown-extensions/code-extension.tsx +1 -3
  136. package/src/ConsoleShared/src/components/markdown-extensions/inline-clipboard-extension.tsx +5 -5
  137. package/src/ConsoleShared/src/components/markdown-extensions/multiline-clipboard-extension.tsx +8 -8
  138. package/src/ConsoleShared/src/components/markdown-extensions/showdown-extension.scss +5 -5
  139. package/src/ConsoleShared/src/components/markdown-extensions/utils.ts +1 -3
  140. package/src/ConsoleShared/src/components/markdown-highlight-extension/MarkdownHighlightExtension.tsx +7 -6
  141. package/src/ConsoleShared/src/components/popper/Portal.tsx +6 -4
  142. package/src/ConsoleShared/src/components/popper/SimplePopper.tsx +7 -5
  143. package/src/ConsoleShared/src/components/spotlight/InteractiveSpotlight.tsx +2 -2
  144. package/src/ConsoleShared/src/components/spotlight/Spotlight.tsx +2 -2
  145. package/src/ConsoleShared/src/components/spotlight/StaticSpotlight.tsx +3 -3
  146. package/src/ConsoleShared/src/components/spotlight/spotlight.scss +4 -4
  147. package/src/ConsoleShared/src/components/status/GenericStatus.tsx +1 -0
  148. package/src/ConsoleShared/src/components/status/PopoverStatus.tsx +20 -23
  149. package/src/ConsoleShared/src/components/status/Status.tsx +2 -2
  150. package/src/ConsoleShared/src/components/status/icons.tsx +17 -55
  151. package/src/ConsoleShared/src/components/status/statuses.tsx +1 -17
  152. package/src/ConsoleShared/src/components/status/types.ts +3 -2
  153. package/src/ConsoleShared/src/components/utils/FallbackImg.tsx +2 -2
  154. package/src/ConsoleShared/src/hooks/useResizeObserver.ts +5 -6
  155. package/src/ConsoleShared/src/utils/useCombineRefs.ts +2 -3
  156. package/src/HelpTopicDrawer.tsx +6 -14
  157. package/src/HelpTopicPanelContent.tsx +57 -49
  158. package/src/QuickStartCatalogPage.tsx +19 -14
  159. package/src/QuickStartCloseModal.tsx +2 -2
  160. package/src/QuickStartController.tsx +3 -5
  161. package/src/QuickStartDrawer.scss +1 -1
  162. package/src/QuickStartDrawer.tsx +2 -2
  163. package/src/QuickStartMarkdownView.tsx +4 -4
  164. package/src/QuickStartPanelContent.scss +8 -8
  165. package/src/QuickStartPanelContent.tsx +8 -9
  166. package/src/catalog/Catalog/QuickStartCatalogHeader.tsx +2 -2
  167. package/src/catalog/Catalog/QuickStartCatalogSection.tsx +2 -2
  168. package/src/catalog/Catalog/QuickStartCatalogToolbar.tsx +2 -2
  169. package/src/catalog/QuickStartCatalog.scss +1 -1
  170. package/src/catalog/QuickStartCatalog.tsx +2 -2
  171. package/src/catalog/QuickStartTile.tsx +20 -15
  172. package/src/catalog/QuickStartTileDescription.scss +4 -4
  173. package/src/catalog/QuickStartTileDescription.tsx +2 -2
  174. package/src/catalog/QuickStartTileFooter.tsx +2 -2
  175. package/src/catalog/QuickStartTileFooterExternal.tsx +2 -2
  176. package/src/catalog/QuickStartTileHeader.scss +5 -5
  177. package/src/catalog/QuickStartTileHeader.tsx +2 -2
  178. package/src/catalog/Toolbar/QuickStartCatalogFilter.scss +9 -9
  179. package/src/catalog/Toolbar/QuickStartCatalogFilter.tsx +1 -3
  180. package/src/catalog/Toolbar/QuickStartCatalogFilterItems.tsx +49 -30
  181. package/src/controller/QuickStartConclusion.tsx +3 -3
  182. package/src/controller/QuickStartContent.scss +2 -2
  183. package/src/controller/QuickStartContent.tsx +2 -2
  184. package/src/controller/QuickStartFooter.scss +3 -3
  185. package/src/controller/QuickStartFooter.tsx +6 -10
  186. package/src/controller/QuickStartIntroduction.scss +7 -7
  187. package/src/controller/QuickStartIntroduction.tsx +5 -7
  188. package/src/controller/QuickStartTaskHeader.scss +15 -15
  189. package/src/controller/QuickStartTaskHeader.tsx +14 -12
  190. package/src/controller/QuickStartTaskHeaderList.scss +1 -1
  191. package/src/controller/QuickStartTaskHeaderList.tsx +3 -5
  192. package/src/controller/QuickStartTaskReview.scss +7 -7
  193. package/src/controller/QuickStartTaskReview.tsx +2 -2
  194. package/src/controller/QuickStartTasks.scss +13 -13
  195. package/src/controller/QuickStartTasks.tsx +2 -2
  196. package/src/controller/__tests__/QuickStartTaskHeader.spec.tsx +4 -17
  197. package/src/styles/_base.scss +5 -5
  198. package/src/styles/_dark-custom-override.scss +28 -28
  199. package/src/styles/legacy-bootstrap/_variables.scss +7 -7
  200. package/src/styles/patternfly-global.scss +6 -6
  201. package/src/styles/patternfly-nested.scss +1 -1
  202. package/src/utils/PluralResolver.ts +29 -23
  203. package/src/utils/asciidoc-procedure-parser.ts +2 -4
  204. package/src/utils/help-topic-context.tsx +3 -5
  205. package/src/utils/help-topic-types.ts +4 -4
  206. package/src/utils/quick-start-context.tsx +8 -12
  207. package/src/utils/quick-start-types.ts +15 -14
  208. package/src/utils/quick-start-utils.ts +2 -6
package/dist/quickstarts-vendor.css CHANGED
@@ -3,18 +3,18 @@
3
3
  Patternfly React Extensions Partials
4
4
  */
5
5
  :root {
6
- --vertical-tab-pf-color: var(--pf-global--Color--100);
7
- --vertical-tab-pf-active-color: var(--pf-global--active-color--100);
6
+ --vertical-tab-pf-color: var(--pf-v5-global--Color--100);
7
+ --vertical-tab-pf-active-color: var(--pf-v5-global--active-color--100);
8
8
  }
9
9
 
10
10
  .catalog-tile-pf.featured {
11
- border-top: 2px solid var(--pf-global--active-color--100);
11
+ border-top: 2px solid var(--pf-v5-global--active-color--100);
12
12
  }
13
13
  .catalog-tile-pf:active, .catalog-tile-pf:hover, .catalog-tile-pf:focus, .catalog-tile-pf:visited {
14
14
  color: inherit;
15
15
  text-decoration: none;
16
16
  }
17
- .catalog-tile-pf .pf-c-card__actions {
17
+ .catalog-tile-pf .pf-v5-c-card__actions {
18
18
  padding-left: 5px;
19
19
  }
20
20
 
@@ -28,7 +28,7 @@
28
28
  font-weight: 400;
29
29
  }
30
30
  .catalog-tile-pf-header .catalog-tile-pf-subtitle {
31
- color: var(--pf-global--Color--200);
31
+ color: var(--pf-v5-global--Color--200);
32
32
  font-size: 13px;
33
33
  font-weight: initial;
34
34
  }
@@ -63,103 +63,103 @@
63
63
  -webkit-line-clamp: 1;
64
64
  }
65
65
 
66
- .pf-c-clipboard-copy {
67
- --pf-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
68
- --pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
69
- --pf-c-clipboard-copy__expandable-content--PaddingTop: var(--pf-global--spacer--md);
70
- --pf-c-clipboard-copy__expandable-content--PaddingRight: var(--pf-global--spacer--md);
71
- --pf-c-clipboard-copy__expandable-content--PaddingBottom: var(--pf-global--spacer--md);
72
- --pf-c-clipboard-copy__expandable-content--PaddingLeft: var(--pf-global--spacer--md);
73
- --pf-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
74
- --pf-c-clipboard-copy__expandable-content--BorderTopWidth: 0;
75
- --pf-c-clipboard-copy__expandable-content--BorderRightWidth: var(--pf-global--BorderWidth--sm);
76
- --pf-c-clipboard-copy__expandable-content--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
77
- --pf-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
78
- --pf-c-clipboard-copy__expandable-content--BorderColor: var(--pf-global--BorderColor--100);
79
- --pf-c-clipboard-copy__expandable-content--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
80
- --pf-c-clipboard-copy--m-inline--PaddingTop: 0;
81
- --pf-c-clipboard-copy--m-inline--PaddingBottom: 0;
82
- --pf-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-global--spacer--xs);
83
- --pf-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-global--BackgroundColor--200);
84
- --pf-c-clipboard-copy__text--m-code--FontFamily: var(--pf-global--FontFamily--monospace);
85
- --pf-c-clipboard-copy__text--m-code--FontSize: var(--pf-global--FontSize--sm);
86
- --pf-c-clipboard-copy__actions-item--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
87
- --pf-c-clipboard-copy__actions-item--MarginBottom: calc(-1 * var(--pf-global--spacer--form-element));
88
- --pf-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-global--spacer--xs);
89
- --pf-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-global--spacer--sm);
90
- --pf-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-global--spacer--xs);
91
- --pf-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-global--spacer--sm);
92
- }
93
- .pf-c-clipboard-copy.pf-m-inline {
66
+ .pf-v5-c-clipboard-copy {
67
+ --pf-v5-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
68
+ --pf-v5-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
69
+ --pf-v5-c-clipboard-copy__expandable-content--PaddingTop: var(--pf-v5-global--spacer--md);
70
+ --pf-v5-c-clipboard-copy__expandable-content--PaddingRight: var(--pf-v5-global--spacer--md);
71
+ --pf-v5-c-clipboard-copy__expandable-content--PaddingBottom: var(--pf-v5-global--spacer--md);
72
+ --pf-v5-c-clipboard-copy__expandable-content--PaddingLeft: var(--pf-v5-global--spacer--md);
73
+ --pf-v5-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
74
+ --pf-v5-c-clipboard-copy__expandable-content--BorderTopWidth: 0;
75
+ --pf-v5-c-clipboard-copy__expandable-content--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
76
+ --pf-v5-c-clipboard-copy__expandable-content--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
77
+ --pf-v5-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
78
+ --pf-v5-c-clipboard-copy__expandable-content--BorderColor: var(--pf-v5-global--BorderColor--100);
79
+ --pf-v5-c-clipboard-copy__expandable-content--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
80
+ --pf-v5-c-clipboard-copy--m-inline--PaddingTop: 0;
81
+ --pf-v5-c-clipboard-copy--m-inline--PaddingBottom: 0;
82
+ --pf-v5-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-v5-global--spacer--xs);
83
+ --pf-v5-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
84
+ --pf-v5-c-clipboard-copy__text--m-code--FontFamily: var(--pf-v5-global--FontFamily--monospace);
85
+ --pf-v5-c-clipboard-copy__text--m-code--FontSize: var(--pf-v5-global--FontSize--sm);
86
+ --pf-v5-c-clipboard-copy__actions-item--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
87
+ --pf-v5-c-clipboard-copy__actions-item--MarginBottom: calc(-1 * var(--pf-v5-global--spacer--form-element));
88
+ --pf-v5-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-v5-global--spacer--xs);
89
+ --pf-v5-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-v5-global--spacer--sm);
90
+ --pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-v5-global--spacer--xs);
91
+ --pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-v5-global--spacer--sm);
92
+ }
93
+ .pf-v5-c-clipboard-copy.pf-m-inline {
94
94
  display: inline;
95
- padding-top: var(--pf-c-clipboard-copy--m-inline--PaddingTop);
96
- padding-bottom: var(--pf-c-clipboard-copy--m-inline--PaddingBottom);
97
- padding-left: var(--pf-c-clipboard-copy--m-inline--PaddingLeft);
95
+ padding-top: var(--pf-v5-c-clipboard-copy--m-inline--PaddingTop);
96
+ padding-bottom: var(--pf-v5-c-clipboard-copy--m-inline--PaddingBottom);
97
+ padding-left: var(--pf-v5-c-clipboard-copy--m-inline--PaddingLeft);
98
98
  white-space: nowrap;
99
- background-color: var(--pf-c-clipboard-copy--m-inline--BackgroundColor);
99
+ background-color: var(--pf-v5-c-clipboard-copy--m-inline--BackgroundColor);
100
100
  }
101
- .pf-c-clipboard-copy.pf-m-inline.pf-m-block {
101
+ .pf-v5-c-clipboard-copy.pf-m-inline.pf-m-block {
102
102
  display: block;
103
103
  }
104
104
 
105
- .pf-c-clipboard-copy__text {
105
+ .pf-v5-c-clipboard-copy__text {
106
106
  word-break: break-word;
107
107
  white-space: normal;
108
108
  }
109
109
 
110
- .pf-c-clipboard-copy__actions {
110
+ .pf-v5-c-clipboard-copy__actions {
111
111
  display: inline-flex;
112
112
  }
113
113
 
114
- .pf-c-clipboard-copy__actions-item {
115
- margin-top: calc(-1 * var(--pf-c-clipboard-copy__actions-item--button--PaddingTop));
116
- margin-bottom: calc(-1 * var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom));
114
+ .pf-v5-c-clipboard-copy__actions-item {
115
+ margin-top: calc(-1 * var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingTop));
116
+ margin-bottom: calc(-1 * var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom));
117
117
  }
118
- .pf-c-clipboard-copy__actions-item .pf-c-button {
119
- --pf-c-button--PaddingTop: var(--pf-c-clipboard-copy__actions-item--button--PaddingTop);
120
- --pf-c-button--PaddingRight: var(--pf-c-clipboard-copy__actions-item--button--PaddingRight);
121
- --pf-c-button--PaddingBottom: var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom);
122
- --pf-c-button--PaddingLeft: var(--pf-c-clipboard-copy__actions-item--button--PaddingLeft);
118
+ .pf-v5-c-clipboard-copy__actions-item .pf-v5-c-button {
119
+ --pf-v5-c-button--PaddingTop: var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingTop);
120
+ --pf-v5-c-button--PaddingRight: var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingRight);
121
+ --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom);
122
+ --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft);
123
123
  }
124
124
 
125
- :where(.pf-theme-dark) .pf-c-clipboard-copy {
126
- --pf-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-global--BackgroundColor--400);
125
+ :where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy {
126
+ --pf-v5-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
127
127
  }
128
128
 
129
- .pf-c-code-block {
130
- --pf-c-code-block--BackgroundColor: var(--pf-global--BackgroundColor--200);
131
- --pf-c-code-block__header--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
132
- --pf-c-code-block__header--BorderBottomColor: var(--pf-global--BorderColor--100);
133
- --pf-c-code-block__content--PaddingTop: var(--pf-global--spacer--md);
134
- --pf-c-code-block__content--PaddingRight: var(--pf-global--spacer--md);
135
- --pf-c-code-block__content--PaddingBottom: var(--pf-global--spacer--md);
136
- --pf-c-code-block__content--PaddingLeft: var(--pf-global--spacer--md);
137
- --pf-c-code-block__pre--FontFamily: var(--pf-global--FontFamily--monospace);
138
- --pf-c-code-block__pre--FontSize: var(--pf-global--FontSize--sm);
139
- background-color: var(--pf-c-code-block--BackgroundColor);
129
+ .pf-v5-c-code-block {
130
+ --pf-v5-c-code-block--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
131
+ --pf-v5-c-code-block__header--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
132
+ --pf-v5-c-code-block__header--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
133
+ --pf-v5-c-code-block__content--PaddingTop: var(--pf-v5-global--spacer--md);
134
+ --pf-v5-c-code-block__content--PaddingRight: var(--pf-v5-global--spacer--md);
135
+ --pf-v5-c-code-block__content--PaddingBottom: var(--pf-v5-global--spacer--md);
136
+ --pf-v5-c-code-block__content--PaddingLeft: var(--pf-v5-global--spacer--md);
137
+ --pf-v5-c-code-block__pre--FontFamily: var(--pf-v5-global--FontFamily--monospace);
138
+ --pf-v5-c-code-block__pre--FontSize: var(--pf-v5-global--FontSize--sm);
139
+ background-color: var(--pf-v5-c-code-block--BackgroundColor);
140
140
  }
141
141
 
142
- .pf-c-code-block__header {
142
+ .pf-v5-c-code-block__header {
143
143
  display: flex;
144
- border-bottom: var(--pf-c-code-block__header--BorderBottomWidth) solid var(--pf-c-code-block__header--BorderBottomColor);
144
+ border-bottom: var(--pf-v5-c-code-block__header--BorderBottomWidth) solid var(--pf-v5-c-code-block__header--BorderBottomColor);
145
145
  }
146
146
 
147
- .pf-c-code-block__actions {
147
+ .pf-v5-c-code-block__actions {
148
148
  display: flex;
149
149
  margin-left: auto;
150
150
  }
151
151
 
152
- .pf-c-code-block__content {
153
- padding: var(--pf-c-code-block__content--PaddingTop) var(--pf-c-code-block__content--PaddingRight) var(--pf-c-code-block__content--PaddingBottom) var(--pf-c-code-block__content--PaddingLeft);
152
+ .pf-v5-c-code-block__content {
153
+ padding: var(--pf-v5-c-code-block__content--PaddingTop) var(--pf-v5-c-code-block__content--PaddingRight) var(--pf-v5-c-code-block__content--PaddingBottom) var(--pf-v5-c-code-block__content--PaddingLeft);
154
154
  }
155
155
 
156
- .pf-c-code-block__pre {
157
- font-family: var(--pf-c-code-block__pre--FontFamily);
158
- font-size: var(--pf-c-code-block__pre--FontSize);
156
+ .pf-v5-c-code-block__pre {
157
+ font-family: var(--pf-v5-c-code-block__pre--FontFamily);
158
+ font-size: var(--pf-v5-c-code-block__pre--FontSize);
159
159
  overflow-wrap: break-word;
160
160
  white-space: pre-wrap;
161
161
  }
162
162
 
163
- .pf-c-code-block__code {
164
- font-family: var(--pf-c-code-block__code--FontFamily, inherit);
163
+ .pf-v5-c-code-block__code {
164
+ font-family: var(--pf-v5-c-code-block__code--FontFamily, inherit);
165
165
  }