@fonixtree/magic-design 0.1.76 → 0.1.78

package/es/core/Designer/ToolBarModal/ToolBtn/components/ColorPickerBtn/index.less

@@ -0,0 +1,26 @@
+.tool-btn-wrap {
+  width: 26px;
+  height: 26px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border-radius: 6px;
+  padding: 0;
+  border: none;
+  transition: .2s all linear;
+  position: relative;
+
+  &:hover {
+    background: #f8f8f8;
+  }
+
+  &.active {
+    background: #E7E9E8;
+  }
+
+  svg {
+    height: 18px;
+    height: 18px;
+  }
+}

package/es/core/Designer/ToolBarModal/ToolBtn/components/LinkBtn/LinkInputPicker/index.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _common = require("../../../../../../../common");
+
+require("./index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var LinkInputPicker =
+/** @class */
+function (_super) {
+  __extends(LinkInputPicker, _super);
+
+  function LinkInputPicker() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {
+      value: ''
+    };
+
+    _this.onUrlChange = function (v) {
+      console.log('v', v);
+
+      _this.setState({
+        value: v
+      });
+    };
+
+    _this.onCommit = function () {
+      var value = _this.state.value;
+      var _a = _this.props,
+          onChange = _a.onChange,
+          onClose = _a.onClose;
+      onChange(value);
+      onClose();
+    };
+
+    return _this;
+  }
+
+  LinkInputPicker.prototype.render = function () {
+    var _a = this.props,
+        visibility = _a.visibility,
+        onClose = _a.onClose;
+    var value = this.state.value;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "link-input-picker-panel"
+    }, visibility && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "panel-bg",
+      onClick: onClose
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "panel-content"
+    }, /*#__PURE__*/_react["default"].createElement(_common.UrlPicker, {
+      onChange: this.onUrlChange,
+      value: value
+    }), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "commit-btn",
+      onClick: this.onCommit
+    }, "Confirm"))));
+  };
+
+  return LinkInputPicker;
+}(_react["default"].Component);
+
+var _default = LinkInputPicker;
+exports["default"] = _default;

package/es/core/Designer/ToolBarModal/ToolBtn/components/LinkBtn/LinkInputPicker/index.less

@@ -0,0 +1,39 @@
+.link-input-picker-panel {
+  z-index: 999;
+  position: absolute;
+  top: calc(100% + 8px);
+  right: 0;
+
+  .panel-bg {
+    position: fixed;
+    z-index: 0;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
+
+  .panel-content {
+    display: flex;
+    align-items: center;
+    padding: 16px;
+    border: 1px solid rgba(0, 0, 0, .04);
+    background-color: #fff;
+    border-radius: 8px;
+
+    .commit-btn {
+      margin-left: 12px;
+      background-color: #2e54eb;
+      padding: 5px 12px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #fff;
+      border-radius: 8px;
+      white-space: nowrap;
+      font-size: 12px;
+      cursor: pointer;
+      position: relative;
+    }
+  }
+}

package/es/core/Designer/ToolBarModal/ToolBtn/components/LinkBtn/index.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _LinkInputPicker = _interopRequireDefault(require("./LinkInputPicker"));
+
+var _LinkSVG = _interopRequireDefault(require("../../images/LinkSVG"));
+
+require("./index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var ColorPickerBtn =
+/** @class */
+function (_super) {
+  __extends(ColorPickerBtn, _super);
+
+  function ColorPickerBtn() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {
+      visibility: false
+    };
+    return _this;
+  }
+
+  ColorPickerBtn.prototype.render = function () {
+    var _this = this;
+
+    var _a = this.props,
+        value = _a.value,
+        onChange = _a.onChange;
+    var visibility = this.state.visibility;
+    var color = value === null || value === void 0 ? void 0 : value.color;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])('tool-btn-wrap')
+    }, /*#__PURE__*/_react["default"].createElement(_LinkSVG["default"], {
+      color: color || '#262626',
+      onChange: function onChange() {
+        _this.setState({
+          visibility: !visibility
+        });
+      }
+    }), visibility && /*#__PURE__*/_react["default"].createElement(_LinkInputPicker["default"], {
+      onChange: onChange,
+      onClose: function onClose() {
+        _this.setState({
+          visibility: false
+        });
+      },
+      visibility: true
+    }));
+  };
+
+  ColorPickerBtn.defaultProps = {};
+  return ColorPickerBtn;
+}(_react["default"].Component);
+
+var _default = ColorPickerBtn;
+exports["default"] = _default;

