@fonixtree/magic-design 0.0.6 → 0.0.9

package/src/components/common/Slider/index.js

@@ -0,0 +1,175 @@
+import { __extends, __assign } from '../../../../node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import classNames from 'classnames';
+import '../../../../node_modules/antd/es/affix/index.js';
+import '../../../../node_modules/antd/es/anchor/index.js';
+import '../../../../node_modules/antd/es/auto-complete/index.js';
+import '../../../../node_modules/antd/es/alert/index.js';
+import '../../../../node_modules/antd/es/avatar/index.js';
+import '../../../../node_modules/antd/es/back-top/index.js';
+import '../../../../node_modules/antd/es/badge/index.js';
+import '../../../../node_modules/antd/es/breadcrumb/Breadcrumb.js';
+import '../../../../node_modules/antd/es/button/button.js';
+import '../../../../node_modules/rc-picker/node_modules/moment/moment.js';
+import '../../../../node_modules/rc-util/es/hooks/useMergedState.js';
+import '../../../../node_modules/lodash/_baseToString.js';
+import '../../../../node_modules/lodash/_baseGetTag.js';
+import '../../../../node_modules/rc-util/es/raf.js';
+import '../../../../node_modules/rc-picker/es/panels/DatetimePanel/index.js';
+import '../../../../node_modules/rc-trigger/es/index.js';
+import '../../../../node_modules/antd/es/locale-provider/LocaleReceiver.js';
+import '../../../../node_modules/antd/es/date-picker/locale/en_US.js';
+import '../../../../node_modules/antd/es/config-provider/index.js';
+import '../../../../node_modules/rc-field-form/es/index.js';
+import '../../../../node_modules/antd/es/select/index.js';
+import '../../../../node_modules/antd/es/radio/index.js';
+import '../../../../node_modules/antd/es/card/index.js';
+import '../../../../node_modules/antd/es/collapse/Collapse.js';
+import '../../../../node_modules/antd/es/carousel/index.js';
+import '../../../../node_modules/antd/es/cascader/index.js';
+import '../../../../node_modules/antd/es/checkbox/index.js';
+import '../../../../node_modules/antd/es/grid/row.js';
+import '../../../../node_modules/antd/es/grid/col.js';
+import '../../../../node_modules/antd/es/comment/index.js';
+import '../../../../node_modules/antd/es/date-picker/index.js';
+import '../../../../_virtual/index2.js';
+import '../../../../node_modules/antd/es/_util/warning.js';
+import '../../../../node_modules/antd/es/divider/index.js';
+import '../../../../node_modules/antd/es/dropdown/dropdown.js';
+import '../../../../node_modules/antd/es/drawer/index.js';
+import '../../../../node_modules/antd/es/empty/index.js';
+import '../../../../node_modules/antd/es/form/index.js';
+import '../../../../node_modules/antd/es/input/index.js';
+import '../../../../node_modules/antd/es/image/index.js';
+import '../../../../node_modules/antd/es/input-number/index.js';
+import '../../../../node_modules/antd/es/layout/index.js';
+import '../../../../node_modules/antd/es/list/index.js';
+import '../../../../node_modules/antd/es/message/index.js';
+import '../../../../node_modules/antd/es/menu/index.js';
+import '../../../../node_modules/antd/es/mentions/index.js';
+import '../../../../node_modules/antd/es/modal/index.js';
+import '../../../../node_modules/antd/es/statistic/index.js';
+import '../../../../node_modules/antd/es/notification/index.js';
+import '../../../../node_modules/@ant-design/icons/es/icons/ArrowLeftOutlined.js';
+import '../../../../node_modules/@ant-design/icons/es/icons/ArrowRightOutlined.js';
+import '../../../../node_modules/rc-resize-observer/es/index.js';
+import '../../../../node_modules/antd/es/space/index.js';
+import '../../../../node_modules/antd/es/_util/transButton.js';
+import '../../../../node_modules/antd/es/pagination/Pagination.js';
+import '../../../../node_modules/antd/es/popconfirm/index.js';
+import '../../../../node_modules/antd/es/popover/index.js';
+import '../../../../node_modules/antd/es/progress/progress.js';
+import '../../../../node_modules/antd/es/rate/index.js';
+import '../../../../node_modules/antd/es/result/index.js';
+import '../../../../node_modules/antd/es/segmented/index.js';
+import '../../../../node_modules/antd/es/skeleton/Skeleton.js';
+import Slider from '../../../../node_modules/antd/es/slider/index.js';
+import '../../../../node_modules/antd/es/spin/index.js';
+import '../../../../node_modules/antd/es/steps/index.js';
+import '../../../../node_modules/antd/es/switch/index.js';
+import '../../../../node_modules/antd/es/table/Table.js';
+import '../../../../node_modules/antd/es/transfer/list.js';
+import '../../../../node_modules/@ant-design/icons/es/icons/LeftOutlined.js';
+import '../../../../node_modules/@ant-design/icons/es/icons/RightOutlined.js';
+import '../../../../node_modules/@ant-design/icons/es/icons/SearchOutlined.js';
+import '../../../../node_modules/antd/es/_util/statusUtils.js';
+import '../../../../node_modules/antd/es/tree/Tree.js';
+import '../../../../node_modules/antd/es/tree-select/index.js';
+import '../../../../node_modules/antd/es/tabs/index.js';
+import '../../../../node_modules/antd/es/tag/index.js';
+import '../../../../node_modules/antd/es/time-picker/index.js';
+import '../../../../node_modules/antd/es/timeline/Timeline.js';
+import '../../../../node_modules/antd/es/tooltip/index.js';
+import '../../../../node_modules/antd/es/typography/index.js';
+import '../../../../node_modules/antd/es/upload/index.js';
+import './index.less.js';
+import NewInputNumber from '../InputNumber/index.js';
+import ColorPickerInput from '../ColorPickerInput/index.js';
+
+var SliderInput =
+/** @class */
+function (_super) {
+  __extends(SliderInput, _super);
+
+  function SliderInput() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+    _this.colorRef = /*#__PURE__*/React__default.createRef();
+    _this.colorPickerRef = /*#__PURE__*/React__default.createRef();
+    return _this;
+  }
+
+  SliderInput.prototype.render = function () {
+    var _a = this.props,
+        value = _a.value,
+        minVal = _a.minVal,
+        onChange = _a.onChange,
+        maxVal = _a.maxVal,
+        needColor = _a.needColor,
+        inputType = _a.inputType,
+        step = _a.step,
+        unit = _a.unit; // 在step 未传的情况下： 若类型为 int or percent 则step默认为1； 类型为float，则step默认为0.1
+
+    var _step = step || 1;
+
+    if (inputType == 'float') {
+      _step = step || 0.1;
+    }
+
+    var _unit = unit || (inputType === 'percent' ? '%' : '');
+
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "m-slider-input"
+    }, /*#__PURE__*/React__default.createElement(Slider, {
+      className: classNames('slider', {
+        colorAndSlider: needColor
+      }),
+      max: maxVal,
+      min: minVal,
+      onChange: function (v) {
+        return onChange(__assign(__assign({}, value), {
+          count: v
+        }));
+      },
+      step: _step,
+      value: value.count
+    }), /*#__PURE__*/React__default.createElement(NewInputNumber, {
+      max: maxVal,
+      min: minVal,
+      onChange: function (v) {
+        return onChange(__assign(__assign({}, value), {
+          count: v
+        }));
+      },
+      step: _step,
+      unit: _unit,
+      value: value.count
+    }), needColor && /*#__PURE__*/React__default.createElement(ColorPickerInput, {
+      colorType: "rgba",
+      onChange: function (color) {
+        onChange(__assign(__assign({}, value), {
+          color: color
+        }));
+      },
+      placement: "bottomLeft",
+      type: "dot",
+      value: value.color
+    }));
+  };
+
+  SliderInput.defaultProps = {
+    value: {
+      count: 1
+    },
+    onChange: function () {},
+    minVal: 1,
+    maxVal: 100,
+    needColor: false,
+    inputType: 'int',
+    unit: ''
+  };
+  return SliderInput;
+}(React__default.Component);
+
+export { SliderInput as default };

