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

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 (29) hide show
  1. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +8 -2
  2. package/dist/src/common/styles/colorSet/PaletteColor_light.json +7 -1
  3. package/dist/src/common/styles/colorSet/UIColor.json +33 -27
  4. package/dist/src/common/styles/colorSet/index.d.ts +242 -224
  5. package/dist/src/common/styles/colorSet/index.js +5 -5
  6. package/dist/src/common/styles/colorSet/ui-type.d.ts +6 -0
  7. package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.js +10 -7
  8. package/dist/src/desktop/components/AdminList/AdminList.d.ts +22 -8
  9. package/dist/src/desktop/components/AdminList/AdminList.js +21 -2
  10. package/dist/src/desktop/components/AdminList/BulkActionBar.d.ts +8 -8
  11. package/dist/src/desktop/components/AdminList/BulkActionBar.js +8 -8
  12. package/dist/src/desktop/components/BlogTextField/BlogTextField.js +7 -4
  13. package/dist/src/desktop/components/DesktopAlertDialog/DesktopAlertDialog.d.ts +7 -1
  14. package/dist/src/desktop/components/DesktopAlertDialog/DesktopAlertDialog.js +4 -4
  15. package/dist/src/desktop/components/Dropdown/Dropdown.js +27 -12
  16. package/dist/src/desktop/components/EditApplyTextField/EditApplyTextField.js +9 -6
  17. package/dist/src/desktop/components/Select/Select.js +20 -11
  18. package/dist/src/desktop/components/TextField/TextField.js +13 -10
  19. package/dist/src/mobile/common/components/TextFieldBase/TextFieldBase.js +6 -6
  20. package/dist/src/mobile/components/BlogTextField/BlogTextField.js +3 -3
  21. package/dist/src/mobile/components/Dropdown/Dropdown.js +19 -11
  22. package/dist/src/mobile/components/MobileAlertDialog/MobileAlertDialog.d.ts +7 -1
  23. package/dist/src/mobile/components/MobileAlertDialog/MobileAlertDialog.js +4 -4
  24. package/dist/src/mobile/components/MobileBasicModal/MobileBasicModal.d.ts +6 -2
  25. package/dist/src/mobile/components/MobileBasicModal/MobileBasicModal.js +3 -3
  26. package/dist/src/mobile/components/Select/Select.js +10 -11
  27. package/dist/src/mobile/components/TextField/TextField.js +9 -9
  28. package/package.json +1 -1
  29. package/release-note.md +7 -2
package/dist/src/mobile/components/BlogTextField/BlogTextField.js CHANGED
@@ -81,15 +81,15 @@ var rlarge = (0, styled_components_1.css)(templateObject_3 || (templateObject_3
81
81
  });
82
82
  var normal = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), function (_a) {
83
83
  var theme = _a.theme;
84
- return theme.ui_cpnt_textfield_base_normal;
84
+ return theme.ui_cpnt_blogtextfield_base_01;
85
85
  });
86
86
  var read_only = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), function (_a) {
87
87
  var theme = _a.theme;
88
- return theme.ui_cpnt_textfield_base_disabled;
88
+ return theme.ui_cpnt_blogtextfield_base_01;
89
89
  });
90
90
  var disabled = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), function (_a) {
91
91
  var theme = _a.theme;
92
- return theme.ui_cpnt_textfield_base_disabled;
92
+ return theme.ui_cpnt_blogtextfield_base_01;
93
93
  });
94
94
  var S_BlogTextFieldWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n align-items: center;\n box-sizing: border-box;\n border: 1px solid transparent;\n display: flex;\n ", ";\n ", ";\n"], ["\n align-items: center;\n box-sizing: border-box;\n border: 1px solid transparent;\n display: flex;\n ", ";\n ", ";\n"])), function (_a) {
95
95
  var size = _a.size;
package/dist/src/mobile/components/Dropdown/Dropdown.js CHANGED
@@ -84,7 +84,7 @@ function Dropdown(_a) {
84
84
  return 'sysTextPrimary';
85
85
  }
86
86
  if (state === 'read_only') {
87
- return 'sysTextSecondary';
87
+ return 'sysTextTertiary';
88
88
  }
