diff options
Diffstat (limited to 'docs/.vuepress/components/app-imports/StatusIcon.vue')
-rw-r--r-- | docs/.vuepress/components/app-imports/StatusIcon.vue | 65 |
1 files changed, 0 insertions, 65 deletions
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> |