@zohodesk/dot 1.0.0-temp-146 → 1.0.0-temp-148

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -2,10 +2,6 @@
2
2
 
3
3
  In this Library, we Provide Some Basic Components to Build Your Application
4
4
 
5
- # 1.0.0-beta.256
6
-
7
- - **TextEditor** - blockquote css style tag removed and added margin inline style via editor object support "ZohoDeskEditor_Init.quoteData"
8
-
9
5
  # 1.0.0-beta.255
10
6
 
11
7
  - **TagWithIcon** - New component Added.
@@ -86,11 +86,6 @@ export default class TextEditor extends Component {
86
86
  }
87
87
  defaultObj = Object.assign(defaultObj, editorOptions);
88
88
  ZohoDeskEditor_Init.init(editorMode, fontFamily, initCallback, fontSize);
89
- ZohoDeskEditor_Init.quoteData = {
90
- STYLE: {
91
- 'margin': '0 0 0 4px'
92
- }
93
- };
94
89
  ZohoDeskEditor.create && ZohoDeskEditor.create(defaultObj);
95
90
  }
96
91
  }
@@ -193,17 +188,16 @@ export default class TextEditor extends Component {
193
188
  if (!global.editor[id]) {
194
189
  global.editor[id] = editorObj;
195
190
  }
196
- // const css = 'blockquote {margin:0 0 0 4px; }',
197
- // head = editorObj.doc.head || editorObj.doc.getElementsByTagName('head')[0],
198
- // style = document.createElement('style');
199
- // style.type = 'text/css';
200
- // if (style.styleSheet) {
201
- // style.styleSheet.cssText = css;
202
- // } else {
203
- // style.appendChild(editorObj.doc.createTextNode(css));
204
- // }
205
- // head.appendChild(style);
206
-
191
+ const css = 'blockquote {margin:0 0 0 4px; }',
192
+ head = editorObj.doc.head || editorObj.doc.getElementsByTagName('head')[0],
193
+ style = document.createElement('style');
194
+ style.type = 'text/css';
195
+ if (style.styleSheet) {
196
+ style.styleSheet.cssText = css;
197
+ } else {
198
+ style.appendChild(editorObj.doc.createTextNode(css));
199
+ }
200
+ head.appendChild(style);
207
201
  editorCallback && editorCallback(editorObj);
208
202
  const iframe = selectn('iframe.contentDocument.body', editorObj) || null;
209
203
  const iframeHead = selectn('iframe.contentDocument.head', editorObj) || null;
@@ -21,7 +21,8 @@ export default class AlertClose extends PureComponent {
21
21
  align: "both",
22
22
  isInline: true,
23
23
  alignBox: "row",
24
- isCover: false
24
+ isCover: false,
25
+ tabIndex: "0"
25
26
  }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Icon, {
26
27
  name: "GC-cross",
27
28
  isBold: true,
@@ -112,11 +112,6 @@ var TextEditor = /*#__PURE__*/function (_Component) {
112
112
  }
113
113
  defaultObj = Object.assign(defaultObj, editorOptions);
114
114
  ZohoDeskEditor_Init.init(editorMode, fontFamily, initCallback, fontSize);
115
- ZohoDeskEditor_Init.quoteData = {
116
- STYLE: {
117
- 'margin': '0 0 0 4px'
118
- }
119
- };
120
115
  ZohoDeskEditor.create && ZohoDeskEditor.create(defaultObj);
121
116
  }
122
117
  }