89
89
  if (state === 'disabled') {
90
90
  return 'sysTextTertiary';
@@ -124,7 +124,7 @@ function Dropdown(_a) {
124
124
  return 'ui_cpnt_dropdown_text_white_readonly';
125
125
  }
126
126
  if (state !== 'disabled') {
127
- return 'ui_cpnt_dropdown_text_white_enabled';
127
+ return 'ui_cpnt_dropdown_text_white_disabled';
128
128
  }
129
129
  }
130
130
  };
@@ -177,7 +177,7 @@ var colorThemeBackgroundReadOnly = (0, styled_components_1.css)(templateObject_5
177
177
  case 'white':
178
178
  return theme.ui_cpnt_dropdown_base_white_disabled;
179
179
  case 'none':
180
- return theme.ui_cpnt_dropdown_base_normal;
180
+ return theme.ui_cpnt_dropdown_base_disabled;
181
181
  }
182
182
  });
183
183
  var colorThemeBackgroundDisabled = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (_a) {
@@ -212,18 +212,28 @@ var colorThemeBorderWhite = (0, styled_components_1.css)(templateObject_8 || (te
212
212
  return theme.ui_cpnt_dropdown_border_white_normal;
213
213
  }
214
214
  });
215
- var borderColor = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (_a) {
215
+ var colorThemeBorderDark = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (_a) {
216
+ var state = _a.state, theme = _a.theme;
217
+ switch (state) {
218
+ case 'disabled':
219
+ case 'read_only':
220
+ return theme.ui_cpnt_dropdown_border_darktheme_disabled;
221
+ case 'normal':
222
+ return theme.ui_cpnt_dropdown_border_darktheme_normal;
223
+ }
224
+ });
225
+ var borderColor = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (_a) {
216
226
  var state = _a.state, theme = _a.theme;
217
227
  switch (state) {
218
228
  case 'disabled':
219
229
  return theme.ui_cpnt_dropdown_border_disabled;
220
230
  case 'read_only':
221
- return theme.ui_cpnt_dropdown_border_normal;
231
+ return theme.ui_cpnt_dropdown_border_disabled;
222
232
  case 'normal':
223
233
  return theme.ui_cpnt_dropdown_border_normal;
224
234
  }
225
235
  });
226
- var S_Select = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n border: 1px solid\n ", ";\n border-radius: 14px;\n display: flex;\n justify-content: space-between;\n\n ", ";\n"], ["\n align-items: center;\n background-color: ", ";\n border: 1px solid\n ", ";\n border-radius: 14px;\n display: flex;\n justify-content: space-between;\n\n ", ";\n"])), function (_a) {
236
+ var S_Select = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n border: 2px solid\n ", ";\n border-radius: 14px;\n display: flex;\n justify-content: space-between;\n\n ", ";\n"], ["\n align-items: center;\n background-color: ", ";\n border: 2px solid\n ", ";\n border-radius: 14px;\n display: flex;\n justify-content: space-between;\n\n ", ";\n"])), function (_a) {
227
237
  var state = _a.state;
228
238
  switch (state) {
229
239
  case 'disabled':
@@ -239,9 +249,7 @@ var S_Select = styled_components_1.default.div(templateObject_10 || (templateObj
239
249
  case 'none':
240
250
  return isFocused ? theme.ui_cpnt_dropdown_border_focus : borderColor;
241
251
  case 'dark':
242
- return isFocused
243
- ? theme.ui_cpnt_dropdown_border_darktheme_focus
244
- : theme.ui_cpnt_dropdown_border_darktheme_normal;
252
+ return isFocused ? theme.ui_cpnt_dropdown_border_darktheme_focus : colorThemeBorderDark;
245
253
  case 'white':
246
254
  return isFocused ? theme.ui_cpnt_dropdown_border_white_focus : colorThemeBorderWhite;
247
255
  }
@@ -253,9 +261,9 @@ var S_Select = styled_components_1.default.div(templateObject_10 || (templateObj
253
261
  small: small
254
262
  }[size];
255
263
  });
256
- var S_ContextMenuWrapper = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: block;\n margin-top: ", ";\n position: absolute;\n width: inherit;\n"], ["\n display: block;\n margin-top: ", ";\n position: absolute;\n width: inherit;\n"])), function (_a) {
264
+ var S_ContextMenuWrapper = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n display: block;\n margin-top: ", ";\n position: absolute;\n width: inherit;\n"], ["\n display: block;\n margin-top: ", ";\n position: absolute;\n width: inherit;\n"])), function (_a) {
257
265
  var theme = _a.theme;
258
266
  return theme.spacing.spacingB;
259
267
  });
