@arbisoft/react-design-tool 1.0.1 → 1.0.3

package/README.md

@@ -12,6 +12,16 @@ With this tool, you can:
 - **Save** the final design data and image output
 
 Perfect for integrating into applications that require user-driven visual content creation.
+ ## 🎬 Studio Preview
+
+**Live Walkthrough (GIF)**
+
+![Studio Editor Screenshot](https://i.ibb.co/M5hZtFTG/design-tool.gif)
+## 🖥️ Demo
+
+Check out the live demo here:
+
+ [![Live Demo](https://img.shields.io/badge/Live-Demo-blue?style=for-the-badge)](https://codesandbox.io/p/sandbox/fdftlr)
 
 ## 📦 Installation
 

package/dist/cjs/index.js

@@ -2132,7 +2132,7 @@ var Wrapper = styled.div(_templateObject$o || (_templateObject$o = _taggedTempla
   var disabled = _ref.disabled;
   return disabled ? 'not-allowed' : 'pointer';
 });
-var TooltipText = styled.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteral(["\n    visibility: hidden;\n    background-color: rgba(0, 0, 0, 0.7);\n    color: white;\n    text-align: center;\n    padding: 4px 10px;\n    border-radius: 4px;\n    position: absolute;\n    z-index: 9999;\n    white-space: nowrap;\n    opacity: 0;\n    transition: all 0.1s;\n    font-size: 13px;\n\n    ", "\n    ", "\n  ", "\n  ", "\n\n  ", ":hover & {\n        visibility: visible;\n        opacity: 1;\n    }\n"])), function (_ref2) {
+var TooltipText = styled.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteral(["\n    visibility: hidden;\n    background-color: rgba(0, 0, 0, 0.7);\n    color: white;\n    text-align: center;\n    padding: 4px 10px;\n    border-radius: 4px;\n    position: absolute;\n    z-index: 9999;\n    white-space: nowrap;\n    opacity: 0;\n    transition: all 0.1s;\n    font-size: 13px;\n    font-family: ", ";\n    font-weight: ", ";\n\n    ", "\n    ", "\n  ", "\n  ", "\n\n  ", ":hover & {\n        visibility: visible;\n        opacity: 1;\n    }\n"])), theme.fonts.primary, theme.fontWeights[400], function (_ref2) {
   var position = _ref2.position;
   return position === 'top' && styled.css(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n            bottom: 110%;\n            left: 50%;\n            transform: translateX(-50%);\n        "])));
 }, function (_ref3) {
@@ -5949,6 +5949,9 @@ var Studio = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   React.useEffect(function () {
     setLanguageLocale(validateLocale(locale));
   }, [locale]);
+  React.useEffect(function () {
+    setCustomImagesList(_toConsumableArray(customImages));
+  }, [customImages]);
   React.useEffect(function () {
     setLoadingFonts(true);
     loadAllGoogleFonts().then(function (msg) {