pds-dev-kit-web 0.6.11 → 0.6.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.
Files changed (5) hide show
  1. package/dist/src/desktop/components/Select/Select.js +9 -3
  2. package/dist/src/hybrid/components/Spacing/Spacing.js +100 -16
  3. package/dist/src/mobile/components/Select/Select.js +9 -3
  4. package/package.json +1 -1
  5. package/release-note.md +4 -6
package/dist/src/desktop/components/Select/Select.js CHANGED
@@ -29,7 +29,9 @@ var hybrid_1 = require("../../../hybrid");
29
29
  function Select(_a) {
30
30
  var hintText = _a.hintText, defaultValue = _a.defaultValue, valueArray = _a.valueArray, _b = _a.size, size = _b === void 0 ? 'large' : _b, _c = _a.responsiveMode, responsiveMode = _c === void 0 ? 'none' : _c, _d = _a.state, state = _d === void 0 ? 'normal' : _d, onChange = _a.onChange, _e = _a.colorTheme, colorTheme = _e === void 0 ? 'none' : _e;
31
31
  var _f = (0, react_1.useState)(false), isFocused = _f[0], setIsFocused = _f[1];
32
- var handleClick = function () { return setIsFocused(true); };
32
+ var handleClick = function () {
33
+ state === 'normal' && setIsFocused(true);
34
+ };
33
35
  var handleBlur = function () { return setIsFocused(false); };
34
36
  var handleChange = function (e) {
35
37
  setIsFocused(false);
@@ -54,7 +56,8 @@ function Select(_a) {
54
56
  }
55
57
  };
56
58
  return (react_1.default.createElement(S_Box, { size: size, responsiveMode: responsiveMode, onClick: handleClick, onBlur: handleBlur, tabIndex: 0 },
57
- react_1.default.createElement(S_Icon, { size: 16, fillType: "line", iconName: isFocused ? 'ic_arrow_up' : 'ic_arrow_down', colorKey: getIconColorKey() }),
59
+ react_1.default.createElement(S_Icon_Wrapper, { state: state },
60
+ react_1.default.createElement(hybrid_1.Icon, { size: 16, fillType: "line", iconName: isFocused ? 'ic_arrow_up' : 'ic_arrow_down', colorKey: getIconColorKey() })),
58
61
  react_1.default.createElement(S_Select, { disabled: state === 'disabled' || state === 'read_only', defaultValue: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.value) || '', state: state, colorTheme: colorTheme, onChange: handleChange },
59
62
  react_1.default.createElement("option", { disabled: true, value: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.value) || '' }, (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.text) || hintText),
60
63
  valueArray.map(function (el) { return (react_1.default.createElement("option", { key: el.value, value: el.value }, el.text)); }))));
@@ -100,9 +103,12 @@ var S_Box = styled_components_1.default.div(templateObject_6 || (templateObject_
100
103
  var responsiveMode = _a.responsiveMode;
101
104
  return responsiveMode === 'use' && 'width: 100%';
102
105
  });
103
- var S_Icon = (0, styled_components_1.default)(hybrid_1.Icon)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n position: absolute;\n right: ", ";\n top: 50%;\n transform: translateY(-50%);\n z-index: 2;\n"], ["\n position: absolute;\n right: ", ";\n top: 50%;\n transform: translateY(-50%);\n z-index: 2;\n"])), function (_a) {
106
+ var S_Icon_Wrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n height: 16px;\n position: absolute;\n right: ", ";\n top: 50%;\n transform: translateY(-50%);\n width: 16px;\n ", ";\n"], ["\n align-items: center;\n display: flex;\n height: 16px;\n position: absolute;\n right: ", ";\n top: 50%;\n transform: translateY(-50%);\n width: 16px;\n ", ";\n"])), function (_a) {
104
107
  var theme = _a.theme;
105
108
  return theme.spacing.spacingD;
109
+ }, function (_a) {
110
+ var state = _a.state;
111
+ return state === 'normal' && 'z-index: -1';
106
112
  });
107
113
  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: 8px;\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 color: ", ";\n cursor: not-allowed;\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: 8px;\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 color: ", ";\n cursor: not-allowed;\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) {
108
114
  var theme = _a.theme;
package/dist/src/hybrid/components/Spacing/Spacing.js CHANGED
@@ -32,98 +32,182 @@ function Spacing(_a) {
32
32
  var _b = _a.size, size = _b === void 0 ? 'spacing_a' : _b, _c = _a.spacingType, spacingType = _c === void 0 ? 'height' : _c;
33
33
  return react_1.default.createElement(S_Spacing, { size: size, spacingType: spacingType });
34
34
  }
35
- var spacing_a = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n"], ["\n height: ", ";\n width: ", ";\n"])), function (_a) {
35
+ var spacing_a = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"], ["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"])), function (_a) {
36
+ var theme = _a.theme;
37
+ return theme.spacing.spacingA;
38
+ }, function (_a) {
39
+ var theme = _a.theme;
40
+ return theme.spacing.spacingA;
41
+ }, function (_a) {
36
42
  var theme = _a.theme;
37
43
  return theme.spacing.spacingA;
38
44
  }, function (_a) {
39
45
  var theme = _a.theme;
40
46
  return theme.spacing.spacingA;
41
47
  });
