@xen-orchestra/web-core 0.1.1 → 0.3.0

package/lib/components/icon/UiIcon.vue

@@ -1,47 +0,0 @@
-<!-- v1.0 -->
-<template>
-  <UiSpinner v-if="busy" class="ui-icon" />
-  <FontAwesomeIcon v-else-if="icon !== undefined" :class="color" :fixed-width="fixedWidth" :icon class="ui-icon" />
-</template>
-
-<script lang="ts" setup>
-import UiSpinner from '@core/components/UiSpinner.vue'
-import type { Color } from '@core/types/color.type'
-import type { IconDefinition } from '@fortawesome/fontawesome-common-types'
-import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-
-defineProps<{
-  busy?: boolean
-  icon?: IconDefinition
-  fixedWidth?: boolean
-  color?: Color
-}>()
-</script>
-
-<style lang="postcss" scoped>
-/* COLOR VARIANTS */
-.ui-icon {
-  --color: currentColor;
-
-  &.info {
-    --color: var(--color-purple-base);
-  }
-
-  &.success {
-    --color: var(--color-green-base);
-  }
-
-  &.warning {
-    --color: var(--color-orange-base);
-  }
-
-  &.error {
-    --color: var(--color-red-base);
-  }
-}
-
-/* IMPLEMENTATION */
-.ui-icon {
-  color: var(--color);
-}
-</style>

package/lib/components/icon/VmIcon.vue

@@ -1,30 +0,0 @@
-<!-- v1.0 -->
-<template>
-  <FontAwesomeLayers class="vm-icon">
-    <UiIcon :icon="faDisplay" />
-    <PowerStateIcon :state class="state" />
-  </FontAwesomeLayers>
-</template>
-
-<script lang="ts" setup>
-import UiIcon from '@core/components/icon/UiIcon.vue'
-import PowerStateIcon from '@core/components/PowerStateIcon.vue'
-import type { POWER_STATE } from '@core/types/power-state.type'
-import { faDisplay } from '@fortawesome/free-solid-svg-icons'
-import { FontAwesomeLayers } from '@fortawesome/vue-fontawesome'
-
-defineProps<{
-  state: POWER_STATE
-}>()
-</script>
-
-<style lang="postcss" scoped>
-.vm-icon {
-  flex-shrink: 0;
-}
-
-.state {
-  font-size: 0.7em;
-  transform: translate(80%, 70%);
-}
-</style>