@utrecht/component-library-react 3.0.1-alpha.4 → 3.0.1-alpha.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,15 @@
1
+ /**
2
+ * @license EUPL-1.2
3
+ * Copyright (c) 2023 Robbert Broersma
4
+ */
5
+ import { HTMLAttributes } from 'react';
6
+ export type ComboboxProps = HTMLAttributes<HTMLDivElement>;
7
+ export declare const Combobox: import("react").ForwardRefExoticComponent<ComboboxProps & {
8
+ children?: import("react").ReactNode;
9
+ } & import("react").RefAttributes<HTMLDivElement>>;
10
+ export interface ComboboxPopoverProps extends HTMLAttributes<HTMLDivElement> {
11
+ position?: string | 'block-end' | 'block-start';
12
+ }
13
+ export declare const ComboboxPopover: import("react").ForwardRefExoticComponent<ComboboxPopoverProps & {
14
+ children?: import("react").ReactNode;
15
+ } & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,8 +1,11 @@
1
- import { HTMLAttributes } from 'react';
1
+ import { HTMLAttributes, ReactNode } from 'react';
2
2
  export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
3
+ description?: ReactNode;
4
+ input?: ReactNode;
3
5
  invalid?: boolean;
6
+ label?: ReactNode;
4
7
  type?: string;
5
8
  }
6
9
  export declare const FormField: import("react").ForwardRefExoticComponent<FormFieldProps & {
7
- children?: import("react").ReactNode;
10
+ children?: ReactNode;
8
11
  } & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,29 @@
1
+ /**
2
+ * @license EUPL-1.2
3
+ * Copyright (c) 2023 Robbert Broersma
4
+ */
5
+ import { HTMLAttributes, LiHTMLAttributes, ReactNode } from 'react';
6
+ export interface ListboxProps extends HTMLAttributes<HTMLDivElement> {
7
+ disabled?: boolean;
8
+ invalid?: boolean;
9
+ multiple?: boolean;
10
+ readOnly?: boolean;
11
+ required?: boolean;
12
+ }
13
+ export declare const Listbox: import("react").ForwardRefExoticComponent<ListboxProps & {
14
+ children?: ReactNode;
15
+ } & import("react").RefAttributes<HTMLDivElement>>;
16
+ export interface ListboxOptionGroupProps extends LiHTMLAttributes<HTMLLIElement> {
17
+ label?: ReactNode;
18
+ }
19
+ export declare const ListboxOptionGroup: import("react").ForwardRefExoticComponent<ListboxOptionGroupProps & {
20
+ children?: ReactNode;
21
+ } & import("react").RefAttributes<HTMLLIElement>>;
22
+ export interface ListboxOptionProps extends HTMLAttributes<HTMLLIElement> {
23
+ active?: boolean;
24
+ disabled?: boolean;
25
+ selected?: boolean;
26
+ }
27
+ export declare const ListboxOption: import("react").ForwardRefExoticComponent<ListboxOptionProps & {
28
+ children?: ReactNode;
29
+ } & import("react").RefAttributes<HTMLLIElement>>;
@@ -0,0 +1,11 @@
1
+ /**
2
+ * @license EUPL-1.2
3
+ * Copyright (c) 2022 Robbert Broersma
4
+ */
5
+ import { HTMLAttributes } from 'react';
6
+ export interface TableContainerProps extends HTMLAttributes<HTMLDivElement> {
7
+ overflowInline?: boolean;
8
+ }
9
+ export declare const TableContainer: import("react").ForwardRefExoticComponent<TableContainerProps & {
10
+ children?: import("react").ReactNode;
11
+ } & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,15 @@
1
+ /**
2
+ * @license EUPL-1.2
3
+ * Copyright (c) 2023 Robbert Broersma
4
+ */
5
+ import { HTMLAttributes } from 'react';
6
+ export type ComboboxProps = HTMLAttributes<HTMLDivElement>;
7
+ export declare const Combobox: import("react").ForwardRefExoticComponent<ComboboxProps & {
8
+ children?: import("react").ReactNode;
9
+ } & import("react").RefAttributes<HTMLDivElement>>;
10
+ export interface ComboboxPopoverProps extends HTMLAttributes<HTMLDivElement> {
11
+ position?: string | 'block-end' | 'block-start';
12
+ }
13
+ export declare const ComboboxPopover: import("react").ForwardRefExoticComponent<ComboboxPopoverProps & {
14
+ children?: import("react").ReactNode;
15
+ } & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,8 +1,11 @@
1
- import { HTMLAttributes } from 'react';
1
+ import { HTMLAttributes, ReactNode } from 'react';
2
2
  export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
