@intility/bifrost-react-select 4.0.0-alpha.3

package/.swcrc

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://json.schemastore.org/swcrc",
+  "jsc": {
+    "parser": {
+      "syntax": "typescript",
+      "tsx": true
+    },
+    "transform": {
+      "react": {
+        "runtime": "automatic"
+      }
+    },
+    "target": "es2022"
+  },
+  "exclude": ["\\.test\\.", "\\.d\\.ts$"]
+}

package/CHANGELOG.md

@@ -0,0 +1,12 @@
+# @intility/bifrost-react-select
+
+## 4.0.0-alpha.3
+
+### Major Changes
+
+- 5c7ba5a4: split react-select and react-datepicker
+
+### Patch Changes
+
+- Updated dependencies [5c7ba5a4]
+  - @intility/bifrost-react@4.0.0-alpha.3

package/dist/Select.d.ts

@@ -0,0 +1,85 @@
+import { CSSProperties, ReactNode, RefAttributes } from 'react';
+import { GroupBase, Props as ReactSelectProps, SelectInstance, components } from 'react-select';
+import { AsyncProps as AsyncSelectProps } from 'react-select/async';
+import { CreatableProps as CreatableSelectProps } from 'react-select/creatable';
+import { AsyncCreatableProps as AsyncCreatableSelectProps } from 'react-select/async-creatable';
+export declare const selectStyles: {
+    container: (provided: any) => any;
+    control: (provided: any, state: any) => any;
+    indicatorSeparator: () => {
+        display: string;
+    };
+    indicatorsContainer: (provided: any) => any;
+    clearIndicator: (provided: any) => any;
+    dropdownIndicator: (provided: any, state: any) => any;
+    input: (provided: any) => any;
+    menuPortal: (provided: any) => any;
+    menu: (provided: any) => any;
+    menuList: (provided: any) => any;
+    placeholder: (provided: any) => any;
+    singleValue: (provided: any, state: any) => any;
+    option: (provided: any, state: any) => any;
+    multiValue: (provided: any, state: any) => any;
+    multiValueLabel: (provided: any, state: any) => any;
+    multiValueRemove: (provided: any, state: any) => any;
+    group: (provided: any) => any;
+    groupHeading: (provided: any) => any;
+};
+export declare const selectComponents: Partial<typeof components>;
+declare const selectStates: readonly ["default", "alert"];
+export type SelectState = (typeof selectStates)[number];
+export type SelectProps = {
+    label: ReactNode;
+    hideLabel?: boolean;
+    description?: ReactNode;
+    state?: SelectState;
+    feedback?: ReactNode;
+    required?: boolean;
+    requiredNoLabel?: boolean;
+    optional?: boolean;
+    style?: CSSProperties;
+    loading?: boolean;
+};
+export type SelectType = {
+    <OptionType = {
+        label: string;
+        value: string;
+    }, IsMulti extends boolean = false, Group extends GroupBase<OptionType> = GroupBase<OptionType>>(props: ReactSelectProps<OptionType, IsMulti, Group> & RefAttributes<SelectInstance<OptionType, IsMulti, Group>> & SelectProps): React.ReactElement | null;
+    displayName?: string;
+};
+declare const SelectComponent: SelectType;
+export type AsyncType = {
+    <OptionType = {
+        label: string;
+        value: string;
+    }, IsMulti extends boolean = false, Group extends GroupBase<OptionType> = {
+        options: OptionType[];
+        label?: string;
+    }>(props: AsyncSelectProps<OptionType, IsMulti, Group> & RefAttributes<SelectInstance<OptionType, IsMulti, Group>> & SelectProps): React.ReactElement | null;
+    displayName?: string;
+};
+declare const AsyncSelect: AsyncType;
+export type CreatableType = {
+    <OptionType = {
+        label: string;
+        value: string;
+    }, IsMulti extends boolean = false, Group extends GroupBase<OptionType> = {
+        options: OptionType[];
+        label?: string;
+    }>(props: CreatableSelectProps<OptionType, IsMulti, Group> & RefAttributes<SelectInstance<OptionType, IsMulti, Group>> & SelectProps): React.ReactElement | null;
+    displayName?: string;
+};
+declare const CreatableSelect: CreatableType;
+export type AsyncCreatableType = {
+    <OptionType = {
+        label: string;
+        value: string;
+    }, IsMulti extends boolean = false, Group extends GroupBase<OptionType> = {
+        options: OptionType[];
+        label?: string;
+    }>(props: AsyncCreatableSelectProps<OptionType, IsMulti, Group> & RefAttributes<SelectInstance<OptionType, IsMulti, Group>> & SelectProps): React.ReactElement | null;
+    displayName?: string;
+};
+declare const AsyncCreatableSelect: AsyncCreatableType;
+export { AsyncSelect, CreatableSelect, AsyncCreatableSelect };
+export default SelectComponent;

