wip: initial tags

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",

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>

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"

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"