package/es/core/Designer/ToolBarModal/ToolBtn/components/LinkBtn/index.less

@@ -0,0 +1,26 @@
+.tool-btn-wrap {
+  width: 26px;
+  height: 26px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border-radius: 6px;
+  padding: 0;
+  border: none;
+  transition: .2s all linear;
+  position: relative;
+
+  &:hover {
+    background: #f8f8f8;
+  }
+
+  &.active {
+    background: #E7E9E8;
+  }
+
+  svg {
+    height: 18px;
+    height: 18px;
+  }
+}

package/es/core/Designer/ToolBarModal/ToolBtn/components/OrderedPicker/IconSelectPicker/index.js

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _CJLDecimalSVG = _interopRequireDefault(require("../images/CJLDecimalSVG"));
+
+var _DecimalSVG = _interopRequireDefault(require("../images/DecimalSVG"));
+
+var _LowerAlphaSVG = _interopRequireDefault(require("../images/LowerAlphaSVG"));
+
+var _UpperAlphaSVG = _interopRequireDefault(require("../images/UpperAlphaSVG"));
+
+var _LowerRomanSVG = _interopRequireDefault(require("../images/LowerRomanSVG"));
+
+var _UpperRomanSVG = _interopRequireDefault(require("../images/UpperRomanSVG"));
+
+require("./index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var IconSelectPicker =
+/** @class */
+function (_super) {
+  __extends(IconSelectPicker, _super);
+
+  function IconSelectPicker() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+
+  IconSelectPicker.prototype.render = function () {
+    var _a = this.props,
+        visibility = _a.visibility,
+        value = _a.value,
+        _onChange = _a.onChange;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "align-select-picker-panel"
+    }, visibility && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "panel-bg"
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "select-modal-content"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "select-content-row"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])('select-item', {
+        active: value == 'decimal'
+      })
+    }, /*#__PURE__*/_react["default"].createElement(_DecimalSVG["default"], {
+      onChange: function onChange() {
+        return _onChange('decimal');
+      }
+    })), /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])('select-item', {
+        active: value == 'lower-alpha'
+      })
+    }, /*#__PURE__*/_react["default"].createElement(_LowerAlphaSVG["default"], {
+      onChange: function onChange() {
+        return _onChange('lower-alpha');
+      }
+    })), /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])('select-item', {
+        active: value == 'lower-roman'
+      })
+    }, /*#__PURE__*/_react["default"].createElement(_LowerRomanSVG["default"], {
+      onChange: function onChange() {
+        return _onChange('lower-roman');
+      }
+    }))), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "select-content-row"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])('select-item', {
+        active: value == 'cjk-decimal'
+      })
+    }, /*#__PURE__*/_react["default"].createElement(_CJLDecimalSVG["default"], {
+      onChange: function onChange() {
+        return _onChange('cjk-decimal');
+      }
+    })), /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])('select-item', {
+        active: value == 'upper-alpha'
+      })
+    }, /*#__PURE__*/_react["default"].createElement(_UpperAlphaSVG["default"], {
+      onChange: function onChange() {
+        return _onChange('upper-alpha');
+      }
+    })), /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])('select-item', {
+        active: value == 'upper-roman'
+      })
+    }, /*#__PURE__*/_react["default"].createElement(_UpperRomanSVG["default"], {
+      onChange: function onChange() {
+        return _onChange('upper-roman');
+      }
+    }))))));
+  };
+
+  return IconSelectPicker;
+}(_react["default"].Component);
+
+var _default = IconSelectPicker;
+exports["default"] = _default;

