@gitlab/ui 128.16.1 → 128.17.1

package/dist/vendor/bootstrap-vue/src/mixins/form-radio-check.js

@@ -6,7 +6,7 @@ import { isBoolean } from '../utils/inspect';
 import { looseEqual } from '../utils/loose-equal';
 import { makeModelMixin } from '../utils/model';
 import { sortKeys } from '../utils/object';
-import { makePropsConfigurable, makeProp } from '../utils/props';
+import { makeProp } from '../utils/props';
 import { attrsMixin } from './attrs';
 import { props as props$2, formControlMixin } from './form-control';
 import { props as props$5, formCustomMixin } from './form-custom';
@@ -28,7 +28,7 @@ const {
 
 // --- Props ---
 
-const props = makePropsConfigurable(sortKeys({
+const props = sortKeys({
   ...props$1,
   ...modelProps,
   ...props$2,
@@ -39,7 +39,7 @@ const props = makePropsConfigurable(sortKeys({
   ariaLabelledby: makeProp(PROP_TYPE_STRING),
   inline: makeProp(PROP_TYPE_BOOLEAN, false),
   value: makeProp(PROP_TYPE_ANY)
-}), 'formRadioCheckControls');
+});
 
 // --- Mixin ---
 

package/dist/vendor/bootstrap-vue/src/mixins/form-size.js

@@ -1,12 +1,12 @@
 import { extend } from '../vue';
 import { PROP_TYPE_STRING } from '../constants/props';
-import { makePropsConfigurable, makeProp } from '../utils/props';
+import { makeProp } from '../utils/props';
 
 // --- Props ---
 
-const props = makePropsConfigurable({
+const props = {
   size: makeProp(PROP_TYPE_STRING)
-}, 'formControls');
+};
 
 // --- Mixin ---
 

package/dist/vendor/bootstrap-vue/src/mixins/form-state.js

@@ -1,7 +1,7 @@
 import { extend } from '../vue';
 import { PROP_TYPE_BOOLEAN } from '../constants/props';
 import { isBoolean } from '../utils/inspect';
-import { makePropsConfigurable, makeProp } from '../utils/props';
+import { makeProp } from '../utils/props';
 import { safeVueInstance } from '../utils/safe-vue-instance';
 
 /* Form control contextual state class computation
@@ -15,10 +15,10 @@ import { safeVueInstance } from '../utils/safe-vue-instance';
 
 // --- Props ---
 
-const props = makePropsConfigurable({
+const props = {
   // Tri-state prop: true, false, null (or undefined)
   state: makeProp(PROP_TYPE_BOOLEAN, null)
-}, 'formState');
+};
 
 // --- Mixin ---
 

package/dist/vendor/bootstrap-vue/src/mixins/form-text.js

@@ -7,7 +7,7 @@ import { mathMax } from '../utils/math';
 import { makeModelMixin } from '../utils/model';
 import { toInteger, toFloat } from '../utils/number';
 import { sortKeys } from '../utils/object';
-import { makePropsConfigurable, makeProp, hasPropFunction } from '../utils/props';
+import { makeProp, hasPropFunction } from '../utils/props';
 import { toString } from '../utils/string';
 
 // --- Constants ---
@@ -25,7 +25,7 @@ const {
 
 // --- Props ---
 
-const props = makePropsConfigurable(sortKeys({
+const props = sortKeys({
   ...modelProps,
   ariaInvalid: makeProp(PROP_TYPE_BOOLEAN_STRING, false),
   autocomplete: makeProp(PROP_TYPE_STRING),
@@ -40,7 +40,7 @@ const props = makePropsConfigurable(sortKeys({
   plaintext: makeProp(PROP_TYPE_BOOLEAN, false),
   readonly: makeProp(PROP_TYPE_BOOLEAN, false),
   trim: makeProp(PROP_TYPE_BOOLEAN, false)
-}), 'formTextControls');
+});
 
 // --- Mixin ---
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "128.16.1",
+  "version": "128.17.1",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",

package/src/components/base/filtered_search/filtered_search_token.vue

@@ -441,6 +441,11 @@ export default {
       <template #before-input="scope">
         <slot name="before-data-segment-input" v-bind="scope"></slot>
       </template>
+
+      <template #input="scope">
+        <slot name="data-segment-input" v-bind="scope"></slot>
+      </template>
+
       <template #suggestions>
         <!-- @slot The suggestions (implemented with GlFilteredSearchSuggestion). -->
 

package/src/components/base/filtered_search/filtered_search_token_segment.scss

@@ -20,6 +20,20 @@
   min-width: $gl-dropdown-width;
 }
 
+.gl-filtered-search-token-segment-input.gl-form-date input:not(.form-control-plaintext) {
+  @apply gl-rounded-none;
+  @apply gl-p-0;
+  @apply gl-h-full;
+  @apply gl-bg-transparent;
+  @apply gl-shadow-none;
+  width: auto;
+
+  &:hover,
+  &:focus {
+    @apply gl-shadow-none;
+  }
+}
+
 .gl-filtered-search-token-segment-input-disabled {
   background: var(--gl-control-background-color-disabled);
 }

package/src/components/base/filtered_search/filtered_search_token_segment.vue

@@ -450,18 +450,20 @@ export default {
   >
     <template v-if="active">
       <slot name="before-input" v-bind="{ submitValue: applySuggestion }"></slot>
-      <input
-        ref="input"
-        v-bind="searchInputAttributes"
-        v-model="inputValue"
-        class="gl-filtered-search-token-segment-input"
-        :class="{ 'gl-filtered-search-token-segment-input-disabled': viewOnly }"
-        data-testid="filtered-search-token-segment-input"
-        :aria-label="label"
-        :disabled="viewOnly"
-        @keydown="handleInputKeydown"
-        @blur="handleBlur"
-      />
+      <slot name="input" v-bind="{ submitValue: applySuggestion }">
+        <input
+          ref="input"
+          v-bind="searchInputAttributes"
+          v-model="inputValue"
+          class="gl-filtered-search-token-segment-input"
+          :class="{ 'gl-filtered-search-token-segment-input-disabled': viewOnly }"
+          data-testid="filtered-search-token-segment-input"
+          :aria-label="label"
+          :disabled="viewOnly"
+          @keydown="handleInputKeydown"
+          @blur="handleBlur"
+        />
+      </slot>
       <portal :key="`operator-${_uid}`" :to="portalName">
         <gl-filtered-search-suggestion-list
           v-if="hasOptionsOrSuggestions"

package/src/components/base/tooltip/tooltip.vue

@@ -1,6 +1,5 @@
 <script>
 import { BTooltip } from '../../../vendor/bootstrap-vue/src/components/tooltip/tooltip';
-import { tooltipDelay } from '../../../utils/constants';
 import tooltipMixin from '../../mixins/tooltip_mixin';
 import { getGlTooltipDefaultContainer } from '../../../directives/tooltip/container';
 
@@ -8,7 +7,6 @@ const tooltipRefName = 'bvTooltip';
 
 export default {
   name: 'GlTooltip',
-  tooltipDelay,
   components: {
     BTooltip,
   },
@@ -24,7 +22,6 @@ export default {
     :ref="$options.tooltipRefName"
     v-bind="$attrs"
     :container="$attrs.container || $options.getGlTooltipDefaultContainer()"
-    :delay="$options.tooltipDelay"
     v-on="$listeners"
   >
     <!-- @slot Tooltip content -->

package/src/components/dashboards/dashboard_layout/dashboard_layout.vue

@@ -108,7 +108,7 @@ export default {
       </div>
     </section>
     <div class="gl-flex">
-      <div class="gl-flex gl-grow gl-flex-col">
+      <div class="gl-flex gl-min-w-0 gl-grow gl-flex-col">
         <!-- @slot For dashboard-level alerts. -->
         <slot name="alert"></slot>
 

package/src/config.js

@@ -1,37 +1,4 @@
-import Vue from 'vue';
 import translationKeys from '../translations';
-import { BVConfigPlugin } from './vendor/bootstrap-vue/src/bv-config';
-import { tooltipDelay } from './utils/constants';
-
-const tooltipGlobalConfig = {
-  // Work around for https://github.com/bootstrap-vue/bootstrap-vue/issues/6507
-  boundaryPadding: 5,
-  customClass: 'gl-tooltip',
-  delay: tooltipDelay,
-};
-
-const popoverDelayConfig = {
-  show: 50, // BootstrapVue's default delay on show.
-  hide: 150, // Increased hide delay so that it doesn't disappear to quickly when user attempts to interact with the content.
-};
-
-/**
- * Guard against nonexistent localStorage,
- * or corrupted localStorage
- *
- * localStorage access is not possible in certain environments like
- * - in iframe usage in Chrome if embedded on another domain
- * - tests / node
- */
-try {
-  const glTooltipDelay = localStorage.getItem('gl-tooltip-delay');
-
-  if (glTooltipDelay) {
-    tooltipGlobalConfig.delay = JSON.parse(glTooltipDelay);
-  }
-} catch {
-  // localStorage doesn't exist (or the value is not properly formatted)
-}
 
 export const i18n = translationKeys;
 
@@ -61,13 +28,6 @@ const setConfigs = ({ translations, firstDayOfWeek } = {}) => {
   }
   configured = true;
 
-  Vue.use(BVConfigPlugin, {
-    BTooltip: tooltipGlobalConfig,
-    BPopover: {
-      delay: popoverDelayConfig,
-    },
-  });
-
   if (typeof firstDayOfWeek === 'number' && firstDayOfWeek >= 0 && firstDayOfWeek <= 6) {
     defaultConfig.firstDayOfWeek = firstDayOfWeek;
   }

package/src/utils/constants.js

@@ -242,12 +242,6 @@ export const tooltipPlacements = {
   bottom: 'bottom',
 };
 
-// in milliseconds
-export const tooltipDelay = {
-  show: 500,
-  hide: 0,
-};
-
 export const popoverPlacements = {
   top: 'top',
   right: 'right',

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

@@ -4,20 +4,17 @@ 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 { makeProp } 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
-)
+export const props = {
+  ariaLabel: makeProp(PROP_TYPE_STRING, 'Close'),
+  content: makeProp(PROP_TYPE_STRING, '×'),
+  disabled: makeProp(PROP_TYPE_BOOLEAN, false),
+  textVariant: makeProp(PROP_TYPE_STRING)
+}
 
 // --- Main component ---
 

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

@@ -7,7 +7,7 @@ import { addClass, isTag, removeClass } from '../../utils/dom'
 import { stopEvent } from '../../utils/events'
 import { isBoolean, isEvent, isFunction } from '../../utils/inspect'
 import { omit, sortKeys } from '../../utils/object'
-import { makeProp, makePropsConfigurable, pluckProps } from '../../utils/props'
+import { makeProp, pluckProps } from '../../utils/props'
 import { isLink as isLinkStrict } from '../../utils/router'
 import { BLink, props as BLinkProps } from '../link/link'
 
@@ -17,21 +17,18 @@ const linkProps = omit(BLinkProps, ['event', 'routerTag'])
 delete linkProps.href.default
 delete linkProps.to.default
 
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...linkProps,
-    block: makeProp(PROP_TYPE_BOOLEAN, false),
-    disabled: makeProp(PROP_TYPE_BOOLEAN, false),
-    // Tri-state: `true`, `false` or `null`
-    // => On, off, not a toggle
-    pressed: makeProp(PROP_TYPE_BOOLEAN, null),
-    size: makeProp(PROP_TYPE_STRING),
-    tag: makeProp(PROP_TYPE_STRING, 'button'),
-    type: makeProp(PROP_TYPE_STRING, 'button'),
-    variant: makeProp(PROP_TYPE_STRING, 'secondary')
-  }),
-  NAME_BUTTON
-)
+export const props = sortKeys({
+  ...linkProps,
+  block: makeProp(PROP_TYPE_BOOLEAN, false),
+  disabled: makeProp(PROP_TYPE_BOOLEAN, false),
+  // Tri-state: `true`, `false` or `null`
+  // => On, off, not a toggle
+  pressed: makeProp(PROP_TYPE_BOOLEAN, null),
+  size: makeProp(PROP_TYPE_STRING),
+  tag: makeProp(PROP_TYPE_STRING, 'button'),
+  type: makeProp(PROP_TYPE_STRING, 'button'),
+  variant: makeProp(PROP_TYPE_STRING, 'secondary')
+})
 
 // --- Helper methods ---
 

package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-divider.js

@@ -1,17 +1,14 @@
 import { extend, mergeData } from '../../vue'
 import { NAME_DROPDOWN_DIVIDER } from '../../constants/components'
 import { PROP_TYPE_STRING } from '../../constants/props'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
+import { makeProp } from '../../utils/props'
 import { omit } from '../../utils/object'
 
 // --- Props ---
 
-export const props = makePropsConfigurable(
-  {
-    tag: makeProp(PROP_TYPE_STRING, 'hr')
-  },
-  NAME_DROPDOWN_DIVIDER
-)
+export const props = {
+  tag: makeProp(PROP_TYPE_STRING, 'hr')
+}
 
 // --- Main component ---
 

package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-form.js

@@ -2,19 +2,16 @@ import { extend, mergeData } from '../../vue'
 import { NAME_DROPDOWN_FORM } from '../../constants/components'
 import { PROP_TYPE_ARRAY_OBJECT_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props'
 import { omit, sortKeys } from '../../utils/object'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
+import { makeProp } from '../../utils/props'
 import { BForm, props as formControlProps } from '../form/form'
 
 // --- Props ---
 
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...formControlProps,
-    disabled: makeProp(PROP_TYPE_BOOLEAN, false),
-    formClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING)
-  }),
-  NAME_DROPDOWN_FORM
-)
+export const props = sortKeys({
+  ...formControlProps,
+  disabled: makeProp(PROP_TYPE_BOOLEAN, false),
+  formClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING)
+})
 
 // --- Main component ---
 

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

