loon-bulma-react 2023.0.13 → 2023.0.14

package/dist/components/AspectRatio/AspectRatio.d.ts

@@ -1,20 +1,20 @@
 import React from 'react';
 /** Props voor een aspect-ratio */
 declare type AspectRatioProps = {
-    /** de ratio (width x height) van het gewenste element */
+    /** De ratio (width x height) van het gewenste element */
     ratio: '1by1' | '5by4' | '4by5' | '4by3' | '3by4' | '3by2' | '2by3' | '5by3' | '3by5' | '16by9' | '9by16' | '2by1' | '1by2' | '3by1' | '1by3';
-    /** het item dat aan de aspect-ratio moet voldoen */
+    /** Het item dat aan de aspect-ratio moet voldoen */
     children: React.ReactNode;
-    /**  */
+    /** ? */
     caption?: {
         placement: 'top' | 'bottom';
         text: string;
     };
-    /** extra classes on aspect-ratio-element */
+    /** Extra classes on aspect-ratio-element */
     className?: string;
 };
 /**
- * gebruik een aspect-ratio voor een bepaald resizable element, waar een width en height bij hoort.
+ * Gebruik een aspect-ratio voor een bepaald resizable element, waar een width en height bij hoort.
  * Zoals bijvoorbeeld een iframe, img, etc
  * @param props
  * @returns een aspect-ratio'd element.

package/dist/components/Box/Box.d.ts

@@ -1,10 +1,10 @@
 import React, { CSSProperties } from 'react';
 declare type BoxProps = {
-    /** de children van de box */
+    /** De children van de box */
     children: React.ReactNode;
     /** Andere classes om op de box toe te passen */
     className?: string;
-    /** style props direct op de box */
+    /** Style props direct op de box */
     styles?: CSSProperties;
 };
 /**

package/dist/components/Button/ButtonProps.d.ts

@@ -3,29 +3,29 @@ import { ColorProp, SizeProp } from '../../loon-react-bulma-types';
 declare type ButtonTypes = 'button' | 'submit' | 'reset' | undefined;
 declare type ButtonStyles = 'static' | 's' | 'light' | 'l' | 'outlined' | 'o' | 'inverted' | 'i' | 'light-outlined' | 'lo' | 'default';
 export declare type ButtonProps = {
-    /** is de button loading ? */
+    /** Is de button loading ? */
     loading?: boolean | undefined;
-    /** heeft de button afgeronde hoeken ? */
+    /** Heeft de button afgeronde hoeken ? */
     rounded?: boolean | undefined;
-    /** wat moet er op de button komen (text, icons etc.) */
+    /** Wat moet er op de button komen (text, icons etc.) */
     children?: ReactNode;
-    /** button type: <button type="..."> */
+    /** Button type: <button type="..."> */
     type?: ButtonTypes;
-    /** styling voor de button */
+    /** Styling voor de button */
     styling?: ButtonStyles;
-    /** de grootte van de button */
+    /** De grootte van de button */
     size?: SizeProp;
-    /** is de buttton disabled? */
+    /** Is de buttton disabled? */
     disabled?: boolean | undefined;
-    /** een tooltip voor de button */
+    /** Een tooltip voor de button */
     tooltip?: string;
-    /** id */
+    /** ID voor de button (id="...") */
     id?: string;
-    /** function voor onclick event */
+    /** Function voor onclick event */
     onClick?(e: MouseEvent): void;
 };
 export declare type BaseButtonProps = ButtonProps & {
-    /** de kleur van de buggon */
+    /** De kleur van de button */
     color?: ColorProp;
 };
 export {};

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -5,9 +5,9 @@ declare type ButtonGroupProps = {
     children?: React.ReactNode;
     /** Moeten de buttons aan elkaar vast gezet worden (default = false) */
     hasAddons?: boolean;
-    /** aan welke kant moeten de buttons aligned worden (default = l) */
+    /** Aan welke kant moeten de buttons aligned worden (default = l) */
     alignment?: AlignmentProp | undefined;
-    /** voeg  extra classes aan de buttons-container toe */
+    /** Voeg  extra classes aan de buttons-container toe */
     className?: string;
 };
 /**

package/dist/components/Calendar/CalendarItems/CalendarColoredItem.d.ts

@@ -1,12 +1,12 @@
 import { MouseEvent } from 'react';
 import { EventOptions, BaseEventProps } from '../Props';
 declare type CalendarColoredItemProps<T extends BaseEventProps> = {
-    /** het event */
+    /** Het event */
     desc: (event: T) => JSX.Element;
     event: T;