42
- var spacing_b = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n"], ["\n height: ", ";\n width: ", ";\n"])), function (_a) {
48
+ var spacing_b = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"], ["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"])), function (_a) {
49
+ var theme = _a.theme;
50
+ return theme.spacing.spacingB;
51
+ }, function (_a) {
52
+ var theme = _a.theme;
53
+ return theme.spacing.spacingB;
54
+ }, function (_a) {
43
55
  var theme = _a.theme;
44
56
  return theme.spacing.spacingB;
45
57
  }, function (_a) {
46
58
  var theme = _a.theme;
47
59
  return theme.spacing.spacingB;
48
60
  });
49
- var spacing_c = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n"], ["\n height: ", ";\n width: ", ";\n"])), function (_a) {
61
+ var spacing_c = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"], ["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"])), function (_a) {
62
+ var theme = _a.theme;
63
+ return theme.spacing.spacingC;
64
+ }, function (_a) {
65
+ var theme = _a.theme;
66
+ return theme.spacing.spacingC;
67
+ }, function (_a) {
50
68
  var theme = _a.theme;
51
69
  return theme.spacing.spacingC;
52
70
  }, function (_a) {
53
71
  var theme = _a.theme;
54
72
  return theme.spacing.spacingC;
55
73
  });
56
- var spacing_d = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n"], ["\n height: ", ";\n width: ", ";\n"])), function (_a) {
74
+ var spacing_d = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"], ["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"])), function (_a) {
75
+ var theme = _a.theme;
76
+ return theme.spacing.spacingD;
77
+ }, function (_a) {
78
+ var theme = _a.theme;
79
+ return theme.spacing.spacingD;
80
+ }, function (_a) {
57
81
  var theme = _a.theme;
58
82
  return theme.spacing.spacingD;
59
83
  }, function (_a) {
60
84
  var theme = _a.theme;
61
85
  return theme.spacing.spacingD;
62
86
  });
63
- var spacing_e = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n"], ["\n height: ", ";\n width: ", ";\n"])), function (_a) {
87
+ var spacing_e = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"], ["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"])), function (_a) {
88
+ var theme = _a.theme;
89
+ return theme.spacing.spacingE;
90
+ }, function (_a) {
91
+ var theme = _a.theme;
92
+ return theme.spacing.spacingE;
93
+ }, function (_a) {
64
94
  var theme = _a.theme;
65
95
  return theme.spacing.spacingE;
66
96
  }, function (_a) {
67
97
  var theme = _a.theme;
68
98
  return theme.spacing.spacingE;
69
99
  });
70
- var spacing_f = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n"], ["\n height: ", ";\n width: ", ";\n"])), function (_a) {
100
+ var spacing_f = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"], ["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"])), function (_a) {
101
+ var theme = _a.theme;
102
+ return theme.spacing.spacingF;
103
+ }, function (_a) {
104
+ var theme = _a.theme;
105
+ return theme.spacing.spacingF;
106
+ }, function (_a) {
71
107
  var theme = _a.theme;
72
108
  return theme.spacing.spacingF;
73
109
  }, function (_a) {
74
110
  var theme = _a.theme;
75
111
  return theme.spacing.spacingF;
76
112
  });
77
- var spacing_g = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n"], ["\n height: ", ";\n width: ", ";\n"])), function (_a) {
113
+ var spacing_g = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"], ["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"])), function (_a) {
114
+ var theme = _a.theme;
115
+ return theme.spacing.spacingG;
116
+ }, function (_a) {
117
+ var theme = _a.theme;
118
+ return theme.spacing.spacingG;
119
+ }, function (_a) {
78
120
  var theme = _a.theme;
79
121
  return theme.spacing.spacingG;
80
122
  }, function (_a) {
81
123
  var theme = _a.theme;
82
124
  return theme.spacing.spacingG;
83
125
  });
