medos-sdk 1.1.10 → 1.1.12

package/dist/components/styles.js

@@ -1,257 +1 @@
-export const CONTAINER_STYLES = {
-    container: {
-        display: "flex",
-        justifyContent: "center",
-        padding: 20,
-        fontFamily: "'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial",
-        background: "#f6f8fa",
-    },
-    card: {
-        width: "100%",
-        maxWidth: 720,
-        background: "#fff",
-        borderRadius: 12,
-        boxShadow: "0 8px 24px rgba(16,24,40,0.08)",
-        padding: 24,
-        boxSizing: "border-box",
-    },
-    header: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        marginBottom: 16,
-    },
-    title: {
-        marginLeft: 10,
-        fontSize: 20,
-        fontWeight: 600,
-    },
-    section: { marginTop: 12 },
-    errorMessage: {
-        marginBottom: 12,
-        color: "#ef4444",
-        fontWeight: 600,
-    },
-    actions: {
-        display: "flex",
-        gap: 8,
-        marginTop: 16,
-        justifyContent: "flex-end",
-    },
-};
-export const BUTTON_STYLES = {
-    primary: {
-        background: "#218838",
-        color: "#fff",
-        border: "none",
-        padding: "10px 14px",
-        borderRadius: 8,
-        cursor: "pointer",
-        fontWeight: 600,
-    },
-    secondary: {
-        background: "#fff",
-        color: "#218838",
-        border: "1px solid #218838",
-        padding: "10px 14px",
-        borderRadius: 8,
-        cursor: "pointer",
-    },
-};
-export const PHONE_VERIFY_STYLES = {
-    container: {
-        border: "1px solid #e5e7eb",
-        borderRadius: 12,
-        overflow: "hidden",
-        backgroundColor: "#fff",
-    },
-    header: {
-        padding: "16px 24px",
-        borderBottom: "1px solid #e5e7eb",
-        backgroundColor: "#f9fafb",
-    },
-    title: {
-        margin: 0,
-        fontSize: 18,
-        fontWeight: 600,
-        color: "#111827",
-    },
-    content: { padding: "24px" },
-    label: {
-        display: "block",
-        fontSize: 14,
-        fontWeight: 500,
-        color: "#111827",
-        marginBottom: 8,
-    },
-    phoneInputContainer: { display: "flex", gap: 8 },
-    phoneInput: {
-        flex: 1,
-        padding: "10px 12px",
-        borderRadius: 8,
-        border: "1px solid #e6e9ef",
-        fontSize: 14,
-        outline: "none",
-        color: "#111827",
-        boxSizing: "border-box",
-    },
-    phoneDisplay: {
-        padding: "10px 12px",
-        background: "#f9fafb",
-        borderRadius: 8,
-        fontSize: 14,
-        color: "#374151",
-        fontWeight: 500,
-    },
-    otpInput: {
-        width: "100%",
-        padding: "10px 12px",
-        border: "1px solid #d1d5db",
-        borderRadius: 8,
-        fontSize: 14,
-        outline: "none",
-        color: "#111827",
-        boxSizing: "border-box",
-    },
-    otpHint: {
-        marginTop: 8,
-        fontSize: 12,
-        color: "#6b7280",
-    },
-    successMessage: {
-        marginTop: 20,
-        padding: 16,
-        borderRadius: 8,
-        backgroundColor: "#F6FBF6",
-        border: "1px solid #218838",
-        display: "flex",
-        alignItems: "center",
-        gap: 12,
-    },
-    successIcon: { fontSize: 24, color: "#218838" },
-    successTitle: {
-        fontSize: 14,
-        fontWeight: 600,
-        color: "#218838",
-    },
-    successSubtitle: {
-        fontSize: 12,
-        color: "#6B7280",
-        marginTop: 2,
-    },
-    footer: {
-        padding: "16px 24px",
-        borderTop: "1px solid #e5e7eb",
-        backgroundColor: "#fff",
-        display: "flex",
-        gap: 12,
-        justifyContent: "flex-end",
-    },
-};
-export const PATIENT_DETAILS_STYLES = {
-    sectionCard: {
-        border: "1px solid #E5E7EB",
-        borderRadius: "12px",
-        marginBottom: "24px",
-    },
-    sectionHeader: {
-        backgroundColor: "#F9FAFB",
-        padding: "16px 20px",
-        display: "flex",
-        alignItems: "center",
-        gap: "12px",
-        borderBottom: "1px solid #E5E7EB",
-    },
-    sectionTitle: {
-        fontSize: "18px",
-        fontWeight: 600,
-        margin: 0,
-    },
-    sectionBody: { padding: "24px" },
-    gridRow: {
-        display: "grid",
-        gridTemplateColumns: "1fr 1fr",
-        gap: "20px",
-        marginTop: "20px",
-    },
-    label: {
-        display: "block",
-        fontSize: 13,
-        marginBottom: 6,
-        color: "#374151",
-    },
-    input: {
-        width: "100%",
-        padding: "10px 12px",
-        borderRadius: 8,
-        border: "1px solid #e6e9ef",
-        outline: "none",
-        fontSize: 14,
-        boxSizing: "border-box",
-    },
-    phoneDisplay: { display: "flex", gap: "8px" },
-    phoneCode: {
-        width: "100px",
-        padding: "10px 12px",
-        borderRadius: 8,
-        border: "1px solid #e6e9ef",
-        backgroundColor: "#F9FAFB",
-        fontSize: 14,
-        boxSizing: "border-box",
-    },
-    phoneNumber: {
-        flex: 1,
-        padding: "10px 12px",
-        borderRadius: 8,
-        border: "1px solid #e6e9ef",
-        backgroundColor: "#F9FAFB",
-        fontSize: 14,
-        boxSizing: "border-box",
-    },
-};
-export const SUCCESS_STYLES = {
-    container: {
-        display: "flex",
-        flexDirection: "column",
-        height: "100%",
-    },
-    header: {
-        marginTop: "-16px",
-        alignItems: "center",
-        textAlign: "center",
-        color: "#27903F",
-        fontWeight: 800,
-        fontSize: "18px",
-        marginBottom: "20px",
-    },
-    iconContainer: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        padding: "12px 0",
-    },
-    detailsContainer: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        gap: "12px",
-        textAlign: "center",
-        color: "#27903F",
-    },
-    detailsTitle: { fontWeight: 600, fontSize: "16px" },
-    detailsList: {
-        display: "flex",
-        flexDirection: "column",
-        gap: "4px",
-        fontSize: "14px",
-        width: "100%",
-        maxWidth: "28rem",
-        textAlign: "center",
-    },
-    confirmationNote: {
-        marginTop: "8px",
-        fontSize: "12px",
-        color: "#6B7280",
-    },
-    actionContainer: { marginTop: "24px" },
-};
+export * from "./styles";

