design-react-kit 5.0.0-2 → 5.0.0-4

package/src/Notification/NotificationContent.tsx

@@ -24,14 +24,14 @@ type NotificationElementProps = {
 
 export const getBorderStyleFix = (fix: NotificationCommonProps['fix']) => {
   const borderReset = ['top', 'bottom', 'right', 'left']
-    .filter((curPosition) =>
-      fix === 'left' ? curPosition !== 'right' : curPosition !== 'left'
-    )
+    .filter((curPosition) => (fix === 'left' ? curPosition !== 'right' : curPosition !== 'left'))
     .map(
       (borderPosition) =>
-        `border${
-          borderPosition[0].toUpperCase() + borderPosition.substring(1)
-        }` as 'borderTop' | 'borderBottom' | 'borderLeft' | 'borderRight'
+        `border${borderPosition[0].toUpperCase() + borderPosition.substring(1)}` as
+          | 'borderTop'
+          | 'borderBottom'
+          | 'borderLeft'
+          | 'borderRight'
     );
 
   const customStyle: CSSProperties = {};
@@ -66,17 +66,10 @@ function pickIcon(state: NotificationToastProps['state']) {
   }
 }
 
-function NotificationElement({
-  closeToast,
-  toastProps,
-  title,
-  body,
-  options
-}: NotificationElementProps) {
+function NotificationElement({ closeToast, toastProps, title, body, options }: NotificationElementProps) {
   const globalFix = usePosition();
   const { icon: userIcon, state, fix: localFix, dismissable } = options;
-  const fixPosition =
-    localFix == null && globalFix ? globalFix : localFix || globalFix;
+  const fixPosition = localFix == null && globalFix ? globalFix : localFix || globalFix;
   const { autoClose, style } = toastProps;
   const content = typeof body === 'string' ? <p>{body}</p> : body;
   const icon = userIcon || pickIcon(state);
@@ -125,11 +118,5 @@ export const createNotification = (
   closeToast?: () => void,
   toastProps?: any
 ) => (
-  <NotificationElement
-    title={title}
-    body={body}
-    options={options}
-    closeToast={closeToast}
-    toastProps={toastProps}
-  />
+  <NotificationElement title={title} body={body} options={options} closeToast={closeToast} toastProps={toastProps} />
 );

package/src/Notification/NotificationManager.tsx

@@ -37,8 +37,7 @@ export const NotificationManager = (props: NotificationManagerProps) => {
     enableMultiContainer: props.containerId != null // enable multi container when an explicit id is passed
   };
 
-  const { getToastToRender, containerRef, isToastActive } =
-    useToastContainer(hookProps);
+  const { getToastToRender, containerRef, isToastActive } = useToastContainer(hookProps);
 
   const { containerId, style, fix } = props;
 

package/src/Notification/core.tsx

@@ -4,28 +4,17 @@ import { createNotification } from './NotificationContent';
 import type { NotificationOptions } from './NotificationContent';
 import { NotificationId } from './types';
 
-export function notify(
-  title: string,
-  options?: NotificationOptions
-): NotificationId;
+export function notify(title: string, options?: NotificationOptions): NotificationId;
 
-export function notify(
-  title: string,
-  body: ReactChild,
-  options?: NotificationOptions
-): NotificationId;
+export function notify(title: string, body: ReactChild, options?: NotificationOptions): NotificationId;
 
 export function notify(
   title: string,
   bodyOrOptions?: ReactChild | NotificationOptions,
   options?: NotificationOptions
 ): NotificationId {
-  let body: ReactChild | undefined = isReactChild(bodyOrOptions)
-    ? bodyOrOptions
-    : undefined;
-  const safeOptions = isReactChild(bodyOrOptions)
-    ? { ...options }
-    : bodyOrOptions || {};
+  let body: ReactChild | undefined = isReactChild(bodyOrOptions) ? bodyOrOptions : undefined;
+  const safeOptions = isReactChild(bodyOrOptions) ? { ...options } : bodyOrOptions || {};
   const NotificationContent = createNotification(title, body, safeOptions);
   const internalOptions = {
     ...safeOptions,
@@ -34,13 +23,8 @@ export function notify(
   return toast(NotificationContent, internalOptions) as NotificationId;
 }
 
-function isReactChild(
-  el: ReactChild | NotificationOptions | undefined
-): el is ReactChild {
-  return (
-    el != null &&
-    (typeof el === 'string' || typeof el === 'number' || 'type' in el)
-  );
+function isReactChild(el: ReactChild | NotificationOptions | undefined): el is ReactChild {
+  return el != null && (typeof el === 'string' || typeof el === 'number' || 'type' in el);
 }
 
 notify.dismiss = (id?: NotificationId) => toast.dismiss(id);

package/src/Notification/usePosition.tsx

@@ -1,8 +1,7 @@
 import { createContext, useContext } from 'react';
 import { NotificationCommonProps } from './types';
 
-export const PositionContext =
-  createContext<NotificationCommonProps['fix']>(undefined);
+export const PositionContext = createContext<NotificationCommonProps['fix']>(undefined);
 
 export function usePosition() {
   const context = useContext(PositionContext);

package/src/Pager/Pager.tsx

@@ -33,9 +33,7 @@ export const Pager: FC<PagerProps> = ({
   });
   const listClasses = classNames(listClassName, 'pagination');
   const { ariaLabel, label } = total || {};
-  const totalAriaLabel = ariaLabel ? (
-    <span className='visually-hidden'>{ariaLabel}</span>
-  ) : null;
+  const totalAriaLabel = ariaLabel ? <span className='visually-hidden'>{ariaLabel}</span> : null;
   return (
     <Tag className={classes} {...attributes} data-testid={testId}>
       <ListTag className={listClasses}>{children}</ListTag>

package/src/Progress/Progress.tsx

@@ -43,14 +43,10 @@ export const Progress: FC<ProgressProps> = ({
   }
   const numericValue = Number(value);
   const wrapperClasses = classNames('progress-bar-wrapper');
-  const secondaryWrapperClasses = classNames(
-    wrapperClassName === true ? className : wrapperClassName,
-    'progress',
-    {
-      'progress-indeterminate': indeterminate,
-      'progress-color': color
-    }
-  );
+  const secondaryWrapperClasses = classNames(wrapperClassName === true ? className : wrapperClassName, 'progress', {
+    'progress-indeterminate': indeterminate,
+    'progress-color': color
+  });
   const classes = classNames(className, 'progress-bar', {
     [`bg-${color}`]: color
   });

package/src/Rating/Rating.tsx

@@ -90,11 +90,7 @@ export const Rating: FC<RatingProps> = ({
   }
 
   const legendContent =
-    isCustomLegendObject(legend) || isLegendString ? (
-      <legend className={legendClass}>{legendText}</legend>
-    ) : (
-      legend
-    );
+    isCustomLegendObject(legend) || isLegendString ? <legend className={legendClass}>{legendText}</legend> : legend;
 
   return (
     <FormGroup

package/src/ResponsiveImage/ResponsiveImage.tsx

@@ -10,11 +10,7 @@ export interface ResponsiveImageProps extends HTMLAttributes<HTMLImageElement> {
   testId?: string;
 }
 
-export const ResponsiveImage: FC<ResponsiveImageProps> = ({
-  alt,
-  testId,
-  ...attributes
-}) => {
+export const ResponsiveImage: FC<ResponsiveImageProps> = ({ alt, testId, ...attributes }) => {
   return (
     <div className='img-responsive-wrapper' data-testid={testId}>
       <div className='img-responsive'>

package/src/Section/Section.tsx

@@ -44,20 +44,14 @@ export const Section: FC<SectionProps> = ({
   muted,
   ...rest
 }) => {
-  const classes = classNames(
-    'section',
-    wrapperClassName === true ? className : wrapperClassName,
-    {
-      [`section-${color}`]: color,
-      'section-image': image
-    }
-  );
+  const classes = classNames('section', wrapperClassName === true ? className : wrapperClassName, {
+    [`section-${color}`]: color,
+    'section-image': image
+  });
 
   if (neutral || muted) {
     notifyDeprecation(
-      `Please use the prop "color" instead of the "${
-        neutral ? 'neutral' : 'muted'
-      }" for the Section component.`
+      `Please use the prop "color" instead of the "${neutral ? 'neutral' : 'muted'}" for the Section component.`
     );
   }
 
@@ -77,12 +71,7 @@ export const Section: FC<SectionProps> = ({
   const finalWrapperClassName = classNames(classes, deprecatedClasses);
 
   return (
-    <div
-      className={finalWrapperClassName}
-      style={styleClass.backgroundImageClass}
-      data-testid={testId}
-      {...rest}
-    >
+    <div className={finalWrapperClassName} style={styleClass.backgroundImageClass} data-testid={testId} {...rest}>
       <div className={innerClasses}>{children}</div>
     </div>
   );

package/src/Select/Select.tsx

@@ -2,8 +2,7 @@ import React, { ChangeEvent, ReactElement, SelectHTMLAttributes } from 'react';
 import { Input } from 'reactstrap';
 import { InputType } from 'reactstrap/types/lib/Input';
 
-export interface SelectProps
-  extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'onChange'> {
+export interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'onChange'> {
   /**
    * Se `true` determina la disabilitazione del campo
    */
@@ -24,13 +23,7 @@ export interface SelectProps
   onChange: (selectedValue: string) => void;
 }
 
-export const Select = ({
-  id,
-  disabled = false,
-  label,
-  children,
-  onChange
-}: SelectProps) => {
+export const Select = ({ id, disabled = false, label, children, onChange }: SelectProps) => {
   const handleChange = (e: ChangeEvent<HTMLInputElement>) => {
     onChange(e.target.value);
   };

package/src/Sidebar/Sidebar.tsx

@@ -38,13 +38,7 @@ export const Sidebar: FC<SidebarProps> = ({
     'linklist-secondary': secondary
   });
   if (secondary) {
-    return (
-      <Tag
-        {...attributes}
-        className={wrapperClassesLinkList}
-        data-testid={testId}
-      />
-    );
+    return <Tag {...attributes} className={wrapperClassesLinkList} data-testid={testId} />;
   }
   return (
     <Tag className={wrapperClasses} data-testid={testId}>

package/src/Skiplink/Skiplink.tsx

@@ -9,12 +9,7 @@ export interface SkiplinkProps extends HTMLAttributes<HTMLElement> {
   testId?: string;
 }
 
-export const Skiplink: FC<SkiplinkProps> = ({
-  className,
-  tag = 'div',
-  testId,
-  ...attributes
-}) => {
+export const Skiplink: FC<SkiplinkProps> = ({ className, tag = 'div', testId, ...attributes }) => {
   const Tag = tag;
   const classes = classNames(className, 'skiplinks');
 

package/src/Skiplink/SkiplinkItem.tsx

@@ -1,8 +1,7 @@
 import React, { FC, ElementType, AnchorHTMLAttributes } from 'react';
 import classNames from 'classnames';
 
-export interface SkiplinkItemProps
-  extends AnchorHTMLAttributes<HTMLAnchorElement> {
+export interface SkiplinkItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
   /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
   tag?: ElementType;
   /** Classi aggiuntive da usare per il componente Skiplink */
@@ -20,19 +19,12 @@ export const SkiplinkItem: FC<SkiplinkItemProps> = ({
   ...attributes
 }) => {
   const Tag = tag;
-  const classes = classNames(className, 'visually-hidden', {
+  const classes = classNames(className, {
     'visually-hidden-focusable': focusable
   });
 
   // Add an extra href for focusable if the user passes an onClick rather than href prop
   const extraHref = attributes.onClick ? { href: '#' } : {};
 
-  return (
-    <Tag
-      className={classes}
-      {...attributes}
-      {...extraHref}
-      data-testid={testId}
-    />
-  );
+  return <Tag className={classes} {...attributes} {...extraHref} data-testid={testId} />;
 };

package/src/Stepper/StepperContainer.tsx

@@ -22,11 +22,6 @@ export const StepperContainer: FC<StepperContainerProps> = ({
   ...attributes
 }) => {
   const Tag = tag;
-  const wrapperClass = classNames(
-    'steppers',
-    className,
-    { 'bg-dark': dark },
-    { 'mobile-examples': mobile }
-  );
+  const wrapperClass = classNames('steppers', className, { 'bg-dark': dark }, { 'mobile-examples': mobile });
   return <Tag {...attributes} className={wrapperClass} data-testid={testId} />;
 };

package/src/Stepper/StepperContent.tsx

@@ -33,12 +33,7 @@ const contentStyleDark = {
   opacity: 0.5
 };
 
-export const StepperContent: FC<StepperContentProps> = ({
-  tag = 'div',
-  className,
-  dark,
-  ...attributes
-}) => {
+export const StepperContent: FC<StepperContentProps> = ({ tag = 'div', className, dark, ...attributes }) => {
   const Tag = tag;
   const classes = classNames('steppers-content', className);
   return (

package/src/Stepper/StepperDots.tsx

@@ -11,12 +11,7 @@ export interface StepperDotsProps extends HTMLAttributes<HTMLElement> {
   testId?: string;
 }
 
-export const StepperDots: FC<StepperDotsProps> = ({
-  tag = 'ul',
-  className,
-  testId,
-  ...attributes
-}) => {
+export const StepperDots: FC<StepperDotsProps> = ({ tag = 'ul', className, testId, ...attributes }) => {
   const Tag = tag;
   const wrapperClass = classNames('steppers-dots', className);
   return <Tag {...attributes} className={wrapperClass} data-testid={testId} />;

package/src/Stepper/StepperHeader.tsx

@@ -9,13 +9,7 @@ export interface StepperHeaderProps extends HTMLAttributes<HTMLElement> {
   testId?: string;
 }
 
-export const StepperHeader: FC<StepperHeaderProps> = ({
-  tag = 'div',
-  testId,
-  className,
-  children,
-  ...attributes
-}) => {
+export const StepperHeader: FC<StepperHeaderProps> = ({ tag = 'div', testId, className, children, ...attributes }) => {
   const Tag = tag;
   const wrapperClass = classNames('steppers-header', className);
   // @ts-ignore not recognize children's props

package/src/Stepper/StepperHeaderElement.tsx

@@ -11,8 +11,7 @@ const variants = {
   'steppers-index': 'steppers-index'
 } as const;
 
-export interface StepperHeaderElementProps
-  extends HTMLAttributes<HTMLLIElement> {
+export interface StepperHeaderElementProps extends HTMLAttributes<HTMLLIElement> {
   /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
   tag?: ElementType;
   /** Classi aggiuntive da usare per il componente StepperHeader */
@@ -56,13 +55,9 @@ export const StepperHeaderElement: FC<StepperHeaderElementProps> = ({
   ...attributes
 }) => {
   const Tag = tag;
-  const wrapperClasses = classNames(
-    variant ? variants[variant] : '',
-    className,
-    {
-      'no-line': noLine
-    }
-  );
+  const wrapperClasses = classNames(variant ? variants[variant] : '', className, {
+    'no-line': noLine
+  });
   const iconClass = classNames('icon', 'steppers-success');
   const spanClass = classNames('steppers-number');
 

package/src/Stepper/StepperNav.tsx

@@ -9,12 +9,7 @@ export interface StepperNavProps extends HTMLAttributes<HTMLElement> {
   testId?: string;
 }
 
-export const StepperNav: FC<StepperNavProps> = ({
-  tag = 'nav',
-  testId,
-  className,
-  ...attributes
-}) => {
+export const StepperNav: FC<StepperNavProps> = ({ tag = 'nav', testId, className, ...attributes }) => {
   const Tag = tag;
   const wrapperClass = classNames('steppers-nav', className);
   return <Tag {...attributes} className={wrapperClass} data-testid={testId} />;

package/src/ThumbNav/ThumbNav.tsx

@@ -26,8 +26,7 @@ export const ThumbNav: FC<ThumbNavProps> = ({
   const classes = classNames('thumb-nav', {
     'thumb-nav-fixed': fixedWidth,
     'thumb-nav-small': isSmall,
-    'thumb-nav-vertical':
-      isVertical || position === 'left' || position === 'right',
+    'thumb-nav-vertical': isVertical || position === 'left' || position === 'right',
     'thumb-nav-nozoom': noZoomOnHover,
     [`thumb-nav-${overlayOnHover}`]: overlayOnHover,
     [`thumb-nav-${position}`]: position,

package/src/ThumbNav/ThumbNavItem.tsx

@@ -21,12 +21,7 @@ export const ThumbNavItem: FC<ThumbNavItemProps> = ({
 
   return (
     <li {...attributes} data-testid={testId}>
-      <img
-        src={'https://picsum.photos/240/160?image=1056'}
-        className='thumb-nav-resizer'
-        aria-hidden='true'
-        alt=''
-      />
+      <img src={'https://picsum.photos/240/160?image=1056'} className='thumb-nav-resizer' aria-hidden='true' alt='' />
       <a href={targetUrl} className={classes}>
         <img src={imageUrl} alt={actionDescription} />
       </a>

package/src/Timeline/TimelinePin.tsx

@@ -52,9 +52,7 @@ export const TimelinePin: FC<TimelinePinProps> = ({
     </div>
   );
 
-  const pinTextNow = now && (
-    <span className='it-now-label d-none d-lg-flex'>{nowText}</span>
-  );
+  const pinTextNow = now && <span className='it-now-label d-none d-lg-flex'>{nowText}</span>;
 
   return (
     <div className={classes} data-testid={testId}>

package/src/Toolbar/Toolbar.tsx

@@ -10,14 +10,7 @@ export interface ToolbarProps extends HTMLAttributes<HTMLElement> {
   vertical?: boolean;
 }
 
-export const Toolbar: FC<ToolbarProps> = ({
-  tag = 'nav',
-  size,
-  testId,
-  children,
-  vertical,
-  ...attributes
-}) => {
+export const Toolbar: FC<ToolbarProps> = ({ tag = 'nav', size, testId, children, vertical, ...attributes }) => {
   const Tag = tag;
   const classes = classnames('toolbar', {
     [`toolbar-${size}`]: size && size !== 'large',

package/src/Toolbar/ToolbarDividerItem.tsx

@@ -1,5 +1,3 @@
 import React from 'react';
 
-export const ToolbarDividerItem = () => (
-  <li className='toolbar-divider' aria-hidden={true} />
-);
+export const ToolbarDividerItem = () => <li className='toolbar-divider' aria-hidden={true} />;

package/src/Toolbar/ToolbarItem.tsx

@@ -1,10 +1,4 @@
-import React, {
-  ElementType,
-  FC,
-  HTMLAttributes,
-  MouseEvent,
-  useContext
-} from 'react';
+import React, { ElementType, FC, HTMLAttributes, MouseEvent, useContext } from 'react';
 import classNames from 'classnames';
 import { Icon } from '../Icon/Icon';
 import { SizeContext, ToolbarProps } from './Toolbar';
@@ -107,9 +101,7 @@ function ToolbarItemLabel({
   ) : (
     <span className='toolbar-label'>
       {label}
-      {badge?.label ? (
-        <span className='visually-hidden'>{badge.label}</span>
-      ) : null}
+      {badge?.label ? <span className='visually-hidden'>{badge.label}</span> : null}
     </span>
   );
 }
@@ -139,30 +131,18 @@ export const ToolbarItem: FC<ToolbarItemProps> = ({
   const ariaAttributes = {
     ...(disabled && { 'aria-disabled': true })
   };
-  const badgeObject =
-    typeof badge === 'number'
-      ? { value: badge, label: srText || '', srText: srText || '' }
-      : badge;
+  const badgeObject = typeof badge === 'number' ? { value: badge, label: srText || '', srText: srText || '' } : badge;
 
   const toolbarItemContent = (
     <>
       {badgeObject ? (
         <div className='badge-wrapper'>
-          <span className='toolbar-badge'>
-            {size !== 'large' ? null : badgeObject.value}
-          </span>
-          {size !== 'large' && (
-            <span className='visually-hidden'>{badgeObject.srText}</span>
-          )}
+          <span className='toolbar-badge'>{size !== 'large' ? null : badgeObject.value}</span>
+          {size !== 'large' && <span className='visually-hidden'>{badgeObject.srText}</span>}
         </div>
       ) : null}
       <Icon icon={iconName} size={size === 'small' ? 'sm' : ''} />
-      <ToolbarItemLabel
-        label={label}
-        size={size}
-        disabled={disabled}
-        badge={badgeObject}
-      />
+      <ToolbarItemLabel label={label} size={size} disabled={disabled} badge={badgeObject} />
     </>
   );
 

package/src/index.tsx

@@ -87,14 +87,7 @@ export { CardTagsHeader } from './Card/CardTagsHeader';
 export { CardSignature } from './Card/CardSignature';
 export { CardFooterCTA } from './Card/CardFooterCTA';
 export { CardReadMore } from './Card/CardReadMore';
-export { Collapse } from './Collapse/Collapse';
-export {
-  GridItem,
-  GridItemText,
-  GridItemTextWrapper,
-  GridList,
-  GridRow
-} from './Grid/index';
+export { GridItem, GridItemText, GridItemTextWrapper, GridList, GridRow } from './Grid/index';
 export { Header } from './Header/Header';
 export { Headers } from './Header/Headers';
 export { HeaderBrand } from './Header/HeaderBrand';
@@ -104,20 +97,8 @@ export { HeaderRightZone } from './Header/HeaderRightZone';
 export { HeaderSearch } from './Header/HeaderSearch';
 export { HeaderSocialsZone } from './Header/HeaderSocialsZone';
 export { HeaderToggler } from './Header/HeaderToggler';
-export {
-  Hero,
-  HeroBackground,
-  HeroBody,
-  HeroButton,
-  HeroCategory,
-  HeroTitle
-} from './Hero/index';
-export {
-  Icon,
-  iconsList as icons,
-  preloadIcons,
-  clearIconCache
-} from './Icon/Icon';
+export { Hero, HeroBackground, HeroBody, HeroButton, HeroCategory, HeroTitle } from './Hero/index';
+export { Icon, iconsList as icons, preloadIcons, clearIconCache } from './Icon/Icon';
 export { Input } from './Input/Input';
 export { InputContainer } from './Input/InputContainer';
 export { TextArea } from './Input/TextArea';
@@ -145,15 +126,11 @@ export { BottomNav } from './BottomNav/BottomNav';
 export { BottomNavItem } from './BottomNav/BottomNavItem';
 export { ThumbNav } from './ThumbNav/ThumbNav';
 export { ThumbNavItem } from './ThumbNav/ThumbNavItem';
-export { CookieBar } from './CookieBar/CookieBar';
-export { CookieBarButtons } from './CookieBar/CookieBarButtons';
-export { CookieBarButton } from './CookieBar/CookieBarButton';
 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 { TimeInput } from './Input/TimeInput';
 export { Timeline } from './Timeline/TimelineWrapper';
 export { TimelinePin } from './Timeline/TimelinePin';
 export { Select } from './Select/Select';
@@ -164,11 +141,7 @@ 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 { NotificationManager, notify, createNotification } from './Notification';
 export { Toolbar } from './Toolbar/Toolbar';
 export { ToolbarItem } from './Toolbar/ToolbarItem';
 export { ToolbarDividerItem } from './Toolbar/ToolbarDividerItem';
@@ -202,7 +175,6 @@ 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 { CollapseProps } from './Collapse/Collapse';
 export type {
   GridItemProps,
   GridItemTextProps,
@@ -255,9 +227,6 @@ 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 { CookieBarProps } from './CookieBar/CookieBar';
-export type { CookieBarButtonsProps } from './CookieBar/CookieBarButtons';
-export type { CookieBarButtonProps } from './CookieBar/CookieBarButton';
 export type { ChipProps } from './Chips/Chip';
 export type { ChipLabelProps } from './Chips/ChipLabel';
 export type { FontLoaderProps } from './FontLoader/FontLoader';
@@ -273,13 +242,7 @@ 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 { TimeInputProps } from './Input/TimeInput';
+export type { NotificationId, NotificationProps, NotificationManagerProps, NotificationOptions } from './Notification';
 export type { ToolbarProps } from './Toolbar/Toolbar';
 export type { ToolbarItemProps, ToolbarItemBadge } from './Toolbar/ToolbarItem';
 
@@ -337,9 +300,4 @@ export type {
   UncontrolledDropdownProps,
   UncontrolledTooltipProps
 } from 'reactstrap';
-export type {
-  useNavScrollArgs,
-  useNavScrollResult,
-  RegisterOptions,
-  ChangesType
-} from 'react-use-navscroll';
+export type { useNavScrollArgs, useNavScrollResult, RegisterOptions, ChangesType } from 'react-use-navscroll';