npm - @gitlab/ui - Versions diffs - 32.47.0 → 32.51.0 - Mend

@@ -1,61 +0,0 @@
-<script>
-export default {
-  computed: {
-    primaryProps() {
-      return {
-        text: 'Okay',
-      };
-    },
-    secondaryProps() {
-      return {
-        text: 'Secondary',
-      };
-    },
-    cancelProps() {
-      return {
-        text: 'Cancel',
-      };
-    },
-  },
-};
-</script>
-<template>
-  <div>
-    <gl-button v-gl-modal-directive="'small-modal-id'" variant="confirm">Small Modal</gl-button>
-    <gl-button v-gl-modal-directive="'medium-modal-id'" variant="confirm">Default Modal</gl-button>
-    <gl-button v-gl-modal-directive="'large-modal-id'" variant="confirm">Large Modal</gl-button>
-    <gl-modal
-      modal-id="small-modal-id"
-      title="Example title"
-      no-fade
-      :action-primary="primaryProps"
-      :action-secondary="secondaryProps"
-      :action-cancel="cancelProps"
-      size="sm"
-    >
-      <p>Small modal: 512px</p>
-    </gl-modal>
-    <gl-modal
-      modal-id="medium-modal-id"
-      title="Example title"
-      no-fade
-      :action-primary="primaryProps"
-      :action-secondary="secondaryProps"
-      :action-cancel="cancelProps"
-    >
-      <p>Medium modal: 768px (default)</p>
-    </gl-modal>
-    <gl-modal
-      modal-id="large-modal-id"
-      title="Example title"
-      no-fade
-      :action-primary="primaryProps"
-      :action-secondary="secondaryProps"
-      :action-cancel="cancelProps"
-      size="lg"
-    >
-      <p>Large modal: 990px</p>
-    </gl-modal>
-  </div>
-</template>

@@ -1,12 +0,0 @@
-<template>
-  <div>
-    <gl-gauge-chart
-      :value="48"
-      text="48Mbps"
-      :min="0"
-      :max="100"
-      :thresholds="[38, 82]"
-      :split-number="10"
-    />
-  </div>
-</template>

@@ -1,36 +0,0 @@
-import BasicExample from './gauge.basic.example.vue';
-import NoThresholdsExample from './gauge.no_thresholds.example.vue';
-import NoValueExample from './gauge.no_value.example.vue';
-import WithTextExample from './gauge.with_text.example.vue';
-export default [
-  {
-    name: 'Basic',
-    items: [
-      {
-        id: 'gauge-basic',
-        name: 'Basic',
-        description: 'Basic Gauge',
-        component: BasicExample,
-      },
-      {
-        id: 'gauge-no-thresholds',
-        name: 'No thresholds set',
-        description: 'Gauge with no thresholds set',
-        component: NoThresholdsExample,
-      },
-      {
-        id: 'gauge-no-value',
-        name: 'No value set',
-        description: 'Gauge with no value set',
-        component: NoValueExample,
-      },
-      {
-        id: 'gauge-with-text',
-        name: 'With text set',
-        description: 'Gauge with custom text set',
-        component: WithTextExample,
-      },
-    ],
-  },
-];

@@ -1,36 +0,0 @@
-import IntersperseCustomLastSeparator from './intersperse.custom_last_separator.example.vue';
-import IntersperseCustomLastSeparatorTwoItems from './intersperse.custom_last_separator_two_items.example.vue';
-import IntersperseCustomSeparator from './intersperse.custom_separator.example.vue';
-import Intersperse from './intersperse.default.example.vue';
-export default [
-  {
-    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,
-      },
-    ],
-  },
-];

@@ -1,7 +0,0 @@
-<template>
-  <gl-intersperse last-separator=" and ">
-    <span>Item 1</span>
-    <span>Item 2</span>
-    <span>Item 3</span>
-  </gl-intersperse>
-</template>

@@ -1,6 +0,0 @@
-<template>
-  <gl-intersperse last-separator=" and ">
-    <span>Item 1</span>
-    <span>Item 2</span>
-  </gl-intersperse>
-</template>

@gitlab/ui 32.47.0 → 32.51.0