@commercetools-uikit/select-utils 19.14.0 → 19.16.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.
|
@@ -423,7 +423,10 @@ const controlStyles = props => (base, state) => {
|
|
|
423
423
|
});
|
|
424
424
|
};
|
|
425
425
|
const menuStyles = props => base => {
|
|
426
|
-
return _objectSpread(_objectSpread({}, base),
|
|
426
|
+
return _objectSpread(_objectSpread(_objectSpread({}, base), props.appearance === 'filter' ? {
|
|
427
|
+
position: 'inherit',
|
|
428
|
+
zIndex: 'inherit'
|
|
429
|
+
} : {}), {}, {
|
|
427
430
|
border: `1px solid ${designSystem.designTokens.colorSurface}`,
|
|
428
431
|
borderRadius: designSystem.designTokens.borderRadiusForInput,
|
|
429
432
|
backgroundColor: designSystem.designTokens.backgroundColorForInput,
|
|
@@ -683,7 +686,7 @@ const warnIfMenuPortalPropsAreMissing = props => {
|
|
|
683
686
|
};
|
|
684
687
|
|
|
685
688
|
// NOTE: This string will be replaced on build time with the package version.
|
|
686
|
-
var version = "19.
|
|
689
|
+
var version = "19.16.0";
|
|
687
690
|
|
|
688
691
|
exports.ClearIndicator = ClearIndicator$1;
|
|
689
692
|
exports.CustomSelectInputOption = CustomSelectInputOption;
|
|
@@ -423,7 +423,10 @@ const controlStyles = props => (base, state) => {
|
|
|
423
423
|
});
|
|
424
424
|
};
|
|
425
425
|
const menuStyles = props => base => {
|
|
426
|
-
return _objectSpread(_objectSpread({}, base),
|
|
426
|
+
return _objectSpread(_objectSpread(_objectSpread({}, base), props.appearance === 'filter' ? {
|
|
427
|
+
position: 'inherit',
|
|
428
|
+
zIndex: 'inherit'
|
|
429
|
+
} : {}), {}, {
|
|
427
430
|
border: `1px solid ${designSystem.designTokens.colorSurface}`,
|
|
428
431
|
borderRadius: designSystem.designTokens.borderRadiusForInput,
|
|
429
432
|
backgroundColor: designSystem.designTokens.backgroundColorForInput,
|
|
@@ -680,7 +683,7 @@ const warnIfMenuPortalPropsAreMissing = props => {
|
|
|
680
683
|
};
|
|
681
684
|
|
|
682
685
|
// NOTE: This string will be replaced on build time with the package version.
|
|
683
|
-
var version = "19.
|
|
686
|
+
var version = "19.16.0";
|
|
684
687
|
|
|
685
688
|
exports.ClearIndicator = ClearIndicator$1;
|
|
686
689
|
exports.CustomSelectInputOption = CustomSelectInputOption;
|
|
@@ -403,7 +403,10 @@ const controlStyles = props => (base, state) => {
|
|
|
403
403
|
});
|
|
404
404
|
};
|
|
405
405
|
const menuStyles = props => base => {
|
|
406
|
-
return _objectSpread(_objectSpread({}, base),
|
|
406
|
+
return _objectSpread(_objectSpread(_objectSpread({}, base), props.appearance === 'filter' ? {
|
|
407
|
+
position: 'inherit',
|
|
408
|
+
zIndex: 'inherit'
|
|
409
|
+
} : {}), {}, {
|
|
407
410
|
border: `1px solid ${designTokens.colorSurface}`,
|
|
408
411
|
borderRadius: designTokens.borderRadiusForInput,
|
|
409
412
|
backgroundColor: designTokens.backgroundColorForInput,
|
|
@@ -663,6 +666,6 @@ const warnIfMenuPortalPropsAreMissing = props => {
|
|
|
663
666
|
};
|
|
664
667
|
|
|
665
668
|
// NOTE: This string will be replaced on build time with the package version.
|
|
666
|
-
var version = "19.
|
|
669
|
+
var version = "19.16.0";
|
|
667
670
|
|
|
668
671
|
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, optionStyleCheckboxComponents, optionsStyleCheckboxSelectProps, version, warnIfMenuPortalPropsAreMissing };
|
|
@@ -70,6 +70,8 @@ export default function createSelectStyles(props: TProps): {
|
|
|
70
70
|
width: string;
|
|
71
71
|
minWidth: string;
|
|
72
72
|
maxWidth: string;
|
|
73
|
+
position?: string | undefined;
|
|
74
|
+
zIndex?: string | undefined;
|
|
73
75
|
fontColorForInput?: string;
|
|
74
76
|
borderColorForInput?: string;
|
|
75
77
|
color?: string;
|
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": "19.
|
|
4
|
+
"version": "19.16.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,13 +21,13 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "19.
|
|
25
|
-
"@commercetools-uikit/checkbox-input": "
|
|
26
|
-
"@commercetools-uikit/design-system": "19.
|
|
27
|
-
"@commercetools-uikit/icons": "19.
|
|
28
|
-
"@commercetools-uikit/spacings": "19.
|
|
29
|
-
"@commercetools-uikit/text": "19.
|
|
30
|
-
"@commercetools-uikit/utils": "19.
|
|
24
|
+
"@commercetools-uikit/accessible-button": "19.16.0",
|
|
25
|
+
"@commercetools-uikit/checkbox-input": "19.16.0",
|
|
26
|
+
"@commercetools-uikit/design-system": "19.16.0",
|
|
27
|
+
"@commercetools-uikit/icons": "19.16.0",
|
|
28
|
+
"@commercetools-uikit/spacings": "19.16.0",
|
|
29
|
+
"@commercetools-uikit/text": "19.16.0",
|
|
30
|
+
"@commercetools-uikit/utils": "19.16.0",
|
|
31
31
|
"@emotion/react": "^11.10.5",
|
|
32
32
|
"@emotion/styled": "^11.10.5",
|
|
33
33
|
"lodash": "4.17.21",
|