design-react-kit 3.3.2 → 4.0.2

package/dist/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./design-react-kit.cjs.production.min.js')
+} else {
+  module.exports = require('./design-react-kit.cjs.development.js')
+}

package/dist/types/Accordion/Accordion.d.ts

@@ -0,0 +1,12 @@
+import { ElementType, FC } from 'react';
+export interface AccordionProps {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente Badge */
+    className?: string;
+    /** Utilizzare questo attributo per ottenere header con sfondo di colore primario quando questi è attivo o all’hover. */
+    background?: 'active' | 'hover';
+    /** Utilizzare questo attributo per mostrare, mediante un'icona a sinistra, lo stato di apertura */
+    iconLeft?: boolean;
+}
+export declare const Accordion: FC<AccordionProps>;

package/dist/types/Accordion/AccordionBody.d.ts

@@ -0,0 +1,21 @@
+import { Component, ElementType } from 'react';
+import type { TransitionProps } from 'react-transition-group/Transition';
+export declare type AccordionBodyProps = Partial<TransitionProps> & {
+    tag?: ElementType;
+    className?: string;
+    active?: boolean;
+    onToggle?: () => void;
+};
+export declare class AccordionBody extends Component<AccordionBodyProps, {
+    height: null | number;
+}> {
+    state: {
+        height: null;
+    };
+    onEntering: (node: HTMLElement, isAppearing: boolean) => void;
+    onEntered: (node: HTMLElement, isAppearing: boolean) => void;
+    onExit: (node: HTMLElement) => void;
+    onExiting: (node: HTMLElement) => void;
+    onExited: (node: HTMLElement) => void;
+    render(): JSX.Element;
+}

package/dist/types/Accordion/AccordionHeader.d.ts

@@ -0,0 +1,14 @@
+import { FC, ReactNode, ElementType } from 'react';
+export interface AccordionHeaderProps {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente AccordionHeader */
+    className?: string;
+    /** Utilizzare questo attributo per indicare se l'elemento è attivo o no */
+    active?: boolean;
+    /** Questa funzione verrà chiamata quando avviene un click sul componente AccordionHeader */
+    onToggle?: () => void;
+    /** Contenuto aggiuntivo all'interno del bottone dell'AccordionHeader */
+    append?: ReactNode;
+}
+export declare const AccordionHeader: FC<AccordionHeaderProps>;

package/dist/types/Alert/Alert.d.ts

@@ -0,0 +1,20 @@
+import { FC, HTMLAttributes, MouseEventHandler, ElementType, Ref } from 'react';
+import { FadeProps, CSSModule } from 'reactstrap';
+export interface AlertProps extends HTMLAttributes<HTMLElement> {
+    closeClassName?: string;
+    closeAriaLabel?: string;
+    /** Oggetto contenente la nuova mappatura per le classi CSS. */
+    cssModule?: CSSModule;
+    /** Le varianti di colore definite in Bootstrap Italia */
+    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | string;
+    /** Quando abilitato mostra un'animazione di entrata ed uscita del componente Alert. Valore di default: true. */
+    fade?: boolean;
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    transition?: FadeProps;
+    /** Da utilizzare per impostare un riferimento all'elemento DOM */
+    innerRef?: Ref<HTMLElement>;
+    isOpen?: boolean;
+    toggle?: MouseEventHandler<any>;
+}
+export declare const Alert: FC<AlertProps>;

package/dist/types/Avatar/AvatarContainer.d.ts

@@ -0,0 +1,8 @@
+import { FC, HTMLAttributes, ElementType } from 'react';
+export interface AvatarContainerProps extends HTMLAttributes<HTMLElement> {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente AvatarContainer */
+    className?: string;
+}
+export declare const AvatarContainer: FC<AvatarContainerProps>;

package/dist/types/Avatar/AvatarExtraText.d.ts

