pds-dev-kit-web 0.6.5 → 0.6.6

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 (6) hide show
  1. package/dist/src/desktop/components/Checkbox/Checkbox.js +2 -2
  2. package/dist/src/desktop/components/TextField/TextField.js +2 -2
  3. package/dist/src/hybrid/components/Icon/Icon.js +1 -1
  4. package/dist/src/mobile/components/Checkbox/Checkbox.js +1 -1
  5. package/dist/src/mobile/components/TextField/TextField.js +2 -2
  6. package/package.json +1 -1
package/dist/src/desktop/components/Checkbox/Checkbox.js CHANGED
@@ -27,7 +27,7 @@ function Checkbox(_a) {
27
27
  var text = _a.text, _b = _a.fontWeight, fontWeight = _b === void 0 ? 'regular' : _b, _c = _a.state, state = _c === void 0 ? 'normal' : _c, name = _a.name;
28
28
  var register = (0, react_hook_form_1.useFormContext)().register;
29
29
  var checkboxFormRegister = register(name);
30
- var isChecked = (0, react_hook_form_1.useWatch)({ name: name, defaultValue: false });
30
+ var isChecked = (0, react_hook_form_1.useWatch)({ name: name });
31
31
  var icon = function () {
32
32
  switch (state) {
33
33
  case 'normal': {
@@ -48,7 +48,7 @@ function Checkbox(_a) {
48
48
  react_1.default.createElement(TextLabel_1.TextLabel, { text: text, styleTheme: fontWeight === 'regular' ? 'body2Regular' : 'body2Bold', colorOverride: state === 'normal'
49
49
  ? 'ui_cpnt_selcontrols_text_default'
50
50
  : 'ui_cpnt_selcontrols_text_disabled' }))),
51
- react_1.default.createElement("input", __assign({ hidden: true, type: "checkbox" }, checkboxFormRegister, { id: name, value: name, disabled: state === 'disabled' })))));
51
+ react_1.default.createElement("input", __assign({ hidden: true, type: "checkbox" }, checkboxFormRegister, { id: name, disabled: state === 'disabled' })))));
52
52
  }
53
53
  var S_Checkbox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n height: 24px;\n"], ["\n align-items: center;\n display: flex;\n height: 24px;\n"])));
54
54
  var S_Label = styled_components_1.default.label(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-items: center;\n cursor: ", ";\n display: inline-flex;\n"], ["\n align-items: center;\n cursor: ", ";\n display: inline-flex;\n"])), function (_a) {
package/dist/src/desktop/components/TextField/TextField.js CHANGED
@@ -151,14 +151,14 @@ var small = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 =
151
151
  return theme.spacing.spacingC;
152
152
  }, function (_a) {
153
153
  var theme = _a.theme;
154
- return theme.spacing.spacingC;
154
+ return theme.spacing.spacingB;
155
155
  });
156
156
  var medium = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 40px;\n padding-left: ", ";\n padding-right: ", ";\n width: 188px;\n"], ["\n height: 40px;\n padding-left: ", ";\n padding-right: ", ";\n width: 188px;\n"])), function (_a) {
157
157
  var theme = _a.theme;
158
158
  return theme.spacing.spacingC;
159
159
  }, function (_a) {
160
160
  var theme = _a.theme;
161
- return theme.spacing.spacingC;
161
+ return theme.spacing.spacingB;
162
162
  });
163
163
  var large = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 48px;\n padding-left: ", ";\n padding-right: ", ";\n width: ", ";\n ", "\n ", "\n"], ["\n height: 48px;\n padding-left: ", ";\n padding-right: ", ";\n width: ", ";\n ", "\n ", "\n"])), function (_a) {
164
164
  var theme = _a.theme;
package/dist/src/hybrid/components/Icon/Icon.js CHANGED
@@ -12,6 +12,6 @@ var Icon = function (_a) {
12
12
  var SelectedIcon = fillType === 'line'
13
13
  ? line_1.default[iconName] || fill_1.default[iconName]
14
14
  : fill_1.default[iconName] || line_1.default[iconName];
15
- return (react_1.default.createElement(SelectedIcon, { color: (0, common_1.customTheme)(window.PdsUtils ? window.PdsUtils.tone : 'DARK')[colorKey], size: size }));
15
+ return (react_1.default.createElement(SelectedIcon, { color: (0, common_1.customTheme)(window.PdsUtils ? window.PdsUtils.tone : 'DARK')[colorKey], size: size, style: { minWidth: size, minHeight: size } }));
16
16
  };
17
17
  exports.default = Icon;
package/dist/src/mobile/components/Checkbox/Checkbox.js CHANGED
@@ -27,7 +27,7 @@ function Checkbox(_a) {
27
27
  var text = _a.text, _b = _a.fontWeight, fontWeight = _b === void 0 ? 'regular' : _b, _c = _a.state, state = _c === void 0 ? 'normal' : _c, name = _a.name;
28
28
  var register = (0, react_hook_form_1.useFormContext)().register;
29
29
  var checkboxFormRegister = register(name);
30
- var isChecked = (0, react_hook_form_1.useWatch)({ name: name, defaultValue: false });
30
+ var isChecked = (0, react_hook_form_1.useWatch)({ name: name });
31
31
  var icon = function () {
32
32
  switch (state) {
33
33
  case 'normal': {
package/dist/src/mobile/components/TextField/TextField.js CHANGED
@@ -151,14 +151,14 @@ var small = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 =
151
151
  return theme.spacing.spacingC;
152
152
  }, function (_a) {
153
153
  var theme = _a.theme;
154
- return theme.spacing.spacingC;
154
+ return theme.spacing.spacingB;
155
155
  });
156
156
  var medium = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 40px;\n padding-left: ", ";\n padding-right: ", ";\n width: 188px;\n"], ["\n height: 40px;\n padding-left: ", ";\n padding-right: ", ";\n width: 188px;\n"])), function (_a) {
157
157
  var theme = _a.theme;
158
158
  return theme.spacing.spacingC;
159
159
  }, function (_a) {
160
160
  var theme = _a.theme;
161
- return theme.spacing.spacingC;
161
+ return theme.spacing.spacingB;
162
162
  });
163
163
  var large = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 48px;\n padding-left: ", ";\n padding-right: ", ";\n width: ", ";\n ", "\n ", "\n"], ["\n height: 48px;\n padding-left: ", ";\n padding-right: ", ";\n width: ", ";\n ", "\n ", "\n"])), function (_a) {
164
164
  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.5",
3
+ "version": "0.6.6",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",