@@ -6,21 +6,18 @@ import { isTag } from '../../utils/dom'
 import { identity } from '../../utils/identity'
 import { hasNormalizedSlot, normalizeSlot } from '../../utils/normalize-slot'
 import { omit } from '../../utils/object'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
+import { makeProp } from '../../utils/props'
 
 // --- Props ---
 
-export const props = makePropsConfigurable(
-  {
-    ariaDescribedby: makeProp(PROP_TYPE_STRING),
-    header: makeProp(PROP_TYPE_STRING),
-    headerClasses: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-    headerTag: makeProp(PROP_TYPE_STRING, 'header'),
-    headerVariant: makeProp(PROP_TYPE_STRING),
-    id: makeProp(PROP_TYPE_STRING)
-  },
-  NAME_DROPDOWN_GROUP
-)
+export const props = {
+  ariaDescribedby: makeProp(PROP_TYPE_STRING),
+  header: makeProp(PROP_TYPE_STRING),
+  headerClasses: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
+  headerTag: makeProp(PROP_TYPE_STRING, 'header'),
+  headerVariant: makeProp(PROP_TYPE_STRING),
+  id: makeProp(PROP_TYPE_STRING)
+}
 
 // --- Main component ---
 

package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-header.js

@@ -3,18 +3,15 @@ import { NAME_DROPDOWN_HEADER } from '../../constants/components'
 import { PROP_TYPE_STRING } from '../../constants/props'
 import { isTag } from '../../utils/dom'
 import { omit } from '../../utils/object'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
