@gitlab/ui 93.1.0 → 93.3.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [93.3.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v93.2.0...v93.3.0) (2024-09-19)
+
+
+### Features
+
+* **DuoChatContextItemPopover:** fix styling for long strings ([b7b4517](https://gitlab.com/gitlab-org/gitlab-ui/commit/b7b451796eb0585b57922682a5cef42ac945a1f9))
+
+# [93.2.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v93.1.0...v93.2.0) (2024-09-19)
+
+
+### Features
+
+* **DesignTokens:** add text warning design tokens ([e00b998](https://gitlab.com/gitlab-org/gitlab-ui/commit/e00b998524c1b974f49994059256dd340748ab20))
+
 # [93.1.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v93.0.0...v93.1.0) (2024-09-18)
 
 

package/bin/migrate_custom_utils_to_tw.bundled.mjs

@@ -184266,7 +184266,14 @@ var tailwindEquivalents = {
   "gl-bg-data-viz-magenta-950!": "!gl-bg-data-viz-magenta-950",
   "gl-inset-border-1-red-300": "gl-shadow-inner-1-red-300",
   "gl-inset-border-1-red-500": "gl-shadow-inner-1-red-500",
-  "gl-column-gap-3": "gl-gap-x-3"
+  "gl-column-gap-3": "gl-gap-x-3",
+  // The following equivalents were found while migrating GitLab UI's stylesheets
+  "gl-text-decoration-color-gray-900": "gl-decoration-gray-900",
+  "gl-text-decoration-color-gray-500": "gl-decoration-gray-500",
+  "gl-text-transform-none": "gl-normal-case",
+  "gl-bg-current-color": "gl-bg-current",
+  "gl-w-eighth": "gl-w-1/8",
+  "gl-w-max-content": "gl-w-max"
 };
 
 // bin/lib/tailwind_migrations.mjs

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

@@ -144,6 +144,7 @@ var script = {
       }, []);
     },
     variantClass() {
+      // eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
       return `gl-alert-${this.variant}`;
     }
   },

package/dist/components/base/avatar/avatar.js

@@ -67,13 +67,18 @@ var script = {
   computed: {
     sizeClasses() {
       if (isNumber(this.size)) {
+        // eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
         return `gl-avatar-s${this.size}`;
       }
       const {
         default: defaultSize,
         ...nonDefaultSizes
       } = this.size;
-      return [`gl-avatar-s${defaultSize || avatarSizeOptions[1]}`, ...Object.entries(nonDefaultSizes).map(_ref => {
+      return [
+      // eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
+      `gl-avatar-s${defaultSize || avatarSizeOptions[1]}`, ...Object.entries(nonDefaultSizes).map(
+      // eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
+      _ref => {
         let [breakpoint, size] = _ref;
         return `gl-${breakpoint}-avatar-s${size}`;
       })];
@@ -87,6 +92,7 @@ var script = {
        * Gets the remainder after dividing the 'entityId' by the number of available backgrounds.
        */
       const type = this.entityId % IDENTICON_BG_COUNT + 1;
+      // eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
       return `gl-avatar-identicon-bg${type}`;
     },
     identiconText() {

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

@@ -219,7 +219,9 @@ var script = {
       return null;
     },
     datepickerClasses() {
-      return ['gl-datepicker', 'd-inline-block', 'gl-w-full', `gl-form-input-${this.computedWidth}`];
+      return ['gl-datepicker', 'd-inline-block', 'gl-w-full',
+      // eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
+      `gl-form-input-${this.computedWidth}`];
     },
     computedWidth() {
       if (this.width) {

package/dist/components/base/drawer/drawer.js

@@ -60,6 +60,7 @@ var script = {
       return Boolean(this.$slots.footer);
     },
     variantClass() {
+      // eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
       return `gl-drawer-${this.variant}`;
     }
   },

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

@@ -39,11 +39,17 @@ var script = {
           default: defaultWidth,
           ...nonDefaultWidths
         } = this.width;
-        return [...(defaultWidth ? [`gl-form-input-${defaultWidth}`] : []), ...Object.entries(nonDefaultWidths).map(_ref => {
+        return [
+        // eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
+        ...(defaultWidth ? [`gl-form-input-${defaultWidth}`] : []), ...Object.entries(nonDefaultWidths).map(
+        // eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
+        _ref => {
           let [breakpoint, width] = _ref;
           return `gl-${breakpoint}-form-input-${width}`;
         })];
       }
+
+      // eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
       return [`gl-form-input-${this.width}`];
     },
     listeners() {

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

@@ -33,11 +33,17 @@ var script = {
           default: defaultWidth,
           ...nonDefaultWidths
         } = this.width;
-        return [...(defaultWidth ? [`gl-form-select-${defaultWidth}`] : []), ...Object.entries(nonDefaultWidths).map(_ref => {
+        return [
+        // eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
+        ...(defaultWidth ? [`gl-form-select-${defaultWidth}`] : []), ...Object.entries(nonDefaultWidths).map(
+        // eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
+        _ref => {
           let [breakpoint, width] = _ref;
           return `gl-${breakpoint}-form-select-${width}`;
         })];
       }
+
+      // eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
       return [`gl-form-select-${this.width}`];
     }
   }

package/dist/components/base/toast/toast.js

@@ -31,6 +31,7 @@ function renderTitle(h, toast, options) {
 }
 function showToast(message) {
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  // eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
   const id = `gl-toast-${toastsCount}`;
   toastsCount += 1;
   const hide = () => {

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

@@ -35,6 +35,7 @@ var script = {
   },
   computed: {
     variantClass() {
+      // eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
       return `gl-token-${this.variant}-variant`;
     },
     viewOnlyClass() {

package/dist/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_popover/duo_chat_context_item_popover.js

@@ -98,7 +98,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-popover',{attrs:{"target":_vm.target,"triggers":"hover focus","placement":_vm.placement,"title":_vm.title,"custom-class":"gl-duo-chat-item-popover"},scopedSlots:_vm._u([{key:"title",fn:function(){return [_c('div',[_c('div',{staticClass:"gl-heading-3 gl-mb-1 gl-mt-2 gl-leading-1",attrs:{"data-testid":"chat-context-popover-title"}},[_vm._v("\n        "+_vm._s(_vm.contextItem.metadata.title)+"\n      ")]),_vm._v(" "),_c('div',{staticClass:"gl-font-normal gl-text-subtle"},[_vm._v(_vm._s(_vm.itemTypeLabel))])])]},proxy:true}])},[_vm._v(" "),_c('div',[(_vm.filePath !== null)?_c('div',{staticClass:"gl-flex gl-flex-wrap gl-items-center"},[_c('gl-icon',{staticClass:"gl-mr-1",attrs:{"name":"document","size":12,"variant":"subtle"}}),_vm._v(" "),_c('span',[_vm._v(_vm._s(_vm.contextItem.metadata.project))]),_vm._l((_vm.filePathArray),function(pathPart,index){return _c('span',{key:pathPart,staticClass:"gl-break-all"},[_vm._v(_vm._s(pathPart)+_vm._s(index + 1 < _vm.filePathArray.length ? '/' : ''))])})],2):_vm._e(),_vm._v(" "),(_vm.filePath === null)?_c('div',{staticClass:"gl-flex gl-flex-wrap gl-items-center gl-leading-1 gl-text-subtle"},[_c('gl-icon',{staticClass:"gl-mr-1",attrs:{"name":_vm.iconName,"size":12,"variant":"subtle"}}),_vm._v(" "),_c('span',[_vm._v(_vm._s(_vm.contextItem.metadata.project))]),(_vm.id !== null)?_c('span',[_vm._v(_vm._s(_vm.formattedId))]):_vm._e()],1):_vm._e(),_vm._v(" "),(!_vm.isEnabled)?_c('gl-alert',{staticClass:"gl-mb-1 gl-mt-3 gl-p-4 gl-text-sm",attrs:{"variant":"danger","data-testid":"chat-context-popover-disabled","dismissible":false,"show-icon":false}},[_vm._v("\n      "+_vm._s(_vm.disabledMessage)+"\n    ")]):_vm._e()],1)])};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-popover',{attrs:{"target":_vm.target,"triggers":"hover focus","placement":_vm.placement,"title":_vm.title,"custom-class":"gl-duo-chat-item-popover"},scopedSlots:_vm._u([{key:"title",fn:function(){return [_c('div',[_c('div',{staticClass:"gl-heading-3 gl-mb-1 gl-mt-2 gl-leading-1",attrs:{"data-testid":"chat-context-popover-title"}},[_vm._v("\n        "+_vm._s(_vm.contextItem.metadata.title)+"\n      ")]),_vm._v(" "),_c('div',{staticClass:"gl-font-normal gl-text-subtle"},[_vm._v(_vm._s(_vm.itemTypeLabel))])])]},proxy:true}])},[_vm._v(" "),_c('div',[(_vm.filePath !== null)?_c('div',[_c('gl-icon',{staticClass:"gl-mr-1",attrs:{"name":"document","size":12,"variant":"subtle"}}),_c('span',{staticClass:"gl-break-all"},[_vm._v(_vm._s(_vm.contextItem.metadata.project))]),_vm._l((_vm.filePathArray),function(pathPart,index){return _c('span',{key:pathPart,staticClass:"gl-break-all"},[_vm._v(_vm._s(pathPart)+_vm._s(index + 1 < _vm.filePathArray.length ? '/' : ''))])})],2):_c('div',[_c('gl-icon',{staticClass:"gl-mr-1",attrs:{"name":_vm.iconName,"size":12,"variant":"subtle"}}),_c('span',{staticClass:"gl-break-all"},[_vm._v(_vm._s(_vm.contextItem.metadata.project))]),(_vm.id !== null)?_c('span',{staticClass:"gl-break-all"},[_vm._v(_vm._s(_vm.formattedId))]):_vm._e()],1),_vm._v(" "),(!_vm.isEnabled)?_c('gl-alert',{staticClass:"gl-mb-1 gl-mt-3 gl-p-4 gl-text-sm",attrs:{"variant":"danger","data-testid":"chat-context-popover-disabled","dismissible":false,"show-icon":false}},[_vm._v("\n      "+_vm._s(_vm.disabledMessage)+"\n    ")]):_vm._e()],1)])};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/components/experimental/duo/chat/duo_chat.js

@@ -16,7 +16,6 @@ import GlDuoChatLoader from './components/duo_chat_loader/duo_chat_loader';
 import GlDuoChatPredefinedPrompts from './components/duo_chat_predefined_prompts/duo_chat_predefined_prompts';
 import GlDuoChatConversation from './components/duo_chat_conversation/duo_chat_conversation';
 import { CHAT_RESET_MESSAGE, CHAT_INCLUDE_MESSAGE, MESSAGE_MODEL_ROLES, CHAT_CLEAN_MESSAGE, CHAT_CLEAR_MESSAGE } from './constants';
-import { INCLUDE_SLASH_COMMAND } from './mock_data';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 const i18n = {
@@ -275,7 +274,7 @@ var script = {
         // if user has removed entire command (or whole command except for '/') we should close context item menu and allow slash command menu to show again
         return false;
       }
-      return INCLUDE_SLASH_COMMAND.name.startsWith(this.caseInsensitivePrompt);
+      return CHAT_INCLUDE_MESSAGE.startsWith(this.caseInsensitivePrompt);
     },
     inputPlaceholder() {
       if (this.chatPromptPlaceholder) {
@@ -412,7 +411,7 @@ var script = {
         (_this$contextItemMenu = this.contextItemMenuRef) === null || _this$contextItemMenu === void 0 ? void 0 : _this$contextItemMenu.handleKeyUp(e);
         return;
       }
-      if (this.caseInsensitivePrompt === INCLUDE_SLASH_COMMAND.name) {
+      if (this.caseInsensitivePrompt === CHAT_INCLUDE_MESSAGE) {
         this.contextItemsMenuIsOpen = true;
         return;
       }