@intility/bifrost-react-select 6.1.5 → 7.0.0-next.0
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 +18 -2
- package/dist/Select.js +9 -9
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,28 @@
|
|
|
1
1
|
# @intility/bifrost-react-select
|
|
2
2
|
|
|
3
|
-
##
|
|
3
|
+
## 7.0.0-next.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- 80bbc7f: Switch to the Satoshi Intility font, matching `@intility/bifrost-css` and `@intility/bifrost-react`. Open Sans is removed, and `Select` no longer adds the `bf-open-sans` class to its container. Requires the matching major version of `@intility/bifrost-react`.
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- 9918e2b: Handle `<FieldGroup state="alert">` border color in Select's own styles, instead of relying on `.bf-select__control` rules in `@intility/bifrost-css`.
|
|
12
|
+
- Updated dependencies [6ea3508]
|
|
13
|
+
- Updated dependencies [71b282c]
|
|
14
|
+
- Updated dependencies [a9ac56c]
|
|
15
|
+
- Updated dependencies [9918e2b]
|
|
16
|
+
- Updated dependencies [d434618]
|
|
17
|
+
- @intility/bifrost-react@7.0.0-next.0
|
|
18
|
+
|
|
19
|
+
## 6.1.5 - 2026-08-04
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
6
22
|
|
|
7
23
|
- f2ac2dc: fix: set group headings textTransform to unset, to prevent every word being capitalized
|
|
8
24
|
|
|
9
|
-
## 6.1.4
|
|
25
|
+
## 6.1.4 - 2026-08-03
|
|
10
26
|
|
|
11
27
|
### Patch Changes
|
|
12
28
|
|
package/dist/Select.js
CHANGED
|
@@ -40,10 +40,10 @@ export const selectStyles = {
|
|
|
40
40
|
".bf-select-small &": {
|
|
41
41
|
minHeight: "var(--rem32)"
|
|
42
42
|
},
|
|
43
|
-
".bf-select-alert &": {
|
|
43
|
+
".bf-select-alert &, .bf-fieldgroup-alert &": {
|
|
44
44
|
borderColor: state.isFocused ? "var(--bfc-base-c-inverted)" : state.isDisabled ? "transparent" : "var(--bfc-base-c-alert)"
|
|
45
45
|
},
|
|
46
|
-
".bf-select-alert &:hover": {
|
|
46
|
+
".bf-select-alert &:hover, .bf-fieldgroup-alert &:hover": {
|
|
47
47
|
borderColor: state.isFocused ? undefined : state.isDisabled ? "transparent" : "var(--bfc-alert-2)"
|
|
48
48
|
},
|
|
49
49
|
".bf-fieldgroup &": {
|
|
@@ -74,8 +74,8 @@ export const selectStyles = {
|
|
|
74
74
|
".bf-select-small &": {
|
|
75
75
|
paddingBlock: "0.2187rem" // 3.5px
|
|
76
76
|
},
|
|
77
|
-
padding: "0.
|
|
78
|
-
//
|
|
77
|
+
padding: "0.4375rem 0",
|
|
78
|
+
// 7px
|
|
79
79
|
alignItems: "flex-start"
|
|
80
80
|
}),
|
|
81
81
|
clearIndicator: provided => ({
|
|
@@ -102,7 +102,7 @@ export const selectStyles = {
|
|
|
102
102
|
...provided,
|
|
103
103
|
color: "var(--bfc-base-c)",
|
|
104
104
|
fontFamily: "inherit",
|
|
105
|
-
fontSize: "var(--bf-font-size-
|
|
105
|
+
fontSize: "var(--bf-font-size-m)",
|
|
106
106
|
margin: 0,
|
|
107
107
|
padding: 0
|
|
108
108
|
}),
|
|
@@ -124,7 +124,7 @@ export const selectStyles = {
|
|
|
124
124
|
placeholder: (provided, state) => ({
|
|
125
125
|
...provided,
|
|
126
126
|
color: state.isDisabled ? "var(--bfc-base-c-disabled)" : "var(--bfc-base-c-2)",
|
|
127
|
-
fontSize: "var(--bf-font-size-
|
|
127
|
+
fontSize: "var(--bf-font-size-m)"
|
|
128
128
|
}),
|
|
129
129
|
valueContainer: provided => ({
|
|
130
130
|
...provided,
|
|
@@ -136,7 +136,7 @@ export const selectStyles = {
|
|
|
136
136
|
singleValue: (provided, state) => ({
|
|
137
137
|
...provided,
|
|
138
138
|
color: state.selectProps.menuIsOpen ? "var(--bfc-base-c-2)" : state.isDisabled ? "var(--bfc-base-c-disabled)" : "var(--bfc-base-c)",
|
|
139
|
-
fontSize: "var(--bf-font-size-
|
|
139
|
+
fontSize: "var(--bf-font-size-m)"
|
|
140
140
|
}),
|
|
141
141
|
option: (provided, state) => ({
|
|
142
142
|
...provided,
|
|
@@ -154,7 +154,7 @@ export const selectStyles = {
|
|
|
154
154
|
backgroundColor: state.isDisabled ? "var(--bfc-base-dimmed)" : "var(--bfc-base)",
|
|
155
155
|
cursor: state.isDisabled ? "default" : "pointer"
|
|
156
156
|
},
|
|
157
|
-
fontSize: "var(--bf-font-size-
|
|
157
|
+
fontSize: "var(--bf-font-size-m)",
|
|
158
158
|
fontWeight: state.isSelected ? 600 : 400,
|
|
159
159
|
wordBreak: "break-word",
|
|
160
160
|
whiteSpace: "normal"
|
|
@@ -307,7 +307,7 @@ const SelectHOC = Selector => {
|
|
|
307
307
|
const t8 = !isDisabled && state === "alert";
|
|
308
308
|
let t9;
|
|
309
309
|
if ($[17] !== className || $[18] !== isDisabled || $[19] !== small || $[20] !== t8) {
|
|
310
|
-
t9 = classNames(className, "bf-select-container",
|
|
310
|
+
t9 = classNames(className, "bf-select-container", {
|
|
311
311
|
"bf-select-disabled": isDisabled,
|
|
312
312
|
"bf-select-alert": t8,
|
|
313
313
|
"bf-select-small": small
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@intility/bifrost-react-select",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "7.0.0-next.0",
|
|
4
4
|
"description": "React select component for Intility's design system, Bifrost.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/Select.js",
|
|
@@ -38,12 +38,12 @@
|
|
|
38
38
|
"access": "public"
|
|
39
39
|
},
|
|
40
40
|
"peerDependencies": {
|
|
41
|
-
"@intility/bifrost-react": "^
|
|
41
|
+
"@intility/bifrost-react": "^7.0.0-next.0",
|
|
42
42
|
"react": "^17 || ^18 || ^19",
|
|
43
43
|
"react-dom": "^17 || ^18 || ^19"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@intility/bifrost-react": "^
|
|
46
|
+
"@intility/bifrost-react": "^7.0.0-next.0"
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
49
|
"@fortawesome/fontawesome-svg-core": "^7.3.1",
|