package/dist/Select.js

@@ -0,0 +1,246 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */ 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import ReactSelectDefaultExport from 'react-select';
+import AsyncReactSelect from 'react-select/async';
+import CreatableReactSelect from 'react-select/creatable';
+import AsyncCreatableReactSelect from 'react-select/async-creatable';
+import classNames from 'classnames';
+import { Description, Feedback, Label, useUniqueId } from '@intility/bifrost-react';
+import { DropdownIndicator, ClearIndicator, CustomInput, CustomMenuList, CustomOption, LoadingIndicator } from './overrides';
+const ReactSelect = ReactSelectDefaultExport.default ?? ReactSelectDefaultExport;
+export const selectStyles = {
+    container: (provided)=>({
+            ...provided,
+            '.bf-label-description + &, .bf-label + &': {
+                marginTop: 'var(--bfs4)' // add margin-top only when label or description is direct sibling with select
+            }
+        }),
+    control: (provided, state)=>({
+            ...provided,
+            '&:hover': {
+                borderBottomColor: state.isFocused ? 'var(--bfc-base-c-theme)' : 'var(--bfc-base-c-inverted-2)',
+                // Change color of dropdown icon when hover on Select
+                '.bf-select__dropdown-indicator': {
+                    color: 'var(--bfc-theme-3)'
+                }
+            },
+            backgroundColor: state.isDisabled ? 'var(--bfc-base-dimmed)' : 'var(--bfc-base-3)',
+            border: 0,
+            borderBottomWidth: '2px',
+            borderBottomStyle: 'solid',
+            borderBottomColor: state.isFocused ? 'var(--bfc-base-c-theme)' : state.isDisabled ? 'transparent' : 'var(--bfc-base-c-wcag)',
+            boxShadow: state.isFocused && '0 0 0 1px var(--bfc-theme-3)',
+            borderRadius: state.selectProps.menuIsOpen ? ' var(--bfl-border-radius) var(--bfl-border-radius) 0 0' : 'var(--bfl-border-radius)',
+            minHeight: 'var(--bfs40)',
+            cursor: 'text'
+        }),
+    indicatorSeparator: ()=>({
+            display: 'none'
+        }),
+    indicatorsContainer: (provided)=>({
+            ...provided,
+            alignItems: 'flex-start',
+            padding: '7.5px 0'
+        }),
+    clearIndicator: (provided)=>({
+            ...provided,
+            '&:hover': {
+                color: 'var(--bfc-base-c-1)'
+            },
+            color: 'var(--bfc-base-c-2)',
+            cursor: 'pointer',
+            padding: 'var(--bfs4)',
+            margin: '1px var(--bfs4) 0px 0px'
+        }),
+    dropdownIndicator: (provided, state)=>({
+            ...provided,
+            color: state.isDisabled ? 'var(--bfc-base-c-2)' : 'var(--bfc-theme-1)',
+            cursor: 'pointer',
+            padding: 'var(--bfs4)',
+            marginRight: 'var(--bfs8)'
+        }),
+    input: (provided)=>({
+            ...provided,
+            color: 'var(--bfc-base-c-1)',
+            fontFamily: 'inherit',
+            fontSize: 'var(--bf-font-size-l)'
+        }),
+    menuPortal: (provided)=>({
+            ...provided,
+            zIndex: 9999
+        }),
+    menu: (provided)=>({
+            ...provided,
+            backgroundColor: 'var(--bfc-base-3)',
+            boxShadow: 'none',
+            borderRadius: 'none',
+            marginTop: 0,
+            zIndex: 3
+        }),
+    menuList: (provided)=>({
+            ...provided,
+            padding: 0,
+            boxShadow: '0 0 0 1px var(--bfc-theme-3)',
+            borderRadius: '0 0 var(--bfl-border-radius) var(--bfl-border-radius)'
+        }),
+    placeholder: (provided)=>({
+            ...provided,
+            color: 'var(--bfc-base-c-2)',
+            fontSize: 'var(--bf-font-size-l)'
+        }),
+    singleValue: (provided, state)=>({
+            ...provided,
+            color: state.selectProps.menuIsOpen ? 'var(--bfc-base-c-2)' : 'var(--bfc-base-c)',
+            fontSize: 'var(--bf-font-size-l)'
+        }),
+    option: (provided, state)=>({
+            ...provided,
+            display: 'flex',
+            justifyContent: !state.isMulti ? 'space-between' : 'normal',
+            alignItems: 'baseline',
+            padding: '7px 12px',
+            backgroundColor: state.isDisabled ? 'var(--bfc-base-dimmed)' : state.isFocused ? 'var(--bfc-base-1)' : 'var(--bfc-base-3)',
+            color: 'var(--bfc-base-c)',
+            '& .bf-select-checkbox': {
+                marginRight: 'var(--bfs8)',
+                color: 'var(--bfc-theme)'
+            },
+            '& .bf-select-selected-icon': {
+                color: 'var(--bfc-base-c-theme)',
+                marginLeft: 'var(--bfs4)'
+            },
+            '&:hover': {
+                backgroundColor: state.isDisabled ? 'var(--bfc-base-dimmed)' : 'var(--bfc-base-1)',
+                cursor: state.isDisabled ? 'default' : 'pointer'
+            },
+            fontSize: 'var(--bf-font-size-l)',
+            fontWeight: state.isSelected ? 600 : 400,
+            wordBreak: 'break-word',
+            whiteSpace: 'normal'
+        }),
+    multiValue: (provided, state)=>({
+            ...provided,
+            backgroundColor: state.isDisabled ? 'var(--bfc-base-c-inverted-2)' : 'var(--bfc-theme-c)',
+            borderRadius: 'var(--bfl-border-radius)'
+        }),
+    multiValueLabel: (provided, state)=>({
+            ...provided,
+            color: state.isDisabled ? 'var(--bfc-base-1)' : 'var(--bfc-base-c-theme)',
+            fontSize: 'var(--bf-font-size-m)'
+        }),
+    multiValueRemove: (provided, state)=>({
+            ...provided,
+            color: state.isDisabled ? 'var(--bfc-base-1)' : state.isFocused ? 'var(--bfc-theme-c-base-3)' : 'var(--bfc-theme-1)',
+            borderRadius: 'unset',
+            borderTopRightRadius: 'var(--bfl-border-radius)',
+            borderBottomRightRadius: 'var(--bfl-border-radius)',
+            paddingLeft: 'var(--bfs2)',
+            paddingRight: 'var(--bfs2)',
+            marginLeft: 'var(--bfs2)',
+            background: state.isFocused && 'var(--bfc-theme-2)',
+            '&:hover': {
+                color: 'var(--bfc-theme-c-base-3)',
+                cursor: 'pointer',
+                background: 'var(--bfc-theme)'
+            },
+            '&:active': {
+                background: 'var(--bfc-theme-2)'
+            },
+            svg: {
+                marginTop: '1px'
+            }
+        }),
+    group: (provided)=>({
+            ...provided,
+            padding: 'var(--bfs6) 0',
+            '&:first-of-type': {
+                marginTop: 'var(--bfs4)'
+            }
+        }),
+    groupHeading: (provided)=>({
+            ...provided,
+            textTransform: 'capitalize',
+            color: 'var(--bfc-base-c-2)',
+            fontSize: 'var(--bf-font-size-s)',
+            marginBottom: 'var(--bfs2)'
+        })
+};
+export const selectComponents = {
+    DropdownIndicator,
+    Input: CustomInput,
+    MenuList: CustomMenuList,
+    ClearIndicator,
+    Option: CustomOption,
+    LoadingIndicator
+};
+const selectStates = [
+    'default',
+    'alert'
+];
+/**
+ *  Select HOC
+ */ const SelectHOC = (Selector)=>{
+    // @ts-ignore
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const GeneratedSelect = /*#__PURE__*/ forwardRef(({ label, hideLabel = false, isDisabled = false, state, feedback, required = false, description, requiredNoLabel = false, optional = false, inputId, className, style, loading = false, components, ...props }, ref)=>{
+        const selectId = useUniqueId(inputId);
+        return /*#__PURE__*/ _jsxs("div", {
+            className: classNames(className, {
+                'bf-select-container': true
+            }, {
+                'bf-select-disabled': isDisabled
+            }, {
+                'bf-select-alert': !isDisabled && state === 'alert'
+            }),
+            style: style,
+            "data-testid": "bf-select-container",
+            children: [
+                !hideLabel && /*#__PURE__*/ _jsx(Label, {
+                    htmlFor: selectId,
+                    required: !isDisabled && required && !requiredNoLabel,
+                    optional: optional,
+                    disabled: isDisabled,
+                    children: label
+                }),
+                /*#__PURE__*/ _jsx(Description, {
+                    children: description
+                }),
+                /*#__PURE__*/ _jsx(Selector, {
+                    ref: ref,
+                    inputId: selectId,
+                    placeholder: "",
+                    components: {
+                        ...selectComponents,
+                        ...components
+                    },
+                    styles: selectStyles,
+                    isDisabled: isDisabled,
+                    classNamePrefix: "bf-select",
+                    required: !isDisabled && (required || requiredNoLabel),
+                    "aria-label": label,
+                    hideSelectedOptions: false,
+                    closeMenuOnSelect: props.isMulti ? false : true,
+                    isLoading: loading ?? props.isLoading,
+                    ...props
+                }),
+                /*#__PURE__*/ _jsx(Feedback, {
+                    children: feedback
+                })
+            ]
+        });
+    });
+    return GeneratedSelect;
+};
+/**
+ *  Select component - dropdown list
+ */ const SelectComponent = SelectHOC(ReactSelect);
+SelectComponent.displayName = 'Select';
+const AsyncSelect = SelectHOC(AsyncReactSelect);
+AsyncSelect.displayName = 'AsyncSelect';
+const CreatableSelect = SelectHOC(CreatableReactSelect);
+CreatableSelect.displayName = 'CreatableSelect';
+const AsyncCreatableSelect = SelectHOC(AsyncCreatableReactSelect);
+AsyncCreatableSelect.displayName = 'AsyncCreatableSelect';
+export { AsyncSelect, CreatableSelect, AsyncCreatableSelect };
+export default SelectComponent;

