@commercetools-uikit/checkbox-input 19.19.0 → 19.20.1

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/commercetools-uikit-checkbox-input.cjs.d.ts +2 -2
  2. package/dist/commercetools-uikit-checkbox-input.cjs.dev.js +3 -183
  3. package/dist/commercetools-uikit-checkbox-input.cjs.prod.js +3 -181
  4. package/dist/commercetools-uikit-checkbox-input.esm.js +4 -184
  5. package/package.json +6 -6
package/dist/commercetools-uikit-checkbox-input.cjs.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export * from "./declarations/src/index";
2
- export { default } from "./declarations/src/index";
1
+ export * from "./declarations/src/index.js";
2
+ export { default } from "./declarations/src/index.js";
3
3
  //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVyY2V0b29scy11aWtpdC1jaGVja2JveC1pbnB1dC5janMuZC50cyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4vZGVjbGFyYXRpb25zL3NyYy9pbmRleC5kLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIn0=
package/dist/commercetools-uikit-checkbox-input.cjs.dev.js CHANGED
@@ -35,96 +35,6 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
35
35
 
36
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; }
37
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; }
38
- const iconSizes$1 = {
39
- small: 12,
40
- medium: 16,
41
- big: 24,
42
- '10': 12,
43
- '20': 16,
44
- '30': 20,
45
- '40': 24
46
- };
47
- const getSizeDimensions$1 = size => {
48
- switch (size) {
49
- case 'scale':
50
- return {
51
- width: '100%',
52
- height: 'auto'
53
- };
54
- case 'small':
55
- case 'medium':
56
- case 'big':
57
- case '10':
58
- case '20':
59
- case '30':
60
- case '40':
61
- return {
62
- width: `${iconSizes$1[size]}px`,
63
- height: `${iconSizes$1[size]}px`
64
- };
65
- default:
66
- return {
67
- width: `${iconSizes$1['40']}px`,
68
- height: `${iconSizes$1['40']}px`
69
- };
70
- }
71
- };
72
- const getSizeStyle$1 = size => {
73
- const dimensions = getSizeDimensions$1(size);
74
- switch (size) {
75
- case 'scale':
76
- return `
77
- &:not(:root) {
78
- width: ${dimensions.width};
79
- height: ${dimensions.height};
80
- }
81
- `;
82
- default:
83
- return `
84
- width: ${dimensions.width};
85
- height: ${dimensions.height};
86
- `;
87
- }
88
- };
89
- const getColor$1 = color => {
90
- if (!color) return 'inherit';
91
- let iconColor;
92
- switch (color) {
93
- case 'solid':
94
- iconColor = designSystem.designTokens.colorSolid;
95
- break;
96
- case 'neutral60':
97
- iconColor = designSystem.designTokens.colorNeutral60;
98
- break;
99
- case 'surface':
100
- iconColor = designSystem.designTokens.colorSurface;
101
- break;
102
- case 'info':
103
- iconColor = designSystem.designTokens.colorInfo;
104
- break;
105
- case 'primary':
106
- iconColor = designSystem.designTokens.colorPrimary;
107
- break;
108
- case 'primary40':
109
- iconColor = designSystem.designTokens.colorPrimary40;
110
- break;
111
- case 'warning':
112
- iconColor = designSystem.designTokens.colorWarning;
113
- break;
114
- case 'error':
115
- iconColor = designSystem.designTokens.colorError;
116
- break;
117
- case 'success':
118
- iconColor = designSystem.designTokens.colorSuccess;
119
- break;
120
- }
121
- if (!iconColor) {
122
- process.env.NODE_ENV !== "production" ? utils.warning(color, `ui-kit/Icon: the specified color '${color}' is not supported.`) : void 0;
123
- return 'inherit';
124
- }
125
- return iconColor;
126
- };
127
- const getIconStyles$1 = props => /*#__PURE__*/react.css("*:not([fill='none']){fill:", getColor$1(props.color), ";}&,image{", getSizeStyle$1(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrZWRSZWFjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0hrRCIsImZpbGUiOiJDaGVja2VkUmVhY3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVEhJUyBJUyBBTiBBVVRPR0VORVJBVEVEIEZJTEUuIERPIE5PVCBFRElUIFRISVMgRklMRSBESVJFQ1RMWS5cbi8vIFRoaXMgZmlsZSBpcyBjcmVhdGVkIHdpdGggJ3lhcm4gZ2VuZXJhdGUtaWNvbnMnLlxuLy8gT3JpZ2luYWwgU1ZHIGZpbGU6IHNyYy9pY29ucy9zdmcvY2hlY2tlZC5yZWFjdC5zdmdcbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFycyAqL1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IGNzcywgQ2xhc3NOYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIGNvbG9yPzpcbiAgICB8ICdzb2xpZCdcbiAgICB8ICduZXV0cmFsNjAnXG4gICAgfCAnc3VyZmFjZSdcbiAgICB8ICdpbmZvJ1xuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAncHJpbWFyeTQwJ1xuICAgIHwgJ3dhcm5pbmcnXG4gICAgfCAnZXJyb3InXG4gICAgfCAnc3VjY2Vzcyc7XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgaWNvbi4gJ3NtYWxsJywgJ21lZGl1bScsICdiaWcnIGhhdmUgYmVlbiBkZXByZWNhdGVkIGluIGZhdm9yIG9mICcxMCcsICcyMCcsICczMCcsICc0MCcuXG4gICAqL1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2JpZycgfCAnc2NhbGUnIHwgJzEwJyB8ICcyMCcgfCAnMzAnIHwgJzQwJztcbn07XG5leHBvcnQgdHlwZSBTVkdQcm9wcyA9IFByb3BzICYge1xuICBjbGFzc05hbWU6IHN0cmluZztcbn07XG5jb25zdCBpY29uU2l6ZXMgPSB7XG4gIHNtYWxsOiAxMixcbiAgbWVkaXVtOiAxNixcbiAgYmlnOiAyNCxcbiAgJzEwJzogMTIsXG4gICcyMCc6IDE2LFxuICAnMzAnOiAyMCxcbiAgJzQwJzogMjQsXG59IGFzIGNvbnN0O1xuY29uc3QgZ2V0U2l6ZURpbWVuc2lvbnMgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgIH07XG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgY2FzZSAnYmlnJzpcbiAgICBjYXNlICcxMCc6XG4gICAgY2FzZSAnMjAnOlxuICAgIGNhc2UgJzMwJzpcbiAgICBjYXNlICc0MCc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogYCR7aWNvblNpemVzW3NpemVdfXB4YCxcbiAgICAgICAgaGVpZ2h0OiBgJHtpY29uU2l6ZXNbc2l6ZV19cHhgLFxuICAgICAgfTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IGAke2ljb25TaXplc1snNDAnXX1weGAsXG4gICAgICAgIGhlaWdodDogYCR7aWNvblNpemVzWyc0MCddfXB4YCxcbiAgICAgIH07XG4gIH1cbn07XG5jb25zdCBnZXRTaXplU3R5bGUgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBjb25zdCBkaW1lbnNpb25zID0gZ2V0U2l6ZURpbWVuc2lvbnMoc2l6ZSk7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ3NjYWxlJzpcbiAgICAgIHJldHVybiBgXG4gICAgICAgICY6bm90KDpyb290KSB7XG4gICAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMuaGVpZ2h0fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGBcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICBgO1xuICB9XG59O1xuY29uc3QgZ2V0Q29sb3IgPSAoY29sb3I6IFByb3BzWydjb2xvciddKSA9PiB7XG4gIGlmICghY29sb3IpIHJldHVybiAnaW5oZXJpdCc7XG4gIGxldCBpY29uQ29sb3I7XG4gIHN3aXRjaCAoY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ25ldXRyYWw2MCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdXJmYWNlJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2U7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvckluZm87XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5NDAnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTQwO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yRXJyb3I7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1Y2Nlc3M7XG4gICAgICBicmVhaztcbiAgICBkZWZhdWx0OlxuICAgICAgYnJlYWs7XG4gIH1cbiAgaWYgKCFpY29uQ29sb3IpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgY29sb3IsXG4gICAgICBgdWkta2l0L0ljb246IHRoZSBzcGVjaWZpZWQgY29sb3IgJyR7Y29sb3J9JyBpcyBub3Qgc3VwcG9ydGVkLmBcbiAgICApO1xuICAgIHJldHVybiAnaW5oZXJpdCc7XG4gIH1cbiAgcmV0dXJuIGljb25Db2xvcjtcbn07XG5leHBvcnQgY29uc3QgZ2V0SWNvblN0eWxlcyA9IChwcm9wczogUHJvcHMpID0+IGNzc2BcbiAgKjpub3QoW2ZpbGw9J25vbmUnXSkge1xuICAgIGZpbGw6ICR7Z2V0Q29sb3IocHJvcHMuY29sb3IpfTtcbiAgfVxuICAmLFxuICBpbWFnZSB7XG4gICAgJHtnZXRTaXplU3R5bGUocHJvcHMuc2l6ZSl9O1xuICB9XG4gIGZsZXgtc2hyaW5rOiAwO1xuYDtcbmNvbnN0IFN2Z0NoZWNrZWQgPSAocHJvcHM6IFNWR1Byb3BzKSA9PiAoXG4gIDxzdmdcbiAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICB3aWR0aD17MTJ9XG4gICAgaGVpZ2h0PXs5fVxuICAgIGZpbGw9XCJub25lXCJcbiAgICB2aWV3Qm94PVwiMCAwIDEyIDlcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAgPHBhdGhcbiAgICAgIGZpbGw9XCIjMDAwXCJcbiAgICAgIGZpbGxSdWxlPVwiZXZlbm9kZFwiXG4gICAgICBkPVwiTS4yOTMgNC4yOTNhMSAxIDAgMCAxIDEuNDE0IDBsMyAzYTEgMSAwIDAgMS0xLjQxNCAxLjQxNGwtMy0zYTEgMSAwIDAgMSAwLTEuNDE0XCJcbiAgICAgIGNsaXBSdWxlPVwiZXZlbm9kZFwiXG4gICAgLz5cbiAgICA8cGF0aFxuICAgICAgZmlsbD1cIiMwMDBcIlxuICAgICAgZmlsbFJ1bGU9XCJldmVub2RkXCJcbiAgICAgIGQ9XCJNMTEuNzA3LjI5M2ExIDEgMCAwIDEgMCAxLjQxNGwtNyA3YTEgMSAwIDAgMS0xLjQxNC0xLjQxNGw3LTdhMSAxIDAgMCAxIDEuNDE0IDBcIlxuICAgICAgY2xpcFJ1bGU9XCJldmVub2RkXCJcbiAgICAvPlxuICA8L3N2Zz5cbik7XG5TdmdDaGVja2VkLmRpc3BsYXlOYW1lID0gJ1N2Z0NoZWNrZWQnO1xuY29uc3QgQ2hlY2tlZEljb24gPSAocHJvcHM6IFByb3BzKSA9PiAoXG4gIDxDbGFzc05hbWVzPlxuICAgIHsoeyBjc3M6IGNyZWF0ZUNsYXNzIH0pID0+IChcbiAgICAgIDxTdmdDaGVja2VkIHsuLi5wcm9wc30gY2xhc3NOYW1lPXtjcmVhdGVDbGFzcyhnZXRJY29uU3R5bGVzKHByb3BzKSl9IC8+XG4gICAgKX1cbiAgPC9DbGFzc05hbWVzPlxuKTtcbkNoZWNrZWRJY29uLmRpc3BsYXlOYW1lID0gJ0NoZWNrZWRJY29uJztcbmV4cG9ydCBkZWZhdWx0IENoZWNrZWRJY29uO1xuIl19 */");
128
38
  const SvgChecked = props => jsxRuntime.jsxs("svg", _objectSpread$3(_objectSpread$3({
129
39
  xmlns: "http://www.w3.org/2000/svg",
130
40
  width: 12,
@@ -150,7 +60,7 @@ const CheckedIcon = props => jsxRuntime.jsx(react.ClassNames, {
150
60
  children: _ref => {
151
61
  let createClass = _ref.css;
152
62
  return jsxRuntime.jsx(SvgChecked, _objectSpread$3(_objectSpread$3({}, props), {}, {
153
- className: createClass(getIconStyles$1(props))
63
+ className: createClass(designSystem.getIconStyles(props))
154
64
  }));
155
65
  }
156
66
  });
@@ -159,96 +69,6 @@ var CheckedIcon$1 = CheckedIcon;
159
69
 
160
70
  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; }
161
71
  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; }
162
- const iconSizes = {
163
- small: 12,
164
- medium: 16,
165
- big: 24,
166
- '10': 12,
167
- '20': 16,
168
- '30': 20,
169
- '40': 24
170
- };
171
- const getSizeDimensions = size => {
172
- switch (size) {
173
- case 'scale':
174
- return {
175
- width: '100%',
176
- height: 'auto'
177
- };
178
- case 'small':
179
- case 'medium':
180
- case 'big':
181
- case '10':
182
- case '20':
183
- case '30':
184
- case '40':
185
- return {
186
- width: `${iconSizes[size]}px`,
187
- height: `${iconSizes[size]}px`
188
- };
189
- default:
190
- return {
191
- width: `${iconSizes['40']}px`,
192
- height: `${iconSizes['40']}px`
193
- };
194
- }
195
- };
196
- const getSizeStyle = size => {
197
- const dimensions = getSizeDimensions(size);
198
- switch (size) {
199
- case 'scale':
200
- return `
201
- &:not(:root) {
202
- width: ${dimensions.width};
203
- height: ${dimensions.height};
204
- }
205
- `;
206
- default:
207
- return `
208
- width: ${dimensions.width};
209
- height: ${dimensions.height};
210
- `;
211
- }
212
- };
213
- const getColor = color => {
214
- if (!color) return 'inherit';
215
- let iconColor;
216
- switch (color) {
217
- case 'solid':
218
- iconColor = designSystem.designTokens.colorSolid;
219
- break;
220
- case 'neutral60':
221
- iconColor = designSystem.designTokens.colorNeutral60;
222
- break;
223
- case 'surface':
224
- iconColor = designSystem.designTokens.colorSurface;
225
- break;
226
- case 'info':
227
- iconColor = designSystem.designTokens.colorInfo;
228
- break;
229
- case 'primary':
230
- iconColor = designSystem.designTokens.colorPrimary;
231
- break;
232
- case 'primary40':
233
- iconColor = designSystem.designTokens.colorPrimary40;
234
- break;
235
- case 'warning':
236
- iconColor = designSystem.designTokens.colorWarning;
237
- break;
238
- case 'error':
239
- iconColor = designSystem.designTokens.colorError;
240
- break;
241
- case 'success':
242
- iconColor = designSystem.designTokens.colorSuccess;
243
- break;
244
- }
245
- if (!iconColor) {
246
- process.env.NODE_ENV !== "production" ? utils.warning(color, `ui-kit/Icon: the specified color '${color}' is not supported.`) : void 0;
247
- return 'inherit';
248
- }
249
- return iconColor;
250
- };
251
- const getIconStyles = props => /*#__PURE__*/react.css("*:not([fill='none']){fill:", getColor(props.color), ";}&,image{", getSizeStyle(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluZGV0ZXJtaW5hdGVSZWFjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0hrRCIsImZpbGUiOiJJbmRldGVybWluYXRlUmVhY3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVEhJUyBJUyBBTiBBVVRPR0VORVJBVEVEIEZJTEUuIERPIE5PVCBFRElUIFRISVMgRklMRSBESVJFQ1RMWS5cbi8vIFRoaXMgZmlsZSBpcyBjcmVhdGVkIHdpdGggJ3lhcm4gZ2VuZXJhdGUtaWNvbnMnLlxuLy8gT3JpZ2luYWwgU1ZHIGZpbGU6IHNyYy9pY29ucy9zdmcvaW5kZXRlcm1pbmF0ZS5yZWFjdC5zdmdcbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFycyAqL1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IGNzcywgQ2xhc3NOYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIGNvbG9yPzpcbiAgICB8ICdzb2xpZCdcbiAgICB8ICduZXV0cmFsNjAnXG4gICAgfCAnc3VyZmFjZSdcbiAgICB8ICdpbmZvJ1xuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAncHJpbWFyeTQwJ1xuICAgIHwgJ3dhcm5pbmcnXG4gICAgfCAnZXJyb3InXG4gICAgfCAnc3VjY2Vzcyc7XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgaWNvbi4gJ3NtYWxsJywgJ21lZGl1bScsICdiaWcnIGhhdmUgYmVlbiBkZXByZWNhdGVkIGluIGZhdm9yIG9mICcxMCcsICcyMCcsICczMCcsICc0MCcuXG4gICAqL1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2JpZycgfCAnc2NhbGUnIHwgJzEwJyB8ICcyMCcgfCAnMzAnIHwgJzQwJztcbn07XG5leHBvcnQgdHlwZSBTVkdQcm9wcyA9IFByb3BzICYge1xuICBjbGFzc05hbWU6IHN0cmluZztcbn07XG5jb25zdCBpY29uU2l6ZXMgPSB7XG4gIHNtYWxsOiAxMixcbiAgbWVkaXVtOiAxNixcbiAgYmlnOiAyNCxcbiAgJzEwJzogMTIsXG4gICcyMCc6IDE2LFxuICAnMzAnOiAyMCxcbiAgJzQwJzogMjQsXG59IGFzIGNvbnN0O1xuY29uc3QgZ2V0U2l6ZURpbWVuc2lvbnMgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgIH07XG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgY2FzZSAnYmlnJzpcbiAgICBjYXNlICcxMCc6XG4gICAgY2FzZSAnMjAnOlxuICAgIGNhc2UgJzMwJzpcbiAgICBjYXNlICc0MCc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogYCR7aWNvblNpemVzW3NpemVdfXB4YCxcbiAgICAgICAgaGVpZ2h0OiBgJHtpY29uU2l6ZXNbc2l6ZV19cHhgLFxuICAgICAgfTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IGAke2ljb25TaXplc1snNDAnXX1weGAsXG4gICAgICAgIGhlaWdodDogYCR7aWNvblNpemVzWyc0MCddfXB4YCxcbiAgICAgIH07XG4gIH1cbn07XG5jb25zdCBnZXRTaXplU3R5bGUgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBjb25zdCBkaW1lbnNpb25zID0gZ2V0U2l6ZURpbWVuc2lvbnMoc2l6ZSk7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ3NjYWxlJzpcbiAgICAgIHJldHVybiBgXG4gICAgICAgICY6bm90KDpyb290KSB7XG4gICAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMuaGVpZ2h0fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGBcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICBgO1xuICB9XG59O1xuY29uc3QgZ2V0Q29sb3IgPSAoY29sb3I6IFByb3BzWydjb2xvciddKSA9PiB7XG4gIGlmICghY29sb3IpIHJldHVybiAnaW5oZXJpdCc7XG4gIGxldCBpY29uQ29sb3I7XG4gIHN3aXRjaCAoY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ25ldXRyYWw2MCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdXJmYWNlJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2U7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvckluZm87XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5NDAnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTQwO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yRXJyb3I7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1Y2Nlc3M7XG4gICAgICBicmVhaztcbiAgICBkZWZhdWx0OlxuICAgICAgYnJlYWs7XG4gIH1cbiAgaWYgKCFpY29uQ29sb3IpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgY29sb3IsXG4gICAgICBgdWkta2l0L0ljb246IHRoZSBzcGVjaWZpZWQgY29sb3IgJyR7Y29sb3J9JyBpcyBub3Qgc3VwcG9ydGVkLmBcbiAgICApO1xuICAgIHJldHVybiAnaW5oZXJpdCc7XG4gIH1cbiAgcmV0dXJuIGljb25Db2xvcjtcbn07XG5leHBvcnQgY29uc3QgZ2V0SWNvblN0eWxlcyA9IChwcm9wczogUHJvcHMpID0+IGNzc2BcbiAgKjpub3QoW2ZpbGw9J25vbmUnXSkge1xuICAgIGZpbGw6ICR7Z2V0Q29sb3IocHJvcHMuY29sb3IpfTtcbiAgfVxuICAmLFxuICBpbWFnZSB7XG4gICAgJHtnZXRTaXplU3R5bGUocHJvcHMuc2l6ZSl9O1xuICB9XG4gIGZsZXgtc2hyaW5rOiAwO1xuYDtcbmNvbnN0IFN2Z0luZGV0ZXJtaW5hdGUgPSAocHJvcHM6IFNWR1Byb3BzKSA9PiAoXG4gIDxzdmdcbiAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICB3aWR0aD17MTJ9XG4gICAgaGVpZ2h0PXsyfVxuICAgIGZpbGw9XCJub25lXCJcbiAgICB2aWV3Qm94PVwiMCAwIDEyIDJcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAgPHBhdGggc3Ryb2tlPVwiIzAwMFwiIHN0cm9rZUxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZVdpZHRoPXsyfSBkPVwiTTExIDFIMVwiIC8+XG4gIDwvc3ZnPlxuKTtcblN2Z0luZGV0ZXJtaW5hdGUuZGlzcGxheU5hbWUgPSAnU3ZnSW5kZXRlcm1pbmF0ZSc7XG5jb25zdCBJbmRldGVybWluYXRlSWNvbiA9IChwcm9wczogUHJvcHMpID0+IChcbiAgPENsYXNzTmFtZXM+XG4gICAgeyh7IGNzczogY3JlYXRlQ2xhc3MgfSkgPT4gKFxuICAgICAgPFN2Z0luZGV0ZXJtaW5hdGVcbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgICBjbGFzc05hbWU9e2NyZWF0ZUNsYXNzKGdldEljb25TdHlsZXMocHJvcHMpKX1cbiAgICAgIC8+XG4gICAgKX1cbiAgPC9DbGFzc05hbWVzPlxuKTtcbkluZGV0ZXJtaW5hdGVJY29uLmRpc3BsYXlOYW1lID0gJ0luZGV0ZXJtaW5hdGVJY29uJztcbmV4cG9ydCBkZWZhdWx0IEluZGV0ZXJtaW5hdGVJY29uO1xuIl19 */");
252
72
  const SvgIndeterminate = props => jsxRuntime.jsx("svg", _objectSpread$2(_objectSpread$2({
253
73
  xmlns: "http://www.w3.org/2000/svg",
254
74
  width: 12,
@@ -269,7 +89,7 @@ const IndeterminateIcon = props => jsxRuntime.jsx(react.ClassNames, {
269
89
  children: _ref => {
270
90
  let createClass = _ref.css;
271
91
  return jsxRuntime.jsx(SvgIndeterminate, _objectSpread$2(_objectSpread$2({}, props), {}, {
272
- className: createClass(getIconStyles(props))
92
+ className: createClass(designSystem.getIconStyles(props))
273
93
  }));
274
94
  }
275
95
  });
@@ -458,7 +278,7 @@ CheckboxInput.defaultProps = defaultProps;
458
278
  var CheckboxInput$1 = CheckboxInput;
459
279
 
460
280
  // NOTE: This string will be replaced on build time with the package version.
461
- var version = "19.19.0";
281
+ var version = "19.20.1";
462
282
 
463
283
  exports["default"] = CheckboxInput$1;
464
284
  exports.version = version;
package/dist/commercetools-uikit-checkbox-input.cjs.prod.js CHANGED
@@ -34,95 +34,6 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
34
34
 
35
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; }
36
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; }
37
- const iconSizes$1 = {
38
- small: 12,
39
- medium: 16,
40
- big: 24,
41
- '10': 12,
42
- '20': 16,
43
- '30': 20,
44
- '40': 24
45
- };
46
- const getSizeDimensions$1 = size => {
47
- switch (size) {
48
- case 'scale':
49
- return {
50
- width: '100%',
51
- height: 'auto'
52
- };
53
- case 'small':
54
- case 'medium':
55
- case 'big':
56
- case '10':
57
- case '20':
58
- case '30':
59
- case '40':
60
- return {
61
- width: `${iconSizes$1[size]}px`,
62
- height: `${iconSizes$1[size]}px`
63
- };
64
- default:
65
- return {
66
- width: `${iconSizes$1['40']}px`,
67
- height: `${iconSizes$1['40']}px`
68
- };
69
- }
70
- };
71
- const getSizeStyle$1 = size => {
72
- const dimensions = getSizeDimensions$1(size);
73
- switch (size) {
74
- case 'scale':
75
- return `
76
- &:not(:root) {
77
- width: ${dimensions.width};
78
- height: ${dimensions.height};
79
- }
80
- `;
81
- default:
82
- return `
83
- width: ${dimensions.width};
84
- height: ${dimensions.height};
85
- `;
86
- }
87
- };
88
- const getColor$1 = color => {
89
- if (!color) return 'inherit';
90
- let iconColor;
91
- switch (color) {
92
- case 'solid':
93
- iconColor = designSystem.designTokens.colorSolid;
94
- break;
95
- case 'neutral60':
96
- iconColor = designSystem.designTokens.colorNeutral60;
97
- break;
98
- case 'surface':
99
- iconColor = designSystem.designTokens.colorSurface;
100
- break;
101
- case 'info':
102
- iconColor = designSystem.designTokens.colorInfo;
103
- break;
104
- case 'primary':
105
- iconColor = designSystem.designTokens.colorPrimary;
106
- break;
107
- case 'primary40':
108
- iconColor = designSystem.designTokens.colorPrimary40;
109
- break;
110
- case 'warning':
111
- iconColor = designSystem.designTokens.colorWarning;
112
- break;
113
- case 'error':
114
- iconColor = designSystem.designTokens.colorError;
115
- break;
116
- case 'success':
117
- iconColor = designSystem.designTokens.colorSuccess;
118
- break;
119
- }
120
- if (!iconColor) {
121
- return 'inherit';
122
- }
123
- return iconColor;
124
- };
125
- const getIconStyles$1 = props => /*#__PURE__*/react.css("*:not([fill='none']){fill:", getColor$1(props.color), ";}&,image{", getSizeStyle$1(props.size), ";}flex-shrink:0;" + ("" ), "" );
126
37
  const SvgChecked = props => jsxRuntime.jsxs("svg", _objectSpread$3(_objectSpread$3({
127
38
  xmlns: "http://www.w3.org/2000/svg",
128
39
  width: 12,
@@ -148,7 +59,7 @@ const CheckedIcon = props => jsxRuntime.jsx(react.ClassNames, {
148
59
  children: _ref => {
149
60
  let createClass = _ref.css;
150
61
  return jsxRuntime.jsx(SvgChecked, _objectSpread$3(_objectSpread$3({}, props), {}, {
151
- className: createClass(getIconStyles$1(props))
62
+ className: createClass(designSystem.getIconStyles(props))
152
63
  }));
153
64
  }
154
65
  });
@@ -157,95 +68,6 @@ var CheckedIcon$1 = CheckedIcon;
157
68
 
158
69
  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; }
159
70
  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; }
160
- const iconSizes = {
161
- small: 12,
162
- medium: 16,
163
- big: 24,
164
- '10': 12,
165
- '20': 16,
166
- '30': 20,
167
- '40': 24
168
- };
169
- const getSizeDimensions = size => {
170
- switch (size) {
171
- case 'scale':
172
- return {
173
- width: '100%',
174
- height: 'auto'
175
- };
176
- case 'small':
177
- case 'medium':
178
- case 'big':
179
- case '10':
180
- case '20':
181
- case '30':
182
- case '40':
183
- return {
184
- width: `${iconSizes[size]}px`,
185
- height: `${iconSizes[size]}px`
186
- };
187
- default:
188
- return {
189
- width: `${iconSizes['40']}px`,
190
- height: `${iconSizes['40']}px`
191
- };
192
- }
193
- };
194
- const getSizeStyle = size => {
195
- const dimensions = getSizeDimensions(size);
196
- switch (size) {
197
- case 'scale':
198
- return `
199
- &:not(:root) {
200
- width: ${dimensions.width};
201
- height: ${dimensions.height};
202
- }
203
- `;
204
- default:
205
- return `
206
- width: ${dimensions.width};
207
- height: ${dimensions.height};
208
- `;
209
- }
210
- };
211
- const getColor = color => {
212
- if (!color) return 'inherit';
213
- let iconColor;
214
- switch (color) {
215
- case 'solid':
216
- iconColor = designSystem.designTokens.colorSolid;
217
- break;
218
- case 'neutral60':
219
- iconColor = designSystem.designTokens.colorNeutral60;
220
- break;
221
- case 'surface':
222
- iconColor = designSystem.designTokens.colorSurface;
223
- break;
224
- case 'info':
225
- iconColor = designSystem.designTokens.colorInfo;
226
- break;
227
- case 'primary':
228
- iconColor = designSystem.designTokens.colorPrimary;
229
- break;
230
- case 'primary40':
231
- iconColor = designSystem.designTokens.colorPrimary40;
232
- break;
233
- case 'warning':
234
- iconColor = designSystem.designTokens.colorWarning;
235
- break;
236
- case 'error':
237
- iconColor = designSystem.designTokens.colorError;
238
- break;
239
- case 'success':
240
- iconColor = designSystem.designTokens.colorSuccess;
241
- break;
242
- }
243
- if (!iconColor) {
244
- return 'inherit';
245
- }
246
- return iconColor;
247
- };
248
- const getIconStyles = props => /*#__PURE__*/react.css("*:not([fill='none']){fill:", getColor(props.color), ";}&,image{", getSizeStyle(props.size), ";}flex-shrink:0;" + ("" ), "" );
249
71
  const SvgIndeterminate = props => jsxRuntime.jsx("svg", _objectSpread$2(_objectSpread$2({
250
72
  xmlns: "http://www.w3.org/2000/svg",
251
73
  width: 12,
@@ -266,7 +88,7 @@ const IndeterminateIcon = props => jsxRuntime.jsx(react.ClassNames, {
266
88
  children: _ref => {
267
89
  let createClass = _ref.css;
268
90
  return jsxRuntime.jsx(SvgIndeterminate, _objectSpread$2(_objectSpread$2({}, props), {}, {
269
- className: createClass(getIconStyles(props))
91
+ className: createClass(designSystem.getIconStyles(props))
270
92
  }));
271
93
  }
272
94
  });
@@ -434,7 +256,7 @@ CheckboxInput.defaultProps = defaultProps;
434
256
  var CheckboxInput$1 = CheckboxInput;
435
257
 
436
258
  // NOTE: This string will be replaced on build time with the package version.
437
- var version = "19.19.0";
259
+ var version = "19.20.1";
438
260
 
439
261
  exports["default"] = CheckboxInput$1;
440
262
  exports.version = version;
package/dist/commercetools-uikit-checkbox-input.esm.js CHANGED
@@ -10,104 +10,14 @@ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-st
10
10
  import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
11
11
  import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
12
12
  import { ClassNames, css } from '@emotion/react';
13
- import { designTokens } from '@commercetools-uikit/design-system';
14
- import { warning, filterDataAttributes, filterAriaAttributes, createSequentialId } from '@commercetools-uikit/utils';
13
+ import { getIconStyles, designTokens } from '@commercetools-uikit/design-system';
14
+ import { filterDataAttributes, filterAriaAttributes, createSequentialId } from '@commercetools-uikit/utils';
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
18
 
19
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; }
20
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; }
21
- const iconSizes$1 = {
22
- small: 12,
23
- medium: 16,
24
- big: 24,
25
- '10': 12,
26
- '20': 16,
27
- '30': 20,
28
- '40': 24
29
- };
30
- const getSizeDimensions$1 = size => {
31
- switch (size) {
32
- case 'scale':
33
- return {
34
- width: '100%',
35
- height: 'auto'
36
- };
37
- case 'small':
38
- case 'medium':
39
- case 'big':
40
- case '10':
41
- case '20':
42
- case '30':
43
- case '40':
44
- return {
45
- width: `${iconSizes$1[size]}px`,
46
- height: `${iconSizes$1[size]}px`
47
- };
48
- default:
49
- return {
50
- width: `${iconSizes$1['40']}px`,
51
- height: `${iconSizes$1['40']}px`
52
- };
53
- }
54
- };
55
- const getSizeStyle$1 = size => {
56
- const dimensions = getSizeDimensions$1(size);
57
- switch (size) {
58
- case 'scale':
59
- return `
60
- &:not(:root) {
61
- width: ${dimensions.width};
62
- height: ${dimensions.height};
63
- }
64
- `;
65
- default:
66
- return `
67
- width: ${dimensions.width};
68
- height: ${dimensions.height};
69
- `;
70
- }
71
- };
72
- const getColor$1 = color => {
73
- if (!color) return 'inherit';
74
- let iconColor;
75
- switch (color) {
76
- case 'solid':
77
- iconColor = designTokens.colorSolid;
78
- break;
79
- case 'neutral60':
80
- iconColor = designTokens.colorNeutral60;
81
- break;
82
- case 'surface':
83
- iconColor = designTokens.colorSurface;
84
- break;
85
- case 'info':
86
- iconColor = designTokens.colorInfo;
87
- break;
88
- case 'primary':
89
- iconColor = designTokens.colorPrimary;
90
- break;
91
- case 'primary40':
92
- iconColor = designTokens.colorPrimary40;
93
- break;
94
- case 'warning':
95
- iconColor = designTokens.colorWarning;
96
- break;
97
- case 'error':
98
- iconColor = designTokens.colorError;
99
- break;
100
- case 'success':
101
- iconColor = designTokens.colorSuccess;
102
- break;
103
- }
104
- if (!iconColor) {
105
- process.env.NODE_ENV !== "production" ? warning(color, `ui-kit/Icon: the specified color '${color}' is not supported.`) : void 0;
106
- return 'inherit';
107
- }
108
- return iconColor;
109
- };
110
- const getIconStyles$1 = props => /*#__PURE__*/css("*:not([fill='none']){fill:", getColor$1(props.color), ";}&,image{", getSizeStyle$1(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrZWRSZWFjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0hrRCIsImZpbGUiOiJDaGVja2VkUmVhY3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVEhJUyBJUyBBTiBBVVRPR0VORVJBVEVEIEZJTEUuIERPIE5PVCBFRElUIFRISVMgRklMRSBESVJFQ1RMWS5cbi8vIFRoaXMgZmlsZSBpcyBjcmVhdGVkIHdpdGggJ3lhcm4gZ2VuZXJhdGUtaWNvbnMnLlxuLy8gT3JpZ2luYWwgU1ZHIGZpbGU6IHNyYy9pY29ucy9zdmcvY2hlY2tlZC5yZWFjdC5zdmdcbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFycyAqL1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IGNzcywgQ2xhc3NOYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIGNvbG9yPzpcbiAgICB8ICdzb2xpZCdcbiAgICB8ICduZXV0cmFsNjAnXG4gICAgfCAnc3VyZmFjZSdcbiAgICB8ICdpbmZvJ1xuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAncHJpbWFyeTQwJ1xuICAgIHwgJ3dhcm5pbmcnXG4gICAgfCAnZXJyb3InXG4gICAgfCAnc3VjY2Vzcyc7XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgaWNvbi4gJ3NtYWxsJywgJ21lZGl1bScsICdiaWcnIGhhdmUgYmVlbiBkZXByZWNhdGVkIGluIGZhdm9yIG9mICcxMCcsICcyMCcsICczMCcsICc0MCcuXG4gICAqL1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2JpZycgfCAnc2NhbGUnIHwgJzEwJyB8ICcyMCcgfCAnMzAnIHwgJzQwJztcbn07XG5leHBvcnQgdHlwZSBTVkdQcm9wcyA9IFByb3BzICYge1xuICBjbGFzc05hbWU6IHN0cmluZztcbn07XG5jb25zdCBpY29uU2l6ZXMgPSB7XG4gIHNtYWxsOiAxMixcbiAgbWVkaXVtOiAxNixcbiAgYmlnOiAyNCxcbiAgJzEwJzogMTIsXG4gICcyMCc6IDE2LFxuICAnMzAnOiAyMCxcbiAgJzQwJzogMjQsXG59IGFzIGNvbnN0O1xuY29uc3QgZ2V0U2l6ZURpbWVuc2lvbnMgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgIH07XG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgY2FzZSAnYmlnJzpcbiAgICBjYXNlICcxMCc6XG4gICAgY2FzZSAnMjAnOlxuICAgIGNhc2UgJzMwJzpcbiAgICBjYXNlICc0MCc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogYCR7aWNvblNpemVzW3NpemVdfXB4YCxcbiAgICAgICAgaGVpZ2h0OiBgJHtpY29uU2l6ZXNbc2l6ZV19cHhgLFxuICAgICAgfTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IGAke2ljb25TaXplc1snNDAnXX1weGAsXG4gICAgICAgIGhlaWdodDogYCR7aWNvblNpemVzWyc0MCddfXB4YCxcbiAgICAgIH07XG4gIH1cbn07XG5jb25zdCBnZXRTaXplU3R5bGUgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBjb25zdCBkaW1lbnNpb25zID0gZ2V0U2l6ZURpbWVuc2lvbnMoc2l6ZSk7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ3NjYWxlJzpcbiAgICAgIHJldHVybiBgXG4gICAgICAgICY6bm90KDpyb290KSB7XG4gICAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMuaGVpZ2h0fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGBcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICBgO1xuICB9XG59O1xuY29uc3QgZ2V0Q29sb3IgPSAoY29sb3I6IFByb3BzWydjb2xvciddKSA9PiB7XG4gIGlmICghY29sb3IpIHJldHVybiAnaW5oZXJpdCc7XG4gIGxldCBpY29uQ29sb3I7XG4gIHN3aXRjaCAoY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ25ldXRyYWw2MCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdXJmYWNlJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2U7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvckluZm87XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5NDAnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTQwO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yRXJyb3I7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1Y2Nlc3M7XG4gICAgICBicmVhaztcbiAgICBkZWZhdWx0OlxuICAgICAgYnJlYWs7XG4gIH1cbiAgaWYgKCFpY29uQ29sb3IpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgY29sb3IsXG4gICAgICBgdWkta2l0L0ljb246IHRoZSBzcGVjaWZpZWQgY29sb3IgJyR7Y29sb3J9JyBpcyBub3Qgc3VwcG9ydGVkLmBcbiAgICApO1xuICAgIHJldHVybiAnaW5oZXJpdCc7XG4gIH1cbiAgcmV0dXJuIGljb25Db2xvcjtcbn07XG5leHBvcnQgY29uc3QgZ2V0SWNvblN0eWxlcyA9IChwcm9wczogUHJvcHMpID0+IGNzc2BcbiAgKjpub3QoW2ZpbGw9J25vbmUnXSkge1xuICAgIGZpbGw6ICR7Z2V0Q29sb3IocHJvcHMuY29sb3IpfTtcbiAgfVxuICAmLFxuICBpbWFnZSB7XG4gICAgJHtnZXRTaXplU3R5bGUocHJvcHMuc2l6ZSl9O1xuICB9XG4gIGZsZXgtc2hyaW5rOiAwO1xuYDtcbmNvbnN0IFN2Z0NoZWNrZWQgPSAocHJvcHM6IFNWR1Byb3BzKSA9PiAoXG4gIDxzdmdcbiAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICB3aWR0aD17MTJ9XG4gICAgaGVpZ2h0PXs5fVxuICAgIGZpbGw9XCJub25lXCJcbiAgICB2aWV3Qm94PVwiMCAwIDEyIDlcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAgPHBhdGhcbiAgICAgIGZpbGw9XCIjMDAwXCJcbiAgICAgIGZpbGxSdWxlPVwiZXZlbm9kZFwiXG4gICAgICBkPVwiTS4yOTMgNC4yOTNhMSAxIDAgMCAxIDEuNDE0IDBsMyAzYTEgMSAwIDAgMS0xLjQxNCAxLjQxNGwtMy0zYTEgMSAwIDAgMSAwLTEuNDE0XCJcbiAgICAgIGNsaXBSdWxlPVwiZXZlbm9kZFwiXG4gICAgLz5cbiAgICA8cGF0aFxuICAgICAgZmlsbD1cIiMwMDBcIlxuICAgICAgZmlsbFJ1bGU9XCJldmVub2RkXCJcbiAgICAgIGQ9XCJNMTEuNzA3LjI5M2ExIDEgMCAwIDEgMCAxLjQxNGwtNyA3YTEgMSAwIDAgMS0xLjQxNC0xLjQxNGw3LTdhMSAxIDAgMCAxIDEuNDE0IDBcIlxuICAgICAgY2xpcFJ1bGU9XCJldmVub2RkXCJcbiAgICAvPlxuICA8L3N2Zz5cbik7XG5TdmdDaGVja2VkLmRpc3BsYXlOYW1lID0gJ1N2Z0NoZWNrZWQnO1xuY29uc3QgQ2hlY2tlZEljb24gPSAocHJvcHM6IFByb3BzKSA9PiAoXG4gIDxDbGFzc05hbWVzPlxuICAgIHsoeyBjc3M6IGNyZWF0ZUNsYXNzIH0pID0+IChcbiAgICAgIDxTdmdDaGVja2VkIHsuLi5wcm9wc30gY2xhc3NOYW1lPXtjcmVhdGVDbGFzcyhnZXRJY29uU3R5bGVzKHByb3BzKSl9IC8+XG4gICAgKX1cbiAgPC9DbGFzc05hbWVzPlxuKTtcbkNoZWNrZWRJY29uLmRpc3BsYXlOYW1lID0gJ0NoZWNrZWRJY29uJztcbmV4cG9ydCBkZWZhdWx0IENoZWNrZWRJY29uO1xuIl19 */");
111
21
  const SvgChecked = props => jsxs("svg", _objectSpread$3(_objectSpread$3({
112
22
  xmlns: "http://www.w3.org/2000/svg",
113
23
  width: 12,
@@ -133,7 +43,7 @@ const CheckedIcon = props => jsx(ClassNames, {
133
43
  children: _ref => {
134
44
  let createClass = _ref.css;
135
45
  return jsx(SvgChecked, _objectSpread$3(_objectSpread$3({}, props), {}, {
136
- className: createClass(getIconStyles$1(props))
46
+ className: createClass(getIconStyles(props))
137
47
  }));
138
48
  }
139
49
  });
@@ -142,96 +52,6 @@ var CheckedIcon$1 = CheckedIcon;
142
52
 
143
53
  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; }
144
54
  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; }
145
- const iconSizes = {
146
- small: 12,
147
- medium: 16,
148
- big: 24,
149
- '10': 12,
150
- '20': 16,
151
- '30': 20,
152
- '40': 24
153
- };
154
- const getSizeDimensions = size => {
155
- switch (size) {
156
- case 'scale':
157
- return {
158
- width: '100%',
159
- height: 'auto'
160
- };
161
- case 'small':
162
- case 'medium':
163
- case 'big':
164
- case '10':
165
- case '20':
166
- case '30':
167
- case '40':
168
- return {
169
- width: `${iconSizes[size]}px`,
170
- height: `${iconSizes[size]}px`
171
- };
172
- default:
173
- return {
174
- width: `${iconSizes['40']}px`,
175
- height: `${iconSizes['40']}px`
176
- };
177
- }
178
- };
179
- const getSizeStyle = size => {
180
- const dimensions = getSizeDimensions(size);
181
- switch (size) {
182
- case 'scale':
183
- return `
184
- &:not(:root) {
185
- width: ${dimensions.width};
186
- height: ${dimensions.height};
187
- }
188
- `;
189
- default:
190
- return `
191
- width: ${dimensions.width};
192
- height: ${dimensions.height};
193
- `;
194
- }
195
- };
196
- const getColor = color => {
197
- if (!color) return 'inherit';
198
- let iconColor;
199
- switch (color) {
200
- case 'solid':
201
- iconColor = designTokens.colorSolid;
202
- break;
203
- case 'neutral60':
204
- iconColor = designTokens.colorNeutral60;
205
- break;
206
- case 'surface':
207
- iconColor = designTokens.colorSurface;
208
- break;
209
- case 'info':
210
- iconColor = designTokens.colorInfo;
211
- break;
212
- case 'primary':
213
- iconColor = designTokens.colorPrimary;
214
- break;
215
- case 'primary40':
216
- iconColor = designTokens.colorPrimary40;
217
- break;
218
- case 'warning':
219
- iconColor = designTokens.colorWarning;
220
- break;
221
- case 'error':
222
- iconColor = designTokens.colorError;
223
- break;
224
- case 'success':
225
- iconColor = designTokens.colorSuccess;
226
- break;
227
- }
228
- if (!iconColor) {
229
- process.env.NODE_ENV !== "production" ? warning(color, `ui-kit/Icon: the specified color '${color}' is not supported.`) : void 0;
230
- return 'inherit';
231
- }
232
- return iconColor;
233
- };
234
- const getIconStyles = props => /*#__PURE__*/css("*:not([fill='none']){fill:", getColor(props.color), ";}&,image{", getSizeStyle(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluZGV0ZXJtaW5hdGVSZWFjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0hrRCIsImZpbGUiOiJJbmRldGVybWluYXRlUmVhY3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVEhJUyBJUyBBTiBBVVRPR0VORVJBVEVEIEZJTEUuIERPIE5PVCBFRElUIFRISVMgRklMRSBESVJFQ1RMWS5cbi8vIFRoaXMgZmlsZSBpcyBjcmVhdGVkIHdpdGggJ3lhcm4gZ2VuZXJhdGUtaWNvbnMnLlxuLy8gT3JpZ2luYWwgU1ZHIGZpbGU6IHNyYy9pY29ucy9zdmcvaW5kZXRlcm1pbmF0ZS5yZWFjdC5zdmdcbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFycyAqL1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IGNzcywgQ2xhc3NOYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIGNvbG9yPzpcbiAgICB8ICdzb2xpZCdcbiAgICB8ICduZXV0cmFsNjAnXG4gICAgfCAnc3VyZmFjZSdcbiAgICB8ICdpbmZvJ1xuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAncHJpbWFyeTQwJ1xuICAgIHwgJ3dhcm5pbmcnXG4gICAgfCAnZXJyb3InXG4gICAgfCAnc3VjY2Vzcyc7XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgaWNvbi4gJ3NtYWxsJywgJ21lZGl1bScsICdiaWcnIGhhdmUgYmVlbiBkZXByZWNhdGVkIGluIGZhdm9yIG9mICcxMCcsICcyMCcsICczMCcsICc0MCcuXG4gICAqL1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2JpZycgfCAnc2NhbGUnIHwgJzEwJyB8ICcyMCcgfCAnMzAnIHwgJzQwJztcbn07XG5leHBvcnQgdHlwZSBTVkdQcm9wcyA9IFByb3BzICYge1xuICBjbGFzc05hbWU6IHN0cmluZztcbn07XG5jb25zdCBpY29uU2l6ZXMgPSB7XG4gIHNtYWxsOiAxMixcbiAgbWVkaXVtOiAxNixcbiAgYmlnOiAyNCxcbiAgJzEwJzogMTIsXG4gICcyMCc6IDE2LFxuICAnMzAnOiAyMCxcbiAgJzQwJzogMjQsXG59IGFzIGNvbnN0O1xuY29uc3QgZ2V0U2l6ZURpbWVuc2lvbnMgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgIH07XG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgY2FzZSAnYmlnJzpcbiAgICBjYXNlICcxMCc6XG4gICAgY2FzZSAnMjAnOlxuICAgIGNhc2UgJzMwJzpcbiAgICBjYXNlICc0MCc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogYCR7aWNvblNpemVzW3NpemVdfXB4YCxcbiAgICAgICAgaGVpZ2h0OiBgJHtpY29uU2l6ZXNbc2l6ZV19cHhgLFxuICAgICAgfTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IGAke2ljb25TaXplc1snNDAnXX1weGAsXG4gICAgICAgIGhlaWdodDogYCR7aWNvblNpemVzWyc0MCddfXB4YCxcbiAgICAgIH07XG4gIH1cbn07XG5jb25zdCBnZXRTaXplU3R5bGUgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBjb25zdCBkaW1lbnNpb25zID0gZ2V0U2l6ZURpbWVuc2lvbnMoc2l6ZSk7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ3NjYWxlJzpcbiAgICAgIHJldHVybiBgXG4gICAgICAgICY6bm90KDpyb290KSB7XG4gICAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMuaGVpZ2h0fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGBcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICBgO1xuICB9XG59O1xuY29uc3QgZ2V0Q29sb3IgPSAoY29sb3I6IFByb3BzWydjb2xvciddKSA9PiB7XG4gIGlmICghY29sb3IpIHJldHVybiAnaW5oZXJpdCc7XG4gIGxldCBpY29uQ29sb3I7XG4gIHN3aXRjaCAoY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ25ldXRyYWw2MCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdXJmYWNlJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2U7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvckluZm87XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5NDAnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTQwO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yRXJyb3I7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1Y2Nlc3M7XG4gICAgICBicmVhaztcbiAgICBkZWZhdWx0OlxuICAgICAgYnJlYWs7XG4gIH1cbiAgaWYgKCFpY29uQ29sb3IpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgY29sb3IsXG4gICAgICBgdWkta2l0L0ljb246IHRoZSBzcGVjaWZpZWQgY29sb3IgJyR7Y29sb3J9JyBpcyBub3Qgc3VwcG9ydGVkLmBcbiAgICApO1xuICAgIHJldHVybiAnaW5oZXJpdCc7XG4gIH1cbiAgcmV0dXJuIGljb25Db2xvcjtcbn07XG5leHBvcnQgY29uc3QgZ2V0SWNvblN0eWxlcyA9IChwcm9wczogUHJvcHMpID0+IGNzc2BcbiAgKjpub3QoW2ZpbGw9J25vbmUnXSkge1xuICAgIGZpbGw6ICR7Z2V0Q29sb3IocHJvcHMuY29sb3IpfTtcbiAgfVxuICAmLFxuICBpbWFnZSB7XG4gICAgJHtnZXRTaXplU3R5bGUocHJvcHMuc2l6ZSl9O1xuICB9XG4gIGZsZXgtc2hyaW5rOiAwO1xuYDtcbmNvbnN0IFN2Z0luZGV0ZXJtaW5hdGUgPSAocHJvcHM6IFNWR1Byb3BzKSA9PiAoXG4gIDxzdmdcbiAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICB3aWR0aD17MTJ9XG4gICAgaGVpZ2h0PXsyfVxuICAgIGZpbGw9XCJub25lXCJcbiAgICB2aWV3Qm94PVwiMCAwIDEyIDJcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAgPHBhdGggc3Ryb2tlPVwiIzAwMFwiIHN0cm9rZUxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZVdpZHRoPXsyfSBkPVwiTTExIDFIMVwiIC8+XG4gIDwvc3ZnPlxuKTtcblN2Z0luZGV0ZXJtaW5hdGUuZGlzcGxheU5hbWUgPSAnU3ZnSW5kZXRlcm1pbmF0ZSc7XG5jb25zdCBJbmRldGVybWluYXRlSWNvbiA9IChwcm9wczogUHJvcHMpID0+IChcbiAgPENsYXNzTmFtZXM+XG4gICAgeyh7IGNzczogY3JlYXRlQ2xhc3MgfSkgPT4gKFxuICAgICAgPFN2Z0luZGV0ZXJtaW5hdGVcbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgICBjbGFzc05hbWU9e2NyZWF0ZUNsYXNzKGdldEljb25TdHlsZXMocHJvcHMpKX1cbiAgICAgIC8+XG4gICAgKX1cbiAgPC9DbGFzc05hbWVzPlxuKTtcbkluZGV0ZXJtaW5hdGVJY29uLmRpc3BsYXlOYW1lID0gJ0luZGV0ZXJtaW5hdGVJY29uJztcbmV4cG9ydCBkZWZhdWx0IEluZGV0ZXJtaW5hdGVJY29uO1xuIl19 */");
235
55
  const SvgIndeterminate = props => jsx("svg", _objectSpread$2(_objectSpread$2({
236
56
  xmlns: "http://www.w3.org/2000/svg",
237
57
  width: 12,
@@ -441,6 +261,6 @@ CheckboxInput.defaultProps = defaultProps;
441
261
  var CheckboxInput$1 = CheckboxInput;
442
262
 
443
263
  // NOTE: This string will be replaced on build time with the package version.
444
- var version = "19.19.0";
264
+ var version = "19.20.1";
445
265
 
446
266
  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.19.0",
4
+ "version": "19.20.1",
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.19.0",
28
- "@commercetools-uikit/icons": "19.19.0",
29
- "@commercetools-uikit/input-utils": "19.19.0",
30
- "@commercetools-uikit/select-utils": "19.19.0",
31
- "@commercetools-uikit/utils": "19.19.0",
27
+ "@commercetools-uikit/design-system": "19.20.1",
28
+ "@commercetools-uikit/icons": "19.20.1",
29
+ "@commercetools-uikit/input-utils": "19.20.1",
30
+ "@commercetools-uikit/select-utils": "19.20.1",
31
+ "@commercetools-uikit/utils": "19.20.1",
32
32
  "@emotion/react": "^11.10.5",
33
33
  "@emotion/styled": "^11.10.5",
34
34
  "prop-types": "15.8.1",