+import { makeProp } from '../../utils/props'
 
 // --- Props ---
 
-export const props = makePropsConfigurable(
-  {
-    id: makeProp(PROP_TYPE_STRING),
-    tag: makeProp(PROP_TYPE_STRING, 'header'),
-    variant: makeProp(PROP_TYPE_STRING)
-  },
-  NAME_DROPDOWN_HEADER
-)
+export const props = {
+  id: makeProp(PROP_TYPE_STRING),
+  tag: makeProp(PROP_TYPE_STRING, 'header'),
+  variant: makeProp(PROP_TYPE_STRING)
+}
 
 // --- Main component ---
 

package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-item-button.js

@@ -6,23 +6,20 @@ import {
   PROP_TYPE_BOOLEAN,
   PROP_TYPE_STRING
 } from '../../constants/props'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
+import { makeProp } from '../../utils/props'
 import { attrsMixin } from '../../mixins/attrs'
 import { normalizeSlotMixin } from '../../mixins/normalize-slot'
 
 // --- Props ---
 
-export const props = makePropsConfigurable(
-  {
-    active: makeProp(PROP_TYPE_BOOLEAN, false),
-    activeClass: makeProp(PROP_TYPE_STRING, 'active'),
-    buttonClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-    disabled: makeProp(PROP_TYPE_BOOLEAN, false),
-    variant: makeProp(PROP_TYPE_STRING),
-    role: makeProp(PROP_TYPE_STRING, 'menuitem')
-  },
-  NAME_DROPDOWN_ITEM_BUTTON
-)
+export const props = {
+  active: makeProp(PROP_TYPE_BOOLEAN, false),
+  activeClass: makeProp(PROP_TYPE_STRING, 'active'),
+  buttonClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
+  disabled: makeProp(PROP_TYPE_BOOLEAN, false),
+  variant: makeProp(PROP_TYPE_STRING),
+  role: makeProp(PROP_TYPE_STRING, 'menuitem')
+}
 
 // --- Main component ---
 

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

