@gitlab/ui 32.43.2 → 32.45.1

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>