@arbisoft/react-design-tool 1.0.14 → 1.0.16
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/README.md +2 -2
- package/dist/cjs/index.js +8 -9
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +8 -9
- package/dist/esm/index.js.map +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -36,11 +36,11 @@ yarn add @arbisoft/react-design-tool
|
|
|
36
36
|
#### ⚠️ Important: Installation Guide for React 18 and Below
|
|
37
37
|
|
|
38
38
|
```bash
|
|
39
|
-
npm install @arbisoft/react-design-tool@1.0.
|
|
39
|
+
npm install @arbisoft/react-design-tool@1.0.15
|
|
40
40
|
```
|
|
41
41
|
OR
|
|
42
42
|
```bash
|
|
43
|
-
yarn add @arbisoft/react-design-tool@1.0.
|
|
43
|
+
yarn add @arbisoft/react-design-tool@1.0.15
|
|
44
44
|
|
|
45
45
|
```
|
|
46
46
|
## 🚀 Quick Start
|
package/dist/cjs/index.js
CHANGED
|
@@ -568,7 +568,7 @@ var palette = {
|
|
|
568
568
|
gray_F5F6F6: '#F5F6F6',
|
|
569
569
|
gray_A1A1A1: '#A1A1A1',
|
|
570
570
|
gray_F0F2F7: '#F0F2F7',
|
|
571
|
-
gray_333: '#
|
|
571
|
+
gray_333: '#333333',
|
|
572
572
|
gray_EFEFEF: '#EFEFEF',
|
|
573
573
|
gray_9DA1A7: '#9DA1A7',
|
|
574
574
|
green_80D965: '#80D965',
|
|
@@ -817,7 +817,7 @@ var textList = [{
|
|
|
817
817
|
text: '+ Heading 1',
|
|
818
818
|
fontFamily: 'Open Sans',
|
|
819
819
|
fontSize: 18,
|
|
820
|
-
color: '#
|
|
820
|
+
color: '#333333',
|
|
821
821
|
fontWeight: theme.fontWeights[700],
|
|
822
822
|
textDecoration: 'normal',
|
|
823
823
|
fontStyle: 'normal',
|
|
@@ -827,7 +827,7 @@ var textList = [{
|
|
|
827
827
|
text: '+ Heading 2',
|
|
828
828
|
fontFamily: 'Open Sans',
|
|
829
829
|
fontSize: 16,
|
|
830
|
-
color: '#
|
|
830
|
+
color: '#333333',
|
|
831
831
|
fontWeight: theme.fontWeights[700],
|
|
832
832
|
textDecoration: 'normal',
|
|
833
833
|
fontStyle: 'normal',
|
|
@@ -837,7 +837,7 @@ var textList = [{
|
|
|
837
837
|
// text: 'What problem are you facing in this meeting room?',
|
|
838
838
|
// fontFamily: 'Open Sans Condensed',
|
|
839
839
|
// fontSize: 18,
|
|
840
|
-
// color: '#
|
|
840
|
+
// color: '#333333',
|
|
841
841
|
// fontWeight: theme.fontWeights[700],
|
|
842
842
|
// textDecoration: 'normal',
|
|
843
843
|
// fontStyle: 'normal',
|
|
@@ -847,7 +847,7 @@ var textList = [{
|
|
|
847
847
|
text: 'Scan this QR code from your mobile to report the issue',
|
|
848
848
|
fontFamily: 'Open Sans',
|
|
849
849
|
fontSize: 16,
|
|
850
|
-
color: '#
|
|
850
|
+
color: '#333333',
|
|
851
851
|
fontWeight: theme.fontWeights[400],
|
|
852
852
|
textDecoration: 'normal',
|
|
853
853
|
fontStyle: 'normal',
|
|
@@ -866,7 +866,7 @@ var textList = [{
|
|
|
866
866
|
text: 'www.domain.com',
|
|
867
867
|
fontFamily: 'Plus Jakarta Sans',
|
|
868
868
|
fontSize: 10,
|
|
869
|
-
color: '#
|
|
869
|
+
color: '#333333',
|
|
870
870
|
fontWeight: theme.fontWeights[400],
|
|
871
871
|
textDecoration: 'normal',
|
|
872
872
|
fontStyle: 'normal',
|
|
@@ -2223,7 +2223,7 @@ var IconWrapper$3 = styled.img(_templateObject2$i || (_templateObject2$i = _tagg
|
|
|
2223
2223
|
var DropDownList = styled.div(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n position: absolute;\n left: 0;\n top: 50;\n background-color: white;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n border-radius: 4px;\n margin-top: 5px;\n z-index: 10;\n width: 100%;\n max-height: 200px;\n overflow-y: auto;\n z-index: 9999;\n"])));
|
|
2224
2224
|
|
|
2225
2225
|
// Individual option in the dropdown
|
|
2226
|
-
var DropDownOption = styled.div(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteral(["\n padding: 8px 16px;\n cursor: pointer;\n font-size: 14px;\n color: #
|
|
2226
|
+
var DropDownOption = styled.div(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteral(["\n padding: 8px 16px;\n cursor: pointer;\n font-size: 14px;\n color: #333333;\n &:hover {\n background-color: #f0f0f0;\n }\n &:active {\n background-color: #e0e0e0;\n }\n"])));
|
|
2227
2227
|
|
|
2228
2228
|
var DropDown = function DropDown(_ref) {
|
|
2229
2229
|
var left = _ref.left,
|
|
@@ -4094,8 +4094,7 @@ var propTypes$c = {
|
|
|
4094
4094
|
onTransform: PropTypes.func,
|
|
4095
4095
|
onChangeTextContent: PropTypes.func,
|
|
4096
4096
|
onChangeTextProperty: PropTypes.func,
|
|
4097
|
-
onDragMove: PropTypes.func
|
|
4098
|
-
key: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
4097
|
+
onDragMove: PropTypes.func
|
|
4099
4098
|
};
|
|
4100
4099
|
|
|
4101
4100
|
var TextEditor = function TextEditor(_ref) {
|