@gitlab/ui 92.1.1 → 92.3.0

package/src/components/base/toggle/toggle.scss

@@ -55,7 +55,7 @@ $toggle-height: 2.5 * $grid-size;
 }
 
 .gl-help-label {
-  @include gl-mt-3;
+  @apply gl-mt-3;
   @include gl-text-gray-500;
   @include gl-font-weight-normal;
 }
@@ -66,13 +66,13 @@ $toggle-height: 2.5 * $grid-size;
 
   .gl-toggle-label {
     @include gl-white-space-nowrap;
-    @include gl-mb-0;
-    @include gl-mr-3;
+    @apply gl-mb-0;
+    @apply gl-mr-3;
   }
 
   .gl-help-label {
-    @include gl-mt-0;
-    @include gl-ml-3;
+    @apply gl-mt-0;
+    @apply gl-ml-3;
   }
 }
 
@@ -129,7 +129,7 @@ $toggle-height: 2.5 * $grid-size;
     top: $gl-spacing-scale-1;
     @include gl-transition-medium;
     @include gl-justify-content-center;
-    @include gl-p-1;
+    @apply gl-p-1;
 
     > svg {
       @include gl-w-4;

package/src/components/base/token/token.scss

@@ -2,14 +2,14 @@
   @include gl-text-gray-900;
   @include gl-bg-gray-100;
   @include gl-rounded-small;
-  @include gl-pl-3;
+  @apply gl-pl-3;
   @include gl-display-inline-flex;
   @include gl-flex-direction-column;
   @include gl-justify-content-center;
 
   &.gl-token-view-only {
-    @include gl-py-2;
-    @include gl-pr-3;
+    @apply gl-py-2;
+    @apply gl-pr-3;
   }
 }
 
@@ -33,12 +33,12 @@
 
   > .gl-avatar:first-child,
   > .gl-spinner-container:first-child {
-    @include gl-mr-2;
+    @apply gl-mr-2;
   }
 }
 
 .gl-token-close {
-  @include gl-ml-2;
+  @apply gl-ml-2;
   @include gl-reset-color;
   @include gl-cursor-pointer;
   opacity: 0.8;

package/src/components/base/tooltip/tooltip.scss

@@ -1,13 +1,13 @@
 .gl-tooltip {
   @include gl-font-sm;
-  @include gl-p-2;
+  @apply gl-p-2;
 
   .tooltip-inner {
     @apply gl-rounded-base;
     @include gl-line-height-normal;
     @include gl-font-weight-normal;
-    @include gl-py-3;
-    @include gl-px-4;
+    @apply gl-py-3;
+    @apply gl-px-4;
     background: var(--gl-feedback-strong-background-color);
     color: var(--gl-feedback-strong-text-color);
   }

package/src/components/charts/legend/legend.scss

@@ -37,7 +37,7 @@ $legend-body-h: $gl-spacing-scale-13 - $gl-spacing-scale-4;
     @include gl-flex-shrink-0;
     @include gl-justify-content-space-between;
     @include gl-align-items-center;
-    @include gl-pr-5;
+    @apply gl-pr-5;
 
     &:hover {
       @include gl-cursor-pointer;
@@ -45,7 +45,7 @@ $legend-body-h: $gl-spacing-scale-13 - $gl-spacing-scale-4;
     }
 
     .gl-legend-inline-series-label {
-      @include gl-mr-3;
+      @apply gl-mr-3;
     }
   }
 }
