@gitlab/ui 132.0.3 → 132.2.0

package/src/utils/constants.js

@@ -384,3 +384,12 @@ export const loadingIconVariants = {
   spinner: 'spinner',
   dots: 'dots',
 };
+
+export const themes = [
+  { class: null, value: 'default', title: 'Default' },
+  { class: 'tint-neutral-indigo', value: 'indigo', title: 'Indigo' },
+  { class: 'tint-neutral-blue', value: 'blue', title: 'Blue' },
+  { class: 'tint-neutral-green', value: 'green', title: 'Green' },
+  { class: 'tint-neutral-red', value: 'red', title: 'Red' },
+  { class: 'tint-neutral-gray', value: 'gray', title: 'Gray' },
+];

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

@@ -1,6 +1,5 @@
 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'
@@ -10,22 +9,22 @@ import { hasNormalizedSlot, normalizeSlot } from '../../utils/normalize-slot'
 
 export const props = {
   ariaLabel: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'Close'
   },
   content: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: '×'
   },
   disabled: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   textVariant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   }

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

@@ -1,7 +1,6 @@
 import { extend, mergeData } from '../../vue'
 import { NAME_BUTTON } from '../../constants/components'
 import { CODE_ENTER, CODE_SPACE } from '../../constants/key-codes'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props'
 import { concat } from '../../utils/array'
 import { addClass, isTag, removeClass } from '../../utils/dom'
 import { stopEvent } from '../../utils/events'
@@ -20,39 +19,39 @@ delete linkProps.to.default
 export const props = sortKeys({
   ...linkProps,
   block: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   disabled: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // Tri-state: `true`, `false` or `null`
   // => On, off, not a toggle
   pressed: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: null
   },
   size: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   tag: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'button'
   },
   type: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'button'
   },
   variant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'secondary'
   }

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

@@ -1,13 +1,12 @@
 import { extend, mergeData } from '../../vue'
 import { NAME_DROPDOWN_DIVIDER } from '../../constants/components'
-import { PROP_TYPE_STRING } from '../../constants/props'
 import { omit } from '../../utils/object'
 
 // --- Props ---
 
 export const props = {
   tag: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'hr'
   }

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

@@ -1,11 +1,5 @@
 import { extend, mergeData } from '../../vue'
 import { NAME_DROPDOWN_FORM } from '../../constants/components'
-import {
-  PROP_TYPE_ARRAY,
-  PROP_TYPE_BOOLEAN,
-  PROP_TYPE_OBJECT,
-  PROP_TYPE_STRING
-} from '../../constants/props'
 import { omit, sortKeys } from '../../utils/object'
 import { BForm, props as formControlProps } from '../form/form'
 
@@ -14,12 +8,12 @@ import { BForm, props as formControlProps } from '../form/form'
 export const props = sortKeys({
   ...formControlProps,
   disabled: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   formClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   }

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

@@ -1,6 +1,5 @@
 import { extend, mergeData } from '../../vue'
 import { NAME_DROPDOWN_GROUP } from '../../constants/components'
-import { PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING } from '../../constants/props'
 import { SLOT_NAME_DEFAULT, SLOT_NAME_HEADER } from '../../constants/slots'
 import { isTag } from '../../utils/dom'
 import { identity } from '../../utils/identity'
@@ -11,32 +10,32 @@ import { omit } from '../../utils/object'
 
 export const props = {
   ariaDescribedby: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   header: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   headerClasses: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   headerTag: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'header'
   },
   headerVariant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   id: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   }

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

@@ -1,6 +1,5 @@
 import { extend, mergeData } from '../../vue'
 import { NAME_DROPDOWN_HEADER } from '../../constants/components'
-import { PROP_TYPE_STRING } from '../../constants/props'
 import { isTag } from '../../utils/dom'
 import { omit } from '../../utils/object'
 
@@ -8,17 +7,17 @@ import { omit } from '../../utils/object'
 
 export const props = {
   id: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   tag: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'header'
   },
   variant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   }

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