260
268
  exports.default = Dropdown;
261
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
269
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
package/dist/src/mobile/components/MobileAlertDialog/MobileAlertDialog.d.ts CHANGED
@@ -9,9 +9,15 @@ declare type MobileAlertDialogProps = {
9
9
  tBtn1Text?: PDSTextType;
10
10
  tBtn2Text?: PDSTextType;
11
11
  tBtn3Text?: PDSTextType;
12
+ tBtn1State?: 'normal' | 'disabled';
13
+ tBtn2State?: 'normal' | 'disabled';
14
+ tBtn3State?: 'normal' | 'disabled';
15
+ tBtn1Type?: 'button' | 'submit';
16
+ tBtn2Type?: 'button' | 'submit';
17
+ tBtn3Type?: 'button' | 'submit';
12
18
  onClickTBtn1?: () => any;
13
19
  onClickTBtn2?: () => any;
14
20
  onClickTBtn3?: () => any;
15
21
  };
16
- declare function MobileAlertDialog({ iconMode, titleText, contentText, btnStack, btnMode, tBtn1Text, tBtn2Text, tBtn3Text, onClickTBtn1, onClickTBtn2, onClickTBtn3 }: MobileAlertDialogProps): React.ReactPortal;
22
+ declare function MobileAlertDialog({ iconMode, titleText, contentText, btnStack, btnMode, tBtn1Text, tBtn2Text, tBtn3Text, tBtn1State, tBtn2State, tBtn3State, tBtn1Type, tBtn2Type, tBtn3Type, onClickTBtn1, onClickTBtn2, onClickTBtn3 }: MobileAlertDialogProps): React.ReactPortal;
17
23
  export default MobileAlertDialog;
package/dist/src/mobile/components/MobileAlertDialog/MobileAlertDialog.js CHANGED
@@ -33,7 +33,7 @@ var hybrid_1 = require("../../../hybrid");
33
33
  var TextButton_1 = require("../TextButton");
34
34
  var TextLabel_1 = require("../TextLabel");
35
35
  function MobileAlertDialog(_a) {
36
- var _b = _a.iconMode, iconMode = _b === void 0 ? 'none' : _b, titleText = _a.titleText, contentText = _a.contentText, _c = _a.btnStack, btnStack = _c === void 0 ? 'side' : _c, _d = _a.btnMode, btnMode = _d === void 0 ? 'tbtn_amount1' : _d, tBtn1Text = _a.tBtn1Text, tBtn2Text = _a.tBtn2Text, tBtn3Text = _a.tBtn3Text, onClickTBtn1 = _a.onClickTBtn1, onClickTBtn2 = _a.onClickTBtn2, onClickTBtn3 = _a.onClickTBtn3;
36
+ var _b = _a.iconMode, iconMode = _b === void 0 ? 'none' : _b, titleText = _a.titleText, contentText = _a.contentText, _c = _a.btnStack, btnStack = _c === void 0 ? 'side' : _c, _d = _a.btnMode, btnMode = _d === void 0 ? 'tbtn_amount1' : _d, tBtn1Text = _a.tBtn1Text, tBtn2Text = _a.tBtn2Text, tBtn3Text = _a.tBtn3Text, _e = _a.tBtn1State, tBtn1State = _e === void 0 ? 'normal' : _e, _f = _a.tBtn2State, tBtn2State = _f === void 0 ? 'normal' : _f, _g = _a.tBtn3State, tBtn3State = _g === void 0 ? 'normal' : _g, _h = _a.tBtn1Type, tBtn1Type = _h === void 0 ? 'button' : _h, _j = _a.tBtn2Type, tBtn2Type = _j === void 0 ? 'button' : _j, _k = _a.tBtn3Type, tBtn3Type = _k === void 0 ? 'button' : _k, onClickTBtn1 = _a.onClickTBtn1, onClickTBtn2 = _a.onClickTBtn2, onClickTBtn3 = _a.onClickTBtn3;
37
37
  var container = (0, react_1.useState)(function () {
38
38
  var modalRoot = document.createElement('div');
39
39
  modalRoot.setAttribute('id', 'MobileAlertDialog');
@@ -75,11 +75,11 @@ 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, 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 })),
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, 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 })),
81
81
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: btnStack === 'side' ? 'width' : 'height' }),
82
- btn1Mode.includes(btnMode) && tBtn1Text && (react_1.default.createElement(TextButton_1.TextButton, { text: tBtn1Text, size: "large", onClick: onClickTBtn1 }))))), container);
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
  }
