@utrecht/component-library-react 3.0.1-alpha.21 → 3.0.1-alpha.23

package/dist/Combobox.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2023 Robbert Broersma
+ */
+import { HTMLAttributes, PropsWithChildren } from 'react';
+export type ComboboxProps = HTMLAttributes<HTMLDivElement>;
+export declare const Combobox: ({ className, ...restProps }: PropsWithChildren<ComboboxProps>) => import("react/jsx-runtime").JSX.Element;
+export interface ComboboxPopoverProps extends HTMLAttributes<HTMLDivElement> {
+    position?: string | 'block-end' | 'block-start';
+}
+export declare const ComboboxPopover: ({ className, position, ...restProps }: PropsWithChildren<ComboboxPopoverProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/FormField.d.ts

@@ -1,8 +1,11 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
+    description?: ReactNode;
+    input?: ReactNode;
     invalid?: boolean;
+    label?: ReactNode;
     type?: string;
 }
 export declare const FormField: import("react").ForwardRefExoticComponent<FormFieldProps & {
-    children?: import("react").ReactNode;
+    children?: ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/Listbox.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2023 Robbert Broersma
+ */
+import { HTMLAttributes, LiHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+export interface ListboxProps extends HTMLAttributes<HTMLDivElement> {
+    disabled?: boolean;
+    invalid?: boolean;
+    multiple?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+}
+export declare const Listbox: ({ children, className, disabled, invalid, multiple, readOnly, required, ...restProps }: PropsWithChildren<ListboxProps>) => import("react/jsx-runtime").JSX.Element;
+export interface ListboxOptionGroupProps extends LiHTMLAttributes<HTMLLIElement> {
+    label?: ReactNode;
+}
+export declare const ListboxOptionGroup: ({ children, label, ...restProps }: PropsWithChildren<ListboxOptionGroupProps>) => import("react/jsx-runtime").JSX.Element;
+export interface ListboxOptionProps extends HTMLAttributes<HTMLLIElement> {
+    active?: boolean;
+    disabled?: boolean;
+    selected?: boolean;
+}
+export declare const ListboxOption: ({ active, className, disabled, selected, ...restProps }: PropsWithChildren<ListboxOptionProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/css-module/Combobox.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2023 Robbert Broersma
+ */
+import { HTMLAttributes, PropsWithChildren } from 'react';
+export type ComboboxProps = HTMLAttributes<HTMLDivElement>;
+export declare const Combobox: ({ className, ...restProps }: PropsWithChildren<ComboboxProps>) => import("react/jsx-runtime").JSX.Element;
+export interface ComboboxPopoverProps extends HTMLAttributes<HTMLDivElement> {
+    position?: string | 'block-end' | 'block-start';
+}
+export declare const ComboboxPopover: ({ className, position, ...restProps }: PropsWithChildren<ComboboxPopoverProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/css-module/FormField.d.ts

@@ -1,8 +1,11 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
+    description?: ReactNode;
+    input?: ReactNode;
     invalid?: boolean;
+    label?: ReactNode;
     type?: string;
 }
 export declare const FormField: import("react").ForwardRefExoticComponent<FormFieldProps & {
-    children?: import("react").ReactNode;
+    children?: ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/css-module/Listbox.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2023 Robbert Broersma
+ */
+import { HTMLAttributes, LiHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+export interface ListboxProps extends HTMLAttributes<HTMLDivElement> {
+    disabled?: boolean;
+    invalid?: boolean;
+    multiple?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+}
+export declare const Listbox: ({ children, className, disabled, invalid, multiple, readOnly, required, ...restProps }: PropsWithChildren<ListboxProps>) => import("react/jsx-runtime").JSX.Element;
+export interface ListboxOptionGroupProps extends LiHTMLAttributes<HTMLLIElement> {
+    label?: ReactNode;
+}
+export declare const ListboxOptionGroup: ({ children, label, ...restProps }: PropsWithChildren<ListboxOptionGroupProps>) => import("react/jsx-runtime").JSX.Element;
+export interface ListboxOptionProps extends HTMLAttributes<HTMLLIElement> {
+    active?: boolean;
+    disabled?: boolean;
+    selected?: boolean;
+}
+export declare const ListboxOption: ({ active, className, disabled, selected, ...restProps }: PropsWithChildren<ListboxOptionProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/css-module/css-module/Combobox.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import '../../../../components/combobox/css/index.scss';
+export * from '../Combobox';

package/dist/css-module/css-module/Listbox.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import '../../../../components/listbox/css/index.scss';
+export * from '../Listbox';

package/dist/css-module/css-module/index.d.ts

@@ -33,6 +33,8 @@ export type { ColorSampleProps } from '../ColorSample';
 export { ColorSample } from './ColorSample';
 export type { ColumnLayoutProps } from '../ColumnLayout';
 export { ColumnLayout } from './ColumnLayout';
+export type { ComboboxProps, ComboboxPopoverProps } from './Combobox';
+export { Combobox, ComboboxPopover } from './Combobox';
 export type { CurrencyDataProps } from '../CurrencyData';
 export { CurrencyData } from './CurrencyData';
 export type { DataBadgeProps } from '../DataBadge';
@@ -97,6 +99,8 @@ export type { LinkSocialProps } from '../LinkSocial';
 export { LinkList, LinkListLink } from './LinkList';
 export type { LinkListProps, LinkListLinkProps } from './LinkList';
 export { LinkSocial } from './LinkSocial';
+export type { ListboxProps, ListboxOptionProps, ListboxOptionGroupProps } from './Listbox';
+export { Listbox, ListboxOption, ListboxOptionGroup } from './Listbox';
 export type { ListSocialProps, ListSocialItemProps } from '../ListSocial';
 export { ListSocial, ListSocialItem } from './ListSocial';
 export type { LogoProps } from '../Logo';

package/dist/css-module/index.d.ts

@@ -34,6 +34,8 @@ export type { ColorSampleProps } from './ColorSample';
 export { ColorSample } from './ColorSample';
 export type { ColumnLayoutProps } from './ColumnLayout';
 export { ColumnLayout } from './ColumnLayout';
+export type { ComboboxProps, ComboboxPopoverProps } from './Combobox';
+export { Combobox, ComboboxPopover } from './Combobox';
 export type { CurrencyDataProps } from './CurrencyData';
 export { CurrencyData } from './CurrencyData';
 export type { DataBadgeProps } from './DataBadge';
@@ -98,6 +100,8 @@ export type { LinkSocialProps } from './LinkSocial';
 export { LinkSocial } from './LinkSocial';
 export type { LinkListProps, LinkListLinkProps } from './LinkList';
 export { LinkList, LinkListLink } from './LinkList';
+export type { ListboxProps, ListboxOptionProps, ListboxOptionGroupProps } from './Listbox';
+export { Listbox, ListboxOption, ListboxOptionGroup } from './Listbox';
 export type { ListSocialProps, ListSocialItemProps } from './ListSocial';
 export { ListSocial, ListSocialItem } from './ListSocial';
 export type { LogoProps } from './Logo';