@gitlab/ui 33.1.2 → 36.0.0

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';

package/src/components/base/nav/examples/index.js

@@ -1,15 +0,0 @@
-import BasicExample from './nav.basic.example.vue';
-
-export default [
-  {
-    name: 'Basic',
-    items: [
-      {
-        id: 'nav-basic',
-        name: 'Basic',
-        description: 'Basic Nav',
-        component: BasicExample,
-      },
-    ],
-  },
-];

package/src/components/base/nav/examples/nav.basic.example.vue

@@ -1,8 +0,0 @@
-<template>
-  <gl-nav>
-    <gl-nav-item active>Active</gl-nav-item>
-    <gl-nav-item>Link</gl-nav-item>
-    <gl-nav-item>Another Link</gl-nav-item>
-    <gl-nav-item disabled>Disabled</gl-nav-item>
-  </gl-nav>
-</template>

package/src/components/base/nav/nav_item.documentation.js

@@ -1,6 +0,0 @@
-import * as description from './nav_item.md';
-
-export default {
-  description,
-  bootstrapComponent: 'b-nav-item',
-};

package/src/components/base/nav/nav_item.md

@@ -1,7 +0,0 @@
-# Nav Item
-
-<!-- STORY -->
-
-## Usage
-
-The navigation item component is meant to be used for for actionable links (or router-links).

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

@@ -1,23 +0,0 @@
-import { withKnobs } from '@storybook/addon-knobs';
-import { documentedStoriesOf } from '../../../../documentation/documented_stories';
-import { GlNav, GlNavItem } from '../../../../index';
-import readme from './nav_item.md';
-
-const components = {
-  GlNav,
-  GlNavItem,
-};
-
-documentedStoriesOf('base/nav/nav-item', readme)
-  .addDecorator(withKnobs)
-  .add('default', () => ({
-    components,
-    template: `
-      <gl-nav>
-        <gl-nav-item active>Active</gl-nav-item>
-        <gl-nav-item>Link</gl-nav-item>
-        <gl-nav-item>Another Link</gl-nav-item>
-        <gl-nav-item disabled>Disabled</gl-nav-item>
-      </gl-nav>
-    `,
-  }));

package/src/components/base/nav/nav_item_dropdown.documentation.js

@@ -1,7 +0,0 @@
-import * as description from './nav_item_dropdown.md';
-
-export default {
-  followsDesignSystem: false,
-  description,
-  bootstrapComponent: 'b-nav-item-dropdown',
-};

package/src/components/base/nav/nav_item_dropdown.md

@@ -1,7 +0,0 @@
-# Nav Item Dropdown
-
-<!-- STORY -->
-
-## Usage
-
-Use `<gl-nav-item-dropdown>` to place dropdown items within your nav.

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

@@ -1,51 +0,0 @@
-import { withKnobs } from '@storybook/addon-knobs';
-import { documentedStoriesOf } from '../../../../documentation/documented_stories';
-import { GlNav, GlNavItemDropdown } from '../../../../index';
-import readme from './nav_item_dropdown.md';
-
-const components = {
-  GlNav,
-  GlNavItemDropdown,
-};
-
-documentedStoriesOf('base/nav/nav-item-dropdown', readme)
-  .addDecorator(withKnobs)
-  .add('default', () => ({
-    components,
-    template: `
-      <gl-nav>
-        <gl-nav-item-dropdown text="Dropdown">
-          <gl-dropdown-item>One</gl-dropdown-item>
-          <gl-dropdown-item>Two</gl-dropdown-item>
-          <gl-dropdown-item>Three</gl-dropdown-item>
-        </gl-nav-item-dropdown>
-      </gl-nav>
-    `,
-  }))
-  .add('with divider', () => ({
-    components,
-    template: `
-      <gl-nav>
-        <gl-nav-item-dropdown text="Dropdown">
-          <gl-dropdown-item>Above divider</gl-dropdown-item>
-          <gl-dropdown-divider />
-          <gl-dropdown-item>Below divider</gl-dropdown-item>
-        </gl-nav-item-dropdown>
-      </gl-nav>
-    `,
-  }))
-  .add('custom button', () => ({
-    components,
-    template: `
-      <gl-nav>
-        <gl-nav-item-dropdown text="Dropdown">
-          <template #button-content>
-            <gl-icon name="question" />
-            <gl-icon name="angle-down" />
-          </template>
-          <gl-dropdown-item>One</gl-dropdown-item>
-          <gl-dropdown-item>Two</gl-dropdown-item>
-        </gl-nav-item-dropdown>
-      </gl-nav>
-    `,
-  }));

package/src/components/utilities/truncate/examples/index.js

@@ -1,15 +0,0 @@
-import TruncateBasicExample from './truncate.basic.example.vue';
-
-export default [
-  {
-    name: 'Basic',
-    items: [
-      {
-        id: 'truncate',
-        name: 'Basic',
-        description: 'Basic truncation',
-        component: TruncateBasicExample,
-      },
-    ],
-  },
-];

package/src/components/utilities/truncate/examples/truncate.basic.example.vue

@@ -1,5 +0,0 @@
-<template>
-  <gl-truncate
-    text="ee/app/assets/javascripts/vue_shared/security_reports/components/utils/truncate/smart-truncate/src/index.js"
-  />
-</template>