design-react-kit 5.0.0-9 → 5.0.0

package/dist/types/index.d.ts

@@ -1,40 +1,49 @@
-export { Container, Row, Col, Navbar, NavbarBrand, NavbarToggler, NavItem, NavLink, BreadcrumbItem, ButtonDropdown, ButtonGroup, ButtonToolbar, Dropdown, DropdownItem, DropdownMenu, DropdownToggle, Fade, CardLink, CardGroup, CardDeck, CardColumns, CardFooter, CardHeader, CardImg, CardImgOverlay, CardSubtitle, Popover, PopoverBody, PopoverHeader, Tooltip, Table, ListGroup, Form, FormFeedback, FormGroup, FormText, InputGroup, InputGroupText, Label, Media, PaginationItem as PagerItem, PaginationLink as PagerLink, TabContent, TabPane, ListGroupItem, ListGroupItemText, ListGroupItemHeading, UncontrolledAlert, UncontrolledButtonDropdown, UncontrolledCollapse, UncontrolledDropdown, UncontrolledTooltip, Util } from 'reactstrap';
-export { useNavScroll } from 'react-use-navscroll';
-export { Alert } from './Alert/Alert';
+export { BreadcrumbItem, ButtonGroup, ButtonToolbar, CardColumns, CardDeck, CardFooter, CardGroup, CardHeader, CardImg, CardImgOverlay, CardLink, CardSubtitle, Col, Container, Fade, Form, FormFeedback, FormGroup, FormText, InputGroup, InputGroupText, Label, ListGroup, ListGroupItem, ListGroupItemHeading, ListGroupItemText, Media, NavItem, NavLink, Navbar, NavbarBrand, NavbarToggler, PaginationItem as PagerItem, PaginationLink as PagerLink, Popover, PopoverBody, PopoverHeader, Row, TabContent, TabPane, Table, Tooltip, UncontrolledAlert, UncontrolledCollapse, UncontrolledTooltip, Util } from 'reactstrap';
 export { Accordion } from './Accordion/Accordion';
-export { AccordionItem } from './Accordion/AccordionItem';
-export { AccordionHeader } from './Accordion/AccordionHeader';
 export { AccordionBody } from './Accordion/AccordionBody';
+export { AccordionHeader } from './Accordion/AccordionHeader';
+export { AccordionItem } from './Accordion/AccordionItem';
+export { Alert } from './Alert/Alert';
 export { AvatarContainer } from './Avatar/AvatarContainer';
-export { AvatarGroupContainer } from './Avatar/AvatarGroupContainer';
 export { AvatarExtraText } from './Avatar/AvatarExtraText';
+export { AvatarGroupContainer } from './Avatar/AvatarGroupContainer';
 export { AvatarIcon } from './Avatar/AvatarIcon';
 export { AvatarPresence } from './Avatar/AvatarPresence';
 export { AvatarStatus } from './Avatar/AvatarStatus';
 export { AvatarWrapper } from './Avatar/AvatarWrapper';
 export { BackToTop } from './BackToTop/BackToTop';
 export { Badge } from './Badge/Badge';
+export { BottomNav } from './BottomNav/BottomNav';
+export { BottomNavItem } from './BottomNav/BottomNavItem';
 export { Breadcrumb } from './Breadcrumb/Breadcrumb';
 export { Button } from './Button/Button';
-export { Forward } from './Forward/Forward';
 export { Callout } from './Callout/Callout';
+export { CalloutMoreFooter } from './Callout/CalloutMoreFooter';
 export { CalloutText } from './Callout/CalloutText';
 export { CalloutTitle } from './Callout/CalloutTitle';
-export { CalloutMoreFooter } from './Callout/CalloutMoreFooter';
 export { Card } from './Card/Card';
 export { CardBody } from './Card/CardBody';
-export { CardTitle } from './Card/CardTitle';
-export { CardText } from './Card/CardText';
 export { CardCategory } from './Card/CardCategory';
-export { CardTag } from './Card/CardTag';
-export { CardTagsHeader } from './Card/CardTagsHeader';
-export { CardSignature } from './Card/CardSignature';
 export { CardFooterCTA } from './Card/CardFooterCTA';
 export { CardReadMore } from './Card/CardReadMore';
+export { CardSignature } from './Card/CardSignature';
+export { CardTag } from './Card/CardTag';
+export { CardTagsHeader } from './Card/CardTagsHeader';
+export { CardText } from './Card/CardText';
+export { CardTitle } from './Card/CardTitle';
+export { Chip } from './Chips/Chip';
+export { ChipLabel } from './Chips/ChipLabel';
 export { Collapse } from './Collapse/Collapse';