package/es/core/Designer/ToolBarModal/ToolBtn/components/OrderedPicker/IconSelectPicker/index.less

@@ -0,0 +1,60 @@
+.align-select-picker-panel {
+  z-index: 999;
+  position: absolute;
+  top: 100%;
+  left: 0;
+
+  .panel-bg {
+    position: fixed;
+    z-index: 0;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
+
+  .select-modal-content {
+    display: flex;
+    align-items: center;
+    padding: 5px;
+    background-color: #fff;
+    border: 1px solid #E7E9E8;
+    box-shadow: 0 8px 16px 4px hsla(0, 0%, 0%, 0.04);
+    color: #262626;
+    border-radius: 6px;
+    flex-direction: column;
+
+    .select-content-row{
+      display: flex;
+      align-items: center;
+    }
+
+    .select-item {
+      width: 26px;
+      height: 26px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      border-radius: 6px;
+      padding: 0;
+      border: none;
+      transition: .2s all linear;
+      position: relative;
+      margin: 0 5px;
+
+      &:hover {
+        background: #f8f8f8;
+      }
+
+      &.active {
+        background: #E7E9E8;
+      }
+
+      svg {
+        height: 18px;
+        height: 18px;
+      }
+    }
+  }
+}

package/es/core/Designer/ToolBarModal/ToolBtn/components/OrderedPicker/images/CJLDecimalSVG.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = function _default(_a) {
+  var onChange = _a.onChange;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    fill: "none",
+    onClick: onChange,
+    viewBox: "0 0 19 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M10.5 8H17.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M10.5 4H17.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M10.5 12H17.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M0.816867 3.46922H6.37287V4.25522H0.816867V3.46922ZM6.93164 5.78027C6.93164 5.59668 6.98145 5.46777 7.08105 5.39355C7.18262 5.31934 7.30469 5.28223 7.44727 5.28223C7.58594 5.28223 7.70508 5.31934 7.80469 5.39355C7.90625 5.46777 7.95703 5.59668 7.95703 5.78027C7.95703 5.95605 7.90625 6.08301 7.80469 6.16113C7.70508 6.23926 7.58594 6.27832 7.44727 6.27832C7.30469 6.27832 7.18262 6.23926 7.08105 6.16113C6.98145 6.08301 6.93164 5.95605 6.93164 5.78027Z",
+    fill: "#232F46"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M1.41087 8.734H5.76687V9.526H1.41087V8.734ZM0.912867 12.214H6.27087V13.042H0.912867V12.214ZM6.93164 12.5811C6.93164 12.3975 6.98145 12.2686 7.08105 12.1943C7.18262 12.1201 7.30469 12.083 7.44727 12.083C7.58594 12.083 7.70508 12.1201 7.80469 12.1943C7.90625 12.2686 7.95703 12.3975 7.95703 12.5811C7.95703 12.7568 7.90625 12.8838 7.80469 12.9619C7.70508 13.04 7.58594 13.0791 7.44727 13.0791C7.30469 13.0791 7.18262 13.04 7.08105 12.9619C6.98145 12.8838 6.93164 12.7568 6.93164 12.5811Z",
+    fill: "#232F46"
+  }));
+};
+
+exports["default"] = _default;