package/dist/components/theme-styles.d.ts

@@ -1,9 +1,10 @@
 import React from "react";
 import { MedosTheme } from "../core/theme/types";
-export declare function getContainerStyles(theme: MedosTheme, prefix?: string): Record<string, React.CSSProperties>;
-export declare function getButtonStyles(theme: MedosTheme, prefix?: string): Record<string, React.CSSProperties>;
-export declare function getPhoneVerifyStyles(theme: MedosTheme, prefix?: string): Record<string, React.CSSProperties>;
-export declare function getPatientDetailsStyles(theme: MedosTheme, prefix?: string): Record<string, React.CSSProperties>;
+import { Breakpoint } from "../core/theme/responsive";
+export declare function getContainerStyles(theme: MedosTheme, prefix?: string, breakpoint?: Breakpoint): Record<string, React.CSSProperties>;
+export declare function getButtonStyles(theme: MedosTheme, prefix?: string, breakpoint?: Breakpoint): Record<string, React.CSSProperties>;
+export declare function getPhoneVerifyStyles(theme: MedosTheme, prefix?: string, breakpoint?: Breakpoint): Record<string, React.CSSProperties>;
+export declare function getPatientDetailsStyles(theme: MedosTheme, prefix?: string, breakpoint?: Breakpoint): Record<string, React.CSSProperties>;
 export declare function getSuccessStyles(theme: MedosTheme, prefix?: string): Record<string, React.CSSProperties>;
 export declare const CONTAINER_STYLES: Record<string, React.CSSProperties>;
 export declare const BUTTON_STYLES: Record<string, React.CSSProperties>;