@utrecht/component-library-react 3.0.1-alpha.9 → 4.0.0

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.
Files changed (118) hide show
  1. package/dist/.jest-test-results.json +1 -1
  2. package/dist/Accordion.d.ts +6 -4
  3. package/dist/Blockquote.d.ts +11 -0
  4. package/dist/Checkbox.d.ts +1 -0
  5. package/dist/Combobox.d.ts +15 -0
  6. package/dist/FormField.d.ts +5 -2
  7. package/dist/FormFieldTextbox.d.ts +14 -0
  8. package/dist/Listbox.d.ts +29 -0
  9. package/dist/TableContainer.d.ts +11 -0
  10. package/dist/Textbox.d.ts +2 -1
  11. package/dist/css-module/Accordion.d.ts +6 -4
  12. package/dist/css-module/Blockquote.d.ts +11 -0
  13. package/dist/css-module/Checkbox.d.ts +1 -0
  14. package/dist/css-module/Combobox.d.ts +15 -0
  15. package/dist/css-module/FormField.d.ts +5 -2
  16. package/dist/css-module/FormFieldTextbox.d.ts +14 -0
  17. package/dist/css-module/Listbox.d.ts +29 -0
  18. package/dist/css-module/TableContainer.d.ts +11 -0
  19. package/dist/css-module/Textbox.d.ts +2 -1
  20. package/dist/css-module/css-module/Accordion.d.ts +1 -1
  21. package/dist/css-module/css-module/Alert.d.ts +1 -1
  22. package/dist/css-module/css-module/AlertDialog.d.ts +1 -1
  23. package/dist/css-module/css-module/Article.d.ts +1 -1
  24. package/dist/css-module/css-module/Backdrop.d.ts +1 -1
  25. package/dist/css-module/css-module/BadgeCounter.d.ts +1 -1
  26. package/dist/css-module/css-module/BadgeList.d.ts +1 -1
  27. package/dist/css-module/css-module/Blockquote.d.ts +6 -0
  28. package/dist/css-module/css-module/BreadcrumbNav.d.ts +1 -1
  29. package/dist/css-module/css-module/Button.d.ts +1 -1
  30. package/dist/css-module/css-module/ButtonGroup.d.ts +1 -1
  31. package/dist/css-module/css-module/ButtonLink.d.ts +1 -1
  32. package/dist/css-module/css-module/Calendar.d.ts +1 -1
  33. package/dist/css-module/css-module/Checkbox.d.ts +2 -2
  34. package/dist/css-module/css-module/Code.d.ts +1 -1
  35. package/dist/css-module/css-module/CodeBlock.d.ts +1 -1
  36. package/dist/css-module/css-module/ColorSample.d.ts +1 -1
  37. package/dist/css-module/css-module/ColumnLayout.d.ts +1 -1
  38. package/dist/css-module/css-module/Combobox.d.ts +6 -0
  39. package/dist/css-module/css-module/CurrencyData.d.ts +1 -1
  40. package/dist/css-module/css-module/DataBadge.d.ts +1 -1
  41. package/dist/css-module/css-module/DataList.d.ts +1 -1
  42. package/dist/css-module/css-module/DataPlaceholder.d.ts +1 -1
  43. package/dist/css-module/css-module/Document.d.ts +1 -1
  44. package/dist/css-module/css-module/Drawer.d.ts +1 -1
  45. package/dist/css-module/css-module/Emphasis.d.ts +1 -1
  46. package/dist/css-module/css-module/Fieldset.d.ts +1 -1
  47. package/dist/css-module/css-module/FieldsetLegend.d.ts +1 -1
  48. package/dist/css-module/css-module/Figure.d.ts +1 -1
  49. package/dist/css-module/css-module/FigureCaption.d.ts +1 -1
  50. package/dist/css-module/css-module/FormField.d.ts +1 -1
  51. package/dist/css-module/css-module/FormFieldDescription.d.ts +1 -1
  52. package/dist/css-module/css-module/FormFieldErrorMessage.d.ts +1 -1
  53. package/dist/css-module/css-module/FormFieldTextbox.d.ts +9 -0
  54. package/dist/css-module/css-module/FormLabel.d.ts +1 -1
  55. package/dist/css-module/css-module/FormToggle.d.ts +1 -1
  56. package/dist/css-module/css-module/HTMLContent.d.ts +1 -1
  57. package/dist/css-module/css-module/Heading.d.ts +6 -6
  58. package/dist/css-module/css-module/Heading1.d.ts +1 -1
  59. package/dist/css-module/css-module/Heading2.d.ts +1 -1
  60. package/dist/css-module/css-module/Heading3.d.ts +1 -1
  61. package/dist/css-module/css-module/Heading4.d.ts +1 -1
  62. package/dist/css-module/css-module/Heading5.d.ts +1 -1
  63. package/dist/css-module/css-module/Heading6.d.ts +1 -1
  64. package/dist/css-module/css-module/HeadingGroup.d.ts +1 -1
  65. package/dist/css-module/css-module/IBANData.d.ts +1 -1
  66. package/dist/css-module/css-module/Icon.d.ts +1 -1
  67. package/dist/css-module/css-module/Image.d.ts +1 -1
  68. package/dist/css-module/css-module/IndexCharNav.d.ts +1 -1
  69. package/dist/css-module/css-module/Link.d.ts +1 -1
  70. package/dist/css-module/css-module/LinkButton.d.ts +1 -1
  71. package/dist/css-module/css-module/LinkList.d.ts +1 -1
  72. package/dist/css-module/css-module/LinkSocial.d.ts +1 -1
  73. package/dist/css-module/css-module/ListSocial.d.ts +1 -1
  74. package/dist/css-module/css-module/Listbox.d.ts +6 -0
  75. package/dist/css-module/css-module/Logo.d.ts +1 -1
  76. package/dist/css-module/css-module/Mark.d.ts +1 -1
  77. package/dist/css-module/css-module/MultilineData.d.ts +1 -1
  78. package/dist/css-module/css-module/NavBar.d.ts +1 -1
  79. package/dist/css-module/css-module/NavList.d.ts +1 -1
  80. package/dist/css-module/css-module/NumberData.d.ts +1 -1
  81. package/dist/css-module/css-module/OrderedList.d.ts +1 -1
  82. package/dist/css-module/css-module/OrderedListItem.d.ts +1 -1
  83. package/dist/css-module/css-module/Page.d.ts +1 -1
  84. package/dist/css-module/css-module/PageContent.d.ts +1 -1
  85. package/dist/css-module/css-module/PageFooter.d.ts +1 -1
  86. package/dist/css-module/css-module/PageHeader.d.ts +1 -1
  87. package/dist/css-module/css-module/Paragraph.d.ts +1 -1
  88. package/dist/css-module/css-module/PreHeading.d.ts +1 -1
  89. package/dist/css-module/css-module/PreserveData.d.ts +1 -1
  90. package/dist/css-module/css-module/RadioButton.d.ts +1 -1
  91. package/dist/css-module/css-module/Select.d.ts +1 -1
  92. package/dist/css-module/css-module/Separator.d.ts +1 -1
  93. package/dist/css-module/css-module/SkipLink.d.ts +1 -1
  94. package/dist/css-module/css-module/SpotlightSection.d.ts +1 -1
  95. package/dist/css-module/css-module/StatusBadge.d.ts +1 -1
  96. package/dist/css-module/css-module/Strong.d.ts +1 -1
  97. package/dist/css-module/css-module/Surface.d.ts +1 -1
  98. package/dist/css-module/css-module/Table.d.ts +1 -1
  99. package/dist/css-module/css-module/TableContainer.d.ts +6 -0
  100. package/dist/css-module/css-module/Textarea.d.ts +1 -1
  101. package/dist/css-module/css-module/Textbox.d.ts +1 -1
  102. package/dist/css-module/css-module/URLData.d.ts +1 -1
  103. package/dist/css-module/css-module/UnorderedList.d.ts +1 -1
  104. package/dist/css-module/css-module/UnorderedListItem.d.ts +1 -1
  105. package/dist/css-module/css-module/VegaVisualization.d.ts +1 -1
  106. package/dist/css-module/css-module/index.d.ts +10 -0
  107. package/dist/css-module/index.d.ts +10 -0
  108. package/dist/css-module/index.js +817 -481
  109. package/dist/css-module/index.js.map +1 -1
  110. package/dist/css-module/index.mjs +810 -482
  111. package/dist/css-module/index.mjs.map +1 -1
  112. package/dist/index.cjs.js +695 -368
  113. package/dist/index.cjs.js.map +1 -1
  114. package/dist/index.d.ts +10 -0
  115. package/dist/index.esm.js +688 -369
  116. package/dist/index.esm.js.map +1 -1
  117. package/package.json +93 -2
  118. package/LICENSE.txt +0 -287