+export { Dimmer } from './Dimmer/Dimmer';
+export { DimmerButtons } from './Dimmer/DimmerButtons';
+export { Dropdown } from './Dropdown/Dropdown';
+export { DropdownMenu } from './Dropdown/DropdownMenu';
+export { DropdownToggle } from './Dropdown/DropdownToggle';
+export { FontLoader, useFontLoader } from './FontLoader/FontLoader';
+export { Forward } from './Forward/Forward';
+export { GoBack } from './GoBack/GoBack';
 export { GridItem, GridItemText, GridItemTextWrapper, GridList, GridRow } from './Grid/index';
 export { Header } from './Header/Header';
-export { Headers } from './Header/Headers';
 export { HeaderBrand } from './Header/HeaderBrand';
 export { HeaderContent } from './Header/HeaderContent';
 export { HeaderLinkZone } from './Header/HeaderLinkZone';
@@ -42,85 +51,88 @@ export { HeaderRightZone } from './Header/HeaderRightZone';
 export { HeaderSearch } from './Header/HeaderSearch';
 export { HeaderSocialsZone } from './Header/HeaderSocialsZone';
 export { HeaderToggler } from './Header/HeaderToggler';
+export { Headers } from './Header/Headers';
 export { Hero, HeroBackground, HeroBody, HeroButton, HeroCategory, HeroTitle } from './Hero/index';
-export { Icon, iconsList as icons, preloadIcons, clearIconCache } from './Icon/Icon';
+export { Icon, clearIconCache, iconsList as icons, preloadIcons } from './Icon/Icon';
 export { Input } from './Input/Input';
 export { InputContainer } from './Input/InputContainer';
 export { TextArea } from './Input/TextArea';
-export { GoBack } from './GoBack/GoBack';
 export { LinkList } from './LinkList/LinkList';
 export { LinkListItem } from './LinkList/LinkListItem';
-export { MegamenuItem } from './Megamenu/MegamenuItem';
 export { MegamenuFooter } from './Megamenu/MegamenuFooter';
 export { MegamenuHighlightColumn } from './Megamenu/MegamenuHighlightColumn';
+export { MegamenuItem } from './Megamenu/MegamenuItem';
 export { Modal } from './Modal/Modal';
-export { ModalHeader } from './Modal/ModalHeader';
 export { ModalBody } from './Modal/ModalBody';
 export { ModalFooter } from './Modal/ModalFooter';
+export { ModalHeader } from './Modal/ModalHeader';
 export { Nav } from './Nav/Nav';
+export { useNavScroll } from './NavScroll';
+export { NotificationManager, createNotification, notify } from './Notification';
 export { Pager } from './Pager/Pager';
+export { Progress } from './Progress/Progress';
 export { Rating } from './Rating/Rating';
 export { ResponsiveImage } from './ResponsiveImage/ResponsiveImage';
+export { Section } from './Section/Section';
+export { Select } from './Select/Select';
+export { Sidebar } from './Sidebar/Sidebar';
 export { Skiplink } from './Skiplink/Skiplink';
 export { SkiplinkItem } from './Skiplink/SkiplinkItem';
-export { Toggle } from './Toggle/Toggle';
-export { Sidebar } from './Sidebar/Sidebar';
-export { Progress } from './Progress/Progress';
 export { Spinner } from './Spinner/Spinner';
-export { BottomNav } from './BottomNav/BottomNav';
-export { BottomNavItem } from './BottomNav/BottomNavItem';
-export { ThumbNav } from './ThumbNav/ThumbNav';
-export { ThumbNavItem } from './ThumbNav/ThumbNavItem';
-export { Chip } from './Chips/Chip';
-export { ChipLabel } from './Chips/ChipLabel';
-export { FontLoader, useFontLoader } from './FontLoader/FontLoader';
-export { Dimmer } from './Dimmer/Dimmer';
-export { DimmerButtons } from './Dimmer/DimmerButtons';
-export { Timeline } from './Timeline/TimelineWrapper';
-export { TimelinePin } from './Timeline/TimelinePin';
-export { Select } from './Select/Select';
-export { StepperHeader } from './Stepper/StepperHeader';
 export { StepperContainer } from './Stepper/StepperContainer';
+export { StepperContent } from './Stepper/StepperContent';
+export { StepperDots } from './Stepper/StepperDots';
+export { StepperHeader } from './Stepper/StepperHeader';
 export { StepperHeaderElement } from './Stepper/StepperHeaderElement';
 export { StepperNav } from './Stepper/StepperNav';
-export { StepperDots } from './Stepper/StepperDots';
-export { StepperContent } from './Stepper/StepperContent';
-export { Section } from './Section/Section';
-export { NotificationManager, notify, createNotification } from './Notification';
+export { ThumbNav } from './ThumbNav/ThumbNav';
+export { ThumbNavItem } from './ThumbNav/ThumbNavItem';
+export { TimelinePin } from './Timeline/TimelinePin';
+export { Timeline } from './Timeline/TimelineWrapper';
+export { Toggle } from './Toggle/Toggle';
 export { Toolbar } from './Toolbar/Toolbar';
