@designbasekorea/figma-ui 0.1.72 → 0.1.74
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/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.esm.css +1 -1
- package/dist/index.esm.css.map +1 -1
- package/dist/index.esm.js +5 -3
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +5 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -27,7 +27,9 @@ const DonationBadge = ({ donationUrl = 'https://buymeacoffee.com/designbase', te
|
|
|
27
27
|
const Icon = iconType === 'heart' ? icons.HeartFilledIcon : icons.CoffeeFilledIcon;
|
|
28
28
|
const displayText = resolveText(t, text, 'Buy me a coffee');
|
|
29
29
|
const buttonSize = size;
|
|
30
|
-
return (React.createElement(ui.Button, { variant: variant, size: buttonSize, fullWidth: fullWidth, disabled: disabled, onPress: handleClick, startIcon: Icon, className: clsx('designbase-figma-donation-badge', `designbase-figma-donation-badge--${iconType}`, className), "aria-label": displayText
|
|
30
|
+
return (React.createElement(ui.Button, { variant: variant, size: buttonSize, fullWidth: fullWidth, disabled: disabled, onPress: handleClick, startIcon: Icon, className: clsx('designbase-figma-donation-badge', `designbase-figma-donation-badge--${iconType}`, className), "aria-label": displayText, style: {
|
|
31
|
+
'--designbase-figma-donation-badge-icon-color': 'var(--db-brand-primary)'
|
|
32
|
+
} }, displayText));
|
|
31
33
|
};
|
|
32
34
|
DonationBadge.displayName = 'DonationBadge';
|
|
33
35
|
|
|
@@ -479,9 +481,9 @@ const useFigmaToast = () => {
|
|
|
479
481
|
const [toast, setToast] = React.useState({ message: '', isVisible: false });
|
|
480
482
|
const showToast = React.useCallback((message, type = 'info') => {
|
|
481
483
|
setToast({ message, isVisible: true });
|
|
482
|
-
setTimeout(() => setToast({ message: '', isVisible: false }),
|
|
484
|
+
setTimeout(() => setToast({ message: '', isVisible: false }), 5000);
|
|
483
485
|
}, []);
|
|
484
|
-
const toastComponent = toast.isVisible ? (React.createElement(FigmaToast, { message: toast.message, isVisible: toast.isVisible, onClose: () => setToast({ message: '', isVisible: false }), type: "info", duration:
|
|
486
|
+
const toastComponent = toast.isVisible ? (React.createElement(FigmaToast, { message: toast.message, isVisible: toast.isVisible, onClose: () => setToast({ message: '', isVisible: false }), type: "info", duration: 5000 })) : null;
|
|
485
487
|
return { showToast, toastComponent };
|
|
486
488
|
};
|
|
487
489
|
FigmaToastProvider.displayName = 'FigmaToastProvider';
|