@mirrormedia/lilith-draft-editor 1.1.0-alpha.5 → 1.1.0-alpha.7

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.
Files changed (5) hide show
  1. package/lib/website/mirrormedia/draft-editor.js +6 -2
  2. package/lib/website/mirrormedia/theme/index.js +28 -0
  3. package/lib/website/readr/draft-editor.js +6 -2
  4. package/lib/website/readr/theme/index.js +28 -0
  5. package/package.json +2 -2
package/lib/website/mirrormedia/draft-editor.js CHANGED
@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
9
9
 
10
10
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
11
11
 
12
+ var _theme = _interopRequireDefault(require("./theme"));
13
+
12
14
  var _draftJs = require("draft-js");
13
15
 
14
16
  var _blockRendererFn = require("./block-renderer-fn");
@@ -632,7 +634,9 @@ class RichTextEditor extends _react.default.Component {
632
634
  }));
633
635
  };
634
636
 
635
- return /*#__PURE__*/_react.default.createElement(DraftEditorContainer, {
637
+ return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
638
+ theme: _theme.default
639
+ }, /*#__PURE__*/_react.default.createElement(DraftEditorContainer, {
636
640
  isEnlarged: isEnlarged
637
641
  }, /*#__PURE__*/_react.default.createElement(DraftEditorWrapper, null, /*#__PURE__*/_react.default.createElement("link", {
638
642
  href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css",
@@ -801,7 +805,7 @@ class RichTextEditor extends _react.default.Component {
801
805
  ref: "editor",
802
806
  spellCheck: true,
803
807
  readOnly: readOnly
804
- }))));
808
+ })))));
805
809
  }
806
810
 
807
811
  }
package/lib/website/mirrormedia/theme/index.js ADDED
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.theme = exports.mediaSize = exports.default = void 0;
7
+ const mediaSize = {
8
+ xs: 0,
9
+ sm: 576,
10
+ md: 768,
11
+ lg: 960,
12
+ xl: 1200,
13
+ xxl: 1400
14
+ };
15
+ exports.mediaSize = mediaSize;
16
+ const theme = {
17
+ breakpoint: {
18
+ xs: `@media (min-width: ${mediaSize.xs}px)`,
19
+ sm: `@media (min-width: ${mediaSize.sm}px)`,
20
+ md: `@media (min-width: ${mediaSize.md}px)`,
21
+ lg: `@media (min-width: ${mediaSize.lg}px)`,
22
+ xl: `@media (min-width: ${mediaSize.xl}px)`,
23
+ xxl: `@media (min-width: ${mediaSize.xxl}px)`
24
+ }
25
+ };
26
+ exports.theme = theme;
27
+ var _default = theme;
28
+ exports.default = _default;
package/lib/website/readr/draft-editor.js CHANGED
@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
9
9
 
10
10
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
11
11
 
12
+ var _theme = _interopRequireDefault(require("./theme"));
13
+
12
14
  var _draftJs = require("draft-js");
13
15
 
14
16
  var _blockRendererFn = require("./block-renderer-fn");
@@ -632,7 +634,9 @@ class RichTextEditor extends _react.default.Component {
632
634
  }));
633
635
  };
634
636
 
635
- return /*#__PURE__*/_react.default.createElement(DraftEditorContainer, {
637
+ return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
638
+ theme: _theme.default
639
+ }, /*#__PURE__*/_react.default.createElement(DraftEditorContainer, {
636
640
  isEnlarged: isEnlarged
637
641
  }, /*#__PURE__*/_react.default.createElement(DraftEditorWrapper, null, /*#__PURE__*/_react.default.createElement("link", {
638
642
  href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css",
@@ -801,7 +805,7 @@ class RichTextEditor extends _react.default.Component {
801
805
  ref: "editor",
802
806
  spellCheck: true,
803
807
  readOnly: readOnly
804
- }))));
808
+ })))));
805
809
  }
806
810
 
807
811
  }
package/lib/website/readr/theme/index.js ADDED
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.theme = exports.mediaSize = exports.default = void 0;
7
+ const mediaSize = {
8
+ xs: 0,
9
+ sm: 576,
10
+ md: 768,
11
+ lg: 960,
12
+ xl: 1200,
13
+ xxl: 1400
14
+ };
15
+ exports.mediaSize = mediaSize;
16
+ const theme = {
17
+ breakpoint: {
18
+ xs: `@media (min-width: ${mediaSize.xs}px)`,
19
+ sm: `@media (min-width: ${mediaSize.sm}px)`,
20
+ md: `@media (min-width: ${mediaSize.md}px)`,
21
+ lg: `@media (min-width: ${mediaSize.lg}px)`,
22
+ xl: `@media (min-width: ${mediaSize.xl}px)`,
23
+ xxl: `@media (min-width: ${mediaSize.xxl}px)`
24
+ }
25
+ };
26
+ exports.theme = theme;
27
+ var _default = theme;
28
+ exports.default = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirrormedia/lilith-draft-editor",
3
- "version": "1.1.0-alpha.5",
3
+ "version": "1.1.0-alpha.7",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "scripts": {
@@ -23,7 +23,7 @@
23
23
  "license": "MIT",
24
24
  "dependencies": {
25
25
  "draft-js": "^0.11.7",
26
- "@mirrormedia/lilith-draft-renderer": "1.1.0-alpha.7"
26
+ "@mirrormedia/lilith-draft-renderer": "1.1.0-alpha.15"
27
27
  },
28
28
  "peerDependencies": {
29
29
  "react": "18.1.0",