84
- var spacing_h = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n"], ["\n height: ", ";\n width: ", ";\n"])), function (_a) {
126
+ var spacing_h = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"], ["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"])), function (_a) {
127
+ var theme = _a.theme;
128
+ return theme.spacing.spacingH;
129
+ }, function (_a) {
130
+ var theme = _a.theme;
131
+ return theme.spacing.spacingH;
132
+ }, function (_a) {
85
133
  var theme = _a.theme;
86
134
  return theme.spacing.spacingH;
87
135
  }, function (_a) {
88
136
  var theme = _a.theme;
89
137
  return theme.spacing.spacingH;
90
138
  });
91
- var spacing_i = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n"], ["\n height: ", ";\n width: ", ";\n"])), function (_a) {
139
+ var spacing_i = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"], ["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"])), function (_a) {
140
+ var theme = _a.theme;
141
+ return theme.spacing.spacingI;
142
+ }, function (_a) {
143
+ var theme = _a.theme;
144
+ return theme.spacing.spacingI;
145
+ }, function (_a) {
92
146
  var theme = _a.theme;
93
147
  return theme.spacing.spacingI;
94
148
  }, function (_a) {
95
149
  var theme = _a.theme;
96
150
  return theme.spacing.spacingI;
97
151
  });
98
- var spacing_j = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n"], ["\n height: ", ";\n width: ", ";\n"])), function (_a) {
152
+ var spacing_j = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"], ["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"])), function (_a) {
153
+ var theme = _a.theme;
154
+ return theme.spacing.spacingJ;
155
+ }, function (_a) {
156
+ var theme = _a.theme;
157
+ return theme.spacing.spacingJ;
158
+ }, function (_a) {
99
159
  var theme = _a.theme;
100
160
  return theme.spacing.spacingJ;
101
161
  }, function (_a) {
102
162
  var theme = _a.theme;
103
163
  return theme.spacing.spacingJ;
104
164
  });
105
- var spacing_k = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n"], ["\n height: ", ";\n width: ", ";\n"])), function (_a) {
165
+ var spacing_k = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"], ["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"])), function (_a) {
166
+ var theme = _a.theme;
167
+ return theme.spacing.spacingK;
168
+ }, function (_a) {
169
+ var theme = _a.theme;
170
+ return theme.spacing.spacingK;
171
+ }, function (_a) {
106
172
  var theme = _a.theme;
107
173
  return theme.spacing.spacingK;
108
174
  }, function (_a) {
109
175
  var theme = _a.theme;
110
176
  return theme.spacing.spacingK;
111
177
  });
112
- var spacing_l = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n"], ["\n height: ", ";\n width: ", ";\n"])), function (_a) {
178
+ var spacing_l = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"], ["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"])), function (_a) {
179
+ var theme = _a.theme;
180
+ return theme.spacing.spacingL;
181
+ }, function (_a) {
182
+ var theme = _a.theme;
183
+ return theme.spacing.spacingL;
184
+ }, function (_a) {
113
185
  var theme = _a.theme;
114
186
  return theme.spacing.spacingL;
115
187
  }, function (_a) {
116
188
  var theme = _a.theme;
117
189
  return theme.spacing.spacingL;
118
190
  });
119
- var spacing_m = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n"], ["\n height: ", ";\n width: ", ";\n"])), function (_a) {
191
+ var spacing_m = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"], ["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"])), function (_a) {
192
+ var theme = _a.theme;
193
+ return theme.spacing.spacingM;
194
+ }, function (_a) {
195
+ var theme = _a.theme;
196
+ return theme.spacing.spacingM;
197
+ }, function (_a) {
120
198
  var theme = _a.theme;
121
199
  return theme.spacing.spacingM;
122
200
  }, function (_a) {
123
201
  var theme = _a.theme;
124
202
  return theme.spacing.spacingM;
125
203
  });
