@creativecodeco/ui 0.6.1 → 0.6.2

package/lib/theme/main.css

@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.4.8 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.9 | MIT License | https://tailwindcss.com
 *//*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)

package/lib/ui/components/avatar/avatar.component.js

@@ -9,7 +9,9 @@ const Avatar = ({ isOnline = false, ring = false, rounded = false, size = 'md',
             online: withStatus && isOnline,
             offline: withStatus && !isOnline,
             placeholder: !isUri
-        }), children: _jsxs("div", { "data-testid": 'avatar-content', className: cls(`bg-neutral text-neutral-content avatar-size-${size}`, {
+        }), children: _jsxs("div", { "data-testid": 'avatar-content', className: cls('text-neutral-content', {
+                'bg-neutral': !isUri,
+                [`avatar-size-${size}`]: size,
                 'rounded-full': rounded,
                 rounded: !rounded,
                 'avatar-ring': ring

package/package.json

@@ -10,7 +10,7 @@
     "framework design",
     "design system"
   ],
-  "version": "0.6.1",
+  "version": "0.6.2",
   "homepage": "https://github.com/creativecodeco/ui",
   "author": {
     "name": "John Toro",
@@ -40,41 +40,44 @@
     "test:watch": "jest --watch"
   },
   "peerDependencies": {
-    "postcss": "8.4.32",
-    "postcss-import": "15.1.0",
-    "react": "18.2.0",
-    "react-hook-form": "7.49.2",
-    "tailwindcss": "3.4.0",
-    "usehooks-ts": "2.9.1"
+    "postcss": "8.4.41",
+    "postcss-import": "16.1.0",
+    "react": "18.3.1",
+    "react-hook-form": "7.52.2",
+    "tailwindcss": "3.4.9",
+    "usehooks-ts": "3.1.0"
   },
   "dependencies": {
     "postcss": "8.4.41",
     "postcss-import": "16.1.0",
     "react": "18.3.1",
     "react-hook-form": "7.52.2",
-    "tailwindcss": "3.4.8",
-    "usehooks-ts": "2.16.0"
+    "tailwindcss": "3.4.9",
+    "usehooks-ts": "3.1.0"
   },
   "devDependencies": {
     "@babel/core": "7.25.2",
     "@babel/preset-env": "7.25.3",
     "@babel/preset-react": "7.24.7",
     "@babel/preset-typescript": "7.24.7",
+    "@chromatic-com/storybook": "1.6.1",
     "@jest/globals": "29.7.0",
-    "@storybook/addon-essentials": "7.6.20",
-    "@storybook/addon-interactions": "7.6.20",
-    "@storybook/addon-links": "7.6.20",
-    "@storybook/addon-mdx-gfm": "7.6.20",
-    "@storybook/blocks": "7.6.20",
-    "@storybook/react": "7.6.20",
-    "@storybook/react-webpack5": "7.6.20",
-    "@storybook/test": "7.6.20",
+    "@storybook/addon-essentials": "8.2.8",
+    "@storybook/addon-interactions": "8.2.8",
+    "@storybook/addon-links": "8.2.8",
+    "@storybook/addon-webpack5-compiler-swc": "1.0.5",
+    "@storybook/blocks": "8.2.8",
+    "@storybook/manager-api": "8.2.8",
+    "@storybook/react": "8.2.8",
+    "@storybook/react-webpack5": "8.2.8",
+    "@storybook/test": "8.2.8",
+    "@storybook/theming": "8.2.8",
     "@testing-library/dom": "9.3.4",
     "@testing-library/jest-dom": "6.4.8",
     "@testing-library/react": "14.3.1",
     "@testing-library/user-event": "14.5.2",
     "@types/jest": "29.5.12",
-    "@types/node": "20.14.14",
+    "@types/node": "22.1.0",
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
     "@typescript-eslint/eslint-plugin": "6.21.0",
@@ -108,8 +111,7 @@
     "prop-types": "15.8.1",
     "react-dom": "18.3.1",
     "react-icons": "5.2.1",
-    "storybook": "7.6.20",
-    "storybook-addon-themes": "6.1.0",
+    "storybook": "8.2.8",
     "string-width": "7.2.0",
     "ts-jest": "29.2.4",
     "ts-node": "10.9.2",