design-react-kit 5.0.0-1 → 5.0.0-2

package/package.json

@@ -14,12 +14,16 @@
     "Marco Liberati",
     "Francesco Zaia",
     "Sanyam Dogra",
-    "Silvio Relli"
+    "Silvio Relli",
+    "Sabatino Galasso",
+    "Andrea Stagi",
+    "Federico Turbino",
+    "Nicola Squartini"
   ],
   "bugs": {
     "url": "https://github.com/italia/design-react-kit/issues"
   },
-  "version": "5.0.0-1",
+  "version": "5.0.0-2",
   "license": "BSD-3",
   "module": "dist/esm/index.js",
   "main": "./src/index.tsx",
@@ -61,7 +65,7 @@
     "chromatic": "npx chromatic"
   },
   "peerDependencies": {
-    "bootstrap-italia": "^2.3.4",
+    "bootstrap-italia": "2.7.8",
     "react": ">=17.0.2"
   },
   "browserslist": [
@@ -112,7 +116,7 @@
     "babel-jest": "^26.6.3",
     "babel-loader": "^8.2.5",
     "babel-plugin-dynamic-import-node": "^2.3.3",
-    "bootstrap-italia": "^2.6.1",
+    "bootstrap-italia": "2.7.8",
     "browserslist-config-design-italia": "^1.0.0",
     "chromatic": "^6.8.0",
     "circular-dependency-plugin": "^5.2.2",

package/src/Icon/assets/ItAndroid.tsx

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

package/src/Icon/assets/ItAndroidSquare.tsx

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

package/src/Icon/assets/ItApple.tsx

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

package/src/Icon/assets/ItAppleSquare.tsx

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

package/src/Icon/assets/ItTwitter.tsx

@@ -11,15 +11,19 @@ export const component = ({
 }: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
     <svg
-      xmlns='http://www.w3.org/2000/svg'
+      width={24}
+      height={24}
       viewBox='0 0 24 24'
-      xmlSpace='preserve'
-      enableBackground='new 0 0 24 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
       aria-labelledby={titleId}
       {...props}
     >
       {title ? <title id={titleId}>{title}</title> : null}
-      <path d='M8.1 20c2.9 0 5.7-1.1 7.8-3.2s3.2-4.9 3.2-7.8v-.5c.8-.5 1.4-1.2 1.9-2-.7.3-1.5.5-2.2.6.8-.5 1.4-1.2 1.7-2.1-.8.4-1.6.7-2.5.9-1.1-1.2-2.8-1.5-4.2-.9s-2.4 2-2.4 3.6c0 .3 0 .6.1.9-3.1-.1-6-1.6-8-4-1 1.8-.5 4 1.2 5.2-.6 0-1.2-.2-1.8-.5 0 1.9 1.3 3.5 3.2 3.8-.4 0-.8 0-1.1.1-.2 0-.5 0-.7-.1.5 1.6 2 2.6 3.6 2.7-1.4 1.1-3.1 1.7-4.8 1.7-.3 0-.6 0-.9-.1C3.9 19.4 6 20 8.1 20' />
+      <path
+        d='M13.927 10.491 19.511 4h-1.323l-4.849 5.636L9.467 4H5l5.856 8.523L5 19.33h1.323l5.12-5.952 4.09 5.952H20l-6.073-8.839Zm-1.812 2.107-.594-.849-4.72-6.753h2.032l3.81 5.45.593.849 4.953 7.084h-2.033l-4.041-5.78v-.001Z'
+        fill='#000'
+      />
     </svg>
   );
 };

package/src/Icon/assets/ItTwitterSquare.tsx