@@ -68,7 +68,7 @@ $legend-body-h: $gl-spacing-scale-13 - $gl-spacing-scale-4;
   .gl-legend-tabular-header-cell {
     @include gl-font-weight-bold;
     @include gl-line-height-24;
-    @include gl-px-3;
+    @apply gl-px-3;
   }
 
   .gl-legend-tabular-body {
@@ -87,7 +87,7 @@ $legend-body-h: $gl-spacing-scale-13 - $gl-spacing-scale-4;
   .gl-legend-tabular-title-cell,
   .gl-legend-tabular-details-cell {
     @include gl-line-height-24;
-    @include gl-px-3;
+    @apply gl-px-3;
   }
 
   .gl-legend-tabular-title-cell {

package/src/components/charts/series_label/series_label.scss

@@ -7,7 +7,7 @@
 
 .gl-series-label-color {
   @include gl-flex-shrink-0;
-  @include gl-mr-3;
+  @apply gl-mr-3;
 
   svg {
     @include gl-display-block;

package/src/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_popover/duo_chat_context_item_popover.vue

@@ -1,5 +1,6 @@
 <script>
 import GlPopover from '../../../../../../base/popover/popover.vue';
+import GlIcon from '../../../../../../base/icon/icon.vue';
 import { translate } from '../../../../../../../utils/i18n';
 import {
   CONTEXT_ITEM_TYPE_ISSUE,
@@ -7,10 +8,13 @@ import {
   CONTEXT_ITEM_TYPE_PROJECT_FILE,
 } from '../constants';
 import { formatIssueId, formatMergeRequestId } from '../utils';
+import GlAlert from '../../../../../../base/alert/alert.vue';
 
 export default {
   name: 'DuoChatContextItemPopover',
   components: {
+    GlAlert,
+    GlIcon,
     GlPopover,
   },
   props: {
@@ -62,6 +66,9 @@ export default {
         ? this.itemInfo.relFilePath || ''
         : null;
     },
+    filePathArray() {
+      return this.filePath?.split('/');
+    },
     isEnabled() {
       return this.contextItem.isEnabled !== false;
     },
@@ -71,6 +78,26 @@ export default {
         ? this.contextItem.disabledReasons.join(', ')
         : translate('DuoChatContextItemPopover.DisabledReason', 'This item is disabled');
     },
+    iconName() {
+      switch (this.contextItem.type) {
+        case 'merge_request':
+          return 'merge-request';
+        case 'issue':
+          return 'issues';
+        default:
+          return 'project';
+      }
+    },
+    itemTypeLabel() {
+      switch (this.contextItem.type) {
+        case 'merge_request':
+          return translate('DuoChatContextItemPopover.MergeRequest', 'Merge request');
+        case 'issue':
+          return translate('DuoChatContextItemPopover.Issue', 'Issue');
+        default:
+          return translate('DuoChatContextItemPopover.File', 'Project file');
+      }
+    },
   },
   methods: {
     translate,
@@ -86,39 +113,44 @@ export default {
     custom-class="gl-duo-chat-item-popover"
   >
     <template #title>
-      <span class="gl-text-sm gl-text-gray-500" data-testid="chat-context-popover-title">{{
-        contextItem.metadata.name
-      }}</span>
-    </template>
-    <div class="gl-p-3">
-      <div class="gl-mb-2">
-        <strong class="gl-mr-1">{{
-          translate('DuoChatContextItemPopover.ProjectLabel', 'Project:')
-        }}</strong>
-        <span>{{ itemInfo.project }}</span>
-      </div>
-      <div v-if="filePath !== null" class="gl-mb-2">
-        <strong class="gl-mr-1">{{
-          translate('DuoChatContextItemPopover.PathLabel', 'Path:')
-        }}</strong>
-        <span>{{ filePath }}</span>
-      </div>
-      <div v-if="id !== null" class="gl-mb-2">
-        <strong class="gl-mr-1">{{ translate('DuoChatContextItemPopover.IdLabel', 'ID:') }}</strong>
-        <span>{{ formattedId }}</span>
+      <div>
+        <div
+          class="gl-heading-3 gl-mb-1 gl-mt-2 gl-leading-1"
+          data-testid="chat-context-popover-title"
+        >
+          {{ contextItem.metadata.name }}
+        </div>
+        <div class="gl-font-normal gl-text-subtle">{{ itemTypeLabel }}</div>
       </div>
-      <div class="gl-mb-2">
-        <strong class="gl-mr-1">{{
-          translate('DuoChatContextItemPopover.TypeLabel', 'Type:')
-        }}</strong>
-        <span>{{ contextItem.type }}</span>
+    </template>
+    <div>
+      <div v-if="filePath !== null" class="gl-flex gl-flex-wrap gl-items-center">
+        <gl-icon name="document" :size="12" variant="subtle" class="gl-mr-1" />
+        <span>{{ itemInfo.project }}</span
+        ><span v-for="(pathPart, index) in filePathArray" :key="pathPart" class="gl-break-all"
+          >{{ pathPart }}{{ index + 1 < filePathArray.length ? '/' : '' }}</span
+        >
       </div>
-      <div v-if="!isEnabled" class="gl-text-red-500" data-testid="chat-context-popover-disabled">
-        <strong class="gl-mr-1">{{
-          translate('DuoChatContextItemPopover.DisabledMessageLabel', 'Note:')
-        }}</strong>
-        <span>{{ disabledMessage }}</span>
+
+      <div
+        v-if="filePath === null"
+        class="gl-flex gl-flex-wrap gl-items-center gl-leading-1 gl-text-subtle"
+      >
+        <gl-icon :name="iconName" :size="12" variant="subtle" class="gl-mr-1" />
+
+        <span>{{ itemInfo.project }}</span
+        ><span v-if="id !== null">{{ formattedId }}</span>
       </div>
+      <gl-alert
+        v-if="!isEnabled"
+        variant="danger"
+        class="gl-mb-1 gl-mt-3 gl-p-4 gl-text-sm"
+        data-testid="chat-context-popover-disabled"
+        :dismissible="false"
+        :show-icon="false"
+      >
+        {{ disabledMessage }}
+      </gl-alert>
     </div>
   </gl-popover>
 </template>

package/src/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_selections/duo_chat_context_item_selections.vue

@@ -48,6 +48,11 @@ export default {
       required: false,
       default: false,
     },
+    variant: {
+      type: String,
+      required: false,
+      default: 'assistant',
+    },
   },
   data() {
     return {
@@ -59,6 +64,18 @@ export default {
     collapseIconName() {
       return this.isCollapsed ? 'chevron-right' : 'chevron-down';
     },
+    variantClasses() {
+      if (this.variant === 'user') {
+        return 'gl-mb-0 gl-mt-2 gl-text-blue-700';
+      }
+      return 'gl-mb-2 gl-text-gray-500';
+    },
+    tokenVariantClasses() {
+      if (this.variant === 'user') {
+        return 'gl-bg-blue-50 gl-text-blue-600';
+      }
+      return '';
+    },
   },
   methods: {
     getIconName(type) {
@@ -84,9 +101,9 @@ export default {
 </script>
 
 <template>
-  <div class="gl-mb-3 gl-flex gl-flex-col">
+  <div class="gl-flex gl-flex-col" :class="variantClasses">
     <button
-      class="gl-flex gl-w-full gl-items-center gl-border-0 gl-bg-transparent gl-p-0 gl-text-left gl-text-xs gl-lowercase gl-text-gray-500"
+      class="gl-flex gl-w-full gl-items-center gl-border-0 gl-bg-transparent gl-p-0 gl-text-left gl-text-xs gl-lowercase gl-text-inherit"
       data-testid="chat-context-selections-title"
       type="button"
       @click="toggleCollapse"
@@ -100,20 +117,22 @@ export default {
       data-testid="chat-context-tokens-wrapper"
     >
       <gl-token
-        v-for="contextItem in selections"
-        :key="contextItem.id"
+        v-for="item in selections"
+        :id="`context-item-${item.id}-${selectionsId}-token`"
+        :key="item.id"
         :view-only="!removable"
         variant="default"
         class="gl-mb-2 gl-mr-2"
-        @close="onRemoveItem(contextItem)"
+        :class="tokenVariantClasses"
+        @close="onRemoveItem(item)"
       >
-        <div :id="`context-item-${contextItem.id}-${selectionsId}`" class="gl-flex gl-items-center">
-          <gl-icon :name="getIconName(contextItem.type)" :size="12" class="gl-mr-1" />
-          {{ contextItem.metadata.name }}
+        <div :id="`context-item-${item.id}-${selectionsId}`" class="gl-flex gl-items-center">
+          <gl-icon :name="getIconName(item.type)" :size="12" class="gl-mr-1" />
+          {{ item.metadata.name }}
         </div>
         <gl-duo-chat-context-item-popover
-          :context-item="contextItem"
-          :target="`context-item-${contextItem.id}-${selectionsId}`"
+          :context-item="item"
+          :target="`context-item-${item.id}-${selectionsId}-token`"
           placement="bottom"
         />
       </gl-token>

package/src/components/experimental/duo/chat/components/duo_chat_message/duo_chat_message.scss

@@ -19,7 +19,7 @@
   }
 
   p:last-of-type {
-    @include gl-mb-0;
+    @apply gl-mb-0;
   }
 
   copy-code,

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

@@ -8,7 +8,7 @@ import GlFormGroup from '../../../../../base/form/form_group/form_group.vue';
 import GlFormTextarea from '../../../../../base/form/form_textarea/form_textarea.vue';
 import { SafeHtmlDirective as SafeHtml } from '../../../../../../directives/safe_html/safe_html';
 import { sprintf, translatePlural } from '../../../../../../utils/i18n';
-import { MESSAGE_MODEL_ROLES } from '../../constants';
+import { MESSAGE_MODEL_ROLES, SELECTED_CONTEXT_ITEMS_DEFAULT_COLLAPSED } from '../../constants';
 import DocumentationSources from '../duo_chat_message_sources/duo_chat_message_sources.vue';
 // eslint-disable-next-line no-restricted-imports
 import { renderDuoChatMarkdownPreview } from '../../markdown_renderer';
@@ -89,6 +89,7 @@ export default {
       improveWhat: '',
       messageWatcher: null, // imperatively set up watcher on message
       messageChunks: [],
+      selectedContextItemsDefaultCollapsed: SELECTED_CONTEXT_ITEMS_DEFAULT_COLLAPSED,
     };
   },
   computed: {
@@ -139,9 +140,6 @@ export default {
     displaySelectedContextItems() {
       return Boolean(this.selectedContextItems.length);
     },
-    selectedContextItemsDefaultCollapsed() {
-      return this.isAssistantMessage;
-    },
     selectedContextItemsTitle() {
       if (!this.displaySelectedContextItems) return '';
 
@@ -250,11 +248,11 @@ export default {
     />
     <div ref="content-wrapper" :class="{ 'has-error': error }">
       <gl-duo-chat-context-item-selections
-        v-if="displaySelectedContextItems"
+        v-if="displaySelectedContextItems && isAssistantMessage"
         :selections="selectedContextItems"
         :title="selectedContextItemsTitle"
         :default-collapsed="selectedContextItemsDefaultCollapsed"
-        class="gl-mb-3"
+        variant="assistant"
       />
       <div
         v-if="error"
@@ -294,6 +292,13 @@ export default {
           </div>
         </template>
       </div>
+      <gl-duo-chat-context-item-selections
+        v-if="displaySelectedContextItems && isUserMessage"
+        :selections="selectedContextItems"
+        :title="selectedContextItemsTitle"
+        :default-collapsed="selectedContextItemsDefaultCollapsed"
+        variant="user"
+      />
     </div>
   </div>
 </template>

package/src/components/experimental/duo/chat/constants.js

@@ -25,3 +25,5 @@ export const MESSAGE_MODEL_ROLES = {
   system: 'system',
   assistant: 'assistant',
 };
+
+export const SELECTED_CONTEXT_ITEMS_DEFAULT_COLLAPSED = true;

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

@@ -31,7 +31,7 @@ $duo-chat-scrim-gradient: linear-gradient(to bottom, rgba($gray-10, 0), $gray-10
 
   .duo-chat-drawer-header,
   .duo-chat-drawer-body > * {
-    @include gl-p-5;
+    @apply gl-p-5;
   }
 }
 
@@ -69,7 +69,7 @@ $duo-chat-scrim-gradient: linear-gradient(to bottom, rgba($gray-10, 0), $gray-10
 
 .duo-chat-drawer-footer {
   @apply gl-border-t-solid gl-border-t-gray-100 gl-border-t-1;
-  @include gl-p-5;
+  @apply gl-p-5;
 }
 
 .duo-chat-drawer-footer-sticky {
@@ -144,7 +144,7 @@ $duo-chat-scrim-gradient: linear-gradient(to bottom, rgba($gray-10, 0), $gray-10
     content: attr(data-value) ' ';
     @include gl-visibility-hidden;
     @include gl-white-space-pre-wrap;
-    @include gl-py-4;
+    @apply gl-py-4;
   }
 }
 
@@ -158,7 +158,7 @@ $duo-chat-scrim-gradient: linear-gradient(to bottom, rgba($gray-10, 0), $gray-10
 
   .gl-dropdown-item button.dropdown-item {
     @include gl-font-sm;
-    @include gl-px-3;
+    @apply gl-px-3;
     @include gl-bg-none;
 
     &:hover {

package/src/components/shared_components/charts/tooltip_default_format.scss

@@ -9,7 +9,7 @@
 
   &-label {
     @include gl-line-height-normal;
-    @include gl-mr-7;
+    @apply gl-mr-7;
   }
 
   &-value {

package/src/scss/bootstrap_vue.scss

@@ -9,34 +9,16 @@ $bv-enable-popover-variants: false;
 
 @import '../vendor/bootstrap-vue/src/utilities.scss';
 
-// Used by BFormSpinbutton, BFormDatepicker, BFormTimepicker, BTime, BCalendar
-@import '../vendor/bootstrap-vue/src/custom-controls.scss';
-
-// Comment out components we are not importing in gitlab-ui
-// Still listed for easy comparison
-// @import '../vendor/bootstrap-vue/src/components/avatar/index.scss';
-// @import '../vendor/bootstrap-vue/src/components/calendar/index.scss';
-@import '../vendor/bootstrap-vue/src/components/card/index.scss';
 @import '../vendor/bootstrap-vue/src/components/dropdown/index.scss';
 @import '../vendor/bootstrap-vue/src/components/form-checkbox/index.scss';
-// @import '../vendor/bootstrap-vue/src/components/form-file/index.scss';
 @import '../vendor/bootstrap-vue/src/components/form-input/index.scss';
 @import '../vendor/bootstrap-vue/src/components/form-radio/index.scss';
-// @import '../vendor/bootstrap-vue/src/components/form-rating/index.scss';
-// @import '../vendor/bootstrap-vue/src/components/form-spinbutton/index.scss';
-@import '../vendor/bootstrap-vue/src/components/form-tags/index.scss';
 @import '../vendor/bootstrap-vue/src/components/input-group/index.scss';
-// @import '../vendor/bootstrap-vue/src/components/media/index.scss';
 @import '../vendor/bootstrap-vue/src/components/modal/index.scss';
 @import '../vendor/bootstrap-vue/src/components/nav/index.scss';
 @import '../vendor/bootstrap-vue/src/components/navbar/index.scss';
-// @import '../vendor/bootstrap-vue/src/components/pagination/index.scss';
-// @import '../vendor/bootstrap-vue/src/components/pagination-nav/index.scss';
 @import '../vendor/bootstrap-vue/src/components/popover/index.scss';
-// @import '../vendor/bootstrap-vue/src/components/skeleton/index.scss';
-// @import '../vendor/bootstrap-vue/src/components/sidebar/index.scss';
 @import '../vendor/bootstrap-vue/src/components/table/index.scss';
-// @import '../vendor/bootstrap-vue/src/components/time/index.scss';
 @import '../vendor/bootstrap-vue/src/components/toast/index.scss';
 @import '../vendor/bootstrap-vue/src/components/tooltip/index.scss';
 

package/src/scss/typescale/_index.scss

@@ -21,8 +21,8 @@
   .gl-h5,
   .gl-h6 {
     @include gl-font-weight-bold;
-    @include gl-mt-0;
-    @include gl-mb-0;
+    @apply gl-mt-0;
+    @apply gl-mb-0;
   }
 
   .h-display {
@@ -67,12 +67,12 @@
   .gl-paragraph {
     @include gl-font-base;
     @include gl-line-height-20;
-    @include gl-mt-0;
-    @include gl-mb-0;
+    @apply gl-mt-0;
+    @apply gl-mb-0;
 
     + p,
     + .gl-paragraph {
-      @include gl-mt-5;
+      @apply gl-mt-5;
     }
 
     &.lg {
@@ -94,10 +94,10 @@
 
   blockquote {
     @include gl-text-gray-700;
-    @include gl-py-3;
-    @include gl-pl-6;
-    @include gl-my-3;
-    @include gl-mx-0;
+    @apply gl-py-3;
+    @apply gl-pl-6;
+    @apply gl-my-3;
+    @apply gl-mx-0;
     @include gl-inset-border-l-4-gray-100;
   }
 }

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

@@ -72,14 +72,6 @@ module.exports = function nuxtBootstrapVue(moduleOptions = {}) {
       video: ['src', 'poster'],
       // Nuxt default is missing image
       image: 'xlink:href',
-      // Add BootstrapVue specific component asset items
-      'b-avatar': 'src',
-      'b-img': 'src',
-      'b-img-lazy': ['src', 'blank-src'],
-      'b-card': 'img-src',
-      'b-card-img': 'src',
-      'b-card-img-lazy': ['src', 'blank-src'],
-      'b-embed': 'src',
       // Ensure super supplied values/overrides are not lost
       ...this.options.build.loaders.vue.transformAssetUrls
     }

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

@@ -10,13 +10,4 @@ $bv-utility-classes-defined: false !default;
   .bv-no-focus-ring:focus {
     outline: none;
   }
-
-  // Create `.bv-d-<bp>-down-none` helper classes
-  @each $breakpoint in map-keys($grid-breakpoints) {
-    @include media-breakpoint-down($breakpoint) {
-      .bv-d-#{$breakpoint}-down-none {
-        display: none !important;
-      }
-    }
-  }
 }

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

@@ -39,26 +39,6 @@ $b-custom-switch-indicator-size-sm: calc(
   #{$b-custom-control-indicator-size-sm} - #{$custom-control-indicator-border-width * 4}
 ) !default;
 
-// Custom file sizes
-$b-custom-file-font-size-lg: $input-font-size-lg !default;
-$b-custom-file-font-size-sm: $input-font-size-sm !default;
-$b-custom-file-line-height-lg: $input-line-height-lg !default;
-$b-custom-file-line-height-sm: $input-line-height-sm !default;
-$b-custom-file-height-lg: $input-height-lg !default;
-$b-custom-file-height-sm: $input-height-sm !default;
-$b-custom-file-border-radius-lg: $input-border-radius-lg !default;
-$b-custom-file-border-radius-sm: $input-border-radius-sm !default;
-$b-custom-file-padding-y-lg: $input-padding-y-lg !default;
-$b-custom-file-padding-y-sm: $input-padding-y-sm !default;
-$b-custom-file-padding-x-lg: $input-padding-x-lg !default;
-$b-custom-file-padding-x-sm: $input-padding-x-sm !default;
-$b-custom-file-height-inner-lg: calc(
-  #{$b-custom-file-line-height-lg * 1em} + #{$b-custom-file-padding-y-lg * 2}
-) !default;
-$b-custom-file-height-inner-sm: calc(
-  #{$b-custom-file-line-height-sm * 1em} + #{$b-custom-file-padding-y-sm * 2}
-) !default;
-
 // --- Icons ---
 
 $b-icon-vertical-offset: -0.15em;
@@ -73,15 +53,6 @@ $b-icon-animation-spin-pulse-duration: 1s !default;
 $b-icon-animation-spin-reverse-pulse-duration: $b-icon-animation-spin-pulse-duration !default;
 $b-icon-animation-throb-duration: 0.75s !default;
 
-// --- Sidebar ---
-
-$b-sidebar-width: 320px !default;
-$b-sidebar-transition-duration: 0.3s !default;
-$b-sidebar-zindex: calc(#{$zindex-fixed} + 5) !default;
-$b-sidebar-header-font-size: 1.5rem !default;
-$b-sidebar-header-padding-y: $navbar-padding-y !default;
-$b-sidebar-header-padding-x: $navbar-padding-x !default;
-
 // --- Tables ---
 
 // Table busy state
@@ -152,26 +123,3 @@ $bv-enable-popover-variants: true !default;
 $b-popover-bg-level: $alert-bg-level !default;
 $b-popover-border-level: $alert-border-level !default;
 $b-popover-color-level: $alert-color-level !default;
-
-// --- Avatar ---
-
-$b-avatar-size: 2.5rem !default;
-$b-avatar-size-sm: 1.5rem !default;
-$b-avatar-size-lg: 3.5rem !default;
-$b-avatar-font-size-scale: 0.4 !default;
-$b-avatar-badge-font-size-scale: $b-avatar-font-size-scale * 0.7 !default;
-
-// --- Skeleton ---
-
-$b-skeleton-background-color: rgba(0, 0, 0, 0.12) !default;
-$b-skeleton-loading-cursor: wait !default;
-$b-skeleton-animation-duration: 1.75s !default;
-$b-skeleton-text-spacing: map-get($spacers, 1) !default;
-$b-skeleton-btn-width: 75px !default;
-$b-skeleton-animate-wave-color: hsla(0, 0%, 100%, 0.4) !default;
-$b-skeleton-animate-wave-background: linear-gradient(
-  90deg,
-  transparent,
-  $b-skeleton-animate-wave-color,
-  transparent
-) !default;

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

@@ -18,6 +18,3 @@ export declare class BFormInvalidFeedback extends BvComponent {}
 
 // Component: b-form-valid-feedback
 export declare class BFormValidFeedback extends BvComponent {}
-
-// Component: b-form-datalist
-export declare class BFormDatalist extends BvComponent {}

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

@@ -1,5 +1,4 @@
 import { BForm } from './form'
-import { BFormDatalist } from './form-datalist'
 import { BFormText } from './form-text'
 import { BFormInvalidFeedback } from './form-invalid-feedback'
 import { BFormValidFeedback } from './form-valid-feedback'
@@ -9,8 +8,6 @@ import { pluginFactory } from '../../utils/plugins'
 const FormPlugin = /*#__PURE__*/ pluginFactory({
   components: {
     BForm,
-    BFormDatalist,
-    BDatalist: BFormDatalist,
     BFormText,
     BFormInvalidFeedback,
     BFormFeedback: BFormInvalidFeedback,
@@ -21,4 +18,4 @@ const FormPlugin = /*#__PURE__*/ pluginFactory({
 })
 
 // BFormRow is not exported here as a named export, as it is exported by Layout
-export { FormPlugin, BForm, BFormDatalist, BFormText, BFormInvalidFeedback, BFormValidFeedback }
+export { FormPlugin, BForm, BFormText, BFormInvalidFeedback, BFormValidFeedback }