@gitlab/ui 114.1.0 → 114.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "114.1.0",
+  "version": "114.1.2",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -12,7 +12,11 @@
     "*.css",
     "*.scss"
   ],
-  "repository": "git@gitlab.com:gitlab-org/gitlab-ui.git",
+  "repository": {
+    "type": "git",
+    "url": "git+https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com.git",
+    "directory": "packages/gitlab-ui"
+  },
   "author": "GitLab",
   "private": false,
   "files": [
@@ -31,7 +35,6 @@
   "scripts": {
     "build": "NODE_ENV=production rollup -c",
     "prebuild": "run-s build-tokens build-migration-script",
-    "prepare": "run-s build-tokens",
     "copy-fonts": "make copy-fonts",
     "build-tokens": "make tokens",
     "build-migration-script": "esbuild --bundle --platform=node --target=esnext --outfile=bin/migrate_custom_utils_to_tw.bundled.mjs --format=esm --banner:js=\"import { createRequire as __gl__createRequire } from 'node:module'; const require = __gl__createRequire(import.meta.url);\" bin/migrate_custom_utils_to_tw.mjs",
@@ -67,7 +70,7 @@
     "eslint:fix": "yarn eslint --fix",
     "stylelint": "stylelint 'src/**/*.scss'",
     "stylelint:fix": "yarn stylelint --fix",
-    "markdownlint": "markdownlint '**/*.md' --ignore node_modules --ignore CHANGELOG.md --ignore src/vendor",
+    "markdownlint": "markdownlint '**/*.md' --ignore node_modules --ignore CHANGELOG.md --ignore CHANGELOG-old.md --ignore src/vendor",
     "markdownlint:fix": "yarn markdownlint --fix",
     "lint": "run-p prettier eslint stylelint markdownlint",
     "lint:fix": "run-s eslint:fix prettier:fix stylelint:fix markdownlint:fix",
@@ -207,27 +210,5 @@
     "webpack": "^5.9.0",
     "yargs": "^17.3.1",
     "yarn-deduplicate": "^6.0.2"
-  },
-  "release": {
-    "branches": [
-      "main"
-    ],
-    "verifyConditions": [
-      "@semantic-release/changelog",
-      "@semantic-release/npm",
-      "@semantic-release/git",
-      "@semantic-release/gitlab"
-    ],
-    "prepare": [
-      "@semantic-release/changelog",
-      "@semantic-release/npm",
-      "@semantic-release/git"
-    ],
-    "publish": [
-      "@semantic-release/npm",
-      "@semantic-release/gitlab"
-    ],
-    "success": false,
-    "fail": false
   }
 }

package/src/components/base/breadcrumb/breadcrumb.scss

@@ -33,8 +33,9 @@ $breadcrumb-max-width: $grid-size * 16;
     text-decoration-thickness: auto;
     text-decoration-style: solid;
     text-decoration-color: transparent;
-    transition: box-shadow $gl-transition-duration-medium $gl-easing-out-cubic,
-                text-decoration-color $gl-transition-duration-medium $gl-easing-out-cubic;
+    transition:
+      box-shadow $gl-transition-duration-medium $gl-easing-out-cubic,
+      text-decoration-color $gl-transition-duration-medium $gl-easing-out-cubic;
     @include gl-prefers-reduced-motion-transition;
 
     &:hover {
@@ -66,4 +67,19 @@ $breadcrumb-max-width: $grid-size * 16;
 
 .gl-breadcrumb-item-md {
   @apply gl-text-base;
+
+  /**
+   * If the last/only item, which is always visible, has a very long title,
+   * it could overflow the breadcrumb component. This CSS makes sure it
+   * shows an ellipsis instead.
+   * But this CSS cannot be active while we do the size calculation, as that
+   * would then not take the real unshrunk width of that item into account.
+   */
+  &.gl-breadcrumb-only-item {
+    @apply gl-max-w-full gl-shrink;
+
+    a {
+      @apply gl-max-w-full gl-overflow-hidden gl-text-ellipsis gl-text-nowrap;
+    }
+  }
 }

package/src/components/base/breadcrumb/breadcrumb.vue

@@ -81,23 +81,11 @@ export default {
     breadcrumbStyle() {
       return this.resizeDone ? {} : { opacity: 0 };
     },
-    itemStyle() {
-      /**
-       * If the last/only item, which is always visible, has a very long title,
-       * it could overflow the breadcrumb component. This CSS makes sure it
-       * shows an ellipsis instead.
-       * But this CSS cannot be active while we do the size calculation, as that
-       * would then not take the real unshrunk width of that item into account.
-       */
+    itemClass() {
       if (this.resizeDone && this.fittingItems.length === 1) {
-        return {
-          'flex-shrink': 1,
-          'text-overflow': 'ellipsis',
-          'overflow-x': 'hidden',
-          'text-wrap': 'nowrap',
-        };
+        return 'gl-breadcrumb-only-item';
       }
-      return {};
+      return '';
     },
     dropdownSize() {
       return this.size === 'sm' ? 'small' : 'medium';
@@ -231,11 +219,10 @@ export default {
         :key="index"
         :text="item.text"
         :href="item.href"
-        :style="itemStyle"
         :to="item.to"
         :size="size"
         :aria-current="getAriaCurrentAttr(index)"
-        :class="hideItemClass(item)"
+        :class="[hideItemClass(item), itemClass]"
         ><gl-avatar
           v-if="item.avatarPath"
           :src="item.avatarPath"