@gitlab/ui 94.10.0 → 95.1.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/CHANGELOG.md +47 -0
- package/dist/components/base/progress_bar/progress_bar.js +1 -1
- package/dist/components/experimental/duo/chat/components/duo_chat_context/constants.js +4 -1
- package/dist/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_details_modal/duo_chat_context_item_details_modal.js +120 -0
- package/dist/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu.js +11 -1
- package/dist/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_selections/duo_chat_context_item_selections.js +29 -2
- package/dist/components/experimental/duo/chat/components/duo_chat_context/mock_context_data.js +14 -1
- package/dist/components/experimental/duo/chat/components/duo_chat_conversation/duo_chat_conversation.js +4 -1
- package/dist/components/experimental/duo/chat/components/duo_chat_message/duo_chat_message.js +7 -1
- package/dist/components/experimental/duo/chat/duo_chat.js +9 -1
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +6 -1
- package/dist/tokens/build/js/tokens.js +6 -1
- package/dist/tokens/css/tokens.css +5 -0
- package/dist/tokens/css/tokens.dark.css +5 -0
- package/dist/tokens/js/tokens.dark.js +5 -0
- package/dist/tokens/js/tokens.js +5 -0
- package/dist/tokens/json/tokens.dark.json +110 -0
- package/dist/tokens/json/tokens.json +110 -0
- package/dist/tokens/scss/_tokens.dark.scss +5 -0
- package/dist/tokens/scss/_tokens.scss +5 -0
- package/dist/tokens/scss/_tokens_custom_properties.scss +5 -0
- package/dist/utils/constants.js +3 -14
- package/dist/vendor/bootstrap-vue/src/components/modal/modal.js +4 -34
- package/package.json +1 -1
- package/src/components/base/progress_bar/progress_bar.scss +19 -0
- package/src/components/base/progress_bar/progress_bar.vue +1 -1
- package/src/components/experimental/duo/chat/components/duo_chat_context/constants.js +4 -0
- package/src/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_details_modal/duo_chat_context_item_details_modal.vue +114 -0
- package/src/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu.vue +10 -0
- package/src/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_selections/duo_chat_context_item_selections.vue +42 -0
- package/src/components/experimental/duo/chat/components/duo_chat_context/mock_context_data.js +15 -0
- package/src/components/experimental/duo/chat/components/duo_chat_conversation/duo_chat_conversation.vue +4 -0
- package/src/components/experimental/duo/chat/components/duo_chat_message/duo_chat_message.vue +8 -0
- package/src/components/experimental/duo/chat/duo_chat.vue +9 -0
- package/src/scss/components.scss +1 -0
- package/src/tokens/build/css/tokens.css +5 -0
- package/src/tokens/build/css/tokens.dark.css +5 -0
- package/src/tokens/build/js/tokens.dark.js +5 -0
- package/src/tokens/build/js/tokens.js +5 -0
- package/src/tokens/build/json/tokens.dark.json +110 -0
- package/src/tokens/build/json/tokens.json +110 -0
- package/src/tokens/build/scss/_tokens.dark.scss +5 -0
- package/src/tokens/build/scss/_tokens.scss +5 -0
- package/src/tokens/build/scss/_tokens_custom_properties.scss +5 -0
- package/src/tokens/contextual/progress-bar.tokens.json +38 -0
- package/src/utils/constants.js +1 -11
- package/src/vendor/bootstrap-vue/src/components/modal/MODIFICATIONS.md +27 -0
- package/src/vendor/bootstrap-vue/src/components/modal/README.md +2 -118
- package/src/vendor/bootstrap-vue/src/components/modal/index.d.ts +0 -10
- package/src/vendor/bootstrap-vue/src/components/modal/modal.js +4 -43
- package/src/vendor/bootstrap-vue/src/components/modal/package.json +0 -36
- package/src/vendor/bootstrap-vue/src/components/progress/MODIFICATIONS.md +23 -0
- package/src/vendor/bootstrap-vue/src/components/progress/README.md +4 -17
- package/translations.js +1 -0
|
@@ -36,18 +36,10 @@
|
|
|
36
36
|
"version": "2.0.0",
|
|
37
37
|
"description": "Specify which built-in button to focus once the modal opens: 'ok', 'cancel', or 'close'"
|
|
38
38
|
},
|
|
39
|
-
{
|
|
40
|
-
"prop": "bodyBgVariant",
|
|
41
|
-
"description": "Applies one of the Bootstrap theme color variants to the body background"
|
|
42
|
-
},
|
|
43
39
|
{
|
|
44
40
|
"prop": "bodyClass",
|
|
45
41
|
"description": "CSS class (or classes) to apply to the '.modal-body' wrapper element"
|
|
46
42
|
},
|
|
47
|
-
{
|
|
48
|
-
"prop": "bodyTextVariant",
|
|
49
|
-
"description": "Applies one of the Bootstrap theme color variants to the body text"
|
|
50
|
-
},
|
|
51
43
|
{
|
|
52
44
|
"prop": "busy",
|
|
53
45
|
"description": "Places the built in default footer OK and Cancel buttons in the disabled state"
|
|
@@ -85,35 +77,15 @@
|
|
|
85
77
|
"prop": "dialogClass",
|
|
86
78
|
"description": "CSS class (or classes) to apply to the '.modal-dialog' wrapper element"
|
|
87
79
|
},
|
|
88
|
-
{
|
|
89
|
-
"prop": "footerBgVariant",
|
|
90
|
-
"description": "Applies one of the Bootstrap theme color variants to the footer background"
|
|
91
|
-
},
|
|
92
|
-
{
|
|
93
|
-
"prop": "footerBorderVariant",
|
|
94
|
-
"description": "Applies one of the Bootstrap theme color variants to the footer border"
|
|
95
|
-
},
|
|
96
80
|
{
|
|
97
81
|
"prop": "footerClass",
|
|
98
82
|
"description": "CSS class (or classes) to apply to the '.modal-footer' wrapper element"
|
|
99
83
|
},
|
|
100
|
-
{
|
|
101
|
-
"prop": "footerTextVariant",
|
|
102
|
-
"description": "Applies one of the Bootstrap theme color variants to the footer text"
|
|
103
|
-
},
|
|
104
84
|
{
|
|
105
85
|
"prop": "footerTag",
|
|
106
86
|
"version": "2.22.0",
|
|
107
87
|
"description": "Specify the HTML tag to render instead of the default tag for the footer"
|
|
108
88
|
},
|
|
109
|
-
{
|
|
110
|
-
"prop": "headerBgVariant",
|
|
111
|
-
"description": "Applies one of the Bootstrap theme color variants to the header background"
|
|
112
|
-
},
|
|
113
|
-
{
|
|
114
|
-
"prop": "headerBorderVariant",
|
|
115
|
-
"description": "Applies one of the Bootstrap theme color variants to the header border"
|
|
116
|
-
},
|
|
117
89
|
{
|
|
118
90
|
"prop": "headerClass",
|
|
119
91
|
"description": "CSS class (or classes) to apply to the '.modal-header' wrapper element"
|
|
@@ -127,14 +99,6 @@
|
|
|
127
99
|
"prop": "headerCloseLabel",
|
|
128
100
|
"description": "Value of the 'aria-label' on the header close button"
|
|
129
101
|
},
|
|
130
|
-
{
|
|
131
|
-
"prop": "headerCloseVariant",
|
|
132
|
-
"description": "Text theme color variant to apply to the header close button"
|
|
133
|
-
},
|
|
134
|
-
{
|
|
135
|
-
"prop": "headerTextVariant",
|
|
136
|
-
"description": "Applies one of the Bootstrap theme color variants to the header text"
|
|
137
|
-
},
|
|
138
102
|
{
|
|
139
103
|
"prop": "headerTag",
|
|
140
104
|
"version": "2.22.0",
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
# Modifications to Vendored Code
|
|
2
|
+
|
|
3
|
+
**Library**: BootstrapVue
|
|
4
|
+
**Version**: 2.23.1
|
|
5
|
+
|
|
6
|
+
This file documents modifications made to the original BootstrapVue component files.
|
|
7
|
+
|
|
8
|
+
## Removed variants
|
|
9
|
+
|
|
10
|
+
The following files have been modified from the original:
|
|
11
|
+
|
|
12
|
+
- `README.md`: Removed variants.
|
|
13
|
+
|
|
14
|
+
The following variants of the property `variant` have been removed as they are no longer supported
|
|
15
|
+
in our implementation:
|
|
16
|
+
|
|
17
|
+
- `secondary`
|
|
18
|
+
- `info`
|
|
19
|
+
- `light`
|
|
20
|
+
- `dark`
|
|
21
|
+
|
|
22
|
+
It was not necessary to adapt `.js` files for this change, as the propery `variant` accepts any
|
|
23
|
+
string. It would still be technically possible to pass down one of the removed variants.
|
|
@@ -222,12 +222,9 @@ Use background variants to change the appearance of individual progress bars. Th
|
|
|
222
222
|
return {
|
|
223
223
|
bars: [
|
|
224
224
|
{ variant: 'success', value: 75 },
|
|
225
|
-
{ variant: 'info', value: 75 },
|
|
226
225
|
{ variant: 'warning', value: 75 },
|
|
227
226
|
{ variant: 'danger', value: 75 },
|
|
228
227
|
{ variant: 'primary', value: 75 },
|
|
229
|
-
{ variant: 'secondary', value: 75 },
|
|
230
|
-
{ variant: 'dark', value: 75 }
|
|
231
228
|
],
|
|
232
229
|
timer: null
|
|
233
230
|
}
|
|
@@ -255,13 +252,8 @@ Set `striped` to apply a stripe via CSS gradient over the progress bar's backgro
|
|
|
255
252
|
<template>
|
|
256
253
|
<div>
|
|
257
254
|
<b-progress :value="25" variant="success" :striped="striped"></b-progress>
|
|
258
|
-
<b-progress :value="50" variant="info" :striped="striped" class="mt-2"></b-progress>
|
|
259
255
|
<b-progress :value="75" variant="warning" :striped="striped" class="mt-2"></b-progress>
|
|
260
256
|
<b-progress :value="100" variant="danger" :striped="striped" class="mt-2"></b-progress>
|
|
261
|
-
|
|
262
|
-
<b-button variant="secondary" @click="striped = !striped" class="mt-3">
|
|
263
|
-
{{ striped ? 'Remove' : 'Add' }} Striped
|
|
264
|
-
</b-button>
|
|
265
257
|
</div>
|
|
266
258
|
</template>
|
|
267
259
|
|
|
@@ -286,13 +278,8 @@ The striped gradient can also be animated by setting the `animated`prop.
|
|
|
286
278
|
<template>
|
|
287
279
|
<div>
|
|
288
280
|
<b-progress :value="25" variant="success" striped :animated="animate"></b-progress>
|
|
289
|
-
<b-progress :value="50" variant="info" striped :animated="animate" class="mt-2"></b-progress>
|
|
290
281
|
<b-progress :value="75" variant="warning" striped :animated="animate" class="mt-2"></b-progress>
|
|
291
282
|
<b-progress :value="100" variant="danger" :animated="animate" class="mt-3"></b-progress>
|
|
292
|
-
|
|
293
|
-
<b-button variant="secondary" @click="animate = !animate" class="mt-3">
|
|
294
|
-
{{ animate ? 'Stop' : 'Start' }} Animation
|
|
295
|
-
</b-button>
|
|
296
283
|
</div>
|
|
297
284
|
</template>
|
|
298
285
|
|
|
@@ -328,25 +315,25 @@ horizontally stacked set of progress bars.
|
|
|
328
315
|
<b-progress :max="max" class="mb-3">
|
|
329
316
|
<b-progress-bar variant="primary" :value="values[0]"></b-progress-bar>
|
|
330
317
|
<b-progress-bar variant="success" :value="values[1]"></b-progress-bar>
|
|
331
|
-
<b-progress-bar variant="
|
|
318
|
+
<b-progress-bar variant="danger" :value="values[2]"></b-progress-bar>
|
|
332
319
|
</b-progress>
|
|
333
320
|
|
|
334
321
|
<b-progress show-progress :max="max" class="mb-3">
|
|
335
322
|
<b-progress-bar variant="primary" :value="values[0]"></b-progress-bar>
|
|
336
323
|
<b-progress-bar variant="success" :value="values[1]"></b-progress-bar>
|
|
337
|
-
<b-progress-bar variant="
|
|
324
|
+
<b-progress-bar variant="danger" :value="values[2]"></b-progress-bar>
|
|
338
325
|
</b-progress>
|
|
339
326
|
|
|
340
327
|
<b-progress show-value striped :max="max" class="mb-3">
|
|
341
328
|
<b-progress-bar variant="primary" :value="values[0]"></b-progress-bar>
|
|
342
329
|
<b-progress-bar variant="success" :value="values[1]"></b-progress-bar>
|
|
343
|
-
<b-progress-bar variant="
|
|
330
|
+
<b-progress-bar variant="danger" :value="values[2]"></b-progress-bar>
|
|
344
331
|
</b-progress>
|
|
345
332
|
|
|
346
333
|
<b-progress :max="max">
|
|
347
334
|
<b-progress-bar variant="primary" :value="values[0]" show-progress></b-progress-bar>
|
|
348
335
|
<b-progress-bar variant="success" :value="values[1]" animated show-progress></b-progress-bar>
|
|
349
|
-
<b-progress-bar variant="
|
|
336
|
+
<b-progress-bar variant="danger" :value="values[2]" striped show-progress></b-progress-bar>
|
|
350
337
|
</b-progress>
|
|
351
338
|
</div>
|
|
352
339
|
</template>
|
package/translations.js
CHANGED
|
@@ -27,6 +27,7 @@ export default {
|
|
|
27
27
|
'GlDuoChat.chatPromptPlaceholderDefault': 'GitLab Duo Chat',
|
|
28
28
|
'GlDuoChat.chatPromptPlaceholderWithCommands': 'Type "/" for slash commands',
|
|
29
29
|
'GlDuoChat.chatSubmitLabel': 'Send chat message.',
|
|
30
|
+
'GlDuoChatContextItemDetailsModal.title': 'Preview',
|
|
30
31
|
'GlDuoChatContextItemMenu.emptyStateMessage': 'No results found',
|
|
31
32
|
'GlDuoChatContextItemMenu.loadingMessage': 'Loading...',
|
|
32
33
|
'GlDuoChatContextItemMenu.searchInputPlaceholder': 'Search %{categoryLabel}...',
|