pds-dev-kit-web-test 0.0.2 → 0.0.3

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 (12) hide show
  1. package/dist/src/common/styles/colorSet/SemanticColor.json +2 -1
  2. package/dist/src/common/styles/colorSet/index.d.ts +61 -60
  3. package/dist/src/common/styles/colorSet/index.js +2 -2
  4. package/dist/src/desktop/components/DesktopAlertDialog/DesktopAlertDialog.js +2 -2
  5. package/dist/src/desktop/components/TextButton/TextButton.js +1 -1
  6. package/dist/src/desktop/components/TextLabel/TextLabel.d.ts +3 -1
  7. package/dist/src/desktop/components/TextLabel/TextLabel.js +13 -4
  8. package/dist/src/mobile/components/MobileAlertDialog/MobileAlertDialog.js +2 -2
  9. package/dist/src/mobile/components/TextLabel/TextLabel.d.ts +3 -1
  10. package/dist/src/mobile/components/TextLabel/TextLabel.js +12 -3
  11. package/package.json +1 -1
  12. package/release-note.md +10 -7
package/dist/src/common/styles/colorSet/SemanticColor.json CHANGED
@@ -54,5 +54,6 @@
54
54
  "opacity50": "80",
55
55
  "grey30": "#f8f9fa",
56
56
  "opacity95": "F2",
57
- "darkgrey30": "#1d1d1e"
57
+ "darkgrey30": "#1d1d1e",
58
+ "opacity40": "66"
58
59
  }