package/es/core/Designer/ToolBarModal/ToolBtn/components/OrderedPicker/images/DecimalSVG.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = function _default(_a) {
+  var onChange = _a.onChange;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    fill: "none",
+    onClick: onChange,
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 8H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 4H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 12H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M3.47852 6.19922H2.57324V3.7207C2.57324 3.65234 2.57422 3.56836 2.57617 3.46875C2.57812 3.36719 2.58105 3.26367 2.58496 3.1582C2.58887 3.05078 2.59277 2.9541 2.59668 2.86816C2.5752 2.89355 2.53125 2.9375 2.46484 3C2.40039 3.06055 2.33984 3.11523 2.2832 3.16406L1.79102 3.55957L1.35449 3.01465L2.73438 1.91602H3.47852V6.19922ZM4.77637 5.78027C4.77637 5.59668 4.82617 5.46777 4.92578 5.39355C5.02734 5.31934 5.14941 5.28223 5.29199 5.28223C5.43066 5.28223 5.5498 5.31934 5.64941 5.39355C5.75098 5.46777 5.80176 5.59668 5.80176 5.78027C5.80176 5.95605 5.75098 6.08301 5.64941 6.16113C5.5498 6.23926 5.43066 6.27832 5.29199 6.27832C5.14941 6.27832 5.02734 6.23926 4.92578 6.16113C4.82617 6.08301 4.77637 5.95605 4.77637 5.78027Z",
+    fill: "#232F46"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M4.23438 13H1.24023V12.3701L2.31543 11.2832C2.53223 11.0605 2.70605 10.875 2.83691 10.7266C2.96973 10.5762 3.06543 10.4395 3.12402 10.3164C3.18457 10.1934 3.21484 10.0615 3.21484 9.9209C3.21484 9.75098 3.16699 9.62402 3.07129 9.54004C2.97754 9.4541 2.85156 9.41113 2.69336 9.41113C2.52734 9.41113 2.36621 9.44922 2.20996 9.52539C2.05371 9.60156 1.89062 9.70996 1.7207 9.85059L1.22852 9.26758C1.35156 9.16211 1.48145 9.0625 1.61816 8.96875C1.75684 8.875 1.91699 8.7998 2.09863 8.74316C2.28223 8.68457 2.50195 8.65527 2.75781 8.65527C3.03906 8.65527 3.28027 8.70605 3.48145 8.80762C3.68457 8.90918 3.84082 9.04785 3.9502 9.22363C4.05957 9.39746 4.11426 9.59473 4.11426 9.81543C4.11426 10.0518 4.06738 10.2676 3.97363 10.4629C3.87988 10.6582 3.74316 10.8516 3.56348 11.043C3.38574 11.2344 3.1709 11.4463 2.91895 11.6787L2.36816 12.1973V12.2383H4.23438V13ZM4.77637 12.5811C4.77637 12.3975 4.82617 12.2686 4.92578 12.1943C5.02734 12.1201 5.14941 12.083 5.29199 12.083C5.43066 12.083 5.5498 12.1201 5.64941 12.1943C5.75098 12.2686 5.80176 12.3975 5.80176 12.5811C5.80176 12.7568 5.75098 12.8838 5.64941 12.9619C5.5498 13.04 5.43066 13.0791 5.29199 13.0791C5.14941 13.0791 5.02734 13.04 4.92578 12.9619C4.82617 12.8838 4.77637 12.7568 4.77637 12.5811Z",
+    fill: "#232F46"
+  }));
+};
+
+exports["default"] = _default;

