@gitlab/ui 105.7.0 → 106.1.0

package/src/tokens/icon.tokens.json

@@ -35,8 +35,8 @@
       },
       "link": {
         "$value": {
-          "default": "{color.blue.600}",
-          "dark": "{color.blue.300}"
+          "default": "{color.blue.700}",
+          "dark": "{color.blue.200}"
         },
         "$type": "color",
         "$description": "Used for an icon within a link."

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

@@ -1,7 +1,6 @@
 // Component names
 export const NAME_BUTTON = 'BButton'
 export const NAME_BUTTON_CLOSE = 'BButtonClose'
-export const NAME_BUTTON_GROUP = 'BButtonGroup'
 export const NAME_COL = 'BCol'
 export const NAME_COLLAPSE = 'BCollapse'
 export const NAME_DROPDOWN = 'BDropdown'

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

@@ -33,18 +33,36 @@ if (isVue3) {
   const originalVModelDynamicCreated = Vue.vModelDynamic.created
   const originalVModelDynamicBeforeUpdate = Vue.vModelDynamic.beforeUpdate
 
+  let assignSymbol
+
   // See https://github.com/vuejs/vue-next/pull/4121 for details
   Vue.vModelDynamic.created = function(el, binding, vnode) {
     originalVModelDynamicCreated.call(this, el, binding, vnode)
     if (!el._assign) {
       el._assign = () => {}
     }
+
+    // Added check for Symbol('_assign') to fix in compat 3.3.5+ based on https://github.com/bootstrap-vue/bootstrap-vue/issues/7181
+    if (!assignSymbol) {
+      assignSymbol = Object.getOwnPropertySymbols(el).find(s => s.description === '_assign')
+    }
+    if (!el[assignSymbol]) {
+      el[assignSymbol] = function() {}
+    }
   }
   Vue.vModelDynamic.beforeUpdate = function(el, binding, vnode) {
     originalVModelDynamicBeforeUpdate.call(this, el, binding, vnode)
     if (!el._assign) {
       el._assign = () => {}
     }
+
+    // Added check for Symbol('_assign') to fix in 3.3.5+ based on https://github.com/bootstrap-vue/bootstrap-vue/issues/7181
+    if (!assignSymbol) {
+      assignSymbol = Object.getOwnPropertySymbols(el).find(s => s.description === '_assign')
+    }
+    if (!el[assignSymbol]) {
+      el[assignSymbol] = function() {}
+    }
   }
   extend = function patchedBootstrapVueExtend(definition) {
     if (typeof definition === 'object' && definition.render && !definition.__alreadyPatched) {

package/dist/vendor/bootstrap-vue/src/components/button-group/button-group.js

@@ -1,44 +0,0 @@
-import { extend, mergeData } from '../../vue';
-import { NAME_BUTTON_GROUP } from '../../constants/components';
-import { PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
-import { sortKeys, pick } from '../../utils/object';
-import { makePropsConfigurable, makeProp } from '../../utils/props';
-import { props as props$1 } from '../button/button';
-
-// --- Props ---
-
-const props = makePropsConfigurable(sortKeys({
-  ...pick(props$1, ['size']),
-  ariaRole: makeProp(PROP_TYPE_STRING, 'group'),
-  size: makeProp(PROP_TYPE_STRING),
-  tag: makeProp(PROP_TYPE_STRING, 'div'),
-  vertical: makeProp(PROP_TYPE_BOOLEAN, false)
-}), NAME_BUTTON_GROUP);
-
-// --- Main component ---
-
-// @vue/component
-const BButtonGroup = /*#__PURE__*/extend({
-  name: NAME_BUTTON_GROUP,
-  functional: true,
-  props,
-  render(h, _ref) {
-    let {
-      props,
-      data,
-      children
-    } = _ref;
-    return h(props.tag, mergeData(data, {
-      class: {
-        'btn-group': !props.vertical,
-        'btn-group-vertical': props.vertical,
-        [`btn-group-${props.size}`]: props.size
-      },
-      attrs: {
-        role: props.ariaRole
-      }
-    }), children);
-  }
-});
-
-export { BButtonGroup, props };

package/dist/vendor/bootstrap-vue/src/components/button-group/index.js

@@ -1 +0,0 @@
-export { BButtonGroup } from './button-group';

package/src/vendor/bootstrap-vue/src/components/button-group/README.md

@@ -1,107 +0,0 @@
-# Button Group
-
-> Group a series of buttons together on a single line with `<b-button-group>`.
-
-## Overview
-
-Button Groups are an easy way to group a series of buttons together.
-
-```html
-<div>
-  <div>
-    <b-button-group>
-      <b-button>Button 1</b-button>
-      <b-button>Button 2</b-button>
-      <b-button>Button 3</b-button>
-    </b-button-group>
-  </div>
-  <div class="mt-3">
-    <b-button-group>
-      <b-button variant="success">Success</b-button>
-      <b-button variant="info">Info</b-button>
-      <b-button variant="warning">Warning</b-button>
-    </b-button-group>
-  </div>
-</div>
-
-<!-- b-button-group.vue -->
-```
-
-## Sizing
-
-Set the `size` prop to `lg` or `sm` to render larger or smaller, respectively, buttons. There is no
-need to specify the size on the individual buttons.
-
-```html
-<div>
-  <div>
-    <b-button-group>
-      <b-button>Button 1</b-button>
-      <b-button>Button 2</b-button>
-      <b-button>Button 3</b-button>
-    </b-button-group>
-  </div>
-  <div class="mt-3">
-    <b-button-group size="sm">
-      <b-button>Left</b-button>
-      <b-button>Middle</b-button>
-      <b-button>Right</b-button>
-    </b-button-group>
-  </div>
-  <div class="mt-3">
-    <b-button-group size="lg">
-      <b-button>Left</b-button>
-      <b-button>Middle</b-button>
-      <b-button>Right</b-button>
-    </b-button-group>
-  </div>
-</div>
-
-<!-- b-button-group-sizes.vue -->
-```
-
-## Vertical variation
-
-Make a set of buttons appear vertically stacked rather than horizontally by setting the `vertical`
-prop. Split button dropdowns are not supported here.
-
-```html
-<div>
-  <b-button-group vertical>
-    <b-button>Top</b-button>
-    <b-button>Middle</b-button>
-    <b-button>Bottom</b-button>
-  </b-button-group>
-</div>
-
-<!-- b-button-group-vertical.vue -->
-```
-
-## Dropdown menu support
-
-Add [`<b-dropdown>`](/docs/components/dropdown) menus directly inside your `<b-button-group>`. Note
-that split dropdown menus are not supported when prop `vertical` is set.
-
-```html
-<div>
-  <b-button-group>
-    <b-button>Button</b-button>
-    <b-dropdown right text="Menu">
-      <b-dropdown-item>Item 1</b-dropdown-item>
-      <b-dropdown-item>Item 2</b-dropdown-item>
-      <b-dropdown-divider></b-dropdown-divider>
-      <b-dropdown-item>Item 3</b-dropdown-item>
-    </b-dropdown>
-    <b-dropdown right split text="Split Menu">
-      <b-dropdown-item>Item 1</b-dropdown-item>
-      <b-dropdown-item>Item 2</b-dropdown-item>
-      <b-dropdown-divider></b-dropdown-divider>
-      <b-dropdown-item>Item 3</b-dropdown-item>
-    </b-dropdown>
-  </b-button-group>
-</div>
-
-<!-- b-button-group-menu.vue -->
-```
-
-<!-- Component reference added automatically from component package.json -->

package/src/vendor/bootstrap-vue/src/components/button-group/button-group.js

@@ -1,42 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_BUTTON_GROUP } from '../../constants/components'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props'
-import { pick, sortKeys } from '../../utils/object'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-import { props as buttonProps } from '../button/button'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...pick(buttonProps, ['size']),
-    ariaRole: makeProp(PROP_TYPE_STRING, 'group'),
-    size: makeProp(PROP_TYPE_STRING),
-    tag: makeProp(PROP_TYPE_STRING, 'div'),
-    vertical: makeProp(PROP_TYPE_BOOLEAN, false)
-  }),
-  NAME_BUTTON_GROUP
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BButtonGroup = /*#__PURE__*/ extend({
-  name: NAME_BUTTON_GROUP,
-  functional: true,
-  props,
-  render(h, { props, data, children }) {
-    return h(
-      props.tag,
-      mergeData(data, {
-        class: {
-          'btn-group': !props.vertical,
-          'btn-group-vertical': props.vertical,
-          [`btn-group-${props.size}`]: props.size
-        },
-        attrs: { role: props.ariaRole }
-      }),
-      children
-    )
-  }
-})

package/src/vendor/bootstrap-vue/src/components/button-group/button-group.spec.js

@@ -1,98 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BButtonGroup } from './button-group'
-
-describe('button-group', () => {
-  it('has expected default structure', async () => {
-    const wrapper = mount(BButtonGroup)
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('btn-group')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.attributes('role')).toBeDefined()
-    expect(wrapper.attributes('role')).toBe('group')
-    expect(wrapper.text()).toBe('')
-
-    wrapper.destroy()
-  })
-
-  it('should render default slot', async () => {
-    const wrapper = mount(BButtonGroup, {
-      slots: {
-        default: '<span>foobar</span>'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('btn-group')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.attributes('role')).toBeDefined()
-    expect(wrapper.attributes('role')).toBe('group')
-    expect(wrapper.find('span').exists()).toBe(true)
-    expect(wrapper.text()).toBe('foobar')
-
-    wrapper.destroy()
-  })
-
-  it('should apply vertical class', async () => {
-    const wrapper = mount(BButtonGroup, {
-      propsData: {
-        vertical: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('btn-group-vertical')
-    expect(wrapper.classes()).not.toContain('btn-group')
-    expect(wrapper.classes().length).toBe(1)
-
-    wrapper.destroy()
-  })
-
-  it('should apply size class', async () => {
-    const wrapper = mount(BButtonGroup, {
-      propsData: {
-        size: 'sm'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('btn-group')
-    expect(wrapper.classes()).toContain('btn-group-sm')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  it('should apply size class when vertical', async () => {
-    const wrapper = mount(BButtonGroup, {
-      propsData: {
-        size: 'sm',
-        vertical: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('btn-group-sm')
-    expect(wrapper.classes()).toContain('btn-group-vertical')
-    expect(wrapper.classes()).not.toContain('btn-group')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  it('has custom role when aria-role prop set', async () => {
-    const wrapper = mount(BButtonGroup, {
-      propsData: {
-        ariaRole: 'foobar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('btn-group')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.attributes('role')).toBeDefined()
-    expect(wrapper.attributes('role')).toBe('foobar')
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/button-group/index.js

@@ -1,3 +0,0 @@
-import { BButtonGroup } from './button-group'
-
-export { BButtonGroup }

package/src/vendor/bootstrap-vue/src/components/button-group/package.json

@@ -1,29 +0,0 @@
-{
-  "name": "@bootstrap-vue/button-group",
-  "version": "1.0.0",
-  "meta": {
-    "title": "Button Group",
-    "description": "Group a series of buttons together on a single line with <b-button-group>.",
-    "components": [
-      {
-        "component": "BButtonGroup",
-        "description": "Group a series of buttons together on a single line",
-        "aliases": [
-          "BBtnGroup"
-        ],
-        "props": [
-          {
-            "prop": "vertical",
-            "description": "When set, rendered the button group in vertical mode"
-          }
-        ],
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content (buttons) to place in the button group"
-          }
-        ]
-      }
-    ]
-  }
-}