package/dist/Select.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/assets/bfSpinner.d.ts

@@ -0,0 +1,10 @@
+import { IconDefinition, IconName, IconPathData, IconPrefix } from '@fortawesome/fontawesome-svg-core';
+declare const prefix: IconPrefix;
+declare const iconName: IconName;
+declare const width = 18;
+declare const height = 18;
+declare const aliases: never[];
+declare const unicode = "";
+declare const svgPathData: IconPathData;
+declare const definition: IconDefinition;
+export { definition as default, definition as faIndeterminate, definition, prefix, iconName, width, height, aliases as ligatures, unicode, svgPathData, aliases };

package/dist/assets/bfSpinner.js

@@ -0,0 +1,22 @@
+const prefix = 'fac';
+const iconName = 'bf-spinner';
+const width = 18;
+const height = 18;
+const aliases = [];
+const unicode = '';
+const svgPathData = [
+    'M9 2C5.13401 2 2 5.13401 2 9C2 12.866 5.13401 16 9 16C12.866 16 16 12.866 16 9C16 5.13401 12.866 2 9 2ZM0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9Z',
+    'M8 1C8 0.447715 8.44772 0 9 0C13.9706 0 18 4.02944 18 9C18 9.55229 17.5523 10 17 10C16.4477 10 16 9.55229 16 9C16 5.13401 12.866 2 9 2C8.44772 2 8 1.55228 8 1Z'
+];
+const definition = {
+    prefix,
+    iconName,
+    icon: [
+        width,
+        height,
+        aliases,
+        unicode,
+        svgPathData
+    ]
+};
+export { definition as default, definition as faIndeterminate, definition, prefix, iconName, width, height, aliases as ligatures, unicode, svgPathData, aliases };

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { default, AsyncSelect, CreatableSelect, AsyncCreatableSelect, selectStyles, selectComponents } from './Select';

