@nibssplc/cams-sdk-react 1.0.0-rc.6 → 1.0.0-rc.60

package/dist/lib/styles.d.ts

@@ -0,0 +1,42 @@
+export declare const styles: {
+    readonly button: {
+        readonly base: {
+            readonly display: "inline-flex";
+            readonly alignItems: "center";
+            readonly justifyContent: "center";
+            readonly gap: "0.5rem";
+            readonly whiteSpace: "nowrap";
+            readonly borderRadius: "0.375rem";
+            readonly fontSize: "0.875rem";
+            readonly fontWeight: "500";
+            readonly transition: "all 0.2s";
+            readonly outline: "none";
+            readonly cursor: "pointer";
+            readonly border: "none";
+        };
+        readonly variants: {
+            readonly default: {
+                readonly backgroundColor: "#3b82f6";
+                readonly color: "white";
+                readonly padding: "0.5rem 1rem";
+                readonly height: "2.25rem";
+            };
+            readonly outline: {
+                readonly backgroundColor: "transparent";
+                readonly border: "1px solid #d1d5db";
+                readonly color: "#374151";
+                readonly padding: "0.5rem 1rem";
+                readonly height: "2.25rem";
+            };
+        };
+    };
+    readonly card: {
+        readonly base: {
+            readonly backgroundColor: "white";
+            readonly border: "1px solid #e5e7eb";
+            readonly borderRadius: "0.75rem";
+            readonly padding: "1.5rem";
+            readonly boxShadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1)";
+        };
+    };
+};

package/dist/styles.css

