@gitlab/ui 91.3.0 → 91.5.0

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+# [91.5.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v91.4.0...v91.5.0) (2024-09-04)
+
+
+### Features
+
+* **Alert:** Transparent border bottom ([30f1863](https://gitlab.com/gitlab-org/gitlab-ui/commit/30f1863f6921426ea4b907a3e0c74ed98b41e727))
+
+# [91.4.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v91.3.0...v91.4.0) (2024-09-02)
+
+
+### Features
+
+* **GlAlert:** Replace english text with translation ([38582dd](https://gitlab.com/gitlab-org/gitlab-ui/commit/38582dddee70e6bf2b19945b5f20953359f5bc7a))
+* **GlBanner:** Replace english text with translation ([a8ad872](https://gitlab.com/gitlab-org/gitlab-ui/commit/a8ad872011660d2973c9008e63b314355032e632))
+* **GlBroadcastMessage:** Replace english text with translation ([6cf3e7c](https://gitlab.com/gitlab-org/gitlab-ui/commit/6cf3e7cfe272c1eb48c61d0d79dec9245a825d75))
+* **GlModal:** Replace english text with translation ([2498b0e](https://gitlab.com/gitlab-org/gitlab-ui/commit/2498b0e38f74d2af7efae62b3686ff189b056932))
+* **GlToken:** Add property 'removeLabel' ([87b81a6](https://gitlab.com/gitlab-org/gitlab-ui/commit/87b81a6f0838e8a644af20558a65b02d5b99e25e))
+
 # [91.3.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v91.2.0...v91.3.0) (2024-08-30)
 
 

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

@@ -1,3 +1,4 @@
+import { translate } from '../../../utils/i18n';
 import { alertVariantOptions, alertVariantIconMap, buttonCategoryOptions } from '../../../utils/constants';
 import CloseButton from '../../shared_components/close_button/close_button';
 import GlButton from '../button/button';
@@ -35,12 +36,12 @@ var script = {
       default: true
     },
     /**
-     * Dismiss button's aria-label.
+     * The close button's label, it is used for the button's aria-label attribute.
      */
     dismissLabel: {
       type: String,
       required: false,
-      default: 'Dismiss'
+      default: () => translate('GlAlert.closeButtonTitle', 'Dismiss')
     },
     variant: {
       type: String,

package/dist/components/base/banner/banner.js

@@ -1,4 +1,5 @@
 import { bannerVariants } from '../../../utils/constants';
+import { translate } from '../../../utils/i18n';
 import CloseButton from '../../shared_components/close_button/close_button';
 import GlButton from '../button/button';
 import GlCard from '../card/card';
@@ -62,12 +63,12 @@ var script = {
       }
     },
     /**
-     * Dismiss button's aria-label.
+     * The close button's label, it is used for the button's aria-label attribute.
      */
     dismissLabel: {
       type: String,
       required: false,
-      default: 'Dismiss'
+      default: () => translate('GlBanner.closeButtonTitle', 'Dismiss')
     }
   },
   computed: {

package/dist/components/base/broadcast_message/broadcast_message.js

@@ -1,4 +1,5 @@
 import { colorThemes } from '../../../utils/constants';
+import { translate } from '../../../utils/i18n';
 import CloseButton from '../../shared_components/close_button/close_button';
 import GlIcon from '../icon/icon';
 import { TYPE_BANNER, TYPE_LIST, TYPE_NOTIFICATION } from './constants';
@@ -28,12 +29,12 @@ var script = {
       default: true
     },
     /**
-     * The dismiss button's label, it is visible in mobile viewports and used for the button's aria-label attribute.
+     * The dismiss button's label, it is used for the button's aria-label attribute.
      */
     dismissLabel: {
       type: String,
       required: false,
-      default: 'Dismiss'
+      default: () => translate('GlBroadcastMessage.closeButtonTitle', 'Dismiss')
     },
     /**
      * The theme's name to use, this should correspond to the user's selected theme in GitLab.

package/dist/components/base/modal/modal.js

@@ -1,4 +1,5 @@
 import { BModal } from '../../../vendor/bootstrap-vue/src/components/modal/modal';
+import { translate } from '../../../utils/i18n';
 import { modalSizeOptions, modalButtonDefaults, focusableTags, COMMA } from '../../../utils/constants';
 import { logWarning, focusFirstFocusableElement } from '../../../utils/utils';
 import CloseButton from '../../shared_components/close_button/close_button';
@@ -65,10 +66,13 @@ var script = {
       default: modalSizeOptions.md,
       validator: val => Object.keys(modalSizeOptions).includes(val)
     },
+    /**
+     * The close button's label, it is used for the button's aria-label attribute.
+     */
     dismissLabel: {
       type: String,
       required: false,
-      default: 'Close'
+      default: () => translate('GlModal.closeButtonTitle', 'Close')
     },
     visible: {
       type: Boolean,

package/dist/components/base/token/token.js

@@ -1,4 +1,5 @@
 import { tokenVariants } from '../../../utils/constants';
+import { translate } from '../../../utils/i18n';
 import CloseButton from '../../shared_components/close_button/close_button';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
@@ -22,6 +23,14 @@ var script = {
       required: false,
       default: 'default',
       validator: variant => tokenVariants.includes(variant)
+    },
+    /**
+     * The close button's label, it is used for the button's aria-label attribute.
+     */
+    removeLabel: {
+      type: String,
+      required: false,
+      default: () => translate('GlToken.closeButtonTitle', 'Remove')
     }
   },
   computed: {
@@ -50,7 +59,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('span',_vm._g({class:['gl-token', _vm.variantClass, _vm.viewOnlyClass]},_vm.$listeners),[_c('span',{staticClass:"gl-token-content"},[_vm._t("default"),_vm._v(" "),(!_vm.viewOnly)?_c('close-button',{staticClass:"gl-token-close gl-close-btn-color-inherit",on:{"click":_vm.close}}):_vm._e()],2)])};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',_vm._g({class:['gl-token', _vm.variantClass, _vm.viewOnlyClass]},_vm.$listeners),[_c('span',{staticClass:"gl-token-content"},[_vm._t("default"),_vm._v(" "),(!_vm.viewOnly)?_c('close-button',{staticClass:"gl-token-close gl-close-btn-color-inherit",attrs:{"label":_vm.removeLabel},on:{"click":_vm.close}}):_vm._e()],2)])};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/components/shared_components/close_button/close_button.js

@@ -1,3 +1,4 @@
+import { translate } from '../../../utils/i18n';
 import GlButton from '../../base/button/button';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
@@ -10,7 +11,7 @@ var script = {
     label: {
       type: String,
       required: false,
-      default: 'Close'
+      default: () => translate('CloseButton.title', 'Close')
     }
   }
 };