package/dist/index.js

@@ -0,0 +1 @@
+export { default, AsyncSelect, CreatableSelect, AsyncCreatableSelect, selectStyles, selectComponents } from './Select';

package/dist/overrides/ClearIndicator.internal.d.ts

@@ -0,0 +1,2 @@
+declare const ClearIndicator: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default ClearIndicator;

package/dist/overrides/ClearIndicator.internal.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from '@intility/bifrost-react';
+import { components } from 'react-select';
+import { faXmark } from '@fortawesome/free-solid-svg-icons/faXmark';
+const ClearIndicator = (props)=>{
+    return /*#__PURE__*/ _jsx(components.ClearIndicator, {
+        ...props,
+        children: /*#__PURE__*/ _jsx(Icon, {
+            icon: faXmark
+        })
+    });
+};
+export default ClearIndicator;

package/dist/overrides/CustomInput.internal.d.ts

@@ -0,0 +1,2 @@
+declare const CustomInput: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default CustomInput;

package/dist/overrides/CustomInput.internal.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { components } from 'react-select';
+const CustomInput = (props)=>{
+    const { required, value } = props.selectProps;
+    const updatedProps = {
+        ...props,
+        autoComplete: 'noAutocomplete'
+    };
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(components.Input, {
+                ...updatedProps
+            }),
+            /*#__PURE__*/ _jsx("input", {
+                style: {
+                    opacity: 0,
+                    height: 0,
+                    position: 'absolute',
+                    pointerEvents: 'none'
+                },
+                onChange: (e)=>e.preventDefault(),
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                value: value?.label ?? '',
+                tabIndex: -1,
+                autoComplete: "noAutocomplete",
+                required: required,
+                "data-testid": "bf-select-input"
+            })
+        ]
+    });
+};
+export default CustomInput;