package/dist/src/common/styles/colorSet/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  declare const colorSet: {
2
- readonly PaletteColor_Dark: {
2
+ readonly PaletteColor_light: {
3
3
  sys_container_background_01: string;
4
4
  sys_container_background_02: string;
5
5
  sys_container_background_03: string;
@@ -171,65 +171,7 @@ declare const colorSet: {
171
171
  sys_border_line_darktheme_06: string;
172
172
  sys_border_line_darktheme_07: string;
173
173
  };
174
- readonly SemanticColor: {
175
- blue500: string;
176
- blue700: string;
177
- blue300: string;
178
- green700: string;
179
- green500: string;
180
- green300: string;
181
- red500: string;
182
- grey900: string;
183
- grey500: string;
184
- grey400: string;
185
- grey100: string;
186
- grey50: string;
187
- white: string;
188
- black: string;
189
- darkblue500: string;
190
- grey950: string;
191
- darkgrey900: string;
192
- darkgrey500: string;
193
- darkgrey400: string;
194
- darkgrey100: string;
195
- darkgrey50: string;
196
- darkred500: string;
197
- darkgreen700: string;
198
- orange500: string;
199
- darkorange500: string;
200
- opacity00: string;
201
- opacity20: string;
202
- opacity30: string;
203
- opacity65: string;
204
- darkgreen500: string;
205
- grey70: string;
206
- navy500: string;
207
- lightgreen500: string;
208
- pink500: string;
209
- darkgrey70: string;
210
- darknavy500: string;
211
- darkpink500: string;
212
- darklightgreen500: string;
213
- opacity10: string;
214
- grey600: string;
215
- darkgrey600: string;
216
- skyblue500: string;
217
- skyblue300: string;
218
- pink300: string;
219
- lightpink500: string;
220
- darkblue300: string;
221
- darkblue700: string;
222
- darkgreen300: string;
223
- darkskyblue500: string;
224
- navy100: string;
225
- darknavy100: string;
226
- opacity80: string;
227
- opacity50: string;
228
- grey30: string;
229
- opacity95: string;
230
- darkgrey30: string;
231
- };
232
- readonly PaletteColor_light: {
174
+ readonly PaletteColor_Dark: {
233
175
  sys_container_background_01: string;
234
176
  sys_container_background_02: string;
235
177
  sys_container_background_03: string;
@@ -401,6 +343,65 @@ declare const colorSet: {
401
343
  sys_border_line_darktheme_06: string;
402
344
  sys_border_line_darktheme_07: string;
403
345
  };
346
+ readonly SemanticColor: {
347
+ blue500: string;
348
+ blue700: string;
349
+ blue300: string;
350
+ green700: string;
351
+ green500: string;
352
+ green300: string;
353
+ red500: string;
354
+ grey900: string;
355
+ grey500: string;
356
+ grey400: string;
357
+ grey100: string;
358
+ grey50: string;
359
+ white: string;
360
+ black: string;
361
+ darkblue500: string;
362
+ grey950: string;
363
+ darkgrey900: string;
364
+ darkgrey500: string;
365
+ darkgrey400: string;
366
+ darkgrey100: string;
367
+ darkgrey50: string;
368
+ darkred500: string;
369
+ darkgreen700: string;
370
+ orange500: string;
371
+ darkorange500: string;
372
+ opacity00: string;
373
+ opacity20: string;
374
+ opacity30: string;
375
+ opacity65: string;
376
+ darkgreen500: string;
377
+ grey70: string;
378
+ navy500: string;
379
+ lightgreen500: string;
380
+ pink500: string;
381
+ darkgrey70: string;
382
+ darknavy500: string;
383
+ darkpink500: string;
384
+ darklightgreen500: string;
385
+ opacity10: string;
386
+ grey600: string;
387
+ darkgrey600: string;
388
+ skyblue500: string;
389
+ skyblue300: string;
390
+ pink300: string;
391
+ lightpink500: string;
392
+ darkblue300: string;
393
+ darkblue700: string;
394
+ darkgreen300: string;
395
+ darkskyblue500: string;
396
+ navy100: string;
397
+ darknavy100: string;
398
+ opacity80: string;
399
+ opacity50: string;
400
+ grey30: string;
401
+ opacity95: string;
402
+ darkgrey30: string;
403
+ opacity40: string;
404
+ };
404
405
  readonly UIColor: {
405
406
  ui_cpnt_button_fill_base_primary: string;
406
407
  ui_cpnt_button_fill_base_default: string;
package/dist/src/common/styles/colorSet/index.js CHANGED
@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  /* eslint-disable import/order */
7
+ var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
7
8
  var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
8
9
  var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
9
- var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
10
10
  var UIColor_json_1 = __importDefault(require("./UIColor.json"));
11
11
  var colorSet = {
12
+ PaletteColor_light: PaletteColor_light_json_1.default,
12
13
  PaletteColor_Dark: PaletteColor_Dark_json_1.default,
13
14
  SemanticColor: SemanticColor_json_1.default,
14
- PaletteColor_light: PaletteColor_light_json_1.default,
15
15
  UIColor: UIColor_json_1.default
16
16
  };
17
17
  exports.default = colorSet;
package/dist/src/desktop/components/DesktopAlertDialog/DesktopAlertDialog.js CHANGED
@@ -72,9 +72,9 @@ function DesktopAlertDialog(_a) {
72
72
  titleText && react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" }),
73
73
  contentText && (react_1.default.createElement(TextLabel_1.TextLabel, { text: contentText, colorTheme: "sysTextPrimary", styleTheme: "body1Regular" })))),
74
74
  react_1.default.createElement(S_Footer, null,
75
- btn3Mode.includes(btnMode) && tBtn3Text && (react_1.default.createElement(TextButton_1.TextButton, { text: tBtn3Text, state: tBtn3State, type: tBtn3Type, size: "large", onClick: onClickTBtn3 })),
75
+ btn3Mode.includes(btnMode) && tBtn3Text && (react_1.default.createElement(TextButton_1.TextButton, { text: tBtn3Text, state: tBtn3State, type: tBtn3Type, size: "large", onClick: onClickTBtn3, colorTheme: "grey_01" })),
76
76
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }),
77
- btn2Mode.includes(btnMode) && tBtn2Text && (react_1.default.createElement(TextButton_1.TextButton, { text: tBtn2Text, state: tBtn2State, type: tBtn2Type, size: "large", onClick: onClickTBtn2 })),
77
+ btn2Mode.includes(btnMode) && tBtn2Text && (react_1.default.createElement(TextButton_1.TextButton, { text: tBtn2Text, state: tBtn2State, type: tBtn2Type, size: "large", onClick: onClickTBtn2, colorTheme: "grey_01" })),
78
78
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }),
79
79
  btn1Mode.includes(btnMode) && tBtn1Text && (react_1.default.createElement(TextButton_1.TextButton, { text: tBtn1Text, state: tBtn1State, type: tBtn1Type, size: "large", onClick: onClickTBtn1 }))))), container);