84
84
  var S_UpperBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n margin: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n margin: ", ";\n"])), function (_a) {
85
85
  var theme = _a.theme;
package/dist/src/mobile/components/MobileBasicModal/MobileBasicModal.d.ts CHANGED
@@ -6,11 +6,15 @@ declare type MobileBasicModalProps = {
6
6
  bodyOverflowType?: 'auto' | 'visible';
7
7
  contentText?: PDSTextType;
8
8
  mBtnText: PDSTextType;
9
- tBtnText: PDSTextType;
9
+ mBtnState?: 'normal' | 'disabled';
10
+ mBtnType?: 'button' | 'submit';
11
+ tBtnText?: PDSTextType;
12
+ tBtnState?: 'normal' | 'disabled';
13
+ tBtnType?: 'button' | 'submit';
10
14
  onClickMBtn?: () => void;
11
15
  onClickTBtn?: () => void;
12
16
  onClickXMarkIcon?: () => void;
13
17
  children?: React.ReactNode;
14
18
  };
15
- declare function MobileBasicModal({ titleText, bodySpacingMode, bodyOverflowType, contentText, mBtnText, tBtnText, onClickMBtn, onClickTBtn, onClickXMarkIcon, children }: MobileBasicModalProps): React.ReactPortal;
19
+ declare function MobileBasicModal({ titleText, bodySpacingMode, bodyOverflowType, contentText, mBtnText, mBtnState, mBtnType, tBtnText, tBtnState, tBtnType, onClickMBtn, onClickTBtn, onClickXMarkIcon, children }: MobileBasicModalProps): React.ReactPortal;
16
20
  export default MobileBasicModal;
package/dist/src/mobile/components/MobileBasicModal/MobileBasicModal.js CHANGED
@@ -35,7 +35,7 @@ var MainButton_1 = require("../MainButton");
35
35
  var TextButton_1 = require("../TextButton");
36
36
  var TextLabel_1 = require("../TextLabel");
37
37
  function MobileBasicModal(_a) {
38
- var titleText = _a.titleText, _b = _a.bodySpacingMode, bodySpacingMode = _b === void 0 ? 'use' : _b, _c = _a.bodyOverflowType, bodyOverflowType = _c === void 0 ? 'auto' : _c, contentText = _a.contentText, mBtnText = _a.mBtnText, tBtnText = _a.tBtnText, onClickMBtn = _a.onClickMBtn, onClickTBtn = _a.onClickTBtn, onClickXMarkIcon = _a.onClickXMarkIcon, children = _a.children;
38
+ var titleText = _a.titleText, _b = _a.bodySpacingMode, bodySpacingMode = _b === void 0 ? 'use' : _b, _c = _a.bodyOverflowType, bodyOverflowType = _c === void 0 ? 'auto' : _c, contentText = _a.contentText, mBtnText = _a.mBtnText, _d = _a.mBtnState, mBtnState = _d === void 0 ? 'normal' : _d, _e = _a.mBtnType, mBtnType = _e === void 0 ? 'button' : _e, tBtnText = _a.tBtnText, _f = _a.tBtnState, tBtnState = _f === void 0 ? 'normal' : _f, _g = _a.tBtnType, tBtnType = _g === void 0 ? 'button' : _g, onClickMBtn = _a.onClickMBtn, onClickTBtn = _a.onClickTBtn, onClickXMarkIcon = _a.onClickXMarkIcon, children = _a.children;
39
39
  var container = (0, react_1.useState)(function () {
40
40
  var modalRoot = document.createElement('div');
41
41
  modalRoot.setAttribute('id', 'MobileBasicModal');
@@ -63,10 +63,10 @@ function MobileBasicModal(_a) {
63
63
  contentText && (react_1.default.createElement(TextLabel_1.TextLabel, { text: contentText, colorTheme: "sysTextSecondary", styleTheme: "subTitleRegular" })),
64
64
  children && children),
65
65
  react_1.default.createElement(S_Footer, null,
66
- react_1.default.createElement(MainButton_1.MainButton, { text: mBtnText, size: "rlarge", onClick: onClickMBtn }),
66
+ react_1.default.createElement(MainButton_1.MainButton, { text: mBtnText, state: mBtnState, type: mBtnType, size: "rlarge", onClick: onClickMBtn }),
67
67
  tBtnText && (react_1.default.createElement(react_1.default.Fragment, null,
68
68
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b" }),
69
- react_1.default.createElement(TextButton_1.TextButton, { text: tBtnText, size: "rlarge", onClick: onClickTBtn })))))), container);
69
+ react_1.default.createElement(TextButton_1.TextButton, { text: tBtnText, state: tBtnState, type: tBtnType, size: "rlarge", onClick: onClickTBtn })))))), container);
70
70
  }
