@gitlab/ui 80.15.1 → 80.16.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [80.16.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v80.15.2...v80.16.0) (2024-05-30)
+
+
+### Features
+
+* **GlIcon:** Add semantic icon design tokens to GlIcon component ([2e17cab](https://gitlab.com/gitlab-org/gitlab-ui/commit/2e17cab58a6890b31efd8060bbf0ee617577172f))
+
+## [80.15.2](https://gitlab.com/gitlab-org/gitlab-ui/compare/v80.15.1...v80.15.2) (2024-05-29)
+
+
+### Bug Fixes
+
+* **GlExperimentBadge:** correct line-break in the text ([b55a2f8](https://gitlab.com/gitlab-org/gitlab-ui/commit/b55a2f8968319edd6283c2e984bae9882f4c1431))
+
 ## [80.15.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v80.15.0...v80.15.1) (2024-05-29)
 
 

package/dist/components/base/icon/icon.js

@@ -1,5 +1,5 @@
 import iconsPath from '@gitlab/svgs/dist/icons.svg';
-import { iconSizeOptions } from '../../../utils/constants';
+import { iconSizeOptions, iconVariantOptions } from '../../../utils/constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
@@ -60,6 +60,15 @@ var script = {
       required: false,
       default: 16,
       validator: value => iconSizeOptions.includes(value)
+    },
+    /**
+     * Icon variant
+     */
+    variant: {
+      type: String,
+      required: false,
+      default: 'current',
+      validator: value => Object.keys(iconVariantOptions).includes(value)
     }
   },
   computed: {
@@ -68,6 +77,9 @@ var script = {
     },
     iconSizeClass() {
       return this.size ? `s${this.size}` : '';
+    },
+    iconVariantClass() {
+      return this.variant ? iconVariantOptions[this.variant] : '';
     }
   }
 };
@@ -76,7 +88,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('svg',_vm._g({key:_vm.spriteHref,class:['gl-icon', _vm.iconSizeClass],attrs:{"data-testid":(_vm.name + "-icon"),"role":"img","aria-hidden":!_vm.ariaLabel,"aria-label":_vm.ariaLabel}},_vm.$listeners),[_c('use',{attrs:{"href":_vm.spriteHref}})])};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',_vm._g({key:_vm.spriteHref,class:['gl-icon', _vm.iconSizeClass, _vm.iconVariantClass],attrs:{"data-testid":(_vm.name + "-icon"),"role":"img","aria-hidden":!_vm.ariaLabel,"aria-label":_vm.ariaLabel}},_vm.$listeners),[_c('use',{attrs:{"href":_vm.spriteHref}})])};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/components/experimental/experiment_badge/experiment_badge.js

@@ -10,13 +10,13 @@ const i18n = {
   experiment: {
     BADGE: 'Experiment',
     POPOVER_TITLE: "What's an experiment?",
-    POPOVER_CONTENT: 'An %{linkStart}experiment%{linkEnd} is not yet production-ready, but is released for initial testing and feedback during development.\nExperiments: %{bullets}',
+    POPOVER_CONTENT: 'An %{linkStart}experiment%{linkEnd} is not yet production-ready, but is released for initial testing and feedback during development.%{line-breakStart}Experiments:%{line-breakEnd} %{bullets}',
     POPOVER_BULLETS: ['Might be unstable or cause data loss.', 'Are not supported and might not be documented.', 'Could be changed or removed at any time.', 'Are subject to the GitLab Testing Agreement.']
   },
   beta: {
     BADGE: 'Beta',
     POPOVER_TITLE: "What's a beta?",
-    POPOVER_CONTENT: "A %{linkStart}beta%{linkEnd} feature is not yet production-ready, but is ready for testing and unlikely to change significantly before it's released.\nBeta features: %{bullets}",
+    POPOVER_CONTENT: "A %{linkStart}beta%{linkEnd} feature is not yet production-ready, but is ready for testing and unlikely to change significantly before it's released.%{line-breakStart}Beta features:%{line-breakEnd} %{bullets}",
     POPOVER_BULLETS: ['Have a low risk of data loss, but might still be unstable.', 'Are supported on a commercially-reasonable effort basis.', 'Have a near complete user experience.', 'Are subject to the GitLab Testing Agreement.']
   }
 };
@@ -71,7 +71,9 @@ 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-badge',{staticClass:"gl-mx-4 gl-hover-cursor-pointer",attrs:{"id":_vm.triggerId,"variant":"neutral","size":"md"}},[_c('span',[_vm._v(_vm._s(_vm.activeType.BADGE))]),_vm._v(" "),_c('gl-popover',{attrs:{"triggers":"click","show-close-button":"","placement":_vm.popoverPlacement,"target":_vm.triggerId,"css-classes":['gl-z-index-9999!'],"title":_vm.activeType.POPOVER_TITLE}},[_c('gl-sprintf',{attrs:{"message":_vm.activeType.POPOVER_CONTENT},scopedSlots:_vm._u([{key:"link",fn:function(ref){
 var content = ref.content;
-return [(_vm.helpPageUrl)?_c('gl-link',{staticClass:"gl-font-sm!",attrs:{"href":_vm.helpPageUrl,"target":"_blank"}},[_vm._v("\n          "+_vm._s(content)+"\n        ")]):_c('span',[_vm._v(_vm._s(content))])]}},{key:"bullets",fn:function(){return [_c('ul',{staticClass:"gl-mb-0 gl-pl-5"},_vm._l((_vm.activeType.POPOVER_BULLETS),function(item,i){return _c('li',{key:("li-" + i)},[_vm._v("\n            "+_vm._s(item)+"\n          ")])}),0)]},proxy:true}])})],1)],1)};
+return [(_vm.helpPageUrl)?_c('gl-link',{staticClass:"gl-font-sm!",attrs:{"href":_vm.helpPageUrl,"target":"_blank"}},[_vm._v("\n          "+_vm._s(content)+"\n        ")]):_c('span',[_vm._v(_vm._s(content))])]}},{key:"bullets",fn:function(){return [_c('ul',{staticClass:"gl-mb-0 gl-pl-5"},_vm._l((_vm.activeType.POPOVER_BULLETS),function(item,i){return _c('li',{key:("li-" + i)},[_vm._v("\n            "+_vm._s(item)+"\n          ")])}),0)]},proxy:true},{key:"line-break",fn:function(ref){
+var content = ref.content;
+return [_c('span',{staticClass:"gl-mt-5 gl-mb-0 gl-display-block"},[_vm._v(_vm._s(content))])]}}])})],1)],1)};
 var __vue_staticRenderFns__ = [];
 
   /* style */