design-react-kit 5.1.0 → 5.3.0

package/src/Icon/assets/ItTiktokSquare.tsx

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-interface SVGRProps {
-  title?: string;
-  titleId?: string;
-}
+import { SVGRProps } from '.';
 export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
     <svg

package/src/Icon/assets/ItTool.tsx

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-interface SVGRProps {
-  title?: string;
-  titleId?: string;
-}
+import { SVGRProps } from '.';
 export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
     <svg

package/src/Icon/assets/ItTwitter.tsx

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-interface SVGRProps {
-  title?: string;
-  titleId?: string;
-}
+import { SVGRProps } from '.';
 export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
     <svg

package/src/Icon/assets/ItTwitterSquare.tsx

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-interface SVGRProps {
-  title?: string;
-  titleId?: string;
-}
+import { SVGRProps } from '.';
 export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
     <svg

package/src/Icon/assets/ItUnlocked.tsx

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-interface SVGRProps {
-  title?: string;
-  titleId?: string;
-}
+import { SVGRProps } from '.';
 export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
     <svg

package/src/Icon/assets/ItUpload.tsx

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-interface SVGRProps {
-  title?: string;
-  titleId?: string;
-}
+import { SVGRProps } from '.';
 export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
     <svg

package/src/Icon/assets/ItUser.tsx

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-interface SVGRProps {
-  title?: string;
-  titleId?: string;
-}
+import { SVGRProps } from '.';
 export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
     <svg

package/src/Icon/assets/ItVideo.tsx

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-interface SVGRProps {
-  title?: string;
-  titleId?: string;
-}
+import { SVGRProps } from '.';
 export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
     <svg

package/src/Icon/assets/ItVimeo.tsx

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-interface SVGRProps {
-  title?: string;
-  titleId?: string;
-}
+import { SVGRProps } from '.';
 export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
     <svg

package/src/Icon/assets/ItVimeoSquare.tsx

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-interface SVGRProps {
-  title?: string;
-  titleId?: string;
-}
+import { SVGRProps } from '.';
 export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
     <svg

package/src/Icon/assets/ItWarning.tsx

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-interface SVGRProps {
-  title?: string;
-  titleId?: string;
-}
+import { SVGRProps } from '.';
 export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
     <svg

package/src/Icon/assets/ItWarningCircle.tsx

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-interface SVGRProps {
-  title?: string;
-  titleId?: string;
-}
+import { SVGRProps } from '.';
 export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
     <svg

package/src/Icon/assets/ItWhatsapp.tsx

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-interface SVGRProps {
-  title?: string;
-  titleId?: string;
-}
+import { SVGRProps } from '.';
 export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
     <svg

package/src/Icon/assets/ItWhatsappSquare.tsx

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-interface SVGRProps {
-  title?: string;
-  titleId?: string;
-}
+import { SVGRProps } from '.';
 export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
     <svg

package/src/Icon/assets/ItWifi.tsx

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-interface SVGRProps {
-  title?: string;
-  titleId?: string;
-}
+import { SVGRProps } from '.';
 export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
     <svg

package/src/Icon/assets/ItYoutube.tsx

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-interface SVGRProps {
-  title?: string;
-  titleId?: string;
-}
+import { SVGRProps } from '.';
 export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
     <svg

package/src/Icon/assets/ItZoomIn.tsx

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-interface SVGRProps {
-  title?: string;
-  titleId?: string;
-}
+import { SVGRProps } from '.';
 export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
     <svg

package/src/Icon/assets/ItZoomOut.tsx

@@ -1,9 +1,7 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-interface SVGRProps {
-  title?: string;
-  titleId?: string;
-}
+import { SVGRProps } from '.';
+
 export const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
     <svg

package/src/Icon/assets/index.ts

@@ -694,3 +694,8 @@ export function isBundledIcon(name: string): name is IconName {
 }
 
 export const allIcons = Object.keys(iconList);
+
+export interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}

package/src/Input/Input.tsx

@@ -169,6 +169,7 @@ export const Input = ({
     }
   }, [value]);
 
