loon-bulma-react 2026.0.34 → 2026.0.35

package/dist/forms/ComboBox/ComboBox.d.ts

@@ -39,6 +39,6 @@ type ComboBoxProps<T extends unknown = {}> = StrictOmit<InputPropsType<number |
  *   onSearch={(txt, v) => v.last_name.includes(txt) || v.first_name.includes(txt)}
  * />
  */
-declare function ComboBox<T extends unknown = {}>({ value, options, id, name, label, required, showRequiredOnLabel, errorMessage, infoMessage, alignment: alignmentProp, size: sizeProp, direction: directionProp, placeholder, helpTag, disabled, loading, autofocus, iconRight, labelHidden, icon, infoData, className: cn, onValueChanged, onChange, onFocus, onBlur, onKeyDown, onKeyUp, onSearch, formatLabel, formatValue, formatOption, }: ComboBoxProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function ComboBox<T extends unknown = {}>({ value, options, id, name, label, required, showRequiredOnLabel, errorMessage, infoMessage, alignment: alignmentProp, size: sizeProp, direction: directionProp, placeholder, helpTag, disabled, loading, autofocus, iconRight, labelHidden, icon, infoData, className: cn, color, onValueChanged, onChange, onFocus, onBlur, onKeyDown, onKeyUp, onSearch, formatLabel, formatValue, formatOption, }: ComboBoxProps<T>): import("react/jsx-runtime").JSX.Element;
 export { ComboBox };
 export type { ComboBoxProps };

package/dist/forms/ComboBox/MultiComboBox.d.ts

@@ -39,6 +39,6 @@ type MultiComboBoxProps<T extends unknown = {}> = StrictOmit<InputPropsType<numb
  *   onSearch={(txt, v) => v.last_name.includes(txt) || v.first_name.includes(txt)}
  * />
  */
-declare function MultiComboBox<T extends unknown = {}>({ value, options, id, name, label, required, showRequiredOnLabel, errorMessage, infoMessage, alignment: alignmentProp, size: sizeProp, direction: directionProp, placeholder, helpTag, disabled, loading, autofocus, labelHidden, icon, iconRight, infoData, onValueChanged, onFocus, onBlur, onKeyDown, onKeyUp, onSearch, formatLabel, formatValue, }: MultiComboBoxProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function MultiComboBox<T extends unknown = {}>({ value, options, id, name, label, required, showRequiredOnLabel, errorMessage, infoMessage, alignment: alignmentProp, size: sizeProp, direction: directionProp, placeholder, helpTag, disabled, loading, autofocus, labelHidden, icon, iconRight, infoData, color, onValueChanged, onFocus, onBlur, onKeyDown, onKeyUp, onSearch, formatLabel, formatValue, }: MultiComboBoxProps<T>): import("react/jsx-runtime").JSX.Element;
 export { MultiComboBox };
 export type { MultiComboBoxProps };

package/dist/forms/Currency/CurrencyInput.d.ts

@@ -45,6 +45,6 @@ type CurrencyInputProps = StrictOmit<InputPropsType<number>, 'keyboardType' | 'p
  * const [x, setX] = React.useState<string>('0');
  * <CurrencyInput value={x} onValueChanged={([strVal, _numVal]) => setX(strVal)} />
  */
-declare function CurrencyInput({ allowNegativeValue, placeholder, helpTag, errorMessage, infoMessage, label, disabled, title, name, value, required, showRequiredOnLabel, spellCheck, id, autoComplete, max: maxProp, min: minProp, inputRef, readonly, step, autofocus, iconRight, infoData, form, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, onStringValueChanged, size: sizeProp, alignment: alignmentProp, direction: directionProp, labelHidden, loading, icon, suffix, prefix, decimalScale, decimalSeparator, groupSeparator, leadingZeros, }: CurrencyInputProps): import("react/jsx-runtime").JSX.Element;
+declare function CurrencyInput({ allowNegativeValue, placeholder, helpTag, errorMessage, infoMessage, label, disabled, title, name, value, required, showRequiredOnLabel, spellCheck, id, autoComplete, max: maxProp, min: minProp, inputRef, readonly, step, autofocus, iconRight, infoData, form, color, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, onStringValueChanged, size: sizeProp, alignment: alignmentProp, direction: directionProp, labelHidden, loading, icon, suffix, prefix, decimalScale, decimalSeparator, groupSeparator, leadingZeros, }: CurrencyInputProps): import("react/jsx-runtime").JSX.Element;
 export { CurrencyInput };
 export type { CurrencyInputProps };

package/dist/forms/File/FileInput.d.ts

@@ -66,6 +66,6 @@ type FileInputProps = StrictOmit<InputPropsType<string>, 'type' | 'step' | 'valu
  * **default:** toon de namen van alle geselecteerde bestanden, gescheiden door komma's. Als er geen bestanden zijn, dan de noFilesTxt tonen.
  * @param onValueChanged callback voor value changes. Bevat het path naar de file(s) en de files in een array.
  */
-declare function FileInput({ labelHidden, multiple, placeholder, helpTag, errorMessage: errorProp, infoMessage: infoProp, label, disabled, keyboardType, title, name, required, showRequiredOnLabel, spellCheck, id, autoComplete, max, min, readonly, pattern, autofocus, form, inputRef: ref, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, size: sizeProp, alignment: alignmentProp, direction: directionProp, value, icon, boxed, accept, capture, noFilesTxt, chooseFileTxt, infoData, formatter, }: FileInputProps): import("react/jsx-runtime").JSX.Element;
+declare function FileInput({ labelHidden, multiple, placeholder, helpTag, errorMessage: errorProp, infoMessage: infoProp, label, disabled, keyboardType, title, name, required, showRequiredOnLabel, spellCheck, id, autoComplete, max, min, readonly, pattern, autofocus, form, inputRef: ref, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, size: sizeProp, alignment: alignmentProp, direction: directionProp, value, icon, boxed, accept, capture, noFilesTxt, chooseFileTxt, infoData, color, formatter, }: FileInputProps): import("react/jsx-runtime").JSX.Element;
 export { FileInput };
 export type { FileInputProps, FileInputValue };

package/dist/forms/Input.d.ts

@@ -36,6 +36,7 @@ type InputStylingPropsType = {
     /** moet het label van de input verborgen worden? (screenreader only) (default = `false`) */ labelHidden?: boolean | undefined;
     /** label boven (`v`) of voor (`h`) de input, (default = `v`, vertical) */ direction?: DirectionProp | undefined;
     /** (optioneel) icon op de input */ icon?: IconProp | string | undefined | null;
+    /** (optioneel) kleur van de input - __LET OP!__ overschrijft de normale kleur EN de danger-kleur als er een error-message is! */ color?: ColorProp | undefined;
     infoData?: string | React.ReactNode | ((helptag?: string | undefined) => void) | undefined;
 };
 type InputPropsType<T extends InputValueType = InputValueType> = {
@@ -182,7 +183,7 @@ declare const FOCUS_HELP_TIMEOUT_IN_MS = 333;
  * | type           | `string`       | type voor deze input (default = `text`)|
  * | value          | `string`       | value voor deze input (default = `undefined`)|
  */
-declare function BaseInput<T extends InputValueType = string>({ alignment: alignmentProp, autoComplete, optionListId, autofocus, disabled, errorMessage, infoMessage, form, helpTag, id, inputRef: ref, keyboardType, max, min, name, pattern, placeholder, readonly, required, size: sizeProp, spellCheck, step, title, type, value, className: extraClasses, styles, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, }: StrictOmit<InputPropsType<T>, 'optionList'> & StrictOmit<InputStylingPropsType, 'labelHidden' | 'direction' | 'icon'>): import("react/jsx-runtime").JSX.Element;
+declare function BaseInput<T extends InputValueType = string>({ alignment: alignmentProp, autoComplete, optionListId, autofocus, disabled, errorMessage, infoMessage, form, helpTag, id, inputRef: ref, keyboardType, max, min, name, pattern, placeholder, readonly, required, size: sizeProp, spellCheck, step, title, type, value, className: extraClasses, styles, color, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, }: StrictOmit<InputPropsType<T>, 'optionList'> & StrictOmit<InputStylingPropsType, 'labelHidden' | 'direction' | 'icon'>): import("react/jsx-runtime").JSX.Element;
 /**
  * Input component. Deze component heeft dezelfde properties als de gewone `<input ... />`-tag en de `<BaseInput<T> ... />-tag`.
  * Het verschil met de `BaseInput`-tag is dat deze compionent **wel** direction, label, of icon heeft.

package/dist/forms/Numeric/NumberInput.d.ts

@@ -11,6 +11,6 @@ type NumberInputProps = StrictOmit<InputPropsType<number>, 'type' | 'spellCheck'
  * @param value De waarde van de input
  * @example <NumberInput value={1} step={3}/>
  */
-declare function NumberInput({ value, prefix, suffix, icon, name, id: idProp, label, direction: directionProp, size: sizeProp, alignment: alignmentProp, required, disabled, readonly, loading, labelHidden, showRequiredOnLabel, iconRight, className: extraClasses, infoData, helpTag, errorMessage, infoMessage, min: minProp, max: maxProp, onValueChanged, onBlur, onFocus, ...props }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
+declare function NumberInput({ value, prefix, suffix, icon, name, id: idProp, label, direction: directionProp, size: sizeProp, alignment: alignmentProp, required, disabled, readonly, loading, labelHidden, showRequiredOnLabel, iconRight, className: extraClasses, infoData, helpTag, errorMessage, infoMessage, min: minProp, max: maxProp, color, onValueChanged, onBlur, onFocus, ...props }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
 export { NumberInput };
 export type { NumberInputProps };

package/dist/forms/Numeric/RangeInput.d.ts

@@ -16,6 +16,6 @@ type RangeInputProps = StrictOmit<InputPropsType<number>, 'autofocus' | 'autoCom
  * @param step De stapgrootte van de input (default = 1)
  * @example <RangeInput value={50} min={0} max={100} />
  */
-declare function RangeInput({ value, min, max, step, prefix, suffix, helpTag, errorMessage, infoMessage, label, disabled, title, name, size: sizeProp, required, showRequiredOnLabel, id, readonly, form, inputRef, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, direction: directionProp, labelHidden, infoData, }: RangeInputProps): import("react/jsx-runtime").JSX.Element;
+declare function RangeInput({ value, min, max, step, prefix, suffix, helpTag, errorMessage, infoMessage, label, disabled, title, name, size: sizeProp, required, showRequiredOnLabel, id, readonly, form, inputRef, color, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, direction: directionProp, labelHidden, infoData, }: RangeInputProps): import("react/jsx-runtime").JSX.Element;
 export { RangeInput };
 export type { RangeInputProps };

package/dist/forms/Radio/Radio.d.ts

@@ -86,7 +86,7 @@ declare function RB<T extends RBValueType = string>({ helpTag, disabled, keyboar
  * ..<RB value="Z">set to Z</RB>
  * </RadioGroup>
  */
-declare function RadioGroup<T extends RBValueType = string>({ children: childrenProp, id: _id, label, disabled, labelHidden, name, value, required, showRequiredOnLabel, size: sizeProp, direction: directionProp, itemsDirection: itemsDirectionProp, alignment: alignmentProp, errorMessage, infoMessage, infoData, helpTag, onValueChanged, onBlur, onChange, onFocus, onKeyDown, onKeyUp, }: RadioGroupProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function RadioGroup<T extends RBValueType = string>({ children: childrenProp, id: _id, label, disabled, labelHidden, name, value, required, showRequiredOnLabel, size: sizeProp, direction: directionProp, itemsDirection: itemsDirectionProp, alignment: alignmentProp, errorMessage, infoMessage, infoData, helpTag, color, onValueChanged, onBlur, onChange, onFocus, onKeyDown, onKeyUp, }: RadioGroupProps<T>): import("react/jsx-runtime").JSX.Element;
 declare namespace RadioGroup {
     var Item: typeof SpecialRadioItem;
 }

package/dist/forms/Select/Select.d.ts

@@ -113,7 +113,7 @@ type SelectInputProps<T extends number | string | string[]> = StrictOmit<InputPr
  * ..</Select.OptGroup>
  * </Select>
  */
-declare function Select<T extends number | string | string[] = string>({ value, id, name, label, grouped, required, showRequiredOnLabel, errorMessage, infoMessage, multiple, alignment: alignmentProp, size: sizeProp, direction: directionProp, options, children: nodes, helpTag, disabled, keyboardType, title, spellCheck, loading, autoComplete, autofocus, form, inputRef: ref, labelHidden, icon, iconOpen, iconClosed, infoData, onBlur, onFocus, onChange, onKeyDown, onKeyUp, onValueChanged, }: SelectInputProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function Select<T extends number | string | string[] = string>({ value, id, name, label, grouped, required, showRequiredOnLabel, errorMessage, infoMessage, multiple, alignment: alignmentProp, size: sizeProp, direction: directionProp, options, children: nodes, helpTag, disabled, keyboardType, title, spellCheck, loading, autoComplete, autofocus, form, inputRef: ref, labelHidden, icon, iconOpen, iconClosed, infoData, color, onBlur, onFocus, onChange, onKeyDown, onKeyUp, onValueChanged, }: SelectInputProps<T>): import("react/jsx-runtime").JSX.Element;
 declare namespace Select {
     var Option: ({ value, disabled, id, children }: {
         id?: string;

package/dist/forms/TagsInput/TagsInput.d.ts

@@ -1,6 +1,6 @@
 import { StrictOmit, ColorProp } from './../../types';
 import { InputPropsType, InputStylingPropsType, InputErrorProps } from '../Input';
-type TagsInputProps = StrictOmit<InputPropsType<string[]>, 'type' | 'step' | 'onChange' | 'value' | 'onValueChanged' | 'max' | 'min' | 'inputRef' | 'errorMessage'> & InputStylingPropsType & {
+type TagsInputProps = StrictOmit<InputPropsType<string[]>, 'type' | 'step' | 'onChange' | 'value' | 'onValueChanged' | 'max' | 'min' | 'inputRef' | 'errorMessage'> & StrictOmit<InputStylingPropsType, 'color'> & {
     /** de values (dus de tags) van het input field */
     value?: string[] | undefined;
     /** mogen tags meerdere keren voorkomen (2 tags met dezelfde tekst). default = `false` */

package/dist/forms/Text/FormattedInput.d.ts

@@ -49,6 +49,6 @@ type FormattedInputProps = StrictOmit<InputPropsType<string>, 'type' | 'step' |
  *  );
  *}
  */
-declare function FormattedInput({ placeholder, helpTag, errorMessage, infoMessage, disabled, title, required, showRequiredOnLabel, spellCheck, autoComplete, max, min, readonly, autofocus, infoData, form, onBlur, onChange, onFocus, onKeyDown, onKeyUp, size: sizeProp, alignment: alignmentProp, direction: directionProp, iconRight, labelHidden, loading, value, icon, groupBy, divider, name, label, id, casing, onValueChanged, onFormat, }: FormattedInputProps): import("react/jsx-runtime").JSX.Element;
+declare function FormattedInput({ placeholder, helpTag, errorMessage, infoMessage, disabled, title, required, showRequiredOnLabel, spellCheck, autoComplete, max, min, readonly, autofocus, infoData, form, onBlur, onChange, onFocus, onKeyDown, onKeyUp, size: sizeProp, alignment: alignmentProp, direction: directionProp, iconRight, labelHidden, loading, value, icon, groupBy, divider, name, label, id, color, casing, onValueChanged, onFormat, }: FormattedInputProps): import("react/jsx-runtime").JSX.Element;
 export { FormattedInput };
 export type { FormattedInputProps };

package/dist/forms/Text/TextArea.d.ts

@@ -26,6 +26,6 @@ type TextAreaProps = StrictOmit<InputPropsType<string>, 'type' | 'inputRef' | 'k
  * @param rows aantal rijen voor de textarea (default: 4)
  * @param cols aantal kolommen voor de textarea. **werkt niet in Bulma! de breedte is altijd maximaal!**
  */
-declare function TextArea({ value, label, errorMessage, infoMessage, helpTag, id, name, spellCheck, required, showRequiredOnLabel, autoComplete, placeholder, disabled, form, readonly, autofocus, inputRef, max, min, title, size: sizeProp, alignment: alignmentProp, direction: directionProp, cols, rows, labelHidden, loading, infoData, onValueChanged, onChange, onBlur, onFocus, onKeyDown, onKeyUp, }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+declare function TextArea({ value, label, errorMessage, infoMessage, helpTag, id, name, spellCheck, required, showRequiredOnLabel, autoComplete, placeholder, disabled, form, readonly, autofocus, inputRef, max, min, title, size: sizeProp, alignment: alignmentProp, direction: directionProp, cols, rows, labelHidden, loading, infoData, color, onValueChanged, onChange, onBlur, onFocus, onKeyDown, onKeyUp, }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
 export { TextArea };
 export type { TextAreaProps };