@gitlab/ui 96.2.0 → 97.0.0

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

@@ -22,7 +22,7 @@ under the toast.
 
 ```html
 <template>
-  <div class="p-3 bg-secondary progress-bar-striped" style="min-height: 170px;">
+  <div class="p-3 bg-secondary" style="min-height: 170px;">
     <b-button class="mb-2" variant="primary" @click="$bvToast.show('example-toast')">
       Show toast
     </b-button>
@@ -36,8 +36,8 @@ under the toast.
 ```
 
 **Note:** we are using the `static` prop in the above example to render the toast in-place in the
-document, rather than transporting it to a `<b-toaster>` target container. And we have added classes
-`bg-secondary` and `progress-bar-striped` to the outer `<div>` for illustrative purposes of toast
+document, rather than transporting it to a `<b-toaster>` target container. And we have added class
+`bg-secondary` to the outer `<div>` for illustrative purposes of toast
 transparency only.
 
 ### Toast features and notes
@@ -535,7 +535,7 @@ for generating more complex toast content:
 In some cases you may need just a simple alert style message (i.e. cookie usage notifications,
 etc.). In these cases it is usually better to use an fixed position alert instead of a toast, by
 applying a few Bootstrap [utility classes](/docs/reference/utility-classes) and a small bit of
-custom styling on a [`<b-alert>`](/docs/components/alert) component:
+custom styling on a [`<gl-alert>`](?path=/docs/base-alert--docs) component:
 
 ```html
 <template>
@@ -615,7 +615,7 @@ that can impact both people with and without disabilities. The following list, w
 provides general guidelines when using toasts.
 
 - If the information needed is important for the process, e.g. for a list of errors in a form, then
-  use the [`<b-alert>`](/docs/components/alert) component instead of `<b-toast>`.
+  use the [`<gl-alert>`](?path=/docs/base-alert--docs) component instead of `<b-toast>`.
 - `<b-toast>`, by default, sets the attributes `role` to `'alert'` and `aria-live` to `'assertive'`.
   If it's an important message like an error, this default setting is appropriate, otherwise set the
   prop `is-status` to `true` which will change the attributes `role` to `'status'` and `aria-live`

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

@@ -64,7 +64,7 @@ Twelve options are available for positioning: `top`, `topleft`, `topright`, `rig
 `rightbottom`, `bottom`, `bottomleft`, `bottomright`, `left`, `lefttop`, and `leftbottom` aligned.
 The default position is `top`. Positioning is relative to the trigger element.
 
-<div class="bd-example bd-example-tooltip-static">
+<section class="bd-example bd-example-tooltip-static">
   <div class="tooltip b-tooltip bs-tooltip-top bs-tooltip-top-docs" role="tooltip">
     <div class="arrow" style="left: calc(50% - 6px)"></div>
     <div class="tooltip-inner">Tooltip on the top</div>
@@ -113,7 +113,7 @@ The default position is `top`. Positioning is relative to the trigger element.
     <div class="arrow" style="top: 0px"></div>
     <div class="tooltip-inner">Tooltip on the leftbottom</div>
   </div>
