dynim-react 1.0.46 → 1.0.48

package/dist/theme.d.ts

@@ -2,24 +2,7 @@
  * Dynim Theme System
  *
  * Theme is automatically fetched from the API per project.
- * The API should return a DynimTheme object from GET /api/code/theme
- *
- * Example API response:
- * ```json
- * {
- *   "accent": "#4CAF50",
- *   "builderBg": "#000000",
- *   "chatAccent": "#8b5cf6"
- * }
- * ```
- *
- * CSS variables are automatically generated and can be used in components:
- * ```css
- * .builder-bar {
- *   background: var(--dynim-builder-bg);
- *   color: var(--dynim-builder-text);
- * }
- * ```
+ * CSS variables are injected with defaults matching the original design.
  */
 export interface DynimTheme {
     accent?: string;
@@ -42,7 +25,7 @@ export interface DynimTheme {
     hoverOpacity?: string;
 }
 /**
- * Default theme values
+ * Default theme values - matches original SDK styling exactly
  */
 export declare const defaultTheme: Required<DynimTheme>;
 /**
@@ -72,8 +55,4 @@ export declare const themeVars: {
     readonly selectionOpacity: "var(--dynim-selection-opacity)";
     readonly hoverOpacity: "var(--dynim-hover-opacity)";
 };
-/**
- * Helper to convert hex to rgba for opacity support
- */
-export declare function hexToRgba(hex: string, opacity: string | number): string;
 //# sourceMappingURL=theme.d.ts.map

package/dist/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,MAAM,WAAW,UAAU;IAEzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,UAAU,CAwB7C,CAAC;AA+BF;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,GAAE,UAAe,GAAG,MAAM,CAW/D;AAED;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAwBZ,CAAC;AAEX;;GAEG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAOvE"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,WAAW,UAAU;IAEzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,UAAU,CAwB7C,CAAC;AA+BF;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,GAAE,UAAe,GAAG,MAAM,CAW/D;AAED;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAwBZ,CAAC"}

package/dist/theme.js

@@ -2,50 +2,33 @@
  * Dynim Theme System
  *
  * Theme is automatically fetched from the API per project.
- * The API should return a DynimTheme object from GET /api/code/theme
- *
- * Example API response:
- * ```json
- * {
- *   "accent": "#4CAF50",
- *   "builderBg": "#000000",
- *   "chatAccent": "#8b5cf6"
- * }
- * ```
- *
- * CSS variables are automatically generated and can be used in components:
- * ```css
- * .builder-bar {
- *   background: var(--dynim-builder-bg);
- *   color: var(--dynim-builder-text);
- * }
- * ```
+ * CSS variables are injected with defaults matching the original design.
  */
 /**
- * Default theme values
+ * Default theme values - matches original SDK styling exactly
  */
 export const defaultTheme = {
-    // Builder Bar
-    accent: '#4CAF50',
-    accentHover: '#43a047',
+    // Builder Bar - original values
+    accent: '#3b82f6',
+    accentHover: '#2563eb',
     builderBg: '#000000',
     builderText: '#ffffff',
-    builderFont: 'system-ui, -apple-system, sans-serif',
+    builderFont: 'system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, sans-serif',
     builderRadius: '22px',
-    builderOpacity: '0.85',
-    // Chat Widget
-    chatAccent: '#8b5cf6',
-    chatBg: '#000000',
-    chatText: '#ffffff',
-    chatFont: 'system-ui, -apple-system, sans-serif',
-    chatRadius: '12px',
-    chatOpacity: '0.85',
-    // Selection
+    builderOpacity: '0.08',
+    // Chat Widget - original values
+    chatAccent: '#3b82f6',
+    chatBg: '#ffffff',
+    chatText: '#1f2937',
+    chatFont: 'system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, sans-serif',
+    chatRadius: '16px',
+    chatOpacity: '0.08',
+    // Selection - original values
     selectionColor: '#8b5cf6',
     hoverColor: '#0ea5e9',
-    selectionRadius: '6px',
-    selectionOpacity: '0.08',
-    hoverOpacity: '0.08',
+    selectionRadius: '0',
+    selectionOpacity: '0.1',
+    hoverOpacity: '0.1',
 };
 /**
  * CSS variable names mapped to theme keys
@@ -112,15 +95,3 @@ export const themeVars = {
     selectionOpacity: 'var(--dynim-selection-opacity)',
     hoverOpacity: 'var(--dynim-hover-opacity)',
 };
-/**
- * Helper to convert hex to rgba for opacity support
- */
-export function hexToRgba(hex, opacity) {
-    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-    if (!result)
-        return hex;
-    const r = parseInt(result[1], 16);
-    const g = parseInt(result[2], 16);
-    const b = parseInt(result[3], 16);
-    return `rgba(${r}, ${g}, ${b}, ${opacity})`;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dynim-react",
-  "version": "1.0.46",
+  "version": "1.0.48",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",