package/src/components/common/Slider/index.less.js

@@ -0,0 +1,4 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index_m-slider-input__UC6EZ {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: flex-start;\n  position: relative;\n}\n.index_m-slider-input__UC6EZ .index_slider__rm1zz {\n  border-radius: 100px;\n  flex: 1;\n  margin-right: 20px;\n}\n.index_m-slider-input__UC6EZ .index_sketchWrap__8x3IJ {\n  border: 1px solid #EDF0F4;\n  border-radius: 8px;\n  width: 34px;\n  cursor: pointer;\n  height: 34px;\n  margin-left: 10px;\n  flex-shrink: 0;\n}\n.index_m-slider-input__UC6EZ .index_colorWrap__slKxO {\n  position: absolute;\n  right: 2px;\n  top: 40px;\n  z-index: 2;\n}\n.index_m-slider-input__UC6EZ .index_m-color-picker-input__jZXB7 .index_input-color__LxUZe {\n  height: auto !important;\n  padding: 0 0 0 12px !important;\n}\n";
+styleInject(css_248z);

package/src/components/common/SwitchCollapse/index.js

@@ -0,0 +1,243 @@
+import { __extends, __spreadArray } from '../../../../node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import '../../../../node_modules/antd/es/affix/index.js';
+import '../../../../node_modules/antd/es/anchor/index.js';
+import '../../../../node_modules/antd/es/auto-complete/index.js';
+import '../../../../node_modules/antd/es/alert/index.js';
+import '../../../../node_modules/antd/es/avatar/index.js';
+import '../../../../node_modules/antd/es/back-top/index.js';
+import '../../../../node_modules/antd/es/badge/index.js';
+import '../../../../node_modules/antd/es/breadcrumb/Breadcrumb.js';
+import '../../../../node_modules/antd/es/button/button.js';
+import '../../../../node_modules/rc-picker/node_modules/moment/moment.js';
+import '../../../../node_modules/rc-util/es/hooks/useMergedState.js';
+import 'classnames';
+import '../../../../node_modules/lodash/_baseToString.js';
+import '../../../../node_modules/lodash/_baseGetTag.js';
+import '../../../../node_modules/rc-util/es/raf.js';
+import '../../../../node_modules/rc-picker/es/panels/DatetimePanel/index.js';
+import '../../../../node_modules/rc-trigger/es/index.js';
+import '../../../../node_modules/antd/es/locale-provider/LocaleReceiver.js';
+import '../../../../node_modules/antd/es/date-picker/locale/en_US.js';
+import '../../../../node_modules/antd/es/config-provider/index.js';
+import '../../../../node_modules/rc-field-form/es/index.js';
+import '../../../../node_modules/antd/es/select/index.js';
+import '../../../../node_modules/antd/es/radio/index.js';
+import '../../../../node_modules/antd/es/card/index.js';
+import Collapse from '../../../../node_modules/antd/es/collapse/Collapse.js';
+import '../../../../node_modules/antd/es/carousel/index.js';
+import '../../../../node_modules/antd/es/cascader/index.js';
+import Checkbox from '../../../../node_modules/antd/es/checkbox/index.js';
+import '../../../../node_modules/antd/es/grid/row.js';
+import '../../../../node_modules/antd/es/grid/col.js';
+import '../../../../node_modules/antd/es/comment/index.js';
+import '../../../../node_modules/antd/es/date-picker/index.js';
+import '../../../../_virtual/index2.js';
+import '../../../../node_modules/antd/es/_util/warning.js';
+import '../../../../node_modules/antd/es/divider/index.js';
+import '../../../../node_modules/antd/es/dropdown/dropdown.js';
+import '../../../../node_modules/antd/es/drawer/index.js';
+import '../../../../node_modules/antd/es/empty/index.js';
+import '../../../../node_modules/antd/es/form/index.js';
+import '../../../../node_modules/antd/es/input/index.js';
+import '../../../../node_modules/antd/es/image/index.js';
+import '../../../../node_modules/antd/es/input-number/index.js';
+import '../../../../node_modules/antd/es/layout/index.js';
+import '../../../../node_modules/antd/es/list/index.js';
+import '../../../../node_modules/antd/es/message/index.js';
+import '../../../../node_modules/antd/es/menu/index.js';
+import '../../../../node_modules/antd/es/mentions/index.js';
+import '../../../../node_modules/antd/es/modal/index.js';
+import '../../../../node_modules/antd/es/statistic/index.js';
+import '../../../../node_modules/antd/es/notification/index.js';
+import '../../../../node_modules/@ant-design/icons/es/icons/ArrowLeftOutlined.js';
+import '../../../../node_modules/@ant-design/icons/es/icons/ArrowRightOutlined.js';
+import '../../../../node_modules/rc-resize-observer/es/index.js';
+import '../../../../node_modules/antd/es/space/index.js';
+import '../../../../node_modules/antd/es/_util/transButton.js';
+import '../../../../node_modules/antd/es/pagination/Pagination.js';
+import '../../../../node_modules/antd/es/popconfirm/index.js';
+import '../../../../node_modules/antd/es/popover/index.js';
+import '../../../../node_modules/antd/es/progress/progress.js';
+import '../../../../node_modules/antd/es/rate/index.js';
+import '../../../../node_modules/antd/es/result/index.js';
+import '../../../../node_modules/antd/es/segmented/index.js';
+import '../../../../node_modules/antd/es/skeleton/Skeleton.js';
+import '../../../../node_modules/antd/es/slider/index.js';
+import '../../../../node_modules/antd/es/spin/index.js';
+import '../../../../node_modules/antd/es/steps/index.js';
+import Switch from '../../../../node_modules/antd/es/switch/index.js';
+import '../../../../node_modules/antd/es/table/Table.js';
+import '../../../../node_modules/antd/es/transfer/list.js';
+import '../../../../node_modules/@ant-design/icons/es/icons/LeftOutlined.js';
+import '../../../../node_modules/@ant-design/icons/es/icons/RightOutlined.js';
+import '../../../../node_modules/@ant-design/icons/es/icons/SearchOutlined.js';
+import '../../../../node_modules/antd/es/_util/statusUtils.js';
+import '../../../../node_modules/antd/es/tree/Tree.js';
+import '../../../../node_modules/antd/es/tree-select/index.js';
+import '../../../../node_modules/antd/es/tabs/index.js';
+import '../../../../node_modules/antd/es/tag/index.js';
+import '../../../../node_modules/antd/es/time-picker/index.js';
+import '../../../../node_modules/antd/es/timeline/Timeline.js';
+import '../../../../node_modules/antd/es/tooltip/index.js';
+import '../../../../node_modules/antd/es/typography/index.js';
+import '../../../../node_modules/antd/es/upload/index.js';
+import './index.less.js';
+
+var Panel = Collapse.Panel;
+
+/** @class */
+(function (_super) {
+  __extends(SwitchCollapse, _super);
+
+  function SwitchCollapse() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {
+      activeKey: []
+    }; // switch 模式展开第一个open状态，checkbox模式展开所有open状态
+
+    _this.openSwitch = function (source) {
+      var type = _this.props.type;
+      var activeSource = [];
+
+      if (source.length === 0) {
+        return;
+      }
+
+      if (type === 'checkout') {
+        activeSource = source.filter(function (src) {
+          return src.metaOption.open;
+        }).map(function (src) {
+          return src.key;
+        });
+      } else {
+        var openMeta = source.find(function (meta) {
+          return meta.metaOption.open;
+        });
+
+        if (openMeta) {
+          activeSource.push(openMeta.key);
+        }
+      }
+
+      _this.setState({
+        activeKey: activeSource
+      });
+    };
+
+    _this.onSwitchChange = function (checked, panelInfo) {
+      panelInfo.metaOption.open = checked;
+
+      if (checked) {
+        _this.setState({
+          activeKey: panelInfo.key
+        });
+      } else {
+        _this.setState({
+          activeKey: null
+        });
+      }
+
+      _this.props.onRefresh();
+    };
+
+    _this.onCheckBoxChange = function (e, panelInfo) {
+      var checked = e.target.checked;
+      panelInfo.metaOption.open = checked;
+      var activeKey = _this.state.activeKey;
+
+      if (checked) {
+        _this.setState({
+          activeKey: activeKey ? __spreadArray(__spreadArray([], activeKey, true), [panelInfo.key], false) : [panelInfo.key]
+        });
+      } else {
+        _this.setState({
+          activeKey: activeKey.find(function (key) {
+            return key !== panelInfo.key;
+          })
+        });
+      }
+
+      _this.props.onRefresh();
+    };
+
+    _this.getSwitchButton = function (panelInfo) {
+      var type = _this.props.type;
+
+      if (type === 'switch') {
+        return /*#__PURE__*/React__default.createElement(Switch, {
+          checked: panelInfo.metaOption.open,
+          onChange: function (checked) {
+            return _this.onSwitchChange(checked, panelInfo);
+          },
+          size: "small"
+        });
+      } else {
+        return /*#__PURE__*/React__default.createElement(Checkbox, {
+          checked: panelInfo.metaOption.open,
+          onChange: function (e) {
+            return _this.onCheckBoxChange(e, panelInfo);
+          }
+        });
+      }
+    };
+
+    _this.getHeader = function (name, index) {
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: "header_wrap"
+      }, index !== 0 && /*#__PURE__*/React__default.createElement("div", {
+        className: "meta_header_divider"
+      }), /*#__PURE__*/React__default.createElement("span", {
+        className: "switchcollapse_header_name"
+      }, name));
+    };
+
+    return _this;
+  }
+
+  SwitchCollapse.prototype.componentWillMount = function () {
+    this.openSwitch(this.props.source);
+  };
+
+  SwitchCollapse.prototype.componentWillReceiveProps = function (nextProps) {
+    this.openSwitch(nextProps.source);
+  };
+
+  SwitchCollapse.prototype.render = function () {
+    var _this = this;
+
+    var _a = this.props,
+        source = _a.source,
+        accordion = _a.accordion,
+        type = _a.type;
+    var activeKey = this.state.activeKey;
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "".concat(type, "_collapse_wrap")
+    }, /*#__PURE__*/React__default.createElement(Collapse, {
+      accordion: accordion,
+      activeKey: activeKey,
+      ghost: true,
+      onChange: function (value) {
+        return _this.setState({
+          activeKey: value
+        });
+      }
+    }, source.map(function (panelInfo, index) {
+      return /*#__PURE__*/React__default.createElement(Panel, {
+        key: panelInfo.key,
+        collapsible: panelInfo.metaOption.open ? 'header' : 'disabled',
+        extra: _this.getSwitchButton(panelInfo),
+        header: _this.getHeader(panelInfo.name, index),
+        showArrow: false
+      }, panelInfo.value);
+    })));
+  };
+
+  SwitchCollapse.defaultProps = {
+    source: [],
+    accordion: true,
+    type: 'switch'
+  };
+  return SwitchCollapse;
+})(React__default.Component);

