@gitlab/ui 38.12.0 → 39.2.0

package/CHANGELOG.md

@@ -1,3 +1,33 @@
+# [39.2.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v39.1.0...v39.2.0) (2022-04-25)
+
+
+### Features
+
+* **GlAlert:** Add support for hiding variant icon ([2c5f3a6](https://gitlab.com/gitlab-org/gitlab-ui/commit/2c5f3a67babfc3ddd6f1b5940e11154fdef5902d))
+
+# [39.1.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v39.0.0...v39.1.0) (2022-04-22)
+
+
+### Features
+
+* **GlTable:** Add vertical-align: top to table th and td ([4dc5c31](https://gitlab.com/gitlab-org/gitlab-ui/commit/4dc5c318a9c6693e393dce6d12073ad296db928e)), closes [/gitlab.com/gitlab-org/gitlab-ui/-/issues/1759#note_900275198](https://gitlab.com//gitlab.com/gitlab-org/gitlab-ui/-/issues/1759/issues/note_900275198)
+* **GlTable:** Update text color and borders ([1379638](https://gitlab.com/gitlab-org/gitlab-ui/commit/137963838f99427ddb271bd7e4204a92dd438fae))
+
+# [39.0.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v38.12.0...v39.0.0) (2022-04-21)
+
+
+### Reverts
+
+* add character counter to gl-form-textarea ([70a7a3f](https://gitlab.com/gitlab-org/gitlab-ui/commit/70a7a3fd9c2729b739020d167043490da72a556b))
+
+
+### BREAKING CHANGES
+
+* The feature added in
+https://gitlab.com/gitlab-org/gitlab-ui/-/merge_requests/2738 has been
+removed, as it causes complications regarding a validator used in
+GitLab. This feature will be reconsidered and re-implemented later.
+
 # [38.12.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v38.11.0...v38.12.0) (2022-04-21)
 
 

package/dist/components/base/alert/alert.js

@@ -26,6 +26,15 @@ var script = {
       default: true
     },
 
+    /**
+     * Shows icon based on variant.
+     */
+    showIcon: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+
     /**
      * Dismiss button's aria-label.
      */
@@ -175,7 +184,8 @@ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=
     'gl-alert',
     { 'gl-alert-sticky': _vm.sticky },
     { 'gl-alert-not-dismissible': !_vm.dismissible },
-    _vm.variantClass ]},[_c('gl-icon',{class:{ 'gl-alert-icon': true, 'gl-alert-icon-no-title': !_vm.title },attrs:{"name":_vm.iconName}}),_vm._v(" "),_c('div',{staticClass:"gl-alert-content",attrs:{"role":"alert"}},[(_vm.title)?_c('h4',{staticClass:"gl-alert-title"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-alert-body"},[_vm._t("default")],2),_vm._v(" "),(_vm.shouldRenderActions)?_c('div',{staticClass:"gl-alert-actions"},[_vm._t("actions",_vm._l((_vm.actionButtons),function(actionButton,index){return _c('gl-button',_vm._g(_vm._b({key:index,staticClass:"gl-alert-action"},'gl-button',actionButton.attrs,false),actionButton.listeners),[_vm._v("\n          "+_vm._s(actionButton.text)+"\n        ")])}))],2):_vm._e()]),_vm._v(" "),(_vm.dismissible)?_c('close-button',{ref:"dismiss",staticClass:"gl-dismiss-btn",attrs:{"label":_vm.dismissLabel},on:{"click":_vm.onDismiss}}):_vm._e()],1)};
+    { 'gl-alert-no-icon': !_vm.showIcon },
+    _vm.variantClass ]},[(_vm.showIcon)?_c('gl-icon',{class:{ 'gl-alert-icon': true, 'gl-alert-icon-no-title': !_vm.title },attrs:{"name":_vm.iconName}}):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-alert-content",attrs:{"role":"alert"}},[(_vm.title)?_c('h4',{staticClass:"gl-alert-title"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-alert-body"},[_vm._t("default")],2),_vm._v(" "),(_vm.shouldRenderActions)?_c('div',{staticClass:"gl-alert-actions"},[_vm._t("actions",_vm._l((_vm.actionButtons),function(actionButton,index){return _c('gl-button',_vm._g(_vm._b({key:index,staticClass:"gl-alert-action"},'gl-button',actionButton.attrs,false),actionButton.listeners),[_vm._v("\n          "+_vm._s(actionButton.text)+"\n        ")])}))],2):_vm._e()]),_vm._v(" "),(_vm.dismissible)?_c('close-button',{ref:"dismiss",staticClass:"gl-dismiss-btn",attrs:{"label":_vm.dismissLabel},on:{"click":_vm.onDismiss}}):_vm._e()],1)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/components/base/form/form_textarea/form_textarea.js

@@ -1,6 +1,4 @@
 import { BFormTextarea } from 'bootstrap-vue/esm/index.js';
-import GlSprintf from '../../../utilities/sprintf/sprintf';
-import { textareaCountOptions } from '../../../../utils/constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 const model = {
@@ -9,8 +7,7 @@ const model = {
 };
 var script = {
   components: {
-    BFormTextarea,
-    GlSprintf
+    BFormTextarea
   },
   inheritAttrs: false,
   model,
@@ -31,27 +28,6 @@ var script = {
       type: Boolean,
       required: false,
       default: false
-    },
-    count: {
-      type: Number,
-      required: false,
-      default: 0
-    },
-    countType: {
-      required: false,
-      type: String,
-      default: textareaCountOptions.max,
-      validator: value => Object.keys(textareaCountOptions).includes(value)
-    },
-    characterCountText: {
-      required: false,
-      type: String,
-      default: ''
-    },
-    characterCountOverLimitText: {
-      required: false,
-      type: String,
-      default: ''
     }
   },
   computed: {
@@ -88,42 +64,6 @@ var script = {
 
     keypressEvent() {
       return this.submitOnEnter ? 'keyup' : null;
-    },
-
-    characters() {
-      return this.value.length;
-    },
-
-    remainingCharacters() {
-      if (this.count) {
-        return Math.abs(this.count - this.characters);
-      }
-
-      return null;
-    },
-
-    characterCountClasses() {
-      switch (this.countType) {
-        case textareaCountOptions.max:
-          return {
-            'gl-text-red-500': this.value.length > this.count,
-            'gl-text-gray-500': this.value.length <= this.count
-          };
-
-        case textareaCountOptions.recommended:
-          return 'gl-text-gray-500';
-
-        default:
-          return {};
-      }
-    },
-
-    hasCount() {
-      return this.remainingCharacters != null;
-    },
-
-    characterCountMessage() {
-      return this.characters > this.count ? this.characterCountOverLimitText : this.characterCountText;
     }
 
   },
@@ -141,7 +81,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('b-form-textarea',_vm._g(_vm._b({ref:"textarea",staticClass:"gl-form-input gl-form-textarea",attrs:{"no-resize":_vm.noResize,"value":_vm.value},nativeOn:_vm._d({},[_vm.keypressEvent,function($event){return _vm.handleKeyPress($event)}])},'b-form-textarea',_vm.$attrs,false),_vm.listeners)),_vm._v(" "),(_vm.hasCount)?_c('div',[_c('small',{class:_vm.characterCountClasses,attrs:{"aria-live":"polite"}},[_c('gl-sprintf',{attrs:{"message":_vm.characterCountMessage},scopedSlots:_vm._u([{key:"count",fn:function(){return [_vm._v(_vm._s(_vm.remainingCharacters))]},proxy:true}],null,false,2559963941)})],1)]):_vm._e()],1)};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-form-textarea',_vm._g(_vm._b({staticClass:"gl-form-input gl-form-textarea",attrs:{"no-resize":_vm.noResize,"value":_vm.value},nativeOn:_vm._d({},[_vm.keypressEvent,function($event){return _vm.handleKeyPress($event)}])},'b-form-textarea',_vm.$attrs,false),_vm.listeners))};
 var __vue_staticRenderFns__ = [];
 
   /* style */