@gitlab/ui 105.1.0 → 105.2.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# [105.2.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v105.1.1...v105.2.0) (2024-12-12)
+
+
+### Features
+
+* **DesignTokens:** Add design tokens for illustrations ([1682bb4](https://gitlab.com/gitlab-org/gitlab-ui/commit/1682bb4ef172ad67f4115c891fa9bcabb70a67d7))
+* **DesignTokens:** Add illustration stroke width ([75cbe2d](https://gitlab.com/gitlab-org/gitlab-ui/commit/75cbe2d3bd77d89dc10da93652e35b3f48132d65))
+
+## [105.1.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v105.1.0...v105.1.1) (2024-12-10)
+
+
+### Bug Fixes
+
+* **GlFilteredSearch:** allow passing null values to non multi select inputs ([01446a9](https://gitlab.com/gitlab-org/gitlab-ui/commit/01446a98d1afc579574e1bacad742788a0bf4837))
+
 # [105.1.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v105.0.1...v105.1.0) (2024-12-06)
 
 

package/dist/components/base/datepicker/datepicker.js

@@ -274,8 +274,8 @@ var script = {
     const drawEvent = this.draw.bind(this);
     const pikadayConfig = {
       field: this.$el.querySelector('input[type="text"]'),
-      // `position-absolute` is needed because of this bug: https://github.com/Pikaday/Pikaday/issues/840
-      theme: `gl-datepicker-theme position-absolute ${this.theme}`,
+      // `!gl-absolute` is needed because of this bug: https://github.com/Pikaday/Pikaday/issues/840
+      theme: `gl-datepicker-theme !gl-absolute ${this.theme}`,
       defaultDate: this.defaultDate || this.value,
       setDefaultDate: Boolean(this.value) || Boolean(this.defaultDate),
       minDate: this.minDate,

package/dist/components/base/filtered_search/filtered_search_token_segment.js

@@ -214,6 +214,18 @@ var script = {
     inputValue(newValue) {
       if (this.termsAsTokens()) return;
       if (this.multiSelect) return;
+
+      /**
+       * This is a temporary workaround to implement the same behaviour
+       * implemented in https://gitlab.com/gitlab-org/gitlab-ui/-/issues/2381
+       * for tokens with `terms-as-tokens=false` and `multi-select=false`.
+       *
+       * We're aiming to remove this temporary fix when
+       * https://gitlab.com/groups/gitlab-org/-/epics/15948 gets completed, as
+       * that refactoring will use the `@input` handler on the GlFilteredSearch
+       * component to handle tokens instead of doing workarounds.
+       */
+      if (typeof newValue !== 'string') return;
       const hasUnclosedQuote = newValue.split('"').length % 2 === 0;
       if (newValue.indexOf(' ') === -1 || hasUnclosedQuote) {
         return;

package/dist/components/base/paginated_list/paginated_list.js

@@ -145,7 +145,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('div',[_c('div',{staticClass:"gl-flex-row-reverse gl-justify-between sm:gl-flex"},[_vm._t("header"),_vm._v(" "),(_vm.filterable)?_c('gl-search-box-by-type',{on:{"input":_vm.query}}):_vm._e()],2),_vm._v(" "),_vm._t("subheader"),_vm._v(" "),_c('ul',{staticClass:"gl-m-0 gl-grid gl-list-none gl-grid-cols-1 gl-divide-x-0 gl-divide-y gl-divide-solid gl-divide-default gl-p-0"},_vm._l((_vm.paginatedList),function(listItem){return _c('li',{key:listItem[_vm.itemKey],staticClass:"gl-px-5 gl-py-4"},[_vm._t("default",function(){return [_vm._v(_vm._s(listItem.id))]},{"listItem":listItem,"query":_vm.queryStr})],2)}),0),_vm._v(" "),(!_vm.emptyList)?_c('gl-pagination',_vm._b({attrs:{"align":"center","per-page":_vm.pageInfo.perPage,"value":_vm.pageInfo.page,"total-items":_vm.pageInfo.total},on:{"input":_vm.change}},'gl-pagination',_vm.$attrs,false)):_vm._e(),_vm._v(" "),(_vm.emptyList)?_c('div',{staticClass:"bs-callout bs-callout-warning mt-3 empty-message",class:{ 'empty-message': _vm.zeroTotal, 'empty-search': _vm.zeroSearchResults }},[_vm._v(_vm._s(_vm.zeroTotal ? _vm.emptyMessage : _vm.emptySearchMessage))]):_vm._e()],2)};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:"gl-flex-row-reverse gl-justify-between sm:gl-flex"},[_vm._t("header"),_vm._v(" "),(_vm.filterable)?_c('gl-search-box-by-type',{on:{"input":_vm.query}}):_vm._e()],2),_vm._v(" "),_vm._t("subheader"),_vm._v(" "),_c('ul',{staticClass:"gl-m-0 gl-grid gl-list-none gl-grid-cols-1 gl-divide-x-0 gl-divide-y gl-divide-solid gl-divide-default gl-p-0"},_vm._l((_vm.paginatedList),function(listItem){return _c('li',{key:listItem[_vm.itemKey],staticClass:"gl-px-5 gl-py-4"},[_vm._t("default",function(){return [_vm._v(_vm._s(listItem.id))]},{"listItem":listItem,"query":_vm.queryStr})],2)}),0),_vm._v(" "),(!_vm.emptyList)?_c('gl-pagination',_vm._b({attrs:{"align":"center","per-page":_vm.pageInfo.perPage,"value":_vm.pageInfo.page,"total-items":_vm.pageInfo.total},on:{"input":_vm.change}},'gl-pagination',_vm.$attrs,false)):_vm._e(),_vm._v(" "),(_vm.emptyList)?_c('div',{staticClass:"bs-callout bs-callout-warning empty-message gl-mt-5",class:{ 'empty-message': _vm.zeroTotal, 'empty-search': _vm.zeroSearchResults }},[_vm._v(_vm._s(_vm.zeroTotal ? _vm.emptyMessage : _vm.emptySearchMessage))]):_vm._e()],2)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/components/regions/dashboard_skeleton/dashboard_skeleton.js

@@ -18,8 +18,8 @@ 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('div',{staticClass:"row dashboard-cards"},_vm._l((_vm.cards),function(index){return _c('div',{key:index,staticClass:"col-12 col-md-6 col-xl-4 px-2"},[_c('div',{staticClass:"rounded-top py-4 bg-light"}),_vm._v(" "),_vm._m(0,true)])}),0)};
-var __vue_staticRenderFns__ = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dashboard-card-body card-body bg-secondary"},[_c('div',{staticClass:"row"},[_c('div',{staticClass:"col-1 align-self-center"},[_c('div',{staticClass:"bg-light p-3 rounded-circle"})]),_vm._v(" "),_c('div',{staticClass:"col-10 col-sm-6 align-self-center pl-4"},[_c('div',{staticClass:"dashboard-card-skeleton-info bg-light py-2 w-100 mb-2"}),_vm._v(" "),_c('div',{staticClass:"dashboard-card-skeleton-info bg-light py-2 w-100"})]),_vm._v(" "),_c('div',{staticClass:"col-sm-5 align-self-center d-none d-sm-block"},[_c('div',{staticClass:"dashboard-card-skeleton-info bg-light py-2 w-100"})])]),_vm._v(" "),_c('div',{staticClass:"dashboard-card-footer bg-light py-3 mt-3"})])}];
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"row dashboard-cards"},_vm._l((_vm.cards),function(index){return _c('div',{key:index,staticClass:"col-12 col-md-6 col-xl-4 gl-px-3"},[_c('div',{staticClass:"gl-rounded-t-base gl-bg-status-neutral gl-py-6"}),_vm._v(" "),_vm._m(0,true)])}),0)};
+var __vue_staticRenderFns__ = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dashboard-card-body card-body bg-secondary"},[_c('div',{staticClass:"row"},[_c('div',{staticClass:"col-1 gl-self-center"},[_c('div',{staticClass:"gl-rounded-full gl-bg-status-neutral gl-p-5"})]),_vm._v(" "),_c('div',{staticClass:"col-10 col-sm-6 pl-4 gl-self-center"},[_c('div',{staticClass:"dashboard-card-skeleton-info gl-mb-3 gl-w-full gl-bg-status-neutral gl-py-3"}),_vm._v(" "),_c('div',{staticClass:"dashboard-card-skeleton-info gl-w-full gl-bg-status-neutral gl-py-3"})]),_vm._v(" "),_c('div',{staticClass:"col-sm-5 gl-hidden gl-self-center sm:gl-block"},[_c('div',{staticClass:"dashboard-card-skeleton-info gl-w-full gl-bg-status-neutral gl-py-3"})])]),_vm._v(" "),_c('div',{staticClass:"dashboard-card-footer gl-mt-5 gl-bg-status-neutral gl-py-5"})])}];
 
   /* style */
   const __vue_inject_styles__ = undefined;

package/dist/components/utilities/friendly_wrap/friendly_wrap.js

@@ -33,7 +33,7 @@ var script = {
     const textParts = splitAfterSymbols(symbols, text !== null && text !== void 0 ? text : '');
     const content = intersperse(() => createElement('wbr'), textParts);
     return createElement('span', {
-      class: 'text-break'
+      class: 'gl-break-words'
     }, content);
   }
 };