@gitlab/ui 94.2.0 → 94.4.0

package/dist/vendor/bootstrap-vue/src/constants/regex.js

@@ -21,8 +21,6 @@ const RX_UN_KEBAB = /-(\w)/g;
 
 // --- URL ---
 
-// HREFs must end with a hash followed by at least one non-hash character
-const RX_HREF = /^.*(#[^#]+)$/;
 const RX_ENCODED_COMMA = /%2C/g;
 const RX_ENCODE_REVERSE = /[!'()*]/g;
 const RX_QUERY_START = /^(\?|#|&)/;
@@ -39,4 +37,4 @@ const RX_ICON_PREFIX = /^BIcon/;
 
 const RX_STRIP_LOCALE_MODS = /-u-.+/;
 
-export { RX_ARRAY_NOTATION, RX_BV_PREFIX, RX_COL_CLASS, RX_DIGITS, RX_ENCODED_COMMA, RX_ENCODE_REVERSE, RX_HASH, RX_HASH_ID, RX_HREF, RX_HTML_TAGS, RX_HYPHENATE, RX_ICON_PREFIX, RX_LOWER_UPPER, RX_NUMBER, RX_PLUS, RX_QUERY_START, RX_REGEXP_REPLACE, RX_SPACES, RX_SPACE_SPLIT, RX_START_SPACE_WORD, RX_STRIP_LOCALE_MODS, RX_TRIM_LEFT, RX_TRIM_RIGHT, RX_UNDERSCORE, RX_UN_KEBAB };
+export { RX_ARRAY_NOTATION, RX_BV_PREFIX, RX_COL_CLASS, RX_DIGITS, RX_ENCODED_COMMA, RX_ENCODE_REVERSE, RX_HASH, RX_HASH_ID, RX_HTML_TAGS, RX_HYPHENATE, RX_ICON_PREFIX, RX_LOWER_UPPER, RX_NUMBER, RX_PLUS, RX_QUERY_START, RX_REGEXP_REPLACE, RX_SPACES, RX_SPACE_SPLIT, RX_START_SPACE_WORD, RX_STRIP_LOCALE_MODS, RX_TRIM_LEFT, RX_TRIM_RIGHT, RX_UNDERSCORE, RX_UN_KEBAB };

package/dist/vendor/bootstrap-vue/src/directives/modal/index.js

@@ -1,11 +1 @@
-import { VBModal } from './modal';
 export { VBModal } from './modal';
-import { pluginFactory } from '../../utils/plugins';
-
-const VBModalPlugin = /*#__PURE__*/pluginFactory({
-  directives: {
-    VBModal
-  }
-});
-
-export { VBModalPlugin };

package/dist/vendor/bootstrap-vue/src/directives/toggle/index.js

@@ -1,11 +1 @@
-import { VBToggle } from './toggle';
 export { VBToggle } from './toggle';
-import { pluginFactory } from '../../utils/plugins';
-
-const VBTogglePlugin = /*#__PURE__*/pluginFactory({
-  directives: {
-    VBToggle
-  }
-});
-
-export { VBTogglePlugin };

package/dist/vendor/bootstrap-vue/src/directives/tooltip/index.js

@@ -1,11 +1 @@
-import { VBTooltip } from './tooltip';
 export { VBTooltip } from './tooltip';
-import { pluginFactory } from '../../utils/plugins';
-
-const VBTooltipPlugin = /*#__PURE__*/pluginFactory({
-  directives: {
-    VBTooltip
-  }
-});
-
-export { VBTooltipPlugin };

package/dist/vendor/bootstrap-vue/src/directives/visible/index.js

@@ -1,11 +1 @@
-import { VBVisible } from './visible';
 export { VBVisible } from './visible';
-import { pluginFactory } from '../../utils/plugins';
-
-const VBVisiblePlugin = /*#__PURE__*/pluginFactory({
-  directives: {
-    VBVisible
-  }
-});
-
-export { VBVisiblePlugin };

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

@@ -1,26 +1,18 @@
 import { installFactory } from './utils/plugins';
 import { componentsPlugin } from './components';
-import { directivesPlugin } from './directives';
 export { BVConfigPlugin as BVConfig, BVConfigPlugin } from './bv-config';
-export { BVModalPlugin } from './components/modal/helpers/bv-modal';
 export { BVToastPlugin } from './components/toast/helpers/bv-toast';
 export { BootstrapVueIcons, IconsPlugin } from './icons/plugin';
 export { BIcon } from './icons/icon';
 export { BIconstack } from './icons/iconstack';
 export * from './icons/icons';
-export { BadgePlugin } from './components/badge';
 export { BBadge } from './components/badge/badge';
-export { BreadcrumbPlugin } from './components/breadcrumb';
 export { BBreadcrumb } from './components/breadcrumb/breadcrumb';
 export { BBreadcrumbItem } from './components/breadcrumb/breadcrumb-item';
-export { ButtonPlugin } from './components/button';
 export { BButton } from './components/button/button';
 export { BButtonClose } from './components/button/button-close';
-export { ButtonGroupPlugin } from './components/button-group';
 export { BButtonGroup } from './components/button-group/button-group';
-export { CollapsePlugin } from './components/collapse';
 export { BCollapse } from './components/collapse/collapse';
-export { DropdownPlugin } from './components/dropdown';
 export { BDropdown } from './components/dropdown/dropdown';
 export { BDropdownItem } from './components/dropdown/dropdown-item';
 export { BDropdownItemButton } from './components/dropdown/dropdown-item-button';
@@ -29,53 +21,37 @@ export { BDropdownForm } from './components/dropdown/dropdown-form';
 export { BDropdownGroup } from './components/dropdown/dropdown-group';
 export { BDropdownHeader } from './components/dropdown/dropdown-header';
 export { BDropdownText } from './components/dropdown/dropdown-text';
-export { FormPlugin } from './components/form';
 export { BForm } from './components/form/form';
 export { BFormText } from './components/form/form-text';
 export { BFormInvalidFeedback } from './components/form/form-invalid-feedback';
 export { BFormValidFeedback } from './components/form/form-valid-feedback';
-export { FormCheckboxPlugin } from './components/form-checkbox';
 export { BFormCheckbox } from './components/form-checkbox/form-checkbox';
 export { BFormCheckboxGroup } from './components/form-checkbox/form-checkbox-group';
-export { FormGroupPlugin } from './components/form-group';
 export { BFormGroup } from './components/form-group/form-group';
-export { FormInputPlugin } from './components/form-input';
 export { BFormInput } from './components/form-input/form-input';
-export { FormRadioPlugin } from './components/form-radio';
 export { BFormRadio } from './components/form-radio/form-radio';
 export { BFormRadioGroup } from './components/form-radio/form-radio-group';
-export { FormSelectPlugin } from './components/form-select';
 export { BFormSelect } from './components/form-select/form-select';
 export { BFormSelectOption } from './components/form-select/form-select-option';
 export { BFormSelectOptionGroup } from './components/form-select/form-select-option-group';
-export { FormTextareaPlugin } from './components/form-textarea';
 export { BFormTextarea } from './components/form-textarea/form-textarea';
-export { InputGroupPlugin } from './components/input-group';
 export { BInputGroup } from './components/input-group/input-group';
 export { BInputGroupAddon } from './components/input-group/input-group-addon';
 export { BInputGroupAppend } from './components/input-group/input-group-append';
 export { BInputGroupPrepend } from './components/input-group/input-group-prepend';
 export { BInputGroupText } from './components/input-group/input-group-text';
-export { LayoutPlugin } from './components/layout';
 export { BCol } from './components/layout/col';
 export { BFormRow } from './components/layout/form-row';
-export { LinkPlugin } from './components/link';
 export { BLink } from './components/link/link';
-export { ModalPlugin } from './components/modal';
 export { BModal } from './components/modal/modal';
-export { NavPlugin } from './components/nav';
 export { BNav } from './components/nav/nav';
 export { BNavItem } from './components/nav/nav-item';
 export { BNavItemDropdown } from './components/nav/nav-item-dropdown';
-export { NavbarPlugin } from './components/navbar';
 export { BNavbar } from './components/navbar/navbar';
 export { BNavbarBrand } from './components/navbar/navbar-brand';
-export { PopoverPlugin } from './components/popover';
 export { BPopover } from './components/popover/popover';
-export { ProgressPlugin } from './components/progress';
 export { BProgress } from './components/progress/progress';
 export { BProgressBar } from './components/progress/progress-bar';
-export { TableLitePlugin, TablePlugin, TableSimplePlugin } from './components/table';
 export { BTable } from './components/table/table';
 export { BTableLite } from './components/table/table-lite';
 export { BTableSimple } from './components/table/table-simple';
@@ -85,27 +61,15 @@ export { BTfoot } from './components/table/tfoot';
 export { BTr } from './components/table/tr';
 export { BTh } from './components/table/th';
 export { BTd } from './components/table/td';
-export { TabsPlugin } from './components/tabs';
 export { BTabs } from './components/tabs/tabs';
 export { BTab } from './components/tabs/tab';
 export { ToastPlugin } from './components/toast';
 export { BToast } from './components/toast/toast';
 export { BToaster } from './components/toast/toaster';
-export { TooltipPlugin } from './components/tooltip';
 export { BTooltip } from './components/tooltip/tooltip';
-export { VBHoverPlugin } from './directives/hover';
-export { VBHover } from './directives/hover/hover';
-export { VBModalPlugin } from './directives/modal';
 export { VBModal } from './directives/modal/modal';
-export { VBPopoverPlugin } from './directives/popover';
-export { VBPopover } from './directives/popover/popover';
-export { VBScrollspyPlugin } from './directives/scrollspy';
-export { VBScrollspy } from './directives/scrollspy/scrollspy';
-export { VBTogglePlugin } from './directives/toggle';
 export { VBToggle } from './directives/toggle/toggle';
-export { VBTooltipPlugin } from './directives/tooltip';
 export { VBTooltip } from './directives/tooltip/tooltip';
-export { VBVisiblePlugin } from './directives/visible';
 export { VBVisible } from './directives/visible/visible';
 
 const NAME = 'BootstrapVue';
@@ -113,8 +77,7 @@ const NAME = 'BootstrapVue';
 // --- BootstrapVue installer ---
 const install = /*#__PURE__*/installFactory({
   plugins: {
-    componentsPlugin,
-    directivesPlugin
+    componentsPlugin
   }
 });
 

package/dist/vendor/bootstrap-vue/src/utils/object.js

@@ -9,13 +9,11 @@ const create = (proto, optionalProps) => Object.create(proto, optionalProps);
 const defineProperties = (obj, props) => Object.defineProperties(obj, props);
 const defineProperty = (obj, prop, descriptor) => Object.defineProperty(obj, prop, descriptor);
 const getOwnPropertyNames = obj => Object.getOwnPropertyNames(obj);
-const is = (value1, value2) => Object.is(value1, value2);
 const keys = obj => Object.keys(obj);
 
 // --- "Instance" ---
 
 const hasOwnProperty = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
-const toString = obj => Object.prototype.toString.call(obj);
 
 // --- Utilities ---
 
@@ -71,4 +69,4 @@ const readonlyDescriptor = () => ({
   writable: false
 });
 
-export { assign, clone, create, defineProperties, defineProperty, getOwnPropertyNames, hasOwnProperty, is, keys, mergeDeep, omit, pick, readonlyDescriptor, sortKeys, toString };
+export { assign, clone, create, defineProperties, defineProperty, getOwnPropertyNames, hasOwnProperty, keys, mergeDeep, omit, pick, readonlyDescriptor, sortKeys };

package/dist/vendor/bootstrap-vue/src/utils/warn.js

@@ -1,4 +1,4 @@
-import { IS_BROWSER, HAS_PROMISE_SUPPORT, HAS_MUTATION_OBSERVER_SUPPORT } from '../constants/env';
+import { IS_BROWSER, HAS_MUTATION_OBSERVER_SUPPORT } from '../constants/env';
 import { getNoWarn } from './env';
 
 /**
@@ -27,21 +27,6 @@ const warnNotClient = source => {
   }
 };
 
-/**
- * Warn when no Promise support is given
- * @param {string} source
- * @returns {boolean} warned
- */
-const warnNoPromiseSupport = source => {
-  /* istanbul ignore else */
-  if (HAS_PROMISE_SUPPORT) {
-    return false;
-  } else {
-    warn(`${source}: Requires Promise support.`);
-    return true;
-  }
-};
-
 /**
  * Warn when no MutationObserver support is given
  * @param {string} source
@@ -57,4 +42,4 @@ const warnNoMutationObserverSupport = source => {
   }
 };
 
-export { warn, warnNoMutationObserverSupport, warnNoPromiseSupport, warnNotClient };
+export { warn, warnNoMutationObserverSupport, warnNotClient };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "94.2.0",
+  "version": "94.4.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -22,6 +22,7 @@
     "tailwind.defaults.js",
     "!src/vendor",
     "src/vendor/bootstrap-vue/src/**/*.{js,scss}",
+    "src/vendor/bootstrap/scss/**/*.scss",
     "!*.stories.js",
     "!*.snap",
     "!*.spec.{js,scss}"

package/src/components/experimental/duo/chat/duo_chat.vue

@@ -46,10 +46,6 @@ export const i18n = {
   ),
   CHAT_SUBMIT_LABEL: translate('GlDuoChat.chatSubmitLabel', 'Send chat message.'),
   CHAT_CANCEL_LABEL: translate('GlDuoChat.chatCancelLabel', 'Cancel'),
-  CHAT_LEGAL_DISCLAIMER: translate(
-    'GlDuoChat.chatLegalDisclaimer',
-    "May provide inappropriate responses not representative of GitLab's views. Do not input personal data."
-  ),
   CHAT_DEFAULT_PREDEFINED_PROMPTS: [
     translate(
       'GlDuoChat.chatDefaultPredefinedPromptsChangePassword',
@@ -721,12 +717,6 @@ export default {
             />
           </template>
         </gl-form-input-group>
-        <p
-          class="gl-mb-0 gl-mt-3 gl-text-sm gl-leading-20 gl-text-subtle"
-          data-testid="chat-legal-disclaimer"
-        >
-          {{ $options.i18n.CHAT_LEGAL_DISCLAIMER }}
-        </p>
       </gl-form>
     </footer>
   </aside>

package/src/vendor/bootstrap/LICENSE

@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2011-2022 Twitter, Inc.
+Copyright (c) 2011-2022 The Bootstrap Authors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/src/vendor/bootstrap/scss/_alert.scss

@@ -0,0 +1,52 @@
+//
+// Base styles
+//
+
+.alert {
+  position: relative;
+  padding: $alert-padding-y $alert-padding-x;
+  margin-bottom: $alert-margin-bottom;
+  border: $alert-border-width solid transparent;
+  @include border-radius($alert-border-radius);
+}
+
+// Headings for larger alerts
+.alert-heading {
+  // Specified to prevent conflicts of changing $headings-color
+  color: inherit;
+}
+
+// Provide class for links that match alerts
+.alert-link {
+  font-weight: $alert-link-font-weight;
+}
+
+
+// Dismissible alerts
+//
+// Expand the right padding and account for the close button's positioning.
+
+.alert-dismissible {
+  padding-right: $close-font-size + $alert-padding-x * 2;
+
+  // Adjust close link position
+  .close {
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 2;
+    padding: $alert-padding-y $alert-padding-x;
+    color: inherit;
+  }
+}
+
+
+// Alternate styles
+//
+// Generate contextual modifier classes for colorizing the alert.
+
+@each $color, $value in $theme-colors {
+  .alert-#{$color} {
+    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
+  }
+}

package/src/vendor/bootstrap/scss/_badge.scss

@@ -0,0 +1,54 @@
+// Base class
+//
+// Requires one of the contextual, color modifier classes for `color` and
+// `background-color`.
+
+.badge {
+  display: inline-block;
+  padding: $badge-padding-y $badge-padding-x;
+  @include font-size($badge-font-size);
+  font-weight: $badge-font-weight;
+  line-height: 1;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  @include border-radius($badge-border-radius);
+  @include transition($badge-transition);
+
+  @at-root a#{&} {
+    @include hover-focus() {
+      text-decoration: none;
+    }
+  }
+
+  // Empty badges collapse automatically
+  &:empty {
+    display: none;
+  }
+}
+
+// Quick fix for badges in buttons
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+
+// Pill badges
+//
+// Make them extra rounded with a modifier to replace v3's badges.
+
+.badge-pill {
+  padding-right: $badge-pill-padding-x;
+  padding-left: $badge-pill-padding-x;
+  @include border-radius($badge-pill-border-radius);
+}
+
+// Colors
+//
+// Contextual variations (linked badges get darker on :hover).
+
+@each $color, $value in $theme-colors {
+  .badge-#{$color} {
+    @include badge-variant($value);
+  }
+}

package/src/vendor/bootstrap/scss/_breadcrumb.scss

@@ -0,0 +1,42 @@
+.breadcrumb {
+  display: flex;
+  flex-wrap: wrap;
+  padding: $breadcrumb-padding-y $breadcrumb-padding-x;
+  margin-bottom: $breadcrumb-margin-bottom;
+  @include font-size($breadcrumb-font-size);
+  list-style: none;
+  background-color: $breadcrumb-bg;
+  @include border-radius($breadcrumb-border-radius);
+}
+
+.breadcrumb-item {
+  // The separator between breadcrumbs (by default, a forward-slash: "/")
+  + .breadcrumb-item {
+    padding-left: $breadcrumb-item-padding;
+
+    &::before {
+      float: left; // Suppress inline spacings and underlining of the separator
+      padding-right: $breadcrumb-item-padding;
+      color: $breadcrumb-divider-color;
+      content: escape-svg($breadcrumb-divider);
+    }
+  }
+
+  // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
+  // without `<ul>`s. The `::before` pseudo-element generates an element
+  // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
+  //
+  // To trick IE into suppressing the underline, we give the pseudo-element an
+  // underline and then immediately remove it.
+  + .breadcrumb-item:hover::before {
+    text-decoration: underline;
+  }
+  // stylelint-disable-next-line no-duplicate-selectors
+  + .breadcrumb-item:hover::before {
+    text-decoration: none;
+  }
+
+  &.active {
+    color: $breadcrumb-active-color;
+  }
+}

package/src/vendor/bootstrap/scss/_button-group.scss

@@ -0,0 +1,163 @@
+// stylelint-disable selector-no-qualifying-type
+
+// Make the div behave like a button
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: inline-flex;
+  vertical-align: middle; // match .btn alignment given font-size hack above
+
+  > .btn {
+    position: relative;
+    flex: 1 1 auto;
+
+    // Bring the hover, focused, and "active" buttons to the front to overlay
+    // the borders properly
+    @include hover() {
+      z-index: 1;
+    }
+    &:focus,
+    &:active,
+    &.active {
+      z-index: 1;
+    }
+  }
+}
+
+// Optional: Group multiple button groups together for a toolbar
+.btn-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+
+  .input-group {
+    width: auto;
+  }
+}
+
+.btn-group {
+  // Prevent double borders when buttons are next to each other
+  > .btn:not(:first-child),
+  > .btn-group:not(:first-child) {
+    margin-left: -$btn-border-width;
+  }
+
+  // Reset rounded corners
+  > .btn:not(:last-child):not(.dropdown-toggle),
+  > .btn-group:not(:last-child) > .btn {
+    @include border-right-radius(0);
+  }
+
+  > .btn:not(:first-child),
+  > .btn-group:not(:first-child) > .btn {
+    @include border-left-radius(0);
+  }
+}
+
+// Sizing
+//
+// Remix the default button sizing classes into new ones for easier manipulation.
+
+.btn-group-sm > .btn { @extend .btn-sm; }
+.btn-group-lg > .btn { @extend .btn-lg; }
+
+
+//
+// Split button dropdowns
+//
+
+.dropdown-toggle-split {
+  padding-right: $btn-padding-x * .75;
+  padding-left: $btn-padding-x * .75;
+
+  &::after,
+  .dropup &::after,
+  .dropright &::after {
+    margin-left: 0;
+  }
+
+  .dropleft &::before {
+    margin-right: 0;
+  }
+}
+
+.btn-sm + .dropdown-toggle-split {
+  padding-right: $btn-padding-x-sm * .75;
+  padding-left: $btn-padding-x-sm * .75;
+}
+
+.btn-lg + .dropdown-toggle-split {
+  padding-right: $btn-padding-x-lg * .75;
+  padding-left: $btn-padding-x-lg * .75;
+}
+
+
+// The clickable button for toggling the menu
+// Set the same inset shadow as the :active state
+.btn-group.show .dropdown-toggle {
+  @include box-shadow($btn-active-box-shadow);
+
+  // Show no shadow for `.btn-link` since it has no other button styles.
+  &.btn-link {
+    @include box-shadow(none);
+  }
+}
+
+
+//
+// Vertical button groups
+//
+
+.btn-group-vertical {
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+
+  > .btn,
+  > .btn-group {
+    width: 100%;
+  }
+
+  > .btn:not(:first-child),
+  > .btn-group:not(:first-child) {
+    margin-top: -$btn-border-width;
+  }
+
+  // Reset rounded corners
+  > .btn:not(:last-child):not(.dropdown-toggle),
+  > .btn-group:not(:last-child) > .btn {
+    @include border-bottom-radius(0);
+  }
+
+  > .btn:not(:first-child),
+  > .btn-group:not(:first-child) > .btn {
+    @include border-top-radius(0);
+  }
+}
+
+
+// Checkbox and radio options
+//
+// In order to support the browser's form validation feedback, powered by the
+// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
+// `display: none;` or `visibility: hidden;` as that also hides the popover.
+// Simply visually hiding the inputs via `opacity` would leave them clickable in
+// certain cases which is prevented by using `clip` and `pointer-events`.
+// This way, we ensure a DOM element is visible to position the popover from.
+//
+// See https://github.com/twbs/bootstrap/pull/12794 and
+// https://github.com/twbs/bootstrap/pull/14559 for more information.
+
+.btn-group-toggle {
+  > .btn,
+  > .btn-group > .btn {
+    margin-bottom: 0; // Override default `<label>` value
+
+    input[type="radio"],
+    input[type="checkbox"] {
+      position: absolute;
+      clip: rect(0, 0, 0, 0);
+      pointer-events: none;
+    }
+  }
+}