@gitlab/ui 35.1.0 → 36.0.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [36.0.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v35.1.0...v36.0.0) (2022-02-07)
+
+
+### Code Refactoring
+
+* Move entry points to src/ ([7226b2d](https://gitlab.com/gitlab-org/gitlab-ui/commit/7226b2df695ea1c25b4083739a8ff71bc01433b8))
+
+
+### BREAKING CHANGES
+
+* If you consumed GitLab UI from source (e.g.
+`@gitlab/ui/index.js`, you need to adjust the import to
+`@gitlab/ui/src/index.js`
+
 # [35.1.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v35.0.0...v35.1.0) (2022-02-04)
 
 

package/documentation/all_components.js

@@ -1,5 +1,5 @@
-import * as chartComponents from '../charts';
-import * as components from '../index';
+import * as chartComponents from '../src/charts';
+import * as components from '../src';
 
 export const gitlabComponents = { ...components, ...chartComponents };
 export const gitlabChartComponents = { ...chartComponents };

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@gitlab/ui",
-  "version": "35.1.0",
+  "version": "36.0.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "jsnext:main": "dist/index.js",
+  "source": "src/index.js",
   "sideEffects": [
     "*.css",
     "*.scss"
@@ -17,11 +18,7 @@
     "src",
     "dist",
     "scss_to_js",
-    "documentation",
-    "index.js",
-    "charts.js",
-    "utils.js",
-    "config.js"
+    "documentation"
   ],
   "scripts": {
     "build": "NODE_ENV=production rollup -c",

package/src/charts.js

@@ -0,0 +1,19 @@
+// Add config files
+import setConfigs from './config';
+
+setConfigs();
+
+export { default as GlChart } from './components/charts/chart/chart.vue';
+export { default as GlAreaChart } from './components/charts/area/area.vue';
+export { default as GlBarChart } from './components/charts/bar/bar.vue';
+export { default as GlGaugeChart } from './components/charts/gauge/gauge.vue';
+export { default as GlLineChart } from './components/charts/line/line.vue';
+export { default as GlChartLegend } from './components/charts/legend/legend.vue';
+export { default as GlChartSeriesLabel } from './components/charts/series_label/series_label.vue';
+export { default as GlChartTooltip } from './components/charts/tooltip/tooltip.vue';
+export { default as GlHeatmap } from './components/charts/heatmap';
+export { default as GlColumnChart } from './components/charts/column/column.vue';
+export { default as GlStackedColumnChart } from './components/charts/stacked_column/stacked_column.vue';
+export { default as GlDiscreteScatterChart } from './components/charts/discrete_scatter/discrete_scatter.vue';
+export { default as GlSingleStat } from './components/charts/single_stat/single_stat.vue';
+export { default as GlSparklineChart } from './components/charts/sparkline/sparkline.vue';

package/src/components/base/alert/alert.stories.js

@@ -1,4 +1,4 @@
-import { GlAlert, GlToggle } from '../../../../index';
+import { GlAlert, GlToggle } from '../../../index';
 import { alertVariantOptions } from '../../../utils/constants';
 import readme from './alert.md';
 

package/src/components/base/avatar/avatar.stories.js

@@ -1,5 +1,5 @@
 import Vue from 'vue';
-import { GlAvatar } from '../../../../index';
+import { GlAvatar } from '../../../index';
 import { GlTooltipDirective } from '../../../directives/tooltip';
 import { avatarSizeOptions, avatarShapeOptions, tooltipPlacements } from '../../../utils/constants';
 import readme from './avatar.md';

package/src/components/base/avatar_labeled/avatar_labeled.stories.js

@@ -1,5 +1,5 @@
 import Vue from 'vue';
-import { GlAvatarLabeled, GlBadge } from '../../../../index';
+import { GlAvatarLabeled, GlBadge } from '../../../index';
 import { GlTooltipDirective } from '../../../directives/tooltip';
 import { avatarSizeOptions, avatarShapeOptions, tooltipPlacements } from '../../../utils/constants';
 import readme from './avatar_labeled.md';

package/src/components/base/avatar_link/avatar_link.stories.js

@@ -1,4 +1,4 @@
-import { GlAvatarLink, GlAvatar, GlAvatarLabeled } from '../../../../index';
+import { GlAvatarLink, GlAvatar, GlAvatarLabeled } from '../../../index';
 import { avatarSizeOptions, avatarShapeOptions } from '../../../utils/constants';
 import readme from './avatar_link.md';
 

package/src/components/base/avatars_inline/avatars_inline.stories.js

@@ -1,4 +1,4 @@
-import { GlAvatarsInline, GlAvatar, GlAvatarLink, GlTooltipDirective } from '../../../../index';
+import { GlAvatarsInline, GlAvatar, GlAvatarLink, GlTooltipDirective } from '../../../index';
 import { avatarsInlineSizeOptions } from '../../../utils/constants';
 import readme from './avatars_inline.md';
 

package/src/components/base/badge/badge.stories.js

@@ -1,5 +1,5 @@
 import iconSpriteInfo from '@gitlab/svgs/dist/icons.json';
-import { GlBadge } from '../../../../index';
+import { GlBadge } from '../../../index';
 import { badgeSizeOptions, badgeVariantOptions } from '../../../utils/constants';
 import readme from './badge.md';
 

package/src/components/base/banner/banner.stories.js

@@ -1,6 +1,6 @@
 import clusterPopoverSvg from '@gitlab/svgs/dist/illustrations/cluster_popover.svg';
 import serviceDeskCalloutSvg from '@gitlab/svgs/dist/illustrations/service_desk_callout.svg';
-import { GlBanner, GlButton } from '../../../../index';
+import { GlBanner, GlButton } from '../../../index';
 import { bannerVariants } from '../../../utils/constants';
 import readme from './banner.md';
 

package/src/components/base/breadcrumb/breadcrumb.stories.js

@@ -1,4 +1,4 @@
-import { GlBreadcrumb } from '../../../../index';
+import { GlBreadcrumb } from '../../../index';
 import readme from './breadcrumb.md';
 
 const template = `

package/src/components/base/broadcast_message/broadcast_message.stories.js

@@ -1,5 +1,5 @@
 import iconSpriteInfo from '@gitlab/svgs/dist/icons.json';
-import { GlBroadcastMessage } from '../../../../index';
+import { GlBroadcastMessage } from '../../../index';
 import { colorThemes } from '../../../utils/constants';
 import readme from './broadcast_message.md';
 

package/src/components/base/button/button.stories.js

@@ -1,4 +1,4 @@
-import { GlButton, GlButtonGroup, GlBadge, GlDropdown, GlDropdownItem } from '../../../../index';
+import { GlButton, GlButtonGroup, GlBadge, GlDropdown, GlDropdownItem } from '../../../index';
 import {
   buttonCategoryOptions,
   buttonVariantOptions,

package/src/components/base/button_group/button_group.stories.js

@@ -1,4 +1,4 @@
-import { GlButton, GlButtonGroup, GlDropdown, GlDropdownItem } from '../../../../index';
+import { GlButton, GlButtonGroup, GlDropdown, GlDropdownItem } from '../../../index';
 import readme from './button_group.md';
 
 const generateProps = ({ vertical = false } = {}) => ({ vertical });

package/src/components/base/collapse/collapse.stories.js

@@ -1,4 +1,4 @@
-import { GlButton, GlCard, GlCollapse } from '../../../../index';
+import { GlButton, GlCard, GlCollapse } from '../../../index';
 import readme from './collapse.md';
 
 const generateProps = ({ visible = false } = {}) => ({ visible });

package/src/components/base/drawer/drawer.stories.js

@@ -1,6 +1,6 @@
 import { withKnobs } from '@storybook/addon-knobs';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
-import { GlButton } from '../../../../index';
+import { GlButton } from '../../../index';
 import readme from './drawer.md';
 import GlDrawer from './drawer.vue';
 

package/src/components/base/dropdown/dropdown.stories.js

@@ -11,7 +11,7 @@ import {
   GlDropdownForm,
   GlButton,
   GlSearchBoxByType,
-} from '../../../../index';
+} from '../../../index';
 import {
   buttonCategoryOptions,
   buttonSizeOptions,

package/src/components/base/dropdown/dropdown_divider.stories.js

@@ -1,6 +1,6 @@
 import { withKnobs } from '@storybook/addon-knobs';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
-import { GlDropdownDivider } from '../../../../index';
+import { GlDropdownDivider } from '../../../index';
 import readme from './dropdown_divider.md';
 
 const components = {

package/src/components/base/dropdown/dropdown_form.stories.js

@@ -1,6 +1,6 @@
 import { withKnobs } from '@storybook/addon-knobs';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
-import { GlDropdownForm, GlButton } from '../../../../index';
+import { GlDropdownForm, GlButton } from '../../../index';
 import readme from './dropdown_form.md';
 
 const components = {

package/src/components/base/dropdown/dropdown_item.stories.js

@@ -1,6 +1,6 @@
 import { withKnobs } from '@storybook/addon-knobs';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
-import { GlDropdownItem } from '../../../../index';
+import { GlDropdownItem } from '../../../index';
 import readme from './dropdown_item.md';
 
 const components = {

package/src/components/base/dropdown/dropdown_section_header.stories.js

@@ -1,6 +1,6 @@
 import { withKnobs } from '@storybook/addon-knobs';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
-import { GlDropdownSectionHeader } from '../../../../index';
+import { GlDropdownSectionHeader } from '../../../index';
 import readme from './dropdown_section_header.md';
 
 const components = {

package/src/components/base/dropdown/dropdown_text.stories.js

@@ -1,6 +1,6 @@
 import { withKnobs } from '@storybook/addon-knobs';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
-import { GlDropdownText } from '../../../../index';
+import { GlDropdownText } from '../../../index';
 import readme from './dropdown_text.md';
 
 const components = {

package/src/components/base/filtered_search/filtered_search.stories.js

@@ -7,7 +7,7 @@ import {
   GlLoadingIcon,
   GlToken,
   GlAvatar,
-} from '../../../../index';
+} from '../../../index';
 import { setStoryTimeout } from '../../../utils/test_utils';
 import readme from './filtered_search.md';
 

package/src/components/base/filtered_search/filtered_search_suggestion.stories.js

@@ -1,5 +1,5 @@
 import { withKnobs } from '@storybook/addon-knobs';
-import { GlFilteredSearchSuggestion } from '../../../../index';
+import { GlFilteredSearchSuggestion } from '../../../index';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
 import readme from './filtered_search_suggestion.md';
 

package/src/components/base/filtered_search/filtered_search_suggestion_list.stories.js

@@ -1,5 +1,5 @@
 import { withKnobs } from '@storybook/addon-knobs';
-import { GlFilteredSearchSuggestionList, GlFilteredSearchSuggestion } from '../../../../index';
+import { GlFilteredSearchSuggestionList, GlFilteredSearchSuggestion } from '../../../index';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
 import { provide } from './common_story_options';
 import readme from './filtered_search_suggestion_list.md';

package/src/components/base/filtered_search/filtered_search_token.stories.js

@@ -2,7 +2,7 @@ import { withKnobs, boolean } from '@storybook/addon-knobs';
 import PortalVue from 'portal-vue';
 import Vue from 'vue';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
-import { GlIcon } from '../../../../index';
+import { GlIcon } from '../../../index';
 import { provide } from './common_story_options';
 import GlFilteredSearchSuggestion from './filtered_search_suggestion.vue';
 import readme from './filtered_search_token.md';

package/src/components/base/filtered_search/filtered_search_token_segment.stories.js

@@ -1,7 +1,7 @@
 import { withKnobs, boolean } from '@storybook/addon-knobs';
 import PortalVue from 'portal-vue';
 import Vue from 'vue';
-import { GlFilteredSearchSuggestion } from '../../../../index';
+import { GlFilteredSearchSuggestion } from '../../../index';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
 import { provide } from './common_story_options';
 import readme from './filtered_search_term.md';

package/src/components/base/form/form.stories.js

@@ -5,7 +5,7 @@ import {
   GlFormSelect,
   GlFormCheckbox,
   GlButton,
-} from '../../../../index';
+} from '../../../index';
 import { setStoryTimeout } from '../../../utils/test_utils';
 import readme from './form.md';
 

package/src/components/base/form/form_checkbox/form_checkbox.stories.js

@@ -1,4 +1,4 @@
-import { GlFormCheckbox, GlFormCheckboxGroup } from '../../../../../index';
+import { GlFormCheckbox, GlFormCheckboxGroup } from '../../../../index';
 import readme from './form_checkbox.md';
 
 const components = {

package/src/components/base/form/form_group/form_group.stories.js

@@ -1,6 +1,6 @@
 import { withKnobs, text, select, boolean } from '@storybook/addon-knobs';
 import { documentedStoriesOf } from '../../../../../documentation/documented_stories';
-import { GlFormGroup, GlFormInput, GlFormTextarea } from '../../../../../index';
+import { GlFormGroup, GlFormInput, GlFormTextarea } from '../../../../index';
 import { sizeOptions } from '../../../../utils/constants';
 import readme from './form_group.md';
 

package/src/components/base/form/form_input/form_input.stories.js

@@ -1,4 +1,4 @@
-import { GlFormInput } from '../../../../../index';
+import { GlFormInput } from '../../../../index';
 import { formInputSizes } from '../../../../utils/constants';
 import readme from './form_input.md';
 

package/src/components/base/form/form_input_group/form_input_group.stories.js

@@ -1,6 +1,6 @@
 import { withKnobs, boolean, object, text } from '@storybook/addon-knobs';
 import { documentedStoriesOf } from '../../../../../documentation/documented_stories';
-import { GlFormInputGroup, GlInputGroupText } from '../../../../../index';
+import { GlFormInputGroup, GlInputGroupText } from '../../../../index';
 import readme from './form_input_group.md';
 
 const components = {

package/src/components/base/form/form_radio/form_radio.stories.js

@@ -1,4 +1,4 @@
-import { GlFormRadio } from '../../../../../index';
+import { GlFormRadio } from '../../../../index';
 import readme from './form_radio.md';
 
 const defaultOptions = [

package/src/components/base/form/form_radio_group/form_radio_group.stories.js

@@ -1,6 +1,6 @@
 import { withKnobs, object, text } from '@storybook/addon-knobs';
 import { documentedStoriesOf } from '../../../../../documentation/documented_stories';
-import { GlFormRadioGroup, GlFormRadio } from '../../../../../index';
+import { GlFormRadioGroup, GlFormRadio } from '../../../../index';
 import readme from './form_radio_group.md';
 
 const components = {

package/src/components/base/form/form_select/form_select.stories.js

@@ -1,4 +1,4 @@
-import { GlFormSelect } from '../../../../../index';
+import { GlFormSelect } from '../../../../index';
 import { sizeOptions, formStateOptions } from '../../../../utils/constants';
 import { formSelectOptions } from './constants';
 import readme from './form_select.md';

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

@@ -1,3 +1,5 @@
 <script>
-export { BFormText as default } from 'bootstrap-vue';
+import { BFormText } from 'bootstrap-vue';
+
+export default BFormText;
 </script>

package/src/components/base/form/form_textarea/form_textarea.stories.js

@@ -1,4 +1,4 @@
-import { GlFormTextarea } from '../../../../../index';
+import { GlFormTextarea } from '../../../../index';
 import readme from './form_textarea.md';
 
 const template = `

package/src/components/base/icon/icon.stories.js

@@ -1,5 +1,5 @@
 import iconSpriteInfo from '@gitlab/svgs/dist/icons.json';
-import { GlIcon } from '../../../../index';
+import { GlIcon } from '../../../index';
 import { iconSizeOptions } from '../../../utils/constants';
 import readme from './icon.md';
 

package/src/components/base/infinite_scroll/infinite_scroll.stories.js

@@ -1,5 +1,5 @@
 import { setStoryTimeout } from '../../../utils/test_utils';
-import { GlInfiniteScroll } from '../../../../index';
+import { GlInfiniteScroll } from '../../../index';
 import readme from './infinite_scroll.md';
 
 const ITEMS_BATCH_SIZE = 20;

package/src/components/base/label/label.stories.js

@@ -1,4 +1,4 @@
-import { GlLabel } from '../../../../index';
+import { GlLabel } from '../../../index';
 import { labelSizeOptions, tooltipPlacements } from '../../../utils/constants';
 import readme from './label.md';
 

package/src/components/base/link/link.stories.js

@@ -1,4 +1,4 @@
-import { GlLink } from '../../../../index';
+import { GlLink } from '../../../index';
 import { targetOptions } from '../../../utils/constants';
 import readme from './link.md';
 

package/src/components/base/loading_icon/loading_icon.stories.js

@@ -1,4 +1,4 @@
-import { GlLoadingIcon } from '../../../../index';
+import { GlLoadingIcon } from '../../../index';
 import { viewModeOptions, loadingIconSizes } from '../../../utils/constants';
 import readme from './loading_icon.md';
 

package/src/components/base/modal/modal.stories.js

@@ -1,4 +1,4 @@
-import { GlModal, GlModalDirective, GlButton } from '../../../../index';
+import { GlModal, GlModalDirective, GlButton } from '../../../index';
 import { variantOptionsWithNoDefault } from '../../../utils/constants';
 import readme from './modal.md';
 

package/src/components/base/nav/nav.stories.js

@@ -5,7 +5,7 @@ import {
   GlDropdownItem,
   GlDropdownDivider,
   GlIcon,
-} from '../../../../index';
+} from '../../../index';
 import readme from './nav.md';
 
 export const Default = (_args, { argTypes }) => ({

package/src/components/base/navbar/navbar.stories.js

@@ -1,4 +1,4 @@
-import { GlNavbar } from '../../../../index';
+import { GlNavbar } from '../../../index';
 import readme from './navbar.md';
 
 const Template = (args, { argTypes }) => ({

package/src/components/base/paginated_list/paginated_list.stories.js

@@ -1,4 +1,4 @@
-import { GlPaginatedList, GlButton } from '../../../../index';
+import { GlPaginatedList, GlButton } from '../../../index';
 import readme from './paginated_list.md';
 
 const sampleList = [

package/src/components/base/path/path.stories.js

@@ -1,4 +1,4 @@
-import { GlPath, GlPopover } from '../../../../index';
+import { GlPath, GlPopover } from '../../../index';
 import { glThemes } from '../../../utils/constants';
 import { mockPathItems } from './data';
 import readme from './path.md';

package/src/components/base/popover/popover.stories.js

@@ -1,5 +1,5 @@
 import { withKnobs, select, text } from '@storybook/addon-knobs';
-import { GlPopover, GlButton } from '../../../../index';
+import { GlPopover, GlButton } from '../../../index';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
 import { popoverPlacements } from '../../../utils/constants';
 

package/src/components/base/progress_bar/progress_bar.stories.js

@@ -1,4 +1,4 @@
-import { GlProgressBar } from '../../../../index';
+import { GlProgressBar } from '../../../index';
 import { variantOptions } from '../../../utils/constants';
 
 const generateProps = ({ value = 30, variant = variantOptions.primary } = {}) => ({

package/src/components/base/search_box_by_click/search_box_by_click.stories.js

@@ -1,6 +1,6 @@
 import { withKnobs, boolean, text } from '@storybook/addon-knobs';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
-import { GlSearchBoxByClick } from '../../../../index';
+import { GlSearchBoxByClick } from '../../../index';
 import readme from './search_box_by_click.md';
 
 const components = {

package/src/components/base/search_box_by_type/search_box_by_type.stories.js

@@ -1,6 +1,6 @@
 import { withKnobs, boolean, text } from '@storybook/addon-knobs';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
-import { GlSearchBoxByType } from '../../../../index';
+import { GlSearchBoxByType } from '../../../index';
 import readme from './search_box_by_type.md';
 
 const components = {

package/src/components/base/segmented_control/segmented_control.stories.js

@@ -1,4 +1,4 @@
-import { GlSegmentedControl } from '../../../../index';
+import { GlSegmentedControl } from '../../../index';
 import readme from './segmented_control.md';
 
 const defaultOptions = [

package/src/components/base/skeleton_loader/skeleton_loader.stories.js

@@ -1,4 +1,4 @@
-import { GlSkeletonLoader } from '../../../../index';
+import { GlSkeletonLoader } from '../../../index';
 import readme from './skeleton_loader.md';
 
 const Template = (args) => ({

package/src/components/base/skeleton_loading/skeleton_loading.stories.js

@@ -1,4 +1,4 @@
-import { GlDeprecatedSkeletonLoading } from '../../../../index';
+import { GlDeprecatedSkeletonLoading } from '../../../index';
 import readme from './skeleton_loading.md';
 
 const components = {

package/src/components/base/sorting/sorting.stories.js

@@ -1,4 +1,4 @@
-import { GlSorting, GlSortingItem } from '../../../../index';
+import { GlSorting, GlSortingItem } from '../../../index';
 import { makeContainer } from '../../../utils/story_decorators/container';
 import readme from './sorting.md';
 

package/src/components/base/sorting/sorting_item.stories.js

@@ -1,4 +1,4 @@
-import { GlSorting, GlSortingItem } from '../../../../index';
+import { GlSorting, GlSortingItem } from '../../../index';
 import { makeContainer } from '../../../utils/story_decorators/container';
 import readme from './sorting_item.md';
 

package/src/components/base/table/table.stories.js

@@ -1,4 +1,4 @@
-import { GlTable, GlFormInput } from '../../../../index';
+import { GlTable, GlFormInput } from '../../../index';
 import readme from './table.md';
 
 const components = { GlTable };

package/src/components/base/tabs/tabs/tabs.spec.js

@@ -1,6 +1,6 @@
 import { mount } from '@vue/test-utils';
 import { nextTick } from 'vue';
-import { GlButton } from '../../../../../index';
+import { GlButton } from '../../../../index';
 import { tabsButtonDefaults } from '../../../../utils/constants';
 import GlTab from '../tab/tab.vue';
 import GlTabs from './tabs.vue';

package/src/components/base/tabs/tabs/tabs.stories.js

@@ -1,7 +1,7 @@
 import { withKnobs, boolean } from '@storybook/addon-knobs';
 import { range } from 'lodash';
 import { documentedStoriesOf } from '../../../../../documentation/documented_stories';
-import { GlTabs, GlTab, GlScrollableTabs } from '../../../../../index';
+import { GlTabs, GlTab, GlScrollableTabs } from '../../../../index';
 import docs from './tabs.md';
 
 const ScrollableTabsGenerator = {

package/src/components/base/toast/toast.stories.js

@@ -1,5 +1,5 @@
 import Vue from 'vue';
-import { GlToast, GlButton } from '../../../../index';
+import { GlToast, GlButton } from '../../../index';
 import readme from './toast.md';
 
 Vue.use(GlToast);

package/src/components/base/toggle/toggle.stories.js

@@ -1,4 +1,4 @@
-import { GlToggle } from '../../../../index';
+import { GlToggle } from '../../../index';
 import { toggleLabelPosition } from '../../../utils/constants';
 import readme from './toggle.md';
 

package/src/components/base/token/token.stories.js

@@ -1,4 +1,4 @@
-import { GlToken, GlAvatar } from '../../../../index';
+import { GlToken, GlAvatar } from '../../../index';
 import { tokenVariants } from '../../../utils/constants';
 
 import readme from './token.md';

package/src/components/base/tooltip/tooltip.stories.js

@@ -1,4 +1,4 @@
-import { GlTooltip, GlTooltipDirective, GlButton } from '../../../../index';
+import { GlTooltip, GlTooltipDirective, GlButton } from '../../../index';
 import readme from './tooltip.md';
 
 function makeTooltip(modifier = '') {

package/src/components/charts/area/area.stories.js

@@ -1,6 +1,6 @@
 import { withKnobs, object, array, boolean } from '@storybook/addon-knobs';
 import { times } from 'lodash';
-import { GlAreaChart } from '../../../../charts';
+import { GlAreaChart } from '../../../charts';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
 import { mockAnnotationsSeries, mockAnnotationsConfigs } from '../../../utils/charts/mock_data';
 import { toolbox } from '../../../utils/charts/story_config';

package/src/components/charts/bar/bar.stories.js

@@ -1,4 +1,4 @@
-import { GlBarChart } from '../../../../charts';
+import { GlBarChart } from '../../../charts';
 import readme from './bar.md';
 
 const Template = (args, { argTypes }) => ({

package/src/components/charts/chart/chart.stories.js

@@ -1,5 +1,5 @@
-import { GlChart } from '../../../../charts';
-import { GlTabs, GlTab } from '../../../../index';
+import { GlChart } from '../../../charts';
+import { GlTabs, GlTab } from '../../../index';
 import readme from './chart.md';
 
 const Template = (args, { argTypes = {} }) => ({

package/src/components/charts/column/column.stories.js

@@ -1,4 +1,4 @@
-import { GlColumnChart } from '../../../../charts';
+import { GlColumnChart } from '../../../charts';
 import {
   mockDefaultLineData,
   mockDefaultBarData,

package/src/components/charts/discrete_scatter/discrete_scatter.stories.js

@@ -1,4 +1,4 @@
-import { GlDiscreteScatterChart } from '../../../../charts';
+import { GlDiscreteScatterChart } from '../../../charts';
 
 const Template = (args, { argTypes }) => ({
   components: { GlDiscreteScatterChart },

package/src/components/charts/heatmap/heatmap.stories.js

@@ -1,4 +1,4 @@
-import { GlHeatmap } from '../../../../charts';
+import { GlHeatmap } from '../../../charts';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
 import { toolbox } from '../../../utils/charts/story_config';
 import readme from '../area/area.md';

package/src/components/charts/legend/legend.stories.js

@@ -1,4 +1,4 @@
-import { GlChart, GlChartLegend } from '../../../../charts';
+import { GlChart, GlChartLegend } from '../../../charts';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
 import { LEGEND_LAYOUT_TABLE } from '../../../utils/charts/constants';
 import { generateSeriesData } from '../../../utils/charts/story_config';

package/src/components/charts/line/line.stories.js

@@ -1,5 +1,5 @@
 import { withKnobs, object, boolean, array } from '@storybook/addon-knobs';
-import { GlLineChart } from '../../../../charts';
+import { GlLineChart } from '../../../charts';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
 import { mockAnnotationsSeries, mockAnnotationsConfigs } from '../../../utils/charts/mock_data';
 import { toolbox } from '../../../utils/charts/story_config';

package/src/components/charts/series_label/series_label.stories.js

@@ -1,5 +1,5 @@
 import { withKnobs, text } from '@storybook/addon-knobs';
-import { GlChartSeriesLabel } from '../../../../charts';
+import { GlChartSeriesLabel } from '../../../charts';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
 import { colorPaletteDefault } from '../../../utils/charts/theme';
 import {

package/src/components/charts/single_stat/single_stat.stories.js

@@ -1,6 +1,6 @@
 import iconSpriteInfo from '@gitlab/svgs/dist/icons.json';
 import { withKnobs, text, select, boolean, number } from '@storybook/addon-knobs';
-import { GlSingleStat } from '../../../../charts';
+import { GlSingleStat } from '../../../charts';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
 import { badgeVariantOptions } from '../../../utils/constants';
 import readme from './single_stat.md';

package/src/components/charts/sparkline/sparkline.stories.js

@@ -1,4 +1,4 @@
-import { GlSparklineChart } from '../../../../charts';
+import { GlSparklineChart } from '../../../charts';
 import readme from './sparkline.md';
 
 const chartData = [

package/src/components/charts/stacked_column/stacked_column.stories.js

@@ -1,4 +1,4 @@
-import { GlStackedColumnChart } from '../../../../charts';
+import { GlStackedColumnChart } from '../../../charts';
 import {
   mockDefaultStackedLineData,
   mockDefaultStackedBarData,

package/src/components/charts/tooltip/tooltip.stories.js

@@ -1,4 +1,4 @@
-import { GlChart, GlChartTooltip, GlChartSeriesLabel } from '../../../../charts';
+import { GlChart, GlChartTooltip, GlChartSeriesLabel } from '../../../charts';
 import {
   SERIES_NAME,
   SERIES_NAME_LONG,

package/src/components/regions/dashboard_skeleton/dashboard_skeleton.stories.js

@@ -1,4 +1,4 @@
-import { GlDashboardSkeleton } from '../../../../index';
+import { GlDashboardSkeleton } from '../../../index';
 import readme from './dashboard_skeleton.md';
 
 const defaultValue = (prop) => GlDashboardSkeleton.props[prop].default;

package/src/components/regions/empty_state/empty_state.stories.js

@@ -1,4 +1,4 @@
-import { GlButton, GlEmptyState } from '../../../../index';
+import { GlButton, GlEmptyState } from '../../../index';
 import readme from './empty_state.md';
 
 const template = `

package/src/components/utilities/friendly_wrap/friendly_wrap.stories.js

@@ -1,4 +1,4 @@
-import { GlFriendlyWrap } from '../../../../index';
+import { GlFriendlyWrap } from '../../../index';
 import readme from './friendly_wrap.md';
 
 const components = {

package/src/components/utilities/intersection_observer/intersection_observer.stories.js

@@ -1,4 +1,4 @@
-import { GlIntersectionObserver } from '../../../../index';
+import { GlIntersectionObserver } from '../../../index';
 import readme from './intersection_observer.md';
 
 const components = {

package/src/components/utilities/intersperse/intersperse.stories.js

@@ -1,4 +1,4 @@
-import { GlIntersperse } from '../../../../index';
+import { GlIntersperse } from '../../../index';
 import readme from './intersperse.md';
 
 const template = `

package/src/components/utilities/sprintf/sprintf.stories.js

@@ -1,4 +1,4 @@
-import { GlSprintf, GlButton, GlLink } from '../../../../index';
+import { GlSprintf, GlButton, GlLink } from '../../../index';
 import readme from './sprintf.md';
 
 const generateProps = ({ message = 'Written by %{author}', placeholders } = {}) => ({

package/src/components/utilities/truncate/truncate.stories.js

@@ -1,4 +1,4 @@
-import { GlTruncate } from '../../../../index';
+import { GlTruncate } from '../../../index';
 import { POSITION } from './constants';
 import readme from './truncate.md';
 

package/{config.js → src/config.js}

@@ -1,6 +1,6 @@
 import { BVConfigPlugin } from 'bootstrap-vue';
 import Vue from 'vue';
-import { tooltipDelay } from './src/utils/constants';
+import { tooltipDelay } from './utils/constants';
 
 const bFormTextGlobalConfig = {
   textVariant: 'gl-muted',

package/src/directives/hover_load/hover_load.stories.js

@@ -1,6 +1,6 @@
 import { text } from '@storybook/addon-knobs';
 import { documentedStoriesOf } from '../../../documentation/documented_stories';
-import { GlHoverLoadDirective } from '../../../index';
+import { GlHoverLoadDirective } from '../../index';
 import readme from './hover_load.md';
 
 const directives = {

package/src/directives/outside/outside.stories.js

@@ -1,4 +1,4 @@
-import { GlOutsideDirective } from '../../../index';
+import { GlOutsideDirective } from '../../index';
 import GlButton from '../../components/base/button/button.vue';
 import readme from './outside.md';
 

package/src/directives/resize_observer/resize_observer.stories.js

@@ -1,6 +1,6 @@
 import { withKnobs, select } from '@storybook/addon-knobs';
 import { documentedStoriesOf } from '../../../documentation/documented_stories';
-import { GlResizeObserverDirective } from '../../../index';
+import { GlResizeObserverDirective } from '../../index';
 import readme from './resize_observer.md';
 
 documentedStoriesOf('directives/resize-observer-directive', readme)

package/src/directives/safe_html/safe_html.stories.js

@@ -2,7 +2,7 @@ import { withKnobs, text } from '@storybook/addon-knobs';
 import { sanitize } from 'dompurify';
 import { escape } from 'lodash';
 import { documentedStoriesOf } from '../../../documentation/documented_stories';
-import { GlSafeHtmlDirective } from '../../../index';
+import { GlSafeHtmlDirective } from '../../index';
 import readme from './safe_html.md';
 
 documentedStoriesOf('directives/safe-html-directive', readme)

package/src/index.js

@@ -0,0 +1,111 @@
+// DO NOT REMOVE
+/* auto-inject-styles */
+// The line above serves as a token for rollup-plugin-replace to inject styles in production
+// builds. We do this to avoid having the stylesheet included multiple times in Storybook.
+
+// Components
+// ADD COMPONENT EXPORTS - needed for yarn generate:component. Do not remove
+export { default as GlTableLite } from './components/base/table_lite/table_lite.vue';
+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';
+export { default as GlNav } from './components/base/nav/nav.vue';
+export { default as GlNavItem } from './components/base/nav/nav_item.vue';
+export { default as GlFormCheckboxTree } from './components/base/form/form_checkbox_tree/form_checkbox_tree.vue';
+export { default as GlMarkdown } from './components/base/markdown/markdown.vue';
+export { default as GlNavbar } from './components/base/navbar/navbar.vue';
+export { default as GlIntersectionObserver } from './components/utilities/intersection_observer/intersection_observer.vue';
+export { default as GlLink } from './components/base/link/link.vue';
+export { default as GlIcon } from './components/base/icon/icon.vue';
+export { default as GlLoadingIcon } from './components/base/loading_icon/loading_icon.vue';
+export { default as GlModal } from './components/base/modal/modal.vue';
+export { default as GlPagination } from './components/base/pagination/pagination.vue';
+export { default as GlPaginatedList } from './components/base/paginated_list/paginated_list.vue';
+export { default as GlPopover } from './components/base/popover/popover.vue';
+export { default as GlProgressBar } from './components/base/progress_bar/progress_bar.vue';
+export { default as GlToken } from './components/base/token/token.vue';
+export {
+  default as GlSkeletonLoading,
+  default as GlDeprecatedSkeletonLoading,
+} from './components/base/skeleton_loading/skeleton_loading.vue';
+export { default as GlBadge } from './components/base/badge/badge.vue';
+export { default as GlBanner } from './components/base/banner/banner.vue';
+export { default as GlButton } from './components/base/button/button.vue';
+export { default as GlTooltip } from './components/base/tooltip/tooltip.vue';
+export { default as GlToast } from './components/base/toast/toast';
+export { default as GlDashboardSkeleton } from './components/regions/dashboard_skeleton/dashboard_skeleton.vue';
+export { default as GlEmptyState } from './components/regions/empty_state/empty_state.vue';
+export { default as GlForm } from './components/base/form/form.vue';
+export { default as GlFormInput } from './components/base/form/form_input/form_input.vue';
+export { default as GlFormInputGroup } from './components/base/form/form_input_group/form_input_group.vue';
+export { default as GlFormRadio } from './components/base/form/form_radio/form_radio.vue';
+export { default as GlFormRadioGroup } from './components/base/form/form_radio_group/form_radio_group.vue';
+export { default as GlFormSelect } from './components/base/form/form_select/form_select.vue';
+export { default as GlFormTextarea } from './components/base/form/form_textarea/form_textarea.vue';
+export { default as GlFormGroup } from './components/base/form/form_group/form_group.vue';
+export { default as GlSearchBoxByType } from './components/base/search_box_by_type/search_box_by_type.vue';
+export { default as GlSearchBoxByClick } from './components/base/search_box_by_click/search_box_by_click.vue';
+export { default as GlDropdownItem } from './components/base/dropdown/dropdown_item.vue';
+export { default as GlDropdownSectionHeader } from './components/base/dropdown/dropdown_section_header.vue';
+export { default as GlDropdownDivider } from './components/base/dropdown/dropdown_divider.vue';
+export { default as GlDropdownText } from './components/base/dropdown/dropdown_text.vue';
+export { default as GlDropdown } from './components/base/dropdown/dropdown.vue';
+export { default as GlPath } from './components/base/path/path.vue';
+export { default as GlTable } from './components/base/table/table.vue';
+export { default as GlBreadcrumb } from './components/base/breadcrumb/breadcrumb.vue';
+export { default as GlScrollableTabs } from './components/base/tabs/tabs/scrollable_tabs.vue';
+export { default as GlTabs } from './components/base/tabs/tabs/tabs.vue';
+export { default as GlTab } from './components/base/tabs/tab/tab.vue';
+export { default as GlButtonGroup } from './components/base/button_group/button_group.vue';
+export { default as GlFormCheckbox } from './components/base/form/form_checkbox/form_checkbox.vue';
+export { default as GlFormCheckboxGroup } from './components/base/form/form_checkbox/form_checkbox_group.vue';
+export { default as GlAvatar } from './components/base/avatar/avatar.vue';
+export { default as GlAvatarsInline } from './components/base/avatars_inline/avatars_inline.vue';
+export { default as GlAvatarLabeled } from './components/base/avatar_labeled/avatar_labeled.vue';
+export { default as GlAvatarLink } from './components/base/avatar_link/avatar_link.vue';
+export { default as GlLabel } from './components/base/label/label.vue';
+export { default as GlDatepicker } from './components/base/datepicker/datepicker.vue';
+export { default as GlDaterangePicker } from './components/base/daterange_picker/daterange_picker.vue';
+export { default as GlToggle } from './components/base/toggle/toggle.vue';
+export { default as GlSorting } from './components/base/sorting/sorting.vue';
+export { default as GlSortingItem } from './components/base/sorting/sorting_item.vue';
+export { default as GlInfiniteScroll } from './components/base/infinite_scroll/infinite_scroll.vue';
+export { default as GlAlert } from './components/base/alert/alert.vue';
+export { default as GlSegmentedControl } from './components/base/segmented_control/segmented_control.vue';
+export { default as GlSkeletonLoader } from './components/base/skeleton_loader/skeleton_loader.vue';
+export { default as GlDrawer } from './components/base/drawer/drawer.vue';
+export { default as GlCard } from './components/base/card/card.vue';
+export { default as GlFilteredSearchSuggestion } from './components/base/filtered_search/filtered_search_suggestion.vue';
+export { default as GlFilteredSearchSuggestionList } from './components/base/filtered_search/filtered_search_suggestion_list.vue';
+export { default as GlFilteredSearchTerm } from './components/base/filtered_search/filtered_search_term.vue';
+export { default as GlFilteredSearchToken } from './components/base/filtered_search/filtered_search_token.vue';
+export { default as GlFilteredSearchTokenSegment } from './components/base/filtered_search/filtered_search_token_segment.vue';
+export { default as GlFilteredSearch } from './components/base/filtered_search/filtered_search.vue';
+export { default as GlBroadcastMessage } from './components/base/broadcast_message/broadcast_message.vue';
+export { default as GlCollapse } from './components/base/collapse/collapse.vue';
+export { default as GlAccordion } from './components/base/accordion/accordion.vue';
+export { default as GlAccordionItem } from './components/base/accordion/accordion_item.vue';
+export { default as GlCarousel } from './components/base/carousel/carousel.vue';
+export { default as GlCarouselSlide } from './components/base/carousel/carousel_slide.vue';
+export { default as RichTextEditor } from './components/editors/rich_text_editor/rich_text_editor.vue';
+
+// Utilities
+export { default as GlAnimatedNumber } from './components/utilities/animated_number/animated_number.vue';
+export { default as GlFriendlyWrap } from './components/utilities/friendly_wrap/friendly_wrap.vue';
+export { default as GlIntersperse } from './components/utilities/intersperse/intersperse.vue';
+export { default as GlSprintf } from './components/utilities/sprintf/sprintf.vue';
+export { default as GlTruncate } from './components/utilities/truncate/truncate.vue';
+
+// Directives
+export { GlModalDirective } from './directives/modal';
+export { GlTooltipDirective } from './directives/tooltip';
+export { GlResizeObserverDirective } from './directives/resize_observer/resize_observer';
+export { GlCollapseToggleDirective } from './directives/collapse_toggle';
+export { SafeLinkDirective as GlSafeLinkDirective } from './directives/safe_link/safe_link';
+export { SafeHtmlDirective as GlSafeHtmlDirective } from './directives/safe_html/safe_html';
+export { OutsideDirective as GlOutsideDirective } from './directives/outside/outside';
+export { HoverLoadDirective as GlHoverLoadDirective } from './directives/hover_load/hover_load';

package/{utils.js → src/utils.js}

@@ -1 +1 @@
-export { default as GlBreakpointInstance, breakpoints } from './src/utils/breakpoints';
+export { default as GlBreakpointInstance, breakpoints } from './utils/breakpoints';

package/charts.js

@@ -1,19 +0,0 @@
-// Add config files
-import setConfigs from './config';
-
-setConfigs();
-
-export { default as GlChart } from './src/components/charts/chart/chart.vue';
-export { default as GlAreaChart } from './src/components/charts/area/area.vue';
-export { default as GlBarChart } from './src/components/charts/bar/bar.vue';
-export { default as GlGaugeChart } from './src/components/charts/gauge/gauge.vue';
-export { default as GlLineChart } from './src/components/charts/line/line.vue';
-export { default as GlChartLegend } from './src/components/charts/legend/legend.vue';
-export { default as GlChartSeriesLabel } from './src/components/charts/series_label/series_label.vue';
-export { default as GlChartTooltip } from './src/components/charts/tooltip/tooltip.vue';
-export { default as GlHeatmap } from './src/components/charts/heatmap';
-export { default as GlColumnChart } from './src/components/charts/column/column.vue';
-export { default as GlStackedColumnChart } from './src/components/charts/stacked_column/stacked_column.vue';
-export { default as GlDiscreteScatterChart } from './src/components/charts/discrete_scatter/discrete_scatter.vue';
-export { default as GlSingleStat } from './src/components/charts/single_stat/single_stat.vue';
-export { default as GlSparklineChart } from './src/components/charts/sparkline/sparkline.vue';

package/index.js

@@ -1,111 +0,0 @@
-// DO NOT REMOVE
-/* auto-inject-styles */
-// The line above serves as a token for rollup-plugin-replace to inject styles in production
-// builds. We do this to avoid having the stylesheet included multiple times in Storybook.
-
-// Components
-// ADD COMPONENT EXPORTS - needed for yarn generate:component. Do not remove
-export { default as GlTableLite } from './src/components/base/table_lite/table_lite.vue';
-export { default as GlDropdownForm } from './src/components/base/dropdown/dropdown_form.vue';
-export { default as GlKeysetPagination } from './src/components/base/keyset_pagination/keyset_pagination.vue';
-export { default as GlInputGroupText } from './src/components/base/form/input_group_text/input_group_text.vue';
-export { default as GlFormText } from './src/components/base/form/form_text/form_text.vue';
-export { default as GlFormCombobox } from './src/components/base/form/form_combobox/form_combobox.vue';
-export { default as GlTokenSelector } from './src/components/base/token_selector/token_selector.vue';
-export { default as GlNavItemDropdown } from './src/components/base/nav/nav_item_dropdown.vue';
-export { default as GlNav } from './src/components/base/nav/nav.vue';
-export { default as GlNavItem } from './src/components/base/nav/nav_item.vue';
-export { default as GlFormCheckboxTree } from './src/components/base/form/form_checkbox_tree/form_checkbox_tree.vue';
-export { default as GlMarkdown } from './src/components/base/markdown/markdown.vue';
-export { default as GlNavbar } from './src/components/base/navbar/navbar.vue';
-export { default as GlIntersectionObserver } from './src/components/utilities/intersection_observer/intersection_observer.vue';
-export { default as GlLink } from './src/components/base/link/link.vue';
-export { default as GlIcon } from './src/components/base/icon/icon.vue';
-export { default as GlLoadingIcon } from './src/components/base/loading_icon/loading_icon.vue';
-export { default as GlModal } from './src/components/base/modal/modal.vue';
-export { default as GlPagination } from './src/components/base/pagination/pagination.vue';
-export { default as GlPaginatedList } from './src/components/base/paginated_list/paginated_list.vue';
-export { default as GlPopover } from './src/components/base/popover/popover.vue';
-export { default as GlProgressBar } from './src/components/base/progress_bar/progress_bar.vue';
-export { default as GlToken } from './src/components/base/token/token.vue';
-export {
-  default as GlSkeletonLoading,
-  default as GlDeprecatedSkeletonLoading,
-} from './src/components/base/skeleton_loading/skeleton_loading.vue';
-export { default as GlBadge } from './src/components/base/badge/badge.vue';
-export { default as GlBanner } from './src/components/base/banner/banner.vue';
-export { default as GlButton } from './src/components/base/button/button.vue';
-export { default as GlTooltip } from './src/components/base/tooltip/tooltip.vue';
-export { default as GlToast } from './src/components/base/toast/toast';
-export { default as GlDashboardSkeleton } from './src/components/regions/dashboard_skeleton/dashboard_skeleton.vue';
-export { default as GlEmptyState } from './src/components/regions/empty_state/empty_state.vue';
-export { default as GlForm } from './src/components/base/form/form.vue';
-export { default as GlFormInput } from './src/components/base/form/form_input/form_input.vue';
-export { default as GlFormInputGroup } from './src/components/base/form/form_input_group/form_input_group.vue';
-export { default as GlFormRadio } from './src/components/base/form/form_radio/form_radio.vue';
-export { default as GlFormRadioGroup } from './src/components/base/form/form_radio_group/form_radio_group.vue';
-export { default as GlFormSelect } from './src/components/base/form/form_select/form_select.vue';
-export { default as GlFormTextarea } from './src/components/base/form/form_textarea/form_textarea.vue';
-export { default as GlFormGroup } from './src/components/base/form/form_group/form_group.vue';
-export { default as GlSearchBoxByType } from './src/components/base/search_box_by_type/search_box_by_type.vue';
-export { default as GlSearchBoxByClick } from './src/components/base/search_box_by_click/search_box_by_click.vue';
-export { default as GlDropdownItem } from './src/components/base/dropdown/dropdown_item.vue';
-export { default as GlDropdownSectionHeader } from './src/components/base/dropdown/dropdown_section_header.vue';
-export { default as GlDropdownDivider } from './src/components/base/dropdown/dropdown_divider.vue';
-export { default as GlDropdownText } from './src/components/base/dropdown/dropdown_text.vue';
-export { default as GlDropdown } from './src/components/base/dropdown/dropdown.vue';
-export { default as GlPath } from './src/components/base/path/path.vue';
-export { default as GlTable } from './src/components/base/table/table.vue';
-export { default as GlBreadcrumb } from './src/components/base/breadcrumb/breadcrumb.vue';
-export { default as GlScrollableTabs } from './src/components/base/tabs/tabs/scrollable_tabs.vue';
-export { default as GlTabs } from './src/components/base/tabs/tabs/tabs.vue';
-export { default as GlTab } from './src/components/base/tabs/tab/tab.vue';
-export { default as GlButtonGroup } from './src/components/base/button_group/button_group.vue';
-export { default as GlFormCheckbox } from './src/components/base/form/form_checkbox/form_checkbox.vue';
-export { default as GlFormCheckboxGroup } from './src/components/base/form/form_checkbox/form_checkbox_group.vue';
-export { default as GlAvatar } from './src/components/base/avatar/avatar.vue';
-export { default as GlAvatarsInline } from './src/components/base/avatars_inline/avatars_inline.vue';
-export { default as GlAvatarLabeled } from './src/components/base/avatar_labeled/avatar_labeled.vue';
-export { default as GlAvatarLink } from './src/components/base/avatar_link/avatar_link.vue';
-export { default as GlLabel } from './src/components/base/label/label.vue';
-export { default as GlDatepicker } from './src/components/base/datepicker/datepicker.vue';
-export { default as GlDaterangePicker } from './src/components/base/daterange_picker/daterange_picker.vue';
-export { default as GlToggle } from './src/components/base/toggle/toggle.vue';
-export { default as GlSorting } from './src/components/base/sorting/sorting.vue';
-export { default as GlSortingItem } from './src/components/base/sorting/sorting_item.vue';
-export { default as GlInfiniteScroll } from './src/components/base/infinite_scroll/infinite_scroll.vue';
-export { default as GlAlert } from './src/components/base/alert/alert.vue';
-export { default as GlSegmentedControl } from './src/components/base/segmented_control/segmented_control.vue';
-export { default as GlSkeletonLoader } from './src/components/base/skeleton_loader/skeleton_loader.vue';
-export { default as GlDrawer } from './src/components/base/drawer/drawer.vue';
-export { default as GlCard } from './src/components/base/card/card.vue';
-export { default as GlFilteredSearchSuggestion } from './src/components/base/filtered_search/filtered_search_suggestion.vue';
-export { default as GlFilteredSearchSuggestionList } from './src/components/base/filtered_search/filtered_search_suggestion_list.vue';
-export { default as GlFilteredSearchTerm } from './src/components/base/filtered_search/filtered_search_term.vue';
-export { default as GlFilteredSearchToken } from './src/components/base/filtered_search/filtered_search_token.vue';
-export { default as GlFilteredSearchTokenSegment } from './src/components/base/filtered_search/filtered_search_token_segment.vue';
-export { default as GlFilteredSearch } from './src/components/base/filtered_search/filtered_search.vue';
-export { default as GlBroadcastMessage } from './src/components/base/broadcast_message/broadcast_message.vue';
-export { default as GlCollapse } from './src/components/base/collapse/collapse.vue';
-export { default as GlAccordion } from './src/components/base/accordion/accordion.vue';
-export { default as GlAccordionItem } from './src/components/base/accordion/accordion_item.vue';
-export { default as GlCarousel } from './src/components/base/carousel/carousel.vue';
-export { default as GlCarouselSlide } from './src/components/base/carousel/carousel_slide.vue';
-export { default as RichTextEditor } from './src/components/editors/rich_text_editor/rich_text_editor.vue';
-
-// Utilities
-export { default as GlAnimatedNumber } from './src/components/utilities/animated_number/animated_number.vue';
-export { default as GlFriendlyWrap } from './src/components/utilities/friendly_wrap/friendly_wrap.vue';
-export { default as GlIntersperse } from './src/components/utilities/intersperse/intersperse.vue';
-export { default as GlSprintf } from './src/components/utilities/sprintf/sprintf.vue';
-export { default as GlTruncate } from './src/components/utilities/truncate/truncate.vue';
-
-// Directives
-export { GlModalDirective } from './src/directives/modal';
-export { GlTooltipDirective } from './src/directives/tooltip';
-export { GlResizeObserverDirective } from './src/directives/resize_observer/resize_observer';
-export { GlCollapseToggleDirective } from './src/directives/collapse_toggle';
-export { SafeLinkDirective as GlSafeLinkDirective } from './src/directives/safe_link/safe_link';
-export { SafeHtmlDirective as GlSafeHtmlDirective } from './src/directives/safe_html/safe_html';
-export { OutsideDirective as GlOutsideDirective } from './src/directives/outside/outside';
-export { HoverLoadDirective as GlHoverLoadDirective } from './src/directives/hover_load/hover_load';