From 8390bee693a9f10af0b574279f9c069227b75603 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 13:53:49 +0200
Subject: [PATCH] wip: initial tags

---
 packages/bbui/package.json         |  1 +
 packages/bbui/src/Tags/Tag.svelte  | 11 +++++++++++
 packages/bbui/src/Tags/Tags.svelte |  0
 packages/bbui/src/index.js         |  2 ++
 packages/bbui/yarn.lock            |  5 +++++
 5 files changed, 19 insertions(+)
 create mode 100644 packages/bbui/src/Tags/Tag.svelte
 create mode 100644 packages/bbui/src/Tags/Tags.svelte

diff --git a/packages/bbui/package.json b/packages/bbui/package.json
index 24f8f77397..e3caf52b78 100644
--- a/packages/bbui/package.json
+++ b/packages/bbui/package.json
@@ -62,6 +62,7 @@
     "@spectrum-css/switch": "^1.0.2",
     "@spectrum-css/table": "^3.0.1",
     "@spectrum-css/tabs": "^3.0.1",
+    "@spectrum-css/tags": "^3.0.2",
     "@spectrum-css/textfield": "^3.0.1",
     "@spectrum-css/toast": "^3.0.1",
     "@spectrum-css/treeview": "^3.0.2",
diff --git a/packages/bbui/src/Tags/Tag.svelte b/packages/bbui/src/Tags/Tag.svelte
new file mode 100644
index 0000000000..6e1605982c
--- /dev/null
+++ b/packages/bbui/src/Tags/Tag.svelte
@@ -0,0 +1,11 @@
+<div class="spectrum-Tags" role="list" aria-label="list">
+    <div class="spectrum-Tags-item" role="listitem">
+      <span class="spectrum-Tags-itemLabel">Tag 1</span>
+    </div>
+    <div class="spectrum-Tags-item is-invalid" role="listitem">
+      <span class="spectrum-Tags-itemLabel">Tag 2</span>
+    </div>
+    <div class="spectrum-Tags-item is-disabled" role="listitem">
+      <span class="spectrum-Tags-itemLabel">Tag 2</span>
+    </div>
+  </div>
\ No newline at end of file
diff --git a/packages/bbui/src/Tags/Tags.svelte b/packages/bbui/src/Tags/Tags.svelte
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/packages/bbui/src/index.js b/packages/bbui/src/index.js
index a9183e8fe0..bc88662042 100644
--- a/packages/bbui/src/index.js
+++ b/packages/bbui/src/index.js
@@ -41,6 +41,8 @@ export { default as Context } from "./context"
 export { default as Table } from "./Table/Table.svelte"
 export { default as Tabs } from "./Tabs/Tabs.svelte"
 export { default as Tab } from "./Tabs/Tab.svelte"
+export { default as Tags } from "./Tags/Tags.svelte"
+export { default as Tag } from "./Tags/Tag.svelte"
 export { default as TreeView } from "./TreeView/Tree.svelte"
 export { default as TreeItem } from "./TreeView/Item.svelte"
 export { default as Divider } from "./Divider/Divider.svelte"
diff --git a/packages/bbui/yarn.lock b/packages/bbui/yarn.lock
index 7f683db2a8..c6cccedc61 100644
--- a/packages/bbui/yarn.lock
+++ b/packages/bbui/yarn.lock
@@ -191,6 +191,11 @@
   resolved "https://registry.yarnpkg.com/@spectrum-css/tabs/-/tabs-3.0.2.tgz#822316672e7b0dfba66faa988e638ddae18c700e"
   integrity sha512-4RNcmwf0wxLpB7M54H02owlj0mKE8neL1+lytQpxOOhlwTO5zdsD82zjvx9tIc8tRnRKuhCCCwTuBxHYstnBmw==
 
+"@spectrum-css/tags@^3.0.2":
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/@spectrum-css/tags/-/tags-3.0.2.tgz#5bf35fb79c97cd9344de485bd4626ad5b9f07757"
+  integrity sha512-HbvMk+QHvCDD1/ScvSErpKROcpAbXuMD4Hl/Gz/1A1lQ0fJ/CJeCq/MMsL7zjK1nlItU/ySu8r8KIuRF+6F8SQ==
+
 "@spectrum-css/textfield@^3.0.1":
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/@spectrum-css/textfield/-/textfield-3.0.2.tgz#907f62d2dc82852dd6236a820be99e252b531631"