package/src/components/common/SwitchCollapse/index.less.js

@@ -0,0 +1,4 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index_switch_collapse_wrap__2jdH7 .index_ant-collapse__hnRpG .index_ant-collapse-item__sHsbw {\n  padding-bottom: 1px !important;\n}\n.index_switch_collapse_wrap__2jdH7 .index_ant-collapse__hnRpG .index_header_wrap__WrzsP {\n  position: relative;\n}\n.index_switch_collapse_wrap__2jdH7 .index_ant-collapse__hnRpG .index_header_wrap__WrzsP .index_switchcollapse_header_name__bWKqK {\n  font-family: 'Open Sans' !important;\n  font-style: normal !important;\n  font-weight: 700 !important;\n  font-size: 16px;\n  line-height: 24px !important;\n  color: #232F46 !important;\n  height: 24px;\n}\n.index_switch_collapse_wrap__2jdH7 .index_ant-collapse__hnRpG .index_header_wrap__WrzsP .index_meta_header_divider__pjJ9- {\n  position: absolute;\n  height: 1px;\n  width: 306px;\n  border-bottom: 1px solid #D2D9E5;\n  top: -20px;\n}\n.index_checkbox_collapse_wrap__At1nE .index_switchcollapse_header_name__bWKqK {\n  font-size: 14px !important;\n}\n";
+styleInject(css_248z);

package/src/components/common/UrlPicker/index.js

@@ -0,0 +1,81 @@
+import { __extends } from '../../../../node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import './index.less.js';
+import LinkModal from '../LinkModal/index.js';
+import Iconfont from '../Iconfont/index.js';
+
+var UrlPicker =
+/** @class */
+function (_super) {
+  __extends(UrlPicker, _super);
+
+  function UrlPicker() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {
+      visible: false
+    };
+    return _this;
+  }
+
+  UrlPicker.prototype.render = function () {
+    var _this = this;
+
+    var visible = this.state.visible;
+    var _a = this.props,
+        value = _a.value,
+        onChange = _a.onChange;
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "m-url-picker"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "input-url"
+    }, /*#__PURE__*/React__default.createElement("input", {
+      onChange: function (e) {
+        return onChange(e.target.value);
+      },
+      placeholder: "Please add a link",
+      type: "text",
+      value: value
+    }), /*#__PURE__*/React__default.createElement("div", {
+      className: "icon-btns"
+    }, /*#__PURE__*/React__default.createElement(Iconfont, {
+      color: "#000",
+      onClick: function () {
+        return _this.setState({
+          visible: true
+        });
+      },
+      size: "20px",
+      type: "icon-URLguanli"
+    }), /*#__PURE__*/React__default.createElement(Iconfont, {
+      color: "#FF4141",
+      onClick: function () {
+        return onChange('');
+      },
+      size: "20px",
+      type: "icon-delete1"
+    }))), visible && /*#__PURE__*/React__default.createElement(LinkModal, {
+      onClose: function () {
+        return _this.setState({
+          visible: false
+        });
+      },
+      onConfirm: function (value) {
+        onChange(value);
+
+        _this.setState({
+          visible: false
+        });
+      },
+      visible: visible
+    }));
+  };
+
+  UrlPicker.defaultProps = {
+    value: '',
+    onChange: function () {}
+  };
+  return UrlPicker;
+}(React__default.Component);
+
+export { UrlPicker as default };

