pds-dev-kit-web 0.6.10 → 0.6.11

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 (4) hide show
  1. package/dist/src/desktop/components/FloatingActionButton/FloatingActionButton.js +6 -13
  2. package/dist/src/mobile/components/MobileHeaderBar/MobileHeaderBar.js +1 -0
  3. package/package.json +1 -1
  4. package/release-note.md +6 -4
package/dist/src/desktop/components/FloatingActionButton/FloatingActionButton.js CHANGED
@@ -38,7 +38,7 @@ var TextLabel_1 = require("../TextLabel");
38
38
  // displayType?: 'icon_only' | 'text_only' | 'icon_text';
39
39
  // state?: 'normal' | 'disabled';
40
40
  function FloatingActionButton(_a) {
41
- var text = _a.text, _b = _a.displayType, displayType = _b === void 0 ? 'icon_text' : _b, _c = _a.size, size = _c === void 0 ? 'large' : _c, fontWeight = _a.fontWeight, _d = _a.iconFillType, iconFillType = _d === void 0 ? 'line' : _d, iconName = _a.iconName, _e = _a.colorTheme, colorTheme = _e === void 0 ? 'none' : _e, _f = _a.state, state = _f === void 0 ? 'normal' : _f, onClick = _a.onClick, onMouseDown = _a.onMouseDown;
41
+ 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
42
  var handleClick = function () {
43
43
  if (onClick) {
44
44
  onClick();
@@ -56,14 +56,14 @@ function FloatingActionButton(_a) {
56
56
  return 'ui_cpnt_button_icon_on_primary';
57
57
  };
58
58
  return (react_1.default.createElement(react_1.default.Fragment, null,
59
- displayType === 'icon_only' && (react_1.default.createElement(S_ButtonIconOnly, { size: size, fontWeight: fontWeight, colorTheme: colorTheme, state: state, disabled: state === 'disabled', onClick: handleClick, onMouseDown: handleMouseDown },
59
+ displayType === 'icon_only' && (react_1.default.createElement(S_ButtonIconOnly, { size: size, colorTheme: colorTheme, state: state, disabled: state === 'disabled', onClick: handleClick, onMouseDown: handleMouseDown },
60
60
  react_1.default.createElement(hybrid_1.Icon, { iconName: iconName, size: size === 'large' ? 20 : 24, colorKey: iconColor(), fillType: iconFillType }))),
61
- displayType !== 'icon_only' && (react_1.default.createElement(S_Button, { size: size, fontWeight: fontWeight, colorTheme: colorTheme, state: state, disabled: state === 'disabled', onClick: handleClick, onMouseDown: handleMouseDown },
62
- displayType === 'text_only' && (react_1.default.createElement(TextLabel_1.TextLabel, { text: text, styleTheme: "body1Bold", singleLineMode: "use", colorTheme: state === 'disabled' ? 'sysTextTertiary' : 'usrTextBrandOnPrimary', colorOverride: state === 'disabled' ? 'ui_cpnt_button_text_darktheme_disabled' : undefined })),
61
+ displayType !== 'icon_only' && (react_1.default.createElement(S_Button, { size: size, colorTheme: colorTheme, state: state, disabled: state === 'disabled', onClick: handleClick, onMouseDown: handleMouseDown },
62
+ displayType === 'text_only' && (react_1.default.createElement(TextLabel_1.TextLabel, { text: text, styleTheme: fontWeight === 'regular' ? 'body1Regular' : 'body1Bold', singleLineMode: "use", colorTheme: state === 'disabled' ? 'sysTextTertiary' : 'usrTextBrandOnPrimary', colorOverride: state === 'disabled' ? 'ui_cpnt_button_text_darktheme_disabled' : undefined })),
63
63
  displayType === 'icon_text' && (react_1.default.createElement(react_1.default.Fragment, null,
64
64
  react_1.default.createElement(hybrid_1.Icon, { iconName: iconName, size: 20, colorKey: iconColor(), fillType: iconFillType }),
65
65
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }),
66
- react_1.default.createElement(TextLabel_1.TextLabel, { text: text, styleTheme: "body1Bold", singleLineMode: "use", colorTheme: state === 'disabled' ? 'sysTextTertiary' : 'usrTextBrandOnPrimary', colorOverride: state === 'disabled' ? 'ui_cpnt_button_text_darktheme_disabled' : undefined })))))));
66
+ react_1.default.createElement(TextLabel_1.TextLabel, { text: text, styleTheme: fontWeight === 'regular' ? 'body1Regular' : 'body1Bold', singleLineMode: "use", colorTheme: state === 'disabled' ? 'sysTextTertiary' : 'usrTextBrandOnPrimary', colorOverride: state === 'disabled' ? 'ui_cpnt_button_text_darktheme_disabled' : undefined })))))));
67
67
  }
