@gitlab/ui 72.8.0 → 72.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.
Files changed (29) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/components/base/form/form_checkbox_tree/checkbox_tree_node.js +1 -1
  3. package/dist/components/base/new_dropdowns/base_dropdown/base_dropdown.js +9 -0
  4. package/dist/components/base/token_selector/token_selector.js +1 -1
  5. package/dist/index.css +2 -2
  6. package/dist/index.css.map +1 -1
  7. package/dist/tokens/css/tokens.css +1 -1
  8. package/dist/tokens/css/tokens.dark.css +1 -1
  9. package/dist/tokens/js/tokens.dark.js +1 -1
  10. package/dist/tokens/js/tokens.js +1 -1
  11. package/dist/tokens/scss/_tokens.dark.scss +1 -1
  12. package/dist/tokens/scss/_tokens.scss +1 -1
  13. package/dist/utility_classes.css +1 -1
  14. package/dist/utility_classes.css.map +1 -1
  15. package/package.json +10 -4
  16. package/src/components/base/filtered_search/filtered_search.spec.js +2 -2
  17. package/src/components/base/filtered_search/filtered_search_term.spec.js +2 -4
  18. package/src/components/base/filtered_search/filtered_search_token_segment.spec.js +5 -7
  19. package/src/components/base/form/form_checkbox_tree/checkbox_tree_node.vue +1 -1
  20. package/src/components/base/form/form_checkbox_tree/form_checkbox_tree.spec.js +2 -2
  21. package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.spec.js +41 -4
  22. package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.vue +12 -0
  23. package/src/components/base/search_box_by_click/search_box_by_click.spec.js +2 -4
  24. package/src/components/base/token_selector/token_selector.spec.js +2 -2
  25. package/src/components/base/token_selector/token_selector.vue +1 -1
  26. package/src/scss/storybook.scss +3 -0
  27. package/src/scss/utilities.scss +10 -0
  28. package/src/scss/utility-mixins/spacing.scss +6 -0
  29. package/tailwind.defaults.js +5 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ # [72.9.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v72.8.1...v72.9.0) (2024-01-19)
2
+
3
+
4
+ ### Features
5
+
6
+ * **css:** adds gl-md-mr-auto utility class ([c0884cb](https://gitlab.com/gitlab-org/gitlab-ui/commit/c0884cbbc497023cc567ed59bf6793ce01c5ff45))
7
+
8
+ ## [72.8.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v72.8.0...v72.8.1) (2024-01-18)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * **dropdowns:** do not steal focus back from the consumer ([69295fa](https://gitlab.com/gitlab-org/gitlab-ui/commit/69295faa28dfe48b90e75ab86c9d3ba615760c96))
14
+
1
15
  # [72.8.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v72.7.0...v72.8.0) (2024-01-16)
2
16
 
3
17
 
@@ -44,7 +44,7 @@ var script = {
44
44
  const __vue_script__ = script;
45
45
 
46
46
  /* template */
47
- var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.rootClass,attrs:{"data-qa-selector":("" + (_vm.$options.qaPrefix) + (_vm.option.value))}},[_c('gl-form-checkbox',{class:_vm.checkboxClass,attrs:{"checked":_vm.node.isChecked,"indeterminate":_vm.node.isIndeterminate},on:{"change":function($event){return _vm.tree.toggleOption(_vm.option, $event)}}},[_vm._v("\n "+_vm._s(_vm.label)+"\n ")]),_vm._v(" "),_vm._l((_vm.option.children),function(child){return _c('gl-form-checkbox-tree-node',{key:child.value,attrs:{"option":child,"is-nested":""}})})],2)};
47
+ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.rootClass,attrs:{"data-testid":("" + (_vm.$options.qaPrefix) + (_vm.option.value))}},[_c('gl-form-checkbox',{class:_vm.checkboxClass,attrs:{"checked":_vm.node.isChecked,"indeterminate":_vm.node.isIndeterminate},on:{"change":function($event){return _vm.tree.toggleOption(_vm.option, $event)}}},[_vm._v("\n "+_vm._s(_vm.label)+"\n ")]),_vm._v(" "),_vm._l((_vm.option.children),function(child){return _c('gl-form-checkbox-tree-node',{key:child.value,attrs:{"option":child,"is-nested":""}})})],2)};
48
48
  var __vue_staticRenderFns__ = [];
49
49
 
50
50
  /* style */
@@ -359,11 +359,20 @@ var script = {
359
359
  }
360
360
  this.toggle(event);
361
361
  },
362
+ /**
363
+ * Closes the dropdown and returns the focus to the toggle unless it has has moved outside
364
+ * of the dropdown, meaning that the consumer needed to put some other element in focus.
365
+ *
366
+ * @param {KeyboardEvent?} event The keyboard event that caused the dropdown to close.
367
+ */
362
368
  async closeAndFocus(event) {
363
369
  if (!this.visible) {
364
370
  return;
365
371
  }
366
372
  const hasToggled = await this.toggle(event);
373
+ if (!this.$el.contains(document.activeElement)) {
374
+ return;
375
+ }
367
376
  if (hasToggled) {
368
377
  this.focusToggle();
369
378
  }
@@ -91,7 +91,7 @@ var script = {
91
91
  default: null
92
92
  },
93
93
  /**
94
- * HTML attributes to add to the text input. Helpful for adding `data-testid` and `data-qa-selector` attributes
94
+ * HTML attributes to add to the text input. Helpful for adding `data-testid` attributes
95
95
  */
96
96
  textInputAttrs: {
97
97
  type: Object,