diff --git a/example/index.html b/example/index.html index b88b88b..f56172c 100644 --- a/example/index.html +++ b/example/index.html @@ -8,6 +8,6 @@
- + diff --git a/package.json b/package.json index 50f3494..edbe481 100644 --- a/package.json +++ b/package.json @@ -10,6 +10,7 @@ "module": "./dist/esm/index.js", "types": "./dist/index.d.ts", "private": false, + "sideEffects": false, "browserslist": [ ">0.2%", "not dead", @@ -32,9 +33,8 @@ "dist" ], "scripts": { - "build": "npm run build:esm && npm run build:cjs && npm run build:types", - "build:esm": "tsc --module ESNext --outDir dist/esm && postcss 'src/**/*.css' -d dist/esm/ --base src", - "build:cjs": "tsc --module CommonJS --outDir dist/cjs && postcss 'src/**/*.css' -d dist/cjs/ --base src", + "build": "npm run build:bundle && npm run build:types", + "build:bundle": "webpack", "build:types": "tsc --declaration --declarationDir dist --emitDeclarationOnly", "dev": "cd example && yarn dev", "watch:css": "postcss 'src/**/*.css' -d dist/esm/ --base src --watch", @@ -45,13 +45,28 @@ "react-dom": "^18.0.0" }, "devDependencies": { + "@babel/core": "^7.26.7", + "@babel/plugin-transform-runtime": "^7.25.9", + "@babel/preset-env": "^7.26.7", + "@babel/preset-react": "^7.26.3", + "@babel/preset-typescript": "^7.26.0", + "@babel/runtime": "^7.26.7", + "@babel/runtime-corejs3": "^7.26.7", "@testing-library/react": "^16.0.1", "@types/react": "^18.3.12", "@types/react-dom": "^18.3.1", "autoprefixer": "^10.4.20", + "babel-loader": "^9.2.1", + "core-js": "3", + "css-loader": "^7.1.2", "postcss": "^8.4.47", "postcss-cli": "^11.0.0", - "typescript": "^5.6.3" + "postcss-loader": "^8.1.1", + "style-loader": "^4.0.0", + "terser-webpack-plugin": "^5.3.11", + "typescript": "^5.6.3", + "webpack": "^5.97.1", + "webpack-cli": "^6.0.1" }, "dependencies": { "@tanstack/react-query": "^5.62.11", diff --git a/src/components/Button.module.css b/src/components/Button.module.css index 6a05670..c47012d 100644 --- a/src/components/Button.module.css +++ b/src/components/Button.module.css @@ -1,5 +1,3 @@ -@import "../theme.css"; - .button { background-color: rgba(var(--color-primary-c6dbf459), 1); color: rgba(var(--color-background-c6dbf459), 1); diff --git a/src/components/Header.module.css b/src/components/Header.module.css index 463f322..d84bc9a 100644 --- a/src/components/Header.module.css +++ b/src/components/Header.module.css @@ -36,6 +36,10 @@ cursor: pointer; } +.containerNoCollapseButton { + cursor: default; +} + .bodyExpanded { border-bottom-left-radius: 0; border-bottom-right-radius: 0; diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 97e5aef..3057cde 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -67,7 +67,11 @@ export const Header = ({