@gitlab/ui 128.13.2 → 128.14.0

package/dist/components/base/banner/banner.js

@@ -114,7 +114,7 @@ const __vue_script__ = script;
 /* template */
 var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-card',{staticClass:"gl-banner gl-py-6 gl-pl-6 gl-pr-8",class:{
     'gl-banner-introduction': _vm.isIntroducing,
-  },attrs:{"body-class":"gl-flex !gl-p-0"}},[(_vm.svgPath || _vm.illustrationName)?_c('div',{staticClass:"gl-banner-illustration"},[(_vm.illustrationName)?_c('gl-illustration',{attrs:{"name":_vm.illustrationName}}):(_vm.svgPath)?_c('img',{attrs:{"src":_vm.svgPath,"alt":""}}):_vm._e()],1):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-banner-content"},[_c('h2',{staticClass:"gl-banner-title"},[_vm._v(_vm._s(_vm.title))]),_vm._v(" "),_vm._t("default"),_vm._v(" "),_c('gl-button',_vm._b({attrs:{"variant":"confirm","category":"primary","data-testid":"gl-banner-primary-button","href":_vm.buttonLink},on:{"click":_vm.primaryButtonClicked}},'gl-button',_vm.buttonAttributes,false),[_vm._v(_vm._s(_vm.buttonText))]),_vm._v(" "),_vm._t("actions")],2),_vm._v(" "),_c('close-button',{staticClass:"gl-banner-close",attrs:{"label":_vm.dismissLabel},on:{"click":_vm.handleClose}})],1)};
+  },attrs:{"body-class":"gl-flex gl-bg-transparent !gl-p-0"}},[(_vm.svgPath || _vm.illustrationName)?_c('div',{staticClass:"gl-banner-illustration"},[(_vm.illustrationName)?_c('gl-illustration',{attrs:{"name":_vm.illustrationName}}):(_vm.svgPath)?_c('img',{attrs:{"src":_vm.svgPath,"alt":""}}):_vm._e()],1):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-banner-content"},[_c('h2',{staticClass:"gl-banner-title"},[_vm._v(_vm._s(_vm.title))]),_vm._v(" "),_vm._t("default"),_vm._v(" "),_c('gl-button',_vm._b({attrs:{"variant":"confirm","category":"primary","data-testid":"gl-banner-primary-button","href":_vm.buttonLink},on:{"click":_vm.primaryButtonClicked}},'gl-button',_vm.buttonAttributes,false),[_vm._v(_vm._s(_vm.buttonText))]),_vm._v(" "),_vm._t("actions")],2),_vm._v(" "),_c('close-button',{staticClass:"gl-banner-close",attrs:{"label":_vm.dismissLabel},on:{"click":_vm.handleClose}})],1)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/components/base/toast/toast.js

@@ -11,31 +11,33 @@ const DEFAULT_OPTIONS = {
   appendToast: true
 };
 let toastsCount = 0;
-function renderTitle(h, toast, options) {
-  const nodes = [h(CloseButton, {
-    class: ['gl-toast-close-button'],
-    on: {
-      click: toast.hide
-    }
-  })];
-  if (options.action) {
-    const {
-      onClick,
-      text,
-      href
-    } = options.action;
-    nodes.unshift(h('a', {
-      attrs: {
-        role: href ? undefined : 'button',
-        href
-      },
-      class: ['gl-toast-action'],
+function renderTitle(toast, options) {
+  return h => {
+    const nodes = [h(CloseButton, {
+      class: ['gl-toast-close-button'],
       on: {
-        click: e => onClick(e, toast)
+        click: toast.hide
       }
-    }, text));
-  }
-  return nodes;
+    })];
+    if (options.action) {
+      const {
+        onClick,
+        text,
+        href
+      } = options.action;
+      nodes.unshift(h('a', {
+        attrs: {
+          role: href ? undefined : 'button',
+          href
+        },
+        class: ['gl-toast-action'],
+        on: {
+          click: e => onClick(e, toast)
+        }
+      }, text));
+    }
+    return nodes;
+  };
 }
 function showToast(message) {
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -65,7 +67,7 @@ function showToast(message) {
     ...DEFAULT_OPTIONS,
     ...updatedAutoHideDelay,
     id,
-    title: renderTitle(this.$createElement, toast, options)
+    title: renderTitle(toast, options)
   });
   return toast;
 }