@@ -11,15 +11,21 @@ export const component = ({
 }: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
     <svg
-      xmlns='http://www.w3.org/2000/svg'
+      width={24}
+      height={24}
       viewBox='0 0 24 24'
-      xmlSpace='preserve'
-      enableBackground='new 0 0 24 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
       aria-labelledby={titleId}
       {...props}
     >
       {title ? <title id={titleId}>{title}</title> : null}
-      <path d='M19.5 22h-15C3.1 22 2 20.9 2 19.5v-15C2 3.1 3.1 2 4.5 2h15C20.9 2 22 3.1 22 4.5v15c0 1.4-1.1 2.5-2.5 2.5zm-9.8-4.9c1.9 0 3.8-.7 5.2-2.1S17 11.7 17 9.8v-.3c.5-.4.9-.8 1.3-1.3-.5.2-1 .3-1.5.4.5-.3.9-.8 1.1-1.4-.5.3-1.1.5-1.6.6-.5-.5-1.2-.8-1.9-.8-1.4 0-2.6 1.2-2.6 2.6 0 .2 0 .4.1.6-2-.2-4-1.2-5.3-2.8-.7 1.2-.3 2.7.8 3.4-.4 0-.8-.1-1.2-.3 0 1.2.9 2.3 2.1 2.5-.2.1-.4.1-.7.1h-.5c.3 1 1.3 1.8 2.4 1.8-.9.7-2 1.1-3.2 1.2h-.6c1.2.6 2.6 1 4 1z' />
+      <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.286ZM19.511 4l-5.584 6.491L20 19.33h-4.467l-4.09-5.952-5.12 5.952H5l5.856-6.807L5 4h4.467l3.872 5.636L18.188 4h1.323Zm-7.99 7.75.594.848 4.041 5.78h2.033l-4.953-7.083-.593-.849-3.81-5.45H6.8l4.721 6.753Z'
+        fill='#000'
+      />
     </svg>
   );
 };

package/src/Icon/assets/index.ts

