From d35132d82d68acbbf83d95add7290f769d3b2436 Mon Sep 17 00:00:00 2001
From: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Date: Wed, 11 Nov 2020 15:00:15 -0800
Subject: Update VuePress configuration

We are moving away from importing application components directly into
the VuePress docs. We will document code snippets and add screenshots
as a visual example.
This commit removes all code and configurations that supported importing
dynamic components into VuePress and added images in place of a working
component example on the page.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I9a75c5d51de8b6d941e4df7ae977d78c043d36e1
---
 .../components/app-imports/StatusIcon.vue          | 65 ----------------------
 1 file changed, 65 deletions(-)
 delete mode 100644 docs/.vuepress/components/app-imports/StatusIcon.vue

(limited to 'docs/.vuepress/components/app-imports/StatusIcon.vue')

diff --git a/docs/.vuepress/components/app-imports/StatusIcon.vue b/docs/.vuepress/components/app-imports/StatusIcon.vue
deleted file mode 100644
index ef2afb72..00000000
--- a/docs/.vuepress/components/app-imports/StatusIcon.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<template>
-  <span :class="['status-icon', status]">
-    <icon-info v-if="status === 'info'" />
-    <icon-success v-else-if="status === 'success'" />
-    <icon-warning v-else-if="status === 'warning'" />
-    <icon-danger v-else-if="status === 'danger'" />
-    <icon-secondary v-else />
-  </span>
-</template>
-
-<script>
-import IconInfo from '@carbon/icons-vue/es/information--filled/20';
-import IconCheckmark from '@carbon/icons-vue/es/checkmark--filled/20';
-import IconWarning from '@carbon/icons-vue/es/warning--filled/20';
-import IconError from '@carbon/icons-vue/es/error--filled/20';
-import IconMisuse from '@carbon/icons-vue/es/misuse/20';
-
-export default {
-  name: 'StatusIcon',
-  components: {
-    IconInfo: IconInfo,
-    iconSuccess: IconCheckmark,
-    iconDanger: IconMisuse,
-    iconSecondary: IconError,
-    iconWarning: IconWarning
-  },
-  props: {
-    status: {
-      type: String,
-      default: ''
-    }
-  }
-};
-</script>
-
-<style lang="scss">
-@import "src/assets/styles/bmc/helpers";
-@import "src/assets/styles/bootstrap/helpers";
-.status-icon {
-  vertical-align: text-bottom;
-  &.info {
-    color: theme-color('info');
-  }
-  &.success {
-    color: theme-color('success');
-  }
-  &.danger {
-    color: theme-color('danger');
-  }
-  &.secondary {
-    color: gray('600');
-
-    svg {
-      transform: rotate(-45deg);
-    }
-  }
-  &.warning {
-    color: theme-color('warning');
-  }
-
-  svg {
-    fill: currentColor;
-  }
-}
-</style>
-- 
cgit v1.2.3

