@gitlab/ui 32.44.0 → 32.47.0

package/dist/components/base/skeleton_loader/examples/default_skeleton_custom_props.basic.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-skeleton-loader',{attrs:{"preserve-aspect-ratio":"none","equal-width-lines":"","lines":5,"width":600,"height":66}})};
-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/base/skeleton_loader/examples/index.js

@@ -1,37 +0,0 @@
-import CiHeaderSkeletonBasicExample from './ci_header_skeleton.basic.example';
-import DefaultSkeletonBasicExample from './default_skeleton.basic.example';
-import DefaultSkeletonCustomPropsBasicExample from './default_skeleton_custom_props.basic.example';
-import IssueCardSkeletonBasicExample from './issue_card_skeleton.basic.example';
-import JobLogSkeletonBasicExample from './job_log_skeleton.basic.example';
-
-var index = [{
-  name: 'Basic',
-  items: [{
-    id: 'default-skeleton-basic',
-    name: 'Default',
-    description: 'Default Skeleton',
-    component: DefaultSkeletonBasicExample
-  }, {
-    id: 'default-skeleton-custom-width-basic',
-    name: 'Default With Custom Props',
-    description: 'Default Skeleton With `preserve-aspect-ratio`, `lines`, `equal-width-lines`, `width` and `height` props set',
-    component: DefaultSkeletonCustomPropsBasicExample
-  }, {
-    id: 'issue-card-skeleton-basic',
-    name: 'Issue Board Card',
-    description: 'Basic Issue Card Skeleton',
-    component: IssueCardSkeletonBasicExample
-  }, {
-    id: 'job-log-skeleton-basic',
-    name: 'Job Log',
-    description: 'Basic Job Log Skeleton',
-    component: JobLogSkeletonBasicExample
-  }, {
-    id: 'ci-header-skeleton-basic',
-    name: 'CI Header',
-    description: 'Basic CI Header Skeleton',
-    component: CiHeaderSkeletonBasicExample
-  }]
-}];
-
-export default index;

