From 8d80c007f38cb3c3eb597e6eed55b68fe2a91c97 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Wed, 21 Apr 2021 14:09:36 +0200
Subject: [PATCH] implements Avatar component

---
 packages/bbui/package.json             | 1 +
 packages/bbui/src/Avatar/Avatar.svelte | 7 +++++++
 packages/bbui/src/index.js             | 1 +
 packages/bbui/yarn.lock                | 5 +++++
 4 files changed, 14 insertions(+)
 create mode 100644 packages/bbui/src/Avatar/Avatar.svelte

diff --git a/packages/bbui/package.json b/packages/bbui/package.json
index e3caf52b78..6fcc574d3b 100644
--- a/packages/bbui/package.json
+++ b/packages/bbui/package.json
@@ -40,6 +40,7 @@
     "@adobe/spectrum-css-workflow-icons": "^1.2.1",
     "@spectrum-css/actionbutton": "^1.0.1",
     "@spectrum-css/actiongroup": "^1.0.1",
+    "@spectrum-css/avatar": "^3.0.2",
     "@spectrum-css/button": "^3.0.1",
     "@spectrum-css/buttongroup": "^3.0.1",
     "@spectrum-css/checkbox": "^3.0.2",
diff --git a/packages/bbui/src/Avatar/Avatar.svelte b/packages/bbui/src/Avatar/Avatar.svelte
new file mode 100644
index 0000000000..9e244b24be
--- /dev/null
+++ b/packages/bbui/src/Avatar/Avatar.svelte
@@ -0,0 +1,7 @@
+<script>
+    import "@spectrum-css/avatar/dist/index-vars.css"
+    export let url = "";
+    export let disabled = false;
+</script>
+
+<img class:is-disabled={disabled} class="spectrum-Avatar" src={url} alt="Avatar">
\ No newline at end of file
diff --git a/packages/bbui/src/index.js b/packages/bbui/src/index.js
index bc88662042..685331e55e 100644
--- a/packages/bbui/src/index.js
+++ b/packages/bbui/src/index.js
@@ -10,6 +10,7 @@ export { default as Select } from "./Form/Select.svelte"
 export { default as Combobox } from "./Form/Combobox.svelte"
 export { default as Dropzone } from "./Dropzone/Dropzone.svelte"
 export { default as Drawer } from "./Drawer/Drawer.svelte"
+export { default as Avatar } from "./Avatar/Avatar.svelte"
 export { default as ActionButton } from "./ActionButton/ActionButton.svelte"
 export { default as ActionGroup } from "./ActionGroup/ActionGroup.svelte"
 export { default as ActionMenu } from "./ActionMenu/ActionMenu.svelte"
diff --git a/packages/bbui/yarn.lock b/packages/bbui/yarn.lock
index c6cccedc61..cca9721492 100644
--- a/packages/bbui/yarn.lock
+++ b/packages/bbui/yarn.lock
@@ -79,6 +79,11 @@
   resolved "https://registry.yarnpkg.com/@spectrum-css/actiongroup/-/actiongroup-1.0.2.tgz#37f6593c1defdeda682b9e196bcd8cce38c574aa"
   integrity sha512-YHKYruXsJteXlkCvfOoQ1cqc3tV7LbmMmbRpyp2vh0ah9CF5ImyGmBRYOOROtZx7VqfDJ5645rdwB2YfJcCBMw==
 
+"@spectrum-css/avatar@^3.0.2":
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/@spectrum-css/avatar/-/avatar-3.0.2.tgz#4f1826223eae330e64b6d3cc899e9bc2e98dac95"
+  integrity sha512-wEczvSqxttTWSiL3cOvXV/RmGRwSkw2w6+slcHhnf0kb7ovymMM+9oz8vvEpEsSeo5u598bc+7ktrKFpAd6soQ==
+
 "@spectrum-css/button@^3.0.1":
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/@spectrum-css/button/-/button-3.0.2.tgz#387712641457d3045bcecf77e13854dd59e9c20e"