@@ -4,7 +4,7 @@ import { EVENT_NAME_CLICK } from '../../constants/events'
 import { PROP_TYPE_ARRAY_OBJECT_STRING, PROP_TYPE_STRING } from '../../constants/props'
 import { requestAF } from '../../utils/dom'
 import { omit, sortKeys } from '../../utils/object'
-import { makeProp, makePropsConfigurable, pluckProps } from '../../utils/props'
+import { makeProp, pluckProps } from '../../utils/props'
 import { attrsMixin } from '../../mixins/attrs'
 import { normalizeSlotMixin } from '../../mixins/normalize-slot'
 import { BLink, props as BLinkProps } from '../link/link'
@@ -13,14 +13,11 @@ import { BLink, props as BLinkProps } from '../link/link'
 
 const linkProps = omit(BLinkProps, ['event', 'routerTag'])
 
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...linkProps,
-    linkClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-    variant: makeProp(PROP_TYPE_STRING)
-  }),
-  NAME_DROPDOWN_ITEM
-)
+export const props = sortKeys({
+  ...linkProps,
+  linkClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
+  variant: makeProp(PROP_TYPE_STRING)
+})
 
 // --- Main component ---
 

package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-text.js

@@ -2,18 +2,15 @@ import { extend, mergeData } from '../../vue'
 import { NAME_DROPDOWN_TEXT } from '../../constants/components'
 import { PROP_TYPE_ARRAY_OBJECT_STRING, PROP_TYPE_STRING } from '../../constants/props'
 import { omit } from '../../utils/object'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