-    /** opties voor events */
+    /** Opties voor events */
     options?: EventOptions<T>;
-    /** onclick handler voor het event */
+    /** Onclick handler voor het event */
     onClick?: (event: T, clickEvent: MouseEvent<HTMLElement>) => void;
     tooltip?: string;
 };

package/dist/components/Calendar/CalendarItems/CalendarItem.d.ts

@@ -2,11 +2,11 @@ import { MouseEvent } from 'react';
 import { EventOptions, BaseEventProps } from '../Props';
 declare type CalendarItemProps<T extends BaseEventProps> = {
     desc: (event: T) => JSX.Element;
-    /** het event */
+    /** Het event */
     event: T;
-    /** opties voor events */
+    /** Opties voor events */
     options?: EventOptions<T>;
-    /** onclick handler */
+    /** Onclick handler */
     onClick?: (event: T, clickEvent: MouseEvent<HTMLElement>) => void;
     tooltip?: string;
 };

package/dist/components/Calendar/DayContainer.d.ts

@@ -2,15 +2,15 @@ import React from 'react';
 import { BaseEventProps, CalendarOptions } from './Props';
 import { JSDateTime } from '~/utils';
 declare type DayContainerProps<T extends BaseEventProps> = {
-    /** events op deze dag */
+    /** Events op deze dag */
     events: T[];
-    /** wat te doen als een event aangeklikt wordt */
+    /** Wat te doen als een event aangeklikt wordt */
     onEventClick?: (event: T, clickEvent: React.MouseEvent<HTMLElement>) => void;
-    /** wat te doen als een dag aangeklikt wordt */
+    /** Wat te doen als een dag aangeklikt wordt */
     onDayClick?: (date: JSDateTime, clickEvent: React.MouseEvent<HTMLElement>) => void;
-    /** opties voor deze container */
+    /** Opties voor deze container */
     options?: CalendarOptions<T>;
-    /** de datum voor de container */
+    /** De datum voor de container */
     date: JSDateTime;
 };
 /**

package/dist/components/Calendar/Fourweeks/FourweeksView.d.ts

@@ -2,19 +2,19 @@ import React from 'react';
 import { JSDateTime } from '~/utils';
 import { BaseEventProps, CalendarOptions } from '../Props';
 declare type FourweekViewProps<T extends BaseEventProps> = {
-    /** events voor deze view */
+    /** Events voor deze view */
     events: T[];
-    /** opties voor deze view */
+    /** Opties voor deze view */
     options?: CalendarOptions<T>;
-    /** event aangeklikt */
+    /** Event aangeklikt */
     onEventClick?: (e: T, event: React.MouseEvent<HTMLElement>) => void;
-    /** dag-datum geklikt? */
+    /** Dag-datum geklikt? */
     onDayClick?: (date: JSDateTime, event: React.MouseEvent<HTMLElement>) => void;
-    /** huidige geselecteerde datum */
+    /** Huidige geselecteerde datum */
     viewDate: Date | JSDateTime;
 };
 /**
- * maak een vierweken-view (grid) met events
+ * Maak een vierweken-view (grid) met events
  * @param props
  * @returns
  */

package/dist/components/Calendar/Fourweeks/MoreEvents.d.ts