71
71
  var S_ModalOverlay = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n height: 100vh;\n left: 0;\n position: fixed;\n top: 0;\n width: 100vw;\n"], ["\n background-color: ", ";\n height: 100vh;\n left: 0;\n position: fixed;\n top: 0;\n width: 100vw;\n"])), function (_a) {
72
72
  var theme = _a.theme;
package/dist/src/mobile/components/Select/Select.js CHANGED
@@ -62,9 +62,9 @@ var large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 =
62
62
  var medium = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 40px;\n width: 188px;\n"], ["\n height: 40px;\n width: 188px;\n"])));
63
63
  var small = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 32px;\n width: 188px;\n"], ["\n height: 32px;\n width: 188px;\n"])));
64
64
  var rlarge = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 48px;\n width: 100%;\n"], ["\n height: 48px;\n width: 100%;\n"])));
65
- var dark = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid ", ";\n color: ", ";\n\n :disabled {\n background-color: ", ";\n color: ", ";\n }\n\n :focus {\n border: 0.5px solid ", " !important;\n color: ", ";\n }\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n color: ", ";\n\n :disabled {\n background-color: ", ";\n color: ", ";\n }\n\n :focus {\n border: 0.5px solid ", " !important;\n color: ", ";\n }\n"])), function (_a) {
65
+ var dark = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n border: 2px solid ", ";\n color: ", ";\n\n :disabled {\n background-color: ", ";\n border: 2px solid ", ";\n color: ", ";\n }\n\n :focus {\n border: 2px solid ", " !important;\n color: ", ";\n }\n"], ["\n background-color: ", ";\n border: 2px solid ", ";\n color: ", ";\n\n :disabled {\n background-color: ", ";\n border: 2px solid ", ";\n color: ", ";\n }\n\n :focus {\n border: 2px solid ", " !important;\n color: ", ";\n }\n"])), function (_a) {
66
66
  var theme = _a.theme;
