@gitlab/ui 90.5.0 → 91.0.0

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# [91.0.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v90.5.0...v91.0.0) (2024-08-29)
+
+
+### Code Refactoring
+
+* **Path:** Update to tokens ([f57c5e4](https://gitlab.com/gitlab-org/gitlab-ui/commit/f57c5e48d73f9ccb143ddf60e6b604dd84d129ee))
+
+
+### BREAKING CHANGES
+
+* **Path:** Replace SCSS variables with design tokens for the
+Path component and make some minor design tweaks. Remove theme option.
+
 # [90.5.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v90.4.0...v90.5.0) (2024-08-28)
 
 

package/dist/components/base/path/path.js

@@ -2,14 +2,13 @@ import iconSpriteInfo from '@gitlab/svgs/dist/icons.json';
 import uniqueId from 'lodash/uniqueId';
 import findLast from 'lodash/findLast';
 import { GlResizeObserverDirective } from '../../../directives/resize_observer/resize_observer';
-import { glThemes } from '../../../utils/constants';
 import GlIcon from '../icon/icon';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
 const BOUNDARY_WIDTH = 40;
 const PATH_ITEM_CLASS = 'gl-path-button';
-const PATH_ACTIVE_ITEM_PREFIX = 'gl-path-active-item';
+const PATH_ACTIVE_ITEM_CLASS = 'gl-path-active-item';
 var script = {
   name: 'GlPath',
   components: {
@@ -35,15 +34,6 @@ var script = {
       required: false,
       default: () => []
     },
-    /**
-     * The color theme to be used.
-     */
-    theme: {
-      type: String,
-      required: false,
-      default: 'indigo',
-      validator: theme => glThemes.includes(theme)
-    },
     /**
      * The items' background color.
      */
@@ -61,9 +51,6 @@ var script = {
     };
   },
   computed: {
-    activeClass() {
-      return `${PATH_ACTIVE_ITEM_PREFIX}-${this.theme}`;
-    },
     entireListVisible() {
       return this.width >= this.getScrollWidth();
     },
@@ -95,7 +82,7 @@ var script = {
   },
   methods: {
     pathItemClass(index) {
-      return index === this.selectedIndex ? `${PATH_ITEM_CLASS} ${this.activeClass}` : PATH_ITEM_CLASS;
+      return index === this.selectedIndex ? `${PATH_ITEM_CLASS} ${PATH_ACTIVE_ITEM_CLASS}` : PATH_ITEM_CLASS;
     },
     onItemClicked(selectedIndex) {
       this.selectedIndex = selectedIndex;