3
+ description?: ReactNode;
4
+ input?: ReactNode;
3
5
  invalid?: boolean;
6
+ label?: ReactNode;
4
7
  type?: string;
5
8
  }
6
9
  export declare const FormField: import("react").ForwardRefExoticComponent<FormFieldProps & {
7
- children?: import("react").ReactNode;
10
+ children?: ReactNode;
8
11
  } & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,29 @@
1
+ /**
2
+ * @license EUPL-1.2
3
+ * Copyright (c) 2023 Robbert Broersma
4
+ */
5
+ import { HTMLAttributes, LiHTMLAttributes, ReactNode } from 'react';
6
+ export interface ListboxProps extends HTMLAttributes<HTMLDivElement> {
7
+ disabled?: boolean;
8
+ invalid?: boolean;
9
+ multiple?: boolean;
10
+ readOnly?: boolean;
11
+ required?: boolean;
12
+ }
13
+ export declare const Listbox: import("react").ForwardRefExoticComponent<ListboxProps & {
14
+ children?: ReactNode;
15
+ } & import("react").RefAttributes<HTMLDivElement>>;
16
+ export interface ListboxOptionGroupProps extends LiHTMLAttributes<HTMLLIElement> {
17
+ label?: ReactNode;
18
+ }
19
+ export declare const ListboxOptionGroup: import("react").ForwardRefExoticComponent<ListboxOptionGroupProps & {
20
+ children?: ReactNode;
21
+ } & import("react").RefAttributes<HTMLLIElement>>;
22
+ export interface ListboxOptionProps extends HTMLAttributes<HTMLLIElement> {
23
+ active?: boolean;
24
+ disabled?: boolean;
25
+ selected?: boolean;
26
+ }
27
+ export declare const ListboxOption: import("react").ForwardRefExoticComponent<ListboxOptionProps & {
28
+ children?: ReactNode;
29
+ } & import("react").RefAttributes<HTMLLIElement>>;
@@ -0,0 +1,11 @@
1
+ /**
2
+ * @license EUPL-1.2
3
+ * Copyright (c) 2022 Robbert Broersma
4
+ */
5
+ import { HTMLAttributes } from 'react';
6
+ export interface TableContainerProps extends HTMLAttributes<HTMLDivElement> {
7
+ overflowInline?: boolean;
8
+ }
9
+ export declare const TableContainer: import("react").ForwardRefExoticComponent<TableContainerProps & {
10
+ children?: import("react").ReactNode;
11
+ } & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,6 @@
1
+ /**
2
+ * @license EUPL-1.2
3
+ * Copyright (c) 2021 Robbert Broersma
4
+ */
5
+ import '../../../../components/combobox/css/index.scss';
6
+ export * from '../Combobox';
@@ -0,0 +1,6 @@
1
+ /**
2
+ * @license EUPL-1.2
3
+ * Copyright (c) 2021 Robbert Broersma
4
+ */
5
+ import '../../../../components/listbox/css/index.scss';
6
+ export * from '../Listbox';
@@ -0,0 +1,6 @@
1
+ /**
2
+ * @license EUPL-1.2
3
+ * Copyright (c) 2024 Frameless B.V.
4
+ */
5
+ import '../../../../components/table/css/index.scss';
6
+ export * from '../TableContainer';
@@ -33,6 +33,8 @@ export type { ColorSampleProps } from '../ColorSample';
33
33
  export { ColorSample } from './ColorSample';