@@ -1,18 +1,18 @@
 import { MouseEvent } from 'react';
 import { BaseEventProps, EventOptions } from '../Props';
 declare type MoreEventsViewProps<T extends BaseEventProps> = {
-    /** de events op deze dag */
+    /** De events op deze dag */
     events: T[];
-    /** event-click handling */
+    /** Event-click handling */
     onEventClick?: (event: T, clickEvent: MouseEvent<HTMLElement>) => void;
-    /** global event options */
+    /** Global event options */
     options?: {
         allday?: EventOptions<T>;
         timed?: EventOptions<T>;
     };
 };
 /**
- * expandable events als er meer dan 5 events op een dag vallen
+ * Expandable events als er meer dan 5 events op een dag vallen
  * @param props
  * @returns
  */

package/dist/components/Calendar/Month/MonthView.d.ts

@@ -2,19 +2,19 @@ import React from 'react';
 import { JSDateTime } from '~/utils';
 import { BaseEventProps, CalendarOptions } from '../Props';
 declare type MonthViewProps<T extends BaseEventProps> = {
-    /** events voor deze view */
+    /** Events voor deze view */
     events: T[];
-    /** opties voor deze view */
+    /** Opties voor deze view */
     options?: CalendarOptions<T>;
-    /** event aangeklikt */
+    /** Event aangeklikt */
     onEventClick?: (e: T, event: React.MouseEvent<HTMLElement>) => void;
-    /** dag-datum geklikt? */
+    /** Dag-datum geklikt? */
     onDayClick?: (date: JSDateTime, event: React.MouseEvent<HTMLElement>) => void;
-    /** huidige geselecteerde datum */
+    /** Huidige geselecteerde datum */
     viewDate: Date | JSDateTime;
 };
 /**
- * maak een maand-view (grid) met events
+ * Maak een maand-view (grid) met events
  * @param props
  * @returns
  */

package/dist/components/Calendar/Month/MoreEvents.d.ts

@@ -1,18 +1,18 @@
 import { MouseEvent } from 'react';
 import { BaseEventProps, EventOptions } from '../Props';
 declare type MoreEventsViewProps<T extends BaseEventProps> = {
-    /** de events op deze dag */
+    /** De events op deze dag */
     events: T[];
-    /** event-click handling */
+    /** Event-click handling */
     onEventClick?: (event: T, clickEvent: MouseEvent<HTMLElement>) => void;
-    /** global event options */
+    /** Global event options */
     options?: {
         allday?: EventOptions<T>;
         timed?: EventOptions<T>;
     };
 };
 /**
- * expandable events als er meer dan 5 events op een dag vallen
+ * Expandable events als er meer dan 5 events op een dag vallen
  * @param props
  * @returns
  */

package/dist/components/Calendar/Week/AlldayContainer.d.ts

@@ -2,9 +2,9 @@ import React from 'react';
 import { BaseEventProps, CalendarOptions } from '../Props';
 declare type AlldayContainerProps<T extends BaseEventProps> = {
     events: T[];
-    /** wat te doen als een event aangeklikt wordt */
+    /** Wat te doen als een event aangeklikt wordt */
     onEventClick?: (event: T, clickEvent: React.MouseEvent<HTMLElement>) => void;
-    /** wat te doen als een dag aangeklikt wordt */
+    /** Wat te doen als een dag aangeklikt wordt */
     options?: CalendarOptions<T>;
 };
 /**

package/dist/components/Calendar/Week/HourRow.d.ts

@@ -9,11 +9,11 @@ export declare function HourNumber({ hour }: {
     hour: number;
 }): JSX.Element;
 declare type HourSlotProps<T extends BaseEventProps> = {
-    /** de events voor deze HourProp */
+    /** De events voor deze HourProp */
     events: T[];
-    /** event-selected callback Fn */
+    /** Event-selected callback Fn */
     onEventClick?: (event: T, clickEvent: React.MouseEvent<HTMLElement>) => void;
-    /** options bij de calendar */
+    /** Options bij de calendar */
     options?: CalendarOptions<T>;
 };
 /**

package/dist/components/Calendar/Week/WeekView.d.ts

@@ -2,19 +2,19 @@ import { BaseEventProps, CalendarOptions } from '../Props';
 import React from 'react';
 import { JSDateTime } from '~/utils';
 declare type WeekViewProps<T extends BaseEventProps> = {
-    /** events voor deze view */
+    /** Events voor deze view */
     events: T[];
