@commercetools-uikit/select-utils 16.11.0 → 16.12.1

package/dist/commercetools-uikit-select-utils.cjs.dev.js

@@ -325,7 +325,7 @@ const controlStyles = props => (base, state) => {
       if (props.isReadOnly) return 'default';
       return 'pointer';
     })(),
-    padding: "0 ".concat(designSystem.designTokens.paddingForInput),
+    padding: props.appearance === 'quiet' ? "0 ".concat(designSystem.designTokens.paddingForInputAsQuiet) : "0 ".concat(designSystem.designTokens.paddingForInput),
     transition: _concatInstanceProperty__default["default"](_context = "border-color ".concat(designSystem.designTokens.transitionStandard, ",\n    box-shadow ")).call(_context, designSystem.designTokens.transitionStandard),
     outline: 0,
     boxShadow: 'none'
@@ -369,7 +369,8 @@ const menuStyles = props => base => {
       if (props.hasWarning) return designSystem.designTokens.borderColorForSelectInputMenuWhenWarning;
       return base.borderColorForInput;
     })(),
-    width: props.horizontalConstraint === 'auto' ? 'auto' : '100%'
+    width: props.horizontalConstraint === 'auto' ? 'auto' : '100%',
+    minWidth: designSystem.designTokens.constraint3
   });
 };
 const indicatorSeparatorStyles = () => base => {
@@ -603,7 +604,7 @@ const warnIfMenuPortalPropsAreMissing = props => {
 };
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.11.0";
+var version = "16.12.1";
 
 exports.ClearIndicator = ClearIndicator$1;
 exports.CustomSelectInputOption = CustomSelectInputOption;

package/dist/commercetools-uikit-select-utils.cjs.prod.js

@@ -325,7 +325,7 @@ const controlStyles = props => (base, state) => {
       if (props.isReadOnly) return 'default';
       return 'pointer';
     })(),
-    padding: "0 ".concat(designSystem.designTokens.paddingForInput),
+    padding: props.appearance === 'quiet' ? "0 ".concat(designSystem.designTokens.paddingForInputAsQuiet) : "0 ".concat(designSystem.designTokens.paddingForInput),
     transition: _concatInstanceProperty__default["default"](_context = "border-color ".concat(designSystem.designTokens.transitionStandard, ",\n    box-shadow ")).call(_context, designSystem.designTokens.transitionStandard),
     outline: 0,
     boxShadow: 'none'
@@ -369,7 +369,8 @@ const menuStyles = props => base => {
       if (props.hasWarning) return designSystem.designTokens.borderColorForSelectInputMenuWhenWarning;
       return base.borderColorForInput;
     })(),
-    width: props.horizontalConstraint === 'auto' ? 'auto' : '100%'
+    width: props.horizontalConstraint === 'auto' ? 'auto' : '100%',
+    minWidth: designSystem.designTokens.constraint3
   });
 };
 const indicatorSeparatorStyles = () => base => {
@@ -600,7 +601,7 @@ const warnIfMenuPortalPropsAreMissing = props => {
 };
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.11.0";
+var version = "16.12.1";
 
 exports.ClearIndicator = ClearIndicator$1;
 exports.CustomSelectInputOption = CustomSelectInputOption;

package/dist/commercetools-uikit-select-utils.esm.js

@@ -305,7 +305,7 @@ const controlStyles = props => (base, state) => {
       if (props.isReadOnly) return 'default';
       return 'pointer';
     })(),
-    padding: "0 ".concat(designTokens.paddingForInput),
+    padding: props.appearance === 'quiet' ? "0 ".concat(designTokens.paddingForInputAsQuiet) : "0 ".concat(designTokens.paddingForInput),
     transition: _concatInstanceProperty(_context = "border-color ".concat(designTokens.transitionStandard, ",\n    box-shadow ")).call(_context, designTokens.transitionStandard),
     outline: 0,
     boxShadow: 'none'
@@ -349,7 +349,8 @@ const menuStyles = props => base => {
       if (props.hasWarning) return designTokens.borderColorForSelectInputMenuWhenWarning;
       return base.borderColorForInput;
     })(),
-    width: props.horizontalConstraint === 'auto' ? 'auto' : '100%'
+    width: props.horizontalConstraint === 'auto' ? 'auto' : '100%',
+    minWidth: designTokens.constraint3
   });
 };
 const indicatorSeparatorStyles = () => base => {
@@ -583,6 +584,6 @@ const warnIfMenuPortalPropsAreMissing = props => {
 };
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.11.0";
+var version = "16.12.1";
 
 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, warnIfMenuPortalPropsAreMissing };

package/dist/declarations/src/clear-indicator/index.d.ts

@@ -1 +1 @@
-export { default } from './clear-indicator';
+export { default } from "./clear-indicator.js";

package/dist/declarations/src/create-select-styles.d.ts

