@intility/bifrost-react-select 6.1.4 → 7.0.0-next.0

package/CHANGELOG.md

@@ -1,6 +1,28 @@
 # @intility/bifrost-react-select
 
-## 6.1.4
+## 7.0.0-next.0
+
+### Major Changes
+
+- 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`.
+
+### Patch Changes
+
+- 9918e2b: Handle `<FieldGroup state="alert">` border color in Select's own styles, instead of relying on `.bf-select__control` rules in `@intility/bifrost-css`.
+- Updated dependencies [6ea3508]
+- Updated dependencies [71b282c]
+- Updated dependencies [a9ac56c]
+- Updated dependencies [9918e2b]
+- Updated dependencies [d434618]
+  - @intility/bifrost-react@7.0.0-next.0
+
+## 6.1.5 - 2026-08-04
+
+### Patch Changes
+
+- f2ac2dc: fix: set group headings textTransform to unset, to prevent every word being capitalized
+
+## 6.1.4 - 2026-08-03
 
 ### Patch Changes
 

package/dist/Select.js

@@ -40,10 +40,10 @@ export const selectStyles = {
     ".bf-select-small &": {
       minHeight: "var(--rem32)"
     },
-    ".bf-select-alert &": {
+    ".bf-select-alert &, .bf-fieldgroup-alert &": {
       borderColor: state.isFocused ? "var(--bfc-base-c-inverted)" : state.isDisabled ? "transparent" : "var(--bfc-base-c-alert)"
     },
-    ".bf-select-alert &:hover": {
+    ".bf-select-alert &:hover, .bf-fieldgroup-alert &:hover": {
       borderColor: state.isFocused ? undefined : state.isDisabled ? "transparent" : "var(--bfc-alert-2)"
     },
     ".bf-fieldgroup &": {
@@ -74,8 +74,8 @@ export const selectStyles = {
     ".bf-select-small &": {
       paddingBlock: "0.2187rem" // 3.5px
     },
-    padding: "0.469rem 0",
-    // 7.5px
+    padding: "0.4375rem 0",
+    // 7px
     alignItems: "flex-start"
   }),
   clearIndicator: provided => ({
@@ -102,7 +102,7 @@ export const selectStyles = {
     ...provided,
     color: "var(--bfc-base-c)",
     fontFamily: "inherit",
-    fontSize: "var(--bf-font-size-l)",
+    fontSize: "var(--bf-font-size-m)",
     margin: 0,
     padding: 0
   }),
@@ -124,7 +124,7 @@ export const selectStyles = {
   placeholder: (provided, state) => ({
     ...provided,
     color: state.isDisabled ? "var(--bfc-base-c-disabled)" : "var(--bfc-base-c-2)",
-    fontSize: "var(--bf-font-size-l)"
+    fontSize: "var(--bf-font-size-m)"
   }),
   valueContainer: provided => ({
     ...provided,
@@ -136,7 +136,7 @@ export const selectStyles = {
   singleValue: (provided, state) => ({
     ...provided,
     color: state.selectProps.menuIsOpen ? "var(--bfc-base-c-2)" : state.isDisabled ? "var(--bfc-base-c-disabled)" : "var(--bfc-base-c)",
-    fontSize: "var(--bf-font-size-l)"
+    fontSize: "var(--bf-font-size-m)"
   }),
   option: (provided, state) => ({
     ...provided,
@@ -154,7 +154,7 @@ export const selectStyles = {
       backgroundColor: state.isDisabled ? "var(--bfc-base-dimmed)" : "var(--bfc-base)",
       cursor: state.isDisabled ? "default" : "pointer"
     },
-    fontSize: "var(--bf-font-size-l)",
+    fontSize: "var(--bf-font-size-m)",
     fontWeight: state.isSelected ? 600 : 400,
     wordBreak: "break-word",
     whiteSpace: "normal"
@@ -200,7 +200,7 @@ export const selectStyles = {
   }),
   groupHeading: provided => ({
     ...provided,
-    textTransform: "capitalize",
+    textTransform: "unset",
     color: "var(--bfc-base-c-2)",
     fontSize: "var(--bf-font-size-s)",
     marginBottom: 2
@@ -307,7 +307,7 @@ const SelectHOC = Selector => {
     const t8 = !isDisabled && state === "alert";
     let t9;
     if ($[17] !== className || $[18] !== isDisabled || $[19] !== small || $[20] !== t8) {
-      t9 = classNames(className, "bf-select-container", "bf-open-sans", {
+      t9 = classNames(className, "bf-select-container", {
         "bf-select-disabled": isDisabled,
         "bf-select-alert": t8,
         "bf-select-small": small

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intility/bifrost-react-select",
-  "version": "6.1.4",
+  "version": "7.0.0-next.0",
   "description": "React select component for Intility's design system, Bifrost.",
   "type": "module",
   "main": "dist/Select.js",
@@ -38,12 +38,12 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@intility/bifrost-react": "^6",
+    "@intility/bifrost-react": "^7.0.0-next.0",
     "react": "^17 || ^18 || ^19",
     "react-dom": "^17 || ^18 || ^19"
   },
   "devDependencies": {
-    "@intility/bifrost-react": "^6.19.3"
+    "@intility/bifrost-react": "^7.0.0-next.0"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.3.1",