@commercetools-uikit/select-utils 15.11.2 → 15.13.0

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

@@ -554,13 +554,15 @@ var menuPortalStyles = function menuPortalStyles(props) {
   };
 };
 
-var multiValueStyles = function multiValueStyles(props) {
+var multiValueStyles = function multiValueStyles() {
   return function (base) {
     return _objectSpread(_objectSpread({}, base), {}, {
-      height: designSystem.designTokens.sizeHeightTag,
+      display: 'flex',
+      alignItems: designSystem.designTokens.alignItemsForSelectInputTag,
+      height: designSystem.designTokens.heightForSelectInputTag,
       backgroundColor: designSystem.designTokens.backgroundColorForTag,
       padding: '0',
-      border: props.isNewTheme ? "1px solid ".concat(designSystem.designTokens.colorNeutral85) : 'none'
+      border: designSystem.designTokens.borderForSelectInputTag
     });
   };
 };
@@ -570,7 +572,7 @@ var multiValueLabelStyles = function multiValueLabelStyles(props) {
     var _context6, _context7;
 
     return _objectSpread(_objectSpread({}, base), {}, {
-      fontSize: designSystem.designTokens.fontSizeSmall,
+      fontSize: designSystem.designTokens.fontSizeForSelectInputTag,
       color: function () {
         if (props.isDisabled) return designSystem.designTokens.fontColorForInputWhenDisabled;
         if (props.isReadOnly) return designSystem.designTokens.fontColorForInputWhenReadonly;
@@ -623,7 +625,7 @@ function createSelectStyles(props) {
     clearIndicator: clearIndicatorStyles(),
     menuList: menuListStyles(),
     menuPortal: menuPortalStyles(props),
-    multiValue: multiValueStyles(props),
+    multiValue: multiValueStyles(),
     multiValueLabel: multiValueLabelStyles(props),
     multiValueRemove: multiValueRemoveStyles(props),
     indicatorsContainer: indicatorsContainerStyles(),
@@ -638,7 +640,7 @@ function createSelectStyles(props) {
 }
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.11.2";
+var version = "15.13.0";
 
 exports.ClearIndicator = ClearIndicator$1;
 exports.CustomSelectInputOption = CustomSelectInputOption;

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

@@ -554,13 +554,15 @@ var menuPortalStyles = function menuPortalStyles(props) {
   };
 };
 
-var multiValueStyles = function multiValueStyles(props) {
+var multiValueStyles = function multiValueStyles() {
   return function (base) {
     return _objectSpread(_objectSpread({}, base), {}, {
-      height: designSystem.designTokens.sizeHeightTag,
+      display: 'flex',
+      alignItems: designSystem.designTokens.alignItemsForSelectInputTag,
+      height: designSystem.designTokens.heightForSelectInputTag,
       backgroundColor: designSystem.designTokens.backgroundColorForTag,
       padding: '0',
-      border: props.isNewTheme ? "1px solid ".concat(designSystem.designTokens.colorNeutral85) : 'none'
+      border: designSystem.designTokens.borderForSelectInputTag
     });
   };
 };
@@ -570,7 +572,7 @@ var multiValueLabelStyles = function multiValueLabelStyles(props) {
     var _context6, _context7;
 
     return _objectSpread(_objectSpread({}, base), {}, {
-      fontSize: designSystem.designTokens.fontSizeSmall,
+      fontSize: designSystem.designTokens.fontSizeForSelectInputTag,
       color: function () {
         if (props.isDisabled) return designSystem.designTokens.fontColorForInputWhenDisabled;
         if (props.isReadOnly) return designSystem.designTokens.fontColorForInputWhenReadonly;
@@ -623,7 +625,7 @@ function createSelectStyles(props) {
     clearIndicator: clearIndicatorStyles(),
     menuList: menuListStyles(),
     menuPortal: menuPortalStyles(props),
-    multiValue: multiValueStyles(props),
+    multiValue: multiValueStyles(),
     multiValueLabel: multiValueLabelStyles(props),
     multiValueRemove: multiValueRemoveStyles(props),
     indicatorsContainer: indicatorsContainerStyles(),
@@ -638,7 +640,7 @@ function createSelectStyles(props) {
 }
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.11.2";
+var version = "15.13.0";
 
 exports.ClearIndicator = ClearIndicator$1;
 exports.CustomSelectInputOption = CustomSelectInputOption;

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

@@ -534,13 +534,15 @@ var menuPortalStyles = function menuPortalStyles(props) {
   };
 };
 
-var multiValueStyles = function multiValueStyles(props) {
+var multiValueStyles = function multiValueStyles() {
   return function (base) {
     return _objectSpread(_objectSpread({}, base), {}, {
-      height: designTokens.sizeHeightTag,
+      display: 'flex',
+      alignItems: designTokens.alignItemsForSelectInputTag,
+      height: designTokens.heightForSelectInputTag,
       backgroundColor: designTokens.backgroundColorForTag,
       padding: '0',
-      border: props.isNewTheme ? "1px solid ".concat(designTokens.colorNeutral85) : 'none'
+      border: designTokens.borderForSelectInputTag
     });
   };
 };
@@ -550,7 +552,7 @@ var multiValueLabelStyles = function multiValueLabelStyles(props) {
     var _context6, _context7;
 
     return _objectSpread(_objectSpread({}, base), {}, {
-      fontSize: designTokens.fontSizeSmall,
+      fontSize: designTokens.fontSizeForSelectInputTag,
       color: function () {
         if (props.isDisabled) return designTokens.fontColorForInputWhenDisabled;
         if (props.isReadOnly) return designTokens.fontColorForInputWhenReadonly;
@@ -603,7 +605,7 @@ function createSelectStyles(props) {
     clearIndicator: clearIndicatorStyles(),
     menuList: menuListStyles(),
     menuPortal: menuPortalStyles(props),
-    multiValue: multiValueStyles(props),
+    multiValue: multiValueStyles(),
     multiValueLabel: multiValueLabelStyles(props),
     multiValueRemove: multiValueRemoveStyles(props),
     indicatorsContainer: indicatorsContainerStyles(),
@@ -618,6 +620,6 @@ function createSelectStyles(props) {
 }
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.11.2";
+var version = "15.13.0";
 
 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/create-select-styles.d.ts

@@ -134,10 +134,12 @@ export default function createSelectStyles(props: TProps & {
         pointerEvents?: string | undefined;
     };
     multiValue: (base: TBase) => {
-        height: "var(--size-height-tag, 26px)";
+        display: string;
+        alignItems: "var(--align-items-for-select-input-tag, unset)";
+        height: "var(--height-for-select-input-tag, 26px)";
         backgroundColor: "var(--background-color-for-tag, hsl(0, 0%, 95%))";
         padding: string;
-        border: string;
+        border: "var(--border-for-select-input-tag, none)";
         fontColorForInput?: string | undefined;
         borderColorForInput?: string | undefined;
         color?: string | undefined;
@@ -147,7 +149,7 @@ export default function createSelectStyles(props: TProps & {
         pointerEvents?: string | undefined;
     };
     multiValueLabel: (base: TBase) => {
-        fontSize: "var(--font-size-small, 0.9231rem)";
+        fontSize: "var(--font-size-for-select-input-tag, 0.9231rem)";
         color: string | undefined;
         padding: string;
         borderRadius: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/select-utils",
   "description": "Utilities for working with select components.",
-  "version": "15.11.2",
+  "version": "15.13.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -19,16 +19,16 @@
   "module": "dist/commercetools-uikit-select-utils.esm.js",
   "files": ["dist"],
   "dependencies": {
-    "@babel/runtime": "^7.19.0",
-    "@babel/runtime-corejs3": "^7.19.1",
-    "@commercetools-uikit/accessible-button": "15.11.2",
-    "@commercetools-uikit/design-system": "15.11.2",
-    "@commercetools-uikit/icons": "15.11.2",
-    "@commercetools-uikit/spacings": "15.11.2",
-    "@commercetools-uikit/text": "15.11.2",
-    "@commercetools-uikit/utils": "15.11.2",
-    "@emotion/react": "^11.4.0",
-    "@emotion/styled": "^11.3.0",
+    "@babel/runtime": "^7.20.13",
+    "@babel/runtime-corejs3": "^7.20.13",
+    "@commercetools-uikit/accessible-button": "15.13.0",
+    "@commercetools-uikit/design-system": "15.13.0",
+    "@commercetools-uikit/icons": "15.13.0",
+    "@commercetools-uikit/spacings": "15.13.0",
+    "@commercetools-uikit/text": "15.13.0",
+    "@commercetools-uikit/utils": "15.13.0",
+    "@emotion/react": "^11.10.5",
+    "@emotion/styled": "^11.10.5",
     "lodash": "4.17.21",
     "prop-types": "15.8.1",
     "react-select": "5.7.0"