feat: Add color swatches

.storybook/preview-head.html

@@ -1 +1,2 @@
-<script type="module" src="./didroom-components/didroom-components.esm.js"></script>
+<link rel="stylesheet" href="./dist/didroom-components/didroom-components.css" />
+<script type="module" src="./didroom-components/didroom-components.esm.js"></script>

package.json

@@ -19,14 +19,16 @@
     "loader/"
   ],
   "scripts": {
+    "clean": "rm -rf .stencil/ dist/ loader www",
     "build": "stencil build",
-    "watch": "stencil build --watch",
     "start": "stencil build --dev --watch --serve",
     "test": "stencil test --spec --e2e",
-    "test.watch": "stencil test --spec --e2e --watchAll",
+    "test:watch": "stencil test --spec --e2e --watchAll",
     "generate": "stencil generate",
-    "storybook": "storybook dev -p 6006 -s dist",
-    "build-storybook": "storybook build --docs -s dist"
+    "build-storybook": "storybook build --docs -s dist",
+    "dev": "NODE_ENV=development npm-run-all -p dev:*",
+    "dev:watch": "stencil build --watch",
+    "dev:storybook": "storybook dev -p 6006 -s dist"
   },
   "dependencies": {
     "@stencil/core": "^4.7.0",
@@ -35,6 +37,7 @@
   },
   "devDependencies": {
     "@ionic/core": "^7.6.5",
+    "@stencil/postcss": "^2.1.0",
     "@stencil/sass": "^3.0.8",
     "@storybook/addon-a11y": "^7.6.10",
     "@storybook/addon-designs": "^7.0.9",
@@ -49,12 +52,14 @@
     "@storybook/test": "^7.6.10",
     "@types/jest": "^29.5.6",
     "@types/node": "^20.11.5",
+    "autoprefixer": "^10.4.17",
     "jest": "^29.7.0",
     "jest-cli": "^29.7.0",
+    "npm-run-all": "^4.1.5",
+    "postcss-import": "^16.0.0",
     "puppeteer": "21.7.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "stencil-tailwind-plugin": "^1.8.0",
     "tailwindcss": "^3.4.1"
   },
   "license": "MIT"