@@ -0,0 +1,8 @@
+import { FC, HTMLAttributes, ElementType } from 'react';
+export interface AvatarExtraTextProps extends HTMLAttributes<HTMLElement> {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente AvatarExtraText */
+    className?: string;
+}
+export declare const AvatarExtraText: FC<AvatarExtraTextProps>;

package/dist/types/Avatar/AvatarGroupContainer.d.ts

@@ -0,0 +1,10 @@
+import { FC, HTMLAttributes, ElementType } from 'react';
+export interface AvatarGroupContainerProps extends HTMLAttributes<HTMLUListElement> {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente interno AvatarGroupContainer */
+    className?: string;
+    /** Classi aggiuntive da usare per il componente più esterno di AvatarGroupContainer */
+    wrapperClassName?: string;
+}
+export declare const AvatarGroupContainer: FC<AvatarGroupContainerProps>;

package/dist/types/Avatar/AvatarIcon.d.ts

@@ -0,0 +1,21 @@
+import { FC, HTMLAttributes, ElementType, Ref } from 'react';
+export interface AvatarIconProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * Utilizzarlo in caso di utilizzo di componenti personalizzati, come ad esempio
+     * un link gestito da handler onClick.
+     * */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente AvatarIcon */
+    className?: string;
+    /** Le varianti di colore definite in Bootstrap Italia */
+    color?: 'primary' | 'secondary' | 'green' | 'orange' | 'red' | string;
+    /** Le dimensioni dell'icona definite in Bootstrap Italia */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    /**
+     * Quando definito rende l'icona un link cliccabile. Nota: se definito ignora la prop Tag.
+     * */
+    href?: string;
+    /** Da utilizzare per impostare un riferimento all'elemento DOM */
+    innerRef?: Ref<HTMLElement | HTMLAnchorElement>;
+}
+export declare const AvatarIcon: FC<AvatarIconProps>;

package/dist/types/Avatar/AvatarPresence.d.ts

@@ -0,0 +1,10 @@
+import { FC, HTMLAttributes, ElementType } from 'react';
+export interface AvatarPresenceProps extends HTMLAttributes<HTMLElement> {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente AvatarPresence */
+    className?: string;
+    /** Utilizzare questo attributo per indicare il tipo di presenza dell'utente. */
+    presence: 'active' | 'busy' | 'hidden' | string;
+}
+export declare const AvatarPresence: FC<AvatarPresenceProps>;

package/dist/types/Avatar/AvatarStatus.d.ts

@@ -0,0 +1,10 @@
+import { FC, HTMLAttributes, ElementType } from 'react';
+export interface AvatarStatusProps extends HTMLAttributes<HTMLElement> {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente AvatarStatus */
+    className?: string;
+    /** Utilizzare questo attributo per indicare il tipo di stato dell'utente. */
+    status: 'approved' | 'declined' | 'notify' | string;
+}
+export declare const AvatarStatus: FC<AvatarStatusProps>;

package/dist/types/Avatar/AvatarWrapper.d.ts

@@ -0,0 +1,10 @@
+import { FC, HTMLAttributes, ElementType } from 'react';
+export interface AvatarWrapperProps extends HTMLAttributes<HTMLElement> {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente AvatarStatus */
+    className?: string;
+    /** Utilizzare questo attributo qualora si volesse utilizzare un componente AvatarExtraText all'interno dell'Avatar. */
+    extra?: 'text' | string;
+}
+export declare const AvatarWrapper: FC<AvatarWrapperProps>;

package/dist/types/Badge/Badge.d.ts

@@ -0,0 +1,19 @@
+import { FC, HTMLAttributes, ElementType, Ref, ReactChild, AnchorHTMLAttributes } from 'react';
+import { CSSModule } from 'reactstrap';
+export declare type BadgeProps = {
+    /** Le varianti di colore definite in Bootstrap Italia */
+    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | string;
+    /** Quando attivo rende i Badge arrotondati */
+    pill?: boolean;
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente Badge */
+    className?: string;
+    /** Oggetto contenente la nuova mappatura per le classi CSS. */
+    cssModule?: CSSModule;
+    /** Da utilizzare per impostare un riferimento all'elemento DOM */
+    innerRef?: Ref<HTMLElement>;
+    /** Il contenuto del badge */
+    children: ReactChild;
+} & (HTMLAttributes<HTMLElement> | AnchorHTMLAttributes<HTMLAnchorElement>);
+export declare const Badge: FC<BadgeProps>;

