@patternfly/quickstarts 5.4.0-prerelease.4 → 6.0.0-alpha.2

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 (60) hide show
  1. package/dist/index.es.js +49 -77
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +48 -78
  4. package/dist/index.js.map +1 -1
  5. package/dist/patternfly-global.css +773 -846
  6. package/dist/patternfly-nested.css +12814 -9632
  7. package/dist/quickstarts-base.css +128 -757
  8. package/dist/quickstarts-full.es.js +3217 -2470
  9. package/dist/quickstarts-full.es.js.map +1 -1
  10. package/dist/quickstarts-standalone.css +165 -540
  11. package/dist/quickstarts-standalone.min.css +8 -4
  12. package/dist/quickstarts-vendor.css +37 -134
  13. package/dist/quickstarts.css +165 -891
  14. package/dist/quickstarts.min.css +1 -1
  15. package/package.json +20 -20
  16. package/src/ConsoleInternal/components/_icon-and-text.scss +2 -2
  17. package/src/ConsoleInternal/components/catalog/_catalog.scss +20 -20
  18. package/src/ConsoleInternal/components/markdown-view.tsx +2 -2
  19. package/src/ConsoleInternal/components/utils/_status-box.scss +1 -1
  20. package/src/ConsoleShared/src/components/layout/PageLayout.scss +10 -10
  21. package/src/ConsoleShared/src/components/markdown-extensions/accordion-extension.tsx +6 -4
  22. package/src/ConsoleShared/src/components/markdown-extensions/accordion-render-extension.tsx +2 -2
  23. package/src/ConsoleShared/src/components/markdown-extensions/inline-clipboard-extension.tsx +5 -5
  24. package/src/ConsoleShared/src/components/markdown-extensions/multiline-clipboard-extension.tsx +8 -8
  25. package/src/ConsoleShared/src/components/markdown-extensions/showdown-extension.scss +5 -5
  26. package/src/ConsoleShared/src/components/spotlight/StaticSpotlight.tsx +1 -1
  27. package/src/ConsoleShared/src/components/spotlight/spotlight.scss +4 -4
  28. package/src/ConsoleShared/src/components/status/icons.tsx +6 -8
  29. package/src/HelpTopicDrawer.tsx +1 -1
  30. package/src/HelpTopicPanelContent.tsx +1 -1
  31. package/src/QuickStartCatalogPage.tsx +1 -8
  32. package/src/QuickStartDrawer.scss +1 -1
  33. package/src/QuickStartDrawer.tsx +1 -1
  34. package/src/QuickStartMarkdownView.tsx +1 -1
  35. package/src/QuickStartPanelContent.scss +10 -10
  36. package/src/QuickStartPanelContent.tsx +1 -1
  37. package/src/catalog/QuickStartCatalog.scss +1 -1
  38. package/src/catalog/QuickStartTile.tsx +4 -1
  39. package/src/catalog/QuickStartTileDescription.scss +4 -4
  40. package/src/catalog/QuickStartTileHeader.scss +5 -5
  41. package/src/catalog/Toolbar/QuickStartCatalogFilter.scss +9 -9
  42. package/src/catalog/Toolbar/QuickStartCatalogFilterItems.tsx +1 -1
  43. package/src/controller/QuickStartConclusion.tsx +1 -1
  44. package/src/controller/QuickStartContent.scss +2 -2
  45. package/src/controller/QuickStartFooter.scss +3 -3
  46. package/src/controller/QuickStartIntroduction.scss +7 -7
  47. package/src/controller/QuickStartIntroduction.tsx +1 -1
  48. package/src/controller/QuickStartTaskHeader.scss +15 -15
  49. package/src/controller/QuickStartTaskHeader.tsx +17 -17
  50. package/src/controller/QuickStartTaskHeaderList.scss +1 -1
  51. package/src/controller/QuickStartTaskHeaderList.tsx +1 -1
  52. package/src/controller/QuickStartTaskReview.scss +8 -8
  53. package/src/controller/QuickStartTasks.scss +14 -13
  54. package/src/styles/_base.scss +3 -6
  55. package/src/styles/_dark-custom-override.scss +16 -31
  56. package/src/styles/legacy-bootstrap/_variables.scss +8 -8
  57. package/src/styles/patternfly-global.scss +8 -8
  58. package/src/styles/patternfly-nested.scss +5 -5
  59. package/src/styles/style.scss +6 -6
  60. package/src/styles/vendor.scss +2 -2