68
68
  var large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: 24px;\n height: 48px;\n width: 48px;\n"], ["\n border-radius: 24px;\n height: 48px;\n width: 48px;\n"])));
69
69
  var xlarge = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-radius: 32px;\n height: 64px;\n width: 64px;\n"], ["\n border-radius: 32px;\n height: 64px;\n width: 64px;\n"])));
@@ -71,7 +71,7 @@ var disabled = (0, styled_components_1.css)(templateObject_3 || (templateObject_
71
71
  var theme = _a.theme;
72
72
  return theme.ui_cpnt_button_fill_base_disabled;
73
73
  });
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 & > div {\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\n & > div {\n ", ";\n }\n"])), function (_a) {
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) {
75
75
  var theme = _a.theme;
76
76
  return theme.ui_cpnt_button_fill_base_primary;
77
77
  }, function (_a) {
@@ -86,13 +86,6 @@ var floatingActionButtonStyle = (0, styled_components_1.css)(templateObject_4 ||
86
86
  }, function (_a) {
87
87
  var state = _a.state;
88
88
  return state === 'disabled' && disabled;
89
- }, function (_a) {
90
- var theme = _a.theme, fontWeight = _a.fontWeight;
91
- return fontWeight &&
92
- {
93
- bold: "font-weight: " + theme.fontWeight.bold,
94
- regular: "font-weight: " + theme.fontWeight.normal
95
- }[fontWeight];
96
89
  });
97
90
  var S_ButtonIconOnly = styled_components_1.default.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n padding: none;\n ", ";\n ", ";\n"], ["\n padding: none;\n ", ";\n ", ";\n"])), floatingActionButtonStyle, function (_a) {
98
91
  var size = _a.size;
package/dist/src/mobile/components/MobileHeaderBar/MobileHeaderBar.js CHANGED
@@ -79,6 +79,7 @@ function MobileHeaderBar(_a) {
79
79
  react_1.default.createElement(S_ButtonWrapper, null,
80
80
  titleType === 'profile' && react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_a" }),
81
81
  leftIcon()),
82
+ displayType === 'ibtn_amount2' && react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_g", spacingType: "width" }),
82
83
  react_1.default.createElement(S_Title, null, title()),
83
84
  react_1.default.createElement(S_ButtonWrapper, null,
84
85
  titleType === 'profile' && react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_a" }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "0.6.10",
3
+ "version": "0.6.11",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,6 +1,8 @@
1
1
  # UW Release Notes
2
- ## [v0.6.10]
2
+ ## [v0.6.11]
3
3
 
4
- ### Layout
5
- * WT
6
- * ContainerBox에 WTO_1, WTP_1을 위해 부여했던 css 조건 관련 수정 (WTA에 영향을 주던 부분 수정)
4
+ ### Component
5
+ * FloatingActionButton
6
+ * fontWeight의 default value를 bold로 부여 (기획서와 싱크 맞춤)
7
+ * MobileHeaderBar
8
+ * displayType이 ibtn_amount2일때, 좌측에 빈공간을 하나 더 추가 (MobileHeaderBar에서 우측에 버튼이 2개일때 title이 중앙에 위치하지 않고 좌측으로 치우치는 문제를 해결)