-    /** opties voor deze view */
+    /** Opties voor deze view */
     options?: CalendarOptions<T>;
-    /** event aangeklikt */
+    /** Event aangeklikt */
     onEventClick?: (e: T, event: React.MouseEvent<HTMLElement>) => void;
-    /** dag-datum geklikt? */
+    /** Dag-datum geklikt? */
     onDayClick?: (date: JSDateTime, event: React.MouseEvent<HTMLElement>) => void;
-    /** huidige geselecteerde datum */
+    /** Huidige geselecteerde datum */
     viewDate: Date | JSDateTime;
 };
 /**
- * maak een week-view (grid) met events
+ * Maak een week-view (grid) met events
  * @param props
  * @returns een weekview (grid) met de events
  * @ex

package/dist/components/Columns/Column.d.ts

@@ -1,14 +1,14 @@
 import React, { CSSProperties } from 'react';
 declare type ColumnProps = {
-    /** wat staat er in deze kolom */
+    /** De inhoud van de column */
     children: React.ReactNode;
-    /** extra classes op deze kolom */
+    /** Extra classes op deze kolom */
     className?: string;
-    /** zet de styling direct */
+    /** Zet de styling direct */
     styles?: CSSProperties;
 };
 declare type ExpandedColumnProps = ColumnProps & {
-    /** is deze kolom zo smal mogelijk of vanaf welke schermmaat */
+    /** Is deze kolom zo smal mogelijk of vanaf welke schermmaat */
     narrow?: boolean | 'mobile' | 'tablet' | 'touch' | 'desktop' | 'widescreen' | 'fullhd';
 };
 /**
@@ -21,12 +21,12 @@ declare type ExpandedColumnProps = ColumnProps & {
  */
 declare const Column: {
     (props: ExpandedColumnProps): JSX.Element;
-    /** Column  full width of parent
+    /** Column full width of parent
      * @returns een kolom met de maximale breedte van de parent 'Columns'
      * @example <Column.Full>This is a full column</Column.Full>
      */
     Full(props: ColumnProps): JSX.Element;
-    /** Column  1/2 width of parent
+    /** Column 1/2 width of parent
      * @returns een kolom met de halve breedte van de parent 'Columns'
      * @example <Column.Half>This is a half column</Column.Half>
      */

package/dist/components/Columns/Columns.d.ts

@@ -2,15 +2,15 @@ import React, { CSSProperties } from 'react';
 export declare type ColumnsProps = {
     /** Children van de Columns. Moeten van het type @see Column zijn */
     children: React.ReactNode;
-    /** de gap-grootte (stappen van .25rem), een margin tussen kolommen (default = 3, 0.75rem) */
+    /** De gap-grootte (stappen van .25rem), een margin tussen kolommen (default = 3, 0.75rem) */
     gap?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | undefined;
-    /** mogen de kolommen over meerdere rijen verdeeld worden */
+    /** Mogen de kolommen over meerdere rijen verdeeld worden */
     multiline?: boolean;
-    /** moeten de kolom centraal aligned worden */
+    /** Moeten de kolom centraal aligned worden */
     centered?: boolean;
-    /** extra classes voor dit element */
+    /** Extra classes voor dit element */
     className?: string;
-    /** set de styling direct */
+    /** Set de styling direct */
     styles?: CSSProperties;
 };
 /**

package/dist/components/Container/Container.d.ts

@@ -1,9 +1,10 @@
 import React, { CSSProperties } from 'react';
 declare type ContainerProps = {
+    /** Container content */
     children: React.ReactNode;
-    /** extra classes */
+    /** Extra classes */
     className?: string;
-    /** set styling directly on container */
+    /** Set styling directly on container */
     styles?: CSSProperties;
 };
 /**

package/dist/components/Content/Content.d.ts

@@ -1,9 +1,13 @@
 import React, { CSSProperties } from 'react';
 import { SizeProp } from '../../loon-react-bulma-types';
 declare type ContentPropsType = {
+    /** Size van de content (default = 'm') */
     size?: SizeProp;
+    /** Content voor het content-element */
     children: React.ReactNode;