@@ -0,0 +1 @@
+@import "tailwindcss";@variant dark (&:is(.dark *));@layer base{:root{--radius:0.625rem;--background:1 0 0;--foreground:0.145 0 0;--card:1 0 0;--card-foreground:0.145 0 0;--popover:1 0 0;--popover-foreground:0.145 0 0;--primary:0.205 0 0;--primary-foreground:0.985 0 0;--secondary:0.97 0 0;--secondary-foreground:0.205 0 0;--muted:0.97 0 0;--muted-foreground:0.556 0 0;--accent:0.97 0 0;--accent-foreground:0.205 0 0;--destructive:0.577 0.245 27.325;--destructive-foreground:0.985 0 0;--border:0.922 0 0;--input:0.922 0 0;--ring:0.708 0 0;--chart-1:0.646 0.222 41.116;--chart-2:0.6 0.118 184.704;--chart-3:0.398 0.07 227.392;--chart-4:0.828 0.189 84.429;--chart-5:0.769 0.188 70.08;--sidebar:0.985 0 0;--sidebar-foreground:0.145 0 0;--sidebar-primary:0.205 0 0;--sidebar-primary-foreground:0.985 0 0;--sidebar-accent:0.97 0 0;--sidebar-accent-foreground:0.205 0 0;--sidebar-border:0.922 0 0;--sidebar-ring:0.708 0 0}.dark{--background:0.145 0 0;--foreground:0.985 0 0;--card:0.205 0 0;--card-foreground:0.985 0 0;--popover:0.205 0 0;--popover-foreground:0.985 0 0;--primary:0.922 0 0;--primary-foreground:0.205 0 0;--secondary:0.269 0 0;--secondary-foreground:0.985 0 0;--muted:0.269 0 0;--muted-foreground:0.708 0 0;--accent:0.269 0 0;--accent-foreground:0.985 0 0;--destructive:0.704 0.191 22.216;--destructive-foreground:0.985 0 0;--border:1 0 0/10%;--input:1 0 0/15%;--ring:0.556 0 0;--chart-1:0.488 0.243 264.376;--chart-2:0.696 0.17 162.48;--chart-3:0.769 0.188 70.08;--chart-4:0.627 0.265 303.9;--chart-5:0.645 0.246 16.439;--sidebar:0.205 0 0;--sidebar-foreground:0.985 0 0;--sidebar-primary:0.488 0.243 264.376;--sidebar-primary-foreground:0.985 0 0;--sidebar-accent:0.269 0 0;--sidebar-accent-foreground:0.985 0 0;--sidebar-border:1 0 0/10%;--sidebar-ring:0.556 0 0}*,body{@apply bg-background text-foreground}}@theme inline{--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--color-background:oklch(var(--background));--color-foreground:oklch(var(--foreground));--color-card:oklch(var(--card));--color-card-foreground:oklch(var(--card-foreground));--color-popover:oklch(var(--popover));--color-popover-foreground:oklch(var(--popover-foreground));--color-primary:oklch(var(--primary));--color-primary-foreground:oklch(var(--primary-foreground));--color-secondary:oklch(var(--secondary));--color-secondary-foreground:oklch(var(--secondary-foreground));--color-muted:oklch(var(--muted));--color-muted-foreground:oklch(var(--muted-foreground));--color-accent:oklch(var(--accent));--color-accent-foreground:oklch(var(--accent-foreground));--color-destructive:oklch(var(--destructive));--color-border:oklch(var(--border));--color-input:oklch(var(--input));--color-ring:oklch(var(--ring));--color-chart-1:oklch(var(--chart-1));--color-chart-2:oklch(var(--chart-2));--color-chart-3:oklch(var(--chart-3));--color-chart-4:oklch(var(--chart-4));--color-chart-5:oklch(var(--chart-5));--color-sidebar:oklch(var(--sidebar));--color-sidebar-foreground:oklch(var(--sidebar-foreground));--color-sidebar-primary:oklch(var(--sidebar-primary));--color-sidebar-primary-foreground:oklch(var(--sidebar-primary-foreground));--color-sidebar-accent:oklch(var(--sidebar-accent));--color-sidebar-accent-foreground:oklch(var(--sidebar-accent-foreground));--color-sidebar-border:oklch(var(--sidebar-border));--color-sidebar-ring:oklch(var(--sidebar-ring))}.container_f782f4{display:inline-flex;flex-shrink:0;justify-content:center}.container_f782f4,.inner_37f4c9{align-items:center;height:calc(var(--uib-size)*.9);width:var(--uib-size)}.inner_37f4c9{display:flex;justify-content:space-between}.bar_409d0f{background-color:var(--uib-color);height:100%;transition:background-color .3s ease;width:var(--uib-stroke)}.bar_409d0f:first-child{animation:grow_ca6a4e var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.45) infinite}.bar_409d0f:nth-child(2){animation:grow_ca6a4e var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.3) infinite}.bar_409d0f:nth-child(3){animation:grow_ca6a4e var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.15) infinite}.bar_409d0f:nth-child(4){animation:grow_ca6a4e var(--uib-speed) ease-in-out infinite}@keyframes grow_ca6a4e{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nibssplc/cams-sdk-react",
-  "version": "1.0.0-rc.6",
+  "version": "1.0.0-rc.60",
   "description": "React hooks and components for NIBSS CAMS SDK",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",
@@ -11,7 +11,8 @@
       "import": "./dist/index.esm.js",
       "require": "./dist/index.cjs.js",
       "default": "./dist/index.esm.js"
-    }
+    },
+    "./dist/styles.css": "./dist/styles.css"
   },
   "scripts": {
     "clean": "rm -rf dist || true",
@@ -42,9 +43,7 @@
     "ldrs": "^1.1.7",
     "lucide-react": "^0.544.0",
     "motion": "^12.23.22",
-    "react-hook-form": "^7.63.0",
     "sonner": "^2.0.7",
-    "tailwind": "^4.0.0",
     "tailwind-merge": "^3.3.1",
     "tslib": "^2.6.0",
     "zod": "^4.1.11"
@@ -55,7 +54,8 @@
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "react-dom": ">=16.8.0",
+    "react-hook-form": "^7.0.0"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^25.0.7",
@@ -66,6 +66,7 @@
     "@testing-library/react": "^16.3.0",
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "autoprefixer": "^10.4.22",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "postcss": "^8.5.6",
@@ -73,11 +74,13 @@
     "react-dom": "^19.1.0",
     "rollup": "^4.21.1",
     "rollup-plugin-postcss": "^4.0.2",
+    "tailwindcss": "^4.0.0",
     "ts-jest": "^29.4.4",
     "typescript": "^5.4.5"
   },
   "files": [
-    "dist"
+    "dist",
+    "dist/styles.css"
   ],
   "publishConfig": {
     "access": "public"