67
- return theme.ui_cpnt_select_base_normal;
67
+ return theme.ui_cpnt_select_base_darktheme_normal;
68
68
  }, function (_a) {
69
69
  var theme = _a.theme;
70
70
  return theme.ui_cpnt_select_border_darktheme_normal;
@@ -74,6 +74,9 @@ var dark = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 =
74
74
  }, function (_a) {
75
75
  var theme = _a.theme;
76
76
  return theme.ui_cpnt_select_base_darktheme_disabled;
77
+ }, function (_a) {
78
+ var theme = _a.theme;
79
+ return theme.ui_cpnt_select_border_darktheme_disabled;
77
80
  }, function (_a) {
78
81
  var theme = _a.theme, state = _a.state;
79
82
  return state === 'read_only'
@@ -103,7 +106,7 @@ var S_Icon_Wrapper = styled_components_1.default.div(templateObject_7 || (templa
103
106
  var theme = _a.theme;
104
107
  return theme.spacing.spacingD;
105
108
  });
106
- var S_Select = styled_components_1.default.select(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n appearance: none;\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: ", ";\n color: ", ";\n font-family: inherit;\n font-size: ", ";\n height: 100%;\n padding-left: ", ";\n width: 100%;\n\n :disabled {\n background-color: ", ";\n border: 1px solid\n ", ";\n color: ", ";\n cursor: not-allowed;\n opacity: 1;\n }\n\n :focus {\n border: 0.5px solid ", " !important;\n color: ", ";\n outline: 0 !important;\n outline-offset: 0 !important;\n }\n\n ", "\n"], ["\n appearance: none;\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: ", ";\n color: ", ";\n font-family: inherit;\n font-size: ", ";\n height: 100%;\n padding-left: ", ";\n width: 100%;\n\n :disabled {\n background-color: ", ";\n border: 1px solid\n ", ";\n color: ", ";\n cursor: not-allowed;\n opacity: 1;\n }\n\n :focus {\n border: 0.5px solid ", " !important;\n color: ", ";\n outline: 0 !important;\n outline-offset: 0 !important;\n }\n\n ", "\n"])), function (_a) {
109
+ var S_Select = styled_components_1.default.select(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n appearance: none;\n background-color: ", ";\n border: 2px solid ", ";\n border-radius: ", ";\n color: ", ";\n font-family: inherit;\n font-size: ", ";\n height: 100%;\n padding-left: ", ";\n width: 100%;\n\n :disabled {\n background-color: ", ";\n border: 2px solid ", ";\n color: ", ";\n opacity: 1;\n }\n\n :focus {\n border: 2px solid ", " !important;\n color: ", ";\n outline: 0 !important;\n outline-offset: 0 !important;\n }\n\n ", "\n"], ["\n appearance: none;\n background-color: ", ";\n border: 2px solid ", ";\n border-radius: ", ";\n color: ", ";\n font-family: inherit;\n font-size: ", ";\n height: 100%;\n padding-left: ", ";\n width: 100%;\n\n :disabled {\n background-color: ", ";\n border: 2px solid ", ";\n color: ", ";\n opacity: 1;\n }\n\n :focus {\n border: 2px solid ", " !important;\n color: ", ";\n outline: 0 !important;\n outline-offset: 0 !important;\n }\n\n ", "\n"])), function (_a) {
107
110
  var theme = _a.theme;
108
111
  return theme.ui_cpnt_select_base_normal;
109
112
  }, function (_a) {
@@ -122,15 +125,11 @@ var S_Select = styled_components_1.default.select(templateObject_8 || (templateO
122
125
  var theme = _a.theme;
123
126
  return theme.spacing.spacingD;
124
127
  }, function (_a) {
125
- var theme = _a.theme, state = _a.state;
126
- return state === 'read_only'
127
- ? theme.ui_cpnt_select_base_normal
128
- : theme.ui_cpnt_select_base_disabled;
128
+ var theme = _a.theme;
129
+ return theme.ui_cpnt_select_base_disabled;
129
130
  }, function (_a) {
130
- var theme = _a.theme, state = _a.state;
131
- return state === 'read_only'
132
- ? theme.ui_cpnt_select_border_normal
133
- : theme.ui_cpnt_select_border_disabled;
131
+ var theme = _a.theme;
132
+ return theme.ui_cpnt_select_border_disabled;
134
133
  }, function (_a) {
135
134
  var theme = _a.theme, state = _a.state;
136
135
  return state === 'read_only'
package/dist/src/mobile/components/TextField/TextField.js CHANGED
@@ -176,7 +176,7 @@ var large = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 =
176
176
  var textLineType = _a.textLineType;
177
177
  return textLineType === 'auto' && auto;
178
178
  });
179
- var normal = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background-color: ", ";\n border: solid 1px\n ", ";\n"], ["\n background-color: ", ";\n border: solid 1px\n ", ";\n"])), function (_a) {
179
+ var normal = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background-color: ", ";\n border: solid 2px\n ", ";\n"], ["\n background-color: ", ";\n border: solid 2px\n ", ";\n"])), function (_a) {
180
180
  var theme = _a.theme;
181
181
  return theme.ui_cpnt_textfield_base_normal;
182
182
  }, function (_a) {
@@ -187,23 +187,23 @@ var normal = (0, styled_components_1.css)(templateObject_7 || (templateObject_7
187
187
  return theme.ui_cpnt_textfield_border_focus;
188
188
  return theme.ui_cpnt_textfield_border_normal;
189
189
  });
190
- var read_only = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n background-color: ", ";\n border: solid 1px ", ";\n"], ["\n background-color: ", ";\n border: solid 1px ", ";\n"])), function (_a) {
190
+ var read_only = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n background-color: ", ";\n border: solid 2px ", ";\n"], ["\n background-color: ", ";\n border: solid 2px ", ";\n"])), function (_a) {
191
191
  var theme = _a.theme;
192
- return theme.ui_cpnt_textfield_base_normal;
192
+ return theme.ui_cpnt_textfield_base_disabled;
193
193
  }, function (_a) {
194
194
  var theme = _a.theme;
195
- return theme.ui_cpnt_textfield_border_normal;
195
+ return theme.ui_cpnt_textfield_border_disabled;
196
196
  });
197
- var disabled = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n background-color: ", ";\n border: solid 1px ", ";\n"], ["\n background-color: ", ";\n border: solid 1px ", ";\n"])), function (_a) {
197
+ var disabled = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n background-color: ", ";\n border: solid 2px ", ";\n"], ["\n background-color: ", ";\n border: solid 2px ", ";\n"])), function (_a) {
198
198
  var theme = _a.theme;
199
199
  return theme.ui_cpnt_textfield_base_disabled;
200
200
  }, function (_a) {
201
201
  var theme = _a.theme;
202
202
  return theme.ui_cpnt_textfield_border_disabled;
203
203
  });