+    /** Extra classes */
     className?: string;
+    /** Extra inline styles */
     styles?: CSSProperties;
 };
 /**

package/dist/components/DataTable/DataTable.d.ts

@@ -4,43 +4,43 @@ import { AlignmentProp } from '../../loon-react-bulma-types';
 declare type DataTableProps<T extends unknown> = {
     /** Titels voor de kolommen als die afwijken van de object-properties */
     columns: DataTableColumn<T>[];
-    /** header-name van de default-sorteer-kolom (default: 1e kolom die 'sortable' is) */
+    /** Header-name van de default-sorteer-kolom (default: 1e kolom die 'sortable' is) */
     defaultSortCol?: string;
-    /** (optionele) content voor de header. Verschijnt links van de search-bar */
+    /** (optionele) Content voor de header. Verschijnt links van de search-bar */
     headerContent?: React.ReactNode;
     /** De array met daarin de data voor de datatabel */
     data: T[];
-    /** welke data-object-property is uniek? Anders wordt de index gebruikt (liever niet, react-performance-reasons)
+    /** Welke data-object-property is uniek? Anders wordt de index gebruikt (liever niet, react-performance-reasons)
      * - als string: de property die uniek is: obj.<string>
      * - als function: stel een string samen die uniek is.
      */
     rowIdentifier?: string | ((item: T) => string);
-    /** een functie om de classes op een row te zetten, op basis van het object */
+    /** Een functie om de classes op een row te zetten, op basis van het object */
     rowClasses?: (item: T, index?: number) => string;
-    /** moet de tabel zichzelf wat kleiner maken ? */
+    /** Moet de tabel zichzelf wat kleiner maken ? */
     narrow?: boolean;
     /** Is de tabel gestreept? (om-en-om wit/grijze rijen) */
     striped?: boolean;
-    /** is de tabel fullwidth ?  (default true) */
+    /** Is de tabel fullwidth ?  (default true) */
     fullwidth?: boolean;
-    /** is de tabel bordered?  */
+    /** Is de tabel bordered?  */
     bordered?: boolean;
-    /** is de tabel hoverbaar (verkleuring rij waar de muis op hangt) */
+    /** Is de tabel hoverbaar (verkleuring rij waar de muis op hangt) */
     hoverable?: boolean;
-    /** wat is het maximaal aantal rijen dat zichtbaar is zonder paginatie? Als 0 is er geen maximum aantal rijen (default 0) */
+    /** Wat is het maximaal aantal rijen dat zichtbaar is zonder paginatie? Als 0 is er geen maximum aantal rijen (default 0) */
     maxRows?: number;
-    /** placeholder voor zoekveld. Als er geen placeholder is (undefined or emptystring), is er geen zoek-veld */
+    /** Placeholder voor zoekveld. Als er geen placeholder is (undefined or emptystring), is er geen zoek-veld */
     searchPlaceholder?: string;
-    /** placeholder voor zoekveld. Als er geen placeholder is (undefined or emptystring), is er geen zoek-veld @deprecated: use `searchPlaceholder` */
+    /** Placeholder voor zoekveld. Als er geen placeholder is (undefined or emptystring), is er geen zoek-veld @deprecated: use `searchPlaceholder` */
     searchTxt?: string;
     /**
-     * (Optionele) eigen zoek-functie. De default-zoek-functie wordt dan vervangen.
+     * (Optionele) Eigen zoek-functie. De default-zoek-functie wordt dan vervangen.
      * @param searchTerm de content van het zoekveld
      * @param items de items waarbinnen gezocht moet worden
      * @returns een array met de gefilterde items
      */
     onSearch?: (searchTerm: string, items: T[]) => T[];
-    /** terugkoppeling voor een geselecteerde rij.
+    /** Terugkoppeling voor een geselecteerde rij.
      * @param item: Het geselecteerde item
      * @param row: de tabel-rij waarop geklikt is (<tr> tag). Om de row 'selected' te laten lijken: toggle de 'is-selected' class
      */