package/dist/overrides/CustomMenuList.internal.d.ts

@@ -0,0 +1,2 @@
+declare const CustomMenuList: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default CustomMenuList;

package/dist/overrides/CustomMenuList.internal.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { components } from 'react-select';
+const CustomMenuList = (props)=>{
+    return /*#__PURE__*/ _jsx(components.MenuList, {
+        "data-testid": "bf-select-menulist",
+        className: "bf-scrollbar-small",
+        ...props,
+        children: props.children
+    });
+};
+export default CustomMenuList;

package/dist/overrides/CustomOption.internal.d.ts

@@ -0,0 +1,2 @@
+declare const CustomOption: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default CustomOption;

package/dist/overrides/CustomOption.internal.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { components } from 'react-select';
+import { faSquare } from '@fortawesome/free-regular-svg-icons/faSquare';
+import { faCheckSquare } from '@fortawesome/free-solid-svg-icons/faCheckSquare';
+import { faCheck } from '@fortawesome/free-solid-svg-icons/faCheck';
+import { Icon } from '@intility/bifrost-react';
+const CustomOption = (props)=>{
+    return /*#__PURE__*/ _jsxs(components.Option, {
+        ...props,
+        children: [
+            props.isMulti && /*#__PURE__*/ _jsx("div", {
+                children: /*#__PURE__*/ _jsx(Icon, {
+                    icon: props.isSelected ? faCheckSquare : faSquare,
+                    fixedWidth: true,
+                    className: "bf-select-checkbox"
+                })
+            }),
+            props.children,
+            !props.isMulti && props.isSelected && /*#__PURE__*/ _jsx("div", {
+                children: /*#__PURE__*/ _jsx(Icon, {
+                    icon: faCheck,
+                    fixedWidth: true,
+                    className: "bf-select-selected-icon"
+                })
+            })
+        ]
+    });
+};
+export default CustomOption;

