design-react-kit 5.0.0-7 → 5.0.0-9

package/package.json

@@ -23,7 +23,7 @@
   "bugs": {
     "url": "https://github.com/italia/design-react-kit/issues"
   },
-  "version": "5.0.0-7",
+  "version": "5.0.0-9",
   "license": "BSD-3",
   "module": "dist/esm/index.js",
   "main": "./src/index.tsx",
@@ -46,7 +46,7 @@
     "node": ">=14"
   },
   "scripts": {
-    "start": "npm run storybook:serve",
+    "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",
@@ -68,7 +68,7 @@
     "postversion": "echo \"You can now publish your version using 'git push --follow-tags'\""
   },
   "peerDependencies": {
-    "bootstrap-italia": "2.7.9",
+    "bootstrap-italia": "2.8.2",
     "react": ">=17.0.2"
   },
   "browserslist": [
@@ -88,7 +88,7 @@
     "./{src,stories,test}/**/*.{js,ts,tsx,jsx,mdx}": "yarn lint:staged"
   },
   "devDependencies": {
-    "@babel/core": "^7.21.0",
+    "@babel/core": "7.22.20",
     "@babel/helper-remap-async-to-generator": "^7.18.9",
     "@commitlint/cli": "^18.4.3",
     "@commitlint/config-conventional": "^18.4.3",
@@ -116,12 +116,12 @@
     "@types/react": "^17.0.2",
     "@types/react-dom": "^17.0.2",
     "@types/react-select": "^4.0.15",
-    "@types/react-transition-group": "^4.4.5",
+    "@types/react-transition-group": "^4.4.10",
     "autoprefixer": "^9.8.8",
     "babel-jest": "^26.6.3",
     "babel-loader": "^8.2.5",
     "babel-plugin-dynamic-import-node": "^2.3.3",
-    "bootstrap-italia": "^2.7.10",
+    "bootstrap-italia": "^2.8.2",
     "browserslist-config-design-italia": "^1.0.0",
     "chromatic": "^6.8.0",
     "circular-dependency-plugin": "^5.2.2",
@@ -154,7 +154,7 @@
     "react-toastify": "^7.0.4",
     "react-transition-group": "^4.4.5",
     "react-use-navscroll": "0.2.0",
-    "reactstrap": "^9.1.4",
+    "reactstrap": "9.2.2",
     "webfontloader": "^1.6.28"
   },
   "jest": {

package/src/Header/HeaderToggler.tsx

@@ -1,4 +1,4 @@
-import React, { ElementType, ButtonHTMLAttributes } from 'react';
+import React, { ElementType, ButtonHTMLAttributes, useEffect } from 'react';
 import classNames from 'classnames';
 import { NavbarToggler } from 'reactstrap';
 
@@ -31,6 +31,11 @@ export const HeaderToggler = ({ className, tag, type, testId, ...attributes }: H
     },
     className
   );