@@ -54,23 +54,23 @@ declare type DataTableProps<T extends unknown> = {
 };
 /** Props voor het samenstellen van de kolommen van de tabel */
 declare type DataTableColumn<T extends unknown> = {
-    /** naam voor de kolom, als die anders is dan de key-value  */
+    /** Naam voor de kolom, als die anders is dan de key-value  */
     header?: string;
     /** Sorteren op deze kolom mogelijk? zo ja:
-     * - string: sorteer alfabetisch
-     * - number: sorteer numeriek
-     * - boolean: sorteer op true/false
-     * - function: een eigen sorteermechanisme
+     * - `string`: sorteer alfabetisch
+     * - `number`: sorteer numeriek
+     * - `boolean`: sorteer op true/false
+     * - `function`: een eigen sorteermechanisme
      */
     sort?: true | false | ((a: T, B: T) => -1 | 0 | 1 | number);
     /** Wat is de object property die bij deze kolom hoort als je wil sorteren
-     * - string: de object-property-key --> obj['colValue']
-     * - function: samenstellen van de waarde.
+     * - `string`: de object-property-key --> obj['colValue']
+     * - `function`: samenstellen van de waarde.
      */
     value: string | JSX.Element | ((e: T) => string | JSX.Element);
-    /** moet de kolom-content link, rechts of centraal aligned worden (default = 'l') */
+    /** Moet de kolom-content link, rechts of centraal aligned worden (default = 'l') */
     alignment?: AlignmentProp;
-    /** een functie om een class per cell toe te voegen */
+    /** Een functie om een class per cell toe te voegen */
     columnClasses?: (item: T, index?: number) => string;
 };
 /**

package/dist/components/Footer/Footer.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import { AlignmentProp } from '../../loon-react-bulma-types';
 export declare type FooterProps = {
-    /** de content voor de footer */
+    /** De content voor de footer */
     children: React.ReactNode;
-    /** alignment bij de footer. (default = 'c') */
+    /** Alignment bij de footer. (default = 'c') */
     alignment?: AlignmentProp;
-    /** extra classes voor op de footer */
+    /** Extra classes voor op de footer */
     className?: string;
-    /** custom styles voor de footer */
+    /** Custom styles voor de footer */
     styles?: React.CSSProperties;
 };
 /**

package/dist/components/Hero/Hero.d.ts

@@ -2,9 +2,9 @@ import React from 'react';
 import { SizeProp } from '../../loon-react-bulma-types';
 declare type HeroProps = {
     children?: React.ReactNode;
-    /** type hero */
+    /** Type hero */
     heroColorFor?: 'werknemer' | 'werkgever' | 'klant' | 'admin' | 'primary' | undefined;