package/dist/types/BottomNav/BottomNav.d.ts

@@ -0,0 +1,8 @@
+import { ElementType, FC, HTMLAttributes } from 'react';
+export interface BottomNavProps extends HTMLAttributes<HTMLElement> {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente BottomNav */
+    className?: string;
+}
+export declare const BottomNav: FC<BottomNavProps>;

package/dist/types/BottomNav/BottomNavItem.d.ts

@@ -0,0 +1,29 @@
+import { ElementType, FC, HTMLAttributes, MouseEvent } from 'react';
+export interface BottomNavItemProps extends HTMLAttributes<HTMLLIElement> {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente BottomNavItem */
+    className?: string;
+    /** Quando abilitato mostra l'elemento come attivo */
+    active?: boolean;
+    /** Indica l'URL a cui puntare (utilizzare o questo o onClick) */
+    url?: string;
+    /** Etichetta da associare all'elemento */
+    label?: string;
+    /** Testo esplicativo per dispositivi screen reader. */
+    srText?: string;
+    /** Icona da utilizzare per l'elemento */
+    iconName?: string;
+    /** Quando abilitato indica una sezione che richiede attenzione o presenta nuovi contenuti */
+    alert?: boolean;
+    /** Visualizza dei badge con indicazioni numeriche in alto a destra dell'icona */
+    badge?: number;
+    /** Da utilizzare al posto di url quando la gestione del click è in JS */
+    onLinkClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    /**
+     * Indica l'URL a cui far puntare il componente BottomNavItem.
+     * @deprecated. Usare `url` o `onLinkClick`
+     * */
+    link?: string;
+}
+export declare const BottomNavItem: FC<BottomNavItemProps>;

package/dist/types/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,19 @@
+import { ElementType, FC, HTMLAttributes } from 'react';
+import { CSSModule } from 'reactstrap';
+export interface BreadcrumbProps extends HTMLAttributes<HTMLDivElement> {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati per la l'elemento lista interno */
+    listTag?: ElementType;
+    /** Classi aggiuntive da usare per il componente Nav */
+    className?: string;
+    /** Classi aggiuntive da usare per il componente di lista interno */
+    listClassName?: string;
+    /** Oggetto contenente la nuova mappatura per le classi CSS. */
+    cssModule?: CSSModule;
+    /** Indica se si vuole la versione con fondo scuro */
+    dark?: boolean;
+    /** Etichetta significativa per descrivere il tipo di navigazione */
+    'aria-label'?: string;
+}
+export declare const Breadcrumb: FC<BreadcrumbProps>;

package/dist/types/Button/Button.d.ts

@@ -0,0 +1,24 @@
+import { FC, ButtonHTMLAttributes, ElementType, Ref } from 'react';
+import type { CSSModule } from 'reactstrap';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Quando abilitato, estende il componente Button fino a prendere tutta la larghezza disponibile */
+    block?: boolean;
+    /** Utilizzarlo disabilitare il colore di sfondo, ed applicarlo invece al bordo.  */
+    outline?: boolean;
+    /** Utilizzarlo in caso di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente Button */
+    className?: string;
+    /** Oggetto contenente la nuova mappatura per le classi CSS. */
+    cssModule?: CSSModule;
+    innerRef?: Ref<HTMLButtonElement>;
+    /** Da utilizzare si usa una icona nel contenuto del Button */
+    icon?: boolean;
+    /** Da utilizzare per le varianti di dimensione del componente Button */
+    size?: 'lg' | 'sm' | 'xs';
+    /** Da utilizzare per i bottoni di chiusura all'interno di altri componenti (i.e. Chips, Modali, etc...) */
+    close?: boolean;
+    active?: boolean;
+    href?: string;
+}
+export declare const Button: FC<ButtonProps>;

