@commercetools-uikit/select-utils 15.13.2 → 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.
- package/dist/commercetools-uikit-select-utils.cjs.dev.js +3 -2
- package/dist/commercetools-uikit-select-utils.cjs.prod.js +2 -1
- package/dist/commercetools-uikit-select-utils.esm.js +3 -2
- package/dist/declarations/src/clear-indicator/clear-indicator.d.ts +1 -1
- package/dist/declarations/src/clear-indicator/export-types.d.ts +2 -0
- package/dist/declarations/src/clear-indicator/index.d.ts +1 -0
- package/dist/declarations/src/create-select-styles.d.ts +1 -0
- package/dist/declarations/src/custom-styled-select-options/custom-styled-select-options.d.ts +9 -10
- package/dist/declarations/src/tag-remove/export-types.d.ts +3 -0
- package/dist/declarations/src/tag-remove/index.d.ts +1 -0
- package/dist/declarations/src/tag-remove/tag-remove.d.ts +2 -2
- package/dist/declarations/src/wrapper-with-icon/export-types.d.ts +5 -0
- package/dist/declarations/src/wrapper-with-icon/index.d.ts +1 -0
- package/package.json +7 -7
|
@@ -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+
|
|
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
|
|
@@ -442,6 +442,7 @@ var optionStyles = function optionStyles() {
|
|
|
442
442
|
paddingRight: designSystem.designTokens.paddingRightForSelectInputOptions,
|
|
443
443
|
paddingTop: designSystem.designTokens.paddingTopForSelectInputOptions,
|
|
444
444
|
paddingBottom: designSystem.designTokens.paddingBottomForSelectInputOptions,
|
|
445
|
+
lineHeight: designSystem.designTokens.lineHeightForSelectInputOptions,
|
|
445
446
|
color: function () {
|
|
446
447
|
if (!state.isDisabled) return designSystem.designTokens.fontColorForInput;
|
|
447
448
|
if (state.isSelected) return designSystem.designTokens.fontColorForInput;
|
|
@@ -657,7 +658,7 @@ function createSelectStyles(props) {
|
|
|
657
658
|
}
|
|
658
659
|
|
|
659
660
|
// NOTE: This string will be replaced on build time with the package version.
|
|
660
|
-
var version = "15.
|
|
661
|
+
var version = "15.14.0";
|
|
661
662
|
|
|
662
663
|
exports.ClearIndicator = ClearIndicator$1;
|
|
663
664
|
exports.CustomSelectInputOption = CustomSelectInputOption;
|
|
@@ -442,6 +442,7 @@ var optionStyles = function optionStyles() {
|
|
|
442
442
|
paddingRight: designSystem.designTokens.paddingRightForSelectInputOptions,
|
|
443
443
|
paddingTop: designSystem.designTokens.paddingTopForSelectInputOptions,
|
|
444
444
|
paddingBottom: designSystem.designTokens.paddingBottomForSelectInputOptions,
|
|
445
|
+
lineHeight: designSystem.designTokens.lineHeightForSelectInputOptions,
|
|
445
446
|
color: function () {
|
|
446
447
|
if (!state.isDisabled) return designSystem.designTokens.fontColorForInput;
|
|
447
448
|
if (state.isSelected) return designSystem.designTokens.fontColorForInput;
|
|
@@ -657,7 +658,7 @@ function createSelectStyles(props) {
|
|
|
657
658
|
}
|
|
658
659
|
|
|
659
660
|
// NOTE: This string will be replaced on build time with the package version.
|
|
660
|
-
var version = "15.
|
|
661
|
+
var version = "15.14.0";
|
|
661
662
|
|
|
662
663
|
exports.ClearIndicator = ClearIndicator$1;
|
|
663
664
|
exports.CustomSelectInputOption = CustomSelectInputOption;
|
|
@@ -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+
|
|
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
|
|
@@ -422,6 +422,7 @@ var optionStyles = function optionStyles() {
|
|
|
422
422
|
paddingRight: designTokens.paddingRightForSelectInputOptions,
|
|
423
423
|
paddingTop: designTokens.paddingTopForSelectInputOptions,
|
|
424
424
|
paddingBottom: designTokens.paddingBottomForSelectInputOptions,
|
|
425
|
+
lineHeight: designTokens.lineHeightForSelectInputOptions,
|
|
425
426
|
color: function () {
|
|
426
427
|
if (!state.isDisabled) return designTokens.fontColorForInput;
|
|
427
428
|
if (state.isSelected) return designTokens.fontColorForInput;
|
|
@@ -637,6 +638,6 @@ function createSelectStyles(props) {
|
|
|
637
638
|
}
|
|
638
639
|
|
|
639
640
|
// NOTE: This string will be replaced on build time with the package version.
|
|
640
|
-
var version = "15.
|
|
641
|
+
var version = "15.14.0";
|
|
641
642
|
|
|
642
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 };
|
|
@@ -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: {
|
|
@@ -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
|
|
9
|
-
type
|
|
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)[
|
|
12
|
+
optionType?: (typeof SELECT_DROPDOWN_OPTION_TYPES)[TSelectDropdownOptionTypesKeys];
|
|
13
13
|
} & OptionProps;
|
|
14
14
|
export declare const MultiplePropertiesSelectInputOption: {
|
|
15
|
-
(props:
|
|
15
|
+
(props: TDoublePropertySelectInputOptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
16
16
|
displayName: string;
|
|
17
17
|
};
|
|
18
18
|
export declare const DoublePropertySelectInputOption: {
|
|
19
|
-
(props:
|
|
19
|
+
(props: TDoublePropertySelectInputOptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
20
20
|
displayName: string;
|
|
21
21
|
};
|
|
22
|
-
type TCustomSelectInputOptionProps = {
|
|
23
|
-
optionInnerProps:
|
|
24
|
-
} &
|
|
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 {};
|
|
@@ -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: {
|
|
@@ -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/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.
|
|
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.
|
|
25
|
-
"@commercetools-uikit/design-system": "15.
|
|
26
|
-
"@commercetools-uikit/icons": "15.
|
|
27
|
-
"@commercetools-uikit/spacings": "15.
|
|
28
|
-
"@commercetools-uikit/text": "15.
|
|
29
|
-
"@commercetools-uikit/utils": "15.
|
|
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",
|