package/dist/quickstarts-vendor.css CHANGED
@@ -1,165 +1,68 @@
1
- @charset "UTF-8";
2
- /**
3
- Patternfly React Extensions Partials
4
- */
5
- :root {
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
- }
9
-
10
- .catalog-tile-pf.featured {
11
- border-top: 2px solid var(--pf-v5-global--active-color--100);
12
- }
13
- .catalog-tile-pf:active, .catalog-tile-pf:hover, .catalog-tile-pf:focus, .catalog-tile-pf:visited {
14
- color: inherit;
15
- text-decoration: none;
16
- }
17
- .catalog-tile-pf .pf-v5-c-card__actions {
18
- padding-left: 5px;
19
- }
20
-
21
- .catalog-tile-pf-header {
22
- font-size: 16px;
23
- font-weight: 400;
24
- padding-bottom: 16px;
25
- }
26
- .catalog-tile-pf-header .catalog-tile-pf-title {
27
- font-size: 15px;
28
- font-weight: 400;
29
- }
30
- .catalog-tile-pf-header .catalog-tile-pf-subtitle {
31
- color: var(--pf-v5-global--Color--200);
32
- font-size: 13px;
33
- font-weight: initial;
34
- }
35
- .catalog-tile-pf-header .catalog-tile-pf-subtitle a,
36
- .catalog-tile-pf-header .catalog-tile-pf-subtitle a:hover {
37
- text-decoration: none;
38
- }
39
-
40
- .catalog-tile-pf-icon {
41
- font-size: 40px;
42
- height: 40px;
43
- max-width: 60px;
44
- min-width: 40px;
45
- }
46
-
47
- .catalog-tile-pf-badge-container {
48
- display: flex;
49
- flex: 1;
50
- justify-content: flex-end;
51
- }
52
-
53
- .catalog-tile-pf-description {
54
- margin-top: 0;
55
- }
56
- .catalog-tile-pf-description span {
57
- display: -webkit-box;
58
- overflow: hidden;
59
- -webkit-box-orient: vertical;
60
- -webkit-line-clamp: 3;
61
- }
62
- .catalog-tile-pf-description .has-footer {
63
- -webkit-line-clamp: 1;
64
- }
65
-
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 {
1
+ .pf-v6-c-clipboard-copy.pf-m-inline {
94
2
  display: inline;
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);
3
+ padding-block-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockStart);
4
+ padding-block-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockEnd);
5
+ padding-inline-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart);
98
6
  white-space: nowrap;
99
- background-color: var(--pf-v5-c-clipboard-copy--m-inline--BackgroundColor);
7
+ background-color: var(--pf-v6-c-clipboard-copy--m-inline--BackgroundColor);
100
8
  }
101
- .pf-v5-c-clipboard-copy.pf-m-inline.pf-m-block {
9
+ .pf-v6-c-clipboard-copy.pf-m-inline.pf-m-block {
102
10
  display: block;
103
11
  }
104
12
 
105
- .pf-v5-c-clipboard-copy__text {
13
+ .pf-v6-c-clipboard-copy__text {
106
14
  word-break: break-word;
107
15
  white-space: normal;
108
16
  }
109
17
 
110
- .pf-v5-c-clipboard-copy__actions {
18
+ .pf-v6-c-clipboard-copy__actions {
111
19
  display: inline-flex;
112
20
  }
113
21
 
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));
22
+ .pf-v6-c-clipboard-copy__actions-item {
23
+ margin-block-start: calc(-1 * var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart));
24
+ margin-block-end: calc(-1 * var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd));
117
25
  }
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
- }
124
-
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);
26
+ .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button {
27
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart);
28
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineEnd);
29
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd);
30
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineStart);
127
31
  }
128
32
 
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);
33
+ .pf-v6-c-code-block {
34
+ background-color: var(--pf-v6-c-code-block--BackgroundColor);
35
+ border-radius: var(--pf-v6-c-code-block--BorderRadius);
140
36
  }
141
37
 
142
- .pf-v5-c-code-block__header {
38
+ .pf-v6-c-code-block__header {
143
39
  display: flex;
144
- border-bottom: var(--pf-v5-c-code-block__header--BorderBottomWidth) solid var(--pf-v5-c-code-block__header--BorderBottomColor);
40
+ padding-block-start: var(--pf-v6-c-code-block__header--PaddingBlockStart);
41
+ padding-block-end: var(--pf-v6-c-code-block__header--PaddingBlockEnd);
42
+ padding-inline-start: var(--pf-v6-c-code-block__header--PaddingInlineStart);
43
+ padding-inline-end: var(--pf-v6-c-code-block__header--PaddingInlineEnd);
44
+ border-block-end: var(--pf-v6-c-code-block__header--BorderBlockEndWidth) solid var(--pf-v6-c-code-block__header--BorderBlockEndColor);
145
45
  }
146
46
 
147
- .pf-v5-c-code-block__actions {
47
+ .pf-v6-c-code-block__actions {
148
48
  display: flex;
149
- margin-left: auto;
49
+ margin-inline-start: auto;
150
50
  }
151
51
 
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);
52
+ .pf-v6-c-code-block__content {
53
+ padding-block-start: var(--pf-v6-c-code-block__content--PaddingBlockStart);
54
+ padding-block-end: var(--pf-v6-c-code-block__content--PaddingBlockEnd);
55
+ padding-inline-start: var(--pf-v6-c-code-block__content--PaddingInlineStart);
56
+ padding-inline-end: var(--pf-v6-c-code-block__content--PaddingInlineEnd);
154
57
  }
155
58
 
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);
59
+ .pf-v6-c-code-block__pre {
60
+ font-family: var(--pf-v6-c-code-block__pre--FontFamily);
61
+ font-size: var(--pf-v6-c-code-block__pre--FontSize);
159
62
  overflow-wrap: break-word;
160
63
  white-space: pre-wrap;
161
64
  }
162
65
 
163
- .pf-v5-c-code-block__code {
164
- font-family: var(--pf-v5-c-code-block__code--FontFamily, inherit);
66
+ .pf-v6-c-code-block__code {
67
+ font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
165
68
  }