@@ -1,12 +1,6 @@
 import { extend } from '../../vue'
 import { NAME_DROPDOWN_ITEM_BUTTON } from '../../constants/components'
 import { EVENT_NAME_CLICK } from '../../constants/events'
-import {
-  PROP_TYPE_ARRAY,
-  PROP_TYPE_BOOLEAN,
-  PROP_TYPE_OBJECT,
-  PROP_TYPE_STRING
-} from '../../constants/props'
 import { attrsMixin } from '../../mixins/attrs'
 import { normalizeSlotMixin } from '../../mixins/normalize-slot'
 
@@ -14,32 +8,32 @@ import { normalizeSlotMixin } from '../../mixins/normalize-slot'
 
 export const props = {
   active: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   activeClass: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'active'
   },
   buttonClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   disabled: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   variant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   role: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'menuitem'
   }

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

@@ -1,7 +1,6 @@
 import { extend } from '../../vue'
 import { NAME_DROPDOWN_ITEM } from '../../constants/components'
 import { EVENT_NAME_CLICK } from '../../constants/events'
-import { PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING } from '../../constants/props'
 import { requestAF } from '../../utils/dom'
 import { omit, sortKeys } from '../../utils/object'
 import { pluckProps } from '../../utils/props'
@@ -16,12 +15,12 @@ const linkProps = omit(BLinkProps, ['event', 'routerTag'])
 export const props = sortKeys({
   ...linkProps,
   linkClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   variant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   }

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

@@ -1,23 +1,22 @@
 import { extend, mergeData } from '../../vue'
 import { NAME_DROPDOWN_TEXT } from '../../constants/components'
-import { PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING } from '../../constants/props'
 import { omit } from '../../utils/object'
 
 // --- Props ---
 
 export const props = {
   tag: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'p'
   },
   textClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   variant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   }

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

@@ -1,13 +1,6 @@
 import { extend } from '../../vue'
 import { NAME_DROPDOWN } from '../../constants/components'
-import {
-  PROP_TYPE_ARRAY,
-  PROP_TYPE_BOOLEAN,
-  PROP_TYPE_OBJECT,
-  PROP_TYPE_STRING
-} from '../../constants/props'
 import { SLOT_NAME_BUTTON_CONTENT, SLOT_NAME_DEFAULT } from '../../constants/slots'
-
 import { htmlOrText } from '../../utils/html'
 import { toString } from '../../utils/string'
 import { dropdownMixin, props as dropdownProps } from '../../mixins/dropdown'
@@ -22,48 +15,48 @@ export const props = sortKeys({
   ...idProps,
   ...dropdownProps,
   block: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   html: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   // If `true`, only render menu contents when open
   lazy: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   menuClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   noCaret: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   role: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'menu'
   },
   size: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   split: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   splitButtonType: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'button',
     validator: value => {
@@ -71,53 +64,53 @@ export const props = sortKeys({
     }
   },
   splitClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   splitHref: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   splitTo: {
-    type: [PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Object, String],
     required: false,
     default: undefined
   },
   splitVariant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   text: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   toggleAttrs: {
-    type: PROP_TYPE_OBJECT,
+    type: Object,
     required: false,
     default: () => ({})
   },
   toggleClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   toggleTag: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'button'
   },
   // TODO: This really should be `toggleLabel`
   toggleText: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'Toggle dropdown'
   },
   variant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'secondary'
   }

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

@@ -1,27 +1,25 @@
 import { extend, mergeData } from '../../vue'
 import { NAME_FORM_TEXT } from '../../constants/components'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props'
-
 // --- Props ---
 
 export const props = {
   id: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   inline: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   tag: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'small'
   },
   textVariant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'muted'
   }

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

@@ -1,27 +1,25 @@
 import { extend, mergeData } from '../../vue'
 import { NAME_FORM } from '../../constants/components'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props'
-
 // --- Props ---
 
 export const props = {
   id: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   inline: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   novalidate: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   validated: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   }

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

