@yorab/react-paint 0.6.4 → 0.6.5
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/Changelog.md +4 -0
- package/dist/components/App.js +18 -18
- package/dist/components/Canvas.js +5 -5
- package/dist/components/common/Button.js +4 -4
- package/dist/components/common/Loading.js +3 -3
- package/dist/components/common/Modal.js +3 -3
- package/dist/components/common/Panel.js +2 -2
- package/dist/components/common/Snackbar.js +2 -2
- package/dist/components/settings/ColorField.js +5 -5
- package/dist/components/settings/FontFamilyField.js +3 -3
- package/dist/components/settings/LayoutButton.js +1 -1
- package/dist/components/settings/Layouts.js +10 -10
- package/dist/components/settings/LineArrowField.js +3 -3
- package/dist/components/settings/LineTypeField.js +2 -2
- package/dist/components/settings/RangeField.js +1 -1
- package/dist/components/settings/SelectField.js +2 -2
- package/dist/components/settings/SettingsBar.js +3 -3
- package/dist/components/toolbox/EditTextBox.js +7 -7
- package/dist/components/toolbox/MenuGroup.js +2 -2
- package/dist/components/toolbox/PictureUrlInput.js +1 -1
- package/dist/components/toolbox/Toolbar.js +3 -3
- package/dist/components/toolbox/ToolbarGroup.js +2 -2
- package/dist/styles.css +55 -55
- package/package.json +2 -2
package/Changelog.md
CHANGED
package/dist/components/App.js
CHANGED
|
@@ -71,49 +71,49 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
71
71
|
|
|
72
72
|
var StyledApp = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
73
73
|
name: "StyledApp",
|
|
74
|
-
"class": "
|
|
74
|
+
"class": "sdhgr8u",
|
|
75
75
|
vars: {
|
|
76
|
-
"
|
|
76
|
+
"sdhgr8u-0": [function (props) {
|
|
77
77
|
return props.toolbarBackgroundColor;
|
|
78
78
|
}],
|
|
79
|
-
"
|
|
79
|
+
"sdhgr8u-1": [function (props) {
|
|
80
80
|
return props.dividerColor;
|
|
81
81
|
}],
|
|
82
|
-
"
|
|
82
|
+
"sdhgr8u-2": [function (props) {
|
|
83
83
|
return props.fontRadius;
|
|
84
84
|
}, "px"],
|
|
85
|
-
"
|
|
85
|
+
"sdhgr8u-3": [function (props) {
|
|
86
86
|
return props.fontDisabledColor;
|
|
87
87
|
}],
|
|
88
|
-
"
|
|
88
|
+
"sdhgr8u-4": [function (props) {
|
|
89
89
|
return props.fontDisabledBackgroundColor;
|
|
90
90
|
}],
|
|
91
|
-
"
|
|
91
|
+
"sdhgr8u-5": [function (props) {
|
|
92
92
|
return props.fontColor;
|
|
93
93
|
}],
|
|
94
|
-
"
|
|
94
|
+
"sdhgr8u-6": [function (props) {
|
|
95
95
|
return props.fontBackgroundColor;
|
|
96
96
|
}],
|
|
97
|
-
"
|
|
97
|
+
"sdhgr8u-7": [function (props) {
|
|
98
98
|
return props.fontSelectedColor;
|
|
99
99
|
}],
|
|
100
|
-
"
|
|
100
|
+
"sdhgr8u-8": [function (props) {
|
|
101
101
|
return props.fontSelectedBackgroundColor;
|
|
102
102
|
}],
|
|
103
|
-
"
|
|
103
|
+
"sdhgr8u-9": [function (props) {
|
|
104
104
|
return props.fontHoverColor;
|
|
105
105
|
}],
|
|
106
|
-
"
|
|
106
|
+
"sdhgr8u-10": [function (props) {
|
|
107
107
|
return props.fontHoverBackgroundColor;
|
|
108
108
|
}],
|
|
109
|
-
"
|
|
109
|
+
"sdhgr8u-11": [function (props) {
|
|
110
110
|
return props.canvasBackgroundColor;
|
|
111
111
|
}],
|
|
112
|
-
"
|
|
112
|
+
"sdhgr8u-12": [function (_ref) {
|
|
113
113
|
var canvasWidth = _ref.canvasWidth;
|
|
114
114
|
return "min(100%, ".concat(canvasWidth, "px)");
|
|
115
115
|
}],
|
|
116
|
-
"
|
|
116
|
+
"sdhgr8u-13": [function (_ref2) {
|
|
117
117
|
var canvasWidth = _ref2.canvasWidth;
|
|
118
118
|
return canvasWidth;
|
|
119
119
|
}, "px"]
|
|
@@ -121,13 +121,13 @@ var StyledApp = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
|
121
121
|
});
|
|
122
122
|
var StyledRow = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
123
123
|
name: "StyledRow",
|
|
124
|
-
"class": "
|
|
124
|
+
"class": "sm24hcl",
|
|
125
125
|
vars: {
|
|
126
|
-
"
|
|
126
|
+
"sm24hcl-1": [function (_ref3) {
|
|
127
127
|
var width = _ref3.width;
|
|
128
128
|
return width;
|
|
129
129
|
}, "px"],
|
|
130
|
-
"
|
|
130
|
+
"sm24hcl-2": [function (_ref4) {
|
|
131
131
|
var aspectRatio = _ref4.aspectRatio;
|
|
132
132
|
return aspectRatio;
|
|
133
133
|
}]
|
|
@@ -73,21 +73,21 @@ var renderSelectionCanvas = function renderSelectionCanvas(selectionCtx, selecti
|
|
|
73
73
|
|
|
74
74
|
var StyledCanvasBox = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
75
75
|
name: "StyledCanvasBox",
|
|
76
|
-
"class": "
|
|
76
|
+
"class": "s14cny8z"
|
|
77
77
|
});
|
|
78
78
|
var StyledCanvasContainer = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
79
79
|
name: "StyledCanvasContainer",
|
|
80
|
-
"class": "
|
|
80
|
+
"class": "s16bxms6"
|
|
81
81
|
});
|
|
82
82
|
var StyledDrawCanvas = /*#__PURE__*/(0, _react2.styled)("canvas")({
|
|
83
83
|
name: "StyledDrawCanvas",
|
|
84
|
-
"class": "
|
|
84
|
+
"class": "spzzsat"
|
|
85
85
|
});
|
|
86
86
|
var StyledSelectionCanvas = /*#__PURE__*/(0, _react2.styled)("canvas")({
|
|
87
87
|
name: "StyledSelectionCanvas",
|
|
88
|
-
"class": "
|
|
88
|
+
"class": "s1egrskk",
|
|
89
89
|
vars: {
|
|
90
|
-
"
|
|
90
|
+
"s1egrskk-0": [function (_ref) {
|
|
91
91
|
var cursor = _ref.cursor;
|
|
92
92
|
return cursor;
|
|
93
93
|
}]
|
|
@@ -19,19 +19,19 @@ var _excluded = ["hidden", "disabled", "selected", "icon", "children", "classNam
|
|
|
19
19
|
_excluded2 = ["hidden", "disabled", "selected", "icon", "children", "type"];
|
|
20
20
|
var StyledButton = /*#__PURE__*/(0, _react2.styled)("button")({
|
|
21
21
|
name: "StyledButton",
|
|
22
|
-
"class": "
|
|
22
|
+
"class": "sc6yefj"
|
|
23
23
|
});
|
|
24
24
|
var StyledButtonContent = /*#__PURE__*/(0, _react2.styled)("span")({
|
|
25
25
|
name: "StyledButtonContent",
|
|
26
|
-
"class": "
|
|
26
|
+
"class": "s2aizej"
|
|
27
27
|
});
|
|
28
28
|
var StyledIcon = /*#__PURE__*/(0, _react2.styled)("span")({
|
|
29
29
|
name: "StyledIcon",
|
|
30
|
-
"class": "
|
|
30
|
+
"class": "s13rkw3s"
|
|
31
31
|
});
|
|
32
32
|
var StyledChildren = /*#__PURE__*/(0, _react2.styled)("span")({
|
|
33
33
|
name: "StyledChildren",
|
|
34
|
-
"class": "
|
|
34
|
+
"class": "s1qkcrgj"
|
|
35
35
|
});
|
|
36
36
|
|
|
37
37
|
var Button = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
|
|
@@ -24,15 +24,15 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
24
24
|
var TRANSITION_DURATION = 300;
|
|
25
25
|
var StyledLoading = /*#__PURE__*/(0, _react.styled)("div")({
|
|
26
26
|
name: "StyledLoading",
|
|
27
|
-
"class": "
|
|
27
|
+
"class": "s15r7ba"
|
|
28
28
|
});
|
|
29
29
|
var StyledLoader = /*#__PURE__*/(0, _react.styled)("div")({
|
|
30
30
|
name: "StyledLoader",
|
|
31
|
-
"class": "
|
|
31
|
+
"class": "s19n4ela"
|
|
32
32
|
});
|
|
33
33
|
var StyledShape = /*#__PURE__*/(0, _react.styled)("div")({
|
|
34
34
|
name: "StyledShape",
|
|
35
|
-
"class": "
|
|
35
|
+
"class": "ssemdwq"
|
|
36
36
|
});
|
|
37
37
|
|
|
38
38
|
var Loading = function Loading(_ref) {
|
|
@@ -15,15 +15,15 @@ var _style = require("../../constants/style");
|
|
|
15
15
|
|
|
16
16
|
var StyledModal = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
17
17
|
name: "StyledModal",
|
|
18
|
-
"class": "
|
|
18
|
+
"class": "s1hezj2d"
|
|
19
19
|
});
|
|
20
20
|
var StyledPanel = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
21
21
|
name: "StyledPanel",
|
|
22
|
-
"class": "
|
|
22
|
+
"class": "spuj31h"
|
|
23
23
|
});
|
|
24
24
|
var StyledMask = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
25
25
|
name: "StyledMask",
|
|
26
|
-
"class": "
|
|
26
|
+
"class": "s1ulcd40"
|
|
27
27
|
});
|
|
28
28
|
|
|
29
29
|
var Modal = function Modal(_ref) {
|
|
@@ -19,11 +19,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
19
19
|
|
|
20
20
|
var StyledPanel = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
21
21
|
name: "StyledPanel",
|
|
22
|
-
"class": "
|
|
22
|
+
"class": "s2dsyaf"
|
|
23
23
|
});
|
|
24
24
|
var StyledTitle = /*#__PURE__*/(0, _react2.styled)("h3")({
|
|
25
25
|
name: "StyledTitle",
|
|
26
|
-
"class": "
|
|
26
|
+
"class": "s1f032bv"
|
|
27
27
|
});
|
|
28
28
|
|
|
29
29
|
var Panel = function Panel(_ref) {
|
|
@@ -27,11 +27,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
27
27
|
|
|
28
28
|
var StyledSnackbar = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
29
29
|
name: "StyledSnackbar",
|
|
30
|
-
"class": "
|
|
30
|
+
"class": "s1xg1lj6"
|
|
31
31
|
});
|
|
32
32
|
var StyledSnackbarContainer = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
33
33
|
name: "StyledSnackbarContainer",
|
|
34
|
-
"class": "
|
|
34
|
+
"class": "sg1lk71"
|
|
35
35
|
});
|
|
36
36
|
|
|
37
37
|
var Snackbar = function Snackbar(_ref) {
|
|
@@ -29,9 +29,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
29
29
|
|
|
30
30
|
var StyledColor = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
31
31
|
name: "StyledColor",
|
|
32
|
-
"class": "
|
|
32
|
+
"class": "s1dqu4j7",
|
|
33
33
|
vars: {
|
|
34
|
-
"
|
|
34
|
+
"s1dqu4j7-0": [function (_ref) {
|
|
35
35
|
var color = _ref.color;
|
|
36
36
|
return color;
|
|
37
37
|
}]
|
|
@@ -39,13 +39,13 @@ var StyledColor = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
|
39
39
|
});
|
|
40
40
|
var StyleWrapper = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
41
41
|
name: "StyleWrapper",
|
|
42
|
-
"class": "
|
|
42
|
+
"class": "s1j0ldko"
|
|
43
43
|
});
|
|
44
44
|
var StyledCustomColor = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
45
45
|
name: "StyledCustomColor",
|
|
46
|
-
"class": "
|
|
46
|
+
"class": "s10ecqf5",
|
|
47
47
|
vars: {
|
|
48
|
-
"
|
|
48
|
+
"s10ecqf5-0": [function (_ref2) {
|
|
49
49
|
var color = _ref2.color;
|
|
50
50
|
return color;
|
|
51
51
|
}]
|
|
@@ -19,9 +19,9 @@ var _icons = require("../../constants/icons");
|
|
|
19
19
|
|
|
20
20
|
var StyledOption = /*#__PURE__*/(0, _react2.styled)("span")({
|
|
21
21
|
name: "StyledOption",
|
|
22
|
-
"class": "
|
|
22
|
+
"class": "s16o63ah",
|
|
23
23
|
vars: {
|
|
24
|
-
"
|
|
24
|
+
"s16o63ah-0": [function (_ref) {
|
|
25
25
|
var family = _ref.family;
|
|
26
26
|
return family;
|
|
27
27
|
}]
|
|
@@ -48,7 +48,7 @@ var FontFamilyField = function FontFamilyField(_ref3) {
|
|
|
48
48
|
selectedSettings: selectedSettings,
|
|
49
49
|
setSelectedSettings: setSelectedSettings,
|
|
50
50
|
CustomOption: FontFamilyOption,
|
|
51
|
-
title: "
|
|
51
|
+
title: "Police",
|
|
52
52
|
icon: _icons.fontIcon,
|
|
53
53
|
disabled: disabled,
|
|
54
54
|
field: "fontFamily",
|
|
@@ -17,7 +17,7 @@ var _Button = _interopRequireDefault(require("../common/Button"));
|
|
|
17
17
|
|
|
18
18
|
var StyleToggleLayoutButton = /*#__PURE__*/(0, _react2.styled)(_Button["default"])({
|
|
19
19
|
name: "StyleToggleLayoutButton",
|
|
20
|
-
"class": "
|
|
20
|
+
"class": "sb1jkk3"
|
|
21
21
|
});
|
|
22
22
|
|
|
23
23
|
var LayoutButton = function LayoutButton(_ref) {
|
|
@@ -33,43 +33,43 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
33
33
|
|
|
34
34
|
var StyledLayouts = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
35
35
|
name: "StyledLayouts",
|
|
36
|
-
"class": "
|
|
36
|
+
"class": "sw61axo"
|
|
37
37
|
});
|
|
38
38
|
var StyledRemoveButton = /*#__PURE__*/(0, _react2.styled)(_Button["default"])({
|
|
39
39
|
name: "StyledRemoveButton",
|
|
40
|
-
"class": "
|
|
40
|
+
"class": "s1shoasi"
|
|
41
41
|
});
|
|
42
42
|
var StyledLayout = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
43
43
|
name: "StyledLayout",
|
|
44
|
-
"class": "
|
|
44
|
+
"class": "s1adt0vs"
|
|
45
45
|
});
|
|
46
46
|
var StyledVisibleButton = /*#__PURE__*/(0, _react2.styled)(_Button["default"])({
|
|
47
47
|
name: "StyledVisibleButton",
|
|
48
|
-
"class": "
|
|
48
|
+
"class": "svyjq0t"
|
|
49
49
|
});
|
|
50
50
|
var StyledLockedButton = /*#__PURE__*/(0, _react2.styled)(_Button["default"])({
|
|
51
51
|
name: "StyledLockedButton",
|
|
52
|
-
"class": "
|
|
52
|
+
"class": "s1vztggb"
|
|
53
53
|
});
|
|
54
54
|
var StyledGridButton = /*#__PURE__*/(0, _react2.styled)(_Button["default"])({
|
|
55
55
|
name: "StyledGridButton",
|
|
56
|
-
"class": "
|
|
56
|
+
"class": "s1fgf9tg"
|
|
57
57
|
});
|
|
58
58
|
var StyledSeparator = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
59
59
|
name: "StyledSeparator",
|
|
60
|
-
"class": "
|
|
60
|
+
"class": "s1rl6big"
|
|
61
61
|
});
|
|
62
62
|
var StyledPanelLayouts = /*#__PURE__*/(0, _react2.styled)(_Panel["default"])({
|
|
63
63
|
name: "StyledPanelLayouts",
|
|
64
|
-
"class": "
|
|
64
|
+
"class": "sbpkotp"
|
|
65
65
|
});
|
|
66
66
|
var StyledScrollingContent = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
67
67
|
name: "StyledScrollingContent",
|
|
68
|
-
"class": "
|
|
68
|
+
"class": "s12cgrwn"
|
|
69
69
|
});
|
|
70
70
|
var StyledPlaceholder = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
71
71
|
name: "StyledPlaceholder",
|
|
72
|
-
"class": "
|
|
72
|
+
"class": "s1jzw7d9"
|
|
73
73
|
});
|
|
74
74
|
|
|
75
75
|
var Layout = function Layout(_ref) {
|
|
@@ -19,15 +19,15 @@ var _icons = require("../../constants/icons");
|
|
|
19
19
|
|
|
20
20
|
var StyledLeftTriangle = /*#__PURE__*/(0, _react2.styled)("span")({
|
|
21
21
|
name: "StyledLeftTriangle",
|
|
22
|
-
"class": "
|
|
22
|
+
"class": "s1bq28wy"
|
|
23
23
|
});
|
|
24
24
|
var StyledRightTriangle = /*#__PURE__*/(0, _react2.styled)("span")({
|
|
25
25
|
name: "StyledRightTriangle",
|
|
26
|
-
"class": "
|
|
26
|
+
"class": "sej9ve5"
|
|
27
27
|
});
|
|
28
28
|
var StyledOption = /*#__PURE__*/(0, _react2.styled)("span")({
|
|
29
29
|
name: "StyledOption",
|
|
30
|
-
"class": "
|
|
30
|
+
"class": "s5asd7a"
|
|
31
31
|
});
|
|
32
32
|
|
|
33
33
|
var LineArrowOption = function LineArrowOption(_ref) {
|
|
@@ -19,11 +19,11 @@ var _icons = require("../../constants/icons");
|
|
|
19
19
|
|
|
20
20
|
var StyledLine = /*#__PURE__*/(0, _react2.styled)("span")({
|
|
21
21
|
name: "StyledLine",
|
|
22
|
-
"class": "
|
|
22
|
+
"class": "s1yz5lc1"
|
|
23
23
|
});
|
|
24
24
|
var StyledOption = /*#__PURE__*/(0, _react2.styled)("span")({
|
|
25
25
|
name: "StyledOption",
|
|
26
|
-
"class": "
|
|
26
|
+
"class": "s1k64iv7"
|
|
27
27
|
});
|
|
28
28
|
|
|
29
29
|
var LineTypeOption = function LineTypeOption(_ref) {
|
|
@@ -27,7 +27,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
27
27
|
|
|
28
28
|
var StyledLabel = /*#__PURE__*/(0, _react2.styled)("label")({
|
|
29
29
|
name: "StyledLabel",
|
|
30
|
-
"class": "
|
|
30
|
+
"class": "s4h1871"
|
|
31
31
|
});
|
|
32
32
|
|
|
33
33
|
var RangeField = function RangeField(_ref) {
|
|
@@ -27,11 +27,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
27
27
|
|
|
28
28
|
var StyledButton = /*#__PURE__*/(0, _react2.styled)(_Button["default"])({
|
|
29
29
|
name: "StyledButton",
|
|
30
|
-
"class": "
|
|
30
|
+
"class": "sfr849o"
|
|
31
31
|
});
|
|
32
32
|
var StyleWrapper = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
33
33
|
name: "StyleWrapper",
|
|
34
|
-
"class": "
|
|
34
|
+
"class": "s11cdkmf"
|
|
35
35
|
});
|
|
36
36
|
|
|
37
37
|
var SelectField = function SelectField(_ref) {
|
|
@@ -56,15 +56,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
56
56
|
var SETTING_WIDTH = 40;
|
|
57
57
|
var StyledSettingsBar = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
58
58
|
name: "StyledSettingsBar",
|
|
59
|
-
"class": "
|
|
59
|
+
"class": "s17kh6p4"
|
|
60
60
|
});
|
|
61
61
|
var StyledSeparator = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
62
62
|
name: "StyledSeparator",
|
|
63
|
-
"class": "
|
|
63
|
+
"class": "s1fluhcn"
|
|
64
64
|
});
|
|
65
65
|
var StyledToolsModal = /*#__PURE__*/(0, _react2.styled)(_Modal["default"])({
|
|
66
66
|
name: "StyledToolsModal",
|
|
67
|
-
"class": "
|
|
67
|
+
"class": "sg7vrwb"
|
|
68
68
|
});
|
|
69
69
|
|
|
70
70
|
var SettingsItems = function SettingsItems(_ref) {
|
|
@@ -27,29 +27,29 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
27
27
|
|
|
28
28
|
var StyledEditBox = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
29
29
|
name: "StyledEditBox",
|
|
30
|
-
"class": "
|
|
30
|
+
"class": "se8ufj4",
|
|
31
31
|
vars: {
|
|
32
|
-
"
|
|
32
|
+
"se8ufj4-0": [function (_ref) {
|
|
33
33
|
var transform = _ref.transform;
|
|
34
34
|
return transform;
|
|
35
35
|
}],
|
|
36
|
-
"
|
|
36
|
+
"se8ufj4-1": [function (_ref2) {
|
|
37
37
|
var color = _ref2.color;
|
|
38
38
|
return color;
|
|
39
39
|
}],
|
|
40
|
-
"
|
|
40
|
+
"se8ufj4-2": [function (_ref3) {
|
|
41
41
|
var padding = _ref3.padding;
|
|
42
42
|
return padding;
|
|
43
43
|
}, "px"],
|
|
44
|
-
"
|
|
44
|
+
"se8ufj4-3": [function (_ref4) {
|
|
45
45
|
var fontsize = _ref4.fontsize;
|
|
46
46
|
return fontsize;
|
|
47
47
|
}, "px"],
|
|
48
|
-
"
|
|
48
|
+
"se8ufj4-5": [function (_ref5) {
|
|
49
49
|
var fontfamily = _ref5.fontfamily;
|
|
50
50
|
return fontfamily;
|
|
51
51
|
}],
|
|
52
|
-
"
|
|
52
|
+
"se8ufj4-6": [function (_ref6) {
|
|
53
53
|
var opacity = _ref6.opacity;
|
|
54
54
|
return opacity;
|
|
55
55
|
}]
|
|
@@ -39,11 +39,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
39
39
|
|
|
40
40
|
var StyledPanel = /*#__PURE__*/(0, _react2.styled)(_Panel["default"])({
|
|
41
41
|
name: "StyledPanel",
|
|
42
|
-
"class": "
|
|
42
|
+
"class": "s1qu0ers"
|
|
43
43
|
});
|
|
44
44
|
var StyledRelative = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
45
45
|
name: "StyledRelative",
|
|
46
|
-
"class": "
|
|
46
|
+
"class": "s1y35t9y"
|
|
47
47
|
});
|
|
48
48
|
|
|
49
49
|
var MenuGroup = function MenuGroup(_ref) {
|
|
@@ -27,7 +27,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
27
27
|
|
|
28
28
|
var StyledInputModal = /*#__PURE__*/(0, _react2.styled)(_Modal["default"])({
|
|
29
29
|
name: "StyledInputModal",
|
|
30
|
-
"class": "
|
|
30
|
+
"class": "s1rncfwv"
|
|
31
31
|
});
|
|
32
32
|
|
|
33
33
|
var PictureUrlModal = function PictureUrlModal(_ref) {
|
|
@@ -44,15 +44,15 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
44
44
|
var TOOL_WIDTH = 40;
|
|
45
45
|
var StyledShrinkableTools = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
46
46
|
name: "StyledShrinkableTools",
|
|
47
|
-
"class": "
|
|
47
|
+
"class": "s1gorp95"
|
|
48
48
|
});
|
|
49
49
|
var StyledToolbox = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
50
50
|
name: "StyledToolbox",
|
|
51
|
-
"class": "
|
|
51
|
+
"class": "s1ivsaf6"
|
|
52
52
|
});
|
|
53
53
|
var StyledToolsModal = /*#__PURE__*/(0, _react2.styled)(_Modal["default"])({
|
|
54
54
|
name: "StyledToolsModal",
|
|
55
|
-
"class": "
|
|
55
|
+
"class": "sv0y70r"
|
|
56
56
|
});
|
|
57
57
|
var TOOLBAR_STRUCTURE = [{
|
|
58
58
|
title: 'brush',
|
|
@@ -29,11 +29,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
29
29
|
|
|
30
30
|
var StyledPanel = /*#__PURE__*/(0, _react2.styled)(_Panel["default"])({
|
|
31
31
|
name: "StyledPanel",
|
|
32
|
-
"class": "
|
|
32
|
+
"class": "s3kynji"
|
|
33
33
|
});
|
|
34
34
|
var StyledRelative = /*#__PURE__*/(0, _react2.styled)("div")({
|
|
35
35
|
name: "StyledRelative",
|
|
36
|
-
"class": "
|
|
36
|
+
"class": "s1614rl3"
|
|
37
37
|
});
|
|
38
38
|
|
|
39
39
|
var ToolbarGroup = function ToolbarGroup(_ref) {
|
package/dist/styles.css
CHANGED
|
@@ -31,58 +31,58 @@
|
|
|
31
31
|
min-width: 0;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
.
|
|
35
|
-
.
|
|
36
|
-
.
|
|
37
|
-
.
|
|
38
|
-
.
|
|
39
|
-
.
|
|
40
|
-
.
|
|
41
|
-
.
|
|
42
|
-
.
|
|
43
|
-
.
|
|
44
|
-
.
|
|
45
|
-
.
|
|
46
|
-
.
|
|
47
|
-
.
|
|
48
|
-
.
|
|
49
|
-
.
|
|
50
|
-
.
|
|
51
|
-
.
|
|
52
|
-
.
|
|
53
|
-
.
|
|
54
|
-
.
|
|
55
|
-
.
|
|
56
|
-
.
|
|
57
|
-
.
|
|
58
|
-
.
|
|
59
|
-
.
|
|
60
|
-
.
|
|
61
|
-
.
|
|
62
|
-
.
|
|
63
|
-
.
|
|
64
|
-
.
|
|
65
|
-
.
|
|
66
|
-
.
|
|
67
|
-
.
|
|
68
|
-
.
|
|
69
|
-
.layoutPanelOpened .
|
|
70
|
-
.
|
|
71
|
-
.
|
|
72
|
-
.
|
|
73
|
-
.
|
|
74
|
-
.
|
|
75
|
-
.
|
|
76
|
-
.
|
|
77
|
-
.
|
|
78
|
-
.
|
|
79
|
-
.
|
|
80
|
-
.
|
|
81
|
-
.
|
|
82
|
-
.
|
|
83
|
-
.
|
|
84
|
-
.
|
|
85
|
-
.
|
|
86
|
-
.
|
|
87
|
-
.
|
|
88
|
-
.
|
|
34
|
+
.se8ufj4{position:absolute;display:inline-block;outline:none;left:0px;top:0px;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;box-sizing:border-box;-webkit-transform:var(--se8ufj4-0);-ms-transform:var(--se8ufj4-0);transform:var(--se8ufj4-0);color:var(--se8ufj4-1);padding:var(--se8ufj4-2);font-size:var(--se8ufj4-3);line-height:var(--se8ufj4-3);font-family:var(--se8ufj4-5);opacity:var(--se8ufj4-6);width:-webkit-max-content;width:-moz-max-content;width:max-content;}.se8ufj4[data-fontbold='true']{font-weight:bold;}.se8ufj4[data-fontitalic='true']{font-style:italic;}
|
|
35
|
+
.s14cny8z{-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
|
36
|
+
.s16bxms6{position:relative;background-color:var(--canvas-bg);background-repeat:repeat;background-size:16px;overflow:hidden;display:grid;}.s16bxms6[data-grid='true']{background-image:url("data:image/svg+xml,%3Csvg%20id%3D%22svg%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22400%22%20height%3D%22400%22%20viewBox%3D%220%2C%200%2C%20400%2C400%22%3E%3Cg%20id%3D%22svgg%22%3E%3Cpath%20id%3D%22path0%22%20d%3D%22M204.800%2094.600%20C%20204.800%20188.933%2C204.802%20189.200%2C205.600%20189.200%20C%20206.248%20189.200%2C206.400%20189.467%2C206.400%20190.600%20C%20206.400%20191.733%2C206.552%20192.000%2C207.200%20192.000%20C%20207.733%20192.000%2C208.000%20192.267%2C208.000%20192.800%20C%20208.000%20193.244%2C208.267%20193.600%2C208.600%20193.600%20C%20208.933%20193.600%2C209.200%20193.956%2C209.200%20194.400%20C%20209.200%20195.067%2C209.467%20195.200%2C210.800%20195.200%20C%20212.133%20195.200%2C212.400%20195.333%2C212.400%20196.000%20C%20212.400%20196.798%2C212.667%20196.800%2C306.200%20196.800%20L%20400.000%20196.800%20400.000%2098.400%20L%20400.000%200.000%20302.400%200.000%20L%20204.800%200.000%20204.800%2094.600%20M0.000%20302.400%20L%200.000%20400.000%2098.400%20400.000%20L%20196.800%20400.000%20196.800%20306.200%20C%20196.800%20212.667%2C196.798%20212.400%2C196.000%20212.400%20C%20195.333%20212.400%2C195.200%20212.133%2C195.200%20210.800%20C%20195.200%20209.467%2C195.067%20209.200%2C194.400%20209.200%20C%20193.956%20209.200%2C193.600%20208.933%2C193.600%20208.600%20C%20193.600%20208.267%2C193.244%20208.000%2C192.800%20208.000%20C%20192.267%20208.000%2C192.000%20207.733%2C192.000%20207.200%20C%20192.000%20206.552%2C191.733%20206.400%2C190.600%20206.400%20C%20189.467%20206.400%2C189.200%20206.248%2C189.200%20205.600%20C%20189.200%20204.802%2C188.933%20204.800%2C94.600%20204.800%20L%200.000%20204.800%200.000%20302.400%20%22%20stroke%3D%22none%22%20fill%3D%22%23fcfcfc%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3Cpath%20id%3D%22path1%22%20d%3D%22M0.000%20100.000%20L%200.000%20200.000%2096.800%20200.000%20C%20193.333%20200.000%2C193.600%20199.998%2C193.600%20199.200%20C%20193.600%20198.533%2C193.867%20198.400%2C195.200%20198.400%20C%20196.533%20198.400%2C196.800%20198.267%2C196.800%20197.600%20C%20196.800%20197.067%2C197.067%20196.800%2C197.600%20196.800%20C%20198.267%20196.800%2C198.400%20196.533%2C198.400%20195.200%20C%20198.400%20193.867%2C198.533%20193.600%2C199.200%20193.600%20C%20199.998%20193.600%2C200.000%20193.333%2C200.000%2096.800%20L%20200.000%200.000%20100.000%200.000%20L%200.000%200.000%200.000%20100.000%20M208.000%20202.400%20C%20208.000%20203.067%2C207.733%20203.200%2C206.400%20203.200%20C%20205.067%20203.200%2C204.800%20203.333%2C204.800%20204.000%20C%20204.800%20204.533%2C204.533%20204.800%2C204.000%20204.800%20C%20203.333%20204.800%2C203.200%20205.067%2C203.200%20206.400%20C%20203.200%20207.733%2C203.067%20208.000%2C202.400%20208.000%20C%20201.602%20208.000%2C201.600%20208.267%2C201.600%20304.000%20L%20201.600%20400.000%20300.800%20400.000%20L%20400.000%20400.000%20400.000%20300.800%20L%20400.000%20201.600%20304.000%20201.600%20C%20208.267%20201.600%2C208.000%20201.602%2C208.000%20202.400%20%22%20stroke%3D%22none%22%20fill%3D%22%23e4e4e4%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3Cpath%20id%3D%22path2%22%20d%3D%22%22%20stroke%3D%22none%22%20fill%3D%22%23f4100f0%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3Cpath%20id%3D%22path3%22%20d%3D%22%22%20stroke%3D%22none%22%20fill%3D%22%23f4100f0%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3Cpath%20id%3D%22path4%22%20d%3D%22%22%20stroke%3D%22none%22%20fill%3D%22%23f4100f0%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");}.s16bxms6[data-grow='true']{width:100%;height:100%;}
|
|
37
|
+
.spzzsat{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100%;touch-action:none;display:block;grid-area:1 / 1;}.spzzsat[data-grow='true']{width:100%;}
|
|
38
|
+
.s1egrskk{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;max-width:100%;touch-action:none;display:block;grid-area:1 / 1;cursor:var(--s1egrskk-0);}.s1egrskk[data-grow='true']{width:100%;}
|
|
39
|
+
.sc6yefj{min-width:32px;height:32px;font-size:14px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:none;border:none;cursor:pointer;border-radius:var(--font-radius);color:var(--font-color);margin:2px 4px;padding:0;}.sc6yefj[data-selected='1']{color:var(--font-selected-color);background:var(--font-selected-bg);}.sc6yefj[data-hidden='1']{visibility:hidden;}.sc6yefj[data-disabled='1']{cursor:default;color:var(--font-disabled-color);background:var(--font-disabled-bg);}.sc6yefj[data-selected='0'][data-disabled='0']{background:var(--font-bg);color:var(--font-color);}.sc6yefj[data-selected='0'][data-disabled='0']:hover{color:var(--font-hover-color);background:var(--font-hover-bg);}.sc6yefj[data-disabled='0']{cursor:pointer;}.sc6yefj svg{fill:currentColor;width:20px;height:20px;}.sc6yefj input{position:absolute;visibility:hidden;}
|
|
40
|
+
.s2aizej{width:100%;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:2px 6px;}
|
|
41
|
+
.s13rkw3s{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
42
|
+
.s1qkcrgj{-webkit-flex:1;-ms-flex:1;flex:1;text-align:left;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s1qkcrgj + .s13rkw3s{margin-left:12px;}
|
|
43
|
+
.s2dsyaf{position:absolute;z-index:3;background:var(--toolbar-bg);bottom:100%;box-shadow:0 3px 8px rgb(0 0 0 / 24%);padding:8px;border-radius:8px;white-space:nowrap;box-sizing:border-box;}.s2dsyaf[data-alignment='left']{left:0;margin:4px;}.s2dsyaf[data-alignment='center']{left:50%;-webkit-transform:translate3d(-50%,0px,0px);-ms-transform:translate3d(-50%,0px,0px);transform:translate3d(-50%,0px,0px);margin:4px 0px;}.s2dsyaf[data-alignment='right']{right:0;margin:4px;}.s2dsyaf[data-fitcontainer='true']{max-width:100%;}
|
|
44
|
+
.s1f032bv{margin-bottom:8px;margin-top:4px;font-size:18px;}
|
|
45
|
+
.sw61axo{display:inline-block;background:var(--toolbar-bg);box-sizing:border-box;overflow-y:auto;min-width:200px;}
|
|
46
|
+
.s1shoasi{margin:2px 0;}.s1shoasi:not(:hover){opacity:0.2;}
|
|
47
|
+
.s1adt0vs{border:3px solid transparent;padding:4px 0px;position:relative;background:var(--toolbar-bg);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.s1adt0vs[data-is-over='1']{border:3px dotted var(--font-hover-bg);}.s1adt0vs[data-is-dragging='1']{opacity:0.4;}.s1adt0vs[data-selected='1']{color:var(--font-selected-color);background:var(--font-selected-bg);}.s1adt0vs[data-selected='1'] .s1shoasi{color:white;}.s1adt0vs[data-selected='0'][data-disabled='0']{background:var(--font-bg);color:var(--font-color);}.s1adt0vs[data-selected='0'][data-disabled='0']:hover{color:var(--font-hover-color);background:var(--font-hover-bg);}.s1adt0vs[data-disabled='1']{cursor:default;color:var(--font-disabled-color);background:var(--font-disabled-bg);}.s1adt0vs[data-disabled='0']{cursor:move;}.s1adt0vs > span{height:20px;line-height:1;color:#8a8a8a;}.s1adt0vs > span > svg{fill:#8a8a8a;width:20px;height:20px;padding:0 4px;-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}
|
|
48
|
+
.svyjq0t{margin:2px 0;}.svyjq0t[data-visible='false']{opacity:0.2;}
|
|
49
|
+
.s1vztggb{margin:2px 0;}.s1vztggb[data-locked='false']{opacity:0.2;}
|
|
50
|
+
.s1fgf9tg[data-grid='false'] svg{opacity:0.2;}
|
|
51
|
+
.s1rl6big{-webkit-flex:1;-ms-flex:1;flex:1;}
|
|
52
|
+
.sbpkotp{bottom:0;left:unset;top:unset;max-height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
|
|
53
|
+
.s12cgrwn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;}
|
|
54
|
+
.s1jzw7d9{opacity:0.6;text-align:center;padding:12px 0px;}
|
|
55
|
+
.s3kynji{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;bottom:unset;top:100%;}.s3kynji[data-vertical='1']{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
|
|
56
|
+
.s1614rl3{position:relative;display:inline-block;}
|
|
57
|
+
.s1qu0ers{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;bottom:unset;top:100%;}.s1qu0ers[data-vertical='1']{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
|
|
58
|
+
.s1y35t9y{position:relative;display:inline-block;}
|
|
59
|
+
.s1hezj2d{z-index:3;position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;right:0;bottom:0;top:0;}.s1hezj2d[data-position='center']{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s1hezj2d[data-position='bottom']{-webkit-align-items:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end;}
|
|
60
|
+
.spuj31h{display:grid;background:var(--toolbar-bg);box-shadow:0 3px 8px rgb(0 0 0 / 24%);padding:4px;border-radius:8px;white-space:nowrap;position:relative;}
|
|
61
|
+
.s1ulcd40{position:absolute;left:0;top:0;right:0;bottom:0;background:#00000073;}
|
|
62
|
+
.s1rncfwv form{grid-template-columns:3fr 1fr 1fr;}.s1rncfwv form input{color:var(--font-color);border:1px solid var(--font-color);background:var(--toolbar-bg);outline:none;}
|
|
63
|
+
.s1gorp95{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;height:100%;text-align:center;height:36px;}
|
|
64
|
+
.s1ivsaf6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-height:36px;background:var(--toolbar-bg);border-bottom:1px solid var(--divider-color);box-sizing:border-box;}
|
|
65
|
+
.sv0y70r{grid-template-columns:1fr 1fr 1fr;}
|
|
66
|
+
.s1dqu4j7{width:20px;height:20px;box-sizing:border-box;border-radius:50%;}.s1dqu4j7[data-mode='fill']{border:1px solid #80808038;background:var(--s1dqu4j7-0);}.s1dqu4j7[data-mode='stroke']{border:4px solid #80808038;}.s1dqu4j7[data-mode='stroke']:after{content:'';display:block;border-radius:100%;border:2px solid var(--s1dqu4j7-0);position:relative;width:18px;height:18px;left:-3px;top:-3px;box-sizing:border-box;}
|
|
67
|
+
.s1j0ldko{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
|
|
68
|
+
.s10ecqf5{width:20px;height:20px;box-sizing:border-box;border-radius:50%;color:var(--s10ecqf5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-weight:bold;}
|
|
69
|
+
.layoutPanelOpened .sb1jkk3.sb1jkk3{color:var(--font-selected-color);background:var(--font-selected-bg);}.sb1jkk3[data-hidden='1']{display:none;}
|
|
70
|
+
.s4h1871{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
|
|
71
|
+
.sfr849o{padding:16px;}
|
|
72
|
+
.s11cdkmf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
|
|
73
|
+
.s16o63ah{font-family:var(--s16o63ah-0);}
|
|
74
|
+
.s1yz5lc1{display:inline-block;width:6px;height:2px;background:transparent;vertical-align:middle;}
|
|
75
|
+
.s1k64iv7{display:inline-block;}.s1k64iv7[data-type='0'] .s1yz5lc1{background:currentColor;}.s1k64iv7[data-type='2']{position:relative;left:3px;}.s1k64iv7[data-type='2'] .s1yz5lc1:nth-child(3n-1){background:currentColor;width:12px;}.s1k64iv7[data-type='2'] .s1yz5lc1:nth-child(n+11){display:none;}.s1k64iv7[data-type='1'] .s1yz5lc1:nth-child(2n+1){background:currentColor;}
|
|
76
|
+
.s1bq28wy{position:absolute;left:0;top:50%;-webkit-transform:translate3d(-25%,-50%,0px);-ms-transform:translate3d(-25%,-50%,0px);transform:translate3d(-25%,-50%,0px);display:inline-block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:15px solid currentColor;}
|
|
77
|
+
.sej9ve5{position:absolute;right:0;top:50%;-webkit-transform:translate3d(25%,-50%,0px);-ms-transform:translate3d(25%,-50%,0px);transform:translate3d(25%,-50%,0px);display:inline-block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:15px solid currentColor;}
|
|
78
|
+
.s5asd7a{position:relative;display:inline-block;width:60px;height:2px;background:currentColor;vertical-align:middle;}.s5asd7a[data-type='0'] .s1bq28wy,.s5asd7a[data-type='1'] .s1bq28wy{display:none;}.s5asd7a[data-type='0'] .sej9ve5,.s5asd7a[data-type='2'] .sej9ve5{display:none;}
|
|
79
|
+
.s17kh6p4{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:var(--toolbar-bg);position:relative;height:36px;border-top:1px solid var(--divider-color);box-sizing:border-box;}
|
|
80
|
+
.s1fluhcn{-webkit-flex:1;-ms-flex:1;flex:1;}
|
|
81
|
+
.sg7vrwb{grid-template-columns:repeat(auto-fill,40px);width:100%;}
|
|
82
|
+
.s1xg1lj6{display:inline-block;padding:12px 48px;margin:4px;max-width:calc(100% - 24px);overflow-wrap:break-word;box-sizing:border-box;-webkit-transition:all 500ms;transition:all 500ms;opacity:0;-webkit-transform:translate3d(0px,40px,0px);-ms-transform:translate3d(0px,40px,0px);transform:translate3d(0px,40px,0px);}.s1xg1lj6[data-type='0']{background:#646464;color:white;}.s1xg1lj6[data-type='1']{background:#c3a200;color:black;}.s1xg1lj6[data-type='2']{background:#911717;color:white;}.s1xg1lj6[data-type='3']{background:#088900;color:white;}.s1xg1lj6[data-is-shown='1']{opacity:1;-webkit-transform:translate3d(0px,0px,0px);-ms-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px);}.s1xg1lj6[data-is-shown='0']{opacity:0;-webkit-transform:translate3d(0px,40px,0px);-ms-transform:translate3d(0px,40px,0px);transform:translate3d(0px,40px,0px);}
|
|
83
|
+
.sg1lk71{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;position:absolute;z-index:4;bottom:0;left:0;right:0;height:0px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
84
|
+
.s15r7ba{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#00000050;-webkit-transition:opacity 300ms linear;transition:opacity 300ms linear;opacity:0;}.s15r7ba[data-loading='visible']{opacity:1;}
|
|
85
|
+
.s19n4ela{width:40px;height:40px;position:relative;-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg);-webkit-animation:react-paint-rotation-s19n4ela 1s infinite;animation:react-paint-rotation-s19n4ela 1s infinite;}@-webkit-keyframes react-paint-rotation-s19n4ela{from{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes react-paint-rotation-s19n4ela{from{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
|
86
|
+
.ssemdwq{border-radius:50%;position:absolute;width:15px;height:15px;}.ssemdwq:nth-child(1){left:0;background-color:#5c6bc0;}.ssemdwq:nth-child(2){right:0;background-color:#8bc34a;}.ssemdwq:nth-child(3){bottom:0;background-color:#ffb74d;}.ssemdwq:nth-child(4){bottom:0;right:0;background-color:#f44336;}
|
|
87
|
+
.sdhgr8u{--toolbar-bg:var(--sdhgr8u-0);--divider-color:var(--sdhgr8u-1);--font-radius:var(--sdhgr8u-2);--font-disabled-color:var(--sdhgr8u-3);--font-disabled-bg:var(--sdhgr8u-4);--font-color:var(--sdhgr8u-5);--font-bg:var(--sdhgr8u-6);--font-selected-color:var(--sdhgr8u-7);--font-selected-bg:var(--sdhgr8u-8);--font-hover-color:var(--sdhgr8u-9);--font-hover-bg:var(--sdhgr8u-10);--canvas-bg:var(--sdhgr8u-11);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--font-color);position:relative;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.sdhgr8u hr{width:100%;border:none;border-top:1px solid var(--divider-color);}.sdhgr8u[data-grow='false']{max-width:var(--sdhgr8u-12);}.sdhgr8u[data-shrink='false']{min-width:var(--sdhgr8u-13);}
|
|
88
|
+
.sm24hcl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;max-width:100%;z-index:1;aspect-ratio:var(--sm24hcl-2);}.sm24hcl[data-grow='true']{width:100%;}.sm24hcl[data-grow='false']{width:var(--sm24hcl-1);}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@yorab/react-paint",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.5",
|
|
4
4
|
"keywords": [],
|
|
5
5
|
"author": "Yohann Rabatel",
|
|
6
6
|
"license": "MIT",
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
"dist/"
|
|
13
13
|
],
|
|
14
14
|
"dependencies": {
|
|
15
|
+
"@babel/runtime": "^7.16.7",
|
|
15
16
|
"@linaria/core": "^3.0.0-beta.15",
|
|
16
17
|
"@linaria/react": "^3.0.0-beta.15",
|
|
17
18
|
"lodash": "^4.17.20"
|
|
@@ -23,7 +24,6 @@
|
|
|
23
24
|
"@babel/preset-env": "^7.16.8",
|
|
24
25
|
"@babel/preset-react": "^7.16.7",
|
|
25
26
|
"@babel/preset-typescript": "^7.16.7",
|
|
26
|
-
"@babel/runtime": "^7.16.7",
|
|
27
27
|
"@linaria/babel-preset": "^3.0.0-beta.15",
|
|
28
28
|
"@linaria/shaker": "^3.0.0-beta.15",
|
|
29
29
|
"@linaria/webpack-loader": "^3.0.0-beta.16",
|