pds-dev-kit-web 2.2.113 → 2.2.114

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 (7) hide show
  1. package/dist/src/desktop/components/DesktopAlertDialog/DesktopAlertDialog.js +9 -10
  2. package/dist/src/desktop/components/TextButton/TextButton.js +5 -5
  3. package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSJ.js +2 -2
  4. package/dist/src/sub/AdminList/ToolBar/SearchField.js +2 -2
  5. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/IframeDenied.js +1 -1
  6. package/package.json +6 -7
  7. package/release-note.md +3 -2
package/dist/src/desktop/components/DesktopAlertDialog/DesktopAlertDialog.js CHANGED
@@ -53,7 +53,7 @@ function DesktopAlertDialog(_a) {
53
53
  var btn3Mode = ['tbtn_amount3'];
54
54
  var icon = function () {
55
55
  if (iconMode !== 'none') {
56
- return ((0, jsx_runtime_1.jsxs)(S_IconWrapper, { children: [iconMode === 'success' && ((0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_success", size: 72, colorKey: "ui_cpnt_alertdialog_icon_success" })), iconMode === 'error' && ((0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_error", size: 72, colorKey: "ui_cpnt_alertdialog_icon_error" })), iconMode === 'warning' && ((0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_warning", size: 72, colorKey: "ui_cpnt_alertdialog_icon_warning" })), iconMode === 'information' && ((0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_information", size: 72, colorKey: "ui_cpnt_alertdialog_icon_information" }))] }));
56
+ return ((0, jsx_runtime_1.jsxs)("div", { children: [iconMode === 'success' && ((0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_success", size: 72, colorKey: "ui_cpnt_alertdialog_icon_success" })), iconMode === 'error' && ((0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_error", size: 72, colorKey: "ui_cpnt_alertdialog_icon_error" })), iconMode === 'warning' && ((0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_warning", size: 72, colorKey: "ui_cpnt_alertdialog_icon_warning" })), iconMode === 'information' && ((0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_information", size: 72, colorKey: "ui_cpnt_alertdialog_icon_information" }))] }));
57
57
  }
58
58
  };
59
59
  return react_dom_1.default.createPortal((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_ModalOverlay, {}), (0, jsx_runtime_1.jsxs)(S_ModalWrapper, __assign({ "x-pds-name": "DesktopAlertDialog", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [(0, jsx_runtime_1.jsxs)(S_UpperBox, { children: [icon(), iconMode !== 'none' && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d", spacingType: "width" }), (0, jsx_runtime_1.jsxs)(S_TextBox, { children: [titleText && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, colorTheme: "sysTextPrimary", styleTheme: "leadParaBold" })), titleText && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c" }), contentText && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: contentText, colorTheme: "sysTextPrimary", styleTheme: "body1Regular" }))] })] }), (0, jsx_runtime_1.jsxs)(S_Footer, { children: [btn3Mode.includes(btnMode) && tBtn3Text && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: tBtn3Text, state: tBtn3State, type: tBtn3Type, size: "large", onClick: onClickTBtn3, colorTheme: "grey_01" })), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }), btn2Mode.includes(btnMode) && tBtn2Text && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: tBtn2Text, state: tBtn2State, type: tBtn2Type, size: "large", onClick: onClickTBtn2, colorTheme: "grey_01" })), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }), btn1Mode.includes(btnMode) && tBtn1Text && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: tBtn1Text, state: tBtn1State, type: tBtn1Type, size: "large", onClick: onClickTBtn1, onKeyDown: function (e) { return handleKeyDown(e); } }))] })] }))] }), container);
@@ -62,13 +62,12 @@ var S_UpperBox = styled_components_1.default.div(templateObject_1 || (templateOb
62
62
  var theme = _a.theme;
63
63
  return theme.spacing.spacingE;
64
64
  });
