@patternfly/quickstarts 2.3.2 → 2.3.4

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 (41) hide show
  1. package/dist/ConsoleInternal/components/markdown-view.d.ts +1 -1
  2. package/dist/ConsoleShared/src/components/markdown-extensions/accordion-extension.d.ts +7 -0
  3. package/dist/ConsoleShared/src/components/markdown-extensions/accordion-render-extension.d.ts +6 -0
  4. package/dist/ConsoleShared/src/components/markdown-extensions/const.d.ts +2 -0
  5. package/dist/ConsoleShared/src/components/markdown-extensions/index.d.ts +2 -0
  6. package/dist/ConsoleShared/src/components/status/NotStartedIcon.d.ts +0 -1
  7. package/dist/index.es.js +106 -30
  8. package/dist/index.es.js.map +1 -1
  9. package/dist/index.js +104 -28
  10. package/dist/index.js.map +1 -1
  11. package/dist/patternfly-docs/quick-starts/design-guidelines/design-guidelines.md +1 -1
  12. package/dist/patternfly-docs/quick-starts/examples/about.md +28 -21
  13. package/dist/patternfly-docs/quick-starts/examples/basic.md +7 -5
  14. package/dist/patternfly-docs/quick-starts/examples/help-topics.md +8 -5
  15. package/dist/patternfly-global.css +890 -419
  16. package/dist/patternfly-nested.css +12484 -7322
  17. package/dist/quickstarts-base.css +870 -671
  18. package/dist/quickstarts-full.es.js +6466 -6194
  19. package/dist/quickstarts-full.es.js.map +1 -1
  20. package/dist/quickstarts-standalone.css +854 -622
  21. package/dist/quickstarts-standalone.min.css +2 -2
  22. package/dist/quickstarts-vendor.css +84 -55
  23. package/dist/quickstarts.css +953 -726
  24. package/dist/quickstarts.min.css +1 -1
  25. package/dist/utils/quick-start-types.d.ts +0 -1
  26. package/package.json +16 -13
  27. package/src/ConsoleInternal/components/catalog/_catalog.scss +7 -5
  28. package/src/ConsoleInternal/components/markdown-view.tsx +34 -50
  29. package/src/ConsoleShared/src/components/markdown-extensions/accordion-extension.tsx +52 -0
  30. package/src/ConsoleShared/src/components/markdown-extensions/accordion-render-extension.tsx +60 -0
  31. package/src/ConsoleShared/src/components/markdown-extensions/const.ts +2 -0
  32. package/src/ConsoleShared/src/components/markdown-extensions/index.ts +2 -0
  33. package/src/HelpTopicPanelContent.tsx +1 -1
  34. package/src/QuickStartMarkdownView.tsx +5 -0
  35. package/src/QuickStartPanelContent.tsx +17 -2
  36. package/src/catalog/QuickStartTileHeader.tsx +2 -1
  37. package/src/controller/QuickStartTaskHeader.tsx +12 -1
  38. package/src/declaration.d.ts +1 -0
  39. package/src/styles/legacy-bootstrap/_code.scss +4 -2
  40. package/src/styles/legacy-bootstrap/_type.scss +8 -6
  41. package/src/styles/patternfly-nested.scss +9 -9
package/dist/quickstarts-vendor.css CHANGED
@@ -1,55 +1,67 @@
1
+ @charset "UTF-8";
1
2
  /**
2
3
  Patternfly React Extensions Partials
3
4
  */
5
+ :root {
6
+ --vertical-tab-pf-color: var(--pf-global--Color--100);
7
+ --vertical-tab-pf-active-color: var(--pf-global--active-color--100);
8
+ }
4
9
 
5
10
  .catalog-tile-pf.featured {
6
- border-top: 2px solid #2b9af3; }
7
-
11
+ border-top: 2px solid var(--pf-global--active-color--100);
12
+ }
8
13
  .catalog-tile-pf:active, .catalog-tile-pf:hover, .catalog-tile-pf:focus, .catalog-tile-pf:visited {
9
14
  color: inherit;
10
- text-decoration: none; }
11
-
15
+ text-decoration: none;
16
+ }
12
17
  .catalog-tile-pf .pf-c-card__actions {
13
- padding-left: 5px; }
18
+ padding-left: 5px;
19
+ }
14
20
 
15
21
  .catalog-tile-pf-header {
16
22
  font-size: 16px;
17
23
  font-weight: 400;
18
- padding-bottom: 16px; }
19
- .catalog-tile-pf-header .catalog-tile-pf-title {
20
- font-size: 15px;
21
- font-weight: 400; }
22
- .catalog-tile-pf-header .catalog-tile-pf-subtitle {
23
- color: #8a8d90;
24
- font-size: 13px;
25
- font-weight: initial; }
26
- .catalog-tile-pf-header .catalog-tile-pf-subtitle a {
27
- color: #2b9af3;
28
- text-decoration: none; }
29
- .catalog-tile-pf-header .catalog-tile-pf-subtitle a:hover {
30
- color: #73bcf7;
31
- text-decoration: none; }
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-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
+ }
32
39
 
33
40
  .catalog-tile-pf-icon {
34
41
  font-size: 40px;
35
42
  height: 40px;
36
43
  max-width: 60px;
37
- min-width: 40px; }
44
+ min-width: 40px;
45
+ }
38
46
 
39
47
  .catalog-tile-pf-badge-container {
40
48
  display: flex;
41
49
  flex: 1;
42
- justify-content: flex-end; }
50
+ justify-content: flex-end;
51
+ }
43
52
 