package/src/components/common/UrlPicker/index.less.js

@@ -0,0 +1,4 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index_m-url-picker__p9VJx .index_input-url__E-Mfy {\n  width: 100%;\n  height: 40px;\n  background: #FFFFFF;\n  border: 1px solid #D2D9E5;\n  border-radius: 8px;\n  padding: 9px 14px;\n  display: flex;\n  align-items: center;\n  /* 使用webkit内核的浏览器 */\n  /* Firefox版本4-18 */\n  /* Firefox版本19+ */\n  /* IE浏览器 */\n}\n.index_m-url-picker__p9VJx .index_input-url__E-Mfy input {\n  border: none;\n  outline: none;\n  height: 24px;\n  flex-grow: 1;\n  font-family: 'Open Sans';\n  font-style: normal;\n  font-weight: 400;\n  font-size: 14px;\n  color: #232F46;\n}\n.index_m-url-picker__p9VJx .index_input-url__E-Mfy input::-webkit-input-placeholder {\n  font-family: 'Open Sans';\n  font-style: normal;\n  font-weight: 400;\n  font-size: 14px;\n  color: #8493AF;\n}\n.index_m-url-picker__p9VJx .index_input-url__E-Mfy input:-moz-placeholder {\n  font-family: 'Open Sans';\n  font-style: normal;\n  font-weight: 400;\n  font-size: 14px;\n  color: #8493AF;\n}\n.index_m-url-picker__p9VJx .index_input-url__E-Mfy input::-moz-placeholder {\n  font-family: 'Open Sans';\n  font-style: normal;\n  font-weight: 400;\n  font-size: 14px;\n  color: #8493AF;\n}\n.index_m-url-picker__p9VJx .index_input-url__E-Mfy input:-ms-input-placeholder {\n  font-family: 'Open Sans';\n  font-style: normal;\n  font-weight: 400;\n  font-size: 14px;\n  color: #8493AF;\n}\n.index_m-url-picker__p9VJx .index_input-url__E-Mfy .index_icon-btns__kjcKv {\n  display: flex;\n  align-items: center;\n}\n.index_m-url-picker__p9VJx .index_input-url__E-Mfy .index_icon-btns__kjcKv > span {\n  margin-left: 12px;\n  cursor: pointer;\n}\n";
+styleInject(css_248z);