package/dist/types/Callout/Callout.d.ts

@@ -0,0 +1,14 @@
+import { FC, ElementType, HTMLAttributes } from 'react';
+export interface CalloutProps extends HTMLAttributes<HTMLElement> {
+    /** Classi aggiuntive per il componente */
+    className?: string;
+    /** Permette di dichiarare il colore del bordo e del titolo */
+    color?: 'success' | 'warning' | 'danger' | 'note' | 'important' | string;
+    /** Permette personalizzare il tag utilizzato per il Callout (diverso da "div"). Accetta sia tag HTML che componenti React. */
+    tag?: ElementType;
+    /** Abilita il Callout di tipo Highlight */
+    highlight?: boolean;
+    /** Abilita il Callout di tipo Approfondimento */
+    detailed?: boolean;
+}
+export declare const Callout: FC<CalloutProps>;

package/dist/types/Callout/CalloutText.d.ts

@@ -0,0 +1,10 @@
+import { FC, ElementType, HTMLAttributes } from 'react';
+export interface CalloutTextProps extends HTMLAttributes<HTMLElement> {
+    /** Aumenta la dimensione del testo nel paragrafo contenuto  */
+    bigText?: boolean;
+    /** Classi aggiuntive per il componente */
+    className?: string;
+    /** Permette personalizzare il tag utilizzato per il contenitore del titolo (diverso da "div"). Accetta sia tag HTML che componenti React. */
+    tag?: ElementType;
+}
+export declare const CalloutText: FC<CalloutTextProps>;

package/dist/types/Callout/CalloutTitle.d.ts

@@ -0,0 +1,8 @@
+import { FC, ElementType, HTMLAttributes } from 'react';
+export interface CalloutTitleProps extends HTMLAttributes<HTMLElement> {
+    /** Classi aggiuntive per il componente */
+    className?: string;
+    /** Permette personalizzare il tag utilizzato per il contenitore del titolo (diverso da "div"). Accetta sia tag HTML che componenti React. */
+    tag?: ElementType;
+}
+export declare const CalloutTitle: FC<CalloutTitleProps>;

package/dist/types/Card/Card.d.ts

@@ -0,0 +1,21 @@
+import { FC, HTMLAttributes, ElementType, Ref } from 'react';
+import { CSSModule } from 'reactstrap';
+export interface CardProps extends HTMLAttributes<HTMLElement> {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente Card */
+    className?: string;
+    /** Da utilizzare per impostare un riferimento all'elemento DOM */
+    innerRef?: Ref<HTMLElement>;
+    /** Oggetto contenente la nuova mappatura per le classi CSS. */
+    cssModule?: CSSModule;
+    /** Abilita la versione teaser della Card */
+    teaser?: boolean;
+    /** Quando attivo distanzia la Card nella versione mobile */
+    spacing?: boolean;
+    /** Quando attivo rimuove il componente contenitore della carta. Utile per card multiple nello stesso contenitore */
+    noWrapper?: boolean;
+    /** Classi aggiuntive per l'elemento contenitore */
+    wrapperClassName?: string;
+}
+export declare const Card: FC<CardProps>;

package/dist/types/Card/CardBody.d.ts

@@ -0,0 +1,13 @@
+import { FC, HTMLAttributes, ElementType, Ref } from 'react';
+import { CSSModule } from 'reactstrap';
+export interface CardBodyProps extends HTMLAttributes<HTMLElement> {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente Card */
+    className?: string;
+    /** Da utilizzare per impostare un riferimento all'elemento DOM */
+    innerRef?: Ref<HTMLElement>;
+    /** Oggetto contenente la nuova mappatura per le classi CSS. */
+    cssModule?: CSSModule;
+}
+export declare const CardBody: FC<CardBodyProps>;