44
53
  .catalog-tile-pf-description {
45
- margin-top: 0; }
46
- .catalog-tile-pf-description span {
47
- display: -webkit-box;
48
- overflow: hidden;
49
- -webkit-box-orient: vertical;
50
- -webkit-line-clamp: 3; }
51
- .catalog-tile-pf-description .has-footer {
52
- -webkit-line-clamp: 1; }
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
+ }
53
65
 
54
66
  .pf-c-clipboard-copy {
55
67
  --pf-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
@@ -65,8 +77,8 @@
65
77
  --pf-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
66
78
  --pf-c-clipboard-copy__expandable-content--BorderColor: var(--pf-global--BorderColor--100);
67
79
  --pf-c-clipboard-copy__expandable-content--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
68
- --pf-c-clipboard-copy--m-inline--PaddingTop: 0.25rem;
69
- --pf-c-clipboard-copy--m-inline--PaddingBottom: 0.3125rem;
80
+ --pf-c-clipboard-copy--m-inline--PaddingTop: 0;
81
+ --pf-c-clipboard-copy--m-inline--PaddingBottom: 0;
70
82
  --pf-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-global--spacer--xs);
71
83
  --pf-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-global--BackgroundColor--200);
72
84
  --pf-c-clipboard-copy__text--m-code--FontFamily: var(--pf-global--FontFamily--monospace);
@@ -76,32 +88,43 @@
76
88
  --pf-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-global--spacer--xs);
77
89
  --pf-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-global--spacer--sm);
78
90
  --pf-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-global--spacer--xs);
79
- --pf-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-global--spacer--sm); }
80
- .pf-c-clipboard-copy.pf-m-inline {
81
- display: inline;
82
- padding-top: var(--pf-c-clipboard-copy--m-inline--PaddingTop);
83
- padding-bottom: var(--pf-c-clipboard-copy--m-inline--PaddingBottom);
84
- padding-left: var(--pf-c-clipboard-copy--m-inline--PaddingLeft);
85
- white-space: nowrap;
86
- background-color: var(--pf-c-clipboard-copy--m-inline--BackgroundColor); }
87
- .pf-c-clipboard-copy.pf-m-inline.pf-m-block {
88
- display: block; }
91
+ --pf-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-global--spacer--sm);
92
+ }
93
+ .pf-c-clipboard-copy.pf-m-inline {
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);
98
+ white-space: nowrap;
99
+ background-color: var(--pf-c-clipboard-copy--m-inline--BackgroundColor);
100
+ }
101
+ .pf-c-clipboard-copy.pf-m-inline.pf-m-block {
102
+ display: block;
103
+ }
89
104
 
90
105
  .pf-c-clipboard-copy__text {
91
106
  word-break: break-word;
92
- white-space: normal; }
107
+ white-space: normal;
108
+ }
93
109
 
94
110
  .pf-c-clipboard-copy__actions {
95
- display: inline-flex; }
111
+ display: inline-flex;
112
+ }
96
113
 
97
114
  .pf-c-clipboard-copy__actions-item {
98
115
  margin-top: calc(-1 * var(--pf-c-clipboard-copy__actions-item--button--PaddingTop));
99
- margin-bottom: calc(-1 * var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom)); }
100
- .pf-c-clipboard-copy__actions-item .pf-c-button {
101
- --pf-c-button--PaddingTop: var(--pf-c-clipboard-copy__actions-item--button--PaddingTop);
102
- --pf-c-button--PaddingRight: var(--pf-c-clipboard-copy__actions-item--button--PaddingRight);
103
- --pf-c-button--PaddingBottom: var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom);
104
- --pf-c-button--PaddingLeft: var(--pf-c-clipboard-copy__actions-item--button--PaddingLeft); }
116
+ margin-bottom: calc(-1 * var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom));
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);
123
+ }
124
+
125
+ :where(.pf-theme-dark) .pf-c-clipboard-copy {
126
+ --pf-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-global--BackgroundColor--400);
127
+ }
105
128
 
106
129
  .pf-c-code-block {
107
130
  --pf-c-code-block--BackgroundColor: var(--pf-global--BackgroundColor--200);
@@ -113,24 +136,30 @@
113
136
  --pf-c-code-block__content--PaddingLeft: var(--pf-global--spacer--md);
114
137
  --pf-c-code-block__pre--FontFamily: var(--pf-global--FontFamily--monospace);
115
138
  --pf-c-code-block__pre--FontSize: var(--pf-global--FontSize--sm);
116
- background-color: var(--pf-c-code-block--BackgroundColor); }
139
+ background-color: var(--pf-c-code-block--BackgroundColor);
140
+ }
117
141
 
118
142
  .pf-c-code-block__header {
119
143
  display: flex;
120
- border-bottom: var(--pf-c-code-block__header--BorderBottomWidth) solid var(--pf-c-code-block__header--BorderBottomColor); }
144
+ border-bottom: var(--pf-c-code-block__header--BorderBottomWidth) solid var(--pf-c-code-block__header--BorderBottomColor);
145
+ }
121
146
 
122
147
  .pf-c-code-block__actions {
123
148
  display: flex;
124
- margin-left: auto; }
149
+ margin-left: auto;
150
+ }
125
151
 
126
152
  .pf-c-code-block__content {
127
- 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); }
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);
154
+ }
128
155
 
129
156
  .pf-c-code-block__pre {
130
157
  font-family: var(--pf-c-code-block__pre--FontFamily);
131
158
  font-size: var(--pf-c-code-block__pre--FontSize);
132
159
  overflow-wrap: break-word;
133
- white-space: pre-wrap; }
160
+ white-space: pre-wrap;
161
+ }
134
162
 
135
163
  .pf-c-code-block__code {
136
- font-family: var(--pf-c-code-block__code--FontFamily, inherit); }
164
+ font-family: var(--pf-c-code-block__code--FontFamily, inherit);
165
+ }