@entur/dropdown 5.3.4 → 5.4.0

package/dist/Dropdown.d.ts

@@ -1,7 +1,11 @@
 import React, { Dispatch, SetStateAction } from 'react';
-import { VariantType } from '@entur/form';
+import { VariantType } from '@entur/utils';
 import { NormalizedDropdownItemType, PotentiallyAsyncDropdownItemType } from './types';
 import './Dropdown.scss';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const error = "error";
 export type DropdownProps<ValueType> = {
     /** Tilgjengelige valg i dropdown-en */
     items: PotentiallyAsyncDropdownItemType<ValueType>;
@@ -30,7 +34,7 @@ export type DropdownProps<ValueType> = {
     /** Setter dropdown-en i read-only modus */
     readOnly?: boolean;
     /** Hvilken valideringsvariant som gjelder */
-    variant?: VariantType;
+    variant?: VariantType | typeof error | typeof info;
     /** Valideringsmelding, brukes sammen med `variant` */
     feedback?: string;
     /** Tekst eller ikon som kommer før dropdown-en */
@@ -78,3 +82,4 @@ export type DropdownProps<ValueType> = {
     ariaLabelSelectedItem?: string;
 };
 export declare const Dropdown: <ValueType extends unknown>({ ariaLabelChosenSingular, ariaLabelCloseList, ariaLabelOpenList, ariaLabelSelectedItem, className, clearable, disabled, disableLabelAnimation, feedback, items: initialItems, label, labelClearSelectedItem, labelTooltip, listStyle, loadingText, onChange, placeholder, prepend, readOnly, selectedItem, selectOnBlur, selectOnTab, style, variant, ...rest }: DropdownProps<ValueType>) => React.JSX.Element;
+export {};

package/dist/MultiSelect.d.ts

@@ -1,7 +1,11 @@
 import React, { Dispatch, SetStateAction } from 'react';
-import { VariantType } from '@entur/form';
+import { VariantType } from '@entur/utils';
 import { NormalizedDropdownItemType, PotentiallyAsyncDropdownItemType } from './types';
 import './Dropdown.scss';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const error = "error";
 export type MultiSelectProps<ValueType> = {
     /** Beskrivende tekst som forklarer feltet */
     label: string;
@@ -18,7 +22,7 @@ export type MultiSelectProps<ValueType> = {
      */
     itemFilter?: (item: NormalizedDropdownItemType<ValueType>, inputValue: string | undefined) => boolean;
     /** Hvilken valideringsvariant som gjelder */
-    variant?: VariantType;
+    variant?: VariantType | typeof error | typeof info;
     /** Valideringsmelding, brukes sammen med `variant` */
     feedback?: string;
     /** Om dropdown-en er deaktivert */
@@ -117,3 +121,4 @@ export type MultiSelectProps<ValueType> = {
     ariaLabelSelectedItem?: string;
 };
 export declare const MultiSelect: <ValueType extends unknown>({ className, clearable, clearInputOnSelect, debounceTimeout, disabled, feedback, hideSelectAll, items: initialItems, itemFilter, label, labelAllItemsSelected, labelClearAllItems, labelSelectAll, labelTooltip, listStyle, loadingText, maxChips, noMatchesText, onChange, placeholder, readOnly, selectedItems, selectOnBlur, selectOnTab, style, variant, ariaLabelChosenSingular, ariaLabelChosenPlural, ariaLabelCloseList, ariaLabelJumpToInput, ariaLabelOpenList, ariaLabelRemoveSelected, ariaLabelSelectedItem, ...rest }: MultiSelectProps<ValueType>) => React.JSX.Element;
+export {};

package/dist/NativeDropdown.d.ts

@@ -1,7 +1,11 @@
 import React from 'react';
-import { VariantType } from '@entur/form';
+import { VariantType } from '@entur/utils';
 import { NormalizedDropdownItemType, PotentiallyAsyncDropdownItemType } from './types';
 import './Dropdown.scss';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const error = "error";
 export type NativeDropdownProps<ValueType> = {
     /** Ekstra klassenavn */
     className?: string;
@@ -40,8 +44,8 @@ export type NativeDropdownProps<ValueType> = {
      * (Brukes når komponenten er 'controlled)
      */
     value?: string;
-    /** Hvilken valideringsvariant som gjelder */
-    variant?: VariantType;
+    /** Hvilken valideringsvariant som gjelder*/
+    variant?: VariantType | typeof error | typeof info;
     /** Plasserer labelen statisk på toppen av inputfeltet
      * @default false
      */
@@ -49,3 +53,4 @@ export type NativeDropdownProps<ValueType> = {
     [key: string]: any;
 };
 export declare const NativeDropdown: <ValueType extends string | number>({ className, disabled, disableLabelAnimation, feedback, items, label, loadingText, onChange, prepend, readOnly, selectedItem, style, value, variant, ...rest }: NativeDropdownProps<ValueType>) => React.JSX.Element;
+export {};

package/dist/SearchableDropdown.d.ts

@@ -1,7 +1,11 @@
 import React, { Dispatch, SetStateAction } from 'react';
-import { VariantType } from '@entur/form';
+import { VariantType } from '@entur/utils';
 import { NormalizedDropdownItemType, PotentiallyAsyncDropdownItemType } from './types';
 import './Dropdown.scss';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const error = "error";
 export type SearchableDropdownProps<ValueType> = {
     /** Tilgjengelige valg i dropdown-en */
     items: PotentiallyAsyncDropdownItemType<ValueType>;
@@ -51,8 +55,8 @@ export type SearchableDropdownProps<ValueType> = {
     prepend?: React.ReactNode;
     /** En tekst som beskriver hva som skjer når man venter på items */
     loadingText?: string;
-    /** Hvilken valideringsvariant som gjelder */
-    variant?: VariantType;
+    /** Hvilken valideringsvariant som gjelder*/
+    variant?: VariantType | typeof error | typeof info;
     /** Valideringsmelding, brukes sammen med `variant` */
     feedback?: string;
     className?: string;
@@ -88,3 +92,4 @@ export type SearchableDropdownProps<ValueType> = {
     ariaLabelSelectedItem?: string;
 };
 export declare const SearchableDropdown: <ValueType extends unknown>({ ariaLabelChosenSingular, ariaLabelCloseList, ariaLabelOpenList, ariaLabelSelectedItem, className, clearable, debounceTimeout, disabled, disableLabelAnimation, feedback, items: initialItems, itemFilter, label, labelClearSelectedItem, labelTooltip, listStyle, loadingText, noMatchesText, onChange, placeholder, prepend, readOnly, selectedItem: value, selectOnBlur, selectOnTab, style, variant, ...rest }: SearchableDropdownProps<ValueType>) => React.JSX.Element;
+export {};

package/dist/dropdown.cjs.development.js

@@ -1386,6 +1386,7 @@ var SelectedItemTag = function SelectedItemTag(_ref) {
     })) != null ? _getSelectedItemProps : {},
     selectedItemProps = _objectWithoutPropertiesLoose(_ref2, _excluded$4);
   return React.createElement(chip.TagChip, _extends({
+    size: "small",
     className: classNames('eds-dropdown__selected-item-tag', {
       'eds-dropdown__selected-item-tag--readonly': readOnly,
       'eds-dropdown__selected-item-tag--disabled': disabled
@@ -1944,7 +1945,7 @@ var MultiSelect = function MultiSelect(_ref) {
     selectOnTab = _ref$selectOnTab === void 0 ? false : _ref$selectOnTab,
     style = _ref.style,
     _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'info' : _ref$variant,
+    variant = _ref$variant === void 0 ? 'information' : _ref$variant,
     ariaLabelChosenSingular = _ref.ariaLabelChosenSingular,
     _ref$ariaLabelChosenP = _ref.ariaLabelChosenPlural,
     ariaLabelChosenPlural = _ref$ariaLabelChosenP === void 0 ? 'valgte' : _ref$ariaLabelChosenP,
@@ -2317,7 +2318,7 @@ var Dropdown = function Dropdown(_ref) {
     selectOnTab = _ref$selectOnTab === void 0 ? false : _ref$selectOnTab,
     style = _ref.style,
     _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'info' : _ref$variant,
+    variant = _ref$variant === void 0 ? 'information' : _ref$variant,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   var _useResolvedItems = useResolvedItems(initialItems),
     normalizedItems = _useResolvedItems.items,
@@ -2425,6 +2426,8 @@ var Dropdown = function Dropdown(_ref) {
 };
 
 var _excluded = ["className", "disabled", "disableLabelAnimation", "feedback", "items", "label", "loadingText", "onChange", "prepend", "readOnly", "selectedItem", "style", "value", "variant"];
+/** @deprecated use variant="negative" instead */
+var error = 'error';
 var NativeDropdown = function NativeDropdown(_ref) {
   var _ref2;
   var className = _ref.className,
@@ -2466,7 +2469,7 @@ var NativeDropdown = function NativeDropdown(_ref) {
     disableLabelAnimation: disableLabelAnimation,
     isFilled: true
   }, React.createElement("select", _extends({
-    "aria-invalid": variant === 'error',
+    "aria-invalid": variant === 'negative' || variant === error,
     "aria-labelledby": nativeDropdownId,
     "aria-busy": loading,
     className: "eds-form-control eds-dropdown--native",