@@ -1,11 +1,6 @@
 import { NAME_FORM_GROUP } from '../../constants/components'
 import { IS_BROWSER } from '../../constants/env'
-import {
-  PROP_TYPE_ARRAY_OBJECT_STRING,
-  PROP_TYPE_BOOLEAN,
-  PROP_TYPE_BOOLEAN_NUMBER_STRING,
-  PROP_TYPE_STRING
-} from '../../constants/props'
+import { PROP_TYPE_BOOLEAN_NUMBER_STRING, PROP_TYPE_STRING } from '../../constants/props'
 import { RX_SPACE_SPLIT } from '../../constants/regex'
 import {
   SLOT_NAME_DEFAULT,
@@ -66,19 +61,71 @@ export const generateProps = () =>
       props[suffixPropName(breakpoint, 'labelCols')] = makeProp(PROP_TYPE_BOOLEAN_NUMBER_STRING)
       return props
     }, create(null)),
-    description: makeProp(PROP_TYPE_STRING),
-    disabled: makeProp(PROP_TYPE_BOOLEAN, false),
-    feedbackAriaLive: makeProp(PROP_TYPE_STRING, 'assertive'),
-    invalidFeedback: makeProp(PROP_TYPE_STRING),
-    label: makeProp(PROP_TYPE_STRING),
-    labelClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-    labelFor: makeProp(PROP_TYPE_STRING),
-    labelId: makeProp(PROP_TYPE_STRING),
-    labelSize: makeProp(PROP_TYPE_STRING),
-    labelSrOnly: makeProp(PROP_TYPE_BOOLEAN, false),
-    tooltip: makeProp(PROP_TYPE_BOOLEAN, false),
-    validFeedback: makeProp(PROP_TYPE_STRING),
-    validated: makeProp(PROP_TYPE_BOOLEAN, false)
+    description: {
+      type: String,
+      required: false,
+      default: undefined
+    },
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    feedbackAriaLive: {
+      type: String,
+      required: false,
+      default: 'assertive'
+    },
+    invalidFeedback: {
+      type: String,
+      required: false,
+      default: undefined
+    },
+    label: {
+      type: String,
+      required: false,
+      default: undefined
+    },
+    labelClass: {
+      type: [Array, Object, String],
+      required: false,
+      default: undefined
+    },
+    labelFor: {
+      type: String,
+      required: false,
+      default: undefined
+    },
+    labelId: {
+      type: String,
+      required: false,
+      default: undefined
+    },
+    labelSize: {
+      type: String,
+      required: false,
+      default: undefined
+    },
+    labelSrOnly: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    tooltip: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    validFeedback: {
+      type: String,
+      required: false,
+      default: undefined
+    },
+    validated: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
   })
 
 // --- Main component ---

package/src/vendor/bootstrap-vue/src/components/form-select/form-select-option-group.js

@@ -1,6 +1,5 @@
 import { extend } from '../../vue'
 import { NAME_FORM_SELECT_OPTION_GROUP } from '../../constants/components'
-import { PROP_TYPE_STRING } from '../../constants/props'
 import { SLOT_NAME_FIRST } from '../../constants/slots'
 import { htmlOrText } from '../../utils/html'
 import { sortKeys } from '../../utils/object'
@@ -13,7 +12,7 @@ import { BFormSelectOption } from './form-select-option'
 export const props = sortKeys({
   ...formOptionsProps,
   label: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: true
   }
 })

package/src/vendor/bootstrap-vue/src/components/form-select/form-select-option.js

@@ -1,17 +1,14 @@
 import { extend, mergeData } from '../../vue'
 import { NAME_FORM_SELECT_OPTION } from '../../constants/components'
-import { PROP_TYPE_ANY, PROP_TYPE_BOOLEAN } from '../../constants/props'
-
 // --- Props ---
 
 export const props = {
   disabled: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   value: {
-    type: PROP_TYPE_ANY,
     required: true
   }
 }