@gitlab/ui 101.10.0 → 101.11.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [101.11.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v101.10.0...v101.11.0) (2024-11-06)
+
+
+### Features
+
+* **GlChartsLegend:** Replace legacy CSS Class with design tokens ([78a3ece](https://gitlab.com/gitlab-org/gitlab-ui/commit/78a3ece8857c554d3fc2b491af62fc0e7ef8e5d0))
+
 # [101.10.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v101.9.0...v101.10.0) (2024-11-06)
 
 

package/dist/components/charts/legend/legend.js

@@ -202,7 +202,8 @@ const __vue_script__ = script;
 
 /* template */
 var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-legend",attrs:{"data-testid":"gl-chart-legend"}},[(_vm.layout === _vm.$options.legendLayoutTypes.LEGEND_LAYOUT_INLINE)?[_c('div',{ref:"inlineLegendEl",staticClass:"gl-legend-inline",class:{ 'gl-legend-b-fade': _vm.shouldApplyFadeClass }},_vm._l((_vm.seriesInfo),function(series,key){return _c('div',{key:key,staticClass:"gl-legend-inline-series",class:{
-          'text-muted': _vm.disabledSeries[key],
+          'gl-text-subtle': _vm.disabledSeries[key],
+          'gl-text-strong': !_vm.disabledSeries[key],
           'gl-w-full': _vm.seriesNameIsLong(series.name),
           'hover:!gl-cursor-not-allowed':
             _vm.hasOneSeriesElement || _vm.isToggleDisabled(series.name, series.disabled),

package/dist/vendor/bootstrap-vue/src/components/link/link.js

@@ -1,13 +1,11 @@
 import { extend } from '../../vue';
 import { NAME_LINK } from '../../constants/components';
 import { EVENT_NAME_CLICK } from '../../constants/events';
-import { PROP_TYPE_STRING, PROP_TYPE_BOOLEAN, PROP_TYPE_ARRAY_STRING, PROP_TYPE_OBJECT_STRING } from '../../constants/props';
 import { concat } from '../../utils/array';
 import { isTag, attemptFocus, attemptBlur } from '../../utils/dom';
 import { getRootEventName, stopEvent } from '../../utils/events';
 import { isBoolean, isUndefined, isEvent, isFunction } from '../../utils/inspect';
-import { sortKeys, omit } from '../../utils/object';
-import { makeProp, makePropsConfigurable, pluckProps } from '../../utils/props';
+import { pluckProps } from '../../utils/props';
 import { computeTag, isRouterLink, computeRel, computeHref } from '../../utils/router';
 import { attrsMixin } from '../../mixins/attrs';
 import { listenOnRootMixin } from '../../mixins/listen-on-root';
@@ -20,49 +18,92 @@ const ROOT_EVENT_NAME_CLICKED = getRootEventName(NAME_LINK, 'clicked');
 
 // --- Props ---
 
-// `<router-link>` specific props
-const routerLinkProps = {
-  activeClass: makeProp(PROP_TYPE_STRING),
-  append: makeProp(PROP_TYPE_BOOLEAN, false),
-  event: makeProp(PROP_TYPE_ARRAY_STRING),
-  exact: makeProp(PROP_TYPE_BOOLEAN, false),
-  exactActiveClass: makeProp(PROP_TYPE_STRING),
-  exactPath: makeProp(PROP_TYPE_BOOLEAN, false),
-  exactPathActiveClass: makeProp(PROP_TYPE_STRING),
-  replace: makeProp(PROP_TYPE_BOOLEAN, false),
-  routerTag: makeProp(PROP_TYPE_STRING),
-  to: makeProp(PROP_TYPE_OBJECT_STRING)
-};
-
-// `<nuxt-link>` specific props
-const nuxtLinkProps = {
-  noPrefetch: makeProp(PROP_TYPE_BOOLEAN, false),
+const props = {
+  active: {
+    type: Boolean,
+    default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  href: {
+    type: String,
+    default: undefined
+  },
+  // Must be `null` if no value provided
+  rel: {
+    type: String,
+    default: null
+  },
+  // To support 3rd party router links based on `<router-link>` (i.e. `g-link` for Gridsome)
+  // Default is to auto choose between `<router-link>` and `<nuxt-link>`
+  // Gridsome doesn't provide a mechanism to auto detect and has caveats
+  // such as not supporting FQDN URLs or hash only URLs
+  routerComponentName: {
+    type: String,
+    default: undefined
+  },
+  target: {
+    type: String,
+    default: '_self'
+  },
+  activeClass: {
+    type: String,
+    default: undefined
+  },
+  append: {
+    type: Boolean,
+    default: false
+  },
+  event: {
+    type: [Array, String],
+    default: undefined
+  },
+  exact: {
+    type: Boolean,
+    default: false
+  },
+  exactActiveClass: {
+    type: String,
+    default: undefined
+  },
+  exactPath: {
+    type: Boolean,
+    default: false
+  },
+  exactPathActiveClass: {
+    type: String,
+    default: undefined
+  },
+  replace: {
+    type: Boolean,
+    default: false
+  },
+  routerTag: {
+    type: String,
+    default: undefined
+  },
+  to: {
+    type: [Object, String],
+    default: undefined
+  },
+  noPrefetch: {
+    type: Boolean,
+    default: false
+  },
   // Must be `null` to fall back to the value defined in the
   // `nuxt.config.js` configuration file for `router.prefetchLinks`
   // We convert `null` to `undefined`, so that Nuxt.js will use the
   // compiled default
   // Vue treats `undefined` as default of `false` for Boolean props,
   // so we must set it as `null` here to be a true tri-state prop
-  prefetch: makeProp(PROP_TYPE_BOOLEAN, null)
+  prefetch: {
+    type: Boolean,
+    default: null
+  }
 };
 
-// All `<b-link>` props
-const props = makePropsConfigurable(sortKeys({
-  ...nuxtLinkProps,
-  ...routerLinkProps,
-  active: makeProp(PROP_TYPE_BOOLEAN, false),
-  disabled: makeProp(PROP_TYPE_BOOLEAN, false),
-  href: makeProp(PROP_TYPE_STRING),
-  // Must be `null` if no value provided
-  rel: makeProp(PROP_TYPE_STRING, null),
-  // To support 3rd party router links based on `<router-link>` (i.e. `g-link` for Gridsome)
-  // Default is to auto choose between `<router-link>` and `<nuxt-link>`
-  // Gridsome doesn't provide a mechanism to auto detect and has caveats
-  // such as not supporting FQDN URLs or hash only URLs
-  routerComponentName: makeProp(PROP_TYPE_STRING),
-  target: makeProp(PROP_TYPE_STRING, '_self')
-}), NAME_LINK);
-
 // --- Main component ---
 
 // @vue/component
@@ -86,6 +127,9 @@ const BLink = /*#__PURE__*/extend({
         routerComponentName
       }, this);
     },
+    isNuxtLink() {
+      return this.computedTag === 'nuxt-link';
+    },
     isRouterLink() {
       return isRouterLink(this.computedTag);
     },
@@ -112,16 +156,16 @@ const BLink = /*#__PURE__*/extend({
       }, this.computedTag);
     },
     computedProps() {
+      if (!this.isRouterLink) return {};
       const {
         event,
         prefetch,
         routerTag
       } = this;
-      return this.isRouterLink ? {
-        ...pluckProps(omit({
-          ...routerLinkProps,
-          ...(this.computedTag === 'nuxt-link' ? nuxtLinkProps : {})
-        }, ['event', 'prefetch', 'routerTag']), this),
+      const propsToPass = ['activeClass', 'append', 'exact', 'exactActiveClass', 'exactPath', 'exactPathActiveClass', 'replace', 'to'];
+      if (this.isNuxtLink) propsToPass.push('noPrefetch');
+      return {
+        ...pluckProps(propsToPass, this),
         // Only add these props, when actually defined
         ...(event ? {
           event
@@ -133,7 +177,7 @@ const BLink = /*#__PURE__*/extend({
         ...(routerTag ? {
           tag: routerTag
         } : {})
-      } : {};
+      };
     },
     computedAttrs() {
       const {
@@ -236,4 +280,4 @@ const BLink = /*#__PURE__*/extend({
   }
 });
 
-export { BLink, nuxtLinkProps, props, routerLinkProps };
+export { BLink, props };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "101.10.0",
+  "version": "101.11.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",

package/src/components/charts/legend/legend.vue

@@ -197,7 +197,8 @@ export default {
           v-for="(series, key) in seriesInfo"
           :key="key"
           :class="{
-            'text-muted': disabledSeries[key],
+            'gl-text-subtle': disabledSeries[key],
+            'gl-text-strong': !disabledSeries[key],
             'gl-w-full': seriesNameIsLong(series.name),
             'hover:!gl-cursor-not-allowed':
               hasOneSeriesElement || isToggleDisabled(series.name, series.disabled),

package/src/vendor/bootstrap-vue/src/components/link/link.js

@@ -1,18 +1,11 @@
 import { extend } from '../../vue'
 import { NAME_LINK } from '../../constants/components'
 import { EVENT_NAME_CLICK } from '../../constants/events'
-import {
-  PROP_TYPE_ARRAY_STRING,
-  PROP_TYPE_BOOLEAN,
-  PROP_TYPE_OBJECT_STRING,
-  PROP_TYPE_STRING
-} from '../../constants/props'
 import { concat } from '../../utils/array'
 import { attemptBlur, attemptFocus, isTag } from '../../utils/dom'
 import { getRootEventName, stopEvent } from '../../utils/events'
 import { isBoolean, isEvent, isFunction, isUndefined } from '../../utils/inspect'
-import { omit, sortKeys } from '../../utils/object'
-import { makeProp, makePropsConfigurable, pluckProps } from '../../utils/props'
+import { pluckProps } from '../../utils/props'
 import { computeHref, computeRel, computeTag, isRouterLink } from '../../utils/router'
 import { attrsMixin } from '../../mixins/attrs'
 import { listenOnRootMixin } from '../../mixins/listen-on-root'
@@ -25,52 +18,92 @@ const ROOT_EVENT_NAME_CLICKED = getRootEventName(NAME_LINK, 'clicked')
 
 // --- Props ---
 
-// `<router-link>` specific props
-export const routerLinkProps = {
-  activeClass: makeProp(PROP_TYPE_STRING),
-  append: makeProp(PROP_TYPE_BOOLEAN, false),
-  event: makeProp(PROP_TYPE_ARRAY_STRING),
-  exact: makeProp(PROP_TYPE_BOOLEAN, false),
-  exactActiveClass: makeProp(PROP_TYPE_STRING),
-  exactPath: makeProp(PROP_TYPE_BOOLEAN, false),
-  exactPathActiveClass: makeProp(PROP_TYPE_STRING),
-  replace: makeProp(PROP_TYPE_BOOLEAN, false),
-  routerTag: makeProp(PROP_TYPE_STRING),
-  to: makeProp(PROP_TYPE_OBJECT_STRING)
-}
-
-// `<nuxt-link>` specific props
-export const nuxtLinkProps = {
-  noPrefetch: makeProp(PROP_TYPE_BOOLEAN, false),
+export const props = {
+  active: {
+    type: Boolean,
+    default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  href: {
+    type: String,
+    default: undefined
+  },
+  // Must be `null` if no value provided
+  rel: {
+    type: String,
+    default: null
+  },
+  // To support 3rd party router links based on `<router-link>` (i.e. `g-link` for Gridsome)
+  // Default is to auto choose between `<router-link>` and `<nuxt-link>`
+  // Gridsome doesn't provide a mechanism to auto detect and has caveats
+  // such as not supporting FQDN URLs or hash only URLs
+  routerComponentName: {
+    type: String,
+    default: undefined
+  },
+  target: {
+    type: String,
+    default: '_self'
+  },
+  activeClass: {
+    type: String,
+    default: undefined
+  },
+  append: {
+    type: Boolean,
+    default: false
+  },
+  event: {
+    type: [Array, String],
+    default: undefined
+  },
+  exact: {
+    type: Boolean,
+    default: false
+  },
+  exactActiveClass: {
+    type: String,
+    default: undefined
+  },
+  exactPath: {
+    type: Boolean,
+    default: false
+  },
+  exactPathActiveClass: {
+    type: String,
+    default: undefined
+  },
+  replace: {
+    type: Boolean,
+    default: false
+  },
+  routerTag: {
+    type: String,
+    default: undefined
+  },
+  to: {
+    type: [Object, String],
+    default: undefined
+  },
+  noPrefetch: {
+    type: Boolean,
+    default: false
+  },
   // Must be `null` to fall back to the value defined in the
   // `nuxt.config.js` configuration file for `router.prefetchLinks`
   // We convert `null` to `undefined`, so that Nuxt.js will use the
   // compiled default
   // Vue treats `undefined` as default of `false` for Boolean props,
   // so we must set it as `null` here to be a true tri-state prop
-  prefetch: makeProp(PROP_TYPE_BOOLEAN, null)
+  prefetch: {
+    type: Boolean,
+    default: null
+  }
 }
 
-// All `<b-link>` props
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...nuxtLinkProps,
-    ...routerLinkProps,
-    active: makeProp(PROP_TYPE_BOOLEAN, false),
-    disabled: makeProp(PROP_TYPE_BOOLEAN, false),
-    href: makeProp(PROP_TYPE_STRING),
-    // Must be `null` if no value provided
-    rel: makeProp(PROP_TYPE_STRING, null),
-    // To support 3rd party router links based on `<router-link>` (i.e. `g-link` for Gridsome)
-    // Default is to auto choose between `<router-link>` and `<nuxt-link>`
-    // Gridsome doesn't provide a mechanism to auto detect and has caveats
-    // such as not supporting FQDN URLs or hash only URLs
-    routerComponentName: makeProp(PROP_TYPE_STRING),
-    target: makeProp(PROP_TYPE_STRING, '_self')
-  }),
-  NAME_LINK
-)
-
 // --- Main component ---
 
 // @vue/component
@@ -86,6 +119,9 @@ export const BLink = /*#__PURE__*/ extend({
       const { to, disabled, routerComponentName } = this
       return computeTag({ to, disabled, routerComponentName }, this)
     },
+    isNuxtLink() {
+      return this.computedTag === 'nuxt-link'
+    },
     isRouterLink() {
       return isRouterLink(this.computedTag)
     },
@@ -100,23 +136,30 @@ export const BLink = /*#__PURE__*/ extend({
       return computeHref({ to, href }, this.computedTag)
     },
     computedProps() {
+      if (!this.isRouterLink) return {}
+
       const { event, prefetch, routerTag } = this
-      return this.isRouterLink
-        ? {
-            ...pluckProps(
-              omit(
-                { ...routerLinkProps, ...(this.computedTag === 'nuxt-link' ? nuxtLinkProps : {}) },
-                ['event', 'prefetch', 'routerTag']
-              ),
-              this
-            ),
-            // Only add these props, when actually defined
-            ...(event ? { event } : {}),
-            ...(isBoolean(prefetch) ? { prefetch } : {}),
-            // Pass `router-tag` as `tag` prop
-            ...(routerTag ? { tag: routerTag } : {})
-          }
-        : {}
+
+      const propsToPass = [
+        'activeClass',
+        'append',
+        'exact',
+        'exactActiveClass',
+        'exactPath',
+        'exactPathActiveClass',
+        'replace',
+        'to'
+      ]
+      if (this.isNuxtLink) propsToPass.push('noPrefetch')
+
+      return {
+        ...pluckProps(propsToPass, this),
+        // Only add these props, when actually defined
+        ...(event ? { event } : {}),
+        ...(isBoolean(prefetch) ? { prefetch } : {}),
+        // Pass `router-tag` as `tag` prop
+        ...(routerTag ? { tag: routerTag } : {})
+      }
     },
     computedAttrs() {
       const {

package/src/vendor/bootstrap-vue/src/directives/modal/index.d.ts

@@ -1,8 +0,0 @@
-//
-// VBModal
-//
-import { DirectiveOptions } from 'vue'
-
-
-// directive: v-b-modal
-export declare const VBModal: DirectiveOptions

package/src/vendor/bootstrap-vue/src/directives/toggle/index.d.ts

@@ -1,7 +0,0 @@
-//
-// VBToggle
-//
-import { DirectiveOptions } from 'vue'
-
-// directive: v-b-toggle
-export declare const VBToggle: DirectiveOptions

package/src/vendor/bootstrap-vue/src/directives/tooltip/index.d.ts

@@ -1,7 +0,0 @@
-//
-// VBTooltip
-//
-import { DirectiveOptions } from 'vue'
-
-// directive: v-b-tooltip
-export declare const VBTooltip: DirectiveOptions

package/src/vendor/bootstrap-vue/src/directives/visible/index.d.ts

@@ -1,7 +0,0 @@
-//
-// VBVisible
-//
-import { DirectiveOptions } from 'vue'
-
-// Directive: v-b-visible
-export declare const VBVisible: DirectiveOptions