pds-dev-kit-web 2.2.280 → 2.2.281

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 (11) hide show
  1. package/dist/src/desktop/components/UserDesktopTabBar/UserDesktopTabBar.d.ts +1 -1
  2. package/dist/src/desktop/components/UserDesktopTabBar/UserDesktopTabBar.js +13 -3
  3. package/package.json +1 -1
  4. package/release-note.md +2 -2
  5. package/.idea/codeStyles/Project.xml +0 -59
  6. package/.idea/codeStyles/codeStyleConfig.xml +0 -5
  7. package/.idea/inspectionProfiles/Project_Default.xml +0 -7
  8. package/.idea/modules.xml +0 -8
  9. package/.idea/pds-dev-kit.iml +0 -12
  10. package/.idea/prettier.xml +0 -6
  11. package/.idea/vcs.xml +0 -6
package/dist/src/desktop/components/UserDesktopTabBar/UserDesktopTabBar.d.ts CHANGED
@@ -4,7 +4,7 @@ type TextObj = {
4
4
  path: string;
5
5
  title: PDSTextType;
6
6
  };
7
- type StyleTheme = 'main' | 'content' | 'content2';
7
+ type StyleTheme = 'main' | 'content' | 'content2' | 'content3';
8
8
  type UserDesktopTabBarProps = {
9
9
  itemArray?: PDSTabItemOption[];
10
10
  styleTheme?: StyleTheme;
package/dist/src/desktop/components/UserDesktopTabBar/UserDesktopTabBar.js CHANGED
@@ -59,6 +59,9 @@ function UserDesktopTabBar(_a) {
59
59
  if (styleTheme === 'content2') {
60
60
  return ((0, jsx_runtime_1.jsx)(S_TabWrapper, __assign({ isActive: item.isActive, styleTheme: "content2", text: item.title, onClick: function (e) { return handleClickTabItem_1(item, e); } }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: item.title, textAlign: "center", styleTheme: "leadParaBold", colorTheme: item.isActive ? 'usrTextBrandPrimary' : 'sysTextTertiary', singleLineMode: "use" }) }), index));
61
61
  }
62
+ if (styleTheme === 'content3') {
63
+ return ((0, jsx_runtime_1.jsx)(S_TabWrapper, __assign({ isActive: item.isActive, styleTheme: "content3", text: item.title, onClick: function (e) { return handleClickTabItem_1(item, e); } }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: item.title, textAlign: "center", styleTheme: "headingBold", colorTheme: item.isActive ? 'sysTextPrimary' : 'sysTextTertiary', singleLineMode: "use" }) }), index));
64
+ }
62
65
  return ((0, jsx_runtime_1.jsx)(S_TabWrapper, __assign({ isActive: item.isActive, styleTheme: styleTheme, text: item.title, onClick: function (e) { return handleClickTabItem_1(item, e); } }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: item.title, textAlign: "center", styleTheme: item.isActive ? 'body2Bold' : 'body2Regular', colorTheme: item.isActive ? 'usrTextBrandPrimary' : 'sysTextSecondary', singleLineMode: "use" }) }), index));
63
66
  }) })));
64
67
  }
@@ -88,6 +91,8 @@ var S_TabWrapper = styled_components_1.default.div(templateObject_2 || (template
88
91
  return contentStyle;
89
92
  case 'content2':
90
93
  return content2Style;
94
+ case 'content3':
95
+ return content3Style;
91
96
  default:
92
97
  return mainStyle;
93
98
  }
@@ -137,7 +142,11 @@ var content2Style = (0, styled_components_1.css)(templateObject_5 || (templateOb
137
142
  var isActive = _a.isActive;
138
143
  return isActive && "border-radius: 24px;";
139
144
  });
140
- var S_TabBar = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n align-items: ", ";\n background-color: ", ";\n border-bottom: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n height: ", ";\n justify-content: center;\n"], ["\n align-items: ", ";\n background-color: ", ";\n border-bottom: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n height: ", ";\n justify-content: center;\n"])), function (_a) {
145
+ var content3Style = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n align-items: center;\n cursor: pointer;\n display: flex;\n height: 48px;\n margin-right: ", ";\n position: relative;\n\n &:last-child {\n margin-right: 0;\n }\n"], ["\n align-items: center;\n cursor: pointer;\n display: flex;\n height: 48px;\n margin-right: ", ";\n position: relative;\n\n &:last-child {\n margin-right: 0;\n }\n"])), function (_a) {
146
+ var theme = _a.theme;
147
+ return theme.spacing.spacingE;
148
+ });
149
+ var S_TabBar = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n align-items: ", ";\n background-color: ", ";\n border-bottom: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n height: ", ";\n justify-content: center;\n"], ["\n align-items: ", ";\n background-color: ", ";\n border-bottom: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n height: ", ";\n justify-content: center;\n"])), function (_a) {
141
150
  var styleTheme = _a.styleTheme;
142
151
  return styleTheme === 'content2' && 'center';