package/es/core/Designer/ToolBarModal/ToolBtn/components/OrderedPicker/images/LowerAlphaSVG.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = function _default(_a) {
+  var onChange = _a.onChange;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    fill: "none",
+    onClick: onChange,
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 8H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 4H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 12H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M2.81055 2.85645C3.25 2.85645 3.58691 2.95215 3.82129 3.14355C4.05566 3.33496 4.17285 3.62598 4.17285 4.0166V6.19922H3.54883L3.37598 5.75391H3.35254C3.25879 5.87109 3.16309 5.9668 3.06543 6.04102C2.96777 6.11523 2.85547 6.16992 2.72852 6.20508C2.60156 6.24023 2.44727 6.25781 2.26562 6.25781C2.07227 6.25781 1.89844 6.2207 1.74414 6.14648C1.5918 6.07227 1.47168 5.95898 1.38379 5.80664C1.2959 5.65234 1.25195 5.45703 1.25195 5.2207C1.25195 4.87305 1.37402 4.61719 1.61816 4.45312C1.8623 4.28711 2.22852 4.19531 2.7168 4.17773L3.28516 4.16016V4.0166C3.28516 3.84473 3.24023 3.71875 3.15039 3.63867C3.06055 3.55859 2.93555 3.51855 2.77539 3.51855C2.61719 3.51855 2.46191 3.54102 2.30957 3.58594C2.15723 3.63086 2.00488 3.6875 1.85254 3.75586L1.55664 3.15234C1.73047 3.06055 1.9248 2.98828 2.13965 2.93555C2.35645 2.88281 2.58008 2.85645 2.81055 2.85645ZM3.28516 4.68164L2.93945 4.69336C2.65039 4.70117 2.44922 4.75293 2.33594 4.84863C2.22461 4.94434 2.16895 5.07031 2.16895 5.22656C2.16895 5.36328 2.20898 5.46094 2.28906 5.51953C2.36914 5.57617 2.47363 5.60449 2.60254 5.60449C2.79395 5.60449 2.95508 5.54785 3.08594 5.43457C3.21875 5.32129 3.28516 5.16016 3.28516 4.95117V4.68164ZM4.96973 5.78027C4.96973 5.59668 5.01953 5.46777 5.11914 5.39355C5.2207 5.31934 5.34277 5.28223 5.48535 5.28223C5.62402 5.28223 5.74316 5.31934 5.84277 5.39355C5.94434 5.46777 5.99512 5.59668 5.99512 5.78027C5.99512 5.95605 5.94434 6.08301 5.84277 6.16113C5.74316 6.23926 5.62402 6.27832 5.48535 6.27832C5.34277 6.27832 5.2207 6.23926 5.11914 6.16113C5.01953 6.08301 4.96973 5.95605 4.96973 5.78027Z",
+    fill: "#232F46"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M2.3623 8.44141V9.50195C2.3623 9.625 2.3584 9.74707 2.35059 9.86816C2.34473 9.98926 2.33691 10.083 2.32715 10.1494H2.3623C2.44824 10.0146 2.56543 9.90039 2.71387 9.80664C2.8623 9.71094 3.05469 9.66309 3.29102 9.66309C3.6582 9.66309 3.95605 9.80664 4.18457 10.0938C4.41309 10.3809 4.52734 10.8018 4.52734 11.3564C4.52734 11.7295 4.47461 12.043 4.36914 12.2969C4.26367 12.5488 4.11621 12.7393 3.92676 12.8682C3.7373 12.9951 3.51758 13.0586 3.26758 13.0586C3.02734 13.0586 2.83789 13.0156 2.69922 12.9297C2.56055 12.8438 2.44824 12.7471 2.3623 12.6396H2.30078L2.15137 13H1.46875V8.44141H2.3623ZM3.00391 10.3779C2.84766 10.3779 2.72363 10.4102 2.63184 10.4746C2.54004 10.5391 2.47266 10.6357 2.42969 10.7646C2.38867 10.8936 2.36621 11.0566 2.3623 11.2539V11.3506C2.3623 11.6689 2.40918 11.9131 2.50293 12.083C2.59668 12.251 2.76758 12.335 3.01562 12.335C3.19922 12.335 3.34473 12.25 3.45215 12.0801C3.56152 11.9102 3.61621 11.665 3.61621 11.3447C3.61621 11.0244 3.56152 10.7832 3.45215 10.6211C3.34277 10.459 3.19336 10.3779 3.00391 10.3779ZM5.13965 12.5811C5.13965 12.3975 5.18945 12.2686 5.28906 12.1943C5.39062 12.1201 5.5127 12.083 5.65527 12.083C5.79395 12.083 5.91309 12.1201 6.0127 12.1943C6.11426 12.2686 6.16504 12.3975 6.16504 12.5811C6.16504 12.7568 6.11426 12.8838 6.0127 12.9619C5.91309 13.04 5.79395 13.0791 5.65527 13.0791C5.5127 13.0791 5.39062 13.04 5.28906 12.9619C5.18945 12.8838 5.13965 12.7568 5.13965 12.5811Z",
+    fill: "#232F46"
+  }));
+};
+
+exports["default"] = _default;