80
80
  }
package/dist/src/desktop/components/TextButton/TextButton.js CHANGED
@@ -70,7 +70,7 @@ function TextButton(_a) {
70
70
  onClick();
71
71
  }
72
72
  };
73
- return (react_1.default.createElement(S_Button, __assign({}, rest, { size: size, responsiveMode: responsiveMode, onClick: handleClick, type: type, fontWeight: fontWeight, disabled: state === 'disabled' }),
73
+ return (react_1.default.createElement(S_Button, __assign({}, rest, { size: size, responsiveMode: responsiveMode, onClick: handleClick, type: type, fontWeight: fontWeight, disabled: state === 'disabled', state: state }),
74
74
  react_1.default.createElement(TextLabel_1.TextLabel, { text: text, styleTheme: textStyle[size], colorTheme: state === 'disabled' ? 'sysTextTertiary' : textColor[colorTheme], singleLineMode: "use" })));
75
75
  }
76
76
  var large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: 14px;\n height: 48px;\n ", ";\n"], ["\n border-radius: 14px;\n height: 48px;\n ", ";\n"])), function (_a) {
package/dist/src/desktop/components/TextLabel/TextLabel.d.ts CHANGED
@@ -17,6 +17,7 @@ export declare type TextLabelProps = {
17
17
  textDecorationType?: 'none' | 'line_through';
18
18
  requirementMode?: 'none' | 'use';
19
19
  bulletPointMode?: 'none' | 'use';
20
+ wordBreak?: 'normal' | 'break_all' | 'keep_all' | 'break_word';
20
21
  };
21
22
  export declare type TextStyleProps = {
22
23
  textAlign?: 'left' | 'center' | 'right';
@@ -32,6 +33,7 @@ export declare type TextStyleProps = {
32
33
  customFontWeight?: 'bold' | 'regular';
33
34
  textDecorationType?: 'none' | 'line_through';
34
35
  bulletPointMode?: 'none' | 'use';
36
+ wordBreak?: 'normal' | 'break_all' | 'keep_all' | 'break_word';
35
37
  };
36
- declare function TextLabel({ text, tooltipText, tooltipPosition, textAlign, styleTheme, colorOverride, colorTheme, singleLineMode, ellipsisMode, lineLimit, userSelectMode, customFontSize, customFontWeight, textDecorationType, requirementMode, bulletPointMode }: TextLabelProps): JSX.Element;
38
+ declare function TextLabel({ text, tooltipText, tooltipPosition, textAlign, styleTheme, colorOverride, colorTheme, singleLineMode, ellipsisMode, lineLimit, userSelectMode, customFontSize, customFontWeight, textDecorationType, requirementMode, bulletPointMode, wordBreak }: TextLabelProps): JSX.Element;
37
39
  export default TextLabel;
package/dist/src/desktop/components/TextLabel/TextLabel.js CHANGED
@@ -28,12 +28,12 @@ var styled_components_1 = __importStar(require("styled-components"));
28
28
  var common_1 = require("../../../common");
29
29
  var hybrid_1 = require("../../../hybrid");
30
30
  function TextLabel(_a) {
31
- var text = _a.text, tooltipText = _a.tooltipText, _b = _a.tooltipPosition, tooltipPosition = _b === void 0 ? 'right_bottom' : _b, _c = _a.textAlign, textAlign = _c === void 0 ? 'left' : _c, _d = _a.styleTheme, styleTheme = _d === void 0 ? 'body2Bold' : _d, colorOverride = _a.colorOverride, _e = _a.colorTheme, colorTheme = _e === void 0 ? 'sysTextPrimary' : _e, _f = _a.singleLineMode, singleLineMode = _f === void 0 ? 'none' : _f, _g = _a.ellipsisMode, ellipsisMode = _g === void 0 ? 'none' : _g, lineLimit = _a.lineLimit, _h = _a.userSelectMode, userSelectMode = _h === void 0 ? 'none' : _h, customFontSize = _a.customFontSize, customFontWeight = _a.customFontWeight, _j = _a.textDecorationType, textDecorationType = _j === void 0 ? 'none' : _j, _k = _a.requirementMode, requirementMode = _k === void 0 ? 'none' : _k, _l = _a.bulletPointMode, bulletPointMode = _l === void 0 ? 'none' : _l;
32
- var _m = (0, react_1.useState)(false), isTooltipOpen = _m[0], setIsTooltipOpen = _m[1];
31
+ var text = _a.text, tooltipText = _a.tooltipText, _b = _a.tooltipPosition, tooltipPosition = _b === void 0 ? 'right_bottom' : _b, _c = _a.textAlign, textAlign = _c === void 0 ? 'left' : _c, _d = _a.styleTheme, styleTheme = _d === void 0 ? 'body2Bold' : _d, colorOverride = _a.colorOverride, _e = _a.colorTheme, colorTheme = _e === void 0 ? 'sysTextPrimary' : _e, _f = _a.singleLineMode, singleLineMode = _f === void 0 ? 'none' : _f, _g = _a.ellipsisMode, ellipsisMode = _g === void 0 ? 'none' : _g, lineLimit = _a.lineLimit, _h = _a.userSelectMode, userSelectMode = _h === void 0 ? 'none' : _h, customFontSize = _a.customFontSize, customFontWeight = _a.customFontWeight, _j = _a.textDecorationType, textDecorationType = _j === void 0 ? 'none' : _j, _k = _a.requirementMode, requirementMode = _k === void 0 ? 'none' : _k, _l = _a.bulletPointMode, bulletPointMode = _l === void 0 ? 'none' : _l, _m = _a.wordBreak, wordBreak = _m === void 0 ? 'keep_all' : _m;
32
+ var _o = (0, react_1.useState)(false), isTooltipOpen = _o[0], setIsTooltipOpen = _o[1];
33
33
  var handleTooltipToggle = function (value) {
34
34
  setIsTooltipOpen(value);
35
35
  };
36
- return (react_1.default.createElement(S_TextLabel, { textAlign: textAlign, styleTheme: styleTheme, colorOverride: colorOverride, colorTheme: colorTheme, singleLineMode: singleLineMode, ellipsisMode: ellipsisMode, lineLimit: lineLimit, userSelectMode: userSelectMode, customFontSize: customFontSize, customFontWeight: customFontWeight, textDecorationType: textDecorationType, bulletPointMode: bulletPointMode },
36
+ return (react_1.default.createElement(S_TextLabel, { textAlign: textAlign, styleTheme: styleTheme, colorOverride: colorOverride, colorTheme: colorTheme, singleLineMode: singleLineMode, ellipsisMode: ellipsisMode, lineLimit: lineLimit, userSelectMode: userSelectMode, customFontSize: customFontSize, customFontWeight: customFontWeight, textDecorationType: textDecorationType, bulletPointMode: bulletPointMode, wordBreak: wordBreak },
37
37
  text,
38
38
  requirementMode === 'use' && (react_1.default.createElement(S_AfterTextBox, { styleTheme: styleTheme },
39
39
  react_1.default.createElement(S_IconWrapper, null,
@@ -275,9 +275,18 @@ var tooltipLeftTop = (0, styled_components_1.css)(templateObject_33 || (template
275
275
  var tooltipLeftBottom = (0, styled_components_1.css)(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n right: 0;\n top: 20px;\n"], ["\n right: 0;\n top: 20px;\n"])));
276
276
  var tooltipRightTop = (0, styled_components_1.css)(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n left: 0;\n bottom: 20px;\n"], ["\n left: 0;\n bottom: 20px;\n"])));
277
277
  var tooltipRightBottom = (0, styled_components_1.css)(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n left: 0;\n top: 20px;\n"], ["\n left: 0;\n top: 20px;\n"])));
278
- var S_TextLabel = styled_components_1.default.div(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: keep-all;\n overflow-wrap: break-word;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: keep-all;\n overflow-wrap: break-word;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (_a) {
278
+ var S_TextLabel = styled_components_1.default.div(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: ", ";\n overflow-wrap: break-word;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: ", ";\n overflow-wrap: break-word;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (_a) {
279
279
  var textAlign = _a.textAlign;
280
280
  return textAlign;
281
+ }, function (_a) {
282
+ var wordBreak = _a.wordBreak;
283
+ return wordBreak &&
284
+ {
285
+ normal: 'normal',
286
+ break_all: 'break-all',
287
+ keep_all: 'keep-all',
288
+ break_word: 'break-word'
289
+ }[wordBreak];
281
290
  }, function (_a) {
282
291
  var styleTheme = _a.styleTheme;
283
292
  return styleTheme &&
package/dist/src/mobile/components/MobileAlertDialog/MobileAlertDialog.js CHANGED
@@ -75,9 +75,9 @@ function MobileAlertDialog(_a) {
75
75
  renderingSpacing(),
76
76
  contentText && (react_1.default.createElement(TextLabel_1.TextLabel, { text: contentText, colorTheme: "sysTextPrimary", styleTheme: "body2Regular" }))),
77
77
  react_1.default.createElement(S_Footer, { btnStack: btnStack },
78
- btn3Mode.includes(btnMode) && tBtn3Text && (react_1.default.createElement(TextButton_1.TextButton, { text: tBtn3Text, state: tBtn3State, type: tBtn3Type, size: "large", onClick: onClickTBtn3 })),
78
+ btn3Mode.includes(btnMode) && tBtn3Text && (react_1.default.createElement(TextButton_1.TextButton, { text: tBtn3Text, state: tBtn3State, type: tBtn3Type, size: "large", onClick: onClickTBtn3, colorTheme: "grey_01" })),
79
79
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: btnStack === 'side' ? 'width' : 'height' }),
80
- btn2Mode.includes(btnMode) && tBtn2Text && (react_1.default.createElement(TextButton_1.TextButton, { text: tBtn2Text, state: tBtn2State, type: tBtn2Type, size: "large", onClick: onClickTBtn2 })),
80
+ btn2Mode.includes(btnMode) && tBtn2Text && (react_1.default.createElement(TextButton_1.TextButton, { text: tBtn2Text, state: tBtn2State, type: tBtn2Type, size: "large", onClick: onClickTBtn2, colorTheme: "grey_01" })),
81
81
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: btnStack === 'side' ? 'width' : 'height' }),
82
82
  btn1Mode.includes(btnMode) && tBtn1Text && (react_1.default.createElement(TextButton_1.TextButton, { text: tBtn1Text, state: tBtn1State, type: tBtn1Type, size: "large", onClick: onClickTBtn1 }))))), container);
83
83
  }
package/dist/src/mobile/components/TextLabel/TextLabel.d.ts CHANGED
@@ -15,6 +15,7 @@ export declare type TextLabelProps = {
15
15
  textDecorationType?: 'none' | 'line_through';
16
16
  requirementMode?: 'none' | 'use';
17
17
  bulletPointMode?: 'none' | 'use';
18
+ wordBreak?: 'normal' | 'break_all' | 'keep_all' | 'break_word';
18
19
  };
19
20
  export declare type TextStyleProps = {
20
21
  textAlign?: 'left' | 'center' | 'right';
@@ -29,6 +30,7 @@ export declare type TextStyleProps = {
29
30
  customFontWeight?: 'bold' | 'regular';
30
31
  textDecorationType?: 'none' | 'line_through';
31
32
  bulletPointMode?: 'none' | 'use';
33
+ wordBreak?: 'normal' | 'break_all' | 'keep_all' | 'break_word';
32
34
  };
33
- declare function TextLabel({ text, textAlign, styleTheme, colorOverride, colorTheme, singleLineMode, ellipsisMode, lineLimit, userSelectMode, customFontSize, customFontWeight, textDecorationType, requirementMode, bulletPointMode }: TextLabelProps): JSX.Element;
35
+ declare function TextLabel({ text, textAlign, styleTheme, colorOverride, colorTheme, singleLineMode, ellipsisMode, lineLimit, userSelectMode, customFontSize, customFontWeight, textDecorationType, requirementMode, bulletPointMode, wordBreak }: TextLabelProps): JSX.Element;
34
36
  export default TextLabel;
package/dist/src/mobile/components/TextLabel/TextLabel.js CHANGED
@@ -31,8 +31,8 @@ var styled_components_1 = __importStar(require("styled-components"));
31
31
  var common_1 = require("../../../common");
32
32
  var hybrid_1 = require("../../../hybrid");
33
33
  function TextLabel(_a) {
34
- var text = _a.text, _b = _a.textAlign, textAlign = _b === void 0 ? 'left' : _b, _c = _a.styleTheme, styleTheme = _c === void 0 ? 'body2Bold' : _c, colorOverride = _a.colorOverride, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'sysTextPrimary' : _d, _e = _a.singleLineMode, singleLineMode = _e === void 0 ? 'none' : _e, _f = _a.ellipsisMode, ellipsisMode = _f === void 0 ? 'none' : _f, lineLimit = _a.lineLimit, _g = _a.userSelectMode, userSelectMode = _g === void 0 ? 'none' : _g, customFontSize = _a.customFontSize, customFontWeight = _a.customFontWeight, _h = _a.textDecorationType, textDecorationType = _h === void 0 ? 'none' : _h, _j = _a.requirementMode, requirementMode = _j === void 0 ? 'none' : _j, _k = _a.bulletPointMode, bulletPointMode = _k === void 0 ? 'none' : _k;
35
- return (react_1.default.createElement(S_TextLabel, { textAlign: textAlign, styleTheme: styleTheme, colorOverride: colorOverride, colorTheme: colorTheme, singleLineMode: singleLineMode, ellipsisMode: ellipsisMode, lineLimit: lineLimit, userSelectMode: userSelectMode, customFontSize: customFontSize, customFontWeight: customFontWeight, textDecorationType: textDecorationType, bulletPointMode: bulletPointMode },
34
+ var text = _a.text, _b = _a.textAlign, textAlign = _b === void 0 ? 'left' : _b, _c = _a.styleTheme, styleTheme = _c === void 0 ? 'body2Bold' : _c, colorOverride = _a.colorOverride, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'sysTextPrimary' : _d, _e = _a.singleLineMode, singleLineMode = _e === void 0 ? 'none' : _e, _f = _a.ellipsisMode, ellipsisMode = _f === void 0 ? 'none' : _f, lineLimit = _a.lineLimit, _g = _a.userSelectMode, userSelectMode = _g === void 0 ? 'none' : _g, customFontSize = _a.customFontSize, customFontWeight = _a.customFontWeight, _h = _a.textDecorationType, textDecorationType = _h === void 0 ? 'none' : _h, _j = _a.requirementMode, requirementMode = _j === void 0 ? 'none' : _j, _k = _a.bulletPointMode, bulletPointMode = _k === void 0 ? 'none' : _k, _l = _a.wordBreak, wordBreak = _l === void 0 ? 'keep_all' : _l;
35
+ return (react_1.default.createElement(S_TextLabel, { textAlign: textAlign, styleTheme: styleTheme, colorOverride: colorOverride, colorTheme: colorTheme, singleLineMode: singleLineMode, ellipsisMode: ellipsisMode, lineLimit: lineLimit, userSelectMode: userSelectMode, customFontSize: customFontSize, customFontWeight: customFontWeight, textDecorationType: textDecorationType, bulletPointMode: bulletPointMode, wordBreak: wordBreak },
36
36
  text,
37
37
  requirementMode === 'use' && (react_1.default.createElement(S_AfterTextBox, { styleTheme: styleTheme },
38
38
  react_1.default.createElement(S_IconWrapper, null,
@@ -266,9 +266,18 @@ var ellipsisStyle = (0, styled_components_1.css)(templateObject_30 || (templateO
266
266
  });
267
267
  var userSelectModeStyle = (0, styled_components_1.css)(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n -ms-user-select: none;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n"], ["\n -ms-user-select: none;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n"])));
268
268
  var bulletPointModeStyle = (0, styled_components_1.css)(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n padding-left: 16px;\n ::before {\n content: '\u2022';\n position: absolute;\n left: 0;\n width: 16px;\n }\n"], ["\n padding-left: 16px;\n ::before {\n content: '\u2022';\n position: absolute;\n left: 0;\n width: 16px;\n }\n"])));
269
- var S_TextLabel = styled_components_1.default.div(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: keep-all;\n overflow-wrap: break-word;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: keep-all;\n overflow-wrap: break-word;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (_a) {
269
+ var S_TextLabel = styled_components_1.default.div(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: ", ";\n overflow-wrap: break-word;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: ", ";\n overflow-wrap: break-word;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (_a) {
270
270
  var textAlign = _a.textAlign;
271
271
  return textAlign;
272
+ }, function (_a) {
273
+ var wordBreak = _a.wordBreak;
274
+ return wordBreak &&
275
+ {
276
+ normal: 'normal',
277
+ break_all: 'break-all',
278
+ keep_all: 'keep-all',
279
+ break_word: 'break-word'
280
+ }[wordBreak];
272
281
  }, function (_a) {
273
282
  var styleTheme = _a.styleTheme;
274
283
  return styleTheme &&
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "0.0.2",
3
+ "version": "0.0.3",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,9 +1,12 @@
1
1
  # PDS-DEV-KIT-WEB-TEST Release Notes
2
- ## [v0.0.2]
2
+ ## [v0.0.3]
3
3
 
4
- pds-dev-kit-web 1.4버전 배포 직전 테스트2 (내용은 pds-dev-kit-web@1.4와 같음)
5
- * AdminList내부 벌크액션바에 있는 매인버튼을 텍스트 버튼으로 교체
6
- * 그에따른 prop 추가와 deprecated처리
7
- * form계열 component들 컬러 변경
8
- * line척결
9
- * cursor상황에 맞게 변경
4
+ * pds-dev-kit-web 1.4버전 배포 직전 테스트3 (내용은 pds-dev-kit-web@1.4와 같음)
5
+ * DesktopAlertDialog
6
+ * btn2와 btn3의 colorTheme grey_01로 변경
7
+ * MobileAlertDialog
8
+ * btn2와 btn3의 colorTheme grey_01로 변경
9
+ * TextButton
10
+ * state에 따라 cursor변화 할 수 있도록 수정
11
+ * TextLabel
12
+ * wordBreak prop 추가