-    /** de grootte van de hero (default = small ('s')) */
+    /** De grootte van de hero (default = small ('s')) */
     size?: SizeProp | undefined;
 };
 /**
@@ -12,7 +12,6 @@ declare type HeroProps = {
  * @param props
  * @returns een Hero
  * @example
-
  */
 declare const Hero: {
     (props: HeroProps): JSX.Element;
@@ -33,7 +32,7 @@ declare const Hero: {
         (props: {
             children: React.ReactNode;
         }): JSX.Element;
-        /** een button in de hero head
+        /** Een button in de hero head
          * @param props props
          * @returns een button in de hero head
          * @example <Hero.Head.Button onClick={handleClick}>Button</Hero.Head.Button>
@@ -57,7 +56,7 @@ declare const Hero: {
         }): JSX.Element;
     };
     /**
-     * BOdy of the hero, which could contain a title and/or subtitle
+     * Body of the hero, which could contain a title and/or subtitle
      * @param props props
      * @returns hero body with content
      * @example

package/dist/components/Icon/Icon.d.ts

@@ -2,20 +2,20 @@ import { IconProp } from '@fortawesome/fontawesome-svg-core';
 import React from 'react';
 import { ColorProp, SizeProp } from '../../loon-react-bulma-types';
 declare type IconProps = {
-    /** react font-awesome icon
-     * - string: geef de gehele font-awesome-class op. 'flip', 'animate', 'rotation' worden dan al gebruikt in deze class.
-     * - any: geef een react IconProp object door.
+    /** React font-awesome icon
+     * - `string`: geef de gehele font-awesome-class op. 'flip', 'animate', 'rotation' worden dan al gebruikt in deze class.
+     * - `IconProp (fontawesome)`: geef een react IconProp object door.
      */
     icon: string | IconProp;
-    /** de icon-grootte */
+    /** De icon-grootte */
     size?: SizeProp;
-    /** de kleur voor het icoon */
+    /** De kleur voor het icoon */
     color?: ColorProp;
-    /** hoeveel graden moet het icoon gedraait zijn (0 - 360) */
+    /** Hoeveel graden moet het icoon gedraait zijn (0 - 360) */
     rotation?: 90 | 180 | 270;
-    /** horizontaal, verticaal of beiden gespiegeld */
+    /** Horizontaal, verticaal of beiden gespiegeld */
     flip?: 'horizontal' | 'vertical' | 'both';
-    /** moet het icon spinnen of pulseren */
+    /** Moet het icon spinnen of pulseren */
     animate?: 'spin' | 'pulse';
 };
 /**
@@ -28,19 +28,22 @@ declare type IconProps = {
  */
 declare const Icon: (props: IconProps) => JSX.Element;
 declare type IconTextProps = {
-    /** react font-awesome icon */
-    icon: string | any;
-    /** de icon-grootte */
+    /** React font-awesome icon
+     * - `string`: geef de gehele font-awesome-class op. 'flip', 'animate', 'rotation' worden dan al gebruikt in deze class.
+     * - `IconProp (fontawesome)`: geef een react IconProp object door.
+     */
+    icon: string | IconProp;
+    /** De icon-grootte */
     size?: SizeProp;
-    /** de kleur voor het icoon */
+    /** De kleur voor het icoon */
     color?: ColorProp;
-    /** hoeveel graden moet het icoon gedraait zijn (0 - 360) */
+    /** Hoeveel graden moet het icoon gedraait zijn (0 - 360) */
     rotation?: 90 | 180 | 270;
-    /** horizontaal, verticaal of beiden geflipt */
+    /** Horizontaal, verticaal of beiden geflipt */
     flip?: 'horizontal' | 'vertical' | 'both';
-    /** moet het icon spinnen of pulseren */
+    /** Moet het icon spinnen of pulseren */
     animate?: 'spin' | 'pulse';
-    /** tekst bij het icon */
+    /** Tekst bij het icon */
     children: React.ReactNode;
 };
 /**

package/dist/components/Image/Image.d.ts

@@ -1,19 +1,19 @@
 /// <reference types="react" />
 declare type ImageProps = {
-    /** de ratio (width x height) van de afbeelding */
+    /** De ratio (width x height) van de afbeelding */
     ratio: '1by1' | '5by4' | '4by5' | '4by3' | '3by4' | '3by2' | '2by3' | '5by3' | '3by5' | '16by9' | '9by16' | '2by1' | '1by2' | '3by1' | '1by3' | 'square';
-    /** geef een gewenste width op in geval van een ratio. Als er geen waarde is, wordt de parent gevuld
+    /** Geef een gewenste width op in geval van een ratio. Als er geen waarde is, wordt de parent gevuld
      * voor ratio='square' MOETEN de string literal waarden worden gebruikt */
     imgWidth?: '16' | '24' | '32' | '48' | '64' | '96' | '128' | string;
-    /** wordt de afbeelding rond ? LET OP: Alleen voor ratio == 'square'! */
+    /** Wordt de afbeelding rond ? LET OP: Alleen voor ratio == 'square'! */
     isRounded?: boolean;
-    /** src-attribuut van image tag */
+    /** `src`-Attribuut van image tag */
     src: string;
-    /** alt-attribuut van image tag */
+    /** `alt`-Attribuut van image tag */
     alt: string;
-    /** een optionele figcaption */
+    /** Een optionele figcaption */
     figCaption?: string;
-    /** classNames voor de omringende div */
+    /** extra classNames voor de omringende div */
     className?: string;
 };
 /**