@gitlab/ui 72.14.0 → 73.0.1

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## [73.0.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v73.0.0...v73.0.1) (2024-01-30)
+
+
+### Bug Fixes
+
+* **Typography:** Change name of display heading ([e00a243](https://gitlab.com/gitlab-org/gitlab-ui/commit/e00a2439b797fb92b6ee2d248e7c0b11afb91181)), closes [/gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/-/merge_requests/3707#note_1749912712](https://gitlab.com//gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/-/merge_requests/3707/issues/note_1749912712)
+
+# [73.0.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v72.14.0...v73.0.0) (2024-01-30)
+
+
+### Features
+
+* remove deprecated GlDropdown usage from GlSorting ([9621e68](https://gitlab.com/gitlab-org/gitlab-ui/commit/9621e6872f650570a106a5534ed007c1b76c40f3))
+
+
+### BREAKING CHANGES
+
+* Remove `GlSortingItem` component and deprecated API
+from GlSorting
+
 # [72.14.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v72.13.0...v72.14.0) (2024-01-30)
 
 

package/dist/components/base/sorting/sorting.js

@@ -3,7 +3,6 @@ import GlButton from '../button/button';
 import GlButtonGroup from '../button_group/button_group';
 import GlCollapsibleListbox from '../new_dropdowns/listbox/listbox';
 import { isOption } from '../new_dropdowns/listbox/utils';
-import GlDropdown from '../dropdown/dropdown';
 import { translate } from '../../../utils/i18n';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
@@ -12,8 +11,7 @@ var script = {
   components: {
     GlButton,
     GlButtonGroup,
-    GlCollapsibleListbox,
-    GlDropdown
+    GlCollapsibleListbox
   },
   directives: {
     GlTooltip: GlTooltipDirective
@@ -33,7 +31,7 @@ var script = {
     sortOptions: {
       type: Array,
       required: false,
-      default: null,
+      default: () => [],
       // eslint-disable-next-line unicorn/no-array-callback-reference
       validator: sortOptions => sortOptions.every(isOption)
     },
@@ -64,7 +62,7 @@ var script = {
       default: null
     },
     /**
-     * Additional class(es) to apply to the root element of the GlDropdown.
+     * Additional class(es) to apply to the root element of the GlCollapsibleListbox.
      */
     dropdownClass: {
       type: String,
@@ -96,9 +94,6 @@ var script = {
       if (this.sortDirectionToolTip) return this.sortDirectionToolTip;
       return this.isAscending ? translate('GlSorting.sortAscending', 'Sort direction: ascending') : translate('GlSorting.sortDescending', 'Sort direction: descending');
     },
-    useListbox() {
-      return Boolean(this.sortOptions);
-    },
     listboxToggleClass() {
       return [this.dropdownToggleClass, 'gl-rounded-top-right-none!', 'gl-rounded-bottom-right-none!', 'gl-focus-z-index-1'];
     }
@@ -136,7 +131,7 @@ var script = {
 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-button-group',{staticClass:"gl-sorting"},[(_vm.useListbox)?_c('gl-collapsible-listbox',{class:_vm.dropdownClass,attrs:{"toggle-text":_vm.text,"items":_vm.sortOptions,"selected":_vm.sortBy,"toggle-class":_vm.listboxToggleClass,"placement":"right"},on:{"select":_vm.onSortByChanged}}):_c('gl-dropdown',_vm._b({class:_vm.dropdownClass,attrs:{"text":_vm.text,"category":"secondary","toggle-class":_vm.dropdownToggleClass,"right":""}},'gl-dropdown',_vm.$props,false),[_vm._t("default")],2),_vm._v(" "),_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],class:['sorting-direction-button', _vm.sortDirectionToggleClass],attrs:{"title":_vm.sortDirectionText,"icon":_vm.localSortDirection,"aria-label":_vm.sortDirectionText},on:{"click":_vm.toggleSortDirection}})],1)};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-button-group',{staticClass:"gl-sorting"},[_c('gl-collapsible-listbox',{class:_vm.dropdownClass,attrs:{"toggle-text":_vm.text,"items":_vm.sortOptions,"selected":_vm.sortBy,"toggle-class":_vm.listboxToggleClass,"placement":"right"},on:{"select":_vm.onSortByChanged}}),_vm._v(" "),_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],class:['sorting-direction-button', _vm.sortDirectionToggleClass],attrs:{"title":_vm.sortDirectionText,"icon":_vm.localSortDirection,"aria-label":_vm.sortDirectionText},on:{"click":_vm.toggleSortDirection}})],1)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/index.js

@@ -67,7 +67,6 @@ export { default as GlDatepicker } from './components/base/datepicker/datepicker
 export { default as GlDaterangePicker } from './components/base/daterange_picker/daterange_picker';
 export { default as GlToggle } from './components/base/toggle/toggle';
 export { default as GlSorting } from './components/base/sorting/sorting';
-export { default as GlSortingItem } from './components/base/sorting/sorting_item';
 export { default as GlInfiniteScroll } from './components/base/infinite_scroll/infinite_scroll';
 export { default as GlAlert } from './components/base/alert/alert';
 export { default as GlSegmentedControl } from './components/base/segmented_control/segmented_control';

package/dist/tokens/css/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 30 Jan 2024 18:03:42 GMT
+ * Generated on Tue, 30 Jan 2024 23:04:07 GMT
  */
 
 :root {

package/dist/tokens/css/tokens.dark.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 30 Jan 2024 18:03:42 GMT
+ * Generated on Tue, 30 Jan 2024 23:04:07 GMT
  */
 
 :root.gl-dark {

package/dist/tokens/js/tokens.dark.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 30 Jan 2024 18:03:42 GMT
+ * Generated on Tue, 30 Jan 2024 23:04:07 GMT
  */
 
 export const DATA_VIZ_GREEN_50 = "#133a03";

package/dist/tokens/js/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 30 Jan 2024 18:03:42 GMT
+ * Generated on Tue, 30 Jan 2024 23:04:07 GMT
  */
 
 export const DATA_VIZ_GREEN_50 = "#ddfab7";

package/dist/tokens/scss/_tokens.dark.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 30 Jan 2024 18:03:43 GMT
+// Generated on Tue, 30 Jan 2024 23:04:07 GMT
 
 $red-950: #fff4f3;
 $red-900: #fcf1ef;

package/dist/tokens/scss/_tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 30 Jan 2024 18:03:42 GMT
+// Generated on Tue, 30 Jan 2024 23:04:07 GMT
 
 $gl-line-height-52: 3.25rem;
 $gl-line-height-44: 2.75rem;