+import { makeProp } from '../../utils/props'
 
 // --- Props ---
 
-export const props = makePropsConfigurable(
-  {
-    tag: makeProp(PROP_TYPE_STRING, 'p'),
-    textClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-    variant: makeProp(PROP_TYPE_STRING)
-  },
-  NAME_DROPDOWN_TEXT
-)
+export const props = {
+  tag: makeProp(PROP_TYPE_STRING, 'p'),
+  textClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
+  variant: makeProp(PROP_TYPE_STRING)
+}
 
 // --- Main component ---
 

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

@@ -10,7 +10,7 @@ import {
 import { SLOT_NAME_BUTTON_CONTENT, SLOT_NAME_DEFAULT } from '../../constants/slots'
 import { arrayIncludes } from '../../utils/array'
 import { htmlOrText } from '../../utils/html'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
+import { makeProp } from '../../utils/props'
 import { toString } from '../../utils/string'
 import { dropdownMixin, props as dropdownProps } from '../../mixins/dropdown'
 import { idMixin, props as idProps } from '../../mixins/id'
@@ -20,36 +20,33 @@ import { sortKeys } from '../../utils/object'
 
 // --- Props ---
 
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...idProps,
-    ...dropdownProps,
-    block: makeProp(PROP_TYPE_BOOLEAN, false),
-    html: makeProp(PROP_TYPE_STRING),
-    // If `true`, only render menu contents when open
-    lazy: makeProp(PROP_TYPE_BOOLEAN, false),
-    menuClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-    noCaret: makeProp(PROP_TYPE_BOOLEAN, false),
-    role: makeProp(PROP_TYPE_STRING, 'menu'),
-    size: makeProp(PROP_TYPE_STRING),
-    split: makeProp(PROP_TYPE_BOOLEAN, false),
-    splitButtonType: makeProp(PROP_TYPE_STRING, 'button', value => {
-      return arrayIncludes(['button', 'submit', 'reset'], value)
-    }),
-    splitClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-    splitHref: makeProp(PROP_TYPE_STRING),
-    splitTo: makeProp(PROP_TYPE_OBJECT_STRING),
-    splitVariant: makeProp(PROP_TYPE_STRING),
-    text: makeProp(PROP_TYPE_STRING),
-    toggleAttrs: makeProp(PROP_TYPE_OBJECT, {}),
-    toggleClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-    toggleTag: makeProp(PROP_TYPE_STRING, 'button'),
-    // TODO: This really should be `toggleLabel`
-    toggleText: makeProp(PROP_TYPE_STRING, 'Toggle dropdown'),
-    variant: makeProp(PROP_TYPE_STRING, 'secondary')
+export const props = sortKeys({
+  ...idProps,
+  ...dropdownProps,
+  block: makeProp(PROP_TYPE_BOOLEAN, false),
+  html: makeProp(PROP_TYPE_STRING),
+  // If `true`, only render menu contents when open
+  lazy: makeProp(PROP_TYPE_BOOLEAN, false),
+  menuClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
+  noCaret: makeProp(PROP_TYPE_BOOLEAN, false),
+  role: makeProp(PROP_TYPE_STRING, 'menu'),
+  size: makeProp(PROP_TYPE_STRING),
+  split: makeProp(PROP_TYPE_BOOLEAN, false),
+  splitButtonType: makeProp(PROP_TYPE_STRING, 'button', value => {
+    return arrayIncludes(['button', 'submit', 'reset'], value)
   }),
-  NAME_DROPDOWN
-)
+  splitClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
+  splitHref: makeProp(PROP_TYPE_STRING),
+  splitTo: makeProp(PROP_TYPE_OBJECT_STRING),
+  splitVariant: makeProp(PROP_TYPE_STRING),
+  text: makeProp(PROP_TYPE_STRING),
+  toggleAttrs: makeProp(PROP_TYPE_OBJECT, {}),
+  toggleClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
+  toggleTag: makeProp(PROP_TYPE_STRING, 'button'),
+  // TODO: This really should be `toggleLabel`
+  toggleText: makeProp(PROP_TYPE_STRING, 'Toggle dropdown'),
+  variant: makeProp(PROP_TYPE_STRING, 'secondary')
+})
 
 // --- Main component ---
 