34
34
  export type { ColumnLayoutProps } from '../ColumnLayout';
35
35
  export { ColumnLayout } from './ColumnLayout';
36
+ export type { ComboboxProps, ComboboxPopoverProps } from './Combobox';
37
+ export { Combobox, ComboboxPopover } from './Combobox';
36
38
  export type { CurrencyDataProps } from '../CurrencyData';
37
39
  export { CurrencyData } from './CurrencyData';
38
40
  export type { DataBadgeProps } from '../DataBadge';
@@ -97,6 +99,8 @@ export type { LinkSocialProps } from '../LinkSocial';
97
99
  export { LinkList, LinkListLink } from './LinkList';
98
100
  export type { LinkListProps, LinkListLinkProps } from './LinkList';
99
101
  export { LinkSocial } from './LinkSocial';
102
+ export type { ListboxProps, ListboxOptionProps, ListboxOptionGroupProps } from './Listbox';
103
+ export { Listbox, ListboxOption, ListboxOptionGroup } from './Listbox';
100
104
  export type { ListSocialProps, ListSocialItemProps } from '../ListSocial';
101
105
  export { ListSocial, ListSocialItem } from './ListSocial';
102
106
  export type { LogoProps } from '../Logo';
@@ -149,6 +153,8 @@ export type { StrongProps } from '../Strong';
149
153
  export { Strong } from './Strong';
150
154
  export type { SurfaceProps } from '../Surface';
151
155
  export { Surface } from './Surface';
156
+ export type { TableContainerProps } from '../TableContainer';
157
+ export { TableContainer } from '../TableContainer';
152
158
  export type { TableProps } from '../Table';
153
159
  export { Table } from './Table';
154
160
  export type { TableBodyProps } from '../TableBody';
@@ -34,6 +34,8 @@ export type { ColorSampleProps } from './ColorSample';
34
34
  export { ColorSample } from './ColorSample';
35
35
  export type { ColumnLayoutProps } from './ColumnLayout';
36
36
  export { ColumnLayout } from './ColumnLayout';
37
+ export type { ComboboxProps, ComboboxPopoverProps } from './Combobox';
38
+ export { Combobox, ComboboxPopover } from './Combobox';
37
39
  export type { CurrencyDataProps } from './CurrencyData';
38
40
  export { CurrencyData } from './CurrencyData';
39
41
  export type { DataBadgeProps } from './DataBadge';
@@ -98,6 +100,8 @@ export type { LinkSocialProps } from './LinkSocial';
98
100
  export { LinkSocial } from './LinkSocial';
99
101
  export type { LinkListProps, LinkListLinkProps } from './LinkList';
100
102
  export { LinkList, LinkListLink } from './LinkList';
103
+ export type { ListboxProps, ListboxOptionProps, ListboxOptionGroupProps } from './Listbox';
104
+ export { Listbox, ListboxOption, ListboxOptionGroup } from './Listbox';
101
105
  export type { ListSocialProps, ListSocialItemProps } from './ListSocial';
102
106
  export { ListSocial, ListSocialItem } from './ListSocial';
103
107
  export type { LogoProps } from './Logo';
@@ -150,6 +154,8 @@ export type { StrongProps } from './Strong';
150
154
  export { Strong } from './Strong';
151
155
  export type { SurfaceProps } from './Surface';
152
156
  export { Surface } from './Surface';
157
+ export type { TableContainerProps } from './TableContainer';
158
+ export { TableContainer } from './TableContainer';
153
159
  export type { TableProps } from './Table';
154
160
  export { Table } from './Table';
155
161
  export type { TableBodyProps } from './TableBody';