@@ -1,4 +1,8 @@
 const iconList: Record<string, boolean> = {
+  'it-android-square': true,
+  'it-android': true,
+  'it-apple-square': true,
+  'it-apple': true,
   'it-arrow-down-circle': true,
   'it-arrow-down-triangle': true,
   'it-arrow-down': true,
@@ -168,6 +172,18 @@ export type IconName = keyof typeof iconList;
 
 export const loadIcon = (name: IconName) => {
   switch (name) {
+    case 'it-android-square': {
+      return import('./ItAndroidSquare');
+    }
+    case 'it-android': {
+      return import('./ItAndroid');
+    }
+    case 'it-apple-square': {
+      return import('./ItAppleSquare');
+    }
+    case 'it-apple': {
+      return import('./ItApple');
+    }
     case 'it-arrow-down-circle': {
       return import('./ItArrowDownCircle');
     }

package/src/Input/Input.tsx

@@ -106,7 +106,7 @@ export const Input = ({
   id,
   className,
   cssModule,
-  type,
+  type = 'text',
   state,
   tag,
   addon,
@@ -204,6 +204,9 @@ export const Input = ({
 
   const inputPassword = extraAttributes.type === 'password';
 
+  const indeterminateCheckboxInput =
+    type === 'checkbox' && className?.includes('semi-checked');
+
   // Styling
   const { activeClass, infoTextClass, inputClasses, wrapperClass } = getClasses(
     className,
@@ -273,6 +276,21 @@ export const Input = ({
     );
   }
 
+  if (indeterminateCheckboxInput) {
+    return (
+      <InputContainer {...containerProps}>
+        <Tag
+          {...rest}
+          {...extraAttributes}
+          {...sharedAttributes}
+          className={inputClasses}
+          data-testid={testId}
+          indeterminate={'true'}
+        />
+      </InputContainer>
+    );
+  }
+
   if (inputPassword) {
     return (
       <InputContainer {...containerProps}>

package/src/Select/Select.tsx

@@ -1,107 +1,62 @@
-import React, { FC, ReactElement } from 'react';
-import SelectBase, { components, OptionsType } from 'react-select';
-import { Icon } from '../Icon/Icon';
-import type {
-  Props as SelectBaseProps,
-  IndicatorProps,
-  OptionTypeBase,
-  GroupTypeBase,
-  OptionProps
-} from 'react-select';
-import { styles } from './shared';
-export type {
-  ValueType,
-  ActionMeta,
-  GroupTypeBase,
-  OptionTypeBase
-} from 'react-select';
-
-export type SelectOptionType<OptionType extends OptionTypeBase> =
-  | OptionType
-  | OptionsType<OptionType>;
-
-export interface SelectProps<
-  OptionType extends OptionTypeBase,
-  IsMulti extends boolean,
-  GroupType extends GroupTypeBase<OptionType>
-> extends SelectBaseProps<OptionType, IsMulti, GroupType> {
-  icon?: boolean;
-  clearText?: string;
+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'> {
+  /**
+   * Se `true` determina la disabilitazione del campo
+   */
+  disabled?: boolean;
+  /**
+   * L'etichetta del campo
+   */
+  label: string;
+  /**
+   * La lista di opzioni da visualizzare nella tendina del Select
+   */
+  children: ReactElement<'option'> | ReactElement<'option'>[];
+  /**
+   * Gestisce il cambio del valore selezionato
+   * @param selectedValue
+   * @returns
+   */
+  onChange: (selectedValue: string) => void;
 }
 
-const DropdownIndicator = <
-  OptionType extends OptionTypeBase,
-  IsMulti extends boolean,
-  GroupType extends GroupTypeBase<OptionType> = GroupTypeBase<OptionType>
->(
-  props: IndicatorProps<OptionType, IsMulti, GroupType>
-) => {
-  return (
-    <components.DropdownIndicator {...props}>
-      <Icon icon='it-arrow-down-triangle' aria-hidden />
-    </components.DropdownIndicator>
-  );
-};
-
-const Option = <
-  OptionType extends OptionTypeBase,
-  IsMulti extends boolean,
-  GroupType extends GroupTypeBase<OptionType> = GroupTypeBase<OptionType>
->(
-  props: OptionProps<OptionType, IsMulti, GroupType>
-) => {
-  return (
-    <div className='select-pill text-primary'>
-      <components.Option {...props} />
-    </div>
-  );
-};
-
-const CustomClearText: FC<{ clearText: string }> = ({ clearText }) => (
-  <>{clearText}</>
-);
-
-export const Select = <
-  OptionType extends OptionTypeBase = { label: string; value: string },
-  IsMulti extends boolean = false,
-  GroupType extends GroupTypeBase<OptionType> = GroupTypeBase<OptionType>
->({
-  clearText = 'Annulla',
-  icon = false,
-  ...props
-}: SelectProps<OptionType, IsMulti, GroupType>): ReactElement<
-  SelectProps<OptionType, IsMulti, GroupType>
-> => {
-  // @TODO: move it outside when migrating to hooks
-  const ClearIndicator = <
-    OptionType extends OptionTypeBase,
-    IsMulti extends boolean,
-    GroupType extends GroupTypeBase<OptionType> = GroupTypeBase<OptionType>
-  >(
-    clearIndicatorProps: IndicatorProps<OptionType, IsMulti, GroupType>
-  ) => {
-    const {
-      children = <CustomClearText clearText={clearText} />,
-      innerProps: { ref, ...restInnerProps }
-    } = clearIndicatorProps;
-    return (
-      <div className='select-pill text-primary' {...restInnerProps} ref={ref}>
-        <div style={{ padding: '0px 5px' }}>{children}</div>
-      </div>
-    );
+export const Select = ({
+  id,
+  disabled = false,
+  label,
+  children,
+  onChange
+}: SelectProps) => {
+  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {
+    onChange(e.target.value);
   };
 
-  const selectComponents = {
-    ...props.components,
-    Option,
-    DropdownIndicator,
-    IndicatorSeparator: null
+  const inputProps = {
+    name: 'select',
+    type: 'select' as InputType,
+    disabled: disabled,
+    handleChange: handleChange
   };
 
-  if (props.isClearable) {
-    selectComponents.ClearIndicator = ClearIndicator;
-  }
   return (
-    <SelectBase {...props} components={selectComponents} styles={styles} />
+    <div className='select-wrapper'>
+      {id ? (
+        <>
+          <label htmlFor={id}>{label}</label>
+          <Input id={id} {...inputProps}>
+            {children}
+          </Input>
+        </>
+      ) : (
+        <label>
+          {label}
+          <Input {...inputProps}>{children}</Input>
+        </label>
+      )}
+    </div>
   );
 };

package/src/index.tsx

@@ -272,14 +272,7 @@ export type { StepperNavProps } from './Stepper/StepperNav';
 export type { StepperDotsProps } from './Stepper/StepperDots';
 export type { StepperContentProps } from './Stepper/StepperContent';
 export type { SectionProps } from './Section/Section';
-export type {
-  SelectProps,
-  SelectOptionType,
-  ValueType,
-  ActionMeta,
-  GroupTypeBase,
-  OptionTypeBase
-} from './Select/Select';
+export type { SelectProps } from './Select/Select';
 export type {
   NotificationId,
   NotificationProps,

package/dist/cjs/ItTwitter-1dded12f.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.component=t=>{let{title:r,titleId:l,...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":l},a),r?e.createElement("title",{id:l},r):null,e.createElement("path",{d:"M8.1 20c2.9 0 5.7-1.1 7.8-3.2s3.2-4.9 3.2-7.8v-.5c.8-.5 1.4-1.2 1.9-2-.7.3-1.5.5-2.2.6.8-.5 1.4-1.2 1.7-2.1-.8.4-1.6.7-2.5.9-1.1-1.2-2.8-1.5-4.2-.9s-2.4 2-2.4 3.6c0 .3 0 .6.1.9-3.1-.1-6-1.6-8-4-1 1.8-.5 4 1.2 5.2-.6 0-1.2-.2-1.8-.5 0 1.9 1.3 3.5 3.2 3.8-.4 0-.8 0-1.1.1-.2 0-.5 0-.7-.1.5 1.6 2 2.6 3.6 2.7-1.4 1.1-3.1 1.7-4.8 1.7-.3 0-.6 0-.9-.1C3.9 19.4 6 20 8.1 20"}))};
-//# sourceMappingURL=ItTwitter-1dded12f.js.map

package/dist/cjs/ItTwitter-1dded12f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItTwitter-1dded12f.js","sources":["../../src/Icon/assets/ItTwitter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({\n  title,\n  titleId,\n  ...props\n}: 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='M8.1 20c2.9 0 5.7-1.1 7.8-3.2s3.2-4.9 3.2-7.8v-.5c.8-.5 1.4-1.2 1.9-2-.7.3-1.5.5-2.2.6.8-.5 1.4-1.2 1.7-2.1-.8.4-1.6.7-2.5.9-1.1-1.2-2.8-1.5-4.2-.9s-2.4 2-2.4 3.6c0 .3 0 .6.1.9-3.1-.1-6-1.6-8-4-1 1.8-.5 4 1.2 5.2-.6 0-1.2-.2-1.8-.5 0 1.9 1.3 3.5 3.2 3.8-.4 0-.8 0-1.1.1-.2 0-.5 0-.7-.1.5 1.6 2 2.6 3.6 2.7-1.4 1.1-3.1 1.7-4.8 1.7-.3 0-.6 0-.9-.1C3.9 19.4 6 20 8.1 20' />\n    </svg>\n  );\n};\n"],"names":["_ref","title","titleId","props","React","xmlns","viewBox","xmlSpace","enableBackground","id","d"],"mappings":"sDAMyBA,QAACC,MACxBA,EAAKC,QACLA,KACGC,KAEH,OACEC,qCACEC,MAAM,6BACNC,QAAQ,YACRC,SAAS,WACTC,iBAAiB,kCACAN,GACbC,GAEHF,EAAQG,yBAAOK,GAAIP,GAAUD,GAAiB,KAC/CG,wBAAMM,EAAE"}

package/dist/cjs/ItTwitterSquare-77589f0c.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.component=t=>{let{title:r,titleId:l,...c}=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":l},c),r?e.createElement("title",{id:l},r):null,e.createElement("path",{d:"M19.5 22h-15C3.1 22 2 20.9 2 19.5v-15C2 3.1 3.1 2 4.5 2h15C20.9 2 22 3.1 22 4.5v15c0 1.4-1.1 2.5-2.5 2.5zm-9.8-4.9c1.9 0 3.8-.7 5.2-2.1S17 11.7 17 9.8v-.3c.5-.4.9-.8 1.3-1.3-.5.2-1 .3-1.5.4.5-.3.9-.8 1.1-1.4-.5.3-1.1.5-1.6.6-.5-.5-1.2-.8-1.9-.8-1.4 0-2.6 1.2-2.6 2.6 0 .2 0 .4.1.6-2-.2-4-1.2-5.3-2.8-.7 1.2-.3 2.7.8 3.4-.4 0-.8-.1-1.2-.3 0 1.2.9 2.3 2.1 2.5-.2.1-.4.1-.7.1h-.5c.3 1 1.3 1.8 2.4 1.8-.9.7-2 1.1-3.2 1.2h-.6c1.2.6 2.6 1 4 1z"}))};
-//# sourceMappingURL=ItTwitterSquare-77589f0c.js.map

package/dist/cjs/ItTwitterSquare-77589f0c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItTwitterSquare-77589f0c.js","sources":["../../src/Icon/assets/ItTwitterSquare.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({\n  title,\n  titleId,\n  ...props\n}: 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='M19.5 22h-15C3.1 22 2 20.9 2 19.5v-15C2 3.1 3.1 2 4.5 2h15C20.9 2 22 3.1 22 4.5v15c0 1.4-1.1 2.5-2.5 2.5zm-9.8-4.9c1.9 0 3.8-.7 5.2-2.1S17 11.7 17 9.8v-.3c.5-.4.9-.8 1.3-1.3-.5.2-1 .3-1.5.4.5-.3.9-.8 1.1-1.4-.5.3-1.1.5-1.6.6-.5-.5-1.2-.8-1.9-.8-1.4 0-2.6 1.2-2.6 2.6 0 .2 0 .4.1.6-2-.2-4-1.2-5.3-2.8-.7 1.2-.3 2.7.8 3.4-.4 0-.8-.1-1.2-.3 0 1.2.9 2.3 2.1 2.5-.2.1-.4.1-.7.1h-.5c.3 1 1.3 1.8 2.4 1.8-.9.7-2 1.1-3.2 1.2h-.6c1.2.6 2.6 1 4 1z' />\n    </svg>\n  );\n};\n"],"names":["_ref","title","titleId","props","React","xmlns","viewBox","xmlSpace","enableBackground","id","d"],"mappings":"sDAMyBA,QAACC,MACxBA,EAAKC,QACLA,KACGC,KAEH,OACEC,qCACEC,MAAM,6BACNC,QAAQ,YACRC,SAAS,WACTC,iBAAiB,kCACAN,GACbC,GAEHF,EAAQG,yBAAOK,GAAIP,GAAUD,GAAiB,KAC/CG,wBAAMM,EAAE"}

package/dist/esm/ItTwitter-6a4b3d15.js

@@ -1,23 +0,0 @@
-import { createElement } from 'react';
-
-const component = _ref => {
-  let {
-    title,
-    titleId,
-    ...props
-  } = _ref;
-  return 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": titleId
-  }, props), title ? createElement("title", {
-    id: titleId
-  }, title) : null, createElement("path", {
-    d: 'M8.1 20c2.9 0 5.7-1.1 7.8-3.2s3.2-4.9 3.2-7.8v-.5c.8-.5 1.4-1.2 1.9-2-.7.3-1.5.5-2.2.6.8-.5 1.4-1.2 1.7-2.1-.8.4-1.6.7-2.5.9-1.1-1.2-2.8-1.5-4.2-.9s-2.4 2-2.4 3.6c0 .3 0 .6.1.9-3.1-.1-6-1.6-8-4-1 1.8-.5 4 1.2 5.2-.6 0-1.2-.2-1.8-.5 0 1.9 1.3 3.5 3.2 3.8-.4 0-.8 0-1.1.1-.2 0-.5 0-.7-.1.5 1.6 2 2.6 3.6 2.7-1.4 1.1-3.1 1.7-4.8 1.7-.3 0-.6 0-.9-.1C3.9 19.4 6 20 8.1 20'
-  }));
-};
-
-export { component };
-//# sourceMappingURL=ItTwitter-6a4b3d15.js.map

package/dist/esm/ItTwitter-6a4b3d15.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItTwitter-6a4b3d15.js","sources":["../../src/Icon/assets/ItTwitter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({\n  title,\n  titleId,\n  ...props\n}: 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='M8.1 20c2.9 0 5.7-1.1 7.8-3.2s3.2-4.9 3.2-7.8v-.5c.8-.5 1.4-1.2 1.9-2-.7.3-1.5.5-2.2.6.8-.5 1.4-1.2 1.7-2.1-.8.4-1.6.7-2.5.9-1.1-1.2-2.8-1.5-4.2-.9s-2.4 2-2.4 3.6c0 .3 0 .6.1.9-3.1-.1-6-1.6-8-4-1 1.8-.5 4 1.2 5.2-.6 0-1.2-.2-1.8-.5 0 1.9 1.3 3.5 3.2 3.8-.4 0-.8 0-1.1.1-.2 0-.5 0-.7-.1.5 1.6 2 2.6 3.6 2.7-1.4 1.1-3.1 1.7-4.8 1.7-.3 0-.6 0-.9-.1C3.9 19.4 6 20 8.1 20' />\n    </svg>\n  );\n};\n"],"names":["component","title","titleId","props","React","xmlns","viewBox","xmlSpace","enableBackground","id","d"],"mappings":";;MAMaA,SAAS,GAAG;MAAC;IACxBC,KAAK;IACLC,OAAO;IACP,GAAGC;GACiC;EACpC,OACEC;IACEC,KAAK,EAAC,4BAA4B;IAClCC,OAAO,EAAC,WAAW;IACnBC,QAAQ,EAAC,UAAU;IACnBC,gBAAgB,EAAC,eAAe;uBACfN;KACbC,KAAK,GAERF,KAAK,GAAGG;IAAOK,EAAE,EAAEP;KAAUD,KAAK,CAAS,GAAG,IAAI,EACnDG;IAAMM,CAAC,EAAC;IAAmX,CACvX;AAEV;;;;"}

package/dist/esm/ItTwitterSquare-ffd6493f.js

@@ -1,23 +0,0 @@
-import { createElement } from 'react';
-
-const component = _ref => {
-  let {
-    title,
-    titleId,
-    ...props
-  } = _ref;
-  return 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": titleId
-  }, props), title ? createElement("title", {
-    id: titleId
-  }, title) : null, createElement("path", {
-    d: 'M19.5 22h-15C3.1 22 2 20.9 2 19.5v-15C2 3.1 3.1 2 4.5 2h15C20.9 2 22 3.1 22 4.5v15c0 1.4-1.1 2.5-2.5 2.5zm-9.8-4.9c1.9 0 3.8-.7 5.2-2.1S17 11.7 17 9.8v-.3c.5-.4.9-.8 1.3-1.3-.5.2-1 .3-1.5.4.5-.3.9-.8 1.1-1.4-.5.3-1.1.5-1.6.6-.5-.5-1.2-.8-1.9-.8-1.4 0-2.6 1.2-2.6 2.6 0 .2 0 .4.1.6-2-.2-4-1.2-5.3-2.8-.7 1.2-.3 2.7.8 3.4-.4 0-.8-.1-1.2-.3 0 1.2.9 2.3 2.1 2.5-.2.1-.4.1-.7.1h-.5c.3 1 1.3 1.8 2.4 1.8-.9.7-2 1.1-3.2 1.2h-.6c1.2.6 2.6 1 4 1z'
-  }));
-};
-
-export { component };
-//# sourceMappingURL=ItTwitterSquare-ffd6493f.js.map

package/dist/esm/ItTwitterSquare-ffd6493f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItTwitterSquare-ffd6493f.js","sources":["../../src/Icon/assets/ItTwitterSquare.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({\n  title,\n  titleId,\n  ...props\n}: 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='M19.5 22h-15C3.1 22 2 20.9 2 19.5v-15C2 3.1 3.1 2 4.5 2h15C20.9 2 22 3.1 22 4.5v15c0 1.4-1.1 2.5-2.5 2.5zm-9.8-4.9c1.9 0 3.8-.7 5.2-2.1S17 11.7 17 9.8v-.3c.5-.4.9-.8 1.3-1.3-.5.2-1 .3-1.5.4.5-.3.9-.8 1.1-1.4-.5.3-1.1.5-1.6.6-.5-.5-1.2-.8-1.9-.8-1.4 0-2.6 1.2-2.6 2.6 0 .2 0 .4.1.6-2-.2-4-1.2-5.3-2.8-.7 1.2-.3 2.7.8 3.4-.4 0-.8-.1-1.2-.3 0 1.2.9 2.3 2.1 2.5-.2.1-.4.1-.7.1h-.5c.3 1 1.3 1.8 2.4 1.8-.9.7-2 1.1-3.2 1.2h-.6c1.2.6 2.6 1 4 1z' />\n    </svg>\n  );\n};\n"],"names":["component","title","titleId","props","React","xmlns","viewBox","xmlSpace","enableBackground","id","d"],"mappings":";;MAMaA,SAAS,GAAG;MAAC;IACxBC,KAAK;IACLC,OAAO;IACP,GAAGC;GACiC;EACpC,OACEC;IACEC,KAAK,EAAC,4BAA4B;IAClCC,OAAO,EAAC,WAAW;IACnBC,QAAQ,EAAC,UAAU;IACnBC,gBAAgB,EAAC,eAAe;uBACfN;KACbC,KAAK,GAERF,KAAK,GAAGG;IAAOK,EAAE,EAAEP;KAAUD,KAAK,CAAS,GAAG,IAAI,EACnDG;IAAMM,CAAC,EAAC;IAA0b,CAC9b;AAEV;;;;"}

package/dist/types/ItTwitter-1dded12f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItTwitter-1dded12f.js","sources":["../../src/Icon/assets/ItTwitter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({\n  title,\n  titleId,\n  ...props\n}: 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='M8.1 20c2.9 0 5.7-1.1 7.8-3.2s3.2-4.9 3.2-7.8v-.5c.8-.5 1.4-1.2 1.9-2-.7.3-1.5.5-2.2.6.8-.5 1.4-1.2 1.7-2.1-.8.4-1.6.7-2.5.9-1.1-1.2-2.8-1.5-4.2-.9s-2.4 2-2.4 3.6c0 .3 0 .6.1.9-3.1-.1-6-1.6-8-4-1 1.8-.5 4 1.2 5.2-.6 0-1.2-.2-1.8-.5 0 1.9 1.3 3.5 3.2 3.8-.4 0-.8 0-1.1.1-.2 0-.5 0-.7-.1.5 1.6 2 2.6 3.6 2.7-1.4 1.1-3.1 1.7-4.8 1.7-.3 0-.6 0-.9-.1C3.9 19.4 6 20 8.1 20' />\n    </svg>\n  );\n};\n"],"names":["component","title","titleId","props","React","xmlns","viewBox","xmlSpace","enableBackground","id","d"],"mappings":";;;;;;;MAMaA,SAAS,GAAG;MAAC;IACxBC,KAAK;IACLC,OAAO;IACP,GAAGC;GACiC;EACpC,OACEC;IACEC,KAAK,EAAC,4BAA4B;IAClCC,OAAO,EAAC,WAAW;IACnBC,QAAQ,EAAC,UAAU;IACnBC,gBAAgB,EAAC,eAAe;uBACfN;KACbC,KAAK,GAERF,KAAK,GAAGG;IAAOK,EAAE,EAAEP;KAAUD,KAAK,CAAS,GAAG,IAAI,EACnDG;IAAMM,CAAC,EAAC;IAAmX,CACvX;AAEV;;;;"}

package/dist/types/ItTwitterSquare-77589f0c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItTwitterSquare-77589f0c.js","sources":["../../src/Icon/assets/ItTwitterSquare.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({\n  title,\n  titleId,\n  ...props\n}: 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='M19.5 22h-15C3.1 22 2 20.9 2 19.5v-15C2 3.1 3.1 2 4.5 2h15C20.9 2 22 3.1 22 4.5v15c0 1.4-1.1 2.5-2.5 2.5zm-9.8-4.9c1.9 0 3.8-.7 5.2-2.1S17 11.7 17 9.8v-.3c.5-.4.9-.8 1.3-1.3-.5.2-1 .3-1.5.4.5-.3.9-.8 1.1-1.4-.5.3-1.1.5-1.6.6-.5-.5-1.2-.8-1.9-.8-1.4 0-2.6 1.2-2.6 2.6 0 .2 0 .4.1.6-2-.2-4-1.2-5.3-2.8-.7 1.2-.3 2.7.8 3.4-.4 0-.8-.1-1.2-.3 0 1.2.9 2.3 2.1 2.5-.2.1-.4.1-.7.1h-.5c.3 1 1.3 1.8 2.4 1.8-.9.7-2 1.1-3.2 1.2h-.6c1.2.6 2.6 1 4 1z' />\n    </svg>\n  );\n};\n"],"names":["component","title","titleId","props","React","xmlns","viewBox","xmlSpace","enableBackground","id","d"],"mappings":";;;;;;;MAMaA,SAAS,GAAG;MAAC;IACxBC,KAAK;IACLC,OAAO;IACP,GAAGC;GACiC;EACpC,OACEC;IACEC,KAAK,EAAC,4BAA4B;IAClCC,OAAO,EAAC,WAAW;IACnBC,QAAQ,EAAC,UAAU;IACnBC,gBAAgB,EAAC,eAAe;uBACfN;KACbC,KAAK,GAERF,KAAK,GAAGG;IAAOK,EAAE,EAAEP;KAAUD,KAAK,CAAS,GAAG,IAAI,EACnDG;IAAMM,CAAC,EAAC;IAA0b,CAC9b;AAEV;;;;"}