@@ -221,17 +216,16 @@ var TextEditor = /*#__PURE__*/function (_Component) {
221
216
  if (!global.editor[id]) {
222
217
  global.editor[id] = editorObj;
223
218
  }
224
- // const css = 'blockquote {margin:0 0 0 4px; }',
225
- // head = editorObj.doc.head || editorObj.doc.getElementsByTagName('head')[0],
226
- // style = document.createElement('style');
227
- // style.type = 'text/css';
228
- // if (style.styleSheet) {
229
- // style.styleSheet.cssText = css;
230
- // } else {
231
- // style.appendChild(editorObj.doc.createTextNode(css));
232
- // }
233
- // head.appendChild(style);
234
-
219
+ var css = 'blockquote {margin:0 0 0 4px; }',
220
+ head = editorObj.doc.head || editorObj.doc.getElementsByTagName('head')[0],
221
+ style = document.createElement('style');
222
+ style.type = 'text/css';
223
+ if (style.styleSheet) {
224
+ style.styleSheet.cssText = css;
225
+ } else {
226
+ style.appendChild(editorObj.doc.createTextNode(css));
227
+ }
228
+ head.appendChild(style);
235
229
  editorCallback && editorCallback(editorObj);
236
230
  var iframe = (0, _selectn["default"])('iframe.contentDocument.body', editorObj) || null;
237
231
  var iframeHead = (0, _selectn["default"])('iframe.contentDocument.head', editorObj) || null;
@@ -49,7 +49,8 @@ var AlertClose = /*#__PURE__*/function (_PureComponent) {
49
49
  align: "both",
50
50
  isInline: true,
51
51
  alignBox: "row",
52
- isCover: false
52
+ isCover: false,
53
+ tabIndex: "0"
53
54
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
54
55
  name: "GC-cross",
55
56
  isBold: true,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.0.0-temp-146",
3
+ "version": "1.0.0-temp-148",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -96,4 +96,4 @@
96
96
  }
97
97
  }
98
98
  }
99
- }
99
+ }
@@ -1,35 +0,0 @@
1
- [data-mode='default']:global(.zd-contrast) {
2
- color: #000;
3
- background: #fff;
4
- border-color: #000;
5
- }
6
-
7
- [data-mode='dark']:global(.zd-contrast) {
8
- color: #fff;
9
- background-color: #101319;
10
- border-color: #fff;
11
- }
12
-
13
- [data-mode='pureDark']:global(.zd-contrast) {
14
- color: #fff;
15
- background-color: #080808;
16
- border-color: #fff;
17
- }
18
-
19
- :global(.zd-contrast) {
20
- --zd_bs_contrast_outline: 0 0 2px var(--zdt_contrast_shadow);
21
- --zd_bs_contrast_none: 0 0 0 transparent;
22
- --zd_lightmode_grey_bg: -0%;
23
- }
24
-
25
- :global(.zd-contrast-level1) {
26
- --zd_contrastLevel: 10;
27
- }
28
-
29
- :global(.zd-contrast-level2) {
30
- --zd_contrastLevel: 20;
31
- }
32
-
33
- :global(.zd-contrast-level3) {
34
- --zd_contrastLevel: 40;
35
- }
@@ -1,35 +0,0 @@
1
- [data-mode='default']:global(.zd-contrast) {
2
- color: #000;
3
- background: #fff;
4
- border-color: #000;
5
- }
6
-
7
- [data-mode='dark']:global(.zd-contrast) {
8
- color: #fff;
9
- background-color: #101319;
10
- border-color: #fff;
11
- }
12
-
13
- [data-mode='pureDark']:global(.zd-contrast) {
14
- color: #fff;
15
- background-color: #080808;
16
- border-color: #fff;
17
- }
18
-
19
- :global(.zd-contrast) {
20
- --zd_bs_contrast_outline: 0 0 2px var(--zdt_contrast_shadow);
21
- --zd_bs_contrast_none: 0 0 0 transparent;
22
- --zd_lightmode_grey_bg: -0%;
23
- }
24
-
25
- :global(.zd-contrast-level1) {
26
- --zd_contrastLevel: 10;
27
- }
28
-
29
- :global(.zd-contrast-level2) {
30
- --zd_contrastLevel: 20;
31
- }
32
-
33
- :global(.zd-contrast-level3) {
34
- --zd_contrastLevel: 40;
35
- }