@gitlab/ui 32.45.0 → 32.48.0

package/dist/components/charts/stacked_column/examples/stacked_column.basic.example.js

@@ -1,46 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/* script */
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-stacked-column-chart',{attrs:{"bars":[
-    {
-      name: 'Fun 1',
-      data: [58, 49, 38, 23, 27, 68, 38, 35, 7, 64, 65, 31],
-    },
-    {
-      name: 'Fun 2',
-      data: [8, 6, 34, 19, 9, 7, 17, 25, 14, 7, 10, 32],
-    } ],"group-by":['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],"x-axis-type":"category","x-axis-title":"January - December 2018","y-axis-title":"Commits"}})};
-var __vue_staticRenderFns__ = [];
-
-  /* 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__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    {},
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/charts/tooltip/examples/chart_tooltip.basic.example.js

@@ -1,54 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  data() {
-    return {
-      echartInstance: null
-    };
-  },
-
-  methods: {
-    onCreated(chart) {
-      this.echartInstance = chart;
-    }
-
-  }
-};
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"position-relative"},[_c('gl-chart',{attrs:{"options":{},"height":100},on:{"created":_vm.onCreated}}),_vm._v(" "),(_vm.echartInstance)?_c('gl-chart-tooltip',{attrs:{"chart":_vm.echartInstance,"show":true,"top":"50%","left":"0px"},scopedSlots:_vm._u([{key:"title",fn:function(){return [_c('div',[_vm._v("Tooltip Title")])]},proxy:true}],null,false,1548852484)},[_vm._v("\n    Basic Tooltip Content\n  ")]):_vm._e()],1)};
-var __vue_staticRenderFns__ = [];
-
-  /* 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__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/charts/tooltip/examples/index.js

@@ -1,13 +0,0 @@
-import ChartTooltipBasicExample from './chart_tooltip.basic.example';
-
-var index = [{
-  name: 'Basic',
-  items: [{
-    id: 'chart-tooltip-basic',
-    name: 'Basic',
-    description: 'Basic Tooltip',
-    component: ChartTooltipBasicExample
-  }]
-}];
-
-export default index;

package/dist/components/utilities/intersperse/examples/index.js

@@ -1,31 +0,0 @@
-import IntersperseCustomLastSeparator from './intersperse.custom_last_separator.example';
-import IntersperseCustomLastSeparatorTwoItems from './intersperse.custom_last_separator_two_items.example';
-import IntersperseCustomSeparator from './intersperse.custom_separator.example';
-import Intersperse from './intersperse.default.example';
-
-var index = [{
-  name: 'Basic',
-  items: [{
-    id: 'intersperse-default',
-    name: 'Default Intersperse',
-    description: 'Default intersperse usage',
-    component: Intersperse
-  }, {
-    id: 'intersperse-custom-separator',
-    name: 'Intersperse with custom separator',
-    description: 'Set a custom separator',
-    component: IntersperseCustomSeparator
-  }, {
-    id: 'intersperse-custom-last-separator',
-    name: 'Intersperse with custom last separator',
-    description: 'Set a custom last separator',
-    component: IntersperseCustomLastSeparator
-  }, {
-    id: 'intersperse-custom-last-separator-two-items',
-    name: 'Intersperse with custom last separator and two items',
-    description: 'Set a custom last separator on two items',
-    component: IntersperseCustomLastSeparatorTwoItems
-  }]
-}];
-
-export default index;

package/dist/components/utilities/intersperse/examples/intersperse.custom_last_separator.example.js

@@ -1,38 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/* script */
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-intersperse',{attrs:{"last-separator":" and "}},[_c('span',[_vm._v("Item 1")]),_vm._v(" "),_c('span',[_vm._v("Item 2")]),_vm._v(" "),_c('span',[_vm._v("Item 3")])])};
-var __vue_staticRenderFns__ = [];
-
-  /* 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__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    {},
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/utilities/intersperse/examples/intersperse.custom_last_separator_two_items.example.js

@@ -1,38 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/* script */
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-intersperse',{attrs:{"last-separator":" and "}},[_c('span',[_vm._v("Item 1")]),_vm._v(" "),_c('span',[_vm._v("Item 2")])])};
-var __vue_staticRenderFns__ = [];
-
-  /* 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__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    {},
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/utilities/intersperse/examples/intersperse.custom_separator.example.js

@@ -1,38 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/* script */
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-intersperse',{attrs:{"separator":"/"}},[_c('span',[_vm._v("Item 1")]),_vm._v(" "),_c('span',[_vm._v("Item 2")]),_vm._v(" "),_c('span',[_vm._v("Item 3")])])};
-var __vue_staticRenderFns__ = [];
-
-  /* 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__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    {},
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/utilities/intersperse/examples/intersperse.default.example.js

@@ -1,38 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/* script */
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-intersperse',[_c('span',[_vm._v("Item 1")]),_vm._v(" "),_c('span',[_vm._v("Item 2")]),_vm._v(" "),_c('span',[_vm._v("Item 3")])])};
-var __vue_staticRenderFns__ = [];
-
-  /* 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__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    {},
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/src/components/base/avatar_labeled/examples/avatar.labeled.example.vue

@@ -1,8 +0,0 @@
-<template>
-  <gl-avatar-labeled
-    :size="32"
-    src="https://assets.gitlab-static.net/uploads/-/system/group/avatar/9970/logo-extra-whitespace.png?width=64"
-    label="GitLab User"
-    sub-label="gitlab"
-  />
-</template>

package/src/components/base/avatar_labeled/examples/avatar.labeled_badges.example.vue

@@ -1,17 +0,0 @@
-<template>
-  <gl-avatar-labeled
-    :size="32"
-    src="https://assets.gitlab-static.net/uploads/-/system/group/avatar/9970/logo-extra-whitespace.png?width=64"
-    label="GitLab User"
-    sub-label="gitlab"
-  >
-    <template #meta>
-      <div class="gl-p-1">
-        <gl-badge class="gl-display-flex!" size="sm" variant="info">2FA</gl-badge>
-      </div>
-      <div class="gl-p-1">
-        <gl-badge class="gl-display-flex!" size="sm" variant="danger">Blocked</gl-badge>
-      </div>
-    </template>
-  </gl-avatar-labeled>
-</template>

package/src/components/base/avatar_labeled/examples/avatar.labeled_links.example.vue

@@ -1,10 +0,0 @@
-<template>
-  <gl-avatar-labeled
-    :size="32"
-    src="https://assets.gitlab-static.net/uploads/-/system/group/avatar/9970/logo-extra-whitespace.png?width=64"
-    label="GitLab User"
-    sub-label="gitlab@example.com"
-    label-link="#"
-    sub-label-link="mailto:#"
-  />
-</template>

package/src/components/base/avatar_labeled/examples/avatar.labeled_tooltip.example.vue

@@ -1,10 +0,0 @@
-<template>
-  <gl-avatar-labeled
-    v-gl-tooltip="{ placement: 'bottom' }"
-    :size="32"
-    src="https://assets.gitlab-static.net/uploads/-/system/group/avatar/9970/logo-extra-whitespace.png?width=64"
-    label="GitLab User"
-    sub-label="gitlab"
-    title="Avatar labeled with tooltip"
-  />
-</template>

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

@@ -1,36 +0,0 @@
-import AvatarLabeledExample from './avatar.labeled.example.vue';
-import AvatarLabeledBadgesExample from './avatar.labeled_badges.example.vue';
-import AvatarLabeledSlotsExample from './avatar.labeled_links.example.vue';
-import AvatarLabeledTooltipExample from './avatar.labeled_tooltip.example.vue';
-
-export default [
-  {
-    name: 'Basic',
-    items: [
-      {
-        id: 'avatar-labeled',
-        name: 'Avatar Labeled',
-        description: 'Avatar with text labels',
-        component: AvatarLabeledExample,
-      },
-      {
-        id: 'avatar-labeled-tooltip',
-        name: 'With tooltip',
-        description: 'Avatar labeled with tooltip',
-        component: AvatarLabeledTooltipExample,
-      },
-      {
-        id: 'avatar-labeled-badges',
-        name: 'With badges',
-        description: 'Avatar labeled with badges',
-        component: AvatarLabeledBadgesExample,
-      },
-      {
-        id: 'avatar-labeled-links',
-        name: 'With label links',
-        description: 'Avatar labeled with links',
-        component: AvatarLabeledSlotsExample,
-      },
-    ],
-  },
-];

package/src/components/base/avatars_inline/examples/avatars.inline.example.vue

@@ -1,18 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      avatars: [
-        { src: 'https://picsum.photos/id/1005/24' },
-        { src: 'https://picsum.photos/id/1006/24' },
-        { src: 'https://picsum.photos/id/1009/24' },
-        { src: 'https://picsum.photos/id/1011/24' },
-        { src: 'https://picsum.photos/id/1012/24' },
-      ],
-    };
-  },
-};
-</script>
-<template>
-  <gl-avatars-inline :avatars="avatars" :collapsed="true" :avatar-size="24" :max-visible="2" />
-</template>

package/src/components/base/avatars_inline/examples/avatars.inline_large.example.vue

@@ -1,18 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      avatars: [
-        { src: 'https://picsum.photos/id/1005/32' },
-        { src: 'https://picsum.photos/id/1006/32' },
-        { src: 'https://picsum.photos/id/1009/32' },
-        { src: 'https://picsum.photos/id/1011/32' },
-        { src: 'https://picsum.photos/id/1012/32' },
-      ],
-    };
-  },
-};
-</script>
-<template>
-  <gl-avatars-inline :avatars="avatars" :collapsed="true" :avatar-size="32" :max-visible="2" />
-</template>

package/src/components/base/avatars_inline/examples/avatars.inline_links_and_tooltips.example.vue

@@ -1,24 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      avatars: [
-        { src: 'https://picsum.photos/id/1005/32', tooltip: 'Avatar 1', href: '//gitlab.com' },
-        { src: 'https://picsum.photos/id/1006/32', tooltip: 'Avatar 2', href: '//gitlab.com' },
-        { src: 'https://picsum.photos/id/1009/32', tooltip: 'Avatar 3', href: '//gitlab.com' },
-        { src: 'https://picsum.photos/id/1011/32', tooltip: 'Avatar 4', href: '//gitlab.com' },
-        { src: 'https://picsum.photos/id/1012/32', tooltip: 'Avatar 5', href: '//gitlab.com' },
-      ],
-    };
-  },
-};
-</script>
-<template>
-  <gl-avatars-inline :avatars="avatars" :collapsed="true" :avatar-size="32" :max-visible="2">
-    <template #avatar="{ avatar }">
-      <gl-avatar-link v-gl-tooltip target="blank" :href="avatar.href" :title="avatar.tooltip">
-        <gl-avatar :src="avatar.src" :size="32" />
-      </gl-avatar-link>
-    </template>
-  </gl-avatars-inline>
-</template>

package/src/components/base/avatars_inline/examples/avatars.inline_links_and_tooltips_badge.example.vue

@@ -1,31 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      avatars: [
-        { src: 'https://picsum.photos/id/1005/32', tooltip: 'Avatar 1', href: '//gitlab.com' },
-        { src: 'https://picsum.photos/id/1006/32', tooltip: 'Avatar 2', href: '//gitlab.com' },
-        { src: 'https://picsum.photos/id/1009/32', tooltip: 'Avatar 3', href: '//gitlab.com' },
-        { src: 'https://picsum.photos/id/1011/32', tooltip: 'Avatar 4', href: '//gitlab.com' },
-        { src: 'https://picsum.photos/id/1012/32', tooltip: 'Avatar 5', href: '//gitlab.com' },
-      ],
-    };
-  },
-};
-</script>
-<template>
-  <gl-avatars-inline
-    :avatars="avatars"
-    :collapsed="true"
-    :avatar-size="32"
-    :max-visible="2"
-    badge-tooltip-prop="tooltip"
-    :badge-tooltip-max-chars="20"
-  >
-    <template #avatar="{ avatar }">
-      <gl-avatar-link v-gl-tooltip target="_blank" :href="avatar.href" :title="avatar.tooltip">
-        <gl-avatar :src="avatar.src" :size="32" />
-      </gl-avatar-link>
-    </template>
-  </gl-avatars-inline>
-</template>

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

@@ -1,36 +0,0 @@
-import AvatarsInlineExample from './avatars.inline.example.vue';
-import AvatarsInlineLargeExample from './avatars.inline_large.example.vue';
-import AvatarsInlineLinksAndTooltipsExample from './avatars.inline_links_and_tooltips.example.vue';
-import AvatarsInlineLinksAndTooltipsBadgeExample from './avatars.inline_links_and_tooltips_badge.example.vue';
-
-export default [
-  {
-    name: 'Basic',
-    items: [
-      {
-        id: 'avatars-inline',
-        name: 'Avatars Inline',
-        description: 'Inline Avatars',
-        component: AvatarsInlineExample,
-      },
-      {
-        id: 'avatars-inline-large',
-        name: 'Avatars Inline Large',
-        description: 'Inline Avatars Large',
-        component: AvatarsInlineLargeExample,
-      },
-      {
-        id: 'avatars-inline-links-and-tooltips',
-        name: 'Avatars inline with links and tooltips',
-        description: 'Inline Avatars with Links and Tooltips',
-        component: AvatarsInlineLinksAndTooltipsExample,
-      },
-      {
-        id: 'avatars-inline-links-and-tooltips-badge',
-        name: 'Avatars inline with tooltip on badge',
-        description: 'Inline Avatars with Tooltip on Badge',
-        component: AvatarsInlineLinksAndTooltipsBadgeExample,
-      },
-    ],
-  },
-];

package/src/components/base/form/form_combobox/examples/form_combobox.basic.example.vue

@@ -1,31 +0,0 @@
-<script>
-export default {
-  tokens: [
-    'giraffe',
-    'dog',
-    'dodo',
-    'komodo dragon',
-    'hippo',
-    'platypus',
-    'jackalope',
-    'quetzal',
-    'badger',
-    'vicuña',
-    'whale',
-    'xenarthra',
-  ],
-  data() {
-    return {
-      inputVal: '',
-    };
-  },
-};
-</script>
-
-<template>
-  <gl-form-combobox
-    v-model="inputVal"
-    :token-list="$options.tokens"
-    label-text="Animals We Tolerate"
-  />
-</template>

package/src/components/base/form/form_combobox/examples/index.js

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

package/src/components/base/form/input_group_text/examples/index.js

@@ -1,15 +0,0 @@
-import BasicExample from './input_group_text.basic.example.vue';
-
-export default [
-  {
-    name: 'Basic',
-    items: [
-      {
-        id: 'input-group-text-basic',
-        name: 'Basic',
-        description: 'Basic Input Group Text',
-        component: BasicExample,
-      },
-    ],
-  },
-];

package/src/components/base/form/input_group_text/examples/input_group_text.basic.example.vue

@@ -1,3 +0,0 @@
-<template>
-  <gl-input-group-text>Some text</gl-input-group-text>
-</template>

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

@@ -1,22 +0,0 @@
-import LabelBasicExample from './label.basic.example.vue';
-import LabelScopedExample from './label.scoped.example.vue';
-
-export default [
-  {
-    name: 'Label',
-    items: [
-      {
-        id: 'label-basic',
-        name: 'default',
-        description: 'Basic Label',
-        component: LabelBasicExample,
-      },
-      {
-        id: 'label-scoped',
-        name: 'scoped',
-        description: 'Scoped::Label',
-        component: LabelScopedExample,
-      },
-    ],
-  },
-];

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

@@ -1,3 +0,0 @@
-<template>
-  <gl-label target="#" background-color="#D9C2EE" title="Basic Label" />
-</template>

package/src/components/base/label/examples/label.scoped.example.vue

@@ -1,3 +0,0 @@
-<template>
-  <gl-label target="#" background-color="#D9C2EE" title="Basic::Label" scoped />
-</template>

package/src/components/base/skeleton_loader/examples/ci_header_skeleton.basic.example.vue

@@ -1,10 +0,0 @@
-<template>
-  <div style="width: 575px; height: 24px">
-    <gl-skeleton-loader :width="575" :height="24">
-      <rect width="86" height="24" rx="4" />
-      <rect x="94" y="4" width="300" height="16" rx="4" />
-      <rect x="430" y="4" width="145" height="16" rx="4" />
-      <circle cx="414" cy="12" r="12" />
-    </gl-skeleton-loader>
-  </div>
-</template>

package/src/components/base/skeleton_loader/examples/default_skeleton.basic.example.vue

@@ -1,3 +0,0 @@
-<template>
-  <gl-skeleton-loader />
-</template>

package/src/components/base/skeleton_loader/examples/default_skeleton_custom_props.basic.example.vue

@@ -1,9 +0,0 @@
-<template>
-  <gl-skeleton-loader
-    preserve-aspect-ratio="none"
-    equal-width-lines
-    :lines="5"
-    :width="600"
-    :height="66"
-  />
-</template>