@gitlab/ui 101.7.1 → 101.9.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 +14 -0
- package/dist/components/base/icon/icon.js +10 -21
- package/dist/components/base/toast/toast.js +0 -1
- package/dist/components/experimental/duo/chat/components/duo_chat_loader/duo_chat_loader.js +1 -1
- package/dist/components/experimental/duo/chat/components/duo_chat_message/duo_chat_message.js +3 -3
- package/dist/components/experimental/duo/chat/duo_chat.js +2 -2
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/tailwind.css +1 -1
- package/dist/tailwind.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +5 -5
- package/dist/tokens/css/tokens.css +1 -1
- package/dist/tokens/css/tokens.dark.css +2 -2
- package/dist/tokens/js/tokens.dark.js +5 -5
- package/dist/tokens/json/tokens.dark.json +7 -10
- package/dist/tokens/json/tokens.json +2 -5
- package/dist/tokens/scss/_tokens.dark.scss +2 -2
- package/dist/tokens/scss/_tokens.scss +1 -1
- package/dist/vendor/bootstrap-vue/src/components/toast/toast.js +0 -17
- package/package.json +1 -1
- package/src/components/base/icon/icon.vue +10 -19
- package/src/components/base/toast/toast.js +0 -1
- package/src/components/experimental/duo/chat/components/duo_chat_loader/duo_chat_loader.vue +1 -1
- package/src/components/experimental/duo/chat/components/duo_chat_message/duo_chat_message.vue +3 -3
- package/src/components/experimental/duo/chat/duo_chat.scss +4 -1
- package/src/components/experimental/duo/chat/duo_chat.vue +5 -5
- package/src/components/experimental/duo/chat/variables.scss +1 -1
- package/src/tokens/build/css/tokens.css +1 -1
- package/src/tokens/build/css/tokens.dark.css +2 -2
- package/src/tokens/build/js/tokens.dark.js +5 -5
- package/src/tokens/build/json/tokens.dark.json +7 -10
- package/src/tokens/build/json/tokens.json +2 -5
- package/src/tokens/build/scss/_tokens.dark.scss +2 -2
- package/src/tokens/build/scss/_tokens.scss +1 -1
- package/src/tokens/contextual/link.tokens.json +1 -4
- package/src/tokens/text.tokens.json +1 -1
- package/src/vendor/bootstrap-vue/src/components/toast/README.md +1 -2
- package/src/vendor/bootstrap-vue/src/components/toast/helpers/bv-toast.spec.js +0 -14
- package/src/vendor/bootstrap-vue/src/components/toast/package.json +0 -4
- package/src/vendor/bootstrap-vue/src/components/toast/toast.js +1 -18
- package/src/vendor/bootstrap-vue/src/components/toast/toast.spec.js +0 -40
- package/src/vendor/bootstrap-vue/src/bv-config.d.ts +0 -4
- package/src/vendor/bootstrap-vue/src/components/breadcrumb/index.d.ts +0 -13
- package/src/vendor/bootstrap-vue/src/components/button/index.d.ts +0 -10
- package/src/vendor/bootstrap-vue/src/components/button-group/index.d.ts +0 -7
- package/src/vendor/bootstrap-vue/src/components/collapse/index.d.ts +0 -9
- package/src/vendor/bootstrap-vue/src/components/dropdown/index.d.ts +0 -32
- package/src/vendor/bootstrap-vue/src/components/form/index.d.ts +0 -16
- package/src/vendor/bootstrap-vue/src/components/form-checkbox/index.d.ts +0 -10
- package/src/vendor/bootstrap-vue/src/components/form-group/index.d.ts +0 -7
- package/src/vendor/bootstrap-vue/src/components/form-input/index.d.ts +0 -9
- package/src/vendor/bootstrap-vue/src/components/form-radio/index.d.ts +0 -10
- package/src/vendor/bootstrap-vue/src/components/form-select/index.d.ts +0 -13
- package/src/vendor/bootstrap-vue/src/components/form-textarea/index.d.ts +0 -9
- package/src/vendor/bootstrap-vue/src/components/index.d.ts +0 -28
- package/src/vendor/bootstrap-vue/src/components/input-group/index.d.ts +0 -19
- package/src/vendor/bootstrap-vue/src/components/layout/index.d.ts +0 -10
- package/src/vendor/bootstrap-vue/src/components/link/index.d.ts +0 -10
- package/src/vendor/bootstrap-vue/src/components/modal/index.d.ts +0 -82
- package/src/vendor/bootstrap-vue/src/components/nav/index.d.ts +0 -17
- package/src/vendor/bootstrap-vue/src/components/popover/index.d.ts +0 -7
- package/src/vendor/bootstrap-vue/src/components/table/index.d.ts +0 -237
- package/src/vendor/bootstrap-vue/src/components/tabs/index.d.ts +0 -13
- package/src/vendor/bootstrap-vue/src/components/toast/index.d.ts +0 -70
- package/src/vendor/bootstrap-vue/src/components/tooltip/index.d.ts +0 -7
- package/src/vendor/bootstrap-vue/src/index.d.ts +0 -61
- package/src/vendor/bootstrap-vue/src/vue-injections.d.ts +0 -13
|
@@ -688,7 +688,6 @@
|
|
|
688
688
|
--gl-label-scoped-button-background-color-hover: var(--gl-color-neutral-0); /* Used for the scoped label remove button background in the hover state. */
|
|
689
689
|
--gl-label-scoped-button-icon-color-default: var(--gl-color-neutral-0); /* Used for the scoped label remove button icon in the default state. */
|
|
690
690
|
--gl-label-scoped-button-icon-color-hover: var(--gl-color-neutral-950); /* Used for the scoped label remove button icon in the hover state. */
|
|
691
|
-
--gl-link-mention-text-color-default: var(--gl-color-blue-200); /* Used for the mention link text color. */
|
|
692
691
|
--gl-link-mention-text-color-current: var(--gl-color-orange-100); /* Used for the mention link text color when referencing the current user. */
|
|
693
692
|
--gl-link-mention-background-color-default: var(--gl-color-blue-800); /* Used for the mention link default background. */
|
|
694
693
|
--gl-link-mention-background-color-current: var(--gl-color-orange-800); /* Used for the mention link background when referencing the current user. */
|
|
@@ -771,7 +770,7 @@
|
|
|
771
770
|
--gl-text-color-subtle: var(--gl-color-neutral-200); /* Used for supplemental text that doesn't need to be as prominent as other text. */
|
|
772
771
|
--gl-text-color-strong: var(--gl-color-neutral-0); /* Used for text with the highest contrast. */
|
|
773
772
|
--gl-text-color-heading: var(--gl-color-neutral-0); /* Used for headings level 1-6. */
|
|
774
|
-
--gl-text-color-link: var(--gl-color-blue-
|
|
773
|
+
--gl-text-color-link: var(--gl-color-blue-200); /* Used for default text links. */
|
|
775
774
|
--gl-text-color-warning: var(--gl-color-orange-300); /* Used for text that requires caution or careful attention. */
|
|
776
775
|
--gl-text-color-danger: var(--gl-color-red-300); /* Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination. */
|
|
777
776
|
--gl-text-color-success: var(--gl-color-green-300); /* Used for text indicating success, completion, approval, addition, or validity. */
|
|
@@ -882,6 +881,7 @@
|
|
|
882
881
|
--gl-dropdown-option-indicator-color-selected-focus: var(--gl-color-neutral-0); /* Used for the dropdown selected option indicator in the focus state. */
|
|
883
882
|
--gl-dropdown-option-background-color-unselected-focus: var(--gl-action-neutral-background-color-focus); /* Used for the background of an unselected dropdown option in the focus state. */
|
|
884
883
|
--gl-dropdown-option-background-color-selected-focus: var(--gl-dropdown-option-background-color-selected-hover); /* Used for the background of a selected dropdown option in the focus state. */
|
|
884
|
+
--gl-link-mention-text-color-default: var(--gl-text-color-link); /* Used for the mention link text color. */
|
|
885
885
|
--gl-progress-bar-indicator-color-default: var(--gl-status-info-icon-color); /* Used for the indicator color for the primary progress-bar variant. */
|
|
886
886
|
--gl-progress-bar-indicator-color-success: var(--gl-status-success-icon-color); /* Used for the indicator color for the success progress-bar variant. */
|
|
887
887
|
--gl-progress-bar-indicator-color-warning: var(--gl-status-warning-icon-color); /* Used for the indicator color for the warning progress-bar variant. */
|
|
@@ -605,10 +605,10 @@ export const GL_BUTTON_DASHED_BORDER_COLOR_DEFAULT = '#89888d';
|
|
|
605
605
|
export const GL_BUTTON_DASHED_BORDER_COLOR_HOVER = '#89888d';
|
|
606
606
|
export const GL_BUTTON_DASHED_BORDER_COLOR_FOCUS = '#89888d';
|
|
607
607
|
export const GL_BUTTON_DASHED_BORDER_COLOR_ACTIVE = '#a4a3a8';
|
|
608
|
-
export const GL_BUTTON_LINK_TEXT_COLOR_DEFAULT = '#
|
|
609
|
-
export const GL_BUTTON_LINK_TEXT_COLOR_HOVER = '#
|
|
610
|
-
export const GL_BUTTON_LINK_TEXT_COLOR_FOCUS = '#
|
|
611
|
-
export const GL_BUTTON_LINK_TEXT_COLOR_ACTIVE = '#
|
|
608
|
+
export const GL_BUTTON_LINK_TEXT_COLOR_DEFAULT = '#9dc7f1';
|
|
609
|
+
export const GL_BUTTON_LINK_TEXT_COLOR_HOVER = '#9dc7f1';
|
|
610
|
+
export const GL_BUTTON_LINK_TEXT_COLOR_FOCUS = '#9dc7f1';
|
|
611
|
+
export const GL_BUTTON_LINK_TEXT_COLOR_ACTIVE = '#9dc7f1';
|
|
612
612
|
export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_DEFAULT = '#ececef';
|
|
613
613
|
export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_HOVER = '#ececef';
|
|
614
614
|
export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_FOCUS = '#ececef';
|
|
@@ -944,7 +944,7 @@ export const GL_TEXT_COLOR_DEFAULT = '#ececef';
|
|
|
944
944
|
export const GL_TEXT_COLOR_SUBTLE = '#bfbfc3';
|
|
945
945
|
export const GL_TEXT_COLOR_STRONG = '#fff';
|
|
946
946
|
export const GL_TEXT_COLOR_HEADING = '#fff';
|
|
947
|
-
export const GL_TEXT_COLOR_LINK = '#
|
|
947
|
+
export const GL_TEXT_COLOR_LINK = '#9dc7f1';
|
|
948
948
|
export const GL_TEXT_COLOR_WARNING = '#d99530';
|
|
949
949
|
export const GL_TEXT_COLOR_DANGER = '#f57f6c';
|
|
950
950
|
export const GL_TEXT_COLOR_SUCCESS = '#52b87a';
|
|
@@ -13271,7 +13271,7 @@
|
|
|
13271
13271
|
"text": {
|
|
13272
13272
|
"color": {
|
|
13273
13273
|
"default": {
|
|
13274
|
-
"$value": "#
|
|
13274
|
+
"$value": "#9dc7f1",
|
|
13275
13275
|
"$type": "color",
|
|
13276
13276
|
"$description": "Used for the text of a link button in the default state.",
|
|
13277
13277
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -13292,7 +13292,7 @@
|
|
|
13292
13292
|
]
|
|
13293
13293
|
},
|
|
13294
13294
|
"hover": {
|
|
13295
|
-
"$value": "#
|
|
13295
|
+
"$value": "#9dc7f1",
|
|
13296
13296
|
"$type": "color",
|
|
13297
13297
|
"$description": "Used for the text of a link button in the hover state.",
|
|
13298
13298
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -13313,7 +13313,7 @@
|
|
|
13313
13313
|
]
|
|
13314
13314
|
},
|
|
13315
13315
|
"focus": {
|
|
13316
|
-
"$value": "#
|
|
13316
|
+
"$value": "#9dc7f1",
|
|
13317
13317
|
"$type": "color",
|
|
13318
13318
|
"$description": "Used for the text of a link button in the focus state.",
|
|
13319
13319
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -13334,7 +13334,7 @@
|
|
|
13334
13334
|
]
|
|
13335
13335
|
},
|
|
13336
13336
|
"active": {
|
|
13337
|
-
"$value": "#
|
|
13337
|
+
"$value": "#9dc7f1",
|
|
13338
13338
|
"$type": "color",
|
|
13339
13339
|
"$description": "Used for the text of a link button in the active state.",
|
|
13340
13340
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -14717,10 +14717,7 @@
|
|
|
14717
14717
|
"filePath": "src/tokens/contextual/link.tokens.json",
|
|
14718
14718
|
"isSource": true,
|
|
14719
14719
|
"original": {
|
|
14720
|
-
"$value": {
|
|
14721
|
-
"default": "{color.blue.700}",
|
|
14722
|
-
"dark": "{color.blue.200}"
|
|
14723
|
-
},
|
|
14720
|
+
"$value": "{text.color.link}",
|
|
14724
14721
|
"$type": "color",
|
|
14725
14722
|
"$description": "Used for the mention link text color."
|
|
14726
14723
|
},
|
|
@@ -21733,7 +21730,7 @@
|
|
|
21733
21730
|
]
|
|
21734
21731
|
},
|
|
21735
21732
|
"link": {
|
|
21736
|
-
"$value": "#
|
|
21733
|
+
"$value": "#9dc7f1",
|
|
21737
21734
|
"$type": "color",
|
|
21738
21735
|
"$description": "Used for default text links.",
|
|
21739
21736
|
"filePath": "src/tokens/text.tokens.json",
|
|
@@ -21741,7 +21738,7 @@
|
|
|
21741
21738
|
"original": {
|
|
21742
21739
|
"$value": {
|
|
21743
21740
|
"default": "{color.blue.700}",
|
|
21744
|
-
"dark": "{color.blue.
|
|
21741
|
+
"dark": "{color.blue.200}"
|
|
21745
21742
|
},
|
|
21746
21743
|
"$type": "color",
|
|
21747
21744
|
"$description": "Used for default text links."
|
|
@@ -14717,10 +14717,7 @@
|
|
|
14717
14717
|
"filePath": "src/tokens/contextual/link.tokens.json",
|
|
14718
14718
|
"isSource": true,
|
|
14719
14719
|
"original": {
|
|
14720
|
-
"$value": {
|
|
14721
|
-
"default": "{color.blue.700}",
|
|
14722
|
-
"dark": "{color.blue.200}"
|
|
14723
|
-
},
|
|
14720
|
+
"$value": "{text.color.link}",
|
|
14724
14721
|
"$type": "color",
|
|
14725
14722
|
"$description": "Used for the mention link text color."
|
|
14726
14723
|
},
|
|
@@ -21741,7 +21738,7 @@
|
|
|
21741
21738
|
"original": {
|
|
21742
21739
|
"$value": {
|
|
21743
21740
|
"default": "{color.blue.700}",
|
|
21744
|
-
"dark": "{color.blue.
|
|
21741
|
+
"dark": "{color.blue.200}"
|
|
21745
21742
|
},
|
|
21746
21743
|
"$type": "color",
|
|
21747
21744
|
"$description": "Used for default text links."
|
|
@@ -686,7 +686,6 @@ $gl-label-scoped-text-color: $gl-color-neutral-0; // Used for the scoped label t
|
|
|
686
686
|
$gl-label-scoped-button-background-color-hover: $gl-color-neutral-0; // Used for the scoped label remove button background in the hover state.
|
|
687
687
|
$gl-label-scoped-button-icon-color-default: $gl-color-neutral-0; // Used for the scoped label remove button icon in the default state.
|
|
688
688
|
$gl-label-scoped-button-icon-color-hover: $gl-color-neutral-950; // Used for the scoped label remove button icon in the hover state.
|
|
689
|
-
$gl-link-mention-text-color-default: $gl-color-blue-200; // Used for the mention link text color.
|
|
690
689
|
$gl-link-mention-text-color-current: $gl-color-orange-100; // Used for the mention link text color when referencing the current user.
|
|
691
690
|
$gl-link-mention-background-color-default: $gl-color-blue-800; // Used for the mention link default background.
|
|
692
691
|
$gl-link-mention-background-color-current: $gl-color-orange-800; // Used for the mention link background when referencing the current user.
|
|
@@ -769,7 +768,7 @@ $gl-text-color-default: $gl-color-neutral-50; // Used for the default text color
|
|
|
769
768
|
$gl-text-color-subtle: $gl-color-neutral-200; // Used for supplemental text that doesn't need to be as prominent as other text.
|
|
770
769
|
$gl-text-color-strong: $gl-color-neutral-0; // Used for text with the highest contrast.
|
|
771
770
|
$gl-text-color-heading: $gl-color-neutral-0; // Used for headings level 1-6.
|
|
772
|
-
$gl-text-color-link: $gl-color-blue-
|
|
771
|
+
$gl-text-color-link: $gl-color-blue-200; // Used for default text links.
|
|
773
772
|
$gl-text-color-warning: $gl-color-orange-300; // Used for text that requires caution or careful attention.
|
|
774
773
|
$gl-text-color-danger: $gl-color-red-300; // Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination.
|
|
775
774
|
$gl-text-color-success: $gl-color-green-300; // Used for text indicating success, completion, approval, addition, or validity.
|
|
@@ -880,6 +879,7 @@ $gl-dropdown-option-indicator-color-selected-hover: $gl-color-neutral-0; // Used
|
|
|
880
879
|
$gl-dropdown-option-indicator-color-selected-focus: $gl-color-neutral-0; // Used for the dropdown selected option indicator in the focus state.
|
|
881
880
|
$gl-dropdown-option-background-color-unselected-focus: $gl-action-neutral-background-color-focus; // Used for the background of an unselected dropdown option in the focus state.
|
|
882
881
|
$gl-dropdown-option-background-color-selected-focus: $gl-dropdown-option-background-color-selected-hover; // Used for the background of a selected dropdown option in the focus state.
|
|
882
|
+
$gl-link-mention-text-color-default: $gl-text-color-link; // Used for the mention link text color.
|
|
883
883
|
$gl-progress-bar-indicator-color-default: $gl-status-info-icon-color; // Used for the indicator color for the primary progress-bar variant.
|
|
884
884
|
$gl-progress-bar-indicator-color-success: $gl-status-success-icon-color; // Used for the indicator color for the success progress-bar variant.
|
|
885
885
|
$gl-progress-bar-indicator-color-warning: $gl-status-warning-icon-color; // Used for the indicator color for the warning progress-bar variant.
|
|
@@ -686,7 +686,6 @@ $gl-label-scoped-text-color: $gl-color-neutral-950; // Used for the scoped label
|
|
|
686
686
|
$gl-label-scoped-button-background-color-hover: $gl-color-neutral-950; // Used for the scoped label remove button background in the hover state.
|
|
687
687
|
$gl-label-scoped-button-icon-color-default: $gl-color-neutral-950; // Used for the scoped label remove button icon in the default state.
|
|
688
688
|
$gl-label-scoped-button-icon-color-hover: $gl-color-neutral-0; // Used for the scoped label remove button icon in the hover state.
|
|
689
|
-
$gl-link-mention-text-color-default: $gl-color-blue-700; // Used for the mention link text color.
|
|
690
689
|
$gl-link-mention-text-color-current: $gl-color-orange-800; // Used for the mention link text color when referencing the current user.
|
|
691
690
|
$gl-link-mention-background-color-default: $gl-color-blue-100; // Used for the mention link default background.
|
|
692
691
|
$gl-link-mention-background-color-current: $gl-color-orange-100; // Used for the mention link background when referencing the current user.
|
|
@@ -880,6 +879,7 @@ $gl-dropdown-option-indicator-color-selected-hover: $gl-control-background-color
|
|
|
880
879
|
$gl-dropdown-option-indicator-color-selected-focus: $gl-control-background-color-selected-focus; // Used for the dropdown selected option indicator in the focus state.
|
|
881
880
|
$gl-dropdown-option-background-color-unselected-focus: $gl-action-neutral-background-color-focus; // Used for the background of an unselected dropdown option in the focus state.
|
|
882
881
|
$gl-dropdown-option-background-color-selected-focus: $gl-dropdown-option-background-color-selected-hover; // Used for the background of a selected dropdown option in the focus state.
|
|
882
|
+
$gl-link-mention-text-color-default: $gl-text-color-link; // Used for the mention link text color.
|
|
883
883
|
$gl-progress-bar-indicator-color-default: $gl-status-info-icon-color; // Used for the indicator color for the primary progress-bar variant.
|
|
884
884
|
$gl-progress-bar-indicator-color-success: $gl-status-success-icon-color; // Used for the indicator color for the success progress-bar variant.
|
|
885
885
|
$gl-progress-bar-indicator-color-warning: $gl-status-warning-icon-color; // Used for the indicator color for the warning progress-bar variant.
|
|
@@ -313,8 +313,7 @@ the `this.$bvToast.hide(id)` method to hide the specific toast:
|
|
|
313
313
|
// Create the toast
|
|
314
314
|
this.$bvToast.toast([$closeButton], {
|
|
315
315
|
id: id,
|
|
316
|
-
title: `Toast ${this.count}
|
|
317
|
-
noCloseButton: true
|
|
316
|
+
title: `Toast ${this.count}`
|
|
318
317
|
})
|
|
319
318
|
}
|
|
320
319
|
}
|
|
@@ -113,19 +113,5 @@ describe('$bvToast', () => {
|
|
|
113
113
|
// Find body
|
|
114
114
|
expect($toast.find('.toast-body').exists()).toBe(true)
|
|
115
115
|
expect($toast.find('.toast-body').text()).toContain('message')
|
|
116
|
-
|
|
117
|
-
// Find the Close button and click it
|
|
118
|
-
expect($toast.findAll('button').length).toBe(1)
|
|
119
|
-
const $button = $toast.find('button')
|
|
120
|
-
expect($button.classes()).toContain('close')
|
|
121
|
-
|
|
122
|
-
await $button.trigger('click')
|
|
123
|
-
await waitRAF()
|
|
124
|
-
await waitRAF()
|
|
125
|
-
await waitRAF()
|
|
126
|
-
await waitRAF()
|
|
127
|
-
|
|
128
|
-
// Toast should be gone from DOM
|
|
129
|
-
expect(document.querySelector('#test2')).toBe(null)
|
|
130
116
|
})
|
|
131
117
|
})
|
|
@@ -41,10 +41,6 @@
|
|
|
41
41
|
"prop": "noAutoHide",
|
|
42
42
|
"description": "When set, disabled the toast from automatically dismissing itself"
|
|
43
43
|
},
|
|
44
|
-
{
|
|
45
|
-
"prop": "noCloseButton",
|
|
46
|
-
"description": "When set, hides the close button in the toast header"
|
|
47
|
-
},
|
|
48
44
|
{
|
|
49
45
|
"prop": "noHoverPause",
|
|
50
46
|
"description": "When set, disables the pausing of the auto hide delay when the mouse hovers the toast"
|
|
@@ -32,7 +32,6 @@ import { idMixin, props as idProps } from '../../mixins/id'
|
|
|
32
32
|
import { listenOnRootMixin } from '../../mixins/listen-on-root'
|
|
33
33
|
import { normalizeSlotMixin } from '../../mixins/normalize-slot'
|
|
34
34
|
import { scopedStyleMixin } from '../../mixins/scoped-style'
|
|
35
|
-
import { BButtonClose } from '../button/button-close'
|
|
36
35
|
import { BLink, props as BLinkProps } from '../link/link'
|
|
37
36
|
import { BVTransition } from '../transition/bv-transition'
|
|
38
37
|
import { BToaster } from './toaster'
|
|
@@ -69,7 +68,6 @@ export const props = makePropsConfigurable(
|
|
|
69
68
|
// Switches role to 'status' and aria-live to 'polite'
|
|
70
69
|
isStatus: makeProp(PROP_TYPE_BOOLEAN, false),
|
|
71
70
|
noAutoHide: makeProp(PROP_TYPE_BOOLEAN, false),
|
|
72
|
-
noCloseButton: makeProp(PROP_TYPE_BOOLEAN, false),
|
|
73
71
|
noFade: makeProp(PROP_TYPE_BOOLEAN, false),
|
|
74
72
|
noHoverPause: makeProp(PROP_TYPE_BOOLEAN, false),
|
|
75
73
|
solid: makeProp(PROP_TYPE_BOOLEAN, false),
|
|
@@ -340,28 +338,13 @@ export const BToast = /*#__PURE__*/ extend({
|
|
|
340
338
|
},
|
|
341
339
|
// Render helper for generating the toast
|
|
342
340
|
makeToast(h) {
|
|
343
|
-
const {
|
|
341
|
+
const { slotScope } = this
|
|
344
342
|
const link = isLink(this)
|
|
345
343
|
const $headerContent = []
|
|
346
344
|
|
|
347
345
|
const $title = this.normalizeSlot(SLOT_NAME_TOAST_TITLE, slotScope)
|
|
348
346
|
if ($title) {
|
|
349
347
|
$headerContent.push($title)
|
|
350
|
-
} else if (title) {
|
|
351
|
-
$headerContent.push(h('strong', { staticClass: 'mr-2' }, title))
|
|
352
|
-
}
|
|
353
|
-
|
|
354
|
-
if (!this.noCloseButton) {
|
|
355
|
-
$headerContent.push(
|
|
356
|
-
h(BButtonClose, {
|
|
357
|
-
staticClass: 'ml-auto mb-1',
|
|
358
|
-
on: {
|
|
359
|
-
click: () => {
|
|
360
|
-
this.hide()
|
|
361
|
-
}
|
|
362
|
-
}
|
|
363
|
-
})
|
|
364
|
-
)
|
|
365
348
|
}
|
|
366
349
|
|
|
367
350
|
let $header = h()
|
|
@@ -46,18 +46,6 @@ describe('b-toast', () => {
|
|
|
46
46
|
expect($toast.classes()).toContain('toast')
|
|
47
47
|
expect($toast.attributes('tabindex')).toEqual('0')
|
|
48
48
|
|
|
49
|
-
expect($toast.find('.toast-header').exists()).toBe(true)
|
|
50
|
-
const $header = $toast.find('.toast-header')
|
|
51
|
-
expect($header.element.tagName).toBe('HEADER')
|
|
52
|
-
expect($header.classes().length).toBe(1)
|
|
53
|
-
expect($header.find('strong').exists()).toBe(true)
|
|
54
|
-
expect($header.find('strong').text()).toEqual('title')
|
|
55
|
-
expect($header.find('strong').classes()).toContain('mr-2')
|
|
56
|
-
expect($header.find('button').exists()).toBe(true)
|
|
57
|
-
expect($header.find('button').classes()).toContain('close')
|
|
58
|
-
expect($header.find('button').classes()).toContain('ml-auto')
|
|
59
|
-
expect($header.find('button').classes()).toContain('mb-1')
|
|
60
|
-
|
|
61
49
|
expect($toast.find('.toast-body').exists()).toBe(true)
|
|
62
50
|
const $body = $toast.find('.toast-body')
|
|
63
51
|
expect($body.element.tagName).toBe('DIV')
|
|
@@ -67,34 +55,6 @@ describe('b-toast', () => {
|
|
|
67
55
|
wrapper.destroy()
|
|
68
56
|
})
|
|
69
57
|
|
|
70
|
-
it('has correct header tag when "header-tag" prop is set', async () => {
|
|
71
|
-
const wrapper = mount(BToast, {
|
|
72
|
-
attachTo: document.body,
|
|
73
|
-
propsData: {
|
|
74
|
-
static: true,
|
|
75
|
-
noAutoHide: true,
|
|
76
|
-
visible: true,
|
|
77
|
-
title: 'title',
|
|
78
|
-
headerTag: 'div'
|
|
79
|
-
},
|
|
80
|
-
slots: {
|
|
81
|
-
default: 'content'
|
|
82
|
-
}
|
|
83
|
-
})
|
|
84
|
-
|
|
85
|
-
expect(wrapper.vm).toBeDefined()
|
|
86
|
-
await waitNT(wrapper.vm)
|
|
87
|
-
await waitRAF()
|
|
88
|
-
await waitNT(wrapper.vm)
|
|
89
|
-
await waitRAF()
|
|
90
|
-
|
|
91
|
-
const $header = wrapper.find('.toast-header')
|
|
92
|
-
expect($header.exists()).toBe(true)
|
|
93
|
-
expect($header.element.tagName).toBe('DIV')
|
|
94
|
-
|
|
95
|
-
wrapper.destroy()
|
|
96
|
-
})
|
|
97
|
-
|
|
98
58
|
it('visible prop works', async () => {
|
|
99
59
|
const wrapper = mount(BToast, {
|
|
100
60
|
attachTo: document.body,
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Breadcrumb
|
|
3
|
-
//
|
|
4
|
-
import { BvComponent } from '../../'
|
|
5
|
-
|
|
6
|
-
// Component: b-breadcrumb
|
|
7
|
-
export declare class BBreadcrumb extends BvComponent {}
|
|
8
|
-
|
|
9
|
-
// Component: b-breadcrumb-item
|
|
10
|
-
export declare class BBreadcrumbItem extends BvComponent {}
|
|
11
|
-
|
|
12
|
-
// Component: b-breadcrumb-link
|
|
13
|
-
export declare class BBreadcrumbLink extends BvComponent {}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Dropdown
|
|
3
|
-
//
|
|
4
|
-
import { BvComponent } from '../../'
|
|
5
|
-
|
|
6
|
-
// Component: b-dropdown
|
|
7
|
-
export declare class BDropdown extends BvComponent {
|
|
8
|
-
// Public methods
|
|
9
|
-
show: () => void
|
|
10
|
-
hide: (refocus?: boolean) => void
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
// Component: b-dropdown-item
|
|
14
|
-
export declare class BDropdownItem extends BvComponent {}
|
|
15
|
-
|
|
16
|
-
// Component: b-dropdown-item-button
|
|
17
|
-
export declare class BDropdownItemButton extends BvComponent {}
|
|
18
|
-
|
|
19
|
-
// Component: b-dropdown-divider
|
|
20
|
-
export declare class BDropdownDivider extends BvComponent {}
|
|
21
|
-
|
|
22
|
-
// Component: b-dropdown-form
|
|
23
|
-
export declare class BDropdownForm extends BvComponent {}
|
|
24
|
-
|
|
25
|
-
// Component: b-dropdown-text
|
|
26
|
-
export declare class BDropdownText extends BvComponent {}
|
|
27
|
-
|
|
28
|
-
// Component: b-dropdown-group
|
|
29
|
-
export declare class BDropdownGroup extends BvComponent {}
|
|
30
|
-
|
|
31
|
-
// Component: b-dropdown-header
|
|
32
|
-
export declare class BDropdownHeader extends BvComponent {}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Form
|
|
3
|
-
//
|
|
4
|
-
import { BvComponent } from '../../'
|
|
5
|
-
|
|
6
|
-
// Component: b-form
|
|
7
|
-
export declare class BForm extends BvComponent {}
|
|
8
|
-
|
|
9
|
-
// Component: b-form-text
|
|
10
|
-
export declare class BFormText extends BvComponent {}
|
|
11
|
-
|
|
12
|
-
// Component: b-form-invalid-feedback
|
|
13
|
-
export declare class BFormInvalidFeedback extends BvComponent {}
|
|
14
|
-
|
|
15
|
-
// Component: b-form-valid-feedback
|
|
16
|
-
export declare class BFormValidFeedback extends BvComponent {}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Form Checkbox
|
|
3
|
-
//
|
|
4
|
-
import { BvComponent } from '../../'
|
|
5
|
-
|
|
6
|
-
// Component: b-form-checkbox
|
|
7
|
-
export declare class BFormCheckbox extends BvComponent {}
|
|
8
|
-
|
|
9
|
-
// Component: b-form-checkbox-group
|
|
10
|
-
export declare class BFormCheckboxGroup extends BvComponent {}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Form Select
|
|
3
|
-
//
|
|
4
|
-
import { BvComponent } from '../../'
|
|
5
|
-
|
|
6
|
-
// Component: b-form-select
|
|
7
|
-
export declare class BFormSelect extends BvComponent {}
|
|
8
|
-
|
|
9
|
-
// Component: b-form-select-option
|
|
10
|
-
export declare class BFormSelectOption extends BvComponent {}
|
|
11
|
-
|
|
12
|
-
// Component: b-form-select-option-group
|
|
13
|
-
export declare class BFormSelectOptionGroup extends BvComponent {}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { BvPlugin } from '../'
|
|
2
|
-
|
|
3
|
-
// Plugin that installs all plugins
|
|
4
|
-
export declare const componentsPlugin: BvPlugin
|
|
5
|
-
|
|
6
|
-
// Export all components as named exports
|
|
7
|
-
export * from './breadcrumb'
|
|
8
|
-
export * from './button'
|
|
9
|
-
export * from './button-group'
|
|
10
|
-
export * from './collapse'
|
|
11
|
-
export * from './dropdown'
|
|
12
|
-
export * from './form'
|
|
13
|
-
export * from './form-checkbox'
|
|
14
|
-
export * from './form-group'
|
|
15
|
-
export * from './form-input'
|
|
16
|
-
export * from './form-radio'
|
|
17
|
-
export * from './form-select'
|
|
18
|
-
export * from './form-textarea'
|
|
19
|
-
export * from './input-group'
|
|
20
|
-
export * from './layout'
|
|
21
|
-
export * from './link'
|
|
22
|
-
export * from './modal'
|
|
23
|
-
export * from './nav'
|
|
24
|
-
export * from './popover'
|
|
25
|
-
export * from './table'
|
|
26
|
-
export * from './tabs'
|
|
27
|
-
export * from './toast'
|
|
28
|
-
export * from './tooltip'
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// InputGroup
|
|
3
|
-
//
|
|
4
|
-
import { BvComponent } from '../../'
|
|
5
|
-
|
|
6
|
-
// Component: b-input-group
|
|
7
|
-
export declare class BInputGroup extends BvComponent {}
|
|
8
|
-
|
|
9
|
-
// Component: b-input-group-append
|
|
10
|
-
export declare class BInputGroupAppend extends BvComponent {}
|
|
11
|
-
|
|
12
|
-
// Component: b-input-group-prepend
|
|
13
|
-
export declare class BInputGroupPrepend extends BvComponent {}
|
|
14
|
-
|
|
15
|
-
// Component: b-input-group-text
|
|
16
|
-
export declare class BInputGroupText extends BvComponent {}
|
|
17
|
-
|
|
18
|
-
// Component: b-input-group-addon
|
|
19
|
-
export declare class BInputGroupAddon extends BvComponent {}
|