65
- var S_IconWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
66
- var S_TextBox = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
67
- var S_ModalOverlay = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n height: 100vh;\n left: 0;\n position: fixed;\n top: 0;\n width: 100vw;\n\n ", "\n"], ["\n background-color: ", ";\n height: 100vh;\n left: 0;\n position: fixed;\n top: 0;\n width: 100vw;\n\n ", "\n"])), function (_a) {
65
+ var S_TextBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
66
+ var S_ModalOverlay = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n height: 100vh;\n left: 0;\n position: fixed;\n top: 0;\n width: 100vw;\n\n ", "\n"], ["\n background-color: ", ";\n height: 100vh;\n left: 0;\n position: fixed;\n top: 0;\n width: 100vw;\n\n ", "\n"])), function (_a) {
68
67
  var theme = _a.theme;
69
68
  return theme.ui_cpnt_alertdialog_dimmed;
70
69
  }, animationStyle_1.dialogOverlayOnAni);
71
- var S_ModalWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 24px;\n box-shadow: ", ";\n box-sizing: border-box;\n left: 50%;\n max-width: 560px;\n min-width: 480px;\n position: fixed;\n top: 50%;\n transform: translate(-50%, -50%);\n width: auto;\n\n ", "\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 24px;\n box-shadow: ", ";\n box-sizing: border-box;\n left: 50%;\n max-width: 560px;\n min-width: 480px;\n position: fixed;\n top: 50%;\n transform: translate(-50%, -50%);\n width: auto;\n\n ", "\n"])), function (_a) {
70
+ var S_ModalWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 24px;\n box-shadow: ", ";\n box-sizing: border-box;\n left: 50%;\n max-width: 560px;\n min-width: 480px;\n position: fixed;\n top: 50%;\n transform: translate(-50%, -50%);\n width: auto;\n\n ", "\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 24px;\n box-shadow: ", ";\n box-sizing: border-box;\n left: 50%;\n max-width: 560px;\n min-width: 480px;\n position: fixed;\n top: 50%;\n transform: translate(-50%, -50%);\n width: auto;\n\n ", "\n"])), function (_a) {
72
71
  var theme = _a.theme;
73
72
  return theme.ui_cpnt_alertdialog_base;
74
73
  }, function (_a) {
@@ -78,18 +77,18 @@ var S_ModalWrapper = styled_components_1.default.div(templateObject_5 || (templa
78
77
  var theme = _a.theme;
79
78
  return theme.boxShadow.elevation5;
80
79
  }, animationStyle_1.dialogOnAni);
81
- var S_Footer = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n justify-content: flex-end;\n\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n"], ["\n align-items: center;\n display: flex;\n justify-content: flex-end;\n\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n"])), function (_a) {
80
+ var S_Footer = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n justify-content: flex-end;\n padding: ", " ", "\n ", " ", ";\n"], ["\n align-items: center;\n display: flex;\n justify-content: flex-end;\n padding: ", " ", "\n ", " ", ";\n"])), function (_a) {
82
81
  var theme = _a.theme;
83
- return theme.spacing.spacingD;
82
+ return theme.spacing.spacingC;
84
83
  }, function (_a) {
85
84
  var theme = _a.theme;
86
- return theme.spacing.spacingE;
85
+ return theme.spacing.spacingD;
87
86
  }, function (_a) {
88
87
  var theme = _a.theme;
89
88
  return theme.spacing.spacingD;
90
89
  }, function (_a) {
91
90
  var theme = _a.theme;
92
- return theme.spacing.spacingC;
91
+ return theme.spacing.spacingE;
93
92
  });
94
93
  exports.default = DesktopAlertDialog;
95
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
94
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
package/dist/src/desktop/components/TextButton/TextButton.js CHANGED
@@ -90,35 +90,35 @@ function TextButton(_a) {
90
90
  };
