@gitlab/duo-ui 0.1.0

package/src/vendor/bootstrap/scss/vendor/_rfs.scss

@@ -0,0 +1,228 @@
+// stylelint-disable property-blacklist, scss/dollar-variable-default
+
+// SCSS RFS mixin
+//
+// Automated responsive font sizes
+//
+// Licensed under MIT (https://github.com/twbs/rfs/blob/v8.x/LICENSE)
+
+// Configuration
+
+// Base font size
+$rfs-base-font-size: 1.25rem !default;
+$rfs-font-size-unit: rem !default;
+
+@if $rfs-font-size-unit != rem and $rfs-font-size-unit != px {
+  @error "`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.";
+}
+
+// Breakpoint at where font-size starts decreasing if screen width is smaller
+$rfs-breakpoint: 1200px !default;
+$rfs-breakpoint-unit: px !default;
+
+@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {
+  @error "`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.";
+}
+
+// Resize font size based on screen height and width
+$rfs-two-dimensional: false !default;
+
+// Factor of decrease
+$rfs-factor: 10 !default;
+
+@if type-of($rfs-factor) != "number" or $rfs-factor <= 1 {
+  @error "`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.";
+}
+
+// Generate enable or disable classes. Possibilities: false, "enable" or "disable"
+$rfs-class: false !default;
+
+// 1 rem = $rfs-rem-value px
+$rfs-rem-value: 16 !default;
+
+// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14
+$rfs-safari-iframe-resize-bug-fix: false !default;
+
+// Disable RFS by setting $enable-responsive-font-sizes to false
+$enable-responsive-font-sizes: true !default;
+
+// Cache $rfs-base-font-size unit
+$rfs-base-font-size-unit: unit($rfs-base-font-size);
+
+@function divide($dividend, $divisor, $precision: 10) {
+  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);
+  $dividend: abs($dividend);
+  $divisor: abs($divisor);
+  @if $dividend == 0 {
+    @return 0;
+  }
+  @if $divisor == 0 {
+    @error "Cannot divide by 0";
+  }
+  $remainder: $dividend;
+  $result: 0;
+  $factor: 10;
+  @while ($remainder > 0 and $precision >= 0) {
+    $quotient: 0;
+    @while ($remainder >= $divisor) {
+      $remainder: $remainder - $divisor;
+      $quotient: $quotient + 1;
+    }
+    $result: $result * 10 + $quotient;
+    $factor: $factor * .1;
+    $remainder: $remainder * 10;
+    $precision: $precision - 1;
+    @if ($precision < 0 and $remainder >= $divisor * 5) {
+      $result: $result + 1;
+    }
+  }
+  $result: $result * $factor * $sign;
+  $dividend-unit: unit($dividend);
+  $divisor-unit: unit($divisor);
+  $unit-map: (
+    "px": 1px,
+    "rem": 1rem,
+    "em": 1em,
+    "%": 1%
+  );
+  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {
+    $result: $result * map-get($unit-map, $dividend-unit);
+  }
+  @return $result;
+}
+
+// Remove px-unit from $rfs-base-font-size for calculations
+@if $rfs-base-font-size-unit == "px" {
+  $rfs-base-font-size: divide($rfs-base-font-size, $rfs-base-font-size * 0 + 1);
+}
+@else if $rfs-base-font-size-unit == "rem" {
+  $rfs-base-font-size: divide($rfs-base-font-size, divide($rfs-base-font-size * 0 + 1, $rfs-rem-value));
+}
+
+// Cache $rfs-breakpoint unit to prevent multiple calls
+$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);
+
+// Remove unit from $rfs-breakpoint for calculations
+@if $rfs-breakpoint-unit-cache == "px" {
+  $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);
+}
+@else if $rfs-breakpoint-unit-cache == "rem" or $rfs-breakpoint-unit-cache == "em" {
+  $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));
+}
+
+// Internal mixin that adds disable classes to the selector if needed.
+@mixin _rfs-disable-class {
+  @if $rfs-class == "disable" {
+    // Adding an extra class increases specificity, which prevents the media query to override the font size
+    &,
+    .disable-responsive-font-size &,
+    &.disable-responsive-font-size {
+      @content;
+    }
+  }
+  @else {
+    @content;
+  }
+}
+
+// Internal mixin that adds enable classes to the selector if needed.
+@mixin _rfs-enable-class {
+  @if $rfs-class == "enable" {
+    .enable-responsive-font-size &,
+    &.enable-responsive-font-size {
+      @content;
+    }
+  }
+  @else {
+    @content;
+  }
+}
+
+// Internal mixin used to determine which media query needs to be used
+@mixin _rfs-media-query($mq-value) {
+  @if $rfs-two-dimensional {
+    @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {
+      @content;
+    }
+  }
+  @else {
+    @media (max-width: #{$mq-value}) {
+      @content;
+    }
+  }
+}
+
+// Responsive font size mixin
+@mixin rfs($fs, $important: false) {
+  // Cache $fs unit
+  $fs-unit: if(type-of($fs) == "number", unit($fs), false);
+
+  // Add !important suffix if needed
+  $rfs-suffix: if($important, " !important", "");
+
+  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value
+  @if not $fs-unit or $fs-unit != "" and $fs-unit != "px" and $fs-unit != "rem" or $fs == 0 {
+    font-size: #{$fs}#{$rfs-suffix};
+  }
+  @else {
+    // Remove unit from $fs for calculations
+    @if $fs-unit == "px" {
+      $fs: divide($fs, $fs * 0 + 1);
+    }
+    @else if $fs-unit == "rem" {
+      $fs: divide($fs, divide($fs * 0 + 1, $rfs-rem-value));
+    }
+
+    // Set default font size
+    $rfs-static: if($rfs-font-size-unit == rem, #{divide($fs, $rfs-rem-value)}rem, #{$fs}px);
+
+    // Only add the media query if the font size is bigger than the minimum font size
+    @if $fs <= $rfs-base-font-size or not $enable-responsive-font-sizes {
+      font-size: #{$rfs-static}#{$rfs-suffix};
+    }
+    @else {
+      // Calculate the minimum font size for $fs
+      $fs-min: $rfs-base-font-size + divide($fs - $rfs-base-font-size, $rfs-factor);
+
+      // Calculate difference between $fs and the minimum font size
+      $fs-diff: $fs - $fs-min;
+
+      // Base font-size formatting
+      $min-width: if($rfs-font-size-unit == rem, #{divide($fs-min, $rfs-rem-value)}rem, #{$fs-min}px);
+
+      // Use `vmin` if two-dimensional is enabled
+      $variable-unit: if($rfs-two-dimensional, vmin, vw);
+
+      // Calculate the variable width between 0 and $rfs-breakpoint
+      $variable-width: #{divide($fs-diff * 100, $rfs-breakpoint)}#{$variable-unit};
+
+      // Set the calculated font-size
+      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};
+
+      // Breakpoint formatting
+      $mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});
+
+      @include _rfs-disable-class {
+        font-size: #{$rfs-static}#{$rfs-suffix};
+      }
+
+      @include _rfs-media-query($mq-value) {
+        @include _rfs-enable-class {
+          font-size: $rfs-fluid;
+        }
+
+        // Include safari iframe resize fix if needed
+        min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);
+      }
+    }
+  }
+}
+
+// The font-size & responsive-font-size mixins use RFS to rescale the font size
+@mixin font-size($fs, $important: false) {
+  @include rfs($fs, $important);
+}
+
+@mixin responsive-font-size($fs, $important: false) {
+  @include rfs($fs, $important);
+}

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

