@yogiswara/honcho-editor-ui 1.0.4 → 1.0.6
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.
|
@@ -4,4 +4,5 @@ interface InternetConProps {
|
|
|
4
4
|
onClose: () => void;
|
|
5
5
|
}
|
|
6
6
|
export declare function HAlertInternetConnectionBox(props: InternetConProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare function HAlertPresetSave(): import("react/jsx-runtime").JSX.Element;
|
|
7
8
|
export {};
|
|
@@ -9,7 +9,6 @@ export function HAlertInternetBox() {
|
|
|
9
9
|
left: '50%',
|
|
10
10
|
transform: 'translate(-50%, -50%)',
|
|
11
11
|
width: { xs: '90%', sm: 'auto' },
|
|
12
|
-
minWidth: '270px',
|
|
13
12
|
zIndex: 1300,
|
|
14
13
|
backgroundColor: colors.onBackground,
|
|
15
14
|
color: colors.surface
|
|
@@ -22,7 +21,6 @@ export function HAlertCopyBox() {
|
|
|
22
21
|
left: '50%',
|
|
23
22
|
transform: 'translate(-50%, -50%)',
|
|
24
23
|
width: { xs: '90%', sm: 'auto' },
|
|
25
|
-
minWidth: '270px',
|
|
26
24
|
zIndex: 1300,
|
|
27
25
|
backgroundColor: colors.onBackground,
|
|
28
26
|
color: colors.surface
|
|
@@ -36,11 +34,22 @@ export function HAlertInternetConnectionBox(props) {
|
|
|
36
34
|
left: '50%',
|
|
37
35
|
transform: 'translate(-50%, -50%)',
|
|
38
36
|
width: { xs: '90%', sm: 'auto' },
|
|
39
|
-
minWidth: '270px',
|
|
40
37
|
zIndex: 1300,
|
|
41
38
|
backgroundColor: colors.onBackground,
|
|
42
39
|
color: colors.surface
|
|
43
40
|
},
|
|
44
41
|
// Use the 'action' prop for the close button
|
|
45
|
-
action: _jsx(IconButton, { "aria-label": "close", color: "inherit", size: "small", onClick: props.onClose, children: _jsx(CloseIcon, { fontSize: "inherit" }) }), children: "
|
|
42
|
+
action: _jsx(IconButton, { "aria-label": "close", color: "inherit", size: "small", onClick: props.onClose, children: _jsx(CloseIcon, { fontSize: "inherit" }) }), children: "Connection Problem" }));
|
|
43
|
+
}
|
|
44
|
+
export function HAlertPresetSave() {
|
|
45
|
+
const colors = useColors();
|
|
46
|
+
return (_jsx(Alert, { icon: _jsx("img", { src: "v1/svg/check-ratio-editor.svg" }), sx: { position: 'absolute',
|
|
47
|
+
top: '10%',
|
|
48
|
+
left: '50%',
|
|
49
|
+
transform: 'translate(-50%, -50%)',
|
|
50
|
+
width: { xs: '90%', sm: 'auto' },
|
|
51
|
+
zIndex: 1300,
|
|
52
|
+
backgroundColor: colors.onBackground,
|
|
53
|
+
color: colors.surface
|
|
54
|
+
}, children: "Saved" }));
|
|
46
55
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -17,7 +17,7 @@ export { HTextField, HTextFieldRename } from './components/editor/HTextField';
|
|
|
17
17
|
export { default as HWatermarkView } from './components/editor/HWatermarkView';
|
|
18
18
|
export { default as HModalMobile } from './components/editor/HModalMobile';
|
|
19
19
|
export { default as HPresetOptionsMenu } from './components/editor/HPresetOptionMenu';
|
|
20
|
-
export { HAlertInternetBox, HAlertCopyBox, HAlertInternetConnectionBox } from './components/editor/HAlertBox';
|
|
20
|
+
export { HAlertInternetBox, HAlertCopyBox, HAlertInternetConnectionBox, HAlertPresetSave } from './components/editor/HAlertBox';
|
|
21
21
|
export { default as useColors } from './themes/colors';
|
|
22
22
|
export { default as useHonchoTypography } from './themes/honchoTheme';
|
|
23
23
|
export { default as useIsMobile } from './utils/isMobile';
|
package/dist/index.js
CHANGED
|
@@ -16,7 +16,7 @@ export { HTextField, HTextFieldRename } from './components/editor/HTextField';
|
|
|
16
16
|
export { default as HWatermarkView } from './components/editor/HWatermarkView';
|
|
17
17
|
export { default as HModalMobile } from './components/editor/HModalMobile';
|
|
18
18
|
export { default as HPresetOptionsMenu } from './components/editor/HPresetOptionMenu';
|
|
19
|
-
export { HAlertInternetBox, HAlertCopyBox, HAlertInternetConnectionBox } from './components/editor/HAlertBox';
|
|
19
|
+
export { HAlertInternetBox, HAlertCopyBox, HAlertInternetConnectionBox, HAlertPresetSave } from './components/editor/HAlertBox';
|
|
20
20
|
// --- Theme & Utils ---
|
|
21
21
|
export { default as useColors } from './themes/colors';
|
|
22
22
|
export { default as useHonchoTypography } from './themes/honchoTheme';
|