@gitlab/ui 94.6.0 → 94.7.0

package/src/tokens/contextual/dropdown.tokens.json

@@ -0,0 +1,148 @@
+{
+  "dropdown": {
+    "background": {
+      "color": {
+        "$value": "{background.color.overlap}",
+        "$type": "color",
+        "$description": "Used for the background of a dropdown."
+      }
+    },
+    "border": {
+      "color": {
+        "$value": {
+          "default": "{color.neutral.200}",
+          "dark": "{color.neutral.700}"
+        },
+        "$type": "color",
+        "$description": "Used for the border of a dropdown."
+      }
+    },
+    "option": {
+      "text": {
+        "color": {
+          "default": {
+            "$value": "{action.neutral.foreground.color.default}",
+            "$type": "color",
+            "$description": "Used for the text of a dropdown option in the default state."
+          },
+          "hover": {
+            "$value": "{action.neutral.foreground.color.hover}",
+            "$type": "color",
+            "$description": "Used for the text of a dropdown option in the hover state."
+          },
+          "focus": {
+            "$value": "{action.neutral.foreground.color.focus}",
+            "$type": "color",
+            "$description": "Used for the text of a dropdown option in the focus state."
+          },
+          "active": {
+            "$value": "{action.neutral.foreground.color.active}",
+            "$type": "color",
+            "$description": "Used for the text of a dropdown option in the active state."
+          },
+          "disabled": {
+            "$value": "{action.disabled.foreground.color}",
+            "$type": "color",
+            "$description": "Used for the text of a dropdown option in the disabled state."
+          }
+        }
+      },
+      "indicator": {
+        "color": {
+          "selected": {
+            "default": {
+              "$value": {
+                "default": "{control.background.color.selected.default}",
+                "dark": "{color.neutral.0}"
+              },
+              "$type": "color",
+              "$description": "Used for the dropdown selected option indicator in the default state."
+            },
+            "hover": {
+              "$value": {
+                "default": "{control.background.color.selected.hover}",
+                "dark": "{color.neutral.0}"
+              },
+              "$type": "color",
+              "$description": "Used for the dropdown selected option indicator in the hover state."
+            },
+            "focus": {
+              "$value": {
+                "default": "{control.background.color.selected.focus}",
+                "dark": "{color.neutral.0}"
+              },
+              "$type": "color",
+              "$description": "Used for the dropdown selected option indicator in the focus state."
+            },
+            "active": {
+              "$value": {
+                "default": "{color.blue.700}",
+                "dark": "{color.neutral.100}"
+              },
+              "$type": "color",
+              "$description": "Used for the dropdown selected option indicator in the active state."
+            }
+          }
+        }
+      },
+      "background": {
+        "color": {
+          "unselected": {
+            "default": {
+              "$value": "{action.neutral.background.color.default}",
+              "$type": "color",
+              "$description": "Used for the background of an unselected dropdown option in the default state."
+            },
+            "hover": {
+              "$value": "{action.neutral.background.color.hover}",
+              "$type": "color",
+              "$description": "Used for the background of an unselected dropdown option in the hover state."
+            },
+            "focus": {
+              "$value": "{action.neutral.background.color.focus}",
+              "$type": "color",
+              "$description": "Used for the background of an unselected dropdown option in the focus state."
+            },
+            "active": {
+              "$value": "{action.neutral.background.color.active}",
+              "$type": "color",
+              "$description": "Used for the background of an unselected dropdown option in the active state."
+            }
+          },
+          "selected": {
+            "default": {
+              "$value": {
+                "default": "{color.neutral.50}",
+                "dark": "{color.neutral.800}"
+              },
+              "$type": "color",
+              "$description": "Used for the background of a selected dropdown option in the default state."
+            },
+            "hover": {
+              "$value": {
+                "default": "{color.neutral.100}",
+                "dark": "{color.neutral.700}"
+              },
+              "$type": "color",
+              "$description": "Used for the background of a selected dropdown option in the hover state."
+            },
+            "focus": {
+              "$value": "{dropdown.option.background.color.selected.hover}",
+              "$type": "color",
+              "$description": "Used for the background of a selected dropdown option in the focus state."
+            },
+            "active": {
+              "$value": {
+                "default": "{color.neutral.200}",
+                "dark": "{color.neutral.900}"
+              },
+              "$type": "color",
+              "$description": "Used for the background of a selected dropdown option in the active state."
+            }
+          }
+        }
+      }
+    }
+  }
+}
+

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