+  // eslint-disable-next-line prefer-const
   let { bsSize, valid, ...rest } = attributes;
 
   const Tag = getTag({ tag, plaintext, staticInput, type });
@@ -282,7 +283,7 @@ export const Input = ({
   }
 
   const clickIncrDecr = (mode: number) => {
-    var step = parseFloat(inputRef.current?.step ? inputRef.current.step : '1');
+    let step = parseFloat(inputRef.current?.step ? inputRef.current.step : '1');
     const min = parseFloat(inputRef.current?.min ? inputRef.current.min : 'Nan');
     const max = parseFloat(inputRef.current?.max ? inputRef.current.max : 'Nan');
     step = isNaN(step) ? 1 : step;
@@ -295,7 +296,7 @@ export const Input = ({
     }
     const nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value')?.set;
     nativeInputValueSetter?.call(inputRef.current, `${newValue}`);
-    var ev2 = new Event('input', { bubbles: true });
+    const ev2 = new Event('input', { bubbles: true });
     inputRef.current?.dispatchEvent(ev2);
   };
 

package/src/List/List.tsx

@@ -0,0 +1,40 @@
+import classNames from 'classnames';
+import React, { ElementType, FC, HTMLAttributes } from 'react';
+
+export interface ListProps extends HTMLAttributes<HTMLUListElement> {
+  /** Classi aggiuntive da usare per il componente lista del List */
+  className?: string;
+  /** Classi aggiuntive da usare per il componente wrapper del List */
+  wrapperClassName?: string;
+  /**
+   * Utilizzarlo in caso di utilizzo di componenti personalizzati per il wrapper della lista.
+   * Nota: viene ignorato quando usato in lista annidate.
+   * */
+  tag?: ElementType;
+  /** Quando attivo rimuove il componente contenitore della ListList. Utile per alcuni tipi di liste annidate. */
+  noWrapper?: boolean;
+  testId?: string;
+}
+
+export const List: FC<ListProps> = ({
+  className,
+  wrapperClassName,
+  tag = 'div',
+  noWrapper,
+  testId,
+  ...attributes
+}) => {
+  const Tag = tag;
+  const wrapperClasses = classNames('it-list-wrapper', wrapperClassName);
+  const classes = classNames(className, 'it-list');
+
+  if (noWrapper) {
+    return <ul {...attributes} className={classes} data-testid={testId} />;
+  }
+
+  return (
+    <Tag className={wrapperClasses} data-testid={testId}>
+      <ul {...attributes} className={classes} />
+    </Tag>
+  );
+};

package/src/List/ListItem.tsx

@@ -0,0 +1,86 @@
+import classNames from 'classnames';
+import React, { AnchorHTMLAttributes, ElementType, FC, ReactNode } from 'react';
+
+export interface ListItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+  /** Indica se l'elemento è attivo o no */
+  active?: boolean;
+  /** Indica se l'elemento ha un avatar */
+  avatar?: ReactNode;
+  /** Indica se l'elemento ha una icona */
+  icon?: ReactNode;
+  /** Indica se l'elemento ha una immagine */
+  img?: ReactNode;
+  /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+  tag?: ElementType;
+  /** Classi aggiuntive da usare per il componente ListItem */
+  className?: string;
+  /** Classi aggiuntive da usare per l'elemento contenitore dell'item */
+  wrapperClassName?: string;
+  /** Indica il link a cui l'elemento deve puntare. */
+  href?: string;
+  /** Indica il link route a cui l'elemento deve puntare. */
+  to?: string;
+  testId?: string;
+}
+
+export const ListItem: FC<ListItemProps> & {
+  MultipleAction: typeof MultipleAction;
+} = ({
+  className,
+  active,
+  avatar,
+  icon,
+  img,
+  href,
+  tag = 'div',
+  to,
+  wrapperClassName,
+  testId,
+  children,
+  ...attributes
+}) => {
+    const Tag = tag;
+    const classes = classNames(
+      className,
+      { active },
+      'list-item'
+    ),
+      classesItem = classNames(className, {
+        'it-rounded-icon': icon,
+        'avatar size-lg': avatar,
+        'it-thumb': img
+      }),
+      leftItem = icon || avatar || img;
+
+    if (href) {
+      return (
+        <li className={wrapperClassName} data-testid={testId}>
+          <Tag>
+            <a href={href || '#'} {...attributes} className={classes}>
+              {children}
+            </a>
+          </Tag>
+        </li>
+      );
+    }
+
+    return (
+      <li className={wrapperClassName} data-testid={testId}>
+        <Tag
+          {...attributes}
+          className={classes}
+          href={href}
+          to={to}
+        >
+          {leftItem && <div className={classesItem}>{leftItem}</div>}
+          <div className="it-right-zone">{children}</div>
+        </Tag>
+      </li>
+    );
+  };
+
+const MultipleAction: FC<ListItemProps> = ({ children }) => {
+  return <span className='it-multiple'>{children}</span>
+};
+
+ListItem.MultipleAction = MultipleAction;

package/src/Modal/Modal.tsx

@@ -1,16 +1,17 @@
+import classnames from 'classnames';
 import React, { FC, HTMLAttributes } from 'react';
 import { FadeProps, Modal as InnerModal } from 'reactstrap';
 import { CSSModule } from 'reactstrap/types/lib/utils';
-import classnames from 'classnames';
 
 export interface ModalProps extends HTMLAttributes<HTMLElement> {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   [key: string]: any;
   /** Indica lo stato del modale. Valore di default: undefined. */
   isOpen?: boolean;
   autoFocus?: boolean;
   size?: string;
   /** Funzione da chiamare quando l'utente clicca sul backdrop. Valore di default: undefined. */
-  toggle?: React.KeyboardEventHandler<any> | React.MouseEventHandler<any>;
+  toggle?: React.KeyboardEventHandler<unknown> | React.MouseEventHandler<unknown>;
   keyboard?: boolean;
   backdrop?: boolean | 'static';
   /**

package/src/Modal/ModalHeader.tsx

@@ -1,10 +1,11 @@
+import classNames from 'classnames';
 import React, { FC, HTMLAttributes } from 'react';
 import { CSSModule } from 'reactstrap/types/lib/utils';
-import classNames from 'classnames';
 import { Icon } from '../Icon/Icon';
 import { mapToCssModules } from '../utils';
 
 export interface ModalHeaderProps extends HTMLAttributes<HTMLElement> {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   [key: string]: any;
   cssModule?: CSSModule;
   /** Componente che conterrà il nodo titolo. Valore di default: h5 */
@@ -12,7 +13,7 @@ export interface ModalHeaderProps extends HTMLAttributes<HTMLElement> {
   /** Componente che contenitore per l'header. Valore di default: div. */
   wrapTag?: React.ElementType;
   /** Funzione da passare al tasto di chiusura nell'intestazione. Quando questa funzione non è presente il tasto di chiusura non viene mostrato. Valore di default: undefined */
-  toggle?: React.MouseEventHandler<any>;
+  toggle?: React.MouseEventHandler<unknown>;
   /** Indica il nome dell'icona da utilizzare nel titolo. */
   icon?: string;
   /** Classi da aggiungere al nodo contenitore. */
@@ -25,9 +26,8 @@ export const ModalHeader: FC<ModalHeaderProps> = ({
   icon,
   className,
   children,
-  Util,
   toggle,
-  tag: Tag = 'h5',
+  tag: Tag = 'h2',
   wrapTag: WrapTag = 'div',
   closeAriaLabel = 'Close',
   close,
@@ -52,7 +52,7 @@ export const ModalHeader: FC<ModalHeaderProps> = ({
   return (
     <WrapTag {...props} className={classes}>
       {icon != null ? <Icon icon={icon} /> : null}
-      <Tag className={mapToCssModules('modal-title', cssModule)}>{children}</Tag>
+      <Tag className={mapToCssModules('modal-title h5', cssModule)}>{children}</Tag>
       {close || CloseButton}
     </WrapTag>
   );

package/src/NavScroll/debounce.ts

@@ -4,12 +4,12 @@
  * Code: https://github.com/dej611/react-use-navscroll
  */
 
-export const debounce = (callback: Function, wait: number) => {
+export const debounce = (callback: CallableFunction, wait: number) => {
   let timeoutId: NodeJS.Timeout;
   return (...args: unknown[]) => {
     clearTimeout(timeoutId);
     timeoutId = setTimeout(() => {
-      callback.apply(null, args);
+      callback(...args);
     }, wait);
   };
 };

package/src/NavScroll/useNavScroll.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /*
  * This work derives from the React Use Navscroll library
  * Released under the MIT license by Marco Liberati

package/src/NavScroll/useSizeDetector.ts

@@ -4,7 +4,6 @@
  * Code: https://github.com/dej611/react-use-navscroll
  */
 
-/* eslint-disable no-restricted-globals */
 import { useCallback, useEffect, useState } from 'react';
 import { debounce } from './debounce';
 import { useNavScrollArgs } from './types';

package/src/Notification/Notification.tsx

@@ -1,5 +1,5 @@
 import React, { CSSProperties, FC, PropsWithChildren, useEffect } from 'react';
-import { ToastProps, useToast, cssTransition } from 'react-toastify';
+import { cssTransition, ToastProps, useToast } from 'react-toastify';
 import { NotificationToastProps } from './NotificationContent';
 import { NotificationCommonProps } from './types';
 
@@ -20,7 +20,6 @@ export const Notification: FC<PropsWithChildren<NotificationProps>> = (props) =>
 
   useEffect(() => {
     if (!isIn) deleteToast();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isIn]);
 
   useEffect(() => {

package/src/Notification/NotificationContent.tsx

@@ -1,9 +1,10 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import classNames from 'classnames';
 import React, { CSSProperties, ReactNode } from 'react';
 import { Button } from '../Button/Button';
-import classNames from 'classnames';
 import { Icon } from '../Icon/Icon';
-import { usePosition } from './usePosition';
 import { NotificationCommonProps } from './types';
+import { usePosition } from './usePosition';
 
 export interface NotificationToastProps {
   /** Indica quale icona affiancare al titolo. */

package/src/Notification/core.tsx

@@ -1,7 +1,7 @@
 import { ReactNode, isValidElement } from 'react';
 import { toast } from 'react-toastify';
-import { createNotification } from './NotificationContent';
 import type { NotificationOptions } from './NotificationContent';
+import { createNotification } from './NotificationContent';
 import { NotificationId } from './types';
 
 export function notify(title: string, options?: NotificationOptions): NotificationId;
@@ -13,7 +13,7 @@ export function notify(
   bodyOrOptions?: ReactNode | NotificationOptions,
   options?: NotificationOptions
 ): NotificationId {
-  let body: ReactNode | undefined = isReactNode(bodyOrOptions) ? bodyOrOptions : undefined;
+  const body: ReactNode | undefined = isReactNode(bodyOrOptions) ? bodyOrOptions : undefined;
   const safeOptions = isReactNode(bodyOrOptions) ? { ...options } : bodyOrOptions || {};
   const NotificationContent = createNotification(title, body, safeOptions);
   const internalOptions = {

package/src/Progress/Progress.tsx

@@ -1,6 +1,6 @@
-import React, { FC, HTMLAttributes, ElementType } from 'react';
 import classNames from 'classnames';
 import isNumber from 'is-number';
+import React, { ElementType, FC, HTMLAttributes } from 'react';
 import { logError } from '../utils';
 
 export interface ProgressProps extends HTMLAttributes<HTMLElement> {
@@ -34,7 +34,6 @@ export const Progress: FC<ProgressProps> = ({
   indeterminate = false,
   color,
   testId,
-  role = 'progressbar',
   ...attributes
 }) => {
   const Tag = tag;

package/src/Stepper/StepperHeader.tsx

@@ -1,5 +1,5 @@
-import React, { FC, HTMLAttributes, ElementType } from 'react';
 import classNames from 'classnames';
+import React, { ElementType, FC, HTMLAttributes } from 'react';
 
 export interface StepperHeaderProps extends HTMLAttributes<HTMLElement> {
   /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
@@ -12,7 +12,7 @@ export interface StepperHeaderProps extends HTMLAttributes<HTMLElement> {
 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
+  // @ts-expect-error not recognize children's props
   const isMobile = children?.props?.variant === 'mobile';
 
   return (

package/src/Toggle/Toggle.tsx

@@ -21,9 +21,9 @@ export interface ToggleProps extends InputProps {
 export const Toggle: FC<ToggleProps> = ({ label, testId, ...rest }) => {
   return (
     <div className='toggles' data-testid={testId}>
-      <Label check>
+      <Label check for={rest.id}>
         {label}
-        <Input {...rest} type='checkbox' />
+        <Input {...rest} type='checkbox' aria-describedby={rest.id ? rest.id + 'Description' : '' } />
         <span className='lever' />
       </Label>
     </div>

package/src/index.ts

@@ -96,10 +96,10 @@ export { HeaderBrand } from './Header/HeaderBrand';
 export { HeaderContent } from './Header/HeaderContent';
 export { HeaderLinkZone } from './Header/HeaderLinkZone';
 export { HeaderRightZone } from './Header/HeaderRightZone';
+export { Headers } from './Header/Headers';
 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, clearIconCache, iconsList as icons, preloadIcons } from './Icon/Icon';
 export { Input } from './Input/Input';
@@ -107,6 +107,8 @@ export { InputContainer } from './Input/InputContainer';
 export { TextArea } from './Input/TextArea';
 export { LinkList } from './LinkList/LinkList';
 export { LinkListItem } from './LinkList/LinkListItem';
+export { List } from './List/List';
+export { ListItem } from './List/ListItem';
 export { MegamenuFooter } from './Megamenu/MegamenuFooter';
 export { MegamenuHighlightColumn } from './Megamenu/MegamenuHighlightColumn';
 export { MegamenuItem } from './Megamenu/MegamenuItem';
@@ -193,10 +195,10 @@ export type { HeaderBrandProps } from './Header/HeaderBrand';
 export type { HeaderContentProps } from './Header/HeaderContent';
 export type { HeaderLinkZoneProps } from './Header/HeaderLinkZone';
 export type { HeaderRightZoneProps } from './Header/HeaderRightZone';
+export type { HeadersProps } from './Header/Headers';
 export type { HeaderSearchProps } from './Header/HeaderSearch';
 export type { HeaderSocialsZoneProps } from './Header/HeaderSocialsZone';
 export type { HeaderTogglerProps } from './Header/HeaderToggler';
-export type { HeadersProps } from './Header/Headers';
 export type {
   HeroBackgroundProps,
   HeroBodyProps,
@@ -211,6 +213,8 @@ 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 { ListProps } from './List/List';
+export type { ListItemProps } from './List/ListItem';
 export type { MegamenuFooterProps } from './Megamenu/MegamenuFooter';
 export type { MegamenuHCProps } from './Megamenu/MegamenuHighlightColumn';
 export type { MegamenuItemProps } from './Megamenu/MegamenuItem';

package/src/transitions.ts

@@ -27,6 +27,7 @@ export const TransitionsKeys = [
   'onExited'
 ];
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const transitionStatus = {
   entering: 1,
   entered: 1,

package/src/utils.tsx

@@ -30,7 +30,7 @@ export const notifyDeprecation = (message: string, options: { once: boolean } =
 };
 
 export function mapToCssModules(className: string | null, cssModules?: Record<string, string>) {
-  let finalClassNames = className == null ? '' : className;
+  const finalClassNames = className == null ? '' : className;
   if (!cssModules) {
     return finalClassNames;
   }

package/dist/Select/shared.cjs

@@ -1,2 +0,0 @@
-"use strict";var i=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var h=(o,r)=>{for(var n in r)i(o,n,{get:r[n],enumerable:!0})},y=(o,r,n,e)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of d(r))!c.call(o,t)&&t!==n&&i(o,t,{get:()=>r[t],enumerable:!(e=l(r,t))||e.enumerable});return o};var p=o=>y(i({},"__esModule",{value:!0}),o);var u={};h(u,{styles:()=>g});module.exports=p(u);var s="#000",b="#06c",a="#435a70",m="#17324d",g={container:o=>({...o,height:"2.5rem"}),control:o=>({...o,height:"2.5rem",borderRadius:"0",borderLeft:"none",borderRight:"none",borderTop:"none",borderBottom:`solid ${a} 1px`,boxShadow:"none","&:hover":{borderBottom:`solid ${a} 1.25px`}}),dropdownIndicator:o=>({...o,fill:a}),option:(o,{isDisabled:r,isFocused:n,isSelected:e})=>({...o,background:"white",textDecoration:n||e?"underline":"none",color:e?m:b,cursor:r?"not-allowed":"pointer"}),placeholder:o=>({...o,fill:a}),singleValue:o=>({...o,color:s,fontWeight:"bold"}),valueContainer:o=>({...o,height:"2.5rem"})};0&&(module.exports={styles});
-//# sourceMappingURL=shared.cjs.map

package/dist/Select/shared.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Select/shared.tsx"],"sourcesContent":["const black = '#000';\nconst primary = '#06c';\nconst primaryDark = '#435a70';\nconst primaryDarker = '#17324d';\n\n// Types here depend of react-select internal emotion dep + more parametric stuff\n// @TODO: fix it this way for now, will review later on\nexport const styles = {\n  container: (provided: any) => ({ ...provided, height: '2.5rem' }),\n  control: (provided: any) => ({\n    ...provided,\n    height: '2.5rem',\n    borderRadius: '0',\n    borderLeft: 'none',\n    borderRight: 'none',\n    borderTop: 'none',\n    borderBottom: `solid ${primaryDark} 1px`,\n    boxShadow: 'none',\n    '&:hover': { borderBottom: `solid ${primaryDark} 1.25px` } // border style on hover\n  }),\n  dropdownIndicator: (provided: any) => ({\n    ...provided,\n    fill: primaryDark\n  }),\n  option: (provided: any, { isDisabled, isFocused, isSelected }: any) => ({\n    ...provided,\n    background: 'white',\n    textDecoration: isFocused || isSelected ? 'underline' : 'none',\n    color: isSelected ? primaryDarker : primary,\n    cursor: isDisabled ? 'not-allowed' : 'pointer'\n  }),\n  placeholder: (provided: any) => ({\n    ...provided,\n    fill: primaryDark\n  }),\n  singleValue: (provided: any) => ({\n    ...provided,\n    color: black,\n    fontWeight: 'bold'\n  }),\n  valueContainer: (provided: any) => ({\n    ...provided,\n    height: '2.5rem'\n  })\n};\n"],"mappings":"yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAMI,EAAQ,OACRC,EAAU,OACVC,EAAc,UACdC,EAAgB,UAITL,EAAS,CACpB,UAAYM,IAAmB,CAAE,GAAGA,EAAU,OAAQ,QAAS,GAC/D,QAAUA,IAAmB,CAC3B,GAAGA,EACH,OAAQ,SACR,aAAc,IACd,WAAY,OACZ,YAAa,OACb,UAAW,OACX,aAAc,SAASF,CAAW,OAClC,UAAW,OACX,UAAW,CAAE,aAAc,SAASA,CAAW,SAAU,CAC3D,GACA,kBAAoBE,IAAmB,CACrC,GAAGA,EACH,KAAMF,CACR,GACA,OAAQ,CAACE,EAAe,CAAE,WAAAC,EAAY,UAAAC,EAAW,WAAAC,CAAW,KAAY,CACtE,GAAGH,EACH,WAAY,QACZ,eAAgBE,GAAaC,EAAa,YAAc,OACxD,MAAOA,EAAaJ,EAAgBF,EACpC,OAAQI,EAAa,cAAgB,SACvC,GACA,YAAcD,IAAmB,CAC/B,GAAGA,EACH,KAAMF,CACR,GACA,YAAcE,IAAmB,CAC/B,GAAGA,EACH,MAAOJ,EACP,WAAY,MACd,GACA,eAAiBI,IAAmB,CAClC,GAAGA,EACH,OAAQ,QACV,EACF","names":["shared_exports","__export","styles","__toCommonJS","black","primary","primaryDark","primaryDarker","provided","isDisabled","isFocused","isSelected"]}