package/es/core/Designer/ToolBarModal/ToolBtn/components/OrderedPicker/images/LowerRomanSVG.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = function _default(_a) {
+  var onChange = _a.onChange;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    fill: "none",
+    onClick: onChange,
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 8H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 4H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 12H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M3.83147 2.92383V6.19922H2.93792V2.92383H3.83147ZM3.38616 1.64062C3.51897 1.64062 3.63323 1.67188 3.72893 1.73438C3.82464 1.79492 3.87249 1.90918 3.87249 2.07715C3.87249 2.24316 3.82464 2.3584 3.72893 2.42285C3.63323 2.48535 3.51897 2.5166 3.38616 2.5166C3.2514 2.5166 3.13616 2.48535 3.04046 2.42285C2.94671 2.3584 2.89983 2.24316 2.89983 2.07715C2.89983 1.90918 2.94671 1.79492 3.04046 1.73438C3.13616 1.67188 3.2514 1.64062 3.38616 1.64062ZM4.64593 5.78027C4.64593 5.59668 4.69573 5.46777 4.79534 5.39355C4.8969 5.31934 5.01897 5.28223 5.16155 5.28223C5.30022 5.28223 5.41936 5.31934 5.51897 5.39355C5.62054 5.46777 5.67132 5.59668 5.67132 5.78027C5.67132 5.95605 5.62054 6.08301 5.51897 6.16113C5.41936 6.23926 5.30022 6.27832 5.16155 6.27832C5.01897 6.27832 4.8969 6.23926 4.79534 6.16113C4.69573 6.08301 4.64593 5.95605 4.64593 5.78027Z",
+    fill: "#232F46"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M1.99749 9.72461V13H1.10393V9.72461H1.99749ZM1.55218 8.44141C1.68499 8.44141 1.79925 8.47266 1.89495 8.53516C1.99065 8.5957 2.0385 8.70996 2.0385 8.87793C2.0385 9.04395 1.99065 9.15918 1.89495 9.22363C1.79925 9.28613 1.68499 9.31738 1.55218 9.31738C1.41741 9.31738 1.30218 9.28613 1.20647 9.22363C1.11272 9.15918 1.06585 9.04395 1.06585 8.87793C1.06585 8.70996 1.11272 8.5957 1.20647 8.53516C1.30218 8.47266 1.41741 8.44141 1.55218 8.44141ZM3.83147 9.72461V13H2.93792V9.72461H3.83147ZM3.38616 8.44141C3.51897 8.44141 3.63323 8.47266 3.72893 8.53516C3.82464 8.5957 3.87249 8.70996 3.87249 8.87793C3.87249 9.04395 3.82464 9.15918 3.72893 9.22363C3.63323 9.28613 3.51897 9.31738 3.38616 9.31738C3.2514 9.31738 3.13616 9.28613 3.04046 9.22363C2.94671 9.15918 2.89983 9.04395 2.89983 8.87793C2.89983 8.70996 2.94671 8.5957 3.04046 8.53516C3.13616 8.47266 3.2514 8.44141 3.38616 8.44141ZM4.64593 12.5811C4.64593 12.3975 4.69573 12.2686 4.79534 12.1943C4.8969 12.1201 5.01897 12.083 5.16155 12.083C5.30022 12.083 5.41936 12.1201 5.51897 12.1943C5.62054 12.2686 5.67132 12.3975 5.67132 12.5811C5.67132 12.7568 5.62054 12.8838 5.51897 12.9619C5.41936 13.04 5.30022 13.0791 5.16155 13.0791C5.01897 13.0791 4.8969 13.04 4.79534 12.9619C4.69573 12.8838 4.64593 12.7568 4.64593 12.5811Z",
+    fill: "#232F46"
+  }));
+};
+
+exports["default"] = _default;