package/dist/components/base/skeleton_loader/examples/issue_card_skeleton.basic.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('div',{staticStyle:{"background":"#fff","border":"1px solid #dfdfdf","box-shadow":"0 1px 2px rgba(0, 0, 0, 0.1)","width":"359px","height":"135px","padding":"1rem","border-radius":"0.25rem"}},[_c('div',{staticStyle:{"width":"327px","height":"102px"}},[_c('gl-skeleton-loader',{attrs:{"width":327,"height":102}},[_c('rect',{attrs:{"width":"276","height":"16","rx":"4"}}),_vm._v(" "),_c('rect',{attrs:{"y":"18","width":"237","height":"16","rx":"4"}}),_vm._v(" "),_c('rect',{attrs:{"y":"42","width":"118","height":"16","rx":"8"}}),_vm._v(" "),_c('rect',{attrs:{"x":"122","y":"42","width":"130","height":"16","rx":"8"}}),_vm._v(" "),_c('rect',{attrs:{"y":"62","width":"106","height":"16","rx":"8"}}),_vm._v(" "),_c('rect',{attrs:{"x":"110","y":"62","width":"56","height":"16","rx":"8"}}),_vm._v(" "),_c('rect',{attrs:{"x":"256","y":"42","width":"71","height":"16","rx":"8"}}),_vm._v(" "),_c('rect',{attrs:{"y":"86","width":"38","height":"16","rx":"4"}})])],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_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/base/skeleton_loader/examples/job_log_skeleton.basic.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('div',{staticStyle:{"background":"#000","padding":"16px","border-radius":"0.25rem","width":"865px","height":"175px"}},[_c('div',{staticStyle:{"width":"830px","height":"113px"}},[_c('gl-skeleton-loader',{attrs:{"width":830,"height":113}},[_c('rect',{attrs:{"width":"540","height":"16","rx":"4"}}),_vm._v(" "),_c('rect',{attrs:{"y":"49","width":"701","height":"16","rx":"4"}}),_vm._v(" "),_c('rect',{attrs:{"y":"24","width":"830","height":"16","rx":"4"}}),_vm._v(" "),_c('rect',{attrs:{"y":"73","width":"540","height":"16","rx":"4"}}),_vm._v(" "),_c('rect',{attrs:{"y":"97","width":"639","height":"16","rx":"4"}})])],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_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

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

@@ -1,51 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  data() {
-    return {
-      chartData: [{
-        data: [['19 May', 6.95], ['20 May', 7.58], ['21 May', 8.81], ['22 May', 8.33], ['22 May', 10], ['23 May', 9.96], ['24 May', 7.24], ['25 May', 4.26]],
-        type: 'scatter'
-      }]
-    };
-  }
-
-};
-
-/* 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('gl-discrete-scatter-chart',{attrs:{"data":_vm.chartData,"option":{},"y-axis-title":"Pushes by day","x-axis-title":"Date"}})};
-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/discrete_scatter/examples/index.js

@@ -1,13 +0,0 @@
-import DiscreteScatterChartBasicExample from './discrete_scatter.basic.example';
-
-var index = [{
-  name: 'Basic',
-  items: [{
-    id: 'discrete-scatter-basic',
-    name: 'Basic',
-    description: 'Basic Discrete Scatter Chart',
-    component: DiscreteScatterChartBasicExample
-  }]
-}];
-
-export default index;

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

@@ -1,13 +0,0 @@
-import StackedColumnChartBasicExample from './stacked_column.basic.example';
-
-var index = [{
-  name: 'Basic',
-  items: [{
-    id: 'stacked-column-basic',
-    name: 'Basic',
-    description: 'Basic Stacked Column Chart',
-    component: StackedColumnChartBasicExample
-  }]
-}];
-
-export default index;

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/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>

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

@@ -1,44 +0,0 @@
-import CiHeaderSkeletonBasicExample from './ci_header_skeleton.basic.example.vue';
-import DefaultSkeletonBasicExample from './default_skeleton.basic.example.vue';
-import DefaultSkeletonCustomPropsBasicExample from './default_skeleton_custom_props.basic.example.vue';
-import IssueCardSkeletonBasicExample from './issue_card_skeleton.basic.example.vue';
-import JobLogSkeletonBasicExample from './job_log_skeleton.basic.example.vue';
-
-export default [
-  {
-    name: 'Basic',
-    items: [
-      {
-        id: 'default-skeleton-basic',
-        name: 'Default',
-        description: 'Default Skeleton',
-        component: DefaultSkeletonBasicExample,
-      },
-      {
-        id: 'default-skeleton-custom-width-basic',
-        name: 'Default With Custom Props',
-        description:
-          'Default Skeleton With `preserve-aspect-ratio`, `lines`, `equal-width-lines`, `width` and `height` props set',
-        component: DefaultSkeletonCustomPropsBasicExample,
-      },
-      {
-        id: 'issue-card-skeleton-basic',
-        name: 'Issue Board Card',
-        description: 'Basic Issue Card Skeleton',
-        component: IssueCardSkeletonBasicExample,
-      },
-      {
-        id: 'job-log-skeleton-basic',
-        name: 'Job Log',
-        description: 'Basic Job Log Skeleton',
-        component: JobLogSkeletonBasicExample,
-      },
-      {
-        id: 'ci-header-skeleton-basic',
-        name: 'CI Header',
-        description: 'Basic CI Header Skeleton',
-        component: CiHeaderSkeletonBasicExample,
-      },
-    ],
-  },
-];

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

@@ -1,26 +0,0 @@
-<template>
-  <div
-    style="
-      background: #fff;
-      border: 1px solid #dfdfdf;
-      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-      width: 359px;
-      height: 135px;
-      padding: 1rem;
-      border-radius: 0.25rem;
-    "
-  >
-    <div style="width: 327px; height: 102px">
-      <gl-skeleton-loader :width="327" :height="102">
-        <rect width="276" height="16" rx="4" />
-        <rect y="18" width="237" height="16" rx="4" />
-        <rect y="42" width="118" height="16" rx="8" />
-        <rect x="122" y="42" width="130" height="16" rx="8" />
-        <rect y="62" width="106" height="16" rx="8" />
-        <rect x="110" y="62" width="56" height="16" rx="8" />
-        <rect x="256" y="42" width="71" height="16" rx="8" />
-        <rect y="86" width="38" height="16" rx="4" />
-      </gl-skeleton-loader>
-    </div>
-  </div>
-</template>

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

@@ -1,13 +0,0 @@
-<template>
-  <div style="background: #000; padding: 16px; border-radius: 0.25rem; width: 865px; height: 175px">
-    <div style="width: 830px; height: 113px">
-      <gl-skeleton-loader :width="830" :height="113">
-        <rect width="540" height="16" rx="4" />
-        <rect y="49" width="701" height="16" rx="4" />
-        <rect y="24" width="830" height="16" rx="4" />
-        <rect y="73" width="540" height="16" rx="4" />
-        <rect y="97" width="639" height="16" rx="4" />
-      </gl-skeleton-loader>
-    </div>
-  </div>
-</template>

package/src/components/charts/discrete_scatter/discrete_scatter.md

@@ -1 +0,0 @@
-### Scatter Chart

package/src/components/charts/discrete_scatter/examples/discrete_scatter.basic.example.vue

@@ -1,31 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      chartData: [
-        {
-          data: [
-            ['19 May', 6.95],
-            ['20 May', 7.58],
-            ['21 May', 8.81],
-            ['22 May', 8.33],
-            ['22 May', 10],
-            ['23 May', 9.96],
-            ['24 May', 7.24],
-            ['25 May', 4.26],
-          ],
-          type: 'scatter',
-        },
-      ],
-    };
-  },
-};
-</script>
-<template>
-  <gl-discrete-scatter-chart
-    :data="chartData"
-    :option="{}"
-    y-axis-title="Pushes by day"
-    x-axis-title="Date"
-  />
-</template>

package/src/components/charts/discrete_scatter/examples/index.js

@@ -1,15 +0,0 @@
-import DiscreteScatterChartBasicExample from './discrete_scatter.basic.example.vue';
-
-export default [
-  {
-    name: 'Basic',
-    items: [
-      {
-        id: 'discrete-scatter-basic',
-        name: 'Basic',
-        description: 'Basic Discrete Scatter Chart',
-        component: DiscreteScatterChartBasicExample,
-      },
-    ],
-  },
-];

package/src/components/charts/stacked_column/examples/index.js

@@ -1,15 +0,0 @@
-import StackedColumnChartBasicExample from './stacked_column.basic.example.vue';
-
-export default [
-  {
-    name: 'Basic',
-    items: [
-      {
-        id: 'stacked-column-basic',
-        name: 'Basic',
-        description: 'Basic Stacked Column Chart',
-        component: StackedColumnChartBasicExample,
-      },
-    ],
-  },
-];

package/src/components/charts/stacked_column/examples/stacked_column.basic.example.vue

@@ -1,18 +0,0 @@
-<template>
-  <gl-stacked-column-chart
-    :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"
-  />
-</template>