+  useEffect(() => {
+    document.querySelectorAll('.container-fluid').forEach((element) => {
+      element.classList.remove('container-fluid');
+    });
+  });
   return (
     <NavbarToggler
       className={classes}

package/src/Input/Input.tsx

@@ -74,8 +74,6 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
   normalized?: boolean;
   /** Utilizzare per mostrare il successo nella validazione del valore nel campo Input */
   valid?: boolean;
-  /** Utilizzare per mostrare il fallimento nella validazione del valore nel campo Input */
-  invalid?: boolean;
   innerRef?: Ref<HTMLInputElement>;
   /** Utilizzare per mostrare testo statico non modificabile. */
   plaintext?: boolean;
@@ -96,11 +94,6 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
   tag?: ElementType;
   /** Classi aggiuntive da usare per il componente Input */
   className?: string;
-  /**
-   * Usare "valid" o "invalid" per indicare lo stato del componente.
-   * @deprecated
-   */
-  state?: string;
   /**
    * Usare "plaintext".
    * @deprecated
@@ -116,7 +109,6 @@ export const Input = ({
   className,
   cssModule,
   type = 'text',
-  state,
   tag,
   addon,
   addonText,
@@ -165,7 +157,7 @@ export const Input = ({
     }
   }, [value]);
 
-  let { bsSize, valid, invalid, ...rest } = attributes;
+  let { bsSize, valid, ...rest } = attributes;
 
   const Tag = getTag({ tag, plaintext, staticInput, type });
   addon = addonText != null ? true : addon;
@@ -179,12 +171,7 @@ export const Input = ({
     },
     cssModule
   );
-  const validationTextControlClass = getValidationTextControlClass({ valid, invalid }, cssModule);
-
-  if (state && valid == null && invalid == null) {
-    invalid = state === 'danger';
-    valid = state === 'success';
-  }
+  const validationTextControlClass = getValidationTextControlClass({ valid }, cssModule);
 
   const extraAttributes: {
     type?: InputType;
@@ -228,7 +215,6 @@ export const Input = ({
     type,
     {
       valid,
-      invalid,
       bsSize,
       placeholder,
       value,
@@ -325,10 +311,10 @@ export const Input = ({
             ref={inputRef}
           />
           <span className='input-group-text align-buttons flex-column'>
-            <button className='input-number-add' onClick={() => clickIncrDecr(1)}>
+            <button className='input-number-add' onClick={() => clickIncrDecr(1)} type='button'>
               <span className='visually-hidden'>{incrementLabel || ''}</span>
             </button>
-            <button className='input-number-sub' onClick={() => clickIncrDecr(-1)}>
+            <button className='input-number-sub' onClick={() => clickIncrDecr(-1)} type='button'>
               <span className='visually-hidden'>{decrementLabel || ''}</span>
             </button>
           </span>

package/src/Input/TextArea.tsx

@@ -21,8 +21,6 @@ export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElemen
   normalized?: boolean;
   /** Utilizzare per mostrare il successo nella validazione del valore nel campo TextArea */
   valid?: boolean;
-  /** Utilizzare per mostrare il fallimento nella validazione del valore nel campo TextArea */
-  invalid?: boolean;
   innerRef?: Ref<HTMLTextAreaElement>;
   /** Oggetto contenente la nuova mappatura per le classi CSS. */
   cssModule?: CSSModule;
@@ -46,7 +44,6 @@ export const TextArea = ({
   value,
   wrapperClassName: originalWrapperClass,
   valid,
-  invalid,
   testId,
   ...attributes
 }: TextAreaProps) => {
@@ -55,7 +52,7 @@ export const TextArea = ({
     onBlur: attributes.onBlur
   });
 
-  const validationTextControlClass = getValidationTextControlClass({ valid, invalid }, cssModule);
+  const validationTextControlClass = getValidationTextControlClass({ valid }, cssModule);
 
   const extraAttributes: { ['aria-describedby']?: string } = {};
 
@@ -71,7 +68,6 @@ export const TextArea = ({
     'textarea',
     {
       valid,
-      invalid,
       placeholder,
       value,
       label,

package/src/Input/utils.tsx

@@ -4,7 +4,7 @@ import type { CSSModule } from 'reactstrap/types/lib/utils';
 import { mapToCssModules } from '../utils';
 import type { InputProps } from './Input';
 
-type ValidationProps = Pick<InputProps, 'valid' | 'invalid'>;
+type ValidationProps = Pick<InputProps, 'valid'>;
 type TypeProps = Pick<InputProps, 'plaintext' | 'type'> & {
   staticInput?: boolean;
 };
@@ -30,11 +30,11 @@ export function getFormControlClass(props: FormControlProps, cssModule?: CSSModu
   return mapToCssModules(getFormControlClassInternal(props), cssModule);
 }
 
-export function getValidationTextControlClass({ invalid }: ValidationProps, cssModule?: CSSModule) {
+export function getValidationTextControlClass({ valid }: ValidationProps, cssModule?: CSSModule) {
   return mapToCssModules(
     classNames({
       'form-text': true,
-      'form-feedback just-validate-error-label': invalid
+      'form-feedback just-validate-error-label': valid == false
     }),
     cssModule
   );
@@ -68,7 +68,6 @@ export function getClasses(
   {
     isFocused,
     valid,
-    invalid,
     bsSize,
     placeholder,
     value,
@@ -91,7 +90,7 @@ export function getClasses(
     classNames(
       className,
       {
-        'is-invalid': invalid,
+        'is-invalid': valid == false,
         'just-validate-success-field': valid,
         [`form-control-${bsSize}`]: bsSize
       },
@@ -104,7 +103,7 @@ export function getClasses(
     classNames(
       {
         'valid-feedback': valid,
-        'invalid-feedback form-feedback just-validate-error-label': invalid
+        'invalid-feedback form-feedback just-validate-error-label': valid == false
       },
       validationTextControlClass
     ),

package/src/LinkList/LinkListItem.tsx

@@ -6,10 +6,16 @@ export interface LinkListItemProps extends AnchorHTMLAttributes<HTMLAnchorElemen
   active?: boolean;
   /** Indica se l'elemento è disabilitato o no */
   disabled?: boolean;
+  /** Indica se l'elemento ha dimensioni larghe o no */
+  large?: boolean;
+  /** Indica se l'elemento è bold o no */
+  bold?: boolean;
   /** Indica se l'elemento è un titolo. */
   header?: boolean;
   /** Indica se l'elemento è un divisore */
   divider?: boolean;
+  /** Indica se l'elemento è in un dropdown */
+  inDropdown?: boolean;
   /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
   tag?: ElementType;
   /** Classi aggiuntive da usare per il componente LinkListItem */
@@ -18,8 +24,8 @@ export interface LinkListItemProps extends AnchorHTMLAttributes<HTMLAnchorElemen
   wrapperClassName?: string;
   /** Indica il link a cui l'elemento deve puntare. */
   href?: string;
-  /** Utilizzato per aumentare taglia/grandezza dell'elemento: può essere "medium" o "large". */
-  size?: 'medium' | 'large';
+  /** Indica il link route a cui l'elemento deve puntare. */
+  to?: string;
   testId?: string;
 }
 
@@ -27,18 +33,23 @@ const handleDisabledOnClick = (e: MouseEvent<HTMLAnchorElement>) => {
   e.preventDefault();
 };
 
-export const LinkListItem: FC<LinkListItemProps> = ({
+export const LinkListItem: FC<LinkListItemProps> & {
+  TitleIconWrapper: typeof LinkListTitleIconWrapper;
+} = ({
   className,
   active,
   disabled,
   header,
   divider,
+  bold,
+  large,
   href,
-  size,
+  to,
   tag = 'a',
   wrapperClassName,
   testId,
   children,
+  inDropdown,
   ...attributes
 }) => {
   let Tag = tag;
@@ -49,7 +60,9 @@ export const LinkListItem: FC<LinkListItemProps> = ({
       disabled,
       header,
       divider,
-      size
+      large: large,
+      medium: bold,
+      'dropdown-item': inDropdown
     },
     'list-item'
   );
@@ -66,6 +79,11 @@ export const LinkListItem: FC<LinkListItemProps> = ({
     Tag = 'span';
   }
 
+  if (inDropdown) {
+    attributes['role'] = 'menuitem';
+    attributes['tabIndex'] = 0;
+  }
+
   if (header && href) {
     return (
       <li className={wrapperClassName} data-testid={testId}>
@@ -80,9 +98,21 @@ export const LinkListItem: FC<LinkListItemProps> = ({
 
   return (
     <li className={wrapperClassName} data-testid={testId}>
-      <Tag {...attributes} className={classes} href={href} {...handlers}>
+      <Tag
+        role={attributes.onClick ? 'button' : undefined}
+        {...attributes}
+        className={classes}
+        href={href}
+        {...handlers}
+      >
         {children}
       </Tag>
     </li>
   );
 };
+
+const LinkListTitleIconWrapper: FC<LinkListItemProps> = ({ children }) => {
+  return <span className='list-item-title-icon-wrapper'>{children}</span>;
+};
+
+LinkListItem.TitleIconWrapper = LinkListTitleIconWrapper;

package/src/Megamenu/MegamenuFooter.tsx

@@ -4,13 +4,26 @@ import classNames from 'classnames';
 export interface MegamenuFooterProps extends HTMLAttributes<HTMLDivElement> {
   /** Classi aggiuntive da usare per il componente Megamenu Footer */
   className?: string;
+  vertical?: boolean;
 }
 
-export const MegamenuFooter: FC<MegamenuFooterProps> = ({ className, children, ...attributes }) => {
-  const classes = classNames(className, 'it-megamenu-footer');
+export const MegamenuFooter: FC<MegamenuFooterProps> & {
+  Item: typeof Item;
+} = ({ className, children, vertical, ...attributes }) => {
+  const classes = classNames(className, `it-footer-link-wrapper${vertical ? '-vertical' : ''}`);
   return (
     <div className={classes} {...attributes}>
       {children}
     </div>
   );
 };
+
+const Item: FC<HTMLAnchorElement> = ({ href, children }) => {
+  return (
+    <a href={href || '#'} className='it-footer-link'>
+      {children}
+    </a>
+  );
+};
+
+MegamenuFooter.Item = Item;

package/src/Megamenu/MegamenuItem.tsx

@@ -1,6 +1,7 @@
-import React, { FC, HTMLAttributes } from 'react';
+import React, { FC, HTMLAttributes, useRef } from 'react';
 import { DropdownMenu, DropdownToggle, UncontrolledDropdown } from 'reactstrap';
 import classNames from 'classnames';
+import { Icon } from '../Icon/Icon';
 
 export interface MegamenuItemProps extends HTMLAttributes<HTMLUListElement> {
   /** Etichetta del megamenu visibile all'interno della barra di navigazione */
@@ -11,12 +12,27 @@ export interface MegamenuItemProps extends HTMLAttributes<HTMLUListElement> {
 
 export const MegamenuItem: FC<MegamenuItemProps> = ({ itemName, className, children, ...attributes }) => {
   const classes = classNames(className, 'megamenu');
+  const [isOpen, setShowButton] = React.useState(false);
+  const toggleRef = useRef<DropdownToggle>(null);
+  const toggleClasses = classNames('px-lg-2', 'px-xl-3', {
+    show: isOpen
+  });
+  const setMegamenuButtonClass = () => {
+    //setShowButton(contact);
+    if (toggleRef && toggleRef.current) {
+      setShowButton(toggleRef.current.context.isOpen);
+    }
+  };
+
   return (
-    <UncontrolledDropdown nav tag='li' className={classes} {...attributes}>
-      <DropdownToggle caret nav>
-        {itemName}
+    <UncontrolledDropdown nav tag='li' className={classes} {...attributes} inNavbar onToggle={setMegamenuButtonClass}>
+      <DropdownToggle caret nav tag='button' className={toggleClasses} ref={toggleRef}>
+        <span>{itemName}</span>
+        <Icon icon='it-expand' size='xs' className='ms-1' />
       </DropdownToggle>
-      <DropdownMenu>{children}</DropdownMenu>
+      <DropdownMenu>
+        <div className='megamenu pb-5 pt-3 py-lg-0'>{children}</div>
+      </DropdownMenu>
     </UncontrolledDropdown>
   );
 };

package/src/Select/Select.tsx

@@ -1,6 +1,4 @@
 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'> {
   /**
@@ -29,8 +27,6 @@ export const Select = ({ id, disabled = false, label, children, onChange }: Sele
   };
 
   const inputProps = {
-    name: 'select',
-    type: 'select' as InputType,
     disabled: disabled,
     handleChange: handleChange
   };
@@ -40,14 +36,14 @@ export const Select = ({ id, disabled = false, label, children, onChange }: Sele
       {id ? (
         <>
           <label htmlFor={id}>{label}</label>
-          <Input id={id} {...inputProps}>
+          <select id={id} {...inputProps}>
             {children}
-          </Input>
+          </select>
         </>
       ) : (
         <label>
           {label}
-          <Input {...inputProps}>{children}</Input>
+          <select {...inputProps}>{children}</select>
         </label>
       )}
     </div>

package/src/index.tsx

@@ -106,7 +106,6 @@ export { TextArea } from './Input/TextArea';
 export { GoBack } from './GoBack/GoBack';
 export { LinkList } from './LinkList/LinkList';
 export { LinkListItem } from './LinkList/LinkListItem';
-export { Megamenu } from './Megamenu/Megamenu';
 export { MegamenuItem } from './Megamenu/MegamenuItem';
 export { MegamenuFooter } from './Megamenu/MegamenuFooter';
 export { MegamenuHighlightColumn } from './Megamenu/MegamenuHighlightColumn';
@@ -207,7 +206,6 @@ 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 { MegamenuProps } from './Megamenu/Megamenu';
 export type { MegamenuItemProps } from './Megamenu/MegamenuItem';
 export type { MegamenuFooterProps } from './Megamenu/MegamenuFooter';
 export type { MegamenuHCProps } from './Megamenu/MegamenuHighlightColumn';

package/dist/cjs/ItAndroid-0cd13b98.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.component=t=>{let{title:l,titleId:a,...i}=t;return e.createElement("svg",Object.assign({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":a},i),l?e.createElement("title",{id:a},l):null,e.createElement("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"}))};
-//# sourceMappingURL=ItAndroid-0cd13b98.js.map

package/dist/cjs/ItAndroid-0cd13b98.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItAndroid-0cd13b98.js","sources":["../../src/Icon/assets/ItAndroid.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox='0 0 24 24'\n      fill='none'\n      xmlns='http://www.w3.org/2000/svg'\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        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'\n        fill='#000'\n      />\n    </svg>\n  );\n};\n"],"names":["_ref","title","titleId","props","React","width","height","viewBox","fill","xmlns","id","d"],"mappings":"sDAMyBA,QAACC,MAAEA,EAAKC,QAAEA,KAAYC,KAC7C,OACEC,qCACEC,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,KAAK,OACLC,MAAM,+CACWP,GACbC,GAEHF,EAAQG,yBAAOM,GAAIR,GAAUD,GAAiB,KAC/CG,wBACEO,EAAE,wWACFH,KAAK"}

package/dist/cjs/ItAndroidSquare-5b4d7841.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.component=t=>{let{title:l,titleId:a,...i}=t;return e.createElement("svg",Object.assign({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":a},i),l?e.createElement("title",{id:a},l):null,e.createElement("path",{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"}))};
-//# sourceMappingURL=ItAndroidSquare-5b4d7841.js.map

package/dist/cjs/ItAndroidSquare-5b4d7841.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItAndroidSquare-5b4d7841.js","sources":["../../src/Icon/assets/ItAndroidSquare.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox='0 0 24 24'\n      fill='none'\n      xmlns='http://www.w3.org/2000/svg'\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule='evenodd'\n        clipRule='evenodd'\n        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'\n        fill='#000'\n      />\n    </svg>\n  );\n};\n"],"names":["_ref","title","titleId","props","React","width","height","viewBox","fill","xmlns","id","fillRule","clipRule","d"],"mappings":"sDAMyBA,QAACC,MAAEA,EAAKC,QAAEA,KAAYC,KAC7C,OACEC,qCACEC,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,KAAK,OACLC,MAAM,+CACWP,GACbC,GAEHF,EAAQG,yBAAOM,GAAIR,GAAUD,GAAiB,KAC/CG,wBACEO,SAAS,UACTC,SAAS,UACTC,EAAE,igBACFL,KAAK"}

package/dist/cjs/ItApple-786323e6.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.component=t=>{let{title:l,titleId:i,...r}=t;return e.createElement("svg",Object.assign({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":i},r),l?e.createElement("title",{id:i},l):null,e.createElement("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"}))};
-//# sourceMappingURL=ItApple-786323e6.js.map

package/dist/cjs/ItApple-786323e6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItApple-786323e6.js","sources":["../../src/Icon/assets/ItApple.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox='0 0 24 24'\n      fill='none'\n      xmlns='http://www.w3.org/2000/svg'\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        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'\n        fill='#000'\n      />\n    </svg>\n  );\n};\n"],"names":["_ref","title","titleId","props","React","width","height","viewBox","fill","xmlns","id","d"],"mappings":"sDAMyBA,QAACC,MAAEA,EAAKC,QAAEA,KAAYC,KAC7C,OACEC,qCACEC,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,KAAK,OACLC,MAAM,+CACWP,GACbC,GAEHF,EAAQG,yBAAOM,GAAIR,GAAUD,GAAiB,KAC/CG,wBACEO,EAAE,6gBACFH,KAAK"}

package/dist/cjs/ItAppleSquare-cef0e636.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.component=t=>{let{title:l,titleId:a,...i}=t;return e.createElement("svg",Object.assign({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":a},i),l?e.createElement("title",{id:a},l):null,e.createElement("path",{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"}))};
-//# sourceMappingURL=ItAppleSquare-cef0e636.js.map

package/dist/cjs/ItAppleSquare-cef0e636.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItAppleSquare-cef0e636.js","sources":["../../src/Icon/assets/ItAppleSquare.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox='0 0 24 24'\n      fill='none'\n      xmlns='http://www.w3.org/2000/svg'\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule='evenodd'\n        clipRule='evenodd'\n        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'\n        fill='#000'\n      />\n    </svg>\n  );\n};\n"],"names":["_ref","title","titleId","props","React","width","height","viewBox","fill","xmlns","id","fillRule","clipRule","d"],"mappings":"sDAMyBA,QAACC,MAAEA,EAAKC,QAAEA,KAAYC,KAC7C,OACEC,qCACEC,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,KAAK,OACLC,MAAM,+CACWP,GACbC,GAEHF,EAAQG,yBAAOM,GAAIR,GAAUD,GAAiB,KAC/CG,wBACEO,SAAS,UACTC,SAAS,UACTC,EAAE,y0BACFL,KAAK"}

package/dist/cjs/ItArrowDown-3b1bf142.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.component=t=>{let{title:l,titleId:r,...a}=t;return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",xmlSpace:"preserve",enableBackground:"new 0 0 24 24","aria-labelledby":r},a),l?e.createElement("title",{id:r},l):null,e.createElement("path",{d:"m17.9 13.2-5.4 5.3V3h-1v15.5l-5.4-5.3-.7.7 6.6 6.5 6.6-6.5-.7-.7z"}))};
-//# sourceMappingURL=ItArrowDown-3b1bf142.js.map

package/dist/cjs/ItArrowDown-3b1bf142.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItArrowDown-3b1bf142.js","sources":["../../src/Icon/assets/ItArrowDown.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {\n  return (\n    <svg\n      xmlns='http://www.w3.org/2000/svg'\n      viewBox='0 0 24 24'\n      xmlSpace='preserve'\n      enableBackground='new 0 0 24 24'\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path d='m17.9 13.2-5.4 5.3V3h-1v15.5l-5.4-5.3-.7.7 6.6 6.5 6.6-6.5-.7-.7z' />\n    </svg>\n  );\n};\n"],"names":["_ref","title","titleId","props","React","xmlns","viewBox","xmlSpace","enableBackground","id","d"],"mappings":"sDAMyBA,QAACC,MAAEA,EAAKC,QAAEA,KAAYC,KAC7C,OACEC,qCACEC,MAAM,6BACNC,QAAQ,YACRC,SAAS,WACTC,iBAAiB,kCACAN,GACbC,GAEHF,EAAQG,yBAAOK,GAAIP,GAAUD,GAAiB,KAC/CG,wBAAMM,EAAE"}

package/dist/cjs/ItArrowDownCircle-33c31de3.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.component=t=>{let{title:l,titleId:r,...a}=t;return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",xmlSpace:"preserve",enableBackground:"new 0 0 24 24","aria-labelledby":r},a),l?e.createElement("title",{id:r},l):null,e.createElement("path",{d:"m15.6 13.2.7.7-4.3 4.3-4.3-4.3.7-.7 3.1 3.1V7h1v9.2l3.1-3zM22 12c0 5.5-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2s10 4.5 10 10zm-1 0c0-5-4-9-9-9s-9 4-9 9 4 9 9 9 9-4 9-9z"}))};
-//# sourceMappingURL=ItArrowDownCircle-33c31de3.js.map

package/dist/cjs/ItArrowDownCircle-33c31de3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItArrowDownCircle-33c31de3.js","sources":["../../src/Icon/assets/ItArrowDownCircle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {\n  return (\n    <svg\n      xmlns='http://www.w3.org/2000/svg'\n      viewBox='0 0 24 24'\n      xmlSpace='preserve'\n      enableBackground='new 0 0 24 24'\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path d='m15.6 13.2.7.7-4.3 4.3-4.3-4.3.7-.7 3.1 3.1V7h1v9.2l3.1-3zM22 12c0 5.5-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2s10 4.5 10 10zm-1 0c0-5-4-9-9-9s-9 4-9 9 4 9 9 9 9-4 9-9z' />\n    </svg>\n  );\n};\n"],"names":["_ref","title","titleId","props","React","xmlns","viewBox","xmlSpace","enableBackground","id","d"],"mappings":"sDAMyBA,QAACC,MAAEA,EAAKC,QAAEA,KAAYC,KAC7C,OACEC,qCACEC,MAAM,6BACNC,QAAQ,YACRC,SAAS,WACTC,iBAAiB,kCACAN,GACbC,GAEHF,EAAQG,yBAAOK,GAAIP,GAAUD,GAAiB,KAC/CG,wBAAMM,EAAE"}

package/dist/cjs/ItArrowDownTriangle-a78a5974.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.component=t=>{let{title:l,titleId:r,...a}=t;return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",xmlSpace:"preserve",enableBackground:"new 0 0 24 24","aria-labelledby":r},a),l?e.createElement("title",{id:r},l):null,e.createElement("path",{d:"M9.2 12h5.6c.6 0 1 .5 1 1 0 .3-.1.5-.3.7L12 17.3l-3.5-3.6c-.4-.4-.4-1 0-1.4.2-.2.4-.3.7-.3z"}))};
-//# sourceMappingURL=ItArrowDownTriangle-a78a5974.js.map

package/dist/cjs/ItArrowDownTriangle-a78a5974.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItArrowDownTriangle-a78a5974.js","sources":["../../src/Icon/assets/ItArrowDownTriangle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {\n  return (\n    <svg\n      xmlns='http://www.w3.org/2000/svg'\n      viewBox='0 0 24 24'\n      xmlSpace='preserve'\n      enableBackground='new 0 0 24 24'\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path d='M9.2 12h5.6c.6 0 1 .5 1 1 0 .3-.1.5-.3.7L12 17.3l-3.5-3.6c-.4-.4-.4-1 0-1.4.2-.2.4-.3.7-.3z' />\n    </svg>\n  );\n};\n"],"names":["_ref","title","titleId","props","React","xmlns","viewBox","xmlSpace","enableBackground","id","d"],"mappings":"sDAMyBA,QAACC,MAAEA,EAAKC,QAAEA,KAAYC,KAC7C,OACEC,qCACEC,MAAM,6BACNC,QAAQ,YACRC,SAAS,WACTC,iBAAiB,kCACAN,GACbC,GAEHF,EAAQG,yBAAOK,GAAIP,GAAUD,GAAiB,KAC/CG,wBAAMM,EAAE"}

package/dist/cjs/ItArrowLeft-24d58df0.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.component=t=>{let{title:l,titleId:r,...a}=t;return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",xmlSpace:"preserve",enableBackground:"new 0 0 24 24","aria-labelledby":r},a),l?e.createElement("title",{id:r},l):null,e.createElement("path",{d:"M21 11.5H5.5l5.3-5.4-.7-.7L3.6 12l6.5 6.6.7-.7-5.3-5.4H21v-1z"}))};
-//# sourceMappingURL=ItArrowLeft-24d58df0.js.map

package/dist/cjs/ItArrowLeft-24d58df0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItArrowLeft-24d58df0.js","sources":["../../src/Icon/assets/ItArrowLeft.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {\n  return (\n    <svg\n      xmlns='http://www.w3.org/2000/svg'\n      viewBox='0 0 24 24'\n      xmlSpace='preserve'\n      enableBackground='new 0 0 24 24'\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path d='M21 11.5H5.5l5.3-5.4-.7-.7L3.6 12l6.5 6.6.7-.7-5.3-5.4H21v-1z' />\n    </svg>\n  );\n};\n"],"names":["_ref","title","titleId","props","React","xmlns","viewBox","xmlSpace","enableBackground","id","d"],"mappings":"sDAMyBA,QAACC,MAAEA,EAAKC,QAAEA,KAAYC,KAC7C,OACEC,qCACEC,MAAM,6BACNC,QAAQ,YACRC,SAAS,WACTC,iBAAiB,kCACAN,GACbC,GAEHF,EAAQG,yBAAOK,GAAIP,GAAUD,GAAiB,KAC/CG,wBAAMM,EAAE"}

package/dist/cjs/ItArrowLeftCircle-d6821476.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.component=t=>{let{title:l,titleId:r,...a}=t;return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",xmlSpace:"preserve",enableBackground:"new 0 0 24 24","aria-labelledby":r},a),l?e.createElement("title",{id:r},l):null,e.createElement("path",{d:"M7.7 11.5H17v1H7.8l3 3.1-.7.7L5.8 12l4.3-4.3.7.7-3.1 3.1zM22 12c0 5.5-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2s10 4.5 10 10zm-1 0c0-5-4-9-9-9s-9 4-9 9 4 9 9 9 9-4 9-9z"}))};
-//# sourceMappingURL=ItArrowLeftCircle-d6821476.js.map

package/dist/cjs/ItArrowLeftCircle-d6821476.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItArrowLeftCircle-d6821476.js","sources":["../../src/Icon/assets/ItArrowLeftCircle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {\n  return (\n    <svg\n      xmlns='http://www.w3.org/2000/svg'\n      viewBox='0 0 24 24'\n      xmlSpace='preserve'\n      enableBackground='new 0 0 24 24'\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path d='M7.7 11.5H17v1H7.8l3 3.1-.7.7L5.8 12l4.3-4.3.7.7-3.1 3.1zM22 12c0 5.5-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2s10 4.5 10 10zm-1 0c0-5-4-9-9-9s-9 4-9 9 4 9 9 9 9-4 9-9z' />\n    </svg>\n  );\n};\n"],"names":["_ref","title","titleId","props","React","xmlns","viewBox","xmlSpace","enableBackground","id","d"],"mappings":"sDAMyBA,QAACC,MAAEA,EAAKC,QAAEA,KAAYC,KAC7C,OACEC,qCACEC,MAAM,6BACNC,QAAQ,YACRC,SAAS,WACTC,iBAAiB,kCACAN,GACbC,GAEHF,EAAQG,yBAAOK,GAAIP,GAAUD,GAAiB,KAC/CG,wBAAMM,EAAE"}

package/dist/cjs/ItArrowLeftTriangle-cba82874.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.component=t=>{let{title:l,titleId:r,...a}=t;return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",xmlSpace:"preserve",enableBackground:"new 0 0 24 24","aria-labelledby":r},a),l?e.createElement("title",{id:r},l):null,e.createElement("path",{d:"M12 9.2v5.6c0 .6-.5 1-1 1-.3 0-.5-.1-.7-.3L6.8 12l3.5-3.5c.4-.4 1-.4 1.4 0 .2.2.3.4.3.7z"}))};
-//# sourceMappingURL=ItArrowLeftTriangle-cba82874.js.map

package/dist/cjs/ItArrowLeftTriangle-cba82874.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItArrowLeftTriangle-cba82874.js","sources":["../../src/Icon/assets/ItArrowLeftTriangle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {\n  return (\n    <svg\n      xmlns='http://www.w3.org/2000/svg'\n      viewBox='0 0 24 24'\n      xmlSpace='preserve'\n      enableBackground='new 0 0 24 24'\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path d='M12 9.2v5.6c0 .6-.5 1-1 1-.3 0-.5-.1-.7-.3L6.8 12l3.5-3.5c.4-.4 1-.4 1.4 0 .2.2.3.4.3.7z' />\n    </svg>\n  );\n};\n"],"names":["_ref","title","titleId","props","React","xmlns","viewBox","xmlSpace","enableBackground","id","d"],"mappings":"sDAMyBA,QAACC,MAAEA,EAAKC,QAAEA,KAAYC,KAC7C,OACEC,qCACEC,MAAM,6BACNC,QAAQ,YACRC,SAAS,WACTC,iBAAiB,kCACAN,GACbC,GAEHF,EAAQG,yBAAOK,GAAIP,GAAUD,GAAiB,KAC/CG,wBAAMM,EAAE"}

package/dist/cjs/ItArrowRight-4e6a2129.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.component=t=>{let{title:l,titleId:r,...a}=t;return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",xmlSpace:"preserve",enableBackground:"new 0 0 24 24","aria-labelledby":r},a),l?e.createElement("title",{id:r},l):null,e.createElement("path",{d:"m13.9 5.4-.7.7 5.3 5.4H3v1h15.5l-5.3 5.4.7.7 6.6-6.6-6.6-6.6z"}))};
-//# sourceMappingURL=ItArrowRight-4e6a2129.js.map

package/dist/cjs/ItArrowRight-4e6a2129.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItArrowRight-4e6a2129.js","sources":["../../src/Icon/assets/ItArrowRight.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {\n  return (\n    <svg\n      xmlns='http://www.w3.org/2000/svg'\n      viewBox='0 0 24 24'\n      xmlSpace='preserve'\n      enableBackground='new 0 0 24 24'\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path d='m13.9 5.4-.7.7 5.3 5.4H3v1h15.5l-5.3 5.4.7.7 6.6-6.6-6.6-6.6z' />\n    </svg>\n  );\n};\n"],"names":["_ref","title","titleId","props","React","xmlns","viewBox","xmlSpace","enableBackground","id","d"],"mappings":"sDAMyBA,QAACC,MAAEA,EAAKC,QAAEA,KAAYC,KAC7C,OACEC,qCACEC,MAAM,6BACNC,QAAQ,YACRC,SAAS,WACTC,iBAAiB,kCACAN,GACbC,GAEHF,EAAQG,yBAAOK,GAAIP,GAAUD,GAAiB,KAC/CG,wBAAMM,EAAE"}

package/dist/cjs/ItArrowRightCircle-670557e9.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.component=t=>{let{title:l,titleId:r,...a}=t;return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",xmlSpace:"preserve",enableBackground:"new 0 0 24 24","aria-labelledby":r},a),l?e.createElement("title",{id:r},l):null,e.createElement("path",{d:"m13.9 7.7 4.3 4.3-4.3 4.3-.7-.7 3.1-3.1H7v-1h9.2l-3-3.1.7-.7zM22 12c0 5.5-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2s10 4.5 10 10zm-1 0c0-5-4-9-9-9s-9 4-9 9 4 9 9 9 9-4 9-9z"}))};
-//# sourceMappingURL=ItArrowRightCircle-670557e9.js.map

package/dist/cjs/ItArrowRightCircle-670557e9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItArrowRightCircle-670557e9.js","sources":["../../src/Icon/assets/ItArrowRightCircle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {\n  return (\n    <svg\n      xmlns='http://www.w3.org/2000/svg'\n      viewBox='0 0 24 24'\n      xmlSpace='preserve'\n      enableBackground='new 0 0 24 24'\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path d='m13.9 7.7 4.3 4.3-4.3 4.3-.7-.7 3.1-3.1H7v-1h9.2l-3-3.1.7-.7zM22 12c0 5.5-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2s10 4.5 10 10zm-1 0c0-5-4-9-9-9s-9 4-9 9 4 9 9 9 9-4 9-9z' />\n    </svg>\n  );\n};\n"],"names":["_ref","title","titleId","props","React","xmlns","viewBox","xmlSpace","enableBackground","id","d"],"mappings":"sDAMyBA,QAACC,MAAEA,EAAKC,QAAEA,KAAYC,KAC7C,OACEC,qCACEC,MAAM,6BACNC,QAAQ,YACRC,SAAS,WACTC,iBAAiB,kCACAN,GACbC,GAEHF,EAAQG,yBAAOK,GAAIP,GAAUD,GAAiB,KAC/CG,wBAAMM,EAAE"}

package/dist/cjs/ItArrowRightTriangle-c3ed2ab7.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.component=t=>{let{title:l,titleId:r,...a}=t;return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",xmlSpace:"preserve",enableBackground:"new 0 0 24 24","aria-labelledby":r},a),l?e.createElement("title",{id:r},l):null,e.createElement("path",{d:"M12 14.8V9.2c0-.6.5-1 1-1 .3 0 .5.1.7.3l3.5 3.5-3.5 3.5c-.4.4-1 .4-1.4 0-.2-.2-.3-.4-.3-.7z"}))};
-//# sourceMappingURL=ItArrowRightTriangle-c3ed2ab7.js.map

package/dist/cjs/ItArrowRightTriangle-c3ed2ab7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItArrowRightTriangle-c3ed2ab7.js","sources":["../../src/Icon/assets/ItArrowRightTriangle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {\n  return (\n    <svg\n      xmlns='http://www.w3.org/2000/svg'\n      viewBox='0 0 24 24'\n      xmlSpace='preserve'\n      enableBackground='new 0 0 24 24'\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path d='M12 14.8V9.2c0-.6.5-1 1-1 .3 0 .5.1.7.3l3.5 3.5-3.5 3.5c-.4.4-1 .4-1.4 0-.2-.2-.3-.4-.3-.7z' />\n    </svg>\n  );\n};\n"],"names":["_ref","title","titleId","props","React","xmlns","viewBox","xmlSpace","enableBackground","id","d"],"mappings":"sDAMyBA,QAACC,MAAEA,EAAKC,QAAEA,KAAYC,KAC7C,OACEC,qCACEC,MAAM,6BACNC,QAAQ,YACRC,SAAS,WACTC,iBAAiB,kCACAN,GACbC,GAEHF,EAAQG,yBAAOK,GAAIP,GAAUD,GAAiB,KAC/CG,wBAAMM,EAAE"}

package/dist/cjs/ItArrowUp-14c66f95.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.component=t=>{let{title:l,titleId:r,...a}=t;return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",xmlSpace:"preserve",enableBackground:"new 0 0 24 24","aria-labelledby":r},a),l?e.createElement("title",{id:r},l):null,e.createElement("path",{d:"M18.6 10.1 12 3.5l-6.6 6.6.7.7 5.4-5.3V21h1V5.5l5.4 5.3.7-.7z"}))};
-//# sourceMappingURL=ItArrowUp-14c66f95.js.map

package/dist/cjs/ItArrowUp-14c66f95.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItArrowUp-14c66f95.js","sources":["../../src/Icon/assets/ItArrowUp.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {\n  return (\n    <svg\n      xmlns='http://www.w3.org/2000/svg'\n      viewBox='0 0 24 24'\n      xmlSpace='preserve'\n      enableBackground='new 0 0 24 24'\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path d='M18.6 10.1 12 3.5l-6.6 6.6.7.7 5.4-5.3V21h1V5.5l5.4 5.3.7-.7z' />\n    </svg>\n  );\n};\n"],"names":["_ref","title","titleId","props","React","xmlns","viewBox","xmlSpace","enableBackground","id","d"],"mappings":"sDAMyBA,QAACC,MAAEA,EAAKC,QAAEA,KAAYC,KAC7C,OACEC,qCACEC,MAAM,6BACNC,QAAQ,YACRC,SAAS,WACTC,iBAAiB,kCACAN,GACbC,GAEHF,EAAQG,yBAAOK,GAAIP,GAAUD,GAAiB,KAC/CG,wBAAMM,EAAE"}

package/dist/cjs/ItArrowUpCircle-808d8024.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.component=t=>{let{title:l,titleId:r,...a}=t;return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",xmlSpace:"preserve",enableBackground:"new 0 0 24 24","aria-labelledby":r},a),l?e.createElement("title",{id:r},l):null,e.createElement("path",{d:"m12 5.8 4.3 4.3-.7.7-3.1-3.1V17h-1V7.8l-3.1 3-.7-.7L12 5.8zM22 12c0 5.5-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2s10 4.5 10 10zm-1 0c0-5-4-9-9-9s-9 4-9 9 4 9 9 9 9-4 9-9z"}))};
-//# sourceMappingURL=ItArrowUpCircle-808d8024.js.map

package/dist/cjs/ItArrowUpCircle-808d8024.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItArrowUpCircle-808d8024.js","sources":["../../src/Icon/assets/ItArrowUpCircle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => {\n  return (\n    <svg\n      xmlns='http://www.w3.org/2000/svg'\n      viewBox='0 0 24 24'\n      xmlSpace='preserve'\n      enableBackground='new 0 0 24 24'\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path d='m12 5.8 4.3 4.3-.7.7-3.1-3.1V17h-1V7.8l-3.1 3-.7-.7L12 5.8zM22 12c0 5.5-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2s10 4.5 10 10zm-1 0c0-5-4-9-9-9s-9 4-9 9 4 9 9 9 9-4 9-9z' />\n    </svg>\n  );\n};\n"],"names":["_ref","title","titleId","props","React","xmlns","viewBox","xmlSpace","enableBackground","id","d"],"mappings":"sDAMyBA,QAACC,MAAEA,EAAKC,QAAEA,KAAYC,KAC7C,OACEC,qCACEC,MAAM,6BACNC,QAAQ,YACRC,SAAS,WACTC,iBAAiB,kCACAN,GACbC,GAEHF,EAAQG,yBAAOK,GAAIP,GAAUD,GAAiB,KAC/CG,wBAAMM,EAAE"}