@gitlab/ui 89.7.0 → 90.0.0

package/dist/index.js

@@ -4,7 +4,6 @@ export { default as GlTableLite } from './components/base/table_lite/table_lite'
 export { default as GlDropdownForm } from './components/base/dropdown/dropdown_form';
 export { default as GlKeysetPagination } from './components/base/keyset_pagination/keyset_pagination';
 export { default as GlInputGroupText } from './components/base/form/input_group_text/input_group_text';
-export { default as GlFormText } from './components/base/form/form_text/form_text';
 export { default as GlFormCombobox } from './components/base/form/form_combobox/form_combobox';
 export { default as GlTokenSelector } from './components/base/token_selector/token_selector';
 export { default as GlNavItemDropdown } from './components/base/nav/nav_item_dropdown';

package/package.json

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

package/src/components/base/form/form_group/form_group.scss

@@ -30,18 +30,22 @@
 
   .invalid-feedback,
   .valid-feedback,
-  .text-gl-muted,
+  .text-muted,
   .gl-text-secondary {
     @include gl-font-base;
     @include gl-line-height-normal;
   }
 
+  .text-muted {
+    @apply gl-text-subtle #{!important};
+  }
+
   .form-control {
     + .invalid-feedback,
     + .valid-feedback,
-    + .text-gl-muted,
-    &.is-valid + .invalid-feedback + .text-gl-muted,
     + .gl-text-secondary,
+    + .text-muted,
+    &.is-valid + .invalid-feedback + .text-muted,
     &.is-valid + .invalid-feedback + .gl-text-secondary {
       // See https://gitlab.com/gitlab-org/gitlab-ui/-/merge_requests/2806
       // for the reasoning behind the "valid+invalid" selector above
@@ -49,11 +53,6 @@
     }
   }
 
-  // Deprecated, soon to be removed
-  .text-gl-muted {
-    color: var(--gl-text-color-subtle);
-  }
-
   legend {
     border-bottom: 0;
   }

package/src/config.js

@@ -3,10 +3,6 @@ import translationKeys from '../translations';
 import { BVConfigPlugin } from './vendor/bootstrap-vue/src/bv-config';
 import { tooltipDelay } from './utils/constants';
 
-const bFormTextGlobalConfig = {
-  textVariant: 'gl-muted',
-};
-
 const tooltipGlobalConfig = {
   // Work around for https://github.com/bootstrap-vue/bootstrap-vue/issues/6507
   boundaryPadding: 5,
@@ -62,7 +58,6 @@ const setConfigs = ({ translations, useImprovedHideHeuristics } = {}) => {
   configured = true;
 
   Vue.use(BVConfigPlugin, {
-    BFormText: bFormTextGlobalConfig,
     BTooltip: tooltipGlobalConfig,
     BPopover: {
       delay: popoverDelayConfig,

package/src/index.js

@@ -11,7 +11,6 @@ export { default as GlTableLite } from './components/base/table_lite/table_lite.
 export { default as GlDropdownForm } from './components/base/dropdown/dropdown_form.vue';
 export { default as GlKeysetPagination } from './components/base/keyset_pagination/keyset_pagination.vue';
 export { default as GlInputGroupText } from './components/base/form/input_group_text/input_group_text.vue';
-export { default as GlFormText } from './components/base/form/form_text/form_text.vue';
 export { default as GlFormCombobox } from './components/base/form/form_combobox/form_combobox.vue';
 export { default as GlTokenSelector } from './components/base/token_selector/token_selector.vue';
 export { default as GlNavItemDropdown } from './components/base/nav/nav_item_dropdown.vue';

package/dist/components/base/form/form_text/form_text.js

@@ -1,46 +0,0 @@
-import { BFormText } from '../../../../vendor/bootstrap-vue/src/components/form/form-text';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  ...BFormText.options,
-  name: 'GlFormText',
-  render(createElement, context) {
-    return BFormText.options.render(createElement, context);
-  }
-};
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = undefined;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    {},
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/src/components/base/form/form_text/form_text.md

@@ -1,4 +0,0 @@
-# Usage
-
-The component used to render form group descriptions. Useful for when you need
-to add additional form text elements to a form group.

package/src/components/base/form/form_text/form_text.vue

@@ -1,11 +0,0 @@
-<script>
-import { BFormText } from '../../../../vendor/bootstrap-vue/src/components/form/form-text';
-
-export default {
-  ...BFormText.options,
-  name: 'GlFormText',
-  render(createElement, context) {
-    return BFormText.options.render(createElement, context);
-  },
-};
-</script>