@@ -65,6 +65,7 @@ export default function createSelectStyles(props: TProps): {
         margin: string;
         borderColor: string | undefined;
         width: string;
+        minWidth: "var(--constraint-3, 142px)";
         fontColorForInput?: string | undefined;
         borderColorForInput?: string | undefined;
         color?: string | undefined;

package/dist/declarations/src/custom-styled-select-options/custom-styled-select-options.d.ts

@@ -1,5 +1,5 @@
 import { OptionProps } from 'react-select';
-import { SELECT_DROPDOWN_OPTION_TYPES } from './constants';
+import { SELECT_DROPDOWN_OPTION_TYPES } from "./constants.js";
 export type TData = {
     label?: string;
     key?: string;

package/dist/declarations/src/custom-styled-select-options/index.d.ts

@@ -1,2 +1,2 @@
-export { SELECT_DROPDOWN_OPTION_TYPES } from './constants';
-export * from './custom-styled-select-options';
+export { SELECT_DROPDOWN_OPTION_TYPES } from "./constants.js";
+export * from "./custom-styled-select-options.js";

package/dist/declarations/src/dropdown-indicator/index.d.ts

@@ -1 +1 @@
-export { default } from './dropdown-indicator';
+export { default } from "./dropdown-indicator.js";

package/dist/declarations/src/export-types.d.ts

@@ -1,3 +1,3 @@
-export type { TClearIndicatorProps } from './clear-indicator/clear-indicator';
-export type { TTagRemoveSelectProps, TTagRemoveProps, } from './tag-remove/tag-remove';
-export type { TWrapperWithIconProps, TWrapperWithIconSelectProps, TDefaultComponent, } from './wrapper-with-icon/wrapper-with-icon';
+export type { TClearIndicatorProps } from "./clear-indicator/clear-indicator.js";
+export type { TTagRemoveSelectProps, TTagRemoveProps, } from "./tag-remove/tag-remove.js";
+export type { TWrapperWithIconProps, TWrapperWithIconSelectProps, TDefaultComponent, } from "./wrapper-with-icon/wrapper-with-icon.js";

package/dist/declarations/src/index.d.ts

@@ -1,12 +1,12 @@
-export { default as ClearIndicator } from './clear-indicator';
-export { default as TagRemove } from './tag-remove';
-export { default as DropdownIndicator } from './dropdown-indicator';
-export { default as SearchIconDropdownIndicator } from './search-icon-dropdown-indicator';
-export { default as ValueWrapperWithIcon } from './wrapper-with-icon';
-export { customComponents as customComponentsWithIcons } from './wrapper-with-icon';
-export * from './custom-styled-select-options';
-export * from './export-types';
-export { default as messages } from './messages';
-export { default as createSelectStyles } from './create-select-styles';
-export { warnIfMenuPortalPropsAreMissing } from './warning';
-export { default as version } from './version';
+export { default as ClearIndicator } from "./clear-indicator/index.js";
+export { default as TagRemove } from "./tag-remove/index.js";
+export { default as DropdownIndicator } from "./dropdown-indicator/index.js";
+export { default as SearchIconDropdownIndicator } from "./search-icon-dropdown-indicator/index.js";
+export { default as ValueWrapperWithIcon } from "./wrapper-with-icon/index.js";
+export { customComponents as customComponentsWithIcons } from "./wrapper-with-icon/index.js";
+export * from "./custom-styled-select-options/index.js";
+export * from "./export-types.js";
+export { default as messages } from "./messages.js";
+export { default as createSelectStyles } from "./create-select-styles.js";
+export { warnIfMenuPortalPropsAreMissing } from "./warning.js";
+export { default as version } from "./version.js";

package/dist/declarations/src/search-icon-dropdown-indicator/index.d.ts

@@ -1 +1 @@
-export { default } from './search-icon-dropdown-indicator';
+export { default } from "./search-icon-dropdown-indicator.js";

package/dist/declarations/src/tag-remove/index.d.ts

@@ -1 +1 @@
-export { default } from './tag-remove';
+export { default } from "./tag-remove.js";

package/dist/declarations/src/wrapper-with-icon/index.d.ts

@@ -1 +1 @@
-export { default, customComponents } from './wrapper-with-icon';
+export { default, customComponents } from "./wrapper-with-icon.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/select-utils",
   "description": "Utilities for working with select components.",
-  "version": "16.11.0",
+  "version": "16.12.1",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,17 +21,17 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/accessible-button": "16.11.0",
-    "@commercetools-uikit/design-system": "16.11.0",
-    "@commercetools-uikit/icons": "16.11.0",
-    "@commercetools-uikit/spacings": "16.11.0",
-    "@commercetools-uikit/text": "16.11.0",
-    "@commercetools-uikit/utils": "16.11.0",
+    "@commercetools-uikit/accessible-button": "16.12.1",
+    "@commercetools-uikit/design-system": "16.12.1",
+    "@commercetools-uikit/icons": "16.12.1",
+    "@commercetools-uikit/spacings": "16.12.1",
+    "@commercetools-uikit/text": "16.12.1",
+    "@commercetools-uikit/utils": "16.12.1",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "lodash": "4.17.21",
     "prop-types": "15.8.1",
-    "react-select": "5.7.3"
+    "react-select": "5.8.0"
   },
   "devDependencies": {
     "react": "17.0.2",

package/dist/declarations/src/clear-indicator/messages.d.ts

@@ -1,8 +0,0 @@
-declare const _default: {
-    clearButtonLabel: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-};
-export default _default;