package/dist/types/Card/CardCategory.d.ts

@@ -0,0 +1,12 @@
+import { FC, HTMLAttributes, MouseEvent } from 'react';
+export interface CardCategoryProps extends HTMLAttributes<HTMLElement> {
+    /** Mostra un'icona nella Card. Passare il nome dell'icona per utilizzarlo. */
+    iconName?: string;
+    /** Mostra la data nella Card. Passare una data già formattata come stringa. */
+    date?: string;
+    /** Se usato come link, passare l'URL target. */
+    href?: string;
+    /** Da utilizzare al posto di url quando la gestione del click è in JS */
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+}
+export declare const CardCategory: FC<CardCategoryProps>;

package/dist/types/Card/CardFooterCTA.d.ts

@@ -0,0 +1,8 @@
+import { FC, HTMLAttributes, ElementType } from 'react';
+export interface CardFooterCTAProps extends HTMLAttributes<HTMLElement> {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente CardFooterCTA*/
+    className?: string;
+}
+export declare const CardFooterCTA: FC<CardFooterCTAProps>;

package/dist/types/Card/CardReadMore.d.ts

@@ -0,0 +1,14 @@
+import { FC, HTMLAttributes, ElementType } from 'react';
+export interface CardReadMoreProps extends HTMLAttributes<HTMLElement> {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente CardReadMore*/
+    className?: string;
+    /** Il contenuto in testo da mostrare */
+    text: string;
+    /** Passare l'URL target. */
+    href?: string;
+    /** Mostra un'icona nella Card per l'azione "Leggi di più". Passare il nome dell'icona per utilizzarlo. */
+    iconName?: string;
+}
+export declare const CardReadMore: FC<CardReadMoreProps>;

package/dist/types/Card/CardSignature.d.ts

@@ -0,0 +1,8 @@
+import { FC, HTMLAttributes, ElementType } from 'react';
+export interface CardSignatureProps extends HTMLAttributes<HTMLElement> {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente CardSignature*/
+    className?: string;
+}
+export declare const CardSignature: FC<CardSignatureProps>;

package/dist/types/Card/CardTag.d.ts

@@ -0,0 +1,8 @@
+import { AnchorHTMLAttributes, FC, ElementType } from 'react';
+export interface CardTagProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente CardTag*/
+    className?: string;
+}
+export declare const CardTag: FC<CardTagProps>;

package/dist/types/Card/CardTagsHeader.d.ts

@@ -0,0 +1,10 @@
+import { FC, HTMLAttributes, ElementType } from 'react';
+export interface CardTagsHeaderProps extends HTMLAttributes<HTMLElement> {
+    /** Mostra la data nella Card. Passare una data già formattata come stringa. */
+    date?: string;
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente CardTagsHeader */
+    className?: string;
+}
+export declare const CardTagsHeader: FC<CardTagsHeaderProps>;

package/dist/types/Card/CardText.d.ts

@@ -0,0 +1,11 @@
+import { FC, HTMLAttributes, ElementType } from 'react';
+import { CSSModule } from 'reactstrap';
+export interface CardTextProps extends HTMLAttributes<HTMLElement> {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente CardText */
+    className?: string;
+    /** Oggetto contenente la nuova mappatura per le classi CSS. */
+    cssModule?: CSSModule;
+}
+export declare const CardText: FC<CardTextProps>;

package/dist/types/Card/CardTitle.d.ts

@@ -0,0 +1,8 @@
+import { FC, HTMLAttributes, ElementType } from 'react';
+export interface CardTitleProps extends HTMLAttributes<HTMLElement> {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente CardTitle */
+    className?: string;
+}
+export declare const CardTitle: FC<CardTitleProps>;