-export { ToolbarItem } from './Toolbar/ToolbarItem';
 export { ToolbarDividerItem } from './Toolbar/ToolbarDividerItem';
-export type { AlertProps } from './Alert/Alert';
+export { ToolbarItem } from './Toolbar/ToolbarItem';
 export type { AccordionProps } from './Accordion/Accordion';
-export type { AccordionHeaderProps } from './Accordion/AccordionHeader';
 export type { AccordionBodyProps } from './Accordion/AccordionBody';
+export type { AccordionHeaderProps } from './Accordion/AccordionHeader';
+export type { AlertProps } from './Alert/Alert';
 export type { AvatarContainerProps } from './Avatar/AvatarContainer';
-export type { AvatarGroupContainerProps } from './Avatar/AvatarGroupContainer';
 export type { AvatarExtraTextProps } from './Avatar/AvatarExtraText';
+export type { AvatarGroupContainerProps } from './Avatar/AvatarGroupContainer';
 export type { AvatarIconProps } from './Avatar/AvatarIcon';
 export type { AvatarPresenceProps } from './Avatar/AvatarPresence';
 export type { AvatarStatusProps } from './Avatar/AvatarStatus';
 export type { AvatarWrapperProps } from './Avatar/AvatarWrapper';
 export type { BadgeProps } from './Badge/Badge';
+export type { BottomNavProps } from './BottomNav/BottomNav';
+export type { BottomNavItemProps } from './BottomNav/BottomNavItem';
 export type { BreadcrumbProps } from './Breadcrumb/Breadcrumb';
 export type { ButtonProps } from './Button/Button';
-export type { ForwardProps } from './Forward/Forward';
 export type { CalloutProps } from './Callout/Callout';
 export type { CalloutTextProps } from './Callout/CalloutText';
 export type { CalloutTitleProps } from './Callout/CalloutTitle';
 export type { CardProps } from './Card/Card';
 export type { CardBodyProps } from './Card/CardBody';
-export type { CardTitleProps } from './Card/CardTitle';
-export type { CardTextProps } from './Card/CardText';
 export type { CardCategoryProps } from './Card/CardCategory';
-export type { CardTagProps } from './Card/CardTag';
-export type { CardTagsHeaderProps } from './Card/CardTagsHeader';
-export type { CardSignatureProps } from './Card/CardSignature';
 export type { CardFooterCTAProps } from './Card/CardFooterCTA';
 export type { CardReadMoreProps } from './Card/CardReadMore';
+export type { CardSignatureProps } from './Card/CardSignature';
+export type { CardTagProps } from './Card/CardTag';
+export type { CardTagsHeaderProps } from './Card/CardTagsHeader';
+export type { CardTextProps } from './Card/CardText';
+export type { CardTitleProps } from './Card/CardTitle';
+export type { ChipProps } from './Chips/Chip';
+export type { ChipLabelProps } from './Chips/ChipLabel';
+export type { DimmerProps } from './Dimmer/Dimmer';
+export type { DimmerButtonsProps } from './Dimmer/DimmerButtons';
+export type { DropdownProps } from './Dropdown/Dropdown';
+export type { DropdownMenuProps } from './Dropdown/DropdownMenu';
+export type { DropdownToggleProps } from './Dropdown/DropdownToggle';
+export type { FontLoaderProps } from './FontLoader/FontLoader';
+export type { ForwardProps } from './Forward/Forward';
 export type { GridItemProps, GridItemTextProps, GridItemTextWrapperProps, GridListProps, GridRowProps } from './Grid/index';
 export type { HeaderProps } from './Header/Header';
-export type { HeadersProps } from './Header/Headers';
 export type { HeaderBrandProps } from './Header/HeaderBrand';
 export type { HeaderContentProps } from './Header/HeaderContent';
 export type { HeaderLinkZoneProps } from './Header/HeaderLinkZone';
@@ -128,51 +140,45 @@ export type { HeaderRightZoneProps } from './Header/HeaderRightZone';
 export type { HeaderSearchProps } from './Header/HeaderSearch';
 export type { HeaderSocialsZoneProps } from './Header/HeaderSocialsZone';
 export type { HeaderTogglerProps } from './Header/HeaderToggler';
-export type { HeroProps, HeroBackgroundProps, HeroBodyProps, HeroButtonProps, HeroCategoryProps, HeroTitleProps } from './Hero/index';
-export type { IconProps, IconName } from './Icon/Icon';
+export type { HeadersProps } from './Header/Headers';
+export type { HeroBackgroundProps, HeroBodyProps, HeroButtonProps, HeroCategoryProps, HeroProps, HeroTitleProps } from './Hero/index';
+export type { IconName, IconProps } from './Icon/Icon';
 export type { InputProps } from './Input/Input';
 export type { InputContainerProps } from './Input/InputContainer';
 export type { TextAreaProps } from './Input/TextArea';
 export type { LinkListProps } from './LinkList/LinkList';
 export type { LinkListItemProps } from './LinkList/LinkListItem';