91
91
  return ((0, jsx_runtime_1.jsx)(S_Button, __assign({ ref: buttonRef, "x-pds-name": "TextButton", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, rest, { size: size, responsiveMode: responsiveMode, onClick: handleClick, onKeyDown: onKeyDown, type: type, fontWeight: fontWeight, disabled: state === 'disabled', state: state, colorTheme: colorTheme }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: text, styleTheme: textStyle[size], colorTheme: state === 'disabled' ? 'sysTextTertiary' : textColor[colorTheme], singleLineMode: "use", ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" }) })));
92
92
  }
93
- var large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: 14px;\n height: 48px;\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"], ["\n border-radius: 14px;\n height: 48px;\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"])), function (_a) {
93
+ var large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: 14px;\n height: 48px;\n\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"], ["\n border-radius: 14px;\n height: 48px;\n\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"])), function (_a) {
94
94
  var size = _a.size;
95
95
  return size === 'rlarge' && 'width: 100%';
96
96
  });
97
97
  var medium = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-radius: 14px;\n height: 40px;\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"], ["\n border-radius: 14px;\n height: 40px;\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"])));
98
98
  var small = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border-radius: 10px;\n height: 32px;\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"], ["\n border-radius: 10px;\n height: 32px;\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"])));
99
99
  var xsmall = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n border-radius: 8px;\n height: 24px;\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"], ["\n border-radius: 8px;\n height: 24px;\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"])));
100
- var colorThemeDefault = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n &:hover:enabled {\n background-color: ", ";\n }\n &:active:enabled {\n background-color: ", ";\n }\n"], ["\n &:hover:enabled {\n background-color: ", ";\n }\n &:active:enabled {\n background-color: ", ";\n }\n"])), function (_a) {
100
+ var colorThemeDefault = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n &:hover:enabled {\n background-color: ", ";\n }\n\n &:active:enabled {\n background-color: ", ";\n }\n"], ["\n &:hover:enabled {\n background-color: ", ";\n }\n\n &:active:enabled {\n background-color: ", ";\n }\n"])), function (_a) {
101
101
  var theme = _a.theme;
102
102
  return theme.ui_cpnt_button_line_base_hover;
103
103
  }, function (_a) {
104
104
  var theme = _a.theme;
105
105
  return theme.ui_cpnt_button_line_base_pressed;
106
106
  });
107
- var colorThemeWhite = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n &:hover:enabled {\n background-color: ", ";\n }\n &:active:enabled {\n background-color: ", ";\n }\n"], ["\n &:hover:enabled {\n background-color: ", ";\n }\n &:active:enabled {\n background-color: ", ";\n }\n"])), function (_a) {
107
+ var colorThemeWhite = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n &:hover:enabled {\n background-color: ", ";\n }\n\n &:active:enabled {\n background-color: ", ";\n }\n"], ["\n &:hover:enabled {\n background-color: ", ";\n }\n\n &:active:enabled {\n background-color: ", ";\n }\n"])), function (_a) {
108
108
  var theme = _a.theme;
109
109
  return theme.ui_cpnt_button_white_base_hover;
110
110
  }, function (_a) {
111
111
  var theme = _a.theme;
112
112
  return theme.ui_cpnt_button_white_base_pressed;
113
113
  });
114
- var colorThemeWhite2 = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n &:hover:enabled {\n background-color: ", ";\n }\n &:active:enabled {\n background-color: ", ";\n }\n"], ["\n &:hover:enabled {\n background-color: ", ";\n }\n &:active:enabled {\n background-color: ", ";\n }\n"])), function (_a) {
114
+ var colorThemeWhite2 = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n &:hover:enabled {\n background-color: ", ";\n }\n\n &:active:enabled {\n background-color: ", ";\n }\n"], ["\n &:hover:enabled {\n background-color: ", ";\n }\n\n &:active:enabled {\n background-color: ", ";\n }\n"])), function (_a) {
115
115
  var theme = _a.theme;
116
116
  return theme.ui_cpnt_textbutton_white_variation_base_hover;
117
117
  }, function (_a) {
118
118
  var theme = _a.theme;
119
119
  return theme.ui_cpnt_textbutton_white_variation_base_pressed;
120
120
  });
