@gitlab/ui 128.13.2 → 128.13.3

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 (53) hide show
  1. package/dist/components/base/toast/toast.js +26 -24
  2. package/dist/index.css.map +1 -1
  3. package/dist/vendor/bootstrap-vue/src/components/toast/helpers/bv-toast.js +17 -3
  4. package/dist/vendor/bootstrap-vue/src/components/toast/toast.js +6 -1
  5. package/package.json +2 -2
  6. package/src/components/base/alert/alert.scss +11 -6
  7. package/src/components/base/animated_icon/animated_icon.scss +31 -20
  8. package/src/components/base/avatar/avatar.scss +8 -9
  9. package/src/components/base/avatars_inline/avatars_inline.scss +12 -4
  10. package/src/components/base/breadcrumb/breadcrumb.scss +2 -2
  11. package/src/components/base/button/button.scss +16 -14
  12. package/src/components/base/button_group/button_group.scss +9 -9
  13. package/src/components/base/datepicker/datepicker.scss +6 -6
  14. package/src/components/base/drawer/drawer.scss +2 -2
  15. package/src/components/base/dropdown/dropdown.scss +4 -4
  16. package/src/components/base/dropdown/dropdown_divider.scss +1 -1
  17. package/src/components/base/form/form_checkbox/form_checkbox.scss +12 -12
  18. package/src/components/base/form/form_combobox/form_combobox.scss +3 -2
  19. package/src/components/base/form/form_input/form_input.scss +3 -1
  20. package/src/components/base/form/form_select/form_select.scss +2 -2
  21. package/src/components/base/label/label.scss +5 -2
  22. package/src/components/base/link/link.scss +1 -1
  23. package/src/components/base/loading_icon/loading_icon.scss +1 -1
  24. package/src/components/base/markdown/markdown.scss +1 -1
  25. package/src/components/base/new_dropdowns/dropdown.scss +15 -3
  26. package/src/components/base/new_dropdowns/dropdown_item.scss +3 -2
  27. package/src/components/base/pagination/pagination.scss +5 -4
  28. package/src/components/base/path/path.scss +8 -3
  29. package/src/components/base/progress_bar/progress_bar.scss +2 -2
  30. package/src/components/base/table/table.scss +4 -4
  31. package/src/components/base/tabs/tabs/tabs.scss +7 -6
  32. package/src/components/base/toast/toast.js +31 -29
  33. package/src/components/base/toast/toast.scss +2 -2
  34. package/src/components/charts/legend/legend.scss +12 -8
  35. package/src/components/charts/single_stat/single_stat.scss +2 -2
  36. package/src/components/dashboards/dashboard_layout/grid_layout/grid_layout.scss +1 -1
  37. package/src/components/regions/empty_state/empty_state.scss +1 -1
  38. package/src/components/utilities/truncate/truncate.scss +1 -1
  39. package/src/scss/bootstrap.scss +34 -34
  40. package/src/scss/bootstrap_vue.scss +10 -10
  41. package/src/scss/components.scss +77 -77
  42. package/src/scss/fonts.scss +10 -10
  43. package/src/scss/functions.scss +6 -6
  44. package/src/scss/gitlab_ui.scss +10 -10
  45. package/src/scss/mixins.scss +23 -23
  46. package/src/scss/storybook.scss +14 -15
  47. package/src/scss/tokens.scss +2 -2
  48. package/src/scss/typescale/_index.scss +1 -1
  49. package/src/scss/typescale/typescale_demo.scss +4 -4
  50. package/src/scss/typography.scss +16 -6
  51. package/src/scss/variables.scss +29 -14
  52. package/src/vendor/bootstrap-vue/src/components/toast/helpers/bv-toast.js +19 -3
  53. package/src/vendor/bootstrap-vue/src/components/toast/toast.js +6 -1
@@ -11,31 +11,33 @@ const DEFAULT_OPTIONS = {
11
11
  appendToast: true
12
12
  };
13
13
  let toastsCount = 0;
14
- function renderTitle(h, toast, options) {
15
- const nodes = [h(CloseButton, {
16
- class: ['gl-toast-close-button'],
17
- on: {
18
- click: toast.hide
19
- }
20
- })];
21
- if (options.action) {
22
- const {
23
- onClick,
24
- text,
25
- href
26
- } = options.action;
27
- nodes.unshift(h('a', {
28
- attrs: {
29
- role: href ? undefined : 'button',
30
- href
31
- },
32
- class: ['gl-toast-action'],
14
+ function renderTitle(toast, options) {
15
+ return h => {
16
+ const nodes = [h(CloseButton, {
17
+ class: ['gl-toast-close-button'],
33
18
  on: {
34
- click: e => onClick(e, toast)
19
+ click: toast.hide
35
20
  }
36
- }, text));
37
- }
38
- return nodes;
21
+ })];
22
+ if (options.action) {
23
+ const {
24
+ onClick,
25
+ text,
26
+ href
27
+ } = options.action;
28
+ nodes.unshift(h('a', {
29
+ attrs: {
30
+ role: href ? undefined : 'button',
31
+ href
32
+ },
33
+ class: ['gl-toast-action'],
34
+ on: {
35
+ click: e => onClick(e, toast)
36
+ }
37
+ }, text));
38
+ }
39
+ return nodes;
40
+ };
39
41
  }
40
42
  function showToast(message) {
41
43
  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -65,7 +67,7 @@ function showToast(message) {
65
67
  ...DEFAULT_OPTIONS,
66
68
  ...updatedAutoHideDelay,
67
69
  id,
68
- title: renderTitle(this.$createElement, toast, options)
70
+ title: renderTitle(toast, options)
69
71
  });
70
72
  return toast;
71
73
  }