-export type { MegamenuItemProps } from './Megamenu/MegamenuItem';
 export type { MegamenuFooterProps } from './Megamenu/MegamenuFooter';
 export type { MegamenuHCProps } from './Megamenu/MegamenuHighlightColumn';
+export type { MegamenuItemProps } from './Megamenu/MegamenuItem';
 export type { ModalProps } from './Modal/Modal';
-export type { ModalHeaderProps } from './Modal/ModalHeader';
 export type { ModalBodyProps } from './Modal/ModalBody';
 export type { ModalFooterProps } from './Modal/ModalFooter';
+export type { ModalHeaderProps } from './Modal/ModalHeader';
 export type { NavProps } from './Nav/Nav';
+export type { NotificationId, NotificationManagerProps, NotificationOptions, NotificationProps } from './Notification';
 export type { PagerProps } from './Pager/Pager';
+export type { ProgressProps } from './Progress/Progress';
 export type { RatingProps } from './Rating/Rating';
 export type { ResponsiveImageProps } from './ResponsiveImage/ResponsiveImage';
+export type { SectionProps } from './Section/Section';
+export type { SelectProps } from './Select/Select';
+export type { SidebarProps } from './Sidebar/Sidebar';
 export type { SkiplinkProps } from './Skiplink/Skiplink';
 export type { SkiplinkItemProps } from './Skiplink/SkiplinkItem';
-export type { ToggleProps } from './Toggle/Toggle';
-export type { SidebarProps } from './Sidebar/Sidebar';
-export type { ProgressProps } from './Progress/Progress';
 export type { SpinnerProps } from './Spinner/Spinner';
-export type { BottomNavProps } from './BottomNav/BottomNav';
-export type { BottomNavItemProps } from './BottomNav/BottomNavItem';
-export type { ThumbNavProps } from './ThumbNav/ThumbNav';
-export type { ThumbNavItemProps } from './ThumbNav/ThumbNavItem';
-export type { ChipProps } from './Chips/Chip';
-export type { ChipLabelProps } from './Chips/ChipLabel';
-export type { FontLoaderProps } from './FontLoader/FontLoader';
-export type { DimmerProps } from './Dimmer/Dimmer';
-export type { DimmerButtonsProps } from './Dimmer/DimmerButtons';
-export type { TimelineProps } from './Timeline/TimelineWrapper';
-export type { TimelinePinProps } from './Timeline/TimelinePin';
-export type { StepperHeaderProps } from './Stepper/StepperHeader';
 export type { StepperContainerProps } from './Stepper/StepperContainer';
+export type { StepperContentProps } from './Stepper/StepperContent';
+export type { StepperDotsProps } from './Stepper/StepperDots';
+export type { StepperHeaderProps } from './Stepper/StepperHeader';
 export type { StepperHeaderElementProps } from './Stepper/StepperHeaderElement';
 export type { StepperNavProps } from './Stepper/StepperNav';
-export type { StepperDotsProps } from './Stepper/StepperDots';
-export type { StepperContentProps } from './Stepper/StepperContent';
-export type { SectionProps } from './Section/Section';
-export type { SelectProps } from './Select/Select';
-export type { NotificationId, NotificationProps, NotificationManagerProps, NotificationOptions } from './Notification';
+export type { ThumbNavProps } from './ThumbNav/ThumbNav';
+export type { ThumbNavItemProps } from './ThumbNav/ThumbNavItem';
+export type { TimelinePinProps } from './Timeline/TimelinePin';
+export type { TimelineProps } from './Timeline/TimelineWrapper';
+export type { ToggleProps } from './Toggle/Toggle';
 export type { ToolbarProps } from './Toolbar/Toolbar';
