pds-dev-kit-web 1.3.13 → 1.3.14

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.
@@ -34,9 +34,6 @@ var TextLabel_1 = require("../TextLabel");
34
34
  // textColorKey?: string;
35
35
  // baseColorKey?: string;
36
36
  // borderColorKey?: string;
37
- // NOTE : PDS 문서 1.2 버전에서 업데이트 예정인 props
38
- // displayType?: 'icon_only' | 'text_only' | 'icon_text';
39
- // state?: 'normal' | 'disabled';
40
37
  function FloatingActionButton(_a) {
41
38
  var text = _a.text, _b = _a.displayType, displayType = _b === void 0 ? 'icon_text' : _b, _c = _a.size, size = _c === void 0 ? 'large' : _c, _d = _a.fontWeight, fontWeight = _d === void 0 ? 'bold' : _d, _e = _a.iconFillType, iconFillType = _e === void 0 ? 'line' : _e, iconName = _a.iconName, _f = _a.colorTheme, colorTheme = _f === void 0 ? 'none' : _f, _g = _a.state, state = _g === void 0 ? 'normal' : _g, onClick = _a.onClick, onMouseDown = _a.onMouseDown;
42
39
  var handleClick = function () {
@@ -71,9 +68,12 @@ var disabled = (0, styled_components_1.css)(templateObject_3 || (templateObject_
71
68
  var theme = _a.theme;
72
69
  return theme.ui_cpnt_button_fill_base_disabled;
73
70
  });
74
- var floatingActionButtonStyle = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n border: none;\n bottom: 24px;\n cursor: ", ";\n display: flex;\n justify-content: center;\n position: fixed;\n right: 24px;\n /* NOTE : \uB808\uC774\uC5B4 \uB3C4\uC785 \uD6C4 \uC81C\uAC70\uB420 \uAC00\uB2A5\uC131 \uB18D\uD6C4 */\n z-index: 101;\n\n &:focus {\n outline: none;\n }\n\n &:hover:enabled {\n ", "\n }\n\n &:active:enabled {\n ", "\n }\n\n ", "\n"], ["\n align-items: center;\n background-color: ", ";\n border: none;\n bottom: 24px;\n cursor: ", ";\n display: flex;\n justify-content: center;\n position: fixed;\n right: 24px;\n /* NOTE : \uB808\uC774\uC5B4 \uB3C4\uC785 \uD6C4 \uC81C\uAC70\uB420 \uAC00\uB2A5\uC131 \uB18D\uD6C4 */\n z-index: 101;\n\n &:focus {\n outline: none;\n }\n\n &:hover:enabled {\n ", "\n }\n\n &:active:enabled {\n ", "\n }\n\n ", "\n"])), function (_a) {
71
+ var floatingActionButtonStyle = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n border: none;\n bottom: 24px;\n box-shadow: ", ";\n cursor: ", ";\n display: flex;\n justify-content: center;\n position: fixed;\n right: 24px;\n /* NOTE : \uB808\uC774\uC5B4 \uB3C4\uC785 \uD6C4 \uC81C\uAC70\uB420 \uAC00\uB2A5\uC131 \uB18D\uD6C4 */\n z-index: 101;\n\n &:focus {\n outline: none;\n }\n\n &:hover:enabled {\n ", "\n }\n\n &:active:enabled {\n ", "\n }\n\n ", "\n"], ["\n align-items: center;\n background-color: ", ";\n border: none;\n bottom: 24px;\n box-shadow: ", ";\n cursor: ", ";\n display: flex;\n justify-content: center;\n position: fixed;\n right: 24px;\n /* NOTE : \uB808\uC774\uC5B4 \uB3C4\uC785 \uD6C4 \uC81C\uAC70\uB420 \uAC00\uB2A5\uC131 \uB18D\uD6C4 */\n z-index: 101;\n\n &:focus {\n outline: none;\n }\n\n &:hover:enabled {\n ", "\n }\n\n &:active:enabled {\n ", "\n }\n\n ", "\n"])), function (_a) {
75
72
  var theme = _a.theme;
76
73
  return theme.ui_cpnt_button_fill_base_primary;
74
+ }, function (_a) {
75
+ var theme = _a.theme;
76
+ return theme.boxShadow.elevation3;
77
77
  }, function (_a) {
78
78
  var state = _a.state;
79
79
  return (state === 'normal' ? 'pointer' : 'default');
@@ -65,6 +65,6 @@ var S_TopPageMenuArea = styled_components_1.default.div(templateObject_3 || (tem
65
65
  var areaLine = _a.areaLine;
66
66
  return areaLine && areaLineStyle;
67
67
  });
68
- var S_TopPageMenuContent = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n min-height: 64px;\n"], ["\n min-height: 64px;\n"])));
68
+ var S_TopPageMenuContent = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n min-height: 48px;\n"], ["\n min-height: 48px;\n"])));
69
69
  exports.default = TopPageMenu;
70
70
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "1.3.13",
3
+ "version": "1.3.14",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -2,11 +2,8 @@
2
2
  ## [v1.3.13]
3
3
 
4
4
  ### Layout
5
- * WS
6
- * LayoutWS우측부분이 너비를 제대로 잡을 수 있도록 수정 (width: 100%; -> flex: 1; overflow: hidden;)
5
+ * WT
6
+ * TopPageMenumin-height를 64px에서 48px로 수정
7
7
  ### Component
8
- * D_AdminListItem
9
- * 컬럼에 overflow: auto; 추가 (내용의 길이가 길어지면 타 칼럼을 침범하는 경우가 있음)
10
- * rowSize가 high일때 깨지는 부분 해결
11
- * D_ TextLabel
12
- * tooltipText 사용시 뜨는 아이콘의 fillType과 color 수정
8
+ * FloatingActionButton
9
+ * elevation-3 수준의 box-shadow추가