@commercetools-uikit/select-utils 15.13.1 → 15.14.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 (14) hide show
  1. package/dist/commercetools-uikit-select-utils.cjs.dev.js +27 -9
  2. package/dist/commercetools-uikit-select-utils.cjs.prod.js +26 -8
  3. package/dist/commercetools-uikit-select-utils.esm.js +27 -9
  4. package/dist/declarations/src/clear-indicator/clear-indicator.d.ts +1 -1
  5. package/dist/declarations/src/clear-indicator/export-types.d.ts +2 -0
  6. package/dist/declarations/src/clear-indicator/index.d.ts +1 -0
  7. package/dist/declarations/src/create-select-styles.d.ts +2 -1
  8. package/dist/declarations/src/custom-styled-select-options/custom-styled-select-options.d.ts +9 -10
  9. package/dist/declarations/src/tag-remove/export-types.d.ts +3 -0
  10. package/dist/declarations/src/tag-remove/index.d.ts +1 -0
  11. package/dist/declarations/src/tag-remove/tag-remove.d.ts +2 -2
  12. package/dist/declarations/src/wrapper-with-icon/export-types.d.ts +5 -0
  13. package/dist/declarations/src/wrapper-with-icon/index.d.ts +1 -0
  14. package/package.json +7 -7
package/dist/commercetools-uikit-select-utils.cjs.dev.js CHANGED
@@ -66,7 +66,7 @@ var ClearIndicator = function ClearIndicator(props) {
66
66
 
67
67
  return jsxRuntime.jsx("button", _objectSpread$6(_objectSpread$6({}, restInnerProps), {}, {
68
68
  ref: ref,
69
- css: /*#__PURE__*/react.css("border:none;cursor:pointer;background:none;box-sizing:border-box;text-decoration:none;fill:", designSystem.designTokens.fontColorForClearInputIcon, ";:hover svg *{fill:", designSystem.designTokens.fontColorForClearInputIconWhenHovered, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ClearIndicator;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNsZWFyLWluZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJjIiwiZmlsZSI6ImNsZWFyLWluZGljYXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Byb3BlcnRpZXMsIExlZ2FjeVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHsgQ2xlYXJJbmRpY2F0b3JQcm9wcyB9IGZyb20gJ3JlYWN0LXNlbGVjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IENsb3NlSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcblxudHlwZSBUSW5uZXJQcm9wcyA9IHtcbiAgcmVmOiBMZWdhY3lSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xufSAmIEpTWC5JbnRyaW5zaWNFbGVtZW50c1snYnV0dG9uJ107XG5cbnR5cGUgVENsZWFySW5kaWNhdG9yID0ge1xuICBpbm5lclByb3BzOiBUSW5uZXJQcm9wcztcbn0gJiBDbGVhckluZGljYXRvclByb3BzO1xuXG5jb25zdCBDbGVhckluZGljYXRvciA9IChwcm9wczogVENsZWFySW5kaWNhdG9yKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG4gIGNvbnN0IHtcbiAgICBnZXRTdHlsZXMsXG4gICAgaW5uZXJQcm9wczogeyByZWYsIG9uTW91c2VEb3duLCAuLi5yZXN0SW5uZXJQcm9wcyB9LFxuICB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPGJ1dHRvblxuICAgICAgey4uLnJlc3RJbm5lclByb3BzfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ2xlYXJJbnB1dEljb259O1xuICAgICAgICA6aG92ZXIgc3ZnICoge1xuICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNsZWFySW5wdXRJY29uV2hlbkhvdmVyZWR9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgc3R5bGU9e2dldFN0eWxlcygnY2xlYXJJbmRpY2F0b3InLCBwcm9wcykgYXMgQ1NTUHJvcGVydGllc31cbiAgICAgIHRpdGxlPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuY2xlYXJCdXR0b25MYWJlbCl9XG4gICAgICBhcmlhLWxhYmVsPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuY2xlYXJCdXR0b25MYWJlbCl9XG4gICAgICAvLyBvdmVycmlkaW5nIHRoZSBkZWZhdWx0IGBhcmlhLWhpZGRlbmAgcHJvcCB2YWx1ZSB0byBtYWtlIHRoZSBjb21wb25lbnQgYWNjZXNzaWJsZSBieSBrZXlib2FyZCAtIGh0dHBzOi8vZ2l0aHViLmNvbS9KZWRXYXRzb24vcmVhY3Qtc2VsZWN0L2lzc3Vlcy80NzkzXG4gICAgICBhcmlhLWhpZGRlbj17ZmFsc2V9XG4gICAgICAvLyBvbmx5IG9uTW91c2VEb3duIGFuZCBvblRvdWNoRW5kIGV2ZW50IGhhbmRsZXJzIGFyZSBwYXNzZWQgYnkgYHJlYWN0LXNlbGVjdGAgdG8gdGhlIGNvbXBvbmVudCBieSBkZWZhdWx0LCB3aGljaCBtYWtlcyBpdCBub3QgYWNjZXNzaWJsZSBieSBrZXlib2FyZFxuICAgICAgb25DbGljaz17b25Nb3VzZURvd259XG4gICAgPlxuICAgICAgPENsb3NlSWNvbiBzaXplPVwibWVkaXVtXCIgLz5cbiAgICA8L2J1dHRvbj5cbiAgKTtcbn07XG5cbkNsZWFySW5kaWNhdG9yLmRpc3BsYXlOYW1lID0gJ0NsZWFySW5kaWNhdG9yJztcblxuZXhwb3J0IGRlZmF1bHQgQ2xlYXJJbmRpY2F0b3I7XG4iXX0= */"),
69
+ css: /*#__PURE__*/react.css("border:none;cursor:pointer;background:none;box-sizing:border-box;text-decoration:none;fill:", designSystem.designTokens.fontColorForClearInputIcon, ";:hover svg *{fill:", designSystem.designTokens.fontColorForClearInputIconWhenHovered, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ClearIndicator;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNsZWFyLWluZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJjIiwiZmlsZSI6ImNsZWFyLWluZGljYXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Byb3BlcnRpZXMsIExlZ2FjeVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHsgQ2xlYXJJbmRpY2F0b3JQcm9wcyB9IGZyb20gJ3JlYWN0LXNlbGVjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IENsb3NlSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcblxudHlwZSBUSW5uZXJQcm9wcyA9IHtcbiAgcmVmOiBMZWdhY3lSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xufSAmIEpTWC5JbnRyaW5zaWNFbGVtZW50c1snYnV0dG9uJ107XG5cbmV4cG9ydCB0eXBlIFRDbGVhckluZGljYXRvciA9IHtcbiAgaW5uZXJQcm9wczogVElubmVyUHJvcHM7XG59ICYgQ2xlYXJJbmRpY2F0b3JQcm9wcztcblxuY29uc3QgQ2xlYXJJbmRpY2F0b3IgPSAocHJvcHM6IFRDbGVhckluZGljYXRvcikgPT4ge1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpO1xuICBjb25zdCB7XG4gICAgZ2V0U3R5bGVzLFxuICAgIGlubmVyUHJvcHM6IHsgcmVmLCBvbk1vdXNlRG93biwgLi4ucmVzdElubmVyUHJvcHMgfSxcbiAgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxidXR0b25cbiAgICAgIHsuLi5yZXN0SW5uZXJQcm9wc31cbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNsZWFySW5wdXRJY29ufTtcbiAgICAgICAgOmhvdmVyIHN2ZyAqIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JDbGVhcklucHV0SWNvbldoZW5Ib3ZlcmVkfTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIHN0eWxlPXtnZXRTdHlsZXMoJ2NsZWFySW5kaWNhdG9yJywgcHJvcHMpIGFzIENTU1Byb3BlcnRpZXN9XG4gICAgICB0aXRsZT17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmNsZWFyQnV0dG9uTGFiZWwpfVxuICAgICAgYXJpYS1sYWJlbD17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmNsZWFyQnV0dG9uTGFiZWwpfVxuICAgICAgLy8gb3ZlcnJpZGluZyB0aGUgZGVmYXVsdCBgYXJpYS1oaWRkZW5gIHByb3AgdmFsdWUgdG8gbWFrZSB0aGUgY29tcG9uZW50IGFjY2Vzc2libGUgYnkga2V5Ym9hcmQgLSBodHRwczovL2dpdGh1Yi5jb20vSmVkV2F0c29uL3JlYWN0LXNlbGVjdC9pc3N1ZXMvNDc5M1xuICAgICAgYXJpYS1oaWRkZW49e2ZhbHNlfVxuICAgICAgLy8gb25seSBvbk1vdXNlRG93biBhbmQgb25Ub3VjaEVuZCBldmVudCBoYW5kbGVycyBhcmUgcGFzc2VkIGJ5IGByZWFjdC1zZWxlY3RgIHRvIHRoZSBjb21wb25lbnQgYnkgZGVmYXVsdCwgd2hpY2ggbWFrZXMgaXQgbm90IGFjY2Vzc2libGUgYnkga2V5Ym9hcmRcbiAgICAgIG9uQ2xpY2s9e29uTW91c2VEb3dufVxuICAgID5cbiAgICAgIDxDbG9zZUljb24gc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgPC9idXR0b24+XG4gICk7XG59O1xuXG5DbGVhckluZGljYXRvci5kaXNwbGF5TmFtZSA9ICdDbGVhckluZGljYXRvcic7XG5cbmV4cG9ydCBkZWZhdWx0IENsZWFySW5kaWNhdG9yO1xuIl19 */"),
70
70
  style: getStyles('clearIndicator', props),
71
71
  title: intl.formatMessage(messages$1.clearButtonLabel),
72
72
  "aria-label": intl.formatMessage(messages$1.clearButtonLabel) // overriding the default `aria-hidden` prop value to make the component accessible by keyboard - https://github.com/JedWatson/react-select/issues/4793
@@ -286,6 +286,26 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
286
286
 
287
287
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context9, _context10; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context9 = ownKeys(Object(source), !0)).call(_context9, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context10 = ownKeys(Object(source))).call(_context10, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
288
288
 
289
+ var getControlBorderColor = function getControlBorderColor(props, defaultColor) {
290
+ if (props.isDisabled) {
291
+ return designSystem.designTokens.borderColorForInputWhenDisabled;
292
+ }
293
+
294
+ if (props.isReadOnly) {
295
+ return designSystem.designTokens.borderColorForSelectInputWhenReadonly;
296
+ }
297
+
298
+ if (props.hasError) {
299
+ return designSystem.designTokens.borderColorForInputWhenError;
300
+ }
301
+
302
+ if (props.hasWarning) {
303
+ return designSystem.designTokens.borderColorForInputWhenWarning;
304
+ }
305
+
306
+ return defaultColor;
307
+ };
308
+
289
309
  var controlStyles = function controlStyles(props) {
290
310
  return function (base, state) {
291
311
  var _context;
@@ -299,10 +319,10 @@ var controlStyles = function controlStyles(props) {
299
319
  }(),
300
320
  borderColor: function () {
301
321
  if (props.isDisabled) return designSystem.designTokens.borderColorForInputWhenDisabled;
322
+ if (props.isReadOnly) return designSystem.designTokens.borderColorForSelectInputWhenReadonly;
302
323
  if (state.isFocused) return designSystem.designTokens.borderColorForInputWhenFocused;
303
324
  if (props.hasError) return designSystem.designTokens.borderColorForInputWhenError;
304
325
  if (props.hasWarning) return designSystem.designTokens.borderColorForInputWhenWarning;
305
- if (props.isReadOnly) return designSystem.designTokens.borderColorForSelectInputWhenReadonly;
306
326
  return designSystem.designTokens.borderColorForInput;
307
327
  }(),
308
328
  borderWidth: function () {
@@ -324,19 +344,16 @@ var controlStyles = function controlStyles(props) {
324
344
  boxShadow: function () {
325
345
  var _context2;
326
346
 
327
- if (!props.isDisabled) return _concatInstanceProperty__default["default"](_context2 = "".concat(designSystem.designTokens.boxShadowForSelectInputWhenFocused, " ")).call(_context2, designSystem.designTokens.borderColorForInputWhenFocused);
347
+ if (!props.isDisabled && !props.isReadOnly) return _concatInstanceProperty__default["default"](_context2 = "".concat(designSystem.designTokens.boxShadowForSelectInputWhenFocused, " ")).call(_context2, designSystem.designTokens.borderColorForInputWhenFocused);
328
348
  return null;
329
349
  }(),
330
350
  borderColor: function () {
331
- if (!props.isDisabled) return designSystem.designTokens.borderColorForInputWhenFocused;
351
+ if (!props.isDisabled && !props.isReadOnly) return designSystem.designTokens.borderColorForInputWhenFocused;
332
352
  return null;
333
353
  }()
334
354
  },
335
355
  '&:hover': {
336
- borderColor: function () {
337
- if (!props.isDisabled && !props.isReadOnly) return designSystem.designTokens.borderColorForInputWhenHovered;
338
- return null;
339
- }(),
356
+ borderColor: getControlBorderColor(props, designSystem.designTokens.borderColorForInputWhenHovered),
340
357
  backgroundColor: function () {
341
358
  if (!props.isDisabled && !props.isReadOnly) return designSystem.designTokens.backgroundColorForInputWhenHovered;
342
359
  return null;
@@ -425,6 +442,7 @@ var optionStyles = function optionStyles() {
425
442
  paddingRight: designSystem.designTokens.paddingRightForSelectInputOptions,
426
443
  paddingTop: designSystem.designTokens.paddingTopForSelectInputOptions,
427
444
  paddingBottom: designSystem.designTokens.paddingBottomForSelectInputOptions,
445
+ lineHeight: designSystem.designTokens.lineHeightForSelectInputOptions,
428
446
  color: function () {
429
447
  if (!state.isDisabled) return designSystem.designTokens.fontColorForInput;
430
448
  if (state.isSelected) return designSystem.designTokens.fontColorForInput;
@@ -640,7 +658,7 @@ function createSelectStyles(props) {
640
658
  }
641
659
 
642
660
  // NOTE: This string will be replaced on build time with the package version.
643
- var version = "15.13.1";
661
+ var version = "15.14.0";
644
662
 
645
663
  exports.ClearIndicator = ClearIndicator$1;
646
664
  exports.CustomSelectInputOption = CustomSelectInputOption;
package/dist/commercetools-uikit-select-utils.cjs.prod.js CHANGED
@@ -286,6 +286,26 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
286
286
 
287
287
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context9, _context10; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context9 = ownKeys(Object(source), !0)).call(_context9, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context10 = ownKeys(Object(source))).call(_context10, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
288
288
 
289
+ var getControlBorderColor = function getControlBorderColor(props, defaultColor) {
290
+ if (props.isDisabled) {
291
+ return designSystem.designTokens.borderColorForInputWhenDisabled;
292
+ }
293
+
294
+ if (props.isReadOnly) {
295
+ return designSystem.designTokens.borderColorForSelectInputWhenReadonly;
296
+ }
297
+
298
+ if (props.hasError) {
299
+ return designSystem.designTokens.borderColorForInputWhenError;
300
+ }
301
+
302
+ if (props.hasWarning) {
303
+ return designSystem.designTokens.borderColorForInputWhenWarning;
304
+ }
305
+
306
+ return defaultColor;
307
+ };
308
+
289
309
  var controlStyles = function controlStyles(props) {
290
310
  return function (base, state) {
291
311
  var _context;
@@ -299,10 +319,10 @@ var controlStyles = function controlStyles(props) {
299
319
  }(),
300
320
  borderColor: function () {
301
321
  if (props.isDisabled) return designSystem.designTokens.borderColorForInputWhenDisabled;
322
+ if (props.isReadOnly) return designSystem.designTokens.borderColorForSelectInputWhenReadonly;
302
323
  if (state.isFocused) return designSystem.designTokens.borderColorForInputWhenFocused;
303
324
  if (props.hasError) return designSystem.designTokens.borderColorForInputWhenError;
304
325
  if (props.hasWarning) return designSystem.designTokens.borderColorForInputWhenWarning;
305
- if (props.isReadOnly) return designSystem.designTokens.borderColorForSelectInputWhenReadonly;
306
326
  return designSystem.designTokens.borderColorForInput;
307
327
  }(),
308
328
  borderWidth: function () {
@@ -324,19 +344,16 @@ var controlStyles = function controlStyles(props) {
324
344
  boxShadow: function () {
325
345
  var _context2;
326
346
 
327
- if (!props.isDisabled) return _concatInstanceProperty__default["default"](_context2 = "".concat(designSystem.designTokens.boxShadowForSelectInputWhenFocused, " ")).call(_context2, designSystem.designTokens.borderColorForInputWhenFocused);
347
+ if (!props.isDisabled && !props.isReadOnly) return _concatInstanceProperty__default["default"](_context2 = "".concat(designSystem.designTokens.boxShadowForSelectInputWhenFocused, " ")).call(_context2, designSystem.designTokens.borderColorForInputWhenFocused);
328
348
  return null;
329
349
  }(),
330
350
  borderColor: function () {
331
- if (!props.isDisabled) return designSystem.designTokens.borderColorForInputWhenFocused;
351
+ if (!props.isDisabled && !props.isReadOnly) return designSystem.designTokens.borderColorForInputWhenFocused;
332
352
  return null;
333
353
  }()
334
354
  },
335
355
  '&:hover': {
336
- borderColor: function () {
337
- if (!props.isDisabled && !props.isReadOnly) return designSystem.designTokens.borderColorForInputWhenHovered;
338
- return null;
339
- }(),
356
+ borderColor: getControlBorderColor(props, designSystem.designTokens.borderColorForInputWhenHovered),
340
357
  backgroundColor: function () {
341
358
  if (!props.isDisabled && !props.isReadOnly) return designSystem.designTokens.backgroundColorForInputWhenHovered;
342
359
  return null;
@@ -425,6 +442,7 @@ var optionStyles = function optionStyles() {
425
442
  paddingRight: designSystem.designTokens.paddingRightForSelectInputOptions,
426
443
  paddingTop: designSystem.designTokens.paddingTopForSelectInputOptions,
427
444
  paddingBottom: designSystem.designTokens.paddingBottomForSelectInputOptions,
445
+ lineHeight: designSystem.designTokens.lineHeightForSelectInputOptions,
428
446
  color: function () {
429
447
  if (!state.isDisabled) return designSystem.designTokens.fontColorForInput;
430
448
  if (state.isSelected) return designSystem.designTokens.fontColorForInput;
@@ -640,7 +658,7 @@ function createSelectStyles(props) {
640
658
  }
641
659
 
642
660
  // NOTE: This string will be replaced on build time with the package version.
643
- var version = "15.13.1";
661
+ var version = "15.14.0";
644
662
 
645
663
  exports.ClearIndicator = ClearIndicator$1;
646
664
  exports.CustomSelectInputOption = CustomSelectInputOption;
package/dist/commercetools-uikit-select-utils.esm.js CHANGED
@@ -46,7 +46,7 @@ var ClearIndicator = function ClearIndicator(props) {
46
46
 
47
47
  return jsx("button", _objectSpread$6(_objectSpread$6({}, restInnerProps), {}, {
48
48
  ref: ref,
49
- css: /*#__PURE__*/css("border:none;cursor:pointer;background:none;box-sizing:border-box;text-decoration:none;fill:", designTokens.fontColorForClearInputIcon, ";:hover svg *{fill:", designTokens.fontColorForClearInputIconWhenHovered, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ClearIndicator;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNsZWFyLWluZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJjIiwiZmlsZSI6ImNsZWFyLWluZGljYXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Byb3BlcnRpZXMsIExlZ2FjeVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHsgQ2xlYXJJbmRpY2F0b3JQcm9wcyB9IGZyb20gJ3JlYWN0LXNlbGVjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IENsb3NlSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcblxudHlwZSBUSW5uZXJQcm9wcyA9IHtcbiAgcmVmOiBMZWdhY3lSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xufSAmIEpTWC5JbnRyaW5zaWNFbGVtZW50c1snYnV0dG9uJ107XG5cbnR5cGUgVENsZWFySW5kaWNhdG9yID0ge1xuICBpbm5lclByb3BzOiBUSW5uZXJQcm9wcztcbn0gJiBDbGVhckluZGljYXRvclByb3BzO1xuXG5jb25zdCBDbGVhckluZGljYXRvciA9IChwcm9wczogVENsZWFySW5kaWNhdG9yKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG4gIGNvbnN0IHtcbiAgICBnZXRTdHlsZXMsXG4gICAgaW5uZXJQcm9wczogeyByZWYsIG9uTW91c2VEb3duLCAuLi5yZXN0SW5uZXJQcm9wcyB9LFxuICB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPGJ1dHRvblxuICAgICAgey4uLnJlc3RJbm5lclByb3BzfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ2xlYXJJbnB1dEljb259O1xuICAgICAgICA6aG92ZXIgc3ZnICoge1xuICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNsZWFySW5wdXRJY29uV2hlbkhvdmVyZWR9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgc3R5bGU9e2dldFN0eWxlcygnY2xlYXJJbmRpY2F0b3InLCBwcm9wcykgYXMgQ1NTUHJvcGVydGllc31cbiAgICAgIHRpdGxlPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuY2xlYXJCdXR0b25MYWJlbCl9XG4gICAgICBhcmlhLWxhYmVsPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuY2xlYXJCdXR0b25MYWJlbCl9XG4gICAgICAvLyBvdmVycmlkaW5nIHRoZSBkZWZhdWx0IGBhcmlhLWhpZGRlbmAgcHJvcCB2YWx1ZSB0byBtYWtlIHRoZSBjb21wb25lbnQgYWNjZXNzaWJsZSBieSBrZXlib2FyZCAtIGh0dHBzOi8vZ2l0aHViLmNvbS9KZWRXYXRzb24vcmVhY3Qtc2VsZWN0L2lzc3Vlcy80NzkzXG4gICAgICBhcmlhLWhpZGRlbj17ZmFsc2V9XG4gICAgICAvLyBvbmx5IG9uTW91c2VEb3duIGFuZCBvblRvdWNoRW5kIGV2ZW50IGhhbmRsZXJzIGFyZSBwYXNzZWQgYnkgYHJlYWN0LXNlbGVjdGAgdG8gdGhlIGNvbXBvbmVudCBieSBkZWZhdWx0LCB3aGljaCBtYWtlcyBpdCBub3QgYWNjZXNzaWJsZSBieSBrZXlib2FyZFxuICAgICAgb25DbGljaz17b25Nb3VzZURvd259XG4gICAgPlxuICAgICAgPENsb3NlSWNvbiBzaXplPVwibWVkaXVtXCIgLz5cbiAgICA8L2J1dHRvbj5cbiAgKTtcbn07XG5cbkNsZWFySW5kaWNhdG9yLmRpc3BsYXlOYW1lID0gJ0NsZWFySW5kaWNhdG9yJztcblxuZXhwb3J0IGRlZmF1bHQgQ2xlYXJJbmRpY2F0b3I7XG4iXX0= */"),
49
+ css: /*#__PURE__*/css("border:none;cursor:pointer;background:none;box-sizing:border-box;text-decoration:none;fill:", designTokens.fontColorForClearInputIcon, ";:hover svg *{fill:", designTokens.fontColorForClearInputIconWhenHovered, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ClearIndicator;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNsZWFyLWluZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJjIiwiZmlsZSI6ImNsZWFyLWluZGljYXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Byb3BlcnRpZXMsIExlZ2FjeVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHsgQ2xlYXJJbmRpY2F0b3JQcm9wcyB9IGZyb20gJ3JlYWN0LXNlbGVjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IENsb3NlSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcblxudHlwZSBUSW5uZXJQcm9wcyA9IHtcbiAgcmVmOiBMZWdhY3lSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xufSAmIEpTWC5JbnRyaW5zaWNFbGVtZW50c1snYnV0dG9uJ107XG5cbmV4cG9ydCB0eXBlIFRDbGVhckluZGljYXRvciA9IHtcbiAgaW5uZXJQcm9wczogVElubmVyUHJvcHM7XG59ICYgQ2xlYXJJbmRpY2F0b3JQcm9wcztcblxuY29uc3QgQ2xlYXJJbmRpY2F0b3IgPSAocHJvcHM6IFRDbGVhckluZGljYXRvcikgPT4ge1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpO1xuICBjb25zdCB7XG4gICAgZ2V0U3R5bGVzLFxuICAgIGlubmVyUHJvcHM6IHsgcmVmLCBvbk1vdXNlRG93biwgLi4ucmVzdElubmVyUHJvcHMgfSxcbiAgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxidXR0b25cbiAgICAgIHsuLi5yZXN0SW5uZXJQcm9wc31cbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNsZWFySW5wdXRJY29ufTtcbiAgICAgICAgOmhvdmVyIHN2ZyAqIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JDbGVhcklucHV0SWNvbldoZW5Ib3ZlcmVkfTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIHN0eWxlPXtnZXRTdHlsZXMoJ2NsZWFySW5kaWNhdG9yJywgcHJvcHMpIGFzIENTU1Byb3BlcnRpZXN9XG4gICAgICB0aXRsZT17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmNsZWFyQnV0dG9uTGFiZWwpfVxuICAgICAgYXJpYS1sYWJlbD17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmNsZWFyQnV0dG9uTGFiZWwpfVxuICAgICAgLy8gb3ZlcnJpZGluZyB0aGUgZGVmYXVsdCBgYXJpYS1oaWRkZW5gIHByb3AgdmFsdWUgdG8gbWFrZSB0aGUgY29tcG9uZW50IGFjY2Vzc2libGUgYnkga2V5Ym9hcmQgLSBodHRwczovL2dpdGh1Yi5jb20vSmVkV2F0c29uL3JlYWN0LXNlbGVjdC9pc3N1ZXMvNDc5M1xuICAgICAgYXJpYS1oaWRkZW49e2ZhbHNlfVxuICAgICAgLy8gb25seSBvbk1vdXNlRG93biBhbmQgb25Ub3VjaEVuZCBldmVudCBoYW5kbGVycyBhcmUgcGFzc2VkIGJ5IGByZWFjdC1zZWxlY3RgIHRvIHRoZSBjb21wb25lbnQgYnkgZGVmYXVsdCwgd2hpY2ggbWFrZXMgaXQgbm90IGFjY2Vzc2libGUgYnkga2V5Ym9hcmRcbiAgICAgIG9uQ2xpY2s9e29uTW91c2VEb3dufVxuICAgID5cbiAgICAgIDxDbG9zZUljb24gc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgPC9idXR0b24+XG4gICk7XG59O1xuXG5DbGVhckluZGljYXRvci5kaXNwbGF5TmFtZSA9ICdDbGVhckluZGljYXRvcic7XG5cbmV4cG9ydCBkZWZhdWx0IENsZWFySW5kaWNhdG9yO1xuIl19 */"),
50
50
  style: getStyles('clearIndicator', props),
51
51
  title: intl.formatMessage(messages$1.clearButtonLabel),
52
52
  "aria-label": intl.formatMessage(messages$1.clearButtonLabel) // overriding the default `aria-hidden` prop value to make the component accessible by keyboard - https://github.com/JedWatson/react-select/issues/4793
@@ -266,6 +266,26 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
266
266
 
267
267
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context9, _context10; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context9 = ownKeys(Object(source), !0)).call(_context9, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context10 = ownKeys(Object(source))).call(_context10, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
268
268
 
269
+ var getControlBorderColor = function getControlBorderColor(props, defaultColor) {
270
+ if (props.isDisabled) {
271
+ return designTokens.borderColorForInputWhenDisabled;
272
+ }
273
+
274
+ if (props.isReadOnly) {
275
+ return designTokens.borderColorForSelectInputWhenReadonly;
276
+ }
277
+
278
+ if (props.hasError) {
279
+ return designTokens.borderColorForInputWhenError;
280
+ }
281
+
282
+ if (props.hasWarning) {
283
+ return designTokens.borderColorForInputWhenWarning;
284
+ }
285
+
286
+ return defaultColor;
287
+ };
288
+
269
289
  var controlStyles = function controlStyles(props) {
270
290
  return function (base, state) {
271
291
  var _context;
@@ -279,10 +299,10 @@ var controlStyles = function controlStyles(props) {
279
299
  }(),
280
300
  borderColor: function () {
281
301
  if (props.isDisabled) return designTokens.borderColorForInputWhenDisabled;
302
+ if (props.isReadOnly) return designTokens.borderColorForSelectInputWhenReadonly;
282
303
  if (state.isFocused) return designTokens.borderColorForInputWhenFocused;
283
304
  if (props.hasError) return designTokens.borderColorForInputWhenError;
284
305
  if (props.hasWarning) return designTokens.borderColorForInputWhenWarning;
285
- if (props.isReadOnly) return designTokens.borderColorForSelectInputWhenReadonly;
286
306
  return designTokens.borderColorForInput;
287
307
  }(),
288
308
  borderWidth: function () {
@@ -304,19 +324,16 @@ var controlStyles = function controlStyles(props) {
304
324
  boxShadow: function () {
305
325
  var _context2;
306
326
 
307
- if (!props.isDisabled) return _concatInstanceProperty(_context2 = "".concat(designTokens.boxShadowForSelectInputWhenFocused, " ")).call(_context2, designTokens.borderColorForInputWhenFocused);
327
+ if (!props.isDisabled && !props.isReadOnly) return _concatInstanceProperty(_context2 = "".concat(designTokens.boxShadowForSelectInputWhenFocused, " ")).call(_context2, designTokens.borderColorForInputWhenFocused);
308
328
  return null;
309
329
  }(),
310
330
  borderColor: function () {
311
- if (!props.isDisabled) return designTokens.borderColorForInputWhenFocused;
331
+ if (!props.isDisabled && !props.isReadOnly) return designTokens.borderColorForInputWhenFocused;
312
332
  return null;
313
333
  }()
314
334
  },
315
335
  '&:hover': {
316
- borderColor: function () {
317
- if (!props.isDisabled && !props.isReadOnly) return designTokens.borderColorForInputWhenHovered;
318
- return null;
319
- }(),
336
+ borderColor: getControlBorderColor(props, designTokens.borderColorForInputWhenHovered),
320
337
  backgroundColor: function () {
321
338
  if (!props.isDisabled && !props.isReadOnly) return designTokens.backgroundColorForInputWhenHovered;
322
339
  return null;
@@ -405,6 +422,7 @@ var optionStyles = function optionStyles() {
405
422
  paddingRight: designTokens.paddingRightForSelectInputOptions,
406
423
  paddingTop: designTokens.paddingTopForSelectInputOptions,
407
424
  paddingBottom: designTokens.paddingBottomForSelectInputOptions,
425
+ lineHeight: designTokens.lineHeightForSelectInputOptions,
408
426
  color: function () {
409
427
  if (!state.isDisabled) return designTokens.fontColorForInput;
410
428
  if (state.isSelected) return designTokens.fontColorForInput;
@@ -620,6 +638,6 @@ function createSelectStyles(props) {
620
638
  }
621
639
 
622
640
  // NOTE: This string will be replaced on build time with the package version.
623
- var version = "15.13.1";
641
+ var version = "15.14.0";
624
642
 
625
643
  export { ClearIndicator$1 as ClearIndicator, CustomSelectInputOption, DoublePropertySelectInputOption, DropdownIndicator$1 as DropdownIndicator, MultiplePropertiesSelectInputOption, SELECT_DROPDOWN_OPTION_TYPES, SearchIconDropdownIndicator$1 as SearchIconDropdownIndicator, TagRemove$1 as TagRemove, WrapperWithIcon$1 as ValueWrapperWithIcon, createSelectStyles, customComponents as customComponentsWithIcons, messages, version };
package/dist/declarations/src/clear-indicator/clear-indicator.d.ts CHANGED
@@ -3,7 +3,7 @@ import type { ClearIndicatorProps } from 'react-select';
3
3
  type TInnerProps = {
4
4
  ref: LegacyRef<HTMLButtonElement>;
5
5
  } & JSX.IntrinsicElements['button'];
6
- type TClearIndicator = {
6
+ export type TClearIndicator = {
7
7
  innerProps: TInnerProps;
8
8
  } & ClearIndicatorProps;
9
9
  declare const ClearIndicator: {
package/dist/declarations/src/clear-indicator/export-types.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import type { TClearIndicator as ClearIndicator } from './clear-indicator';
2
+ export type TClearIndicator = ClearIndicator;
package/dist/declarations/src/clear-indicator/index.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export { default } from './clear-indicator';
2
+ export * from './export-types';
package/dist/declarations/src/create-select-styles.d.ts CHANGED
@@ -45,7 +45,7 @@ export default function createSelectStyles(props: TProps & {
45
45
  borderColor: "var(--border-color-for-input-when-focused, #00b39e)" | null;
46
46
  };
47
47
  '&:hover': {
48
- borderColor: "var(--border-color-for-input-when-hovered, #00b39e)" | null;
48
+ borderColor: string;
49
49
  backgroundColor: "var(--background-color-for-input-when-hovered, #fff)" | null;
50
50
  };
51
51
  pointerEvents: string;
@@ -202,6 +202,7 @@ export default function createSelectStyles(props: TProps & {
202
202
  paddingRight: "var(--padding-right-for-select-input-options, 8px)";
203
203
  paddingTop: "var(--padding-top-for-select-input-options, 4px)";
204
204
  paddingBottom: "var(--padding-bottom-for-select-input-options, 4px)";
205
+ lineHeight: "var(--line-height-for-select-input-options, inherit)";
205
206
  color: string | undefined;
206
207
  backgroundColor: string | undefined;
207
208
  '&:active': {
package/dist/declarations/src/custom-styled-select-options/custom-styled-select-options.d.ts CHANGED
@@ -1,29 +1,28 @@
1
1
  import { OptionProps } from 'react-select';
2
2
  import { SELECT_DROPDOWN_OPTION_TYPES } from './constants';
3
- type TData = {
3
+ export type TData = {
4
4
  label?: string;
5
5
  key?: string;
6
6
  id?: string;
7
7
  };
8
- type SelectDropdownOptionTypesKeys = keyof typeof SELECT_DROPDOWN_OPTION_TYPES;
9
- type TProps = {
8
+ export type TSelectDropdownOptionTypesKeys = keyof typeof SELECT_DROPDOWN_OPTION_TYPES;
9
+ export type TDoublePropertySelectInputOptionProps = {
10
10
  data?: TData;
11
11
  noValueFallback?: string;
12
- optionType?: (typeof SELECT_DROPDOWN_OPTION_TYPES)[SelectDropdownOptionTypesKeys];
12
+ optionType?: (typeof SELECT_DROPDOWN_OPTION_TYPES)[TSelectDropdownOptionTypesKeys];
13
13
  } & OptionProps;
14
14
  export declare const MultiplePropertiesSelectInputOption: {
15
- (props: TProps): import("@emotion/react/jsx-runtime").JSX.Element;
15
+ (props: TDoublePropertySelectInputOptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
16
16
  displayName: string;
17
17
  };
18
18
  export declare const DoublePropertySelectInputOption: {
19
- (props: TProps): import("@emotion/react/jsx-runtime").JSX.Element;
19
+ (props: TDoublePropertySelectInputOptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
20
20
  displayName: string;
21
21
  };
22
- type TCustomSelectInputOptionProps = {
23
- optionInnerProps: TProps;
24
- } & TProps;
22
+ export type TCustomSelectInputOptionProps = {
23
+ optionInnerProps: TDoublePropertySelectInputOptionProps;
24
+ } & TDoublePropertySelectInputOptionProps;
25
25
  export declare const CustomSelectInputOption: {
26
26
  (props: TCustomSelectInputOptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
27
27
  displayName: string;
28
28
  };
29
- export {};
package/dist/declarations/src/tag-remove/export-types.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import type { TTagRemoveProps as TagRemoveProps, TSelectProps as SelectProps } from './tag-remove';
2
+ export type TTagRemoveProps = TagRemoveProps;
3
+ export type TSelectProps = SelectProps;
package/dist/declarations/src/tag-remove/index.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export { default } from './tag-remove';
2
+ export * from './export-types';
package/dist/declarations/src/tag-remove/tag-remove.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import type { MultiValueGenericProps } from 'react-select';
2
- type TSelectProps = {
2
+ export type TSelectProps = {
3
3
  isReadOnly: boolean;
4
4
  } & MultiValueGenericProps['selectProps'];
5
- type TTagRemoveProps = {
5
+ export type TTagRemoveProps = {
6
6
  selectProps: TSelectProps;
7
7
  } & MultiValueGenericProps;
8
8
  declare const TagRemove: {
package/dist/declarations/src/wrapper-with-icon/export-types.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import type { TSingleValueWrapperWithIconProps as SingleValueWrapperWithIconProps, TPlaceholderWrapperWithIconProps as PlaceholderWrapperWithIconProps, TWrapperWithIconProps as WrapperWithIconProps, TDefaultComponent as DefaultComponent } from './wrapper-with-icon';
2
+ export type TSingleValueWrapperWithIconProps = SingleValueWrapperWithIconProps;
3
+ export type TPlaceholderWrapperWithIconProps = PlaceholderWrapperWithIconProps;
4
+ export type TDefaultComponent = DefaultComponent<'singleValue' | 'placeholder'>;
5
+ export type TWrapperWithIconProps = WrapperWithIconProps<'singleValue' | 'placeholder'>;
package/dist/declarations/src/wrapper-with-icon/index.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export { default, customComponents } from './wrapper-with-icon';
2
+ export * from './export-types';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/select-utils",
3
3
  "description": "Utilities for working with select components.",
4
- "version": "15.13.1",
4
+ "version": "15.14.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,12 +21,12 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/accessible-button": "15.13.1",
25
- "@commercetools-uikit/design-system": "15.13.1",
26
- "@commercetools-uikit/icons": "15.13.1",
27
- "@commercetools-uikit/spacings": "15.13.1",
28
- "@commercetools-uikit/text": "15.13.1",
29
- "@commercetools-uikit/utils": "15.13.1",
24
+ "@commercetools-uikit/accessible-button": "15.14.0",
25
+ "@commercetools-uikit/design-system": "15.14.0",
26
+ "@commercetools-uikit/icons": "15.14.0",
27
+ "@commercetools-uikit/spacings": "15.14.0",
28
+ "@commercetools-uikit/text": "15.14.0",
29
+ "@commercetools-uikit/utils": "15.14.0",
30
30
  "@emotion/react": "^11.10.5",
31
31
  "@emotion/styled": "^11.10.5",
32
32
  "lodash": "4.17.21",