-export type { ToolbarItemProps, ToolbarItemBadge } from './Toolbar/ToolbarItem';
-export type { ContainerProps, RowProps, ColProps, NavbarProps, NavbarBrandProps, NavbarTogglerProps, NavItemProps, NavLinkProps, BreadcrumbItemProps, ButtonDropdownProps, ButtonGroupProps, ButtonToolbarProps, DropdownProps, DropdownItemProps, DropdownMenuProps, DropdownToggleProps, FadeProps, CardLinkProps, CardGroupProps, CardDeckProps, CardColumnsProps, CardFooterProps, CardHeaderProps, CardImgProps, CardImgOverlayProps, CardSubtitleProps, PopoverProps, PopoverBodyProps, PopoverHeaderProps, TooltipProps, TableProps, ListGroupProps, FormProps, FormFeedbackProps, FormGroupProps, FormTextProps, InputGroupProps, InputGroupTextProps, LabelProps, MediaProps, PaginationItem as PagerItemProps, PaginationLink as PagerLinkProps, TabContentProps, TabPaneProps, ListGroupItemProps, ListGroupItemTextProps, ListGroupItemHeadingProps, UncontrolledAlertProps, UncontrolledButtonDropdownProps, UncontrolledCollapseProps, UncontrolledDropdownProps, UncontrolledTooltipProps } from 'reactstrap';
-export type { useNavScrollArgs, useNavScrollResult, RegisterOptions, ChangesType } from 'react-use-navscroll';
+export type { ToolbarItemBadge, ToolbarItemProps } from './Toolbar/ToolbarItem';
+export type { BreadcrumbItemProps, ButtonDropdownProps, ButtonGroupProps, ButtonToolbarProps, CardColumnsProps, CardDeckProps, CardFooterProps, CardGroupProps, CardHeaderProps, CardImgOverlayProps, CardImgProps, CardLinkProps, CardSubtitleProps, ColProps, ContainerProps, FadeProps, FormFeedbackProps, FormGroupProps, FormProps, FormTextProps, InputGroupProps, InputGroupTextProps, LabelProps, ListGroupItemHeadingProps, ListGroupItemProps, ListGroupItemTextProps, ListGroupProps, MediaProps, NavItemProps, NavLinkProps, NavbarBrandProps, NavbarProps, NavbarTogglerProps, PaginationItem as PagerItemProps, PaginationLink as PagerLinkProps, PopoverBodyProps, PopoverHeaderProps, PopoverProps, RowProps, TabContentProps, TabPaneProps, TableProps, TooltipProps, UncontrolledAlertProps, UncontrolledCollapseProps, UncontrolledTooltipProps } from 'reactstrap';
+export type { ChangesType, RegisterOptions, useNavScrollArgs, useNavScrollResult } from './NavScroll';

package/dist/types/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var reactstrap = require('reactstrap');
-var reactUseNavscroll = require('react-use-navscroll');
-var index = require('./index-03fd4c92.js');
+var index = require('./index-dc46473e.js');
 require('react');
 require('classnames');
 require('react-transition-group');
+require('bootstrap-italia');
 require('react-stickup');
 require('is-number');
 require('react-toastify');
@@ -20,12 +20,6 @@ Object.defineProperty(exports, 'BreadcrumbItem', {
 		return reactstrap.BreadcrumbItem;
 	}
 });
