@intility/bifrost-react-select 4.1.0 → 4.2.1

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @intility/bifrost-react-select
2
2
 
3
+ ## 4.2.1
4
+
5
+ ### Patch Changes
6
+
7
+ - ba934052: Change option hover background to bfc-base-1
8
+
9
+ ## 4.2.0
10
+
11
+ ### Minor Changes
12
+
13
+ - 833a15e4: Fix: update Select styling to allow `menuPlacement="top"` and more closely match DatePicker #754
14
+
3
15
  ## 4.1.0
4
16
 
5
17
  ### Minor Changes
package/dist/Select.js CHANGED
@@ -33,7 +33,7 @@ export const selectStyles = {
33
33
  borderStyle: "solid",
34
34
  borderColor: state.isFocused ? "var(--bfc-base-c-inverted)" : state.isDisabled ? "transparent" : "var(--bfc-base-c-wcag)",
35
35
  boxShadow: state.isFocused ? "inset 0 0 0 1px var(--bfc-base-c-inverted)" : "none",
36
- borderRadius: state.selectProps.menuIsOpen ? "var(--bf-radius-xs) var(--bf-radius-xs) 0 0" : "var(--bf-radius-xs)",
36
+ borderRadius: "var(--bf-radius-xs)",
37
37
  minHeight: "var(--bfs40)",
38
38
  cursor: "text"
39
39
  }),
@@ -77,16 +77,14 @@ export const selectStyles = {
77
77
  backgroundColor: "transparent",
78
78
  boxShadow: "none",
79
79
  borderRadius: "none",
80
- marginTop: 0,
81
80
  zIndex: 3
82
81
  }),
83
82
  menuList: (provided)=>({
84
83
  ...provided,
85
84
  backgroundColor: "var(--bfc-base-3)",
86
85
  padding: 0,
87
- border: "2px solid var(--bfc-base-c-inverted)",
88
- borderTop: "none",
89
- borderRadius: "0 0 var(--bf-radius-xs) var(--bf-radius-xs)"
86
+ border: "1px solid var(--bfc-base-c-wcag)",
87
+ borderRadius: "var(--bf-radius-xs)"
90
88
  }),
91
89
  placeholder: (provided)=>({
92
90
  ...provided,
@@ -115,7 +113,7 @@ export const selectStyles = {
115
113
  marginLeft: "var(--bfs4)"
116
114
  },
117
115
  "&:hover": {
118
- backgroundColor: state.isDisabled ? "var(--bfc-base-dimmed)" : "var(--bfc-base-3)",
116
+ backgroundColor: state.isDisabled ? "var(--bfc-base-dimmed)" : "var(--bfc-base-1)",
119
117
  cursor: state.isDisabled ? "default" : "pointer"
120
118
  },
121
119
  fontSize: "var(--bf-font-size-l)",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@intility/bifrost-react-select",
3
- "version": "4.1.0",
3
+ "version": "4.2.1",
4
4
  "description": "React select component for Intility's design system, Bifrost.",
5
5
  "type": "module",
6
6
  "main": "dist/Select.js",
@@ -39,7 +39,7 @@
39
39
  "@intility/bifrost-react": "^4.0.2"
40
40
  },
41
41
  "devDependencies": {
42
- "@intility/bifrost-react": "^4.3.0"
42
+ "@intility/bifrost-react": "^4.6.0"
43
43
  },
44
44
  "dependencies": {
45
45
  "@fortawesome/fontawesome-svg-core": "^6.4.2",