@gitlab/ui 43.9.3 → 43.10.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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gitlab/ui",
|
|
3
|
-
"version": "43.
|
|
3
|
+
"version": "43.10.0",
|
|
4
4
|
"description": "GitLab UI Components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -94,9 +94,9 @@
|
|
|
94
94
|
"@storybook/theming": "6.5.10",
|
|
95
95
|
"@storybook/vue": "6.5.10",
|
|
96
96
|
"@vue/test-utils": "1.3.0",
|
|
97
|
-
"@vue/vue2-jest": "
|
|
97
|
+
"@vue/vue2-jest": "29.0.0",
|
|
98
98
|
"autoprefixer": "^9.7.6",
|
|
99
|
-
"babel-jest": "
|
|
99
|
+
"babel-jest": "29.0.1",
|
|
100
100
|
"babel-loader": "^8.0.5",
|
|
101
101
|
"babel-plugin-lodash": "^3.3.4",
|
|
102
102
|
"babel-plugin-require-context-hook": "^1.0.0",
|
|
@@ -112,10 +112,9 @@
|
|
|
112
112
|
"glob": "^7.2.0",
|
|
113
113
|
"identity-obj-proxy": "^3.0.0",
|
|
114
114
|
"inquirer-select-directory": "^1.2.0",
|
|
115
|
-
"jest": "^
|
|
116
|
-
"jest-circus": "
|
|
117
|
-
"jest-environment-jsdom": "
|
|
118
|
-
"jest-raw-loader": "^1.0.1",
|
|
115
|
+
"jest": "^29.0.1",
|
|
116
|
+
"jest-circus": "29.0.1",
|
|
117
|
+
"jest-environment-jsdom": "29.0.1",
|
|
119
118
|
"jest-serializer-vue": "^2.0.2",
|
|
120
119
|
"markdownlint-cli": "^0.29.0",
|
|
121
120
|
"mockdate": "^2.0.5",
|
|
@@ -155,6 +155,22 @@
|
|
|
155
155
|
@include gl-py-1;
|
|
156
156
|
}
|
|
157
157
|
|
|
158
|
+
pre {
|
|
159
|
+
@include gl-py-3;
|
|
160
|
+
@include gl-px-4;
|
|
161
|
+
@include gl-rounded-base;
|
|
162
|
+
@include gl-inset-border-1-gray-100;
|
|
163
|
+
@include gl-my-7;
|
|
164
|
+
@include gl-overflow-auto;
|
|
165
|
+
|
|
166
|
+
code {
|
|
167
|
+
@include gl-bg-white;
|
|
168
|
+
@include gl-rounded-0;
|
|
169
|
+
@include gl-text-gray-900;
|
|
170
|
+
@include gl-p-0;
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
|
|
158
174
|
.audio-container {
|
|
159
175
|
@include gl-display-inline-flex;
|
|
160
176
|
@include gl-flex-direction-column;
|
|
@@ -1,32 +1,46 @@
|
|
|
1
1
|
<h1>MD Doc h1 • GitLab uses "GitLab Flavored Markdown" (GFM)</h1>
|
|
2
|
-
<p>
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
<p>
|
|
3
|
+
MD Doc Paragraph • GitLab uses "GitLab Flavored Markdown" (GFM). It extends the standard Markdown
|
|
4
|
+
in a few significant ways to add some useful functionality. You can use GFM in the following
|
|
5
|
+
areas: comments, issues, merge requests, milestones, snippets and more.
|
|
6
|
+
</p>
|
|
7
|
+
<p class="sm">
|
|
8
|
+
MD Doc Small Paragraph • GitLab uses "GitLab Flavored Markdown" (GFM). It extends the standard
|
|
9
|
+
Markdown in a few significant ways to add some useful functionality. You can use GFM in the
|
|
10
|
+
following areas: comments, issues, merge requests, milestones, snippets and more.
|
|
11
|
+
</p>
|
|
8
12
|
<p class="monospace">UI Monospace</p>
|
|
9
13
|
<p class="monospace sm">UI Small Monospace</p>
|
|
10
14
|
<h2>MD Doc h2 • GitLab uses "GitLab Flavored Markdown" (GFM)</h2>
|
|
11
|
-
<p>
|
|
12
|
-
|
|
13
|
-
|
|
15
|
+
<p>
|
|
16
|
+
MD Doc Paragraph • GitLab uses "GitLab Flavored Markdown" (GFM). It extends the standard Markdown
|
|
17
|
+
in a few significant ways to add some useful functionality. You can use GFM in the following
|
|
18
|
+
areas: comments, issues, merge requests, milestones, snippets and more.
|
|
19
|
+
</p>
|
|
14
20
|
<h3>MD Doc h3 • GitLab uses "GitLab Flavored Markdown" (GFM)</h3>
|
|
15
|
-
<p>
|
|
16
|
-
|
|
17
|
-
|
|
21
|
+
<p>
|
|
22
|
+
MD Doc Paragraph • GitLab uses "GitLab Flavored Markdown" (GFM). It extends the standard Markdown
|
|
23
|
+
in a few significant ways to add some useful functionality. You can use GFM in the following
|
|
24
|
+
areas: comments, issues, merge requests, milestones, snippets and more.
|
|
25
|
+
</p>
|
|
18
26
|
<h4>MD Doc h4 • GitLab uses "GitLab Flavored Markdown" (GFM)</h4>
|
|
19
|
-
<p>
|
|
20
|
-
|
|
21
|
-
|
|
27
|
+
<p>
|
|
28
|
+
MD Doc Paragraph • GitLab uses "GitLab Flavored Markdown" (GFM). It extends the standard Markdown
|
|
29
|
+
in a few significant ways to add some useful functionality. You can use GFM in the following
|
|
30
|
+
areas: comments, issues, merge requests, milestones, snippets and more.
|
|
31
|
+
</p>
|
|
22
32
|
<h5>MD Doc h5 • GitLab uses "GitLab Flavored Markdown" (GFM)</h5>
|
|
23
|
-
<p>
|
|
24
|
-
|
|
25
|
-
|
|
33
|
+
<p>
|
|
34
|
+
MD Doc Paragraph • GitLab uses "GitLab Flavored Markdown" (GFM). It extends the standard Markdown
|
|
35
|
+
in a few significant ways to add some useful functionality. You can use GFM in the following
|
|
36
|
+
areas: comments, issues, merge requests, milestones, snippets and more.
|
|
37
|
+
</p>
|
|
26
38
|
<h6>MD Doc h6 • GitLab uses "GitLab Flavored Markdown" (GFM)</h6>
|
|
27
|
-
<p>
|
|
28
|
-
|
|
29
|
-
|
|
39
|
+
<p>
|
|
40
|
+
MD Doc Paragraph • GitLab uses "GitLab Flavored Markdown" (GFM). It extends the standard Markdown
|
|
41
|
+
in a few significant ways to add some useful functionality. You can use GFM in the following
|
|
42
|
+
areas: comments, issues, merge requests, milestones, snippets and more.
|
|
43
|
+
</p>
|
|
30
44
|
|
|
31
45
|
<table>
|
|
32
46
|
<thead>
|
|
@@ -38,46 +52,31 @@
|
|
|
38
52
|
</thead>
|
|
39
53
|
<tbody>
|
|
40
54
|
<tr>
|
|
55
|
+
<td>Test summary</td>
|
|
56
|
+
<td>Test summary contained 3 failed, 1 fixed test result out of 15 total tests</td>
|
|
41
57
|
<td>
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
<td>
|
|
45
|
-
Test summary contained 3 failed, 1 fixed test result out of 15 total tests
|
|
46
|
-
</td>
|
|
47
|
-
<td>
|
|
48
|
-
This is the only one that doesn't include the breakdown in the Level 1 subtext. Does it need to be updated?
|
|
58
|
+
This is the only one that doesn't include the breakdown in the Level 1 subtext. Does it need
|
|
59
|
+
to be updated?
|
|
49
60
|
</td>
|
|
50
61
|
</tr>
|
|
51
62
|
<tr>
|
|
52
|
-
<td>
|
|
53
|
-
|
|
54
|
-
</td>
|
|
55
|
-
<td>
|
|
56
|
-
Browser performance test metrics: 7 changes
|
|
57
|
-
</td>
|
|
58
|
-
<td>
|
|
59
|
-
Browser performance test metrics detected 7 changes
|
|
60
|
-
</td>
|
|
63
|
+
<td>Browser performance</td>
|
|
64
|
+
<td>Browser performance test metrics: 7 changes</td>
|
|
65
|
+
<td>Browser performance test metrics detected 7 changes</td>
|
|
61
66
|
</tr>
|
|
62
67
|
<tr>
|
|
63
|
-
<td>
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
<td>
|
|
67
|
-
Load performance test metrics detected 4 changes
|
|
68
|
-
</td>
|
|
69
|
-
<td>
|
|
70
|
-
✅
|
|
71
|
-
</td>
|
|
68
|
+
<td>Load performance</td>
|
|
69
|
+
<td>Load performance test metrics detected 4 changes</td>
|
|
70
|
+
<td>✅</td>
|
|
72
71
|
</tr>
|
|
73
72
|
</tbody>
|
|
74
73
|
</table>
|
|
75
74
|
|
|
76
75
|
<blockquote>
|
|
77
76
|
<p>
|
|
78
|
-
MD Doc Blockquote • GitLab uses "GitLab Flavored Markdown" (GFM). It extends the standard
|
|
79
|
-
significant ways to add some useful functionality. You can use GFM in the
|
|
80
|
-
requests, milestones, snippets and more.
|
|
77
|
+
MD Doc Blockquote • GitLab uses "GitLab Flavored Markdown" (GFM). It extends the standard
|
|
78
|
+
Markdown in a few significant ways to add some useful functionality. You can use GFM in the
|
|
79
|
+
following areas: comments, issues, merge requests, milestones, snippets and more.
|
|
81
80
|
</p>
|
|
82
81
|
</blockquote>
|
|
83
82
|
<blockquote>
|
|
@@ -102,26 +101,55 @@
|
|
|
102
101
|
</blockquote>
|
|
103
102
|
<blockquote>
|
|
104
103
|
<blockquote>
|
|
105
|
-
<p>
|
|
106
|
-
Nested blockquote
|
|
107
|
-
</p>
|
|
104
|
+
<p>Nested blockquote</p>
|
|
108
105
|
</blockquote>
|
|
109
106
|
</blockquote>
|
|
110
107
|
<p>
|
|
111
108
|
This is a paragraph with two types inline diff <span class="idiff addition">addition</span> and
|
|
112
109
|
<span class="idiff deletion">deletion</span>
|
|
113
110
|
</p>
|
|
114
|
-
<p>
|
|
115
|
-
This block implements the "GitLab Flavored Markdown" <code>Code span</code> styles.
|
|
116
|
-
</p>
|
|
111
|
+
<p>This block implements the "GitLab Flavored Markdown" <code>Code span</code> styles.</p>
|
|
117
112
|
|
|
118
113
|
<p>
|
|
119
114
|
This is an audio file
|
|
120
115
|
<span class="media-container audio-container">
|
|
121
|
-
<audio
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
data-
|
|
116
|
+
<audio
|
|
117
|
+
src="file.mp3"
|
|
118
|
+
controls="true"
|
|
119
|
+
data-setup="{}"
|
|
120
|
+
data-title="file.mp3"
|
|
121
|
+
data-canonical-src="file.mp3"
|
|
122
|
+
class="gfm"
|
|
123
|
+
></audio>
|
|
124
|
+
<a
|
|
125
|
+
href="file.mp3"
|
|
126
|
+
target="_blank"
|
|
127
|
+
rel="noopener noreferrer"
|
|
128
|
+
title="Download file.mp3"
|
|
129
|
+
data-canonical-src="file.mp3"
|
|
130
|
+
data-link="true"
|
|
131
|
+
class="gfm"
|
|
132
|
+
>file.mp3</a
|
|
133
|
+
>
|
|
126
134
|
</span>
|
|
127
135
|
</p>
|
|
136
|
+
<p>Code block</p>
|
|
137
|
+
<pre class="code"><code>pre {
|
|
138
|
+
@include gl-py-4;
|
|
139
|
+
@include gl-px-6;
|
|
140
|
+
|
|
141
|
+
code {
|
|
142
|
+
@include gl-bg-white;
|
|
143
|
+
@include gl-rounded-0;
|
|
144
|
+
@include gl-text-gray-900;
|
|
145
|
+
@include gl-px-0;
|
|
146
|
+
@include gl-py-0;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
</code></pre>
|
|
150
|
+
<p>Code block with long lines scrolls horizontally</p>
|
|
151
|
+
<pre
|
|
152
|
+
class="code"
|
|
153
|
+
><code>MD Doc Small Paragraph • GitLab uses "GitLab Flavored Markdown" (GFM). It extends the standard Markdown in a few
|
|
154
|
+
significant ways to add some useful functionality. You can use GFM in the following areas: comments, issues, merge requests, milestones, snippets and more.
|
|
155
|
+
</code></pre>
|