-Object.defineProperty(exports, 'ButtonDropdown', {
-	enumerable: true,
-	get: function () {
-		return reactstrap.ButtonDropdown;
-	}
-});
 Object.defineProperty(exports, 'ButtonGroup', {
 	enumerable: true,
 	get: function () {
@@ -104,30 +98,6 @@ Object.defineProperty(exports, 'Container', {
 		return reactstrap.Container;
 	}
 });
-Object.defineProperty(exports, 'Dropdown', {
-	enumerable: true,
-	get: function () {
-		return reactstrap.Dropdown;
-	}
-});
-Object.defineProperty(exports, 'DropdownItem', {
-	enumerable: true,
-	get: function () {
-		return reactstrap.DropdownItem;
-	}
-});
-Object.defineProperty(exports, 'DropdownMenu', {
-	enumerable: true,
-	get: function () {
-		return reactstrap.DropdownMenu;
-	}
-});
-Object.defineProperty(exports, 'DropdownToggle', {
-	enumerable: true,
-	get: function () {
-		return reactstrap.DropdownToggle;
-	}
-});
 Object.defineProperty(exports, 'Fade', {
 	enumerable: true,
 	get: function () {
@@ -302,24 +272,12 @@ Object.defineProperty(exports, 'UncontrolledAlert', {
 		return reactstrap.UncontrolledAlert;
 	}
 });
-Object.defineProperty(exports, 'UncontrolledButtonDropdown', {
-	enumerable: true,
-	get: function () {
-		return reactstrap.UncontrolledButtonDropdown;
-	}
-});
 Object.defineProperty(exports, 'UncontrolledCollapse', {
 	enumerable: true,
 	get: function () {
 		return reactstrap.UncontrolledCollapse;
 	}
 });
-Object.defineProperty(exports, 'UncontrolledDropdown', {
-	enumerable: true,
-	get: function () {
-		return reactstrap.UncontrolledDropdown;
-	}
-});
 Object.defineProperty(exports, 'UncontrolledTooltip', {
 	enumerable: true,
 	get: function () {
@@ -332,12 +290,6 @@ Object.defineProperty(exports, 'Util', {
 		return reactstrap.Util;
 	}
 });
-Object.defineProperty(exports, 'useNavScroll', {
-	enumerable: true,
-	get: function () {
-		return reactUseNavscroll.useNavScroll;
-	}
-});
 exports.Accordion = index.Accordion;
 exports.AccordionBody = index.AccordionBody;
 exports.AccordionHeader = index.AccordionHeader;
@@ -375,6 +327,9 @@ exports.ChipLabel = index.ChipLabel;
 exports.Collapse = index.Collapse;
 exports.Dimmer = index.Dimmer;
 exports.DimmerButtons = index.DimmerButtons;
+exports.Dropdown = index.Dropdown;
+exports.DropdownMenu = index.DropdownMenu;
+exports.DropdownToggle = index.DropdownToggle;
 exports.FontLoader = index.FontLoader;
 exports.Forward = index.Forward;
 exports.GoBack = index.GoBack;
@@ -443,4 +398,5 @@ exports.icons = index.iconsList;
 exports.notify = index.notify;
 exports.preloadIcons = index.preloadIcons;
 exports.useFontLoader = index.useFontLoader;
+exports.useNavScroll = index.useNavScroll;
 //# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -23,16 +23,11 @@
   "bugs": {
     "url": "https://github.com/italia/design-react-kit/issues"
   },
-  "version": "5.0.0-9",
+  "version": "5.0.0",
   "license": "BSD-3",
   "module": "dist/esm/index.js",
-  "main": "./src/index.tsx",
-  "typings": "dist/types/index.d.ts",
-  "exports": {
-    "require": "./dist/cjs/index.js",
-    "import": "./dist/esm/index.js",
-    "default": "./dist/esm/index.js"
-  },
+  "main": "src/index.tsx",
+  "types": "dist/types/index.d.ts",
   "sideEffects": false,
   "files": [
     "dist",
@@ -48,7 +43,6 @@
   "scripts": {
     "start": "NODE_OPTIONS=--max_old_space_size=16384 npm run storybook:serve",
     "svg:import": "./scripts/import_svgs.sh",
-    "prebuild": "npm run svg:import",
     "build": "tsdx build --format cjs,esm",
     "test": "tsdx test ./src ./test --passWithNoTests --coverage",
     "test:ci": "tsdx test ./src ./test --passWithNoTests --coverage --runInBand --ci",
@@ -58,7 +52,6 @@
     "format-code": "npx prettier . --write",
     "size": "size-limit",
     "analyze": "size-limit --why",
-    "prestorybook": "npm run svg:import",
     "storybook:serve": "start-storybook -p 9001 -c .storybook",
     "storybook:build": "npm run storybook:build:base --docs",
     "storybook:build:base": "build-storybook -c .storybook",
@@ -112,6 +105,7 @@
     "@svgr/webpack": "^6.4.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^11.2.6",
+    "@testing-library/react-hooks": "^8.0.1",
     "@types/is-number": "^7.0.3",
     "@types/react": "^17.0.2",
     "@types/react-dom": "^17.0.2",
@@ -121,7 +115,7 @@
     "babel-jest": "^26.6.3",
     "babel-loader": "^8.2.5",
     "babel-plugin-dynamic-import-node": "^2.3.3",
-    "bootstrap-italia": "^2.8.2",
+    "bootstrap-italia": "2.8.3",
     "browserslist-config-design-italia": "^1.0.0",
     "chromatic": "^6.8.0",
     "circular-dependency-plugin": "^5.2.2",
@@ -153,7 +147,6 @@
     "react-stickup": "^1.12.1",
     "react-toastify": "^7.0.4",
     "react-transition-group": "^4.4.5",
-    "react-use-navscroll": "0.2.0",
     "reactstrap": "9.2.2",
     "webfontloader": "^1.6.28"
   },

package/src/Dropdown/Dropdown.tsx

@@ -0,0 +1,35 @@
+import React, { ElementType, FC, HTMLAttributes } from 'react';
+import classNames from 'classnames';
+
+export interface DropdownProps extends HTMLAttributes<HTMLElement> {
+  tag?: ElementType;
+  inNavbar?: boolean;
+  textCenter?: boolean;
+  /** Classi aggiuntive da usare per il componente Button */
+  className?: string;
+  testId?: string;
+}
+
+export const Dropdown: FC<DropdownProps> = ({
+  className,
+  testId,
+  tag,
+  children,
+  inNavbar,
+  textCenter,
+  ...attributes
+}) => {
+  const classes = classNames(className, {
+    dropdown: true,
+    'text-center': textCenter,
+    'nav-item': inNavbar
+  });
+
+  const Tag = tag !== undefined ? tag : 'div';
+
+  return (
+    <Tag className={classes} data-testid={testId} {...attributes}>
+      {children}
+    </Tag>
+  );
+};

package/src/Dropdown/DropdownMenu.tsx

@@ -0,0 +1,20 @@
+import React, { FC, HTMLAttributes } from 'react';
+import classNames from 'classnames';
+
+export interface DropdownMenuProps extends HTMLAttributes<HTMLElement> {
+  /** Classi aggiuntive da usare per il componente Button */
+  className?: string;
+  testId?: string;
+}
+
+export const DropdownMenu: FC<DropdownMenuProps> = ({ className, testId, children, ...attributes }) => {
+  const classes = classNames(className, {
+    'dropdown-menu': true
+  });
+
+  return (
+    <div className={classes} data-testid={testId} {...attributes}>
+      {children}
+    </div>
+  );
+};

package/src/Dropdown/DropdownToggle.tsx

@@ -0,0 +1,63 @@
+import React, { ElementType, FC, HTMLAttributes, useEffect, useRef } from 'react';
+import classNames from 'classnames';
+import { Dropdown } from 'bootstrap-italia';
+import { Icon } from '../Icon/Icon';
+import { Button } from '../Button/Button';
+
+export interface DropdownToggleProps extends HTMLAttributes<HTMLElement> {
+  caret?: boolean;
+  tag?: ElementType;
+  color?: string;
+  inNavbar?: boolean;
+  /** Classi aggiuntive da usare per il componente Button */
+  className?: string;
+  testId?: string;
+}
+
+export const DropdownToggle: FC<DropdownToggleProps> = ({
+  className,
+  testId,
+  children,
+  caret,
+  tag = 'button',
+  inNavbar,
+  color,
+  ...attributes
+}) => {
+  const toggleRef = useRef<HTMLAnchorElement & HTMLButtonElement>(null);
+
+  const Tag = tag === 'a' || inNavbar ? 'a' : Button;
+
+  useEffect(() => {
+    if (toggleRef.current) {
+      new Dropdown(toggleRef.current as HTMLAnchorElement & HTMLButtonElement);
+    }
+  });
+  const classes = classNames(className, {
+    'btn-dropdown': Tag === 'a' && !inNavbar,
+    'dropdown-toggle': true,
+    'nav-link': inNavbar
+  });
+  const iconClasses = classNames({
+    'icon-expand': true,
+    'icon-sm': !inNavbar,
+    'icon-xs': inNavbar,
+    'ms-1': inNavbar,
+    'icon-light': Tag.valueOf() !== 'a' ? true : false
+  });
+  return (
+    <Tag
+      role={Tag.valueOf() === 'a' ? 'button' : undefined}
+      color={color}
+      ref={toggleRef}
+      className={classes}
+      data-bs-toggle='dropdown'
+      aria-haspopup='true'
+      data-testid={testId}
+      {...attributes}
+    >
+      {children}
+      {caret === true ? <Icon icon='it-expand' className={iconClasses} /> : null}
+    </Tag>
+  );
+};

package/src/Icon/assets/ItAndroid.tsx

@@ -10,16 +10,12 @@ export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement>
       width={24}
       height={24}
       viewBox='0 0 24 24'
-      fill='none'
       xmlns='http://www.w3.org/2000/svg'
       aria-labelledby={titleId}
       {...props}
     >
       {title ? <title id={titleId}>{title}</title> : null}
-      <path
-        d='M15.682 13.735a.667.667 0 1 1 .002-1.334.667.667 0 0 1-.002 1.334Zm-7.364 0A.667.667 0 1 1 8.32 12.4a.667.667 0 0 1-.002 1.334Zm7.603-4.013 1.332-2.307a.277.277 0 0 0-.48-.277l-1.348 2.336A8.22 8.22 0 0 0 12 8.74a8.22 8.22 0 0 0-3.425.733L7.228 7.138a.277.277 0 0 0-.48.277L8.08 9.722C5.793 10.965 4.229 13.28 4 16.015h16c-.229-2.735-1.793-5.05-4.079-6.293Z'
-        fill='#000'
-      />
+      <path d='M15.682 13.735a.667.667 0 1 1 .002-1.334.667.667 0 0 1-.002 1.334Zm-7.364 0A.667.667 0 1 1 8.32 12.4a.667.667 0 0 1-.002 1.334Zm7.603-4.013 1.332-2.307a.277.277 0 0 0-.48-.277l-1.348 2.336A8.22 8.22 0 0 0 12 8.74a8.22 8.22 0 0 0-3.425.733L7.228 7.138a.277.277 0 0 0-.48.277L8.08 9.722C5.793 10.965 4.229 13.28 4 16.015h16c-.229-2.735-1.793-5.05-4.079-6.293Z' />
     </svg>
   );
 };

package/src/Icon/assets/ItAndroidSquare.tsx

@@ -10,7 +10,6 @@ export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement>
       width={24}
       height={24}
       viewBox='0 0 24 24'
-      fill='none'
       xmlns='http://www.w3.org/2000/svg'
       aria-labelledby={titleId}
       {...props}
@@ -20,7 +19,6 @@ export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement>
         fillRule='evenodd'
         clipRule='evenodd'
         d='M3.567 1.333h16.762a2.286 2.286 0 0 1 2.286 2.286v16.762a2.286 2.286 0 0 1-2.286 2.286H3.567a2.286 2.286 0 0 1-2.286-2.286V3.619a2.286 2.286 0 0 1 2.286-2.286ZM15.016 13.07a.667.667 0 1 0 1.334-.002.667.667 0 0 0-1.334.002Zm-7.364 0a.667.667 0 1 0 1.334-.002.667.667 0 0 0-1.334.002Zm9.6-5.654-1.331 2.307c2.286 1.243 3.85 3.558 4.079 6.293H4c.229-2.735 1.793-5.05 4.079-6.293L6.747 7.415a.277.277 0 0 1 .48-.277l1.348 2.336A8.22 8.22 0 0 1 12 8.74a8.22 8.22 0 0 1 3.425.733l1.348-2.336a.277.277 0 0 1 .48.277Z'
-        fill='#000'
       />
     </svg>
   );

package/src/Icon/assets/ItApple.tsx

@@ -10,16 +10,12 @@ export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement>
       width={24}
       height={24}
       viewBox='0 0 24 24'
-      fill='none'
       xmlns='http://www.w3.org/2000/svg'
       aria-labelledby={titleId}
       {...props}
     >
       {title ? <title id={titleId}>{title}</title> : null}
-      <path
-        d='M14.528 5.758c.593-.743.996-1.74.89-2.758-.869.043-1.93.573-2.543 1.316-.551.636-1.04 1.675-.912 2.65.975.085 1.95-.487 2.565-1.208ZM15.407 7.157c-1.417-.084-2.62.804-3.297.804s-1.713-.761-2.833-.74c-1.458.02-2.811.845-3.551 2.156-1.522 2.624-.402 6.515 1.078 8.65.719 1.058 1.585 2.222 2.726 2.18 1.079-.043 1.501-.698 2.812-.698 1.31 0 1.69.698 2.832.677 1.184-.021 1.924-1.058 2.643-2.116.824-1.205 1.162-2.368 1.183-2.432-.021-.021-2.283-.889-2.304-3.49-.021-2.178 1.776-3.214 1.86-3.278-1.014-1.5-2.6-1.67-3.15-1.713Z'
-        fill='#000'
-      />
+      <path d='M14.528 5.758c.593-.743.996-1.74.89-2.758-.869.043-1.93.573-2.543 1.316-.551.636-1.04 1.675-.912 2.65.975.085 1.95-.487 2.565-1.208ZM15.407 7.157c-1.417-.084-2.62.804-3.297.804s-1.713-.761-2.833-.74c-1.458.02-2.811.845-3.551 2.156-1.522 2.624-.402 6.515 1.078 8.65.719 1.058 1.585 2.222 2.726 2.18 1.079-.043 1.501-.698 2.812-.698 1.31 0 1.69.698 2.832.677 1.184-.021 1.924-1.058 2.643-2.116.824-1.205 1.162-2.368 1.183-2.432-.021-.021-2.283-.889-2.304-3.49-.021-2.178 1.776-3.214 1.86-3.278-1.014-1.5-2.6-1.67-3.15-1.713Z' />
     </svg>
   );
 };

package/src/Icon/assets/ItAppleSquare.tsx

@@ -10,7 +10,6 @@ export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement>
       width={24}
       height={24}
       viewBox='0 0 24 24'
-      fill='none'
       xmlns='http://www.w3.org/2000/svg'
       aria-labelledby={titleId}
       {...props}
@@ -20,7 +19,6 @@ export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement>
         fillRule='evenodd'
         clipRule='evenodd'
         d='M3.567 1.333h16.762a2.286 2.286 0 0 1 2.286 2.286v16.762a2.286 2.286 0 0 1-2.286 2.286H3.567a2.286 2.286 0 0 1-2.286-2.286V3.619a2.286 2.286 0 0 1 2.286-2.286ZM15.417 3c.107 1.019-.296 2.015-.89 2.758-.614.721-1.589 1.293-2.564 1.209-.127-.976.36-2.015.912-2.65.614-.744 1.674-1.274 2.543-1.317ZM13.13 7.664c.633-.25 1.416-.558 2.278-.507.55.043 2.135.212 3.15 1.713a.836.836 0 0 1-.034.022c-.26.17-1.847 1.209-1.827 3.256.02 2.44 2.01 3.354 2.275 3.476a.245.245 0 0 1 .029.014l-.006.019a9.416 9.416 0 0 1-1.177 2.413c-.719 1.058-1.459 2.095-2.643 2.116-.557.01-.933-.151-1.324-.319-.41-.175-.837-.358-1.508-.358-.703 0-1.15.188-1.581.37-.372.157-.73.308-1.23.328-1.142.042-2.008-1.122-2.727-2.18-1.48-2.135-2.6-6.026-1.078-8.65.74-1.31 2.093-2.135 3.55-2.157.637-.011 1.247.23 1.778.44.404.16.764.301 1.056.301.265 0 .61-.136 1.019-.297Z'
-        fill='#000'
       />
     </svg>
   );

package/src/Icon/assets/ItFigma.tsx

@@ -10,7 +10,6 @@ export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement>
       width={24}
       height={24}
       viewBox='0 0 24 24'
-      fill='none'
       xmlns='http://www.w3.org/2000/svg'
       aria-labelledby={titleId}
       {...props}