121
- var S_Button = styled_components_1.default.button(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n align-items: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n cursor: ", ";\n display: flex;\n justify-content: center;\n padding-left: 8px;\n padding-right: 8px;\n\n ", "\n\n ", ";\n\n ", ";\n\n & > div {\n ", ";\n }\n ", ";\n"], ["\n align-items: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n cursor: ", ";\n display: flex;\n justify-content: center;\n padding-left: 8px;\n padding-right: 8px;\n\n ", "\n\n ", ";\n\n ", ";\n\n & > div {\n ", ";\n }\n ", ";\n"])), function (_a) {
121
+ var S_Button = styled_components_1.default.button(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n align-items: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n cursor: ", ";\n display: flex;\n justify-content: center;\n padding-left: 8px;\n padding-right: 8px;\n\n ", "\n\n ", ";\n\n ", ";\n\n & > div {\n ", ";\n }\n\n ", ";\n"], ["\n align-items: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n cursor: ", ";\n display: flex;\n justify-content: center;\n padding-left: 8px;\n padding-right: 8px;\n\n ", "\n\n ", ";\n\n ", ";\n\n & > div {\n ", ";\n }\n\n ", ";\n"])), function (_a) {
122
122
  var state = _a.state;
123
123
  return (state === 'normal' ? 'pointer' : 'default');
124
124
  }, transitionStyle_1.ButtonTransition, function (_a) {
package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSJ.js CHANGED
@@ -50,14 +50,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
50
50
  var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
51
51
  return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
52
52
  });
53
- var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n box-sizing: border-box;\n height: 100%;\n min-width: 960px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n ", "\n"], ["\n background-color: ", ";\n box-sizing: border-box;\n height: 100%;\n min-width: 960px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n ", "\n"])), function (_a) {
53
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n box-sizing: border-box;\n height: 100%;\n min-width: 960px;\n overflow-x: hidden;\n overflow-y: auto;\n\n ", ";\n\n ", "\n\n ", "\n"], ["\n background-color: ", ";\n box-sizing: border-box;\n height: 100%;\n min-width: 960px;\n overflow-x: hidden;\n overflow-y: auto;\n\n ", ";\n\n ", "\n\n ", "\n"])), function (_a) {
54
54
  var theme = _a.theme;
55
55
  return theme.ui_contentscontainer01_background;
56
56
  }, function (_a) {
57
57
  var containerColor = _a.containerColor;
58
58
  return "background-color: ".concat(containerColor);
59
59
  }, scrollbarStyle_1.scrollbarStyle, overrideStyleContainer1);
60
- var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-sizing: border-box;\n min-width: 912px;\n padding-bottom: 88px;\n ", ";\n"], ["\n box-sizing: border-box;\n min-width: 912px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
60
+ var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-sizing: border-box;\n min-width: 912px;\n padding-bottom: 88px;\n\n ", ";\n"], ["\n box-sizing: border-box;\n min-width: 912px;\n padding-bottom: 88px;\n\n ", ";\n"])), function (_a) {
61
61
  var areaColor = _a.areaColor;
62
62
  return "background-color: ".concat(areaColor);
63
63
  });
package/dist/src/sub/AdminList/ToolBar/SearchField.js CHANGED
@@ -113,7 +113,7 @@ var medium = (0, styled_components_1.css)(templateObject_5 || (templateObject_5
113
113
  var theme = _a.theme;
114
114
  return theme.spacing.spacingB;
115
115
  });
116
- var large = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 48px;\n padding-right: ", ";\n width: 432px;\n ", "\n ", "\n"], ["\n height: 48px;\n padding-right: ", ";\n width: 432px;\n ", "\n ", "\n"])), function (_a) {
116
+ var large = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 48px;\n padding-right: ", ";\n width: 432px;\n\n ", "\n\n ", "\n"], ["\n height: 48px;\n padding-right: ", ";\n width: 432px;\n\n ", "\n\n ", "\n"])), function (_a) {
117
117
  var theme = _a.theme;
118
118
  return theme.spacing.spacingB;