package/dist/overrides/DropdownIndicator.internal.d.ts

@@ -0,0 +1,2 @@
+declare const DropdownIndicator: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default DropdownIndicator;

package/dist/overrides/DropdownIndicator.internal.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { components } from 'react-select';
+import { faCaretDown } from '@fortawesome/free-solid-svg-icons/faCaretDown';
+import { Icon } from '@intility/bifrost-react';
+const DropdownIndicator = (props)=>{
+    return /*#__PURE__*/ _jsx(components.DropdownIndicator, {
+        ...props,
+        children: /*#__PURE__*/ _jsx(Icon, {
+            icon: faCaretDown
+        })
+    });
+};
+export default DropdownIndicator;

package/dist/overrides/LoadingIndicator.internal.d.ts

@@ -0,0 +1 @@
+export default function LoadingIndicator(): import("react/jsx-runtime").JSX.Element;

package/dist/overrides/LoadingIndicator.internal.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from '@intility/bifrost-react';
+import bfSpinner from '../assets/bfSpinner';
+export default function LoadingIndicator() {
+    return /*#__PURE__*/ _jsx(Icon, {
+        icon: bfSpinner,
+        spin: true,
+        fixedWidth: true,
+        className: "bf-input-loading-icon"
+    });
+}

package/dist/overrides/index.d.ts

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

package/dist/overrides/index.js

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

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@intility/bifrost-react-select",
+  "version": "4.0.0-alpha.3",
+  "description": "React select component for Intility's design system, Bifrost.",
+  "type": "module",
+  "main": "dist/index.js",
+  "scripts": {
+    "build": "run-p build:*",
+    "build:module": "swc ./src -d dist",
+    "build:types": "tsc",
+    "start": "run-p watch:*",
+    "watch:module": "npm run build:module -- --watch",
+    "watch:types": "npm run build:types -- --watch --preserveWatchOutput",
+    "clean": "rimraf dist"
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": "./dist/index.js"
+  },
+  "homepage": "https://bifrost.intility.com",
+  "keywords": [
+    "react",
+    "typescript",
+    "intility",
+    "design system",
+    "bifrost",
+    "select"
+  ],
+  "author": "Intility AS",
+  "license": "MIT",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react-dom": ">=18.0.0",
+    "react": ">=18.0.0"
+  },
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.4.2",
+    "@fortawesome/free-solid-svg-icons": "^6.4.2",
+    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@intility/bifrost-react": "4.0.0-alpha.3",
+    "classnames": "^2.2.6",
+    "react-select": "^5.7.7"
+  }
+}