126
- var spacing_n = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n"], ["\n height: ", ";\n width: ", ";\n"])), function (_a) {
204
+ var spacing_n = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"], ["\n height: ", ";\n min-height: ", ";\n min-width: ", ";\n width: ", ";\n"])), function (_a) {
205
+ var theme = _a.theme;
206
+ return theme.spacing.spacingN;
207
+ }, function (_a) {
208
+ var theme = _a.theme;
209
+ return theme.spacing.spacingN;
210
+ }, function (_a) {
127
211
  var theme = _a.theme;
128
212
  return theme.spacing.spacingN;
129
213
  }, function (_a) {
@@ -153,8 +237,8 @@ var S_Spacing = styled_components_1.default.div(templateObject_15 || (templateOb
153
237
  var spacingType = _a.spacingType;
154
238
  return spacingType &&
155
239
  {
156
- height: 'width: 1px',
157
- width: 'height: 1px'
240
+ height: 'min-width: 1px; width: 1px;',
241
+ width: 'min-height: 1px; height: 1px;'
158
242
  }[spacingType];
159
243
  });
160
244
  exports.default = Spacing;
package/dist/src/mobile/components/Select/Select.js CHANGED
@@ -29,7 +29,9 @@ var hybrid_1 = require("../../../hybrid");
29
29
  function Select(_a) {
30
30
  var hintText = _a.hintText, defaultValue = _a.defaultValue, valueArray = _a.valueArray, _b = _a.size, size = _b === void 0 ? 'large' : _b, _c = _a.responsiveMode, responsiveMode = _c === void 0 ? 'none' : _c, _d = _a.state, state = _d === void 0 ? 'normal' : _d, onChange = _a.onChange, _e = _a.colorTheme, colorTheme = _e === void 0 ? 'none' : _e;
31
31
  var _f = (0, react_1.useState)(false), isFocused = _f[0], setIsFocused = _f[1];
32
- var handleClick = function () { return setIsFocused(true); };
32
+ var handleClick = function () {
33
+ state === 'normal' && setIsFocused(true);
34
+ };
33
35
  var handleBlur = function () { return setIsFocused(false); };
34
36
  var handleChange = function (e) {
35
37
  setIsFocused(false);
@@ -50,7 +52,8 @@ function Select(_a) {
50
52
  return 'ui_cpnt_select_icon_01';
51
53
  };
52
54
  return (react_1.default.createElement(S_Box, { size: size, responsiveMode: responsiveMode, onClick: handleClick, onBlur: handleBlur, tabIndex: 0 },
53
- react_1.default.createElement(S_Icon, { size: 16, fillType: "line", iconName: isFocused ? 'ic_arrow_up' : 'ic_arrow_down', colorKey: getIconColorKey() }),
55
+ react_1.default.createElement(S_Icon_Wrapper, { state: state },
56
+ react_1.default.createElement(hybrid_1.Icon, { size: 16, fillType: "line", iconName: isFocused ? 'ic_arrow_up' : 'ic_arrow_down', colorKey: getIconColorKey() })),
54
57
  react_1.default.createElement(S_Select, { disabled: state === 'disabled' || state === 'read_only', defaultValue: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.value) || '', state: state, colorTheme: colorTheme, onChange: handleChange },
55
58
  react_1.default.createElement("option", { disabled: true, value: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.value) || '' }, (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.text) || hintText),
56
59
  valueArray.map(function (el) { return (react_1.default.createElement("option", { key: el.value, value: el.value }, el.text)); }))));
@@ -96,9 +99,12 @@ var S_Box = styled_components_1.default.div(templateObject_6 || (templateObject_
96
99
  var responsiveMode = _a.responsiveMode;
97
100
  return responsiveMode === 'use' && 'width: 100%';
98
101
  });
99
- var S_Icon = (0, styled_components_1.default)(hybrid_1.Icon)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n position: absolute;\n right: ", ";\n top: 50%;\n transform: translateY(-50%);\n z-index: 2;\n"], ["\n position: absolute;\n right: ", ";\n top: 50%;\n transform: translateY(-50%);\n z-index: 2;\n"])), function (_a) {
102
+ var S_Icon_Wrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n height: 16px;\n position: absolute;\n right: ", ";\n top: 50%;\n transform: translateY(-50%);\n width: 16px;\n ", ";\n"], ["\n align-items: center;\n display: flex;\n height: 16px;\n position: absolute;\n right: ", ";\n top: 50%;\n transform: translateY(-50%);\n width: 16px;\n ", ";\n"])), function (_a) {
100
103
  var theme = _a.theme;
101
104
  return theme.spacing.spacingD;
105
+ }, function (_a) {
106
+ var state = _a.state;
107
+ return state === 'normal' && 'z-index: -1';
102
108
  });
103
109
  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: 8px;\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 color: ", ";\n cursor: not-allowed;\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: 8px;\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 color: ", ";\n cursor: not-allowed;\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) {
104
110
  var theme = _a.theme;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "0.6.11",
3
+ "version": "0.6.14",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,8 +1,6 @@
1
1
  # UW Release Notes
2
- ## [v0.6.11]
2
+ ## [v0.6.14]
3
3
 
4
- ### Component
5
- * FloatingActionButton
6
- * fontWeight의 default value를 bold로 부여 (기획서와 싱크 맞춤)
7
- * MobileHeaderBar
8
- * displayType이 ibtn_amount2일때, 좌측에 빈공간을 하나 더 추가 (MobileHeaderBar에서 우측에 버튼이 2개일때 title이 중앙에 위치하지 않고 좌측으로 치우치는 문제를 해결)
4
+
5
+ ### Package
6
+ * react-hook-form v7.28.1에서 v7.7.1로 다운그레이드