package/src/vendor/bootstrap-vue/src/components/form/form-invalid-feedback.js

@@ -1,23 +1,20 @@
 import { extend, mergeData } from '../../vue'
 import { NAME_FORM_INVALID_FEEDBACK } from '../../constants/components'
 import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
+import { makeProp } from '../../utils/props'
 
 // --- Props ---
 
-export const props = makePropsConfigurable(
-  {
-    ariaLive: makeProp(PROP_TYPE_STRING),
-    forceShow: makeProp(PROP_TYPE_BOOLEAN, false),
-    id: makeProp(PROP_TYPE_STRING),
-    role: makeProp(PROP_TYPE_STRING),
-    // Tri-state prop: `true`, `false`, or `null`
-    state: makeProp(PROP_TYPE_BOOLEAN, null),
-    tag: makeProp(PROP_TYPE_STRING, 'div'),
-    tooltip: makeProp(PROP_TYPE_BOOLEAN, false)
-  },
-  NAME_FORM_INVALID_FEEDBACK
-)
+export const props = {
+  ariaLive: makeProp(PROP_TYPE_STRING),
+  forceShow: makeProp(PROP_TYPE_BOOLEAN, false),
+  id: makeProp(PROP_TYPE_STRING),
+  role: makeProp(PROP_TYPE_STRING),
+  // Tri-state prop: `true`, `false`, or `null`
+  state: makeProp(PROP_TYPE_BOOLEAN, null),
+  tag: makeProp(PROP_TYPE_STRING, 'div'),
+  tooltip: makeProp(PROP_TYPE_BOOLEAN, false)
+}
 
 // --- Main component ---