@@ -103,8 +103,7 @@ module.exports = function nuxtBootstrapVue(moduleOptions = {}) {
     // Base options available to template
     const templateOptions = {
       // Flag if we are tree shaking
-      treeShake: false,
-      icons: !!options.icons
+      treeShake: false
     }
 
     // Specific component and/or directive plugins
@@ -148,17 +147,6 @@ module.exports = function nuxtBootstrapVue(moduleOptions = {}) {
       }
     }
 
-    // If tree shaking, and icons requested, add in
-    // the IconsPlugin if not already specified
-    if (
-      templateOptions.treeShake &&
-      templateOptions.icons &&
-      templateOptions.componentPlugins.indexOf('IconsPlugin') === -1 &&
-      templateOptions.componentPlugins.indexOf('BootstrapVueIcons') === -1
-    ) {
-      templateOptions.componentPlugins.push('IconsPlugin')
-    }
-
     // Add BootstrapVue configuration if present
     if (options.config && Object.prototype.toString.call(options.config) === '[object Object]') {
       templateOptions.config = { ...options.config }

package/src/vendor/bootstrap-vue/nuxt/plugin.template.js

@@ -1,12 +1,6 @@
 import Vue from 'vue';
 
 <% if (!options.treeShake) { %>
-<%   if (options.icons) { %>
-import { BootstrapVue, BootstrapVueIcons } from 'bootstrap-vue';
-
-Vue.use(BootstrapVue, <%= JSON.stringify(options.config || {}, undefined, 2) %>);
-Vue.use(BootstrapVueIcons);
-<%   } else { %>
 import { BootstrapVue } from 'bootstrap-vue';
 
 Vue.use(BootstrapVue, <%= JSON.stringify(options.config || {}, undefined, 2) %>);

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

@@ -1,7 +1,7 @@
 {
   "name": "bootstrap-vue",
   "version": "2.23.1",
-  "description": "With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4 component and grid system available for Vue.js v2.6, complete with extensive and automated WAI-ARIA accessibility markup.",
+  "description": "With many components and several directives, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4 component and grid system available for Vue.js v2.6, complete with extensive and automated WAI-ARIA accessibility markup.",
   "main": "./dist/bootstrap-vue.common.js",
   "web": "./dist/bootstrap-vue.js",
   "module": "./esm/index.js",
@@ -99,7 +99,6 @@
     "babel-eslint": "^10.1.0",
     "babel-jest": "^26.6.3",
     "babel-plugin-istanbul": "^6.0.0",
-    "bootstrap-icons": "^1.5.0",
     "clean-css-cli": "^4.3.0",
     "codemirror": "^5.61.0",
     "codesandbox": "^2.2.3",
@@ -152,8 +151,6 @@
     "Web",
     "Components",
     "Directives",
-    "Icons",
-    "Bootstrap Icons",
     "ARIA",
     "Accessibility",
     "a11y",

package/src/vendor/bootstrap-vue/src/_variables.scss

@@ -39,20 +39,6 @@ $b-custom-switch-indicator-size-sm: calc(
   #{$b-custom-control-indicator-size-sm} - #{$custom-control-indicator-border-width * 4}
 ) !default;
 
-// --- Icons ---
-
-$b-icon-vertical-offset: -0.15em;
-
-// Animations
-$b-icon-animation-cylon-duration: 0.75s !default;
-$b-icon-animation-cylon-vertical-duration: $b-icon-animation-cylon-duration !default;
-$b-icon-animation-fade-duration: 0.75s !default;
-$b-icon-animation-spin-duration: 2s !default;
-$b-icon-animation-spin-reverse-duration: $b-icon-animation-spin-duration !default;
-$b-icon-animation-spin-pulse-duration: 1s !default;
-$b-icon-animation-spin-reverse-pulse-duration: $b-icon-animation-spin-pulse-duration !default;
-$b-icon-animation-throb-duration: 0.75s !default;
-
 // --- Tables ---
 
 // Table busy state

package/src/vendor/bootstrap-vue/src/components/breadcrumb/README.md

@@ -75,7 +75,6 @@ over the content of each item:
 <template>
   <b-breadcrumb>
     <b-breadcrumb-item href="#home">
-      <b-icon icon="house-fill" scale="1.25" shift-v="1.25" aria-hidden="true"></b-icon>
       Home
     </b-breadcrumb-item>
     <b-breadcrumb-item href="#foo">Foo</b-breadcrumb-item>

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

@@ -99,7 +99,7 @@ wrapped in these components for proper styling.
       <b-button variant="outline-secondary">Button</b-button>
       <b-button variant="outline-primary">Button</b-button>
       <b-input-group-text>
-        <b-icon icon="x" />
+        x
       </b-input-group-text>
     </b-input-group-append>
   </b-input-group>

package/src/vendor/bootstrap-vue/src/components/navbar/README.md

@@ -300,8 +300,7 @@ and not an `array`.
 
     <b-navbar-toggle target="navbar-toggle-collapse">
       <template #default="{ expanded }">
-        <b-icon v-if="expanded" icon="chevron-bar-up"></b-icon>
-        <b-icon v-else icon="chevron-bar-down"></b-icon>
+        {{ expanded ? 'Close' : 'Open' }}
       </template>
     </b-navbar-toggle>
 

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

@@ -31,9 +31,6 @@ export const NAME_FORM_SELECT_OPTION_GROUP = 'BFormSelectOptionGroup'
 export const NAME_FORM_TEXT = 'BFormText'
 export const NAME_FORM_TEXTAREA = 'BFormTextarea'
 export const NAME_FORM_VALID_FEEDBACK = 'BFormValidFeedback'
-export const NAME_ICON = 'BIcon'
-export const NAME_ICONSTACK = 'BIconstack'
-export const NAME_ICON_BASE = 'BIconBase'
 export const NAME_INPUT_GROUP = 'BInputGroup'
 export const NAME_INPUT_GROUP_ADDON = 'BInputGroupAddon'
 export const NAME_INPUT_GROUP_APPEND = 'BInputGroupAppend'

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

@@ -17,7 +17,6 @@ export const RX_START_SPACE_WORD = /(\s|^)(\w)/g
 export const RX_TRIM_LEFT = /^\s+/
 export const RX_TRIM_RIGHT = /\s+$/
 export const RX_UNDERSCORE = /_/g
-export const RX_UN_KEBAB = /-(\w)/g
 
 // --- URL ---
 
@@ -29,10 +28,6 @@ export const RX_QUERY_START = /^(\?|#|&)/
 
 export const RX_COL_CLASS = /^col-/
 
-// --- Icon ---
-
-export const RX_ICON_PREFIX = /^BIcon/
-
 // --- Locale ---
 
 export const RX_STRIP_LOCALE_MODS = /-u-.+/

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

@@ -53,9 +53,6 @@ export * from './bv-config'
 // Components & Plugins
 export * from './components'
 
-// Icons & Plugin
-export * from './icons'
-
 // BootstrapVue plugin
 export interface BootstrapVuePlugin extends BvPlugin {
   setConfig: (config: BvConfigOptions) => void

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

@@ -49,15 +49,6 @@ export { BVToastPlugin } from './components/toast/helpers/bv-toast'
 // can be reverted back to `export * from './table'` when Webpack v5 is released
 // See: https://github.com/webpack/webpack/pull/9203 (available in Webpack v5.0.0-alpha.15)
 
-// -- Export Icon components and IconPlugin/BootstrapVueIcons ---
-// export * from './icons'
-export { IconsPlugin, BootstrapVueIcons } from './icons/plugin'
-export { BIcon } from './icons/icon'
-export { BIconstack } from './icons/iconstack'
-// This re-export is only a single level deep, which
-// Webpack 4 (usually) handles correctly when tree shaking
-export * from './icons/icons'
-
 // --- Export all individual components and component group plugins as named exports ---
 
 // export * from './components/badge'

package/src/vendor/bootstrap-vue/src/index.scss

@@ -9,6 +9,3 @@
 
 // Include custom SCSS for components
 @import "components/index";
-
-// Include custom SCSS for icons
-@import "icons/index";

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

@@ -6,8 +6,7 @@ import {
   RX_START_SPACE_WORD,
   RX_TRIM_LEFT,
   RX_TRIM_RIGHT,
-  RX_UNDERSCORE,
-  RX_UN_KEBAB
+  RX_UNDERSCORE
 } from '../constants/regex'
 import { isArray, isPlainObject, isString, isUndefinedOrNull } from './inspect'
 
@@ -18,12 +17,6 @@ export const kebabCase = str => {
   return str.replace(RX_HYPHENATE, '-$1').toLowerCase()
 }
 
-// Converts a kebab-case or camelCase string to PascalCase
-export const pascalCase = str => {
-  str = kebabCase(str).replace(RX_UN_KEBAB, (_, c) => (c ? c.toUpperCase() : ''))
-  return str.charAt(0).toUpperCase() + str.slice(1)
-}
-
 // Converts a string, including strings in camelCase or snake_case, into Start Case
 // It keeps original single quote and hyphen in the word
 // https://github.com/UrbanCompass/to-start-case

package/src/vendor/bootstrap-vue/src/utils/string.spec.js

@@ -1,4 +1,4 @@
-import { escapeRegExp, kebabCase, pascalCase, startCase, toString, upperFirst } from './string'
+import { escapeRegExp, kebabCase, startCase, toString, upperFirst } from './string'
 
 describe('utils/string', () => {
   it('kebabCase() works', async () => {
@@ -9,16 +9,6 @@ describe('utils/string', () => {
     expect(kebabCase('XFooBar')).toBe('x-foo-bar')
   })
 
-  it('pascalCase() works', async () => {
-    expect(pascalCase('foo')).toBe('Foo')
-    expect(pascalCase('Foo')).toBe('Foo')
-    expect(pascalCase('fooBar')).toBe('FooBar')
-    expect(pascalCase('FooBar')).toBe('FooBar')
-    expect(pascalCase('foo-bar')).toBe('FooBar')
-    expect(pascalCase('x-foo-bar')).toBe('XFooBar')
-    expect(pascalCase('xFooBar')).toBe('XFooBar')
-  })
-
   it('startCase() works', async () => {
     expect(startCase('foobar')).toBe('Foobar')
     expect(startCase('Foobar')).toBe('Foobar')

package/dist/vendor/bootstrap-vue/src/browser-icons.js

@@ -1,8 +0,0 @@
-import { vueUse } from './utils/plugins';
-import { BootstrapVueIcons } from './icons-only';
-export { BootstrapVueIcons as default } from './icons-only';
-
-// Main entry point for the browser icons-only build
-
-// Auto installation only occurs if window.Vue exists
-vueUse(BootstrapVueIcons);

package/dist/vendor/bootstrap-vue/src/icons/helpers/icon-base.js

@@ -1,139 +0,0 @@
-import { extend, mergeData } from '../../vue';
-import { NAME_ICON_BASE } from '../../constants/components';
-import { PROP_TYPE_STRING, PROP_TYPE_BOOLEAN, PROP_TYPE_NUMBER_STRING } from '../../constants/props';
-import { identity } from '../../utils/identity';
-import { isUndefinedOrNull } from '../../utils/inspect';
-import { mathMax } from '../../utils/math';
-import { toFloat } from '../../utils/number';
-import { makeProp } from '../../utils/props';
-
-// --- Constants ---
-
-// Base attributes needed on all icons
-const BASE_ATTRS = {
-  viewBox: '0 0 16 16',
-  width: '1em',
-  height: '1em',
-  focusable: 'false',
-  role: 'img',
-  'aria-label': 'icon'
-};
-
-// Attributes that are nulled out when stacked
-const STACKED_ATTRS = {
-  width: null,
-  height: null,
-  focusable: null,
-  role: null,
-  'aria-label': null
-};
-
-// --- Props ---
-
-const props = {
-  animation: makeProp(PROP_TYPE_STRING),
-  content: makeProp(PROP_TYPE_STRING),
-  flipH: makeProp(PROP_TYPE_BOOLEAN, false),
-  flipV: makeProp(PROP_TYPE_BOOLEAN, false),
-  fontScale: makeProp(PROP_TYPE_NUMBER_STRING, 1),
-  rotate: makeProp(PROP_TYPE_NUMBER_STRING, 0),
-  scale: makeProp(PROP_TYPE_NUMBER_STRING, 1),
-  shiftH: makeProp(PROP_TYPE_NUMBER_STRING, 0),
-  shiftV: makeProp(PROP_TYPE_NUMBER_STRING, 0),
-  stacked: makeProp(PROP_TYPE_BOOLEAN, false),
-  title: makeProp(PROP_TYPE_STRING),
-  variant: makeProp(PROP_TYPE_STRING)
-};
-
-// --- Main component ---
-
-// Shared private base component to reduce bundle/runtime size
-// @vue/component
-const BVIconBase = /*#__PURE__*/extend({
-  name: NAME_ICON_BASE,
-  functional: true,
-  props,
-  render(h, _ref) {
-    let {
-      data,
-      props,
-      children
-    } = _ref;
-    const {
-      animation,
-      content,
-      flipH,
-      flipV,
-      stacked,
-      title,
-      variant
-    } = props;
-    const fontScale = mathMax(toFloat(props.fontScale, 1), 0) || 1;
-    const scale = mathMax(toFloat(props.scale, 1), 0) || 1;
-    const rotate = toFloat(props.rotate, 0);
-    const shiftH = toFloat(props.shiftH, 0);
-    const shiftV = toFloat(props.shiftV, 0);
-    // Compute the transforms
-    // Note that order is important as SVG transforms are applied in order from
-    // left to right and we want flipping/scale to occur before rotation
-    // Note shifting is applied separately
-    // Assumes that the viewbox is `0 0 16 16` (`8 8` is the center)
-    const hasScale = flipH || flipV || scale !== 1;
-    const hasTransforms = hasScale || rotate;
-    const hasShift = shiftH || shiftV;
-    const hasContent = !isUndefinedOrNull(content);
-    const transforms = [hasTransforms ? 'translate(8 8)' : null, hasScale ? `scale(${(flipH ? -1 : 1) * scale} ${(flipV ? -1 : 1) * scale})` : null, rotate ? `rotate(${rotate})` : null, hasTransforms ? 'translate(-8 -8)' : null].filter(identity);
-
-    // We wrap the content in a `<g>` for handling the transforms (except shift)
-    let $inner = h('g', {
-      attrs: {
-        transform: transforms.join(' ') || null
-      },
-      domProps: hasContent ? {
-        innerHTML: content || ''
-      } : {}
-    }, children);
-
-    // If needed, we wrap in an additional `<g>` in order to handle the shifting
-    if (hasShift) {
-      $inner = h('g', {
-        attrs: {
-          transform: `translate(${16 * shiftH / 16} ${-16 * shiftV / 16})`
-        }
-      }, [$inner]);
-    }
-
-    // Wrap in an additional `<g>` for proper animation handling if stacked
-    if (stacked) {
-      $inner = h('g', [$inner]);
-    }
-    const $title = title ? h('title', title) : null;
-    const $content = [$title, $inner].filter(identity);
-    return h('svg', mergeData({
-      staticClass: 'b-icon bi',
-      class: {
-        [`text-${variant}`]: variant,
-        [`b-icon-animation-${animation}`]: animation
-      },
-      attrs: BASE_ATTRS,
-      style: stacked ? {} : {
-        fontSize: fontScale === 1 ? null : `${fontScale * 100}%`
-      }
-    },
-    // Merge in user supplied data
-    data,
-    // If icon is stacked, null-out some attrs
-    stacked ? {
-      attrs: STACKED_ATTRS
-    } : {},
-    // These cannot be overridden by users
-    {
-      attrs: {
-        xmlns: stacked ? null : 'http://www.w3.org/2000/svg',
-        fill: 'currentColor'
-      }
-    }), $content);
-  }
-});
-
-export { BVIconBase, props };

package/dist/vendor/bootstrap-vue/src/icons/helpers/make-icon.js

@@ -1,56 +0,0 @@
-import { extend, mergeData } from '../../vue';
-import { omit } from '../../utils/object';
-import { kebabCase, pascalCase, trim } from '../../utils/string';
-import { props, BVIconBase } from './icon-base';
-
-const iconProps = omit(props, ['content']);
-
-/**
- * Icon component generator function
- *
- * @param {string} icon name (minus the leading `BIcon`)
- * @param {string} raw `innerHTML` for SVG
- * @return {VueComponent}
- */
-const makeIcon = (name, content) => {
-  // For performance reason we pre-compute some values, so that
-  // they are not computed on each render of the icon component
-  const kebabName = kebabCase(name);
-  const iconName = `BIcon${pascalCase(name)}`;
-  const iconNameClass = `bi-${kebabName}`;
-  const iconTitle = kebabName.replace(/-/g, ' ');
-  const svgContent = trim(content || '');
-  return /*#__PURE__*/extend({
-    name: iconName,
-    functional: true,
-    props: iconProps,
-    render(h, _ref) {
-      let {
-        data,
-        props
-      } = _ref;
-      return h(BVIconBase, mergeData(
-      // Defaults
-      {
-        props: {
-          title: iconTitle
-        },
-        attrs: {
-          'aria-label': iconTitle
-        }
-      },
-      // User data
-      data,
-      // Required data
-      {
-        staticClass: iconNameClass,
-        props: {
-          ...props,
-          content: svgContent
-        }
-      }));
-    }
-  });
-};
-
-export { makeIcon };

package/dist/vendor/bootstrap-vue/src/icons/icon.js

@@ -1,56 +0,0 @@
-import { extend, mergeData, Vue } from '../vue';
-import { NAME_ICON } from '../constants/components';
-import { PROP_TYPE_STRING } from '../constants/props';
-import { RX_ICON_PREFIX } from '../constants/regex';
-import { omit, sortKeys } from '../utils/object';
-import { makePropsConfigurable, makeProp, pluckProps } from '../utils/props';
-import { pascalCase, trim } from '../utils/string';
-import { BIconBlank } from './icons';
-import { props as props$1 } from './helpers/icon-base';
-
-// --- Helper methods ---
-
-const findIconComponent = (ctx, iconName) => {
-  if (!ctx) {
-    return Vue.component(iconName);
-  }
-  const components = (ctx.$options || {}).components;
-  const iconComponent = components && components[iconName];
-  return iconComponent || findIconComponent(ctx.$parent, iconName);
-};
-
-// --- Props ---
-
-const iconProps = omit(props$1, ['content']);
-const props = makePropsConfigurable(sortKeys({
-  ...iconProps,
-  icon: makeProp(PROP_TYPE_STRING)
-}), NAME_ICON);
-
-// --- Main component ---
-
-// Helper BIcon component
-// Requires the requested icon component to be installed
-// @vue/component
-const BIcon = /*#__PURE__*/extend({
-  name: NAME_ICON,
-  functional: true,
-  props,
-  render(h, _ref) {
-    let {
-      data,
-      props,
-      parent
-    } = _ref;
-    const icon = pascalCase(trim(props.icon || '')).replace(RX_ICON_PREFIX, '');
-
-    // If parent context exists, we check to see if the icon has been registered
-    // either locally in the parent component, or globally at the `$root` level
-    // If not registered, we render a blank icon
-    return h(icon ? findIconComponent(parent, `BIcon${icon}`) || BIconBlank : BIconBlank, mergeData(data, {
-      props: pluckProps(iconProps, props)
-    }));
-  }
-});
-
-export { BIcon, props };