@synerise/ds-item-picker 0.9.21 → 0.9.24

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.
Files changed (5) hide show
  1. package/CHANGELOG.md +8 -4
  2. package/dist/ItemPickerTrigger/Trigger.js +3 -1
  3. package/dist/ItemPickerTrigger/Trigger.styles.d.ts +3 -1
  4. package/dist/ItemPickerTrigger/Trigger.styles.js +11 -5
  5. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -3,7 +3,7 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [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)
6
+ ## [0.9.24](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@0.9.23...@synerise/ds-item-picker@0.9.24) (2022-08-25)
7
7
 
8
8
  **Note:** Version bump only for package @synerise/ds-item-picker
9
9
 
@@ -11,7 +11,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
11
11
 
12
12
 
13
13
 
14
- ## [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)
14
+ ## [0.9.23](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@0.9.18...@synerise/ds-item-picker@0.9.23) (2022-08-11)
15
15
 
16
16
  **Note:** Version bump only for package @synerise/ds-item-picker
17
17
 
@@ -19,9 +19,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
19
19
 
20
20
 
21
21
 
22
- ## [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)
22
+ ## [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)
23
23
 
24
- **Note:** Version bump only for package @synerise/ds-item-picker
24
+
25
+ ### Bug Fixes
26
+
27
+ * **item-picker:** fix styles of item picker trigger ([63063ad](https://github.com/Synerise/synerise-design/commit/63063add476072ac5d23a19c6366cd6acc614999))
28
+ * **item-picker:** fix styles of item picker trigger ([be5766a](https://github.com/Synerise/synerise-design/commit/be5766ac5c34596f38adc1e215b5b60ab03832a7))
25
29
 
26
30
 
27
31
 
package/dist/ItemPickerTrigger/Trigger.js CHANGED
@@ -95,7 +95,9 @@ var Trigger = function Trigger(_ref) {
95
95
  size: size
96
96
  }, selected ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.Value, null, selected.prefixel && /*#__PURE__*/React.createElement(S.Prefix, {
97
97
  "data-testid": "value-prefixel"
98
- }, selected.prefixel), /*#__PURE__*/React.createElement(S.ValueText, null, selected.text)), renderChangeButton) : /*#__PURE__*/React.createElement(S.Placeholder, null, placeholderIcon && /*#__PURE__*/React.createElement(S.Prefix, {
98
+ }, selected.prefixel), /*#__PURE__*/React.createElement(S.ValueText, null, selected.text)), renderChangeButton) : /*#__PURE__*/React.createElement(S.Placeholder, {
99
+ size: size
100
+ }, placeholderIcon && /*#__PURE__*/React.createElement(S.Prefix, {
99
101
  "data-testid": "placeholder-icon"
100
102
  }, /*#__PURE__*/React.createElement(Icon, {
101
103
  component: placeholderIcon
package/dist/ItemPickerTrigger/Trigger.styles.d.ts CHANGED
@@ -11,7 +11,9 @@ export declare const IconWrapper: import("styled-components").StyledComponent<"d
11
11
  size: ItemPickerSize;
12
12
  }, never>;
13
13
  export declare const Prefix: import("styled-components").StyledComponent<"div", any, {}, never>;
14
- export declare const Placeholder: import("styled-components").StyledComponent<"div", any, {}, never>;
14
+ export declare const Placeholder: import("styled-components").StyledComponent<"div", any, {
15
+ size: ItemPickerSize;
16
+ }, never>;
15
17
  export declare const Value: import("styled-components").StyledComponent<"div", any, {}, never>;
16
18
  export declare const Trigger: import("styled-components").StyledComponent<"div", any, {
17
19
  size: ItemPickerSize;
package/dist/ItemPickerTrigger/Trigger.styles.js CHANGED
@@ -1,13 +1,13 @@
1
1
  import styled, { css } from 'styled-components';
2
2
 
3
3
  var getDefaultStyles = function getDefaultStyles(props) {
4
- if (props.size === 'small') return "box-shadow: inset 0 0 0 1px " + props.theme.palette['grey-300'] + ";";
5
- return "border: 1px dashed " + props.theme.palette['grey-300'] + ";";
4
+ if (props.size === 'small') return "box-shadow: inset 0 0 0 1px " + props.theme.palette['grey-400'] + ";";
5
+ return "border: 1px dashed " + props.theme.palette['grey-400'] + ";";
6
6
  };
7
7
 
8
8
  var getHoverStyles = function getHoverStyles(props) {
9
- if (props.size === 'small') return "box-shadow: inset 0 0 0 1px " + props.theme.palette['grey-400'] + ";";
10
- return "border: 1px dashed " + props.theme.palette['grey-400'] + ";";
9
+ if (props.size === 'small') return "box-shadow: inset 0 0 0 1px " + props.theme.palette['grey-500'] + ";";
10
+ return "border: 1px dashed " + props.theme.palette['grey-500'] + ";";
11
11
  };
12
12
 
13
13
  var getErrorStyles = function getErrorStyles(props) {
@@ -39,12 +39,18 @@ export var Prefix = styled.div.withConfig({
39
39
  export var Placeholder = styled.div.withConfig({
40
40
  displayName: "Triggerstyles__Placeholder",
41
41
  componentId: "av8hmu-3"
42
- })(["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) {
42
+ })(["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) {
43
43
  return props.theme.palette['grey-500'];
44
44
  }, Prefix, function (props) {
45
45
  return props.theme.palette['grey-500'];
46
46
  }, function (props) {
47
47
  return props.theme.palette['grey-500'];
48
+ }, function (props) {
49
+ return props.size === 'large' ? props.theme.palette['grey-600'] : props.theme.palette['grey-500'];
50
+ }, Prefix, function (props) {
51
+ return props.theme.palette['grey-600'];
52
+ }, function (props) {
53
+ return props.theme.palette['grey-600'];
48
54
  });
49
55
  export var Value = styled.div.withConfig({
50
56
  displayName: "Triggerstyles__Value",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-item-picker",
3
- "version": "0.9.21",
3
+ "version": "0.9.24",
4
4
  "description": "ItemPicker UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -32,16 +32,16 @@
32
32
  ],
33
33
  "types": "dist/index.d.ts",
34
34
  "dependencies": {
35
- "@synerise/ds-dropdown": "^0.17.25",
36
- "@synerise/ds-icon": "^0.49.3",
37
- "@synerise/ds-menu": "^0.15.4",
38
- "@synerise/ds-search": "^0.8.10",
39
- "@synerise/ds-search-bar": "^0.6.4",
40
- "@synerise/ds-typography": "^0.12.5"
35
+ "@synerise/ds-dropdown": "^0.17.28",
36
+ "@synerise/ds-icon": "^0.50.0",
37
+ "@synerise/ds-menu": "^0.15.7",
38
+ "@synerise/ds-search": "^0.8.13",
39
+ "@synerise/ds-search-bar": "^0.6.7",
40
+ "@synerise/ds-typography": "^0.12.7"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "@synerise/ds-core": "*",
44
44
  "react": ">=16.9.0 < 17.0.0"
45
45
  },
46
- "gitHead": "28486eab4b37b485cbe2a383e3ae9b8e9d789862"
46
+ "gitHead": "c9530f0548fa244796b0c6b1ea5fa3d6330e84ea"
47
47
  }