119
119
  }, function (_a) {
@@ -225,7 +225,7 @@ var backgroundActiveColor = (0, styled_components_1.css)(templateObject_17 || (t
225
225
  }
226
226
  });
227
227
  var normalActionColor = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n"], ["\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n"])), backgroundHoverColor, backgroundActiveColor);
228
- var S_SearchFieldWrapper = styled_components_1.default.div(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n align-items: center;\n border-radius: 14px;\n box-sizing: border-box;\n cursor: ", ";\n display: flex;\n ", ";\n ", ";\n\n ", "\n\n ", "\n\n ", ";\n ", "\n"], ["\n align-items: center;\n border-radius: 14px;\n box-sizing: border-box;\n cursor: ", ";\n display: flex;\n ", ";\n ", ";\n\n ", "\n\n ", "\n\n ", ";\n ", "\n"])), function (_a) {
228
+ var S_SearchFieldWrapper = styled_components_1.default.div(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n align-items: center;\n border-radius: 14px;\n box-sizing: border-box;\n cursor: ", ";\n display: flex;\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n\n ", ";\n\n ", "\n"], ["\n align-items: center;\n border-radius: 14px;\n box-sizing: border-box;\n cursor: ", ";\n display: flex;\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n\n ", ";\n\n ", "\n"])), function (_a) {
229
229
  var state = _a.state;
230
230
  return (state === 'disabled' ? 'not-allowed' : 'text');
231
231
  }, function (_a) {
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/IframeDenied.js CHANGED
@@ -16,6 +16,6 @@ function IframeDenied() {
16
16
  var t = (0, react_i18next_1.useTranslation)().t;
17
17
  return ((0, jsx_runtime_1.jsx)(S_Denied, { children: (0, jsx_runtime_1.jsx)(components_1.D_TextLabel, { text: t('str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info'), styleTheme: "caption1Regular", colorTheme: "sysTextSecondary", textAlign: "center" }) }));
18
18
  }
19
- var S_Denied = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n background-color: #dddddd;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 100%;\n"], ["\n align-items: center;\n background-color: #dddddd;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 100%;\n"])));
19
+ var S_Denied = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n background-color: #ddd;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 100%;\n"], ["\n align-items: center;\n background-color: #ddd;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 100%;\n"])));
20
20
  exports.default = IframeDenied;
21
21
  var templateObject_1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "2.2.113",
3
+ "version": "2.2.114",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
@@ -101,15 +101,14 @@
101
101
  "eslint-plugin-prettier": "^4.0.0",
102
102
  "eslint-plugin-react": "^7.24.0",
103
103
  "husky": "^8.0.3",
104
- "lint-staged": "^13.1.2",
104
+ "lint-staged": "^11.0.0",
105
+ "postcss-styled-components": "^0.2.1",
105
106
  "prettier": "^2.4.1",
106
107
  "react": "^17.0.2",
107
108
  "react-dom": "^17.0.2",
108
- "stylelint": "^13.13.1",
109
- "stylelint-config-prettier": "^8.0.2",
110
- "stylelint-config-standard": "^22.0.0",
111
- "stylelint-order": "^4.1.0",
112
- "stylelint-prettier": "^1.2.0",
109
+ "stylelint": "^15.0.0",
110
+ "stylelint-config-standard": "^30.0.0",
111
+ "stylelint-order": "^6.0.4",
113
112
  "ts-loader": "^8.4.0",
114
113
  "tsc-alias": "^1.8.3",
115
114
  "tsconfig-paths": "^4.1.2",
package/release-note.md CHANGED
@@ -1,6 +1,7 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v2.2.113]
2
+ ## [v2.2.114]
3
3
  ## daily|https://design.storybook.publ.biz/
4
4
 
5
5
  ### 업데이트 사항
6
- * [PDS-1261] 채팅 접기 아이콘 수정 건
6
+ * [CHORE] pipeline에서 sourcemap 제거와 메모리 옵션 구문 수정
7
+ * postcss-styled-components 추가