package/dist/types/Chips/Chip.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes, FC, ElementType } from 'react';
+export interface ChipProps extends HTMLAttributes<HTMLElement> {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente Chip */
+    className?: string;
+    /** Impostarlo su `true` per centrare la label all'interno */
+    simple?: boolean;
+    /** Impostarlo su `true` per una versione più grande del componente Chip. */
+    large?: boolean;
+    /** Impostarlo su `true` per renderizzare il componente Chip come disabilitato */
+    disabled?: boolean;
+    /** Le varianti di colore definite in Bootstrap Italia */
+    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | string;
+}
+export declare const Chip: FC<ChipProps>;

package/dist/types/Chips/ChipLabel.d.ts

@@ -0,0 +1,8 @@
+import { ElementType, FC, HTMLAttributes } from 'react';
+export interface ChipLabelProps extends HTMLAttributes<HTMLElement> {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente ChipLabel */
+    className?: string;
+}
+export declare const ChipLabel: FC<ChipLabelProps>;

package/dist/types/Collapse/Collapse.d.ts

@@ -0,0 +1,38 @@
+import { ElementType, FC, HTMLAttributes, Ref } from 'react';
+import { CSSModule } from 'reactstrap';
+export interface CollapseProps extends HTMLAttributes<HTMLElement> {
+    /** Indica se il menu HeaderNav sia aperto o meno. Usato unicamente nel caso della HeaderNav, ovvero con navbar e header entrambi true */
+    isOpen?: boolean;
+    /** Oggetto contenente la nuova mappatura per le classi CSS. */
+    cssModule?: CSSModule;
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Indica se il componente Collapse è usato all'interno di un componente navbar */
+    navbar?: boolean;
+    /** Indica se il componente Collapse ha al suo interno un Megamenu */
+    megamenu?: boolean;
+    /** Indica se il componente Collapse è usato all'interno di un componente Header */
+    header?: boolean;
+    delay?: {
+        show: number;
+        hide: number;
+    };
+    /** Funzione chiamata all'apertura del componente Collapse */
+    onOpened?: () => void;
+    /** Funzione chiamata alla chiusura del componente Collapse */
+    onClosed?: () => void;
+    /** Funzione chiamata durante la trasizione di apertura del componente Collapse */
+    onEntering?: () => void;
+    /** Funzione chiamata al termine della trasizione di apertura del componente Collapse */
+    onEntered?: () => void;
+    onExit?: () => void;
+    /** Funzione chiamata durante la trasizione di chiusura del componente Collapse */
+    onExiting?: () => void;
+    /** Funzione chiamata al termine della trasizione di chiusura del componente Collapse */
+    onExited?: () => void;
+    /** Funzione chiamata su click di overlay dell'HeaderNav aperto. Usato unicamente nel caso della HeaderNav, ovvero con navbar e header entrambi true */
+    onOverlayClick?: () => void;
+    /** Da utilizzare per impostare un riferimento all'elemento DOM */
+    innerRef?: Ref<HTMLElement>;
+}
+export declare const Collapse: FC<CollapseProps>;

package/dist/types/CookieBar/CookieBar.d.ts

@@ -0,0 +1,8 @@
+import { ElementType, FC, HTMLAttributes } from 'react';
+export interface CookieBarProps extends HTMLAttributes<HTMLElement> {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente Cookie */
+    className?: string;
+}
+export declare const CookieBar: FC<CookieBarProps>;

package/dist/types/CookieBar/CookieBarButton.d.ts

@@ -0,0 +1,8 @@
+import { ElementType, FC, ButtonHTMLAttributes, AnchorHTMLAttributes } from 'react';
+export declare type CookieBarButtonProps = {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente CookieBarButton */
+    className?: string;
+} & (ButtonHTMLAttributes<HTMLButtonElement> | AnchorHTMLAttributes<HTMLAnchorElement>);
+export declare const CookieBarButton: FC<CookieBarButtonProps>;

package/dist/types/CookieBar/CookieBarButtons.d.ts

@@ -0,0 +1,8 @@
+import { ElementType, FC, HTMLAttributes } from 'react';
+export interface CookieBarButtonsProps extends HTMLAttributes<HTMLElement> {
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente CookieBarButtons */
+    className?: string;
+}
+export declare const CookieBarButtons: FC<CookieBarButtonsProps>;

