@commercetools-uikit/checkbox-input 19.10.0 → 19.12.0

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 (4) hide show
  1. package/dist/commercetools-uikit-checkbox-input.cjs.dev.js +33 -21
  2. package/dist/commercetools-uikit-checkbox-input.cjs.prod.js +31 -19
  3. package/dist/commercetools-uikit-checkbox-input.esm.js +33 -20
  4. package/package.json +6 -6
package/dist/commercetools-uikit-checkbox-input.cjs.dev.js CHANGED
@@ -19,7 +19,6 @@ var utils = require('@commercetools-uikit/utils');
19
19
  var react$1 = require('react');
20
20
  var inputUtils = require('@commercetools-uikit/input-utils');
21
21
  var jsxRuntime = require('@emotion/react/jsx-runtime');
22
- var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
23
22
 
24
23
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
25
24
 
@@ -33,10 +32,9 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
33
32
  var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
34
33
  var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
35
34
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
36
- var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
37
35
 
38
36
  function ownKeys$3(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
39
- function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$3(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$3(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
37
+ function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
40
38
  const iconSizes$1 = {
41
39
  small: 12,
42
40
  medium: 16,
@@ -61,24 +59,31 @@ const getSizeDimensions$1 = size => {
61
59
  case '30':
62
60
  case '40':
63
61
  return {
64
- width: "".concat(iconSizes$1[size], "px"),
65
- height: "".concat(iconSizes$1[size], "px")
62
+ width: `${iconSizes$1[size]}px`,
63
+ height: `${iconSizes$1[size]}px`
66
64
  };
67
65
  default:
68
66
  return {
69
- width: "".concat(iconSizes$1['40'], "px"),
70
- height: "".concat(iconSizes$1['40'], "px")
67
+ width: `${iconSizes$1['40']}px`,
68
+ height: `${iconSizes$1['40']}px`
71
69
  };
72
70
  }
73
71
  };
74
72
  const getSizeStyle$1 = size => {
75
- var _context, _context2;
76
73
  const dimensions = getSizeDimensions$1(size);
77
74
  switch (size) {
78
75
  case 'scale':
79
- return _concatInstanceProperty__default["default"](_context = "\n &:not(:root) {\n width: ".concat(dimensions.width, ";\n height: ")).call(_context, dimensions.height, ";\n }\n ");
76
+ return `
77
+ &:not(:root) {
78
+ width: ${dimensions.width};
79
+ height: ${dimensions.height};
80
+ }
81
+ `;
80
82
  default:
81
- return _concatInstanceProperty__default["default"](_context2 = "\n width: ".concat(dimensions.width, ";\n height: ")).call(_context2, dimensions.height, ";\n ");
83
+ return `
84
+ width: ${dimensions.width};
85
+ height: ${dimensions.height};
86
+ `;
82
87
  }
83
88
  };
84
89
  const getColor$1 = color => {
@@ -114,7 +119,7 @@ const getColor$1 = color => {
114
119
  break;
115
120
  }
116
121
  if (!iconColor) {
117
- process.env.NODE_ENV !== "production" ? utils.warning(color, "ui-kit/Icon: the specified color '".concat(color, "' is not supported.")) : void 0;
122
+ process.env.NODE_ENV !== "production" ? utils.warning(color, `ui-kit/Icon: the specified color '${color}' is not supported.`) : void 0;
118
123
  return 'inherit';
119
124
  }
120
125
  return iconColor;
@@ -153,7 +158,7 @@ CheckedIcon.displayName = 'CheckedIcon';
153
158
  var CheckedIcon$1 = CheckedIcon;
154
159
 
155
160
  function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
156
- function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$2(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$2(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
161
+ function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
157
162
  const iconSizes = {
158
163
  small: 12,
159
164
  medium: 16,
@@ -178,24 +183,31 @@ const getSizeDimensions = size => {
178
183
  case '30':
179
184
  case '40':
180
185
  return {
181
- width: "".concat(iconSizes[size], "px"),
182
- height: "".concat(iconSizes[size], "px")
186
+ width: `${iconSizes[size]}px`,
187
+ height: `${iconSizes[size]}px`
183
188
  };
184
189
  default:
185
190
  return {
186
- width: "".concat(iconSizes['40'], "px"),
187
- height: "".concat(iconSizes['40'], "px")
191
+ width: `${iconSizes['40']}px`,
192
+ height: `${iconSizes['40']}px`
188
193
  };
189
194
  }
190
195
  };
191
196
  const getSizeStyle = size => {
192
- var _context, _context2;
193
197
  const dimensions = getSizeDimensions(size);
194
198
  switch (size) {
195
199
  case 'scale':
196
- return _concatInstanceProperty__default["default"](_context = "\n &:not(:root) {\n width: ".concat(dimensions.width, ";\n height: ")).call(_context, dimensions.height, ";\n }\n ");
200
+ return `
201
+ &:not(:root) {
202
+ width: ${dimensions.width};
203
+ height: ${dimensions.height};
204
+ }
205
+ `;
197
206
  default:
198
- return _concatInstanceProperty__default["default"](_context2 = "\n width: ".concat(dimensions.width, ";\n height: ")).call(_context2, dimensions.height, ";\n ");
207
+ return `
208
+ width: ${dimensions.width};
209
+ height: ${dimensions.height};
210
+ `;
199
211
  }
200
212
  };
201
213
  const getColor = color => {
@@ -231,7 +243,7 @@ const getColor = color => {
231
243
  break;
232
244
  }
233
245
  if (!iconColor) {
234
- process.env.NODE_ENV !== "production" ? utils.warning(color, "ui-kit/Icon: the specified color '".concat(color, "' is not supported.")) : void 0;
246
+ process.env.NODE_ENV !== "production" ? utils.warning(color, `ui-kit/Icon: the specified color '${color}' is not supported.`) : void 0;
235
247
  return 'inherit';
236
248
  }
237
249
  return iconColor;
@@ -446,7 +458,7 @@ CheckboxInput.defaultProps = defaultProps;
446
458
  var CheckboxInput$1 = CheckboxInput;
447
459
 
448
460
  // NOTE: This string will be replaced on build time with the package version.
449
- var version = "19.10.0";
461
+ var version = "19.11.0";
450
462
 
451
463
  exports["default"] = CheckboxInput$1;
452
464
  exports.version = version;
package/dist/commercetools-uikit-checkbox-input.cjs.prod.js CHANGED
@@ -19,7 +19,6 @@ var utils = require('@commercetools-uikit/utils');
19
19
  var react$1 = require('react');
20
20
  var inputUtils = require('@commercetools-uikit/input-utils');
21
21
  var jsxRuntime = require('@emotion/react/jsx-runtime');
22
- var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
23
22
 
24
23
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
25
24
 
@@ -32,10 +31,9 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
32
31
  var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
33
32
  var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
34
33
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
35
- var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
36
34
 
37
35
  function ownKeys$3(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
38
- function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$3(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$3(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
36
+ function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
39
37
  const iconSizes$1 = {
40
38
  small: 12,
41
39
  medium: 16,
@@ -60,24 +58,31 @@ const getSizeDimensions$1 = size => {
60
58
  case '30':
61
59
  case '40':
62
60
  return {
63
- width: "".concat(iconSizes$1[size], "px"),
64
- height: "".concat(iconSizes$1[size], "px")
61
+ width: `${iconSizes$1[size]}px`,
62
+ height: `${iconSizes$1[size]}px`
65
63
  };
66
64
  default:
67
65
  return {
68
- width: "".concat(iconSizes$1['40'], "px"),
69
- height: "".concat(iconSizes$1['40'], "px")
66
+ width: `${iconSizes$1['40']}px`,
67
+ height: `${iconSizes$1['40']}px`
70
68
  };
71
69
  }
72
70
  };
73
71
  const getSizeStyle$1 = size => {
74
- var _context, _context2;
75
72
  const dimensions = getSizeDimensions$1(size);
76
73
  switch (size) {
77
74
  case 'scale':
78
- return _concatInstanceProperty__default["default"](_context = "\n &:not(:root) {\n width: ".concat(dimensions.width, ";\n height: ")).call(_context, dimensions.height, ";\n }\n ");
75
+ return `
76
+ &:not(:root) {
77
+ width: ${dimensions.width};
78
+ height: ${dimensions.height};
79
+ }
80
+ `;
79
81
  default:
80
- return _concatInstanceProperty__default["default"](_context2 = "\n width: ".concat(dimensions.width, ";\n height: ")).call(_context2, dimensions.height, ";\n ");
82
+ return `
83
+ width: ${dimensions.width};
84
+ height: ${dimensions.height};
85
+ `;
81
86
  }
82
87
  };
83
88
  const getColor$1 = color => {
@@ -151,7 +156,7 @@ CheckedIcon.displayName = 'CheckedIcon';
151
156
  var CheckedIcon$1 = CheckedIcon;
152
157
 
153
158
  function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
154
- function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$2(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$2(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
159
+ function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
155
160
  const iconSizes = {
156
161
  small: 12,
157
162
  medium: 16,
@@ -176,24 +181,31 @@ const getSizeDimensions = size => {
176
181
  case '30':
177
182
  case '40':
178
183
  return {
179
- width: "".concat(iconSizes[size], "px"),
180
- height: "".concat(iconSizes[size], "px")
184
+ width: `${iconSizes[size]}px`,
185
+ height: `${iconSizes[size]}px`
181
186
  };
182
187
  default:
183
188
  return {
184
- width: "".concat(iconSizes['40'], "px"),
185
- height: "".concat(iconSizes['40'], "px")
189
+ width: `${iconSizes['40']}px`,
190
+ height: `${iconSizes['40']}px`
186
191
  };
187
192
  }
188
193
  };
189
194
  const getSizeStyle = size => {
190
- var _context, _context2;
191
195
  const dimensions = getSizeDimensions(size);
192
196
  switch (size) {
193
197
  case 'scale':
194
- return _concatInstanceProperty__default["default"](_context = "\n &:not(:root) {\n width: ".concat(dimensions.width, ";\n height: ")).call(_context, dimensions.height, ";\n }\n ");
198
+ return `
199
+ &:not(:root) {
200
+ width: ${dimensions.width};
201
+ height: ${dimensions.height};
202
+ }
203
+ `;
195
204
  default:
196
- return _concatInstanceProperty__default["default"](_context2 = "\n width: ".concat(dimensions.width, ";\n height: ")).call(_context2, dimensions.height, ";\n ");
205
+ return `
206
+ width: ${dimensions.width};
207
+ height: ${dimensions.height};
208
+ `;
197
209
  }
198
210
  };
199
211
  const getColor = color => {
@@ -422,7 +434,7 @@ CheckboxInput.defaultProps = defaultProps;
422
434
  var CheckboxInput$1 = CheckboxInput;
423
435
 
424
436
  // NOTE: This string will be replaced on build time with the package version.
425
- var version = "19.10.0";
437
+ var version = "19.11.0";
426
438
 
427
439
  exports["default"] = CheckboxInput$1;
428
440
  exports.version = version;
package/dist/commercetools-uikit-checkbox-input.esm.js CHANGED
@@ -15,10 +15,9 @@ import { warning, filterDataAttributes, filterAriaAttributes, createSequentialId
15
15
  import { useRef, useEffect } from 'react';
16
16
  import { accessibleHiddenInputStyles } from '@commercetools-uikit/input-utils';
17
17
  import { jsx, jsxs } from '@emotion/react/jsx-runtime';
18
- import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
19
18
 
20
19
  function ownKeys$3(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
21
- function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys$3(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys$3(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
20
+ function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
22
21
  const iconSizes$1 = {
23
22
  small: 12,
24
23
  medium: 16,
@@ -43,24 +42,31 @@ const getSizeDimensions$1 = size => {
43
42
  case '30':
44
43
  case '40':
45
44
  return {
46
- width: "".concat(iconSizes$1[size], "px"),
47
- height: "".concat(iconSizes$1[size], "px")
45
+ width: `${iconSizes$1[size]}px`,
46
+ height: `${iconSizes$1[size]}px`
48
47
  };
49
48
  default:
50
49
  return {
51
- width: "".concat(iconSizes$1['40'], "px"),
52
- height: "".concat(iconSizes$1['40'], "px")
50
+ width: `${iconSizes$1['40']}px`,
51
+ height: `${iconSizes$1['40']}px`
53
52
  };
54
53
  }
55
54
  };
56
55
  const getSizeStyle$1 = size => {
57
- var _context, _context2;
58
56
  const dimensions = getSizeDimensions$1(size);
59
57
  switch (size) {
60
58
  case 'scale':
61
- return _concatInstanceProperty(_context = "\n &:not(:root) {\n width: ".concat(dimensions.width, ";\n height: ")).call(_context, dimensions.height, ";\n }\n ");
59
+ return `
60
+ &:not(:root) {
61
+ width: ${dimensions.width};
62
+ height: ${dimensions.height};
63
+ }
64
+ `;
62
65
  default:
63
- return _concatInstanceProperty(_context2 = "\n width: ".concat(dimensions.width, ";\n height: ")).call(_context2, dimensions.height, ";\n ");
66
+ return `
67
+ width: ${dimensions.width};
68
+ height: ${dimensions.height};
69
+ `;
64
70
  }
65
71
  };
66
72
  const getColor$1 = color => {
@@ -96,7 +102,7 @@ const getColor$1 = color => {
96
102
  break;
97
103
  }
98
104
  if (!iconColor) {
99
- process.env.NODE_ENV !== "production" ? warning(color, "ui-kit/Icon: the specified color '".concat(color, "' is not supported.")) : void 0;
105
+ process.env.NODE_ENV !== "production" ? warning(color, `ui-kit/Icon: the specified color '${color}' is not supported.`) : void 0;
100
106
  return 'inherit';
101
107
  }
102
108
  return iconColor;
@@ -135,7 +141,7 @@ CheckedIcon.displayName = 'CheckedIcon';
135
141
  var CheckedIcon$1 = CheckedIcon;
136
142
 
137
143
  function ownKeys$2(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
138
- function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys$2(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys$2(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
144
+ function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
139
145
  const iconSizes = {
140
146
  small: 12,
141
147
  medium: 16,
@@ -160,24 +166,31 @@ const getSizeDimensions = size => {
160
166
  case '30':
161
167
  case '40':
162
168
  return {
163
- width: "".concat(iconSizes[size], "px"),
164
- height: "".concat(iconSizes[size], "px")
169
+ width: `${iconSizes[size]}px`,
170
+ height: `${iconSizes[size]}px`
165
171
  };
166
172
  default:
167
173
  return {
168
- width: "".concat(iconSizes['40'], "px"),
169
- height: "".concat(iconSizes['40'], "px")
174
+ width: `${iconSizes['40']}px`,
175
+ height: `${iconSizes['40']}px`
170
176
  };
171
177
  }
172
178
  };
173
179
  const getSizeStyle = size => {
174
- var _context, _context2;
175
180
  const dimensions = getSizeDimensions(size);
176
181
  switch (size) {
177
182
  case 'scale':
178
- return _concatInstanceProperty(_context = "\n &:not(:root) {\n width: ".concat(dimensions.width, ";\n height: ")).call(_context, dimensions.height, ";\n }\n ");
183
+ return `
184
+ &:not(:root) {
185
+ width: ${dimensions.width};
186
+ height: ${dimensions.height};
187
+ }
188
+ `;
179
189
  default:
180
- return _concatInstanceProperty(_context2 = "\n width: ".concat(dimensions.width, ";\n height: ")).call(_context2, dimensions.height, ";\n ");
190
+ return `
191
+ width: ${dimensions.width};
192
+ height: ${dimensions.height};
193
+ `;
181
194
  }
182
195
  };
183
196
  const getColor = color => {
@@ -213,7 +226,7 @@ const getColor = color => {
213
226
  break;
214
227
  }
215
228
  if (!iconColor) {
216
- process.env.NODE_ENV !== "production" ? warning(color, "ui-kit/Icon: the specified color '".concat(color, "' is not supported.")) : void 0;
229
+ process.env.NODE_ENV !== "production" ? warning(color, `ui-kit/Icon: the specified color '${color}' is not supported.`) : void 0;
217
230
  return 'inherit';
218
231
  }
219
232
  return iconColor;
@@ -428,6 +441,6 @@ CheckboxInput.defaultProps = defaultProps;
428
441
  var CheckboxInput$1 = CheckboxInput;
429
442
 
430
443
  // NOTE: This string will be replaced on build time with the package version.
431
- var version = "19.10.0";
444
+ var version = "19.11.0";
432
445
 
433
446
  export { CheckboxInput$1 as default, version };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/checkbox-input",
3
3
  "description": "An input component that works as checkbox input.",
4
- "version": "19.10.0",
4
+ "version": "19.12.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -24,11 +24,11 @@
24
24
  "dependencies": {
25
25
  "@babel/runtime": "^7.20.13",
26
26
  "@babel/runtime-corejs3": "^7.20.13",
27
- "@commercetools-uikit/design-system": "19.10.0",
28
- "@commercetools-uikit/icons": "19.10.0",
29
- "@commercetools-uikit/input-utils": "19.10.0",
30
- "@commercetools-uikit/select-utils": "19.10.0",
31
- "@commercetools-uikit/utils": "19.10.0",
27
+ "@commercetools-uikit/design-system": "19.12.0",
28
+ "@commercetools-uikit/icons": "19.12.0",
29
+ "@commercetools-uikit/input-utils": "19.12.0",
30
+ "@commercetools-uikit/select-utils": "19.12.0",
31
+ "@commercetools-uikit/utils": "19.12.0",
32
32
  "@emotion/react": "^11.10.5",
33
33
  "@emotion/styled": "^11.10.5",
34
34
  "prop-types": "15.8.1",