@intility/bifrost-react-select 4.2.1 → 4.2.3

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @intility/bifrost-react-select
 
+## 4.2.3
+
+### Patch Changes
+
+- 633e7b2: chore: avoid internal barrel file imports
+- 899927b: Fix: form field height should follow browser font-size setting. Use `rem` over `px` for height-related units for form fields (input, button, select, datepicker).
+
+## 4.2.2
+
+### Patch Changes
+
+- 3434ad1: Update Select styling to match new bifrost Button
+
+  - Increased `border-radius` (from xs to s)
+  - Slight `border-color` tweaks
+
+- 7b2eacc: Fix: Apparently, Chrome has changed its `<input autocomplete>` behaviour and now appears to only respect `autoComplete="off"`, so lets try that and pray to the browser gods that this will satisfy all of them for the forseeable future. #758
+
 ## 4.2.1
 
 ### Patch Changes

package/dist/Select.js

@@ -10,7 +10,12 @@ import Description from "@intility/bifrost-react/Description";
 import Feedback from "@intility/bifrost-react/Feedback";
 import Label from "@intility/bifrost-react/Label";
 import useUniqueId from "@intility/bifrost-react/hooks/useUniqueId";
-import { DropdownIndicator, ClearIndicator, CustomInput, CustomMenuList, CustomOption, LoadingIndicator } from "./overrides/index.js";
+import DropdownIndicator from "./overrides/DropdownIndicator.internal.js";
+import CustomInput from "./overrides/CustomInput.internal.js";
+import CustomMenuList from "./overrides/CustomMenuList.internal.js";
+import ClearIndicator from "./overrides/ClearIndicator.internal.js";
+import CustomOption from "./overrides/CustomOption.internal.js";
+import LoadingIndicator from "./overrides/LoadingIndicator.internal.js";
 const ReactSelect = ReactSelectDefaultExport.default ?? ReactSelectDefaultExport;
 export const selectStyles = {
     container: (provided)=>({
@@ -22,7 +27,7 @@ export const selectStyles = {
     control: (provided, state)=>({
             ...provided,
             "&:hover": {
-                borderColor: state.isFocused ? "var(--bfc-base-c-inverted)" : "var(--bfc-base-c-inverted-2)",
+                borderColor: "var(--bfc-base-c-inverted)",
                 // Change color of dropdown icon when hover on Select
                 ".bf-select__dropdown-indicator": {
                     color: "var(--bfc-base-c)"
@@ -33,7 +38,7 @@ export const selectStyles = {
             borderStyle: "solid",
             borderColor: state.isFocused ? "var(--bfc-base-c-inverted)" : state.isDisabled ? "transparent" : "var(--bfc-base-c-wcag)",
             boxShadow: state.isFocused ? "inset 0 0 0 1px var(--bfc-base-c-inverted)" : "none",
-            borderRadius: "var(--bf-radius-xs)",
+            borderRadius: "var(--bf-radius-s)",
             minHeight: "var(--bfs40)",
             cursor: "text"
         }),
@@ -43,7 +48,7 @@ export const selectStyles = {
     indicatorsContainer: (provided)=>({
             ...provided,
             alignItems: "flex-start",
-            padding: "7.5px 0"
+            padding: "0.46875rem 0"
         }),
     clearIndicator: (provided)=>({
             ...provided,
@@ -84,7 +89,7 @@ export const selectStyles = {
             backgroundColor: "var(--bfc-base-3)",
             padding: 0,
             border: "1px solid var(--bfc-base-c-wcag)",
-            borderRadius: "var(--bf-radius-xs)"
+            borderRadius: "var(--bf-radius-s)"
         }),
     placeholder: (provided)=>({
             ...provided,

package/dist/overrides/CustomInput.internal.js

@@ -4,7 +4,7 @@ const CustomInput = (props)=>{
     const { required, value } = props.selectProps;
     const updatedProps = {
         ...props,
-        autoComplete: "noAutocomplete"
+        autoComplete: "off"
     };
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
@@ -22,7 +22,7 @@ const CustomInput = (props)=>{
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 value: value?.label ?? "",
                 tabIndex: -1,
-                autoComplete: "noAutocomplete",
+                autoComplete: "off",
                 required: required,
                 "data-testid": "bf-select-input"
             })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intility/bifrost-react-select",
-  "version": "4.2.1",
+  "version": "4.2.3",
   "description": "React select component for Intility's design system, Bifrost.",
   "type": "module",
   "main": "dist/Select.js",
@@ -39,7 +39,7 @@
     "@intility/bifrost-react": "^4.0.2"
   },
   "devDependencies": {
-    "@intility/bifrost-react": "^4.6.0"
+    "@intility/bifrost-react": "^4.7.4"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.4.2",

package/dist/overrides/index.d.ts

@@ -1,6 +0,0 @@
-export { default as ClearIndicator } from "./ClearIndicator.internal.js";
-export { default as CustomInput } from "./CustomInput.internal.js";
-export { default as LoadingIndicator } from "./LoadingIndicator.internal.js";
-export { default as CustomMenuList } from "./CustomMenuList.internal.js";
-export { default as DropdownIndicator } from "./DropdownIndicator.internal.js";
-export { default as CustomOption } from "./CustomOption.internal.js";

package/dist/overrides/index.js

@@ -1,6 +0,0 @@
-export { default as ClearIndicator } from "./ClearIndicator.internal.js";
-export { default as CustomInput } from "./CustomInput.internal.js";
-export { default as LoadingIndicator } from "./LoadingIndicator.internal.js";
-export { default as CustomMenuList } from "./CustomMenuList.internal.js";
-export { default as DropdownIndicator } from "./DropdownIndicator.internal.js";
-export { default as CustomOption } from "./CustomOption.internal.js";