package/dist/types/Dimmer/Dimmer.d.ts

@@ -0,0 +1,16 @@
+import { FC, HTMLAttributes } from 'react';
+export interface DimmerProps extends HTMLAttributes<HTMLElement> {
+    /** Il nome dell'icona da mostrare. Per una lista completa vedi: @TODO-URL */
+    icon?: string;
+    /** Le varianti di colore definite in Bootstrap Italia */
+    color?: 'success' | 'warning' | 'danger' | 'note' | 'important' | string;
+    /** Classi aggiuntive da usare per il componente Dimmer */
+    className?: string;
+    /**
+     * Classi aggiuntive da usare per il componente contenitore del Dimmer
+     * Per replicare il comportamento precedente, in cui `className` veniva applicato anche al wrapper,
+     * passare `true`.
+     * */
+    wrapperClassName?: string | true;
+}
+export declare const Dimmer: FC<DimmerProps>;

package/dist/types/Dimmer/DimmerButtons.d.ts

@@ -0,0 +1,14 @@
+import { FC, HTMLAttributes } from 'react';
+export interface DimmerButtonsProps extends HTMLAttributes<HTMLElement> {
+    /** Le varianti di colore definite in Bootstrap Italia per il componente Dimmer */
+    color?: 'primary' | string;
+    /** Classi aggiuntive da usare per il componente Dimmer */
+    className?: string;
+    /** Da utilizzare in presenza di un singolo bottone: quando abilitato ne centra il contenuto. */
+    single?: boolean;
+    /** Da utilizzare con `false` per abilitare il precedente comportamento senza sfondo scuro.
+     * @deprecated
+     */
+    dark?: boolean;
+}
+export declare const DimmerButtons: FC<DimmerButtonsProps>;

package/dist/types/FontLoader/FontLoader.d.ts

@@ -0,0 +1,12 @@
+import { Component } from 'react';
+export interface FontLoaderProps {
+    /**
+     * Una lista di font aggiuntivi da caricare.
+     * I font di default Titillium Web, Lora and Roboto Mono vengono aggiunti a questa lista e caricati sempre.
+     * */
+    fonts?: string[];
+}
+export declare class FontLoader extends Component<FontLoaderProps> {
+    componentDidMount(): void;
+    render(): null;
+}

package/dist/types/Forward/Forward.d.ts

@@ -0,0 +1,8 @@
+import { FC, AnchorHTMLAttributes, MutableRefObject } from 'react';
+export interface ForwardProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Classi aggiuntive da usare per il componente Forward */
+    className?: string;
+    /** Riferimento al nodo a cui scorrere quando premuto */
+    scrollToRef: MutableRefObject<Element>;
+}
+export declare const Forward: FC<ForwardProps>;

package/dist/types/Grid/GridItem.d.ts

@@ -0,0 +1,8 @@
+import { ElementType, FC, HTMLAttributes } from 'react';
+export interface GridItemProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Classi aggiuntive da usare per il componente LinkListItem */
+    className?: string;
+    /** Indica il tag da utilizzare per il titolo */
+    tag?: ElementType;
+}
+export declare const GridItem: FC<GridItemProps>;

package/dist/types/Grid/GridItemText.d.ts

@@ -0,0 +1,6 @@
+import { FC, HTMLAttributes } from 'react';
+export interface GridItemTextProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Classi aggiuntive da usare per l'elemento */
+    className?: string;
+}
+export declare const GridItemText: FC<GridItemTextProps>;

package/dist/types/Grid/GridItemTextWrapper.d.ts

@@ -0,0 +1,6 @@
+import { FC, HTMLAttributes } from 'react';
+export interface GridItemTextWrapperProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Classi aggiuntive da usare per l'elemento */
+    className?: string;
+}
+export declare const GridItemTextWrapper: FC<GridItemTextWrapperProps>;