@synerise/ds-item-picker 0.9.21 → 0.9.22

package/CHANGELOG.md

@@ -3,25 +3,13 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [0.9.21](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@0.9.20...@synerise/ds-item-picker@0.9.21) (2022-08-04)
-
-**Note:** Version bump only for package @synerise/ds-item-picker
-
-
-
-
-
-## [0.9.20](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@0.9.17...@synerise/ds-item-picker@0.9.20) (2022-08-04)
-
-**Note:** Version bump only for package @synerise/ds-item-picker
-
-
+## [0.9.18](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@0.9.17...@synerise/ds-item-picker@0.9.18) (2022-07-28)
 
 
+### Bug Fixes
 
-## [0.9.19](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@0.9.17...@synerise/ds-item-picker@0.9.19) (2022-08-04)
-
-**Note:** Version bump only for package @synerise/ds-item-picker
+* **item-picker:** fix styles of item picker trigger ([63063ad](https://github.com/Synerise/synerise-design/commit/63063add476072ac5d23a19c6366cd6acc614999))
+* **item-picker:** fix styles of item picker trigger ([be5766a](https://github.com/Synerise/synerise-design/commit/be5766ac5c34596f38adc1e215b5b60ab03832a7))
 
 
 

package/dist/ItemPickerTrigger/Trigger.js

@@ -95,7 +95,9 @@ var Trigger = function Trigger(_ref) {
     size: size
   }, selected ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.Value, null, selected.prefixel && /*#__PURE__*/React.createElement(S.Prefix, {
     "data-testid": "value-prefixel"
-  }, selected.prefixel), /*#__PURE__*/React.createElement(S.ValueText, null, selected.text)), renderChangeButton) : /*#__PURE__*/React.createElement(S.Placeholder, null, placeholderIcon && /*#__PURE__*/React.createElement(S.Prefix, {
+  }, selected.prefixel), /*#__PURE__*/React.createElement(S.ValueText, null, selected.text)), renderChangeButton) : /*#__PURE__*/React.createElement(S.Placeholder, {
+    size: size
+  }, placeholderIcon && /*#__PURE__*/React.createElement(S.Prefix, {
     "data-testid": "placeholder-icon"
   }, /*#__PURE__*/React.createElement(Icon, {
     component: placeholderIcon

package/dist/ItemPickerTrigger/Trigger.styles.d.ts

@@ -11,7 +11,9 @@ export declare const IconWrapper: import("styled-components").StyledComponent<"d
     size: ItemPickerSize;
 }, never>;
 export declare const Prefix: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Placeholder: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Placeholder: import("styled-components").StyledComponent<"div", any, {
+    size: ItemPickerSize;
+}, never>;
 export declare const Value: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Trigger: import("styled-components").StyledComponent<"div", any, {
     size: ItemPickerSize;

package/dist/ItemPickerTrigger/Trigger.styles.js

@@ -1,13 +1,13 @@
 import styled, { css } from 'styled-components';
 
 var getDefaultStyles = function getDefaultStyles(props) {
-  if (props.size === 'small') return "box-shadow: inset 0 0 0 1px " + props.theme.palette['grey-300'] + ";";
-  return "border: 1px dashed " + props.theme.palette['grey-300'] + ";";
+  if (props.size === 'small') return "box-shadow: inset 0 0 0 1px " + props.theme.palette['grey-400'] + ";";
+  return "border: 1px dashed " + props.theme.palette['grey-400'] + ";";
 };
 
 var getHoverStyles = function getHoverStyles(props) {
-  if (props.size === 'small') return "box-shadow: inset 0 0 0 1px " + props.theme.palette['grey-400'] + ";";
-  return "border: 1px dashed " + props.theme.palette['grey-400'] + ";";
+  if (props.size === 'small') return "box-shadow: inset 0 0 0 1px " + props.theme.palette['grey-500'] + ";";
+  return "border: 1px dashed " + props.theme.palette['grey-500'] + ";";
 };
 
 var getErrorStyles = function getErrorStyles(props) {
@@ -39,12 +39,18 @@ export var Prefix = styled.div.withConfig({
 export var Placeholder = styled.div.withConfig({
   displayName: "Triggerstyles__Placeholder",
   componentId: "av8hmu-3"
-})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex:1;color:", ";padding:0 0 0 4px;", "{svg{fill:", ";color:", ";}}"], function (props) {
+})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex:1;color:", ";padding:0 0 0 4px;", "{svg{fill:", ";color:", ";}}&:hover{color:", ";", "{svg{fill:", ";color:", ";}}}"], function (props) {
   return props.theme.palette['grey-500'];
 }, Prefix, function (props) {
   return props.theme.palette['grey-500'];
 }, function (props) {
   return props.theme.palette['grey-500'];
+}, function (props) {
+  return props.size === 'large' ? props.theme.palette['grey-600'] : props.theme.palette['grey-500'];
+}, Prefix, function (props) {
+  return props.theme.palette['grey-600'];
+}, function (props) {
+  return props.theme.palette['grey-600'];
 });
 export var Value = styled.div.withConfig({
   displayName: "Triggerstyles__Value",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-item-picker",
-  "version": "0.9.21",
+  "version": "0.9.22",
   "description": "ItemPicker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,16 +32,16 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-dropdown": "^0.17.25",
-    "@synerise/ds-icon": "^0.49.3",
-    "@synerise/ds-menu": "^0.15.4",
-    "@synerise/ds-search": "^0.8.10",
-    "@synerise/ds-search-bar": "^0.6.4",
-    "@synerise/ds-typography": "^0.12.5"
+    "@synerise/ds-dropdown": "^0.17.22",
+    "@synerise/ds-icon": "^0.49.0",
+    "@synerise/ds-menu": "^0.15.1",
+    "@synerise/ds-search": "^0.8.7",
+    "@synerise/ds-search-bar": "^0.6.1",
+    "@synerise/ds-typography": "^0.12.2"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "28486eab4b37b485cbe2a383e3ae9b8e9d789862"
+  "gitHead": "1ff23a390382403be15699d1963ad8f6c26e5ba6"
 }