@snapdragonsnursery/react-components 1.0.8 → 1.0.9

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/LandingPage.jsx +9 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@snapdragonsnursery/react-components",
3
- "version": "1.0.8",
3
+ "version": "1.0.9",
4
4
  "description": "",
5
5
  "main": "src/index.js",
6
6
  "scripts": {
package/src/LandingPage.jsx CHANGED
@@ -2,6 +2,7 @@
2
2
  //
3
3
  // A reusable landing page component for Microsoft authentication
4
4
  // Designed to work across different applications with customizable branding
5
+ // Compatible with shadcn/ui styling system
5
6
  //
6
7
  // Example usage:
7
8
  // import LandingPage from './LandingPage';
@@ -43,7 +44,7 @@ const LandingPage = ({
43
44
 
44
45
  return (
45
46
  <div className={`min-h-screen ${backgroundColor} flex items-center justify-center p-4`}>
46
- <div className={`max-w-md w-full bg-white rounded-2xl shadow-xl p-8 ${cardClassName}`}>
47
+ <div className={`max-w-md w-full bg-card text-card-foreground rounded-2xl shadow-xl p-8 border ${cardClassName}`}>
47
48
  {/* Logo Section */}
48
49
  <div className="text-center mb-8">
49
50
  <img
@@ -51,10 +52,10 @@ const LandingPage = ({
51
52
  alt={`${companyName} Logo`}
52
53
  className="h-16 mx-auto mb-4"
53
54
  />
54
- <h1 className="text-2xl font-bold text-gray-900 mb-2">
55
+ <h1 className="text-2xl font-bold text-foreground mb-2">
55
56
  {appName}
56
57
  </h1>
57
- <p className="text-gray-600">
58
+ <p className="text-muted-foreground">
58
59
  {appDescription}
59
60
  </p>
60
61
  </div>
@@ -62,13 +63,13 @@ const LandingPage = ({
62
63
  {/* Sign In Section */}
63
64
  <div className="space-y-6">
64
65
  <div className="text-center">
65
- <svg className="h-12 w-12 text-blue-600 mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
66
+ <svg className="h-12 w-12 text-primary mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
66
67
  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
67
68
  </svg>
68
- <h2 className="text-xl font-semibold text-gray-900 mb-2">
69
+ <h2 className="text-xl font-semibold text-foreground mb-2">
69
70
  Welcome Back
70
71
  </h2>
71
- <p className="text-gray-600 text-sm">
72
+ <p className="text-sm text-muted-foreground">
72
73
  Sign in with your Microsoft account to access the system
73
74
  </p>
74
75
  </div>
@@ -76,7 +77,7 @@ const LandingPage = ({
76
77
  {/* Microsoft Sign In Button */}
77
78
  <button
78
79
  onClick={handleSignInClick}
79
- className="w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-3 px-4 rounded-lg transition-colors duration-200 flex items-center justify-center space-x-2"
80
+ className="w-full bg-primary text-primary-foreground hover:bg-primary/90 font-medium py-3 px-4 rounded-lg transition-colors duration-200 flex items-center justify-center space-x-2"
80
81
  >
81
82
  {/* Official Microsoft logo SVG */}
82
83
  <svg className="w-5 h-5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -89,7 +90,7 @@ const LandingPage = ({
89
90
  </button>
90
91
 
91
92
  {/* Additional Info */}
92
- <div className="text-center text-xs text-gray-500">
93
+ <div className="text-center text-xs text-muted-foreground">
93
94
  <p>This application is for {companyName} employees only</p>
94
95
  </div>
95
96
  </div>