Merge pull request #7 from acrool/main

deploy storybook

Author: imagine10255

.github/workflows/deploy.yml

@@ -30,20 +30,13 @@ jobs:
       - name: Replace local links with actual versions
         run: |
           sed -i 's#"@acrool/react-toaster": "link:.."#"@acrool/react-toaster": "latest"#' package.json
-          sed -i 's#"framer-motion": "link:../node_modules/framer-motion"#"framer-motion": "^11.11.8"#' package.json
-          sed -i 's#"react": "link:../node_modules/react"#"react": "^18.0.0"#' package.json
-          sed -i 's#"react-dom": "link:../node_modules/react-dom"#"react-dom": "^18.0.0"#' package.json
+          sed -i 's#"react": "link:../node_modules/react"#"react": "^19.1.0"#' package.json
+          sed -i 's#"react-dom": "link:../node_modules/react-dom"#"react-dom": "^19.1.0"#' package.json
 
       - name: Install dependencies
         run: yarn install
 
-      - name: Build Storybook
-        run: yarn build-storybook
-
-      - name: Install Wrangler
-        run: yarn global add wrangler
-
-      - name: Deploy to Cloudflare Pages
-        run: wrangler pages deploy ./storybook-static --project-name=acrool-react-img --branch main
+      - name: Build Storybook & Deploy to Cloudflare Pages
+        run: yarn pages:deploy
         env:
           CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}

CHANGELOG.md

@@ -2,6 +2,26 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [3.2.1](https://github.com/acrool/acrool-react-toaster/compare/v3.2.1-alpha.0...v3.2.1) (2025-04-24)
+
+### [3.2.1-alpha.0](https://github.com/acrool/acrool-react-toaster/compare/v3.2.0...v3.2.1-alpha.0) (2025-04-24)
+
+## [3.2.0](https://github.com/acrool/acrool-react-toaster/compare/v3.1.11...v3.2.0) (2025-04-21)
+
+### [3.1.11](https://github.com/acrool/acrool-react-toaster/compare/v3.1.11-alpha.5...v3.1.11) (2025-02-15)
+
+### [3.1.11-alpha.5](https://github.com/acrool/acrool-react-toaster/compare/v3.1.11-alpha.4...v3.1.11-alpha.5) (2025-02-15)
+
+### [3.1.11-alpha.4](https://github.com/acrool/acrool-react-toaster/compare/v3.1.11-alpha.3...v3.1.11-alpha.4) (2025-02-06)
+
+### [3.1.11-alpha.3](https://github.com/acrool/acrool-react-toaster/compare/v3.1.11-alpha.2...v3.1.11-alpha.3) (2024-11-29)
+
+### [3.1.11-alpha.2](https://github.com/acrool/acrool-react-toaster/compare/v3.1.11-alpha.1...v3.1.11-alpha.2) (2024-11-27)
+
+### [3.1.11-alpha.1](https://github.com/acrool/acrool-react-toaster/compare/v3.1.11-alpha.0...v3.1.11-alpha.1) (2024-11-27)
+
+### [3.1.11-alpha.0](https://github.com/acrool/acrool-react-toaster/compare/v3.1.10...v3.1.11-alpha.0) (2024-11-27)
+
 ### [3.1.10](https://github.com/acrool/acrool-react-toaster/compare/v3.1.10-alpha.0...v3.1.10) (2024-10-26)
 
 ### [3.1.10-alpha.0](https://github.com/acrool/acrool-react-toaster/compare/v3.1.9...v3.1.10-alpha.0) (2024-10-16)

README.md

@@ -20,6 +20,7 @@
 </div>
 
 
+`^3.2.0 support react >=18.0.0 <20.0.0`
 
 
 ## Features
@@ -34,16 +35,9 @@
 ## Install
 
 ```bash
-yarn add framer-motion @acrool/react-toaster
+yarn add @acrool/react-toaster
 ```
 
-in your packages. (Make the version of styled-component you use match the version of styled-component used in acrool-react-gird)
-
-```json
-"resolutions": {
-    "framer-motion": "^11.x"
-}
-```
 
 ## Usage
 
@@ -55,7 +49,9 @@ import "@acrool/react-toaster/dist/index.css";
 add in your App.tsx
 
 ```tsx
-import {ToasterPortal} from "@acrool/react-toaster";
+import {ToasterPortal, themeMap} from "@acrool/react-toaster";
+import CustomCheckIcon from '../../../assets/custom_check.svg?react';
+
 
 const App = () => {
     return (
@@ -68,6 +64,13 @@ const App = () => {
                     vertical: 'top',
                     horizontal: 'center',
                 }}
+                themeMap={{
+                    ...themeMap,
+                    success: {
+                        ...themeMap.success,
+                        icon: CustomCheckIcon,
+                    }
+                }}
             />
         </div>
     );

example/package.json

@@ -10,12 +10,11 @@
     "pages:deploy": "NODE_VERSION=18 yarn build-storybook && wrangler pages deploy ./storybook-static --project-name=acrool-react-toaster --branch main"
   },
   "resolutions": {
-    "styled-components": "5.3.9",
-    "framer-motion": "11.11.8"
+    "styled-components": "6.1.17"
   },
   "dependencies": {
-    "@acrool/js-utils": "^3.2.12",
-    "@acrool/react-grid": "^5.2.5",
+    "@acrool/js-utils": "^3.2.15",
+    "@acrool/react-grid": "^6.0.2",
     "@acrool/react-toaster": "link:..",
     "@chromatic-com/storybook": "^1.5.0",
     "@emotion/is-prop-valid": "^1.2.2",
@@ -28,20 +27,18 @@
     "@storybook/react-vite": "^8.1.10",
     "@storybook/test": "^8.1.10",
     "@swc/core": "^1.3.68",
-    "@swc/plugin-styled-components": "^1.5.68",
+    "@swc/plugin-styled-components": "6.8.2",
     "@types/dom-to-image": "^2.6.7",
-    "@types/react": "^18.0.28",
-    "@types/react-dom": "^18.0.11",
-    "@types/styled-components": "^5.1.26",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
     "@vitejs/plugin-react-swc": "^3.0.0",
     "dom-to-image": "^2.6.0",
-    "framer-motion": "link:../node_modules/framer-motion",
     "react": "link:../node_modules/react",
     "react-dom": "link:../node_modules/react-dom",
     "sass": "^1.77.1",
     "storybook": "^8.1.10",
     "storybook-dark-mode": "^4.0.2",
-    "styled-components": "5.3.9",
+    "styled-components": "6.1.17",
     "typescript": "^5.2.2",
     "vite": "^5.2.0",
     "vite-plugin-svgr": "^4.2.0",