@@ -1,4 +1,4 @@
1
- import { ForwardedRef, HTMLAttributes, RefObject } from 'react';
1
+ import { ForwardedRef, HTMLAttributes, ReactNode, RefObject } from 'react';
2
2
  export interface AccordionSectionProps extends HTMLAttributes<HTMLDivElement> {
3
3
  headingLevel?: number;
4
4
  label: string;
@@ -10,6 +10,8 @@ export interface AccordionSectionProps extends HTMLAttributes<HTMLDivElement> {
10
10
  onButtonFocus?: Function;
11
11
  onButtonBlur?: Function;
12
12
  buttonRef?: RefObject<HTMLButtonElement>;
13
+ icon?: ReactNode;
14
+ appearance?: string;
13
15
  }
14
16
  export declare const AccordionSection: import("react").ForwardRefExoticComponent<AccordionSectionProps & import("react").RefAttributes<HTMLDivElement>>;
15
17
  export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
@@ -18,7 +20,7 @@ export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
18
20
  group?: false;
19
21
  }
20
22
  export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & {
21
- children?: import("react").ReactNode;
23
+ children?: ReactNode;
22
24
  } & import("react").RefAttributes<HTMLDivElement>>;
23
25
  export declare const useAccordion: <T>(sections: T[], ref: RefObject<HTMLDivElement | undefined>) => {
24
26
  ref: RefObject<HTMLDivElement | undefined>;
@@ -39,10 +41,10 @@ export declare const useAccordionSection: ({ defaultExpanded, expanded }: Accord
39
41
  ref: ForwardedRef<HTMLDivElement>;
40
42
  expanded: boolean;
41
43
  };
42
- export interface AccordionProviderProps {
44
+ export interface AccordionProviderProps extends Pick<AccordionSectionProps, 'icon' | 'appearance'> {
43
45
  sections: AccordionSectionProps[];
44
46
  }
45
47
  export declare const AccordionProvider: {
46
- ({ sections }: AccordionProviderProps): import("react/jsx-runtime").JSX.Element;
48
+ ({ sections, icon, appearance }: AccordionProviderProps): import("react/jsx-runtime").JSX.Element;
47
49
  displayName: string;
48
50
  };
@@ -0,0 +1,11 @@
1
+ /**
2
+ * @license EUPL-1.2
3
+ * Copyright (c) 2021 Robbert Broersma
4
+ */
5
+ import { BlockquoteHTMLAttributes, ReactNode } from 'react';
6
+ export interface BlockquoteProps extends BlockquoteHTMLAttributes<HTMLQuoteElement> {
7
+ attribution?: ReactNode;
8
+ }
9
+ export declare const Blockquote: import("react").ForwardRefExoticComponent<BlockquoteProps & {
10
+ children?: ReactNode;
11
+ } & import("react").RefAttributes<HTMLQuoteElement>>;
@@ -1,6 +1,7 @@
1
1
  import { InputHTMLAttributes } from 'react';
2
2
  export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'readOnly'> {
3
3
  appearance?: string;
4
+ indeterminate?: boolean;
4
5
  invalid?: boolean;
5
6
  }
6
7
  export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
@@ -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,14 @@
1
+ import { ReactNode, Ref } from 'react';
2
+ import type { FormFieldProps } from './FormField';
3
+ import { TextboxProps } from './Textbox';
4
+ export interface FormFieldTextboxProps extends Omit<FormFieldProps, 'type'>, Pick<TextboxProps, 'autoComplete' | 'defaultValue' | 'disabled' | 'inputRequired' | 'invalid' | 'list' | 'max' | 'maxLength' | 'min' | 'minLength' | 'name' | 'pattern' | 'placeholder' | 'readOnly' | 'required' | 'size' | 'step' | 'value' | 'type'> {
5
+ description?: ReactNode;
6
+ errorMessage?: ReactNode;
7
+ inputDir?: TextboxProps['dir'];
8
+ inputRef?: Ref<HTMLInputElement>;
9
+ label: ReactNode;
10
+ status?: ReactNode;
11
+ }
12
+ export declare const FormFieldTextbox: import("react").ForwardRefExoticComponent<FormFieldTextboxProps & {
13
+ children?: ReactNode;
14
+ } & 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>>;
package/dist/Textbox.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  import { InputHTMLAttributes } from 'react';
2
2
  export type TextboxTypes = 'date' | 'datetime-local' | 'email' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
3
3
  export interface TextboxProps extends InputHTMLAttributes<HTMLInputElement> {
4
+ inputRequired?: boolean;
4
5
  invalid?: boolean;
5
- type?: TextboxTypes;
6
+ type?: string | TextboxTypes;
6
7
  }
7
8
  export declare const Textbox: import("react").ForwardRefExoticComponent<TextboxProps & import("react").RefAttributes<HTMLInputElement>>;
@@ -1,4 +1,4 @@
1
- import { ForwardedRef, HTMLAttributes, RefObject } from 'react';
1
+ import { ForwardedRef, HTMLAttributes, ReactNode, RefObject } from 'react';
2
2
  export interface AccordionSectionProps extends HTMLAttributes<HTMLDivElement> {
3
3
  headingLevel?: number;
4
4
  label: string;
@@ -10,6 +10,8 @@ export interface AccordionSectionProps extends HTMLAttributes<HTMLDivElement> {
10
10
  onButtonFocus?: Function;
11
11
  onButtonBlur?: Function;
12
12
  buttonRef?: RefObject<HTMLButtonElement>;
13
+ icon?: ReactNode;
14
+ appearance?: string;
13
15
  }
14
16
  export declare const AccordionSection: import("react").ForwardRefExoticComponent<AccordionSectionProps & import("react").RefAttributes<HTMLDivElement>>;
15
17
  export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
@@ -18,7 +20,7 @@ export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
18
20
  group?: false;
19
21
  }
20
22
  export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & {
21
- children?: import("react").ReactNode;
23
+ children?: ReactNode;
22
24
  } & import("react").RefAttributes<HTMLDivElement>>;
23
25
  export declare const useAccordion: <T>(sections: T[], ref: RefObject<HTMLDivElement | undefined>) => {
24
26
  ref: RefObject<HTMLDivElement | undefined>;
@@ -39,10 +41,10 @@ export declare const useAccordionSection: ({ defaultExpanded, expanded }: Accord
39
41
  ref: ForwardedRef<HTMLDivElement>;
40
42
  expanded: boolean;
41
43
  };
42
- export interface AccordionProviderProps {
44
+ export interface AccordionProviderProps extends Pick<AccordionSectionProps, 'icon' | 'appearance'> {
43
45
  sections: AccordionSectionProps[];
44
46
  }
45
47
  export declare const AccordionProvider: {
46
- ({ sections }: AccordionProviderProps): import("react/jsx-runtime").JSX.Element;
48
+ ({ sections, icon, appearance }: AccordionProviderProps): import("react/jsx-runtime").JSX.Element;
47
49
  displayName: string;
48
50
  };
@@ -0,0 +1,11 @@
1
+ /**
2
+ * @license EUPL-1.2
3
+ * Copyright (c) 2021 Robbert Broersma
4
+ */
5
+ import { BlockquoteHTMLAttributes, ReactNode } from 'react';
6
+ export interface BlockquoteProps extends BlockquoteHTMLAttributes<HTMLQuoteElement> {
7
+ attribution?: ReactNode;
8
+ }
9
+ export declare const Blockquote: import("react").ForwardRefExoticComponent<BlockquoteProps & {
10
+ children?: ReactNode;
11
+ } & import("react").RefAttributes<HTMLQuoteElement>>;
@@ -1,6 +1,7 @@
1
1
  import { InputHTMLAttributes } from 'react';
2
2
  export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'readOnly'> {
3
3
  appearance?: string;
4
+ indeterminate?: boolean;
4
5
  invalid?: boolean;
5
6
  }
6
7
  export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
@@ -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,14 @@
1
+ import { ReactNode, Ref } from 'react';
2
+ import type { FormFieldProps } from './FormField';
3
+ import { TextboxProps } from './Textbox';
4
+ export interface FormFieldTextboxProps extends Omit<FormFieldProps, 'type'>, Pick<TextboxProps, 'autoComplete' | 'defaultValue' | 'disabled' | 'inputRequired' | 'invalid' | 'list' | 'max' | 'maxLength' | 'min' | 'minLength' | 'name' | 'pattern' | 'placeholder' | 'readOnly' | 'required' | 'size' | 'step' | 'value' | 'type'> {
5
+ description?: ReactNode;
6
+ errorMessage?: ReactNode;
7
+ inputDir?: TextboxProps['dir'];
8
+ inputRef?: Ref<HTMLInputElement>;
9
+ label: ReactNode;
10
+ status?: ReactNode;
11
+ }
12
+ export declare const FormFieldTextbox: import("react").ForwardRefExoticComponent<FormFieldTextboxProps & {
13
+ children?: ReactNode;
14
+ } & 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>>;
@@ -1,7 +1,8 @@
1
1
  import { InputHTMLAttributes } from 'react';
2
2
  export type TextboxTypes = 'date' | 'datetime-local' | 'email' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
3
3
  export interface TextboxProps extends InputHTMLAttributes<HTMLInputElement> {
4
+ inputRequired?: boolean;
4
5
  invalid?: boolean;
5
- type?: TextboxTypes;
6
+ type?: string | TextboxTypes;
6
7
  }
7
8
  export declare const Textbox: import("react").ForwardRefExoticComponent<TextboxProps & import("react").RefAttributes<HTMLInputElement>>;
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/accordion/css/index.scss';
5
+ import '@utrecht/accordion-css/src/index.scss';
6
6
  export * from '../Accordion';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/alert/css/index.scss';
5
+ import '@utrecht/alert-css/src/index.scss';
6
6
  export * from '../Alert';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/alert-dialog/css/index.scss';
5
+ import '@utrecht/alert-dialog-css/src/index.scss';
6
6
  export * from '../AlertDialog';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/article/css/index.scss';
5
+ import '@utrecht/article-css/src/index.scss';
6
6
  export * from '../Article';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/backdrop/css/index.scss';
5
+ import '@utrecht/backdrop-css/src/index.scss';
6
6
  export * from '../Backdrop';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/badge-counter/css/index.scss';
5
+ import '@utrecht/badge-counter-css/src/index.scss';
6
6
  export * from '../BadgeCounter';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/badge-list/css/index.scss';
5
+ import '@utrecht/badge-list-css/src/index.scss';
6
6
  export * from '../BadgeList';
@@ -0,0 +1,6 @@
1
+ /**
2
+ * @license EUPL-1.2
3
+ * Copyright (c) 2021 Robbert Broersma
4
+ */
5
+ import '@utrecht/blockquote-css/src/index.scss';
6
+ export * from '../Blockquote';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/breadcrumb-nav/css/index.scss';
5
+ import '@utrecht/breadcrumb-nav-css/src/index.scss';
6
6
  export * from '../BreadcrumbNav';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/button/css/index.scss';
5
+ import '@utrecht/button-css/src/index.scss';
6
6
  export * from '../Button';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/button-group/css/index.scss';
5
+ import '@utrecht/button-group-css/src/index.scss';
6
6
  export * from '../ButtonGroup';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/button-link/css/index.scss';
5
+ import '@utrecht/button-link-css/src/index.scss';
6
6
  export * from '../ButtonLink';
@@ -2,6 +2,6 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/calendar/css/index.scss';
5
+ import '@utrecht/calendar-css/src/index.scss';
6
6
  export type { CalendarProps } from '../Calendar/index';
7
7
  export { Calendar } from '../Calendar/index';
@@ -2,6 +2,6 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/checkbox/css/index.scss';
6
- import '../../../../components/custom-checkbox/css/index.scss';
5
+ import '@utrecht/custom-checkbox-css/src/index.scss';
6
+ import '@utrecht/checkbox-css/src/index.scss';
7
7
  export * from '../Checkbox';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/code/css/index.scss';
5
+ import '@utrecht/code-css/src/index.scss';
6
6
  export * from '../Code';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/code-block/css/index.scss';
5
+ import '@utrecht/code-block-css/src/index.scss';
6
6
  export * from '../CodeBlock';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/color-sample/css/index.scss';
5
+ import '@utrecht/color-sample-css/src/index.scss';
6
6
  export * from '../ColorSample';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/column-layout/css/index.scss';
5
+ import '@utrecht/column-layout-css/src/index.scss';
6
6
  export * from '../ColumnLayout';
@@ -0,0 +1,6 @@
1
+ /**
2
+ * @license EUPL-1.2
3
+ * Copyright (c) 2021 Robbert Broersma
4
+ */
5
+ import '@utrecht/combobox-css/src/index.scss';
6
+ export * from '../Combobox';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/currency-data/css/index.scss';
5
+ import '@utrecht/currency-data-css/src/index.scss';
6
6
  export * from '../CurrencyData';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/badge-data/css/index.scss';
5
+ import '@utrecht/badge-data-css/src/index.scss';
6
6
  export * from '../DataBadge';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/data-list/css/index.scss';
5
+ import '@utrecht/data-list-css/src/index.scss';
6
6
  export * from '../DataList';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/data-placeholder/css/index.scss';
5
+ import '@utrecht/data-placeholder-css/src/index.scss';
6
6
  export * from '../DataPlaceholder';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/document/css/index.scss';
5
+ import '@utrecht/document-css/src/index.scss';
6
6
  export * from '../Document';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/drawer/css/index.scss';
5
+ import '@utrecht/drawer-css/src/index.scss';
6
6
  export * from '../Drawer';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/emphasis/css/index.scss';
5
+ import '@utrecht/emphasis-css/src/index.scss';
6
6
  export * from '../Emphasis';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/form-fieldset/css/index.scss';
5
+ import '@utrecht/form-fieldset-css/src/index.scss';
6
6
  export * from '../Fieldset';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/form-fieldset/css/index.scss';
5
+ import '@utrecht/form-fieldset-css/src/index.scss';
6
6
  export * from '../FieldsetLegend';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/figure/css/index.scss';
5
+ import '@utrecht/figure-css/src/index.scss';
6
6
  export * from '../Figure';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/figure/css/index.scss';
5
+ import '@utrecht/figure-css/src/index.scss';
6
6
  export * from '../FigureCaption';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/form-field/css/index.scss';
5
+ import '@utrecht/form-field-css/src/index.scss';
6
6
  export * from '../FormField';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/form-field-description/css/index.scss';
5
+ import '@utrecht/form-field-description-css/src/index.scss';
6
6
  export * from '../FormFieldDescription';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/form-field-error-message/css/index.scss';
5
+ import '@utrecht/form-field-error-message-css/src/index.scss';
6
6
  export * from '../FormFieldErrorMessage';
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @license EUPL-1.2
3
+ * Copyright (c) 2021 Robbert Broersma
4
+ */
5
+ import './Textbox';
6
+ import './FormField';
7
+ import './FormFieldDescription';
8
+ import './FormFieldErrorMessage';
9
+ export * from '../FormFieldTextbox';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/form-label/css/index.scss';
5
+ import '@utrecht/form-label-css/src/index.scss';
6
6
  export * from '../FormLabel';
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/form-toggle/css/index.scss';
5
+ import '@utrecht/form-toggle-css/src/index.scss';
6
6
  export * from '../FormToggle';