shogun-button-react 1.0.0 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/components/ShogunButton.d.ts +20 -3
  2. package/dist/components/ShogunButton.js +443 -57
  3. package/dist/connector.d.ts +2 -0
  4. package/dist/connector.js +65 -0
  5. package/dist/index.css +756 -0
  6. package/dist/index.d.ts +2 -2
  7. package/dist/index.js +1 -1
  8. package/dist/styles/index.css +36 -3
  9. package/dist/types/index.d.ts +1 -2
  10. package/dist/types/index.js +2 -2
  11. package/package.json +13 -9
  12. package/src/styles/index.css +36 -3
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ShogunButton, ShogunButtonProvider, useShogun } from './components/ShogunButton.js';
2
- import { ShogunConnectorOptions, ShogunConnectorResult } from './types/connector-options';
2
+ import { ShogunConnectorOptions, ShogunConnectorResult } from './types/connector-options.js';
3
3
  export { ShogunButton, ShogunButtonProvider, useShogun };
4
- export * from './types.js';
4
+ export * from './types/index.js';
5
5
  export { ShogunConnectorOptions, ShogunConnectorResult };
package/dist/index.js CHANGED
@@ -2,4 +2,4 @@ import { ShogunButton, ShogunButtonProvider, useShogun } from './components/Shog
2
2
  // Export components
3
3
  export { ShogunButton, ShogunButtonProvider, useShogun };
4
4
  // Export all types
5
- export * from './types.js';
5
+ export * from './types/index.js';
package/dist/styles/index.css CHANGED
@@ -110,7 +110,7 @@
110
110
  border-radius: var(--shogun-border-radius);
111
111
  box-shadow: var(--shogun-shadow);
112
112
  width: 240px;
113
- z-index: 100;
113
+ z-index: 9999;
114
114
  overflow: hidden;
115
115
  animation: shogun-dropdown-fade 0.2s ease;
116
116
  }
@@ -229,9 +229,11 @@
229
229
 
230
230
  .shogun-modal-header h2 {
231
231
  margin: 0;
232
- font-size: 18px;
232
+ font-size: 1.5rem;
233
233
  font-weight: 600;
234
- color: var(--shogun-text);
234
+ color: #111827;
235
+ text-align: center;
236
+ width: 100%;
235
237
  }
236
238
 
237
239
  .shogun-close-button {
@@ -720,4 +722,35 @@
720
722
 
721
723
  .shogun-logout-button:hover {
722
724
  background-color: #c0392b;
725
+ }
726
+
727
+ .shogun-prominent-toggle {
728
+ font-weight: 600;
729
+ color: #3b82f6;
730
+ padding: 8px 16px;
731
+ margin-top: 16px;
732
+ border: 1px solid #e5e7eb;
733
+ border-radius: 6px;
734
+ background-color: #f9fafb;
735
+ transition: all 0.2s ease;
736
+ }
737
+
738
+ .shogun-prominent-toggle:hover {
739
+ background-color: #f3f4f6;
740
+ border-color: #d1d5db;
741
+ }
742
+
743
+ [data-shogun-theme="dark"] .shogun-prominent-toggle {
744
+ background-color: #1f2937;
745
+ border-color: #374151;
746
+ color: #60a5fa;
747
+ }
748
+
749
+ [data-shogun-theme="dark"] .shogun-prominent-toggle:hover {
750
+ background-color: #111827;
751
+ border-color: #4b5563;
752
+ }
753
+
754
+ [data-shogun-theme="dark"] .shogun-modal-header h2 {
755
+ color: #f9fafb;
723
756
  }
package/dist/types/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- export * from './connector-options';
1
+ export * from './connector-options.js';
2
2
  import { AuthResult, SignUpResult } from 'shogun-core';
3
3
  export { AuthResult, SignUpResult };
4
- export * from './shogun-core.d';
package/dist/types/index.js CHANGED
@@ -1,4 +1,4 @@
1
1
  // Export the connector options
2
- export * from './connector-options';
2
+ export * from './connector-options.js';
3
3
  // Export any type extensions/declarations
4
- export * from './shogun-core.d';
4
+ // Note: .d.ts files don't need .js extension in imports
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "shogun-button-react",
3
3
  "description": "Shogun connector button",
4
- "version": "1.0.0",
4
+ "version": "1.3.0",
5
5
  "files": [
6
6
  "dist",
7
7
  "src/styles/index.css"
@@ -34,17 +34,21 @@
34
34
  "ethers": "^6.13.5",
35
35
  "prettier": "^3.5.3",
36
36
  "rxjs": "^7.8.1",
37
- "shogun-core": "file:../shogun-core"
37
+ "shogun-core": "^1.3.0"
38
+ },
39
+ "peerDependencies": {
40
+ "react": "^18.0.0",
41
+ "react-dom": "^18.0.0"
38
42
  },
39
43
  "devDependencies": {
44
+ "@types/react": "^18.3.23",
40
45
  "copyfiles": "^2.4.1",
41
- "react": "^19.1.0",
42
- "react-dom": "^19.1.0",
43
- "typescript": "^5.8.2"
44
- },
45
- "peerDependencies": {
46
- "react": ">=18.2.0",
47
- "react-dom": ">=18.2.0"
46
+ "css-loader": "^7.1.2",
47
+ "style-loader": "^4.0.0",
48
+ "ts-loader": "^9.5.2",
49
+ "typescript": "^5.8.2",
50
+ "webpack": "^5.99.9",
51
+ "webpack-cli": "^6.0.1"
48
52
  },
49
53
  "repository": {
50
54
  "type": "git",
package/src/styles/index.css CHANGED
@@ -110,7 +110,7 @@
110
110
  border-radius: var(--shogun-border-radius);
111
111
  box-shadow: var(--shogun-shadow);
112
112
  width: 240px;
113
- z-index: 100;
113
+ z-index: 9999;
114
114
  overflow: hidden;
115
115
  animation: shogun-dropdown-fade 0.2s ease;
116
116
  }
@@ -229,9 +229,11 @@
229
229
 
230
230
  .shogun-modal-header h2 {
231
231
  margin: 0;
232
- font-size: 18px;
232
+ font-size: 1.5rem;
233
233
  font-weight: 600;
234
- color: var(--shogun-text);
234
+ color: #111827;
235
+ text-align: center;
236
+ width: 100%;
235
237
  }
236
238
 
237
239
  .shogun-close-button {
@@ -720,4 +722,35 @@
720
722
 
721
723
  .shogun-logout-button:hover {
722
724
  background-color: #c0392b;
725
+ }
726
+
727
+ .shogun-prominent-toggle {
728
+ font-weight: 600;
729
+ color: #3b82f6;
730
+ padding: 8px 16px;
731
+ margin-top: 16px;
732
+ border: 1px solid #e5e7eb;
733
+ border-radius: 6px;
734
+ background-color: #f9fafb;
735
+ transition: all 0.2s ease;
736
+ }
737
+
738
+ .shogun-prominent-toggle:hover {
739
+ background-color: #f3f4f6;
740
+ border-color: #d1d5db;
741
+ }
742
+
743
+ [data-shogun-theme="dark"] .shogun-prominent-toggle {
744
+ background-color: #1f2937;
745
+ border-color: #374151;
746
+ color: #60a5fa;
747
+ }
748
+
749
+ [data-shogun-theme="dark"] .shogun-prominent-toggle:hover {
750
+ background-color: #111827;
751
+ border-color: #4b5563;
752
+ }
753
+
754
+ [data-shogun-theme="dark"] .shogun-modal-header h2 {
755
+ color: #f9fafb;
723
756
  }