@@ -0,0 +1,13 @@
+// --- BootstrapVue utility / helper classes ---
+
+$bv-utility-classes-defined: false !default;
+
+// Make sure to include these style definitions only once
+@if $bv-utility-classes-defined == false {
+  $bv-utility-classes-defined: true;
+
+  // No focus outline helper (use sparingly)
+  .bv-no-focus-ring:focus {
+    outline: none;
+  }
+}

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

@@ -0,0 +1,111 @@
+// --- 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

@@ -0,0 +1,9 @@
+// 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.js

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

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

@@ -0,0 +1,55 @@
+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/index.js

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

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

@@ -0,0 +1,27 @@
+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)]
+    )
+  }
+})

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

@@ -0,0 +1,43 @@
+import { extend, mergeData } from '../../vue'
+import { NAME_BREADCRUMB_LINK } from '../../constants/components'
+import { PROP_TYPE_STRING } from '../../constants/props'
+import { htmlOrText } from '../../utils/html'
+import { omit, sortKeys } from '../../utils/object'
+import { makeProp, makePropsConfigurable, pluckProps } from '../../utils/props'
+import { BLink, props as BLinkProps } from '../link/link'
+
+// --- Props ---
+
+export const props = makePropsConfigurable(
+  sortKeys({
+    ...omit(BLinkProps, ['event', 'routerTag']),
+    ariaCurrent: makeProp(PROP_TYPE_STRING, 'location'),
+    html: makeProp(PROP_TYPE_STRING),
+    text: makeProp(PROP_TYPE_STRING)
+  }),
+  NAME_BREADCRUMB_LINK
+)
+
+// --- Main component ---
+
+// @vue/component
+export const BBreadcrumbLink = /*#__PURE__*/ extend({
+  name: NAME_BREADCRUMB_LINK,
+  functional: true,
+  props,
+  render(h, { props: suppliedProps, data, children }) {
+    const { active } = suppliedProps
+    const tag = active ? 'span' : BLink
+
+    const componentData = {
+      attrs: { 'aria-current': active ? suppliedProps.ariaCurrent : null },
+      props: pluckProps(props, suppliedProps)
+    }
+
+    if (!children) {
+      componentData.domProps = htmlOrText(suppliedProps.html, suppliedProps.text)
+    }
+
+    return h(tag, mergeData(data, componentData), children)
+  }
+})

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

