@schematichq/schematic-components 0.4.6 → 0.4.8
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.
- package/dist/schematic-components.cjs.js +902 -594
- package/dist/schematic-components.d.ts +36 -5
- package/dist/schematic-components.esm.js +922 -611
- package/package.json +7 -7
|
@@ -1640,6 +1640,8 @@ declare interface ComponentResponseData {
|
|
|
1640
1640
|
updatedAt: Date;
|
|
1641
1641
|
}
|
|
1642
1642
|
|
|
1643
|
+
declare type ComponentStyle = "primary" | "secondary" | "tertiary";
|
|
1644
|
+
|
|
1643
1645
|
declare class Configuration {
|
|
1644
1646
|
private configuration;
|
|
1645
1647
|
constructor(configuration?: ConfigurationParameters);
|
|
@@ -1781,8 +1783,10 @@ declare const _default: {
|
|
|
1781
1783
|
"folder-plus": number;
|
|
1782
1784
|
folder: number;
|
|
1783
1785
|
"generic-payment": number;
|
|
1786
|
+
github: number;
|
|
1784
1787
|
glasses: number;
|
|
1785
1788
|
globe: number;
|
|
1789
|
+
google: number;
|
|
1786
1790
|
hammer: number;
|
|
1787
1791
|
hash: number;
|
|
1788
1792
|
heart: number;
|
|
@@ -1793,6 +1797,7 @@ declare const _default: {
|
|
|
1793
1797
|
key: number;
|
|
1794
1798
|
link: number;
|
|
1795
1799
|
mastercard: number;
|
|
1800
|
+
move: number;
|
|
1796
1801
|
music: number;
|
|
1797
1802
|
"node-minus": number;
|
|
1798
1803
|
"node-plus": number;
|
|
@@ -1825,6 +1830,7 @@ declare const _default: {
|
|
|
1825
1830
|
truck: number;
|
|
1826
1831
|
tube: number;
|
|
1827
1832
|
unprotected: number;
|
|
1833
|
+
unsubscribe: number;
|
|
1828
1834
|
verified: number;
|
|
1829
1835
|
"video-camera": number;
|
|
1830
1836
|
visa: number;
|
|
@@ -2033,6 +2039,16 @@ declare interface DesignProps_7 {
|
|
|
2033
2039
|
};
|
|
2034
2040
|
}
|
|
2035
2041
|
|
|
2042
|
+
declare interface DesignProps_8 {
|
|
2043
|
+
button: {
|
|
2044
|
+
text: string;
|
|
2045
|
+
style: ComponentStyle;
|
|
2046
|
+
size: ButtonSizeTypes;
|
|
2047
|
+
fullWidth: boolean;
|
|
2048
|
+
alignment: EmbedButtonAlignment;
|
|
2049
|
+
};
|
|
2050
|
+
}
|
|
2051
|
+
|
|
2036
2052
|
declare const Element_2: IStyledComponentBase<"web", FastOmit<FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ComponentProps | "$viewport"> & ComponentProps & {
|
|
2037
2053
|
$viewport?: {
|
|
2038
2054
|
sm?: TransientCSSProperties;
|
|
@@ -2052,11 +2068,19 @@ declare interface ElementProps {
|
|
|
2052
2068
|
}
|
|
2053
2069
|
|
|
2054
2070
|
export declare const EmbedButton: IStyledComponentBase<"web", Substitute<ButtonProps & RefAttributes<HTMLButtonElement>, {
|
|
2055
|
-
$size?:
|
|
2056
|
-
$color?:
|
|
2057
|
-
$variant?:
|
|
2071
|
+
$size?: ButtonSizeTypes;
|
|
2072
|
+
$color?: EmbedButtonColor;
|
|
2073
|
+
$variant?: EmbedButtonVariant;
|
|
2074
|
+
$alignment?: EmbedButtonAlignment;
|
|
2075
|
+
$fullWidth?: boolean;
|
|
2058
2076
|
}>> & string & Omit<ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>, keyof Component<any, {}, any>>;
|
|
2059
2077
|
|
|
2078
|
+
export declare type EmbedButtonAlignment = "start" | "center" | "end";
|
|
2079
|
+
|
|
2080
|
+
export declare type EmbedButtonColor = "primary" | "secondary" | "danger";
|
|
2081
|
+
|
|
2082
|
+
export declare type EmbedButtonVariant = "filled" | "outline" | "ghost" | "text";
|
|
2083
|
+
|
|
2060
2084
|
export declare const EmbedContext: Context<EmbedContextProps>;
|
|
2061
2085
|
|
|
2062
2086
|
export declare interface EmbedContextProps {
|
|
@@ -2070,13 +2094,14 @@ export declare interface EmbedContextProps {
|
|
|
2070
2094
|
error?: Error;
|
|
2071
2095
|
isPending: boolean;
|
|
2072
2096
|
hydrate: () => Promise<void>;
|
|
2097
|
+
setIsPending: (bool: boolean) => void;
|
|
2073
2098
|
setData: (data: ComponentHydrateResponseData) => void;
|
|
2074
|
-
updateSettings: (settings: RecursivePartial<EmbedSettings>) => void;
|
|
2075
2099
|
setLayout: (layout: EmbedLayout) => void;
|
|
2076
2100
|
setSelected: (selected: EmbedSelected) => void;
|
|
2101
|
+
updateSettings: (settings: RecursivePartial<EmbedSettings>) => void;
|
|
2077
2102
|
}
|
|
2078
2103
|
|
|
2079
|
-
export declare type EmbedLayout = "portal" | "checkout" | "payment" | "
|
|
2104
|
+
export declare type EmbedLayout = "portal" | "checkout" | "payment" | "unsubscribe" | "disabled";
|
|
2080
2105
|
|
|
2081
2106
|
export declare type EmbedMode = "edit" | "view";
|
|
2082
2107
|
|
|
@@ -4352,6 +4377,12 @@ export declare interface TypographySettings {
|
|
|
4352
4377
|
color: string;
|
|
4353
4378
|
}
|
|
4354
4379
|
|
|
4380
|
+
export declare const UnsubscribeButton: ForwardRefExoticComponent<ElementProps & RecursivePartial<DesignProps_8> & HTMLAttributes<HTMLDivElement> & {
|
|
4381
|
+
portal?: HTMLElement | null;
|
|
4382
|
+
} & RefAttributes<HTMLDivElement | null>>;
|
|
4383
|
+
|
|
4384
|
+
export declare type UnsubscribeButtonProps = DesignProps_8;
|
|
4385
|
+
|
|
4355
4386
|
export declare const UpcomingBill: ForwardRefExoticComponent<ElementProps & RecursivePartial<DesignProps_7> & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement | null>>;
|
|
4356
4387
|
|
|
4357
4388
|
export declare type UpcomingBillProps = DesignProps_7;
|