143
152
  }, function (_a) {
@@ -145,7 +154,7 @@ var S_TabBar = styled_components_1.default.div(templateObject_6 || (templateObje
145
154
  return theme.ui_cpnt_tabbar_base_area;
146
155
  }, function (_a) {
147
156
  var styleTheme = _a.styleTheme, theme = _a.theme;
148
- return styleTheme !== 'content2' && "1px solid ".concat(theme.ui_cpnt_divider);
157
+ return !['content2', 'content3'].includes(styleTheme) && "1px solid ".concat(theme.ui_cpnt_divider);
149
158
  }, function (_a) {
150
159
  var styleTheme = _a.styleTheme;
151
160
  switch (styleTheme) {
@@ -153,9 +162,10 @@ var S_TabBar = styled_components_1.default.div(templateObject_6 || (templateObje
153
162
  return '64px';
154
163
  case 'content2':
155
164
  return '96px';
165
+ case 'content3':
156
166
  default:
157
167
  return '48px';
158
168
  }
159
169
  });
160
170
  exports.default = UserDesktopTabBar;
161
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
171
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "2.2.280",
3
+ "version": "2.2.281",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,7 +1,7 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v2.2.280]
2
+ ## [v2.2.281]
3
3
  ## daily|https://design.storybook.publ.biz/
4
4
 
5
5
  ### 업데이트 사항
6
6
 
7
- * 컬러키 업데이트
7
+ * [PDS-1397] UserDesktopTabBar에 styleTheme: content3 추가
package/.idea/codeStyles/Project.xml DELETED
@@ -1,59 +0,0 @@
1
- <component name="ProjectCodeStyleConfiguration">
2
- <code_scheme name="Project" version="173">
3
- <HTMLCodeStyleSettings>
4
- <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
5
- </HTMLCodeStyleSettings>
6
- <JSCodeStyleSettings version="0">
7
- <option name="FORCE_SEMICOLON_STYLE" value="true" />
8
- <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
9
- <option name="USE_DOUBLE_QUOTES" value="false" />
10
- <option name="FORCE_QUOTE_STYlE" value="true" />
11
- <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
12
- <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
13
- <option name="SPACES_WITHIN_IMPORTS" value="true" />
14
- </JSCodeStyleSettings>
15
- <TypeScriptCodeStyleSettings version="0">
16
- <option name="FORCE_SEMICOLON_STYLE" value="true" />
17
- <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
18
- <option name="USE_DOUBLE_QUOTES" value="false" />
19
- <option name="FORCE_QUOTE_STYlE" value="true" />
20
- <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
21
- <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
22
- <option name="SPACES_WITHIN_IMPORTS" value="true" />
23
- </TypeScriptCodeStyleSettings>
24
- <VueCodeStyleSettings>
25
- <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
26
- <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
27
- </VueCodeStyleSettings>
28
- <codeStyleSettings language="HTML">
29
- <option name="SOFT_MARGINS" value="100" />
30
- <indentOptions>
31
- <option name="INDENT_SIZE" value="2" />
32
- <option name="CONTINUATION_INDENT_SIZE" value="2" />
33
- <option name="TAB_SIZE" value="2" />
34
- </indentOptions>
35
- </codeStyleSettings>
36
- <codeStyleSettings language="JavaScript">
37
- <option name="SOFT_MARGINS" value="100" />
38
- <indentOptions>
39
- <option name="INDENT_SIZE" value="2" />
40
- <option name="CONTINUATION_INDENT_SIZE" value="2" />
41
- <option name="TAB_SIZE" value="2" />
42
- </indentOptions>
43
- </codeStyleSettings>
44
- <codeStyleSettings language="TypeScript">
45
- <option name="SOFT_MARGINS" value="100" />
46
- <indentOptions>
47
- <option name="INDENT_SIZE" value="2" />
48
- <option name="CONTINUATION_INDENT_SIZE" value="2" />
49
- <option name="TAB_SIZE" value="2" />
50
- </indentOptions>
51
- </codeStyleSettings>
52
- <codeStyleSettings language="Vue">
53
- <option name="SOFT_MARGINS" value="100" />
54
- <indentOptions>
55
- <option name="CONTINUATION_INDENT_SIZE" value="2" />
56
- </indentOptions>
57
- </codeStyleSettings>
58
- </code_scheme>
59
- </component>
package/.idea/codeStyles/codeStyleConfig.xml DELETED
@@ -1,5 +0,0 @@
1
- <component name="ProjectCodeStyleConfiguration">
2
- <state>
3
- <option name="USE_PER_PROJECT_SETTINGS" value="true" />
4
- </state>
5
- </component>
package/.idea/inspectionProfiles/Project_Default.xml DELETED
@@ -1,7 +0,0 @@
1
- <component name="InspectionProjectProfileManager">
2
- <profile version="1.0">
3
- <option name="myName" value="Project Default" />
4
- <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
5
- <inspection_tool class="Stylelint" enabled="true" level="ERROR" enabled_by_default="true" />
6
- </profile>
7
- </component>
package/.idea/modules.xml DELETED
@@ -1,8 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <project version="4">
3
- <component name="ProjectModuleManager">
4
- <modules>
5
- <module fileurl="file://$PROJECT_DIR$/.idea/pds-dev-kit.iml" filepath="$PROJECT_DIR$/.idea/pds-dev-kit.iml" />
6
- </modules>
7
- </component>
8
- </project>
package/.idea/pds-dev-kit.iml DELETED
@@ -1,12 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <module type="WEB_MODULE" version="4">
3
- <component name="NewModuleRootManager">
4
- <content url="file://$MODULE_DIR$">
5
- <excludeFolder url="file://$MODULE_DIR$/.tmp" />
6
- <excludeFolder url="file://$MODULE_DIR$/temp" />
7
- <excludeFolder url="file://$MODULE_DIR$/tmp" />
8
- </content>
9
- <orderEntry type="inheritedJdk" />
10
- <orderEntry type="sourceFolder" forTests="false" />
11
- </component>
12
- </module>
package/.idea/prettier.xml DELETED
@@ -1,6 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <project version="4">
3
- <component name="PrettierConfiguration">
4
- <option name="myConfigurationMode" value="AUTOMATIC" />
5
- </component>
6
- </project>
package/.idea/vcs.xml DELETED
@@ -1,6 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <project version="4">
3
- <component name="VcsDirectoryMappings">
4
- <mapping directory="" vcs="Git" />
5
- </component>
6
- </project>