@openlettermarketing/olc-react-sdk 0.0.2 → 0.0.5

package/build/types/App.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 interface AppProps {
     secretKey: string;
     returnRoute?: string | null;
-    styles?: React.CSSProperties;
+    styles?: any;
 }
 declare const App: React.FC<AppProps>;
 export default App;

package/build/types/assets/images/modal-icons/save.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const Save: () => React.JSX.Element;
+declare const Save: (props: any) => React.JSX.Element;
 export default Save;

package/build/types/assets/images/templates/bi-fold-self-mailers.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const biFoldSelfMailers: (props: any) => React.JSX.Element;
+export default biFoldSelfMailers;

package/build/types/assets/images/templates/custom-template.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const CustomTemplate: () => React.JSX.Element;
+declare const CustomTemplate: (props: any) => React.JSX.Element;
 export default CustomTemplate;

package/build/types/assets/images/templates/dynamic-field.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const DynamicField: () => React.JSX.Element;
+declare const DynamicField: (props: any) => React.JSX.Element;
 export default DynamicField;

package/build/types/assets/images/templates/edit-pencil-icon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const editPencilIcon: (props: any) => React.JSX.Element;
+export default editPencilIcon;

package/build/types/assets/images/templates/personal-letter.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PersonalLetter: (props: any) => React.JSX.Element;
+export default PersonalLetter;

package/build/types/assets/images/templates/postcard.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const postcard: (props: any) => React.JSX.Element;
+export default postcard;

package/build/types/assets/images/templates/professional-letter.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ProfessionalLetter: (props: any) => React.JSX.Element;
+export default ProfessionalLetter;

package/build/types/assets/images/templates/real-penned-letters.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const realPennedLetters: (props: any) => React.JSX.Element;
+export default realPennedLetters;

package/build/types/assets/images/templates/template-default-design.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const templateDefaultDesign: (props: any) => React.JSX.Element;
+export default templateDefaultDesign;

package/build/types/assets/images/templates/tri-fold-self-mailers.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const triFoldSelfMailers: (props: any) => React.JSX.Element;
+export default triFoldSelfMailers;

package/build/types/components/GenericUIBlocks/Input/index.d.ts

@@ -1,6 +1,5 @@
 import { ChangeEvent, FC } from 'react';
 import './styles.scss';
-import './styles.scss';
 interface InputProps {
     variant?: keyof JSX.IntrinsicElements;
     type: any;

package/build/types/index.d.ts

@@ -1,15 +1,17 @@
-import React from 'react';
 import './index.scss';
 import '@fontsource/inter/400.css';
 import '@fontsource/inter/700.css';
 import '@fontsource/inter/600.css';
+import { CustomCSSProperties } from './utils/customStyles';
 interface TemplateBuilderProps {
     container: HTMLElement | null;
     apiKey: string;
     mode: 'test' | 'live';
     secretKey: string;
     returnRoute?: string | null;
-    styles?: React.CSSProperties;
+    styles?: {
+        root?: CustomCSSProperties;
+    };
 }
 declare const TemplateBuilder: ({ container, apiKey, secretKey, mode, returnRoute, styles, }: TemplateBuilderProps) => void;
 export default TemplateBuilder;

package/build/types/utils/customStyles.d.ts

@@ -0,0 +1,57 @@
+import React from 'react';
+export interface CustomCSSProperties extends React.CSSProperties {
+    '--sb-track-color'?: string;
+    '--sb-thumb-color'?: string;
+    '--primaryColor'?: string;
+    '--svgColor'?: string;
+    '--textColor'?: string;
+    '--productCardBgColor'?: string;
+    '--productCardBackgroundColorActive'?: string;
+    '--postCardBgColor'?: string;
+    '--postCardBackgroundColorActive'?: string;
+    '--postCardSVGColor'?: string;
+    '--inputBgColor'?: string;
+    '--inputTextColor'?: string;
+    '--inputBorderColor'?: string;
+    '--inputSearchAppliedBg'?: string;
+    '--inputSearchIcon'?: string;
+    '--selectBgColor'?: string;
+    '--selectTextColor'?: string;
+    '--selectBorderColor'?: string;
+    '--selectMenuBgColor'?: string;
+    '--selectOptionTextColor'?: string;
+    '--selectOptionBorderColor'?: string;
+    '--selectOptionFocusedColor'?: string;
+    '--selectOptionFocusedTextColor'?: string;
+    '--selectOptionSelectedColor'?: string;
+    '--selectOptionSelectedTextColor'?: string;
+    '--topbarBgColor'?: string;
+    '--sidepanelBgColor'?: string;
+    '--sidepanelTextColor'?: string;
+    '--sidepanelTextColorHover'?: string;
+    '--sidepanelSVGColor'?: string;
+    '--sidepanelSVGColorActive'?: string;
+    '--sidepanelOptionHoverColor'?: string;
+    '--customFieldBorderColor'?: string;
+    '--customFieldTextColor'?: string;
+    '--customFieldCopySVGColor'?: string;
+    '--cardBgColor'?: string;
+    '--cardTextColor'?: string;
+    '--dialogModalBgColor'?: string;
+    '--dialogModalHeadingColor'?: string;
+    '--dialogModalTextColor'?: string;
+    '--dialogModalSVGColor'?: string;
+    '--borderColor'?: string;
+    '--secondaryButtonBgColor'?: string;
+    '--secondaryButtonTextColor'?: string;
+    '--primaryButtonBgColor'?: string;
+    '--primaryButtonTextColor'?: string;
+    '--iconHoverBgColor'?: string;
+    '--mainBackgroundColor'?: string;
+    '--footerBgColor'?: string;
+    '--red'?: string;
+}
+export interface Styles {
+    root: CustomCSSProperties;
+}
+export declare const customStyles: Styles;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openlettermarketing/olc-react-sdk",
   "private": false,
-  "version": "0.0.2",
+  "version": "0.0.5",
   "type": "module",
   "description": "Simplify template builder integration for any product.",
   "main": "build/index.js",