pds-dev-kit-web 2.2.6 → 2.2.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/dist/src/sub/DynamicLayout/components/ComponentBlocks/RichText/RichText.js +1 -1
  2. package/dist/src/sub/DynamicLayout/components/desktop/Item/Item.js +1 -1
  3. package/dist/src/sub/DynamicLayout/components/mobile/Item/Item.js +1 -1
  4. package/package.json +1 -1
  5. package/release-note.md +2 -2
package/dist/src/sub/DynamicLayout/components/ComponentBlocks/RichText/RichText.js CHANGED
@@ -13,7 +13,7 @@ function RichText(_a) {
13
13
  var text = _a.text;
14
14
  return (0, jsx_runtime_1.jsx)(S_RichText, { dangerouslySetInnerHTML: { __html: text } });
15
15
  }
16
- var S_RichText = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n line-height: 1.5;\n text-align: left;\n white-space: pre-wrap;\n width: 100%;\n word-break: break-word;\n\n a {\n color: ", ";\n }\n\n img {\n max-width: 100%;\n height: auto;\n }\n\n figure {\n margin: 0;\n max-width: 100%;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n\n blockquote {\n border-left: 4px solid ", ";\n margin: 4px;\n padding: 4px;\n\n p {\n font-style: oblique;\n margin: 0;\n }\n }\n\n iframe {\n border: none;\n }\n"], ["\n line-height: 1.5;\n text-align: left;\n white-space: pre-wrap;\n width: 100%;\n word-break: break-word;\n\n a {\n color: ", ";\n }\n\n img {\n max-width: 100%;\n height: auto;\n }\n\n figure {\n margin: 0;\n max-width: 100%;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n\n blockquote {\n border-left: 4px solid ", ";\n margin: 4px;\n padding: 4px;\n\n p {\n font-style: oblique;\n margin: 0;\n }\n }\n\n iframe {\n border: none;\n }\n"])), function (_a) {
16
+ var S_RichText = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n line-height: 1.5;\n text-align: left;\n white-space: pre-wrap;\n width: 100%;\n word-break: break-word;\n\n & pre {\n white-space: pre-wrap;\n }\n\n div,\n p {\n overflow: hidden;\n }\n\n a {\n color: ", ";\n }\n\n img {\n max-width: 100%;\n height: auto;\n }\n\n figure {\n margin: 0;\n max-width: 100%;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n\n blockquote {\n border-left: 4px solid ", ";\n margin: 4px;\n padding: 4px;\n\n p {\n font-style: oblique;\n margin: 0;\n }\n }\n\n iframe {\n border: none;\n }\n"], ["\n line-height: 1.5;\n text-align: left;\n white-space: pre-wrap;\n width: 100%;\n word-break: break-word;\n\n & pre {\n white-space: pre-wrap;\n }\n\n div,\n p {\n overflow: hidden;\n }\n\n a {\n color: ", ";\n }\n\n img {\n max-width: 100%;\n height: auto;\n }\n\n figure {\n margin: 0;\n max-width: 100%;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n\n blockquote {\n border-left: 4px solid ", ";\n margin: 4px;\n padding: 4px;\n\n p {\n font-style: oblique;\n margin: 0;\n }\n }\n\n iframe {\n border: none;\n }\n"])), function (_a) {
17
17
  var theme = _a.theme;
18
18
  return theme.ui_papp_post_notice_link;
19
19
  }, function (_a) {
package/dist/src/sub/DynamicLayout/components/desktop/Item/Item.js CHANGED
@@ -185,7 +185,7 @@ function HTMLReader(_a) {
185
185
  }, [data]);
186
186
  return ((0, jsx_runtime_1.jsx)(S_Content, { ref: contentRef, styleTheme: styleTheme, colorTheme: colorTheme, color: color, textAlign: textAlign, isPreview: isPreview !== null && isPreview !== void 0 ? isPreview : mode === 'PREVIEW' }));
187
187
  }
188
- var S_Content = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n color: ", ";\n line-height: 1.5;\n text-align: ", ";\n white-space: pre-wrap;\n width: 100%;\n word-break: break-word;\n\n ", "\n\n a {\n color: ", ";\n }\n\n img {\n max-width: 100%;\n height: auto;\n }\n\n figure {\n margin: 0;\n max-width: 100%;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n\n blockquote {\n border-left: 4px solid ", ";\n margin: 4px;\n padding: 4px;\n\n p {\n font-style: oblique;\n margin: 0;\n }\n }\n\n ", ";\n\n ", ";\n\n ", "\n"], ["\n color: ", ";\n line-height: 1.5;\n text-align: ", ";\n white-space: pre-wrap;\n width: 100%;\n word-break: break-word;\n\n ", "\n\n a {\n color: ", ";\n }\n\n img {\n max-width: 100%;\n height: auto;\n }\n\n figure {\n margin: 0;\n max-width: 100%;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n\n blockquote {\n border-left: 4px solid ", ";\n margin: 4px;\n padding: 4px;\n\n p {\n font-style: oblique;\n margin: 0;\n }\n }\n\n ", ";\n\n ", ";\n\n ", "\n"])), function (_a) {
188
+ var S_Content = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n color: ", ";\n line-height: 1.5;\n text-align: ", ";\n white-space: pre-wrap;\n width: 100%;\n word-break: break-word;\n\n ", "\n\n & pre {\n white-space: pre-wrap;\n }\n\n div,\n p {\n overflow: hidden;\n }\n\n a {\n color: ", ";\n }\n\n img {\n max-width: 100%;\n height: auto;\n }\n\n figure {\n margin: 0;\n max-width: 100%;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n\n blockquote {\n border-left: 4px solid ", ";\n margin: 4px;\n padding: 4px;\n\n p {\n font-style: oblique;\n margin: 0;\n }\n }\n\n iframe {\n border: none;\n }\n\n ", ";\n\n ", ";\n\n ", "\n"], ["\n color: ", ";\n line-height: 1.5;\n text-align: ", ";\n white-space: pre-wrap;\n width: 100%;\n word-break: break-word;\n\n ", "\n\n & pre {\n white-space: pre-wrap;\n }\n\n div,\n p {\n overflow: hidden;\n }\n\n a {\n color: ", ";\n }\n\n img {\n max-width: 100%;\n height: auto;\n }\n\n figure {\n margin: 0;\n max-width: 100%;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n\n blockquote {\n border-left: 4px solid ", ";\n margin: 4px;\n padding: 4px;\n\n p {\n font-style: oblique;\n margin: 0;\n }\n }\n\n iframe {\n border: none;\n }\n\n ", ";\n\n ", ";\n\n ", "\n"])), function (_a) {
189
189
  var theme = _a.theme;
190
190
  return theme.ui_temp_grey_01;
191
191
  }, function (_a) {
package/dist/src/sub/DynamicLayout/components/mobile/Item/Item.js CHANGED
@@ -182,7 +182,7 @@ function HTMLReader(_a) {
182
182
  }, [data]);
183
183
  return ((0, jsx_runtime_1.jsx)(S_Content, { ref: contentRef, styleTheme: styleTheme, colorTheme: colorTheme, color: color, textAlign: textAlign, isPreview: isPreview !== null && isPreview !== void 0 ? isPreview : mode === 'PREVIEW' }));
184
184
  }
185
- var S_Content = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n color: ", ";\n line-height: 1.5;\n text-align: ", ";\n white-space: pre-wrap;\n width: 100%;\n word-break: break-word;\n\n ", "\n\n a {\n color: ", ";\n }\n\n img {\n max-width: 100%;\n height: auto;\n }\n\n figure {\n margin: 0;\n max-width: 100%;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n\n blockquote {\n border-left: 4px solid ", ";\n margin: 4px;\n padding: 4px;\n\n p {\n font-style: oblique;\n margin: 0;\n }\n }\n\n ", ";\n\n ", ";\n\n ", "\n"], ["\n color: ", ";\n line-height: 1.5;\n text-align: ", ";\n white-space: pre-wrap;\n width: 100%;\n word-break: break-word;\n\n ", "\n\n a {\n color: ", ";\n }\n\n img {\n max-width: 100%;\n height: auto;\n }\n\n figure {\n margin: 0;\n max-width: 100%;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n\n blockquote {\n border-left: 4px solid ", ";\n margin: 4px;\n padding: 4px;\n\n p {\n font-style: oblique;\n margin: 0;\n }\n }\n\n ", ";\n\n ", ";\n\n ", "\n"])), function (_a) {
185
+ var S_Content = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n color: ", ";\n line-height: 1.5;\n text-align: ", ";\n white-space: pre-wrap;\n width: 100%;\n word-break: break-word;\n\n ", "\n\n & pre {\n white-space: pre-wrap;\n }\n\n div,\n p {\n overflow: hidden;\n }\n\n a {\n color: ", ";\n }\n\n img {\n max-width: 100%;\n height: auto;\n }\n\n figure {\n margin: 0;\n max-width: 100%;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n\n blockquote {\n border-left: 4px solid ", ";\n margin: 4px;\n padding: 4px;\n\n p {\n font-style: oblique;\n margin: 0;\n }\n }\n\n iframe {\n border: none;\n }\n\n ", ";\n\n ", ";\n\n ", "\n"], ["\n color: ", ";\n line-height: 1.5;\n text-align: ", ";\n white-space: pre-wrap;\n width: 100%;\n word-break: break-word;\n\n ", "\n\n & pre {\n white-space: pre-wrap;\n }\n\n div,\n p {\n overflow: hidden;\n }\n\n a {\n color: ", ";\n }\n\n img {\n max-width: 100%;\n height: auto;\n }\n\n figure {\n margin: 0;\n max-width: 100%;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n\n blockquote {\n border-left: 4px solid ", ";\n margin: 4px;\n padding: 4px;\n\n p {\n font-style: oblique;\n margin: 0;\n }\n }\n\n iframe {\n border: none;\n }\n\n ", ";\n\n ", ";\n\n ", "\n"])), function (_a) {
186
186
  var theme = _a.theme;
187
187
  return theme.ui_temp_grey_01;
188
188
  }, function (_a) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "2.2.6",
3
+ "version": "2.2.7",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,8 +1,8 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v2.2.6]
2
+ ## [v2.2.7]
3
3
  ## daily|https://design.storybook.publ.biz/
4
4
 
5
5
  ### sub
6
6
  * DynamicLayout - custom section
7
7
  * RichText CB
8
- * width: 100%;로 부여되어 있던 부분을 max-width: 100%;로 변경하여 이미지가 늘어나게 표시되지 않도록 조치
8
+ * pre 태그의 white-space를 pre-wrap으로 부여