-</div>
+</section>
 
 Refer to the [Tooltip directive](/docs/directives/tooltip/#positioning) documentation for live
 examples of positioning.
@@ -553,7 +553,7 @@ with the auto generated ID of the tooltip.
 
 **Note:** The animation effect of this component is dependent on the `prefers-reduced-motion` media
 query. See the
-[reduced motion section of our accessibility documentation](/docs/reference/accessibility) for
-additional details.
+[reduced motion section of our accessibility documentation](?path=/docs/base-tooltip--docs#accessibility)
+for additional details.
 
 <!-- Component reference added automatically from component package.json -->

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

@@ -44,8 +44,6 @@ export const NAME_NAVBAR_BRAND = 'BNavbarBrand'
 export const NAME_NAV_ITEM = 'BNavItem'
 export const NAME_NAV_ITEM_DROPDOWN = 'BNavItemDropdown'
 export const NAME_POPOVER = 'BPopover'
-export const NAME_PROGRESS = 'BProgress'
-export const NAME_PROGRESS_BAR = 'BProgressBar'
 export const NAME_TAB = 'BTab'
 export const NAME_TABLE = 'BTable'
 export const NAME_TABLE_CELL = 'BTableCell'

package/src/vendor/bootstrap-vue/src/directives/toggle/README.md

@@ -1,12 +1,13 @@
 # Toggle
 
-> `v-b-toggle` is a light-weight directive for toggling the visibility of collapses,
-> and includes automated [WAI-ARIA accessibility](/docs/reference/accessibility) attribute handling.
+> `v-b-toggle` is a light-weight directive for toggling the visibility of collapses, and includes
+> automated [WAI-ARIA accessibility](?path=/docs/base-tooltip--docs#accessibility) attribute
+> handling.
 
 ## Overview
 
 The `v-b-toggle` directive can be used on interactive elements, such as buttons and to toggle the
-visibility state of the [`<b-collapse>`](/docs/components/collapse) component.
+visibility state of the [`<gl-collapse>`](?path=/docs/base-collapse--docs) component.
 
 Besides toggling the visibility of the target component, the directive automatically updates ARIA
 accessibility attributes on the element it is applied to so that they reflect the visibility state
@@ -141,6 +142,4 @@ via `v-model`, other controls with `v-b-toggle` directive, or CSS visibility).
 
 ## See also
 
-- [`<b-collapse>`](/docs/components/collapse) Collapsible content with accordion support
-- [`<b-navbar-toggle>`](/docs/components/navbar#b-navbar-toggle-and-b-collapse-is-nav) Navbar
-  hamburger toggle button (based on `v-b-toggle` directive)
+- [collapse](?path=/docs/base-collapse--docs) Collapsible content with accordion support

package/src/vendor/bootstrap-vue/src/directives/tooltip/README.md

@@ -515,7 +515,7 @@ disabled.
 
 ## See also
 
-- [`<b-tooltip>` component](/docs/components/tooltip)
-- [`<b-popover>` component](/docs/components/popover)
+- [tooltip](?path=/docs/base-tooltip--docs)
+- [popover](?path=/docs/base-popover--docs)
 
 <!-- Directive reference section auto generated from directive package.json -->

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

@@ -135,10 +135,6 @@ export { BNavbarBrand } from './components/navbar/navbar-brand'
 // export * from './components/popover'
 export { BPopover } from './components/popover/popover'
 
-// export * from './components/progress'
-export { BProgress } from './components/progress/progress'
-export { BProgressBar } from './components/progress/progress-bar'
-
 // export * from './components/table'
 export { BTable } from './components/table/table'
 export { BTableLite } from './components/table/table-lite'

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

@@ -1,2 +0,0 @@
-export { BProgress } from './progress';
-export { BProgressBar } from './progress-bar';

package/dist/vendor/bootstrap-vue/src/components/progress/progress-bar.js

@@ -1,128 +0,0 @@
-import { extend } from '../../vue';
-import { NAME_PROGRESS_BAR } from '../../constants/components';
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING, PROP_TYPE_NUMBER_STRING } from '../../constants/props';
-import { htmlOrText } from '../../utils/html';
-import { isBoolean } from '../../utils/inspect';
-import { mathMax, mathPow } from '../../utils/math';
-import { toFloat, toInteger, toFixed } from '../../utils/number';
-import { makePropsConfigurable, makeProp } from '../../utils/props';
-import { toString } from '../../utils/string';
-import { normalizeSlotMixin } from '../../mixins/normalize-slot';
-
-// --- Props ---
-
-const props = makePropsConfigurable({
-  animated: makeProp(PROP_TYPE_BOOLEAN, null),
-  label: makeProp(PROP_TYPE_STRING),
-  labelHtml: makeProp(PROP_TYPE_STRING),
-  max: makeProp(PROP_TYPE_NUMBER_STRING, null),
-  precision: makeProp(PROP_TYPE_NUMBER_STRING, null),
-  showProgress: makeProp(PROP_TYPE_BOOLEAN, null),
-  showValue: makeProp(PROP_TYPE_BOOLEAN, null),
-  striped: makeProp(PROP_TYPE_BOOLEAN, null),
-  value: makeProp(PROP_TYPE_NUMBER_STRING, 0),
-  variant: makeProp(PROP_TYPE_STRING)
-}, NAME_PROGRESS_BAR);
-
-// --- Main component ---
-
-// @vue/component
-const BProgressBar = /*#__PURE__*/extend({
-  name: NAME_PROGRESS_BAR,
-  mixins: [normalizeSlotMixin],
-  inject: {
-    getBvProgress: {
-      default: /* istanbul ignore next */() => () => ({})
-    }
-  },
-  props,
-  computed: {
-    bvProgress() {
-      return this.getBvProgress();
-    },
-    progressBarClasses() {
-      const {
-        computedAnimated,
-        computedVariant
-      } = this;
-      return [computedVariant ? `bg-${computedVariant}` : '', this.computedStriped || computedAnimated ? 'progress-bar-striped' : '', computedAnimated ? 'progress-bar-animated' : ''];
-    },
-    progressBarStyles() {
-      return {
-        width: 100 * (this.computedValue / this.computedMax) + '%'
-      };
-    },
-    computedValue() {
-      return toFloat(this.value, 0);
-    },
-    computedMax() {
-      // Prefer our max over parent setting
-      // Default to `100` for invalid values (`-x`, `0`, `NaN`)
-      const max = toFloat(this.max) || toFloat(this.bvProgress.max, 0);
-      return max > 0 ? max : 100;
-    },
-    computedPrecision() {
-      // Prefer our precision over parent setting
-      // Default to `0` for invalid values (`-x`, `NaN`)
-      return mathMax(toInteger(this.precision, toInteger(this.bvProgress.precision, 0)), 0);
-    },
-    computedProgress() {
-      const precision = this.computedPrecision;
-      const p = mathPow(10, precision);
-      return toFixed(100 * p * this.computedValue / this.computedMax / p, precision);
-    },
-    computedVariant() {
-      // Prefer our variant over parent setting
-      return this.variant || this.bvProgress.variant;
-    },
-    computedStriped() {
-      // Prefer our striped over parent setting
-      return isBoolean(this.striped) ? this.striped : this.bvProgress.striped || false;
-    },
-    computedAnimated() {
-      // Prefer our animated over parent setting
-      return isBoolean(this.animated) ? this.animated : this.bvProgress.animated || false;
-    },
-    computedShowProgress() {
-      // Prefer our showProgress over parent setting
-      return isBoolean(this.showProgress) ? this.showProgress : this.bvProgress.showProgress || false;
-    },
-    computedShowValue() {
-      // Prefer our showValue over parent setting
-      return isBoolean(this.showValue) ? this.showValue : this.bvProgress.showValue || false;
-    }
-  },
-  render(h) {
-    const {
-      label,
-      labelHtml,
-      computedValue,
-      computedPrecision
-    } = this;
-    let $children;
-    let domProps = {};
-    if (this.hasNormalizedSlot()) {
-      $children = this.normalizeSlot();
-    } else if (label || labelHtml) {
-      domProps = htmlOrText(labelHtml, label);
-    } else if (this.computedShowProgress) {
-      $children = this.computedProgress;
-    } else if (this.computedShowValue) {
-      $children = toFixed(computedValue, computedPrecision);
-    }
-    return h('div', {
-      staticClass: 'progress-bar',
-      class: this.progressBarClasses,
-      style: this.progressBarStyles,
-      attrs: {
-        role: 'progressbar',
-        'aria-valuemin': '0',
-        'aria-valuemax': toString(this.computedMax),
-        'aria-valuenow': toFixed(computedValue, computedPrecision)
-      },
-      domProps
-    }, $children);
-  }
-});
-
-export { BProgressBar, props };

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

@@ -1,56 +0,0 @@
-import { extend } from '../../vue';
-import { NAME_PROGRESS } from '../../constants/components';
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING, PROP_TYPE_NUMBER_STRING } from '../../constants/props';
-import { omit, sortKeys } from '../../utils/object';
-import { makePropsConfigurable, makeProp, pluckProps } from '../../utils/props';
-import { normalizeSlotMixin } from '../../mixins/normalize-slot';
-import { props as props$1, BProgressBar } from './progress-bar';
-
-// --- Props ---
-
-const progressBarProps = omit(props$1, ['label', 'labelHtml']);
-const props = makePropsConfigurable(sortKeys({
-  ...progressBarProps,
-  animated: makeProp(PROP_TYPE_BOOLEAN, false),
-  height: makeProp(PROP_TYPE_STRING),
-  max: makeProp(PROP_TYPE_NUMBER_STRING, 100),
-  precision: makeProp(PROP_TYPE_NUMBER_STRING, 0),
-  showProgress: makeProp(PROP_TYPE_BOOLEAN, false),
-  showValue: makeProp(PROP_TYPE_BOOLEAN, false),
-  striped: makeProp(PROP_TYPE_BOOLEAN, false)
-}), NAME_PROGRESS);
-
-// --- Main component ---
-
-// @vue/component
-const BProgress = /*#__PURE__*/extend({
-  name: NAME_PROGRESS,
-  mixins: [normalizeSlotMixin],
-  provide() {
-    return {
-      getBvProgress: () => this
-    };
-  },
-  props,
-  computed: {
-    progressHeight() {
-      return {
-        height: this.height || null
-      };
-    }
-  },
-  render(h) {
-    let $childNodes = this.normalizeSlot();
-    if (!$childNodes) {
-      $childNodes = h(BProgressBar, {
-        props: pluckProps(progressBarProps, this.$props)
-      });
-    }
-    return h('div', {
-      staticClass: 'progress',
-      style: this.progressHeight
-    }, [$childNodes]);
-  }
-});
-
-export { BProgress, props };

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

@@ -1,164 +0,0 @@
-const { resolve } = require('path')
-
-// --- Constants ---
-
-const RX_UN_KEBAB = /-(\w)/g
-const RX_HYPHENATE = /\B([A-Z])/g
-
-// Path to index file when using bootstrap-vue source code
-const srcIndex = 'bootstrap-vue/src/index.js'
-
-// --- Utility methods ---
-
-// Converts PascalCase or camelCase to kebab-case
-const kebabCase = str => {
-  return str.replace(RX_HYPHENATE, '-$1').toLowerCase()
-}
-
-// Converts a kebab-case or camelCase string to PascalCase
-const pascalCase = str => {
-  str = kebabCase(str).replace(RX_UN_KEBAB, (_, c) => (c ? c.toUpperCase() : ''))
-  return str.charAt(0).toUpperCase() + str.slice(1)
-}
-
-const pickFirst = (...args) => {
-  for (const arg of args) {
-    if (arg !== undefined) {
-      return arg
-    }
-  }
-}
-
-// --- Main Nuxt.js module ---
-module.exports = function nuxtBootstrapVue(moduleOptions = {}) {
-  this.nuxt.hook('build:before', () => {
-    // Merge moduleOptions with default
-    const options = {
-      ...this.options.bootstrapVue,
-      ...moduleOptions
-    }
-
-    // Ensure we have arrays
-    this.options.css = [].concat(this.options.css || [])
-    this.options.build.transpile = [].concat(this.options.build.transpile || [])
-
-    const bootstrapVueCSS = pickFirst(
-      options.bootstrapVueCSS,
-      options.bootstrapVueCss,
-      options.bvCSS,
-      // Defaults to `true` if no other options provided
-      true
-    )
-    if (bootstrapVueCSS) {
-      // Add BootstrapVue CSS
-      this.options.css.unshift('bootstrap-vue/dist/bootstrap-vue.css')
-    }
-
-    const bootstrapCSS = pickFirst(
-      options.bootstrapCSS,
-      options.bootstrapCss,
-      options.css,
-      // Defaults to `true` if no other options provided
-      true
-    )
-    if (bootstrapCSS) {
-      // Add Bootstrap CSS
-      this.options.css.unshift('bootstrap/dist/css/bootstrap.css')
-    }
-
-    // Component src prop resolving
-    this.options.build.loaders.vue.transformAssetUrls = {
-      // Nuxt default is missing `poster` for video
-      video: ['src', 'poster'],
-      // Nuxt default is missing image
-      image: 'xlink:href',
-      // Ensure super supplied values/overrides are not lost
-      ...this.options.build.loaders.vue.transformAssetUrls
-    }
-
-    // Enable transpilation of `src/` directory
-    this.options.build.transpile.push('bootstrap-vue/src')
-
-    // Use pre-transpiled or `src/`
-    const usePretranspiled = pickFirst(options.usePretranspiled, this.options.dev, false)
-    if (!usePretranspiled) {
-      // Use bootstrap-vue source code for smaller prod builds
-      // by aliasing 'bootstrap-vue' to the source files
-      this.extendBuild(config => {
-        if (!config.resolve.alias) {
-          config.resolve.alias = {}
-        }
-        const index = require.resolve(srcIndex)
-        const srcDir = index.replace(/index\.js$/, '')
-        // We prepend a $ to ensure that it is only used for
-        // `import from 'bootstrap-vue'` not `import from 'bootstrap-vue/*'`
-        config.resolve.alias['bootstrap-vue$'] = index
-        // If users are still cherry-picking modules from esm/ or es/ (legacy),
-        // alias them to src/ to prevent duplicate code imports
-        config.resolve.alias['bootstrap-vue/esm/'] = srcDir
-        config.resolve.alias['bootstrap-vue/es/'] = srcDir
-      })
-    }
-
-    // Base options available to template
-    const templateOptions = {
-      // Flag if we are tree shaking
-      treeShake: false
-    }
-
-    // Specific component and/or directive plugins
-    for (const type of ['componentPlugins', 'directivePlugins']) {
-      const bvPlugins = Array.isArray(options[type]) ? options[type] : []
-
-      templateOptions[type] = bvPlugins
-        // Normalize plugin name to `${Name}Plugin` (component) or `VB${Name}Plugin` (directive)
-        // Required for backwards compatibility with old plugin import names
-        .map(plugin => {
-          // Ensure PascalCase name
-          plugin = pascalCase(plugin)
-          // Ensure new naming convention for directive plugins prefixed with `VB`
-          plugin = type === 'directivePlugins' && !/^VB/.test(plugin) ? `VB${plugin}` : plugin
-          // Ensure prefixed with `Plugin`
-          plugin = /Plugin$/.test(plugin) ? plugin : `${plugin}Plugin`
-          return plugin
-        })
-        // Remove duplicate items
-        .filter((plugin, i, arr) => arr.indexOf(plugin) === i)
-
-      if (templateOptions[type].length > 0) {
-        templateOptions.treeShake = true
-      }
-    }
-
-    // Specific components and/or directives
-    for (const type of ['components', 'directives']) {
-      const ComponentsOrDirectives = Array.isArray(options[type]) ? options[type] : []
-
-      templateOptions[type] = ComponentsOrDirectives
-        // Ensure PascalCase name
-        .map(item => pascalCase(item))
-        // Ensure prefixed with `V`
-        .map(item => (type === 'directives' && !/^V/.test(item) ? `V${item}` : item))
-        // Remove duplicate items
-        .filter((item, i, arr) => arr.indexOf(item) === i)
-
-      if (templateOptions[type].length > 0) {
-        templateOptions.treeShake = true
-      }
-    }
-
-    // Add BootstrapVue configuration if present
-    if (options.config && Object.prototype.toString.call(options.config) === '[object Object]') {
-      templateOptions.config = { ...options.config }
-    }
-
-    // Register plugin, passing options to plugin template
-    this.addPlugin({
-      src: resolve(__dirname, 'plugin.template.js'),
-      fileName: 'bootstrap-vue.js',
-      options: templateOptions
-    })
-  })
-}
-
-module.exports.meta = require('../package.json')

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

@@ -1,29 +0,0 @@
-import Vue from 'vue';
-
-<% if (!options.treeShake) { %>
-import { BootstrapVue } from 'bootstrap-vue';
-
-Vue.use(BootstrapVue, <%= JSON.stringify(options.config || {}, undefined, 2) %>);
-<%   } %>
-<% } %>
-
-<% if (options.treeShake) { %>
-import {
-  <%= [].concat(
-    options.config ? 'BVConfigPlugin' : null,
-    options.componentPlugins,
-    options.directivePlugins,
-    options.components,
-    options.directives
-  ).filter(Boolean).join(',\n  ') %>
-} from 'bootstrap-vue';
-
-<%   if (options.config) { %>
-Vue.use(BVConfigPlugin, <%= JSON.stringify(options.config, undefined, 2) %>);
-<%   } %>
-
-<%= options.componentPlugins.reduce((acc, plugin) => (acc += `Vue.use(${plugin});\n` ), '') %>
-<%= options.directivePlugins.reduce((acc, plugin) => (acc += `Vue.use(${plugin});\n` ), '') %>
-<%= options.components.reduce((acc, c) => (acc += `Vue.component('${c}', ${c});\n` ), '') %>
-<%= options.directives.reduce((acc, d) => (acc += `Vue.directive('${d.replace(/^VB/, 'B')}', ${d});\n` ), '') %>
-<% } %>

package/src/vendor/bootstrap-vue/src/components/progress/MODIFICATIONS.md

@@ -1,23 +0,0 @@
-# Modifications to Vendored Code
-
-**Library**: BootstrapVue  
-**Version**: 2.23.1
-
-This file documents modifications made to the original BootstrapVue component files.
-
-## Removed variants
-
-The following files have been modified from the original:
-
-- `README.md`: Removed variants.
-
-The following variants of the property `variant` have been removed as they are no longer supported
-in our implementation:
-
-- `secondary`
-- `info`
-- `light`
-- `dark`
-
-It was not necessary to adapt `.js` files for this change, as the propery `variant` accepts any
-string. It would still be technically possible to pass down one of the removed variants.