@@ -0,0 +1,52 @@
+import { extend, mergeData } from '../../vue'
+import { NAME_BREADCRUMB } from '../../constants/components'
+import { PROP_TYPE_ARRAY } from '../../constants/props'
+import { isArray, isObject } from '../../utils/inspect'
+import { makeProp, makePropsConfigurable } from '../../utils/props'
+import { toString } from '../../utils/string'
+import { BBreadcrumbItem } from './breadcrumb-item'
+
+// --- Props ---
+
+export const props = makePropsConfigurable(
+  {
+    items: makeProp(PROP_TYPE_ARRAY)
+  },
+  NAME_BREADCRUMB
+)
+
+// --- Main component ---
+
+// @vue/component
+export const BBreadcrumb = /*#__PURE__*/ extend({
+  name: NAME_BREADCRUMB,
+  functional: true,
+  props,
+  render(h, { props, data, children }) {
+    const { items } = props
+
+    // Build child nodes from items, if given
+    let childNodes = children
+    if (isArray(items)) {
+      let activeDefined = false
+      childNodes = items.map((item, idx) => {
+        if (!isObject(item)) {
+          item = { text: toString(item) }
+        }
+        // Copy the value here so we can normalize it
+        let { active } = item
+        if (active) {
+          activeDefined = true
+        }
+        // Auto-detect active by position in list
+        if (!active && !activeDefined) {
+          active = idx + 1 === items.length
+        }
+
+        return h(BBreadcrumbItem, { props: { ...item, active } })
+      })
+    }
+
+    return h('ol', mergeData(data, { staticClass: 'breadcrumb' }), childNodes)
+  }
+})

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

@@ -0,0 +1,5 @@
+import { BBreadcrumb } from './breadcrumb'
+import { BBreadcrumbItem } from './breadcrumb-item'
+import { BBreadcrumbLink } from './breadcrumb-link'
+
+export { BBreadcrumb, BBreadcrumbItem, BBreadcrumbLink }

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

@@ -0,0 +1,65 @@
+import { extend, mergeData } from '../../vue'
+import { NAME_BUTTON_CLOSE } from '../../constants/components'
+import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props'
+import { SLOT_NAME_DEFAULT } from '../../constants/slots'
+import { stopEvent } from '../../utils/events'
+import { isEvent } from '../../utils/inspect'
+import { makeProp, makePropsConfigurable } from '../../utils/props'
+import { hasNormalizedSlot, normalizeSlot } from '../../utils/normalize-slot'
+
+// --- Props ---
+
+export const props = makePropsConfigurable(
+  {
+    ariaLabel: makeProp(PROP_TYPE_STRING, 'Close'),
+    content: makeProp(PROP_TYPE_STRING, '×'),
+    disabled: makeProp(PROP_TYPE_BOOLEAN, false),
+    textVariant: makeProp(PROP_TYPE_STRING)
+  },
+  NAME_BUTTON_CLOSE
+)
+
+// --- Main component ---
+
+// @vue/component
+export const BButtonClose = /*#__PURE__*/ extend({
+  name: NAME_BUTTON_CLOSE,
+  functional: true,
+  props,
+  render(h, { props, data, slots, scopedSlots }) {
+    const $slots = slots()
+    const $scopedSlots = scopedSlots || {}
+
+    const componentData = {
+      staticClass: 'close',
+      class: {
+        [`text-${props.textVariant}`]: props.textVariant
+      },
+      attrs: {
+        type: 'button',
+        disabled: props.disabled,
+        'aria-label': props.ariaLabel ? String(props.ariaLabel) : null
+      },
+      on: {
+        click(event) {
+          // Ensure click on button HTML content is also disabled
+          /* istanbul ignore if: bug in JSDOM still emits click on inner element */
+          if (props.disabled && isEvent(event)) {
+            stopEvent(event)
+          }
+        }
+      }
+    }
+
+    // Careful not to override the default slot with innerHTML
+    if (!hasNormalizedSlot(SLOT_NAME_DEFAULT, $scopedSlots, $slots)) {
+      componentData.domProps = { innerHTML: props.content }
+    }
+
+    return h(
+      'button',
+      mergeData(data, componentData),
+      normalizeSlot(SLOT_NAME_DEFAULT, {}, $scopedSlots, $slots)
+    )
+  }
+})