@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.esm.js
CHANGED
|
@@ -26,7 +26,9 @@ const DonationBadge = ({ donationUrl = 'https://buymeacoffee.com/designbase', te
|
|
|
26
26
|
const Icon = iconType === 'heart' ? HeartFilledIcon : CoffeeFilledIcon;
|
|
27
27
|
const displayText = resolveText(t, text, 'Buy me a coffee');
|
|
28
28
|
const buttonSize = size;
|
|
29
|
-
return (React.createElement(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
|
|
29
|
+
return (React.createElement(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: {
|
|
30
|
+
'--designbase-figma-donation-badge-icon-color': 'var(--db-brand-primary)'
|
|
31
|
+
} }, displayText));
|
|
30
32
|
};
|
|
31
33
|
DonationBadge.displayName = 'DonationBadge';
|
|
32
34
|
|
|
@@ -478,9 +480,9 @@ const useFigmaToast = () => {
|
|
|
478
480
|
const [toast, setToast] = useState({ message: '', isVisible: false });
|
|
479
481
|
const showToast = useCallback((message, type = 'info') => {
|
|
480
482
|
setToast({ message, isVisible: true });
|
|
481
|
-
setTimeout(() => setToast({ message: '', isVisible: false }),
|
|
483
|
+
setTimeout(() => setToast({ message: '', isVisible: false }), 5000);
|
|
482
484
|
}, []);
|
|
483
|
-
const toastComponent = toast.isVisible ? (React.createElement(FigmaToast, { message: toast.message, isVisible: toast.isVisible, onClose: () => setToast({ message: '', isVisible: false }), type: "info", duration:
|
|
485
|
+
const toastComponent = toast.isVisible ? (React.createElement(FigmaToast, { message: toast.message, isVisible: toast.isVisible, onClose: () => setToast({ message: '', isVisible: false }), type: "info", duration: 5000 })) : null;
|
|
484
486
|
return { showToast, toastComponent };
|
|
485
487
|
};
|
|
486
488
|
FigmaToastProvider.displayName = 'FigmaToastProvider';
|