@gitlab/duo-ui 3.0.0 → 4.0.0

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

@@ -1,111 +0,0 @@
-// --- BootstrapVue custom SCSS variables ---
-//
-// Users can override these variables in their custom SCSS
-//
-// Variables beginning with `$bv-` are used to enable/disable specific section CSS generation
-// Variables beginning with `$b-` are used to control values within the CSS generation
-
-// --- Custom inputs (adds sizing support) ---
-
-// Indicator height (and sometimes width)
-$b-custom-control-indicator-size-lg: $custom-control-indicator-size * 1.25 !default;
-$b-custom-control-indicator-size-sm: $custom-control-indicator-size * 0.875 !default;
-
-// Indicator background
-$b-custom-control-indicator-bg-size-lg: $custom-control-indicator-bg-size !default;
-$b-custom-control-indicator-bg-size-sm: $custom-control-indicator-bg-size !default;
-
-// Gutter widths
-$b-custom-control-gutter-lg: $custom-control-gutter * 1.25 !default;
-$b-custom-control-gutter-sm: $custom-control-gutter * 0.875 !default;
-
-// Custom radio sizes (uses defaults of 50%, since radios are round)
-$b-custom-radio-indicator-border-radius-lg: $custom-radio-indicator-border-radius !default;
-$b-custom-radio-indicator-border-radius-sm: $custom-radio-indicator-border-radius !default;
-
-// Custom checkbox sizes
-$b-custom-checkbox-indicator-border-radius-lg: $border-radius-lg !default;
-$b-custom-checkbox-indicator-border-radius-sm: $border-radius-sm !default;
-
-// Custom switch sizes
-$b-custom-switch-width-lg: $b-custom-control-indicator-size-lg * 1.75 !default;
-$b-custom-switch-width-sm: $b-custom-control-indicator-size-sm * 1.75 !default;
-$b-custom-switch-indicator-border-radius-lg: $b-custom-control-indicator-size-lg * 0.5 !default;
-$b-custom-switch-indicator-border-radius-sm: $b-custom-control-indicator-size-sm * 0.5 !default;
-$b-custom-switch-indicator-size-lg: calc(
-  #{$b-custom-control-indicator-size-lg} - #{$custom-control-indicator-border-width * 4}
-) !default;
-$b-custom-switch-indicator-size-sm: calc(
-  #{$b-custom-control-indicator-size-sm} - #{$custom-control-indicator-border-width * 4}
-) !default;
-
-// --- Tables ---
-
-// Table busy state
-$b-table-busy-opacity: 0.55 !default;
-
-// Table sorting
-$b-table-sort-icon-bg-width: 0.65em !default;
-$b-table-sort-icon-bg-height: 1em !default;
-// Sort icons are square, but "squished" horizontally by the above variables
-$b-table-sort-icon-bg-not-sorted: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'><path fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/></svg>") !default;
-$b-table-sort-icon-bg-ascending: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'><path fill='black' d='M51 1l25 23 24 22H1l25-22z'/><path fill='black' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/></svg>") !default;
-$b-table-sort-icon-bg-descending: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'><path fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/><path fill='black' d='M51 101l25-23 24-22H1l25 22z'/></svg>") !default;
-// Icons to use on dark table or dark header/footer (lighter color icons)
-// We simply just replace the fill color 'black' white 'white'
-$b-table-sort-icon-bg-dark-not-sorted: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'><path fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/></svg>") !default;
-$b-table-sort-icon-bg-dark-ascending: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'><path fill='white' d='M51 1l25 23 24 22H1l25-22z'/><path fill='white' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/></svg>") !default;
-$b-table-sort-icon-bg-dark-descending: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'><path fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/><path fill='white' d='M51 101l25-23 24-22H1l25 22z'/></svg>") !default;
-
-// Flag to enable sticky table header and column CSS generation
-$bv-enable-table-sticky: true !default;
-// Default max-height for tables with sticky headers
-$b-table-sticky-header-max-height: 300px !default;
-
-// Flag to enable table stacked CSS generation
-$bv-enable-table-stacked: true !default;
-// Table stacked defaults
-$b-table-stacked-heading-width: 40% !default;
-$b-table-stacked-gap: 1rem !default;
-
-// Bootstrap v4.3 is missing the "active" variant for dark tables
-// Which translates to `bg-active`, but only for tables
-$table-dark-active-bg: $table-dark-hover-bg !default;
-
-// --- Toasts ---
-
-// Toaster defaults
-$b-toaster-zindex: 1100 !default;
-$b-toaster-offset-top: 0.5rem !default;
-$b-toaster-offset-bottom: $b-toaster-offset-top !default;
-$b-toaster-offset-left: $b-toaster-offset-top !default;
-$b-toaster-offset-right: $b-toaster-offset-top !default;
-
-// Default toast opacity
-// Value from 0 to 1, or 0% to 100%
-// Bootstrap default is 0.85 (extracted from the `$toast-background-color` value)
-// Bootstrap does not have this as a variable, so we add it in.
-$b-toast-background-opacity: alpha($toast-background-color) !default;
-
-// Toast variant levels wrt theme color value
-$b-toast-bg-level: $alert-bg-level !default;
-$b-toast-border-level: $alert-border-level !default;
-$b-toast-color-level: $alert-color-level !default;
-
-// --- Tooltips ---
-
-// Flag to enable tooltip variant CSS generation
-$bv-enable-tooltip-variants: true !default;
-
-// Tooltip background variant level wrt theme color value
-$b-tooltip-bg-level: 0 !default;
-
-// --- Popovers ---
-
-// Flag to enable popover variant CSS generation
-$bv-enable-popover-variants: true !default;
-
-// Popover variant levels wrt theme color value
-$b-popover-bg-level: $alert-bg-level !default;
-$b-popover-border-level: $alert-border-level !default;
-$b-popover-color-level: $alert-color-level !default;

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

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

package/src/vendor/bootstrap-vue/src/bv-config.d.ts

@@ -1,4 +0,0 @@
-import Vue, { PluginFunction, PluginObject } from 'vue'
-import { BvPlugin } from './'
-
-export declare const BVConfigPlugin: BvPlugin

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

@@ -1,6 +0,0 @@
-//
-// Utility Plugin for setting the configuration
-//
-import { pluginFactory } from './utils/plugins'
-
-export const BVConfigPlugin = /*#__PURE__*/ pluginFactory()

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

@@ -1,126 +0,0 @@
-# Badge
-
-> Small and adaptive tag for adding context to just about any content.
-
-## Overview
-
-Badges scale to match the size of the immediate parent element by using relative font sizing and
-`em` units.
-
-```html
-<div>
-  <h2>Example heading <b-badge>New</b-badge></h2>
-  <h3>Example heading <b-badge>New</b-badge></h3>
-  <h4>Example heading <b-badge>New</b-badge></h4>
-  <h5>Example heading <b-badge>New</b-badge></h5>
-  <h6>Example heading <b-badge>New</b-badge></h6>
-</div>
-
-<!-- b-badges.vue -->
-```
-
-Badges can be used as part of links or buttons to provide a counter (or similar flag).
-
-```html
-<div class="text-center">
-  <b-button variant="primary">
-    Notifications <b-badge variant="light">4</b-badge>
-  </b-button>
-</div>
-
-<!-- b-badge-button.vue -->
-```
-
-Note that depending on how they are used, badges may be confusing for users of screen readers and
-similar assistive technologies. While the styling of badges provides a visual cue as to their
-purpose, these users will simply be presented with the content of the badge. Depending on the
-specific situation, these badges may seem like random additional words or numbers at the end of a
-sentence, link, or button.
-
-Unless the context is clear (as with the "Notifications" example, where it is understood that the
-"4" is the number of notifications), consider including additional context with a visually hidden
-piece of additional text.
-
-```html
-<div class="text-center">
-  <b-button variant="primary">
-    Profile
-    <b-badge variant="light">9 <span class="sr-only">unread messages</span></b-badge>
-  </b-button>
-</div>
-
-<!-- b-badge-button-aria.vue -->
-```
-
-## Contextual variations
-
-Add any of the following variants via the `variant` prop to change the appearance of a `<b-badge>`:
-`default`, `primary`, `success`, `warning`, `info`, and `danger`. If no variant is specified
-`default` will be used.
-
-```html
-<div>
-  <b-badge variant="primary">Primary</b-badge>
-  <b-badge variant="secondary">Secondary</b-badge>
-  <b-badge variant="success">Success</b-badge>
-  <b-badge variant="danger">Danger</b-badge>
-  <b-badge variant="warning">Warning</b-badge>
-  <b-badge variant="info">Info</b-badge>
-  <b-badge variant="light">Light</b-badge>
-  <b-badge variant="dark">Dark</b-badge>
-</div>
-
-<!-- b-badge-variants.vue -->
-```
-
-### Conveying meaning to assistive technologies
-
-Using color to add meaning only provides a visual indication, which will not be conveyed to users of
-assistive technologies – such as screen readers. Ensure that information denoted by the color is
-either obvious from the content itself (e.g. the visible text), or is included through alternative
-means, such as additional text hidden with the `.sr-only` class.
-
-## Pill badges
-
-Use the `pill` prop to make badges more rounded (with a larger border-radius and additional
-horizontal padding). Useful if you miss the badges from Bootstrap v3.
-
-```html
-<div>
-  <b-badge pill variant="primary">Primary</b-badge>
-  <b-badge pill variant="secondary">Secondary</b-badge>
-  <b-badge pill variant="success">Success</b-badge>
-  <b-badge pill variant="danger">Danger</b-badge>
-  <b-badge pill variant="warning">Warning</b-badge>
-  <b-badge pill variant="info">Info</b-badge>
-  <b-badge pill variant="light">Light</b-badge>
-  <b-badge pill variant="dark">Dark</b-badge>
-</div>
-
-<!-- b-badge-pill.vue -->
-```
-
-## Actionable badges
-
-Quickly provide actionable badges with hover and focus states by specifying either the `href` prop
-(links) or `to` prop (router-links):
-
-```html
-<div>
-  <b-badge href="#" variant="primary">Primary</b-badge>
-  <b-badge href="#" variant="secondary">Secondary</b-badge>
-  <b-badge href="#" variant="success">Success</b-badge>
-  <b-badge href="#" variant="danger">Danger</b-badge>
-  <b-badge href="#" variant="warning">Warning</b-badge>
-  <b-badge href="#" variant="info">Info</b-badge>
-  <b-badge href="#" variant="light">Light</b-badge>
-  <b-badge href="#" variant="dark">Dark</b-badge>
-</div>
-
-<!-- b-badge-action.vue -->
-```
-
-Refer to the [Router support](/docs/reference/router-links) reference page for router-link specific
-props.
-
-<!-- Component reference added automatically from component package.json -->

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

@@ -1,55 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_BADGE } from '../../constants/components'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props'
-import { omit, sortKeys } from '../../utils/object'
-import { makeProp, makePropsConfigurable, pluckProps } from '../../utils/props'
-import { isLink } from '../../utils/router'
-import { BLink, props as BLinkProps } from '../link/link'
-
-// --- Props ---
-
-const linkProps = omit(BLinkProps, ['event', 'routerTag'])
-delete linkProps.href.default
-delete linkProps.to.default
-
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...linkProps,
-    pill: makeProp(PROP_TYPE_BOOLEAN, false),
-    tag: makeProp(PROP_TYPE_STRING, 'span'),
-    variant: makeProp(PROP_TYPE_STRING, 'secondary')
-  }),
-  NAME_BADGE
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BBadge = /*#__PURE__*/ extend({
-  name: NAME_BADGE,
-  functional: true,
-  props,
-  render(h, { props, data, children }) {
-    const { active, disabled } = props
-    const link = isLink(props)
-    const tag = link ? BLink : props.tag
-    const variant = props.variant || 'secondary'
-
-    return h(
-      tag,
-      mergeData(data, {
-        staticClass: 'badge',
-        class: [
-          `badge-${variant}`,
-          {
-            'badge-pill': props.pill,
-            active,
-            disabled
-          }
-        ],
-        props: link ? pluckProps(linkProps, props) : {}
-      }),
-      children
-    )
-  }
-})

package/src/vendor/bootstrap-vue/src/components/badge/badge.spec.js

@@ -1,141 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BBadge } from './badge'
-
-describe('badge', () => {
-  it('should have base classes', async () => {
-    const wrapper = mount(BBadge)
-
-    expect(wrapper.element.tagName).toBe('SPAN')
-    expect(wrapper.classes()).toContain('badge')
-    expect(wrapper.classes()).toContain('badge-secondary')
-    expect(wrapper.classes()).not.toContain('badge-pill')
-    expect(wrapper.classes()).not.toContain('active')
-    expect(wrapper.classes()).not.toContain('disabled')
-    expect(wrapper.attributes('href')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('should have default slot content', async () => {
-    const wrapper = mount(BBadge, {
-      slots: {
-        default: 'foobar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('SPAN')
-    expect(wrapper.text()).toBe('foobar')
-    expect(wrapper.classes()).toContain('badge')
-    expect(wrapper.classes()).toContain('badge-secondary')
-    expect(wrapper.classes()).not.toContain('badge-pill')
-    expect(wrapper.classes()).not.toContain('active')
-    expect(wrapper.classes()).not.toContain('disabled')
-    expect(wrapper.attributes('href')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('should apply variant class', async () => {
-    const wrapper = mount(BBadge, {
-      propsData: {
-        variant: 'danger'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('SPAN')
-    expect(wrapper.classes()).toContain('badge-danger')
-    expect(wrapper.classes()).toContain('badge')
-    expect(wrapper.classes()).not.toContain('badge-pill')
-    expect(wrapper.classes()).not.toContain('active')
-    expect(wrapper.classes()).not.toContain('disabled')
-
-    wrapper.destroy()
-  })
-
-  it('should apply pill class', async () => {
-    const wrapper = mount(BBadge, {
-      propsData: {
-        pill: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('SPAN')
-    expect(wrapper.classes()).toContain('badge-pill')
-    expect(wrapper.classes()).toContain('badge')
-    expect(wrapper.classes()).toContain('badge-secondary')
-    expect(wrapper.classes()).not.toContain('active')
-    expect(wrapper.classes()).not.toContain('disabled')
-
-    wrapper.destroy()
-  })
-
-  it('should have active class when prop active set', async () => {
-    const wrapper = mount(BBadge, {
-      propsData: {
-        active: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('SPAN')
-    expect(wrapper.classes()).toContain('active')
-    expect(wrapper.classes()).toContain('badge-secondary')
-    expect(wrapper.classes()).toContain('badge')
-    expect(wrapper.classes()).not.toContain('badge-pill')
-    expect(wrapper.classes()).not.toContain('disabled')
-
-    wrapper.destroy()
-  })
-
-  it('should have disabled class when prop disabled set', async () => {
-    const wrapper = mount(BBadge, {
-      propsData: {
-        disabled: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('SPAN')
-    expect(wrapper.classes()).toContain('disabled')
-    expect(wrapper.classes()).toContain('badge-secondary')
-    expect(wrapper.classes()).toContain('badge')
-    expect(wrapper.classes()).not.toContain('badge-pill')
-    expect(wrapper.classes()).not.toContain('active')
-
-    wrapper.destroy()
-  })
-
-  it('renders custom root element', async () => {
-    const wrapper = mount(BBadge, {
-      propsData: {
-        tag: 'small'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('SMALL')
-    expect(wrapper.classes()).toContain('badge')
-    expect(wrapper.classes()).toContain('badge-secondary')
-    expect(wrapper.classes()).not.toContain('badge-pill')
-    expect(wrapper.classes()).not.toContain('active')
-    expect(wrapper.classes()).not.toContain('disabled')
-
-    wrapper.destroy()
-  })
-
-  it('renders link when href provided', async () => {
-    const wrapper = mount(BBadge, {
-      propsData: {
-        href: '/foo/bar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('A')
-    expect(wrapper.attributes('href')).toBeDefined()
-    expect(wrapper.attributes('href')).toBe('/foo/bar')
-    expect(wrapper.classes()).toContain('badge')
-    expect(wrapper.classes()).toContain('badge-secondary')
-    expect(wrapper.classes()).not.toContain('badge-pill')
-    expect(wrapper.classes()).not.toContain('active')
-    expect(wrapper.classes()).not.toContain('disabled')
-
-    wrapper.destroy()
-  })
-})

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

@@ -1,7 +0,0 @@
-//
-// Badge
-//
-import { BvComponent } from '../../'
-
-// Component: b-badge
-export declare class BBadge extends BvComponent {}

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

@@ -1,3 +0,0 @@
-import { BBadge } from './badge'
-
-export { BBadge }

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

@@ -1,29 +0,0 @@
-{
-  "name": "@bootstrap-vue/badge",
-  "version": "1.0.0",
-  "meta": {
-    "title": "Badge",
-    "description": "Small and adaptive tag for adding context to just about any content.",
-    "components": [
-      {
-        "component": "BBadge",
-        "props": [
-          {
-            "prop": "pill",
-            "description": "When set to 'true', renders the badge in pill style"
-          },
-          {
-            "prop": "variant",
-            "description": "Applies one of the Bootstrap theme color variants to the component"
-          }
-        ],
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content to place in the badge"
-          }
-        ]
-      }
-    ]
-  }
-}

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

@@ -1,93 +0,0 @@
-# Breadcrumb
-
-> Indicate the current page's location within a navigational hierarchy. Separators are automatically
-> added in CSS through <code>::before</code> and <code>content</code>.
-
-## Overview
-
-```html
-<template>
-  <b-breadcrumb :items="items"></b-breadcrumb>
-</template>
-
-<script>
-  export default {
-    data() {
-      return {
-        items: [
-          {
-            text: 'Admin',
-            href: '#'
-          },
-          {
-            text: 'Manage',
-            href: '#'
-          },
-          {
-            text: 'Library',
-            active: true
-          }
-        ]
-      }
-    }
-  }
-</script>
-
-<!-- b-breadcrumb.vue -->
-```
-
-## Breadcrumb items
-
-Items are rendered using `:items` prop. It can be an array of objects to provide link and active
-state. Links can be `href`'s for anchor tags, or `to`'s for router-links. Breadcrumb works under the
-assumption that there is one active link in every set of ordered breadcrumbs, so the active state of
-the last element is automatically set to `false`.
-
-<!-- eslint-disable no-unused-vars -->
-
-```js
-const items = [
-  {
-    text: 'Home',
-    href: 'https://google.com'
-  },
-  {
-    text: 'Posts',
-    to: { name: 'home' }
-  },
-  {
-    text: 'Another Story',
-    active: true
-  }
-]
-```
-
-Refer to the [Router support](/docs/reference/router-links) reference page for router-link specific
-props.
-
-## Manually placed items
-
-You may also manually place individual `<b-breadcrumb-item>` child components in the default slot of
-the `<b-breadcrumb>` component, as an alternative to using the `items` prop, for greater control
-over the content of each item:
-
-```html
-<template>
-  <b-breadcrumb>
-    <b-breadcrumb-item href="#home">
-      Home
-    </b-breadcrumb-item>
-    <b-breadcrumb-item href="#foo">Foo</b-breadcrumb-item>
-    <b-breadcrumb-item href="#bar">Bar</b-breadcrumb-item>
-    <b-breadcrumb-item active>Baz</b-breadcrumb-item>
-  </b-breadcrumb>
-</template>
-
-<!-- b-breadcrumb-item.vue -->
-```
-
-Remember to set the `active` prop on the last item.
-
-`<b-breadcrumb-item>` also supports the various `<router-link>` props such as `to`, etc.
-
-<!-- Component reference added automatically from component package.json -->

package/src/vendor/bootstrap-vue/src/components/breadcrumb/breadcrumb-item.js

@@ -1,27 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_BREADCRUMB_ITEM } from '../../constants/components'
-import { makePropsConfigurable } from '../../utils/props'
-import { BBreadcrumbLink, props as BBreadcrumbLinkProps } from './breadcrumb-link'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(BBreadcrumbLinkProps, NAME_BREADCRUMB_ITEM)
-
-// --- Main component ---
-
-// @vue/component
-export const BBreadcrumbItem = /*#__PURE__*/ extend({
-  name: NAME_BREADCRUMB_ITEM,
-  functional: true,
-  props,
-  render(h, { props, data, children }) {
-    return h(
-      'li',
-      mergeData(data, {
-        staticClass: 'breadcrumb-item',
-        class: { active: props.active }
-      }),
-      [h(BBreadcrumbLink, { props }, children)]
-    )
-  }
-})