204
- var dark_normal = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n background-color: ", ";\n border: solid 1px\n ", ";\n"], ["\n background-color: ", ";\n border: solid 1px\n ", ";\n"])), function (_a) {
204
+ var dark_normal = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n background-color: ", ";\n border: solid 2px\n ", ";\n"], ["\n background-color: ", ";\n border: solid 2px\n ", ";\n"])), function (_a) {
205
205
  var theme = _a.theme;
206
- return theme.ui_cpnt_textfield_base_normal;
206
+ return theme.ui_cpnt_textfield_base_darktheme_normal;
207
207
  }, function (_a) {
208
208
  var theme = _a.theme, isError = _a.isError, isFocused = _a.isFocused;
209
209
  if (isError)
@@ -212,14 +212,14 @@ var dark_normal = (0, styled_components_1.css)(templateObject_10 || (templateObj
212
212
  return theme.ui_cpnt_textfield_border_darktheme_focus;
213
213
  return theme.ui_cpnt_textfield_border_darktheme_normal;
214
214
  });
215
- var dark_read_only = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n background-color: ", ";\n border: solid 1px ", ";\n"], ["\n background-color: ", ";\n border: solid 1px ", ";\n"])), function (_a) {
215
+ var dark_read_only = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n background-color: ", ";\n border: solid 2px ", ";\n"], ["\n background-color: ", ";\n border: solid 2px ", ";\n"])), function (_a) {
216
216
  var theme = _a.theme;
217
217
  return theme.ui_cpnt_textfield_base_darktheme_disabled;
218
218
  }, function (_a) {
219
219
  var theme = _a.theme;
220
220
  return theme.ui_cpnt_textfield_border_darktheme_normal;
221
221
  });
222
- var dark_disabled = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n background-color: ", ";\n border: solid 1px ", ";\n"], ["\n background-color: ", ";\n border: solid 1px ", ";\n"])), function (_a) {
222
+ var dark_disabled = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n background-color: ", ";\n border: solid 2px ", ";\n"], ["\n background-color: ", ";\n border: solid 2px ", ";\n"])), function (_a) {
223
223
  var theme = _a.theme;
224
224
  return theme.ui_cpnt_textfield_base_darktheme_disabled;
225
225
  }, function (_a) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "0.0.1",
3
+ "version": "0.0.2",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,4 +1,9 @@
1
1
  # PDS-DEV-KIT-WEB-TEST Release Notes
2
- ## [v0.0.1]
2
+ ## [v0.0.2]
3
3
 
4
- pds-dev-kit-web 1.4버전 배포 직전 테스트 (내용은 pds-dev-kit-web@1.4와 같음)
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상황에 맞게 변경