@coorpacademy/components 11.40.22-slider.21 → 11.40.23

package/es/atom/html/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useCallback","useMemo","useState","View","useWindowDimensions","RenderHTML","HTML_ANCHOR_TEXT_COLOR","useTemplateContext","Text","HtmlBase","props","createElement","Html","templateContext","width","contentWidth","isDisabledBaseFontStyleColor","disableBaseFontStyleColor","theme","children","fontSize","containerStyle","imageStyle","style","testID","anchorTextColor","isTextCentered","numberOfLines","baseFontStyle","color","colors","black","Array","isArray","styleObject","reduce","result","child","styles","p","marginVertical","textAlign","u","textDecorationLine","i","fontStyle","b","fontWeight","bold","s","tagsStyles","body","h1","h2","h3","h4","h5","h6","a","img","SpanRenderer","htmlAttribs","_children","FontRenderer","key","replace","renderers","font","span","source","html","undefined","ignoredStyles"],"sources":["../../../src/atom/html/index.native.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {View, ViewStyle, ImageStyle, TextStyle, useWindowDimensions} from 'react-native';\nimport RenderHTML, {\n  CustomRendererProps,\n  MixedStyleRecord,\n  RenderHTMLProps,\n  TBlock\n} from 'react-native-render-html';\n\nimport {HTML_ANCHOR_TEXT_COLOR} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Text from '../text/index.native';\n\ninterface CustomRenderHTMLProps extends RenderHTMLProps {\n  baseFontStyle?: TextStyle;\n  testID?: string;\n}\n\nconst HtmlBase = (props: CustomRenderHTMLProps) => {\n  return <RenderHTML {...props} />;\n};\n\nexport type Props = {\n  children: string;\n  fontSize?: TextStyle['fontSize'];\n  numberOfLines?: number;\n  onLinkPress?: (url: string) => void;\n  containerStyle?: ViewStyle;\n  anchorTextColor?: string;\n  imageStyle?: ImageStyle;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  isTextCentered?: boolean;\n};\n\ntype Styles = {\n  p: {\n    marginVertical: ViewStyle['marginVertical'];\n    textAlign: TextStyle['textAlign'];\n  };\n  u: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n  i: {\n    fontStyle: TextStyle['fontStyle'];\n  };\n  b: {\n    fontWeight: TextStyle['fontWeight'];\n  };\n  s: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n};\n\nconst Html = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {width: contentWidth} = useWindowDimensions();\n  const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState<boolean>(false);\n  const {theme} = templateContext;\n  const {\n    children,\n    fontSize,\n    containerStyle,\n    imageStyle,\n    style,\n    testID,\n    anchorTextColor = HTML_ANCHOR_TEXT_COLOR,\n    isTextCentered,\n    numberOfLines\n  } = props;\n\n  let baseFontStyle: TextStyle = useMemo(\n    () => ({fontSize, color: theme.colors.black}),\n    [fontSize, theme]\n  );\n\n  if (style) {\n    if (Array.isArray(style)) {\n      const styleObject = style.reduce((result, child) => ({\n        ...result,\n        ...child\n      }));\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...styleObject\n      };\n    } else {\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...style\n      };\n    }\n  }\n\n  // Don't use StyleSheet there, it's not a react style\n  const styles: Styles = {\n    p: {\n      marginVertical: 0,\n      textAlign: 'center'\n    },\n    u: {\n      textDecorationLine: 'underline'\n    },\n    i: {\n      fontStyle: 'italic'\n    },\n    b: {\n      fontWeight: theme.fontWeight.bold\n    },\n    s: {\n      textDecorationLine: 'line-through'\n    }\n  };\n\n  const tagsStyles = {\n    ...styles,\n    body: {color: baseFontStyle.color},\n    h1: {fontSize},\n    h2: {fontSize},\n    h3: {fontSize},\n    h4: {fontSize},\n    h5: {fontSize},\n    h6: {fontSize},\n    a: {color: anchorTextColor},\n    img: imageStyle || {}\n  } as MixedStyleRecord;\n\n  const SpanRenderer = useCallback(\n    (htmlAttribs: CustomRendererProps<TBlock>, _children: string) => (\n      <Text numberOfLines={numberOfLines}>{_children}</Text>\n    ),\n    [numberOfLines]\n  );\n\n  interface HtmlAttrib extends CustomRendererProps<TBlock> {\n    color?: string;\n  }\n\n  const FontRenderer = useCallback(\n    (htmlAttribs: HtmlAttrib, _children: string) => {\n      if (htmlAttribs.color) {\n        disableBaseFontStyleColor(true);\n      }\n\n      return (\n        <Text\n          key={1}\n          style={{\n            ...baseFontStyle,\n            color: htmlAttribs.color?.replace(/ /g, '')\n          }}\n        >\n          {_children}\n        </Text>\n      );\n    },\n    [baseFontStyle]\n  );\n\n  const renderers = {\n    font: FontRenderer,\n    span: SpanRenderer\n  };\n\n  return (\n    <View testID={testID} style={containerStyle}>\n      <HtmlBase\n        // to text-align center on android\n        // we have to encapsulate between <p> tag\n        // and use custom style define on <p>\n        // definition in component style doesn't work\n        source={{\n          // eslint-disable-next-line no-nested-ternary\n          html: isTextCentered\n            ? `<p>${children}</p>`\n            : numberOfLines\n            ? `<span>${children}</span>`\n            : `${children}`\n        }}\n        contentWidth={contentWidth}\n        tagsStyles={tagsStyles}\n        baseFontStyle={{\n          ...baseFontStyle,\n          color: isDisabledBaseFontStyleColor ? undefined : baseFontStyle.color\n        }}\n        renderers={renderers}\n        // this is exceptionally for the onboarding course\n        // is the only course that has a gif in the context but the img tag\n        // comes with width & height attr and these makes this lib do not render the gif\n        // so to avoid it, we decided to ignore these attr\n        ignoredStyles={['width', 'height']}\n        testID=\"html-base\"\n      />\n    </View>\n  );\n};\n\nexport default Html;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAO,OAAO;AAC3D,SAAQC,IAAI,EAAoCC,mBAAmB,QAAO,cAAc;AACxF,OAAOC,UAAU,MAKV,0BAA0B;AAEjC,SAAQC,sBAAsB,QAAO,8BAA8B;AACnE,SAAQC,kBAAkB,QAAO,4CAA4C;AAC7E,OAAOC,IAAI,MAAM,sBAAsB;AAOvC,MAAMC,QAAQ,GAAIC,KAA4B,IAAK;EACjD,oBAAOX,KAAA,CAAAY,aAAA,CAACN,UAAU,EAAKK,KAAQ,CAAC;AAClC,CAAC;AAkCD,MAAME,IAAI,GAAIF,KAAY,IAAK;EAC7B,MAAMG,eAAe,GAAGN,kBAAkB,CAAC,CAAC;EAC5C,MAAM;IAACO,KAAK,EAAEC;EAAY,CAAC,GAAGX,mBAAmB,CAAC,CAAC;EACnD,MAAM,CAACY,4BAA4B,EAAEC,yBAAyB,CAAC,GAAGf,QAAQ,CAAU,KAAK,CAAC;EAC1F,MAAM;IAACgB;EAAK,CAAC,GAAGL,eAAe;EAC/B,MAAM;IACJM,QAAQ;IACRC,QAAQ;IACRC,cAAc;IACdC,UAAU;IACVC,KAAK;IACLC,MAAM;IACNC,eAAe,GAAGnB,sBAAsB;IACxCoB,cAAc;IACdC;EACF,CAAC,GAAGjB,KAAK;EAET,IAAIkB,aAAwB,GAAG3B,OAAO,CACpC,OAAO;IAACmB,QAAQ;IAAES,KAAK,EAAEX,KAAK,CAACY,MAAM,CAACC;EAAK,CAAC,CAAC,EAC7C,CAACX,QAAQ,EAAEF,KAAK,CAClB,CAAC;EAED,IAAIK,KAAK,EAAE;IACT,IAAIS,KAAK,CAACC,OAAO,CAACV,KAAK,CAAC,EAAE;MACxB,MAAMW,WAAW,GAAGX,KAAK,CAACY,MAAM,CAAC,CAACC,MAAM,EAAEC,KAAK,MAAM;QACnD,GAAGD,MAAM;QACT,GAAGC;MACL,CAAC,CAAC,CAAC;MACHT,aAAa,GAAG;QACd,GAAGA,aAAa;QAChB,GAAGM;MACL,CAAC;IACH,CAAC,MAAM;MACLN,aAAa,GAAG;QACd,GAAGA,aAAa;QAChB,GAAGL;MACL,CAAC;IACH;EACF;;EAEA;EACA,MAAMe,MAAc,GAAG;IACrBC,CAAC,EAAE;MACDC,cAAc,EAAE,CAAC;MACjBC,SAAS,EAAE;IACb,CAAC;IACDC,CAAC,EAAE;MACDC,kBAAkB,EAAE;IACtB,CAAC;IACDC,CAAC,EAAE;MACDC,SAAS,EAAE;IACb,CAAC;IACDC,CAAC,EAAE;MACDC,UAAU,EAAE7B,KAAK,CAAC6B,UAAU,CAACC;IAC/B,CAAC;IACDC,CAAC,EAAE;MACDN,kBAAkB,EAAE;IACtB;EACF,CAAC;EAED,MAAMO,UAAU,GAAG;IACjB,GAAGZ,MAAM;IACTa,IAAI,EAAE;MAACtB,KAAK,EAAED,aAAa,CAACC;IAAK,CAAC;IAClCuB,EAAE,EAAE;MAAChC;IAAQ,CAAC;IACdiC,EAAE,EAAE;MAACjC;IAAQ,CAAC;IACdkC,EAAE,EAAE;MAAClC;IAAQ,CAAC;IACdmC,EAAE,EAAE;MAACnC;IAAQ,CAAC;IACdoC,EAAE,EAAE;MAACpC;IAAQ,CAAC;IACdqC,EAAE,EAAE;MAACrC;IAAQ,CAAC;IACdsC,CAAC,EAAE;MAAC7B,KAAK,EAAEJ;IAAe,CAAC;IAC3BkC,GAAG,EAAErC,UAAU,IAAI,CAAC;EACtB,CAAqB;EAErB,MAAMsC,YAAY,GAAG5D,WAAW,CAC9B,CAAC6D,WAAwC,EAAEC,SAAiB,kBAC1D/D,KAAA,CAAAY,aAAA,CAACH,IAAI;IAACmB,aAAa,EAAEA;EAAc,GAAEmC,SAAgB,CACtD,EACD,CAACnC,aAAa,CAChB,CAAC;EAMD,MAAMoC,YAAY,GAAG/D,WAAW,CAC9B,CAAC6D,WAAuB,EAAEC,SAAiB,KAAK;IAC9C,IAAID,WAAW,CAAChC,KAAK,EAAE;MACrBZ,yBAAyB,CAAC,IAAI,CAAC;IACjC;IAEA,oBACElB,KAAA,CAAAY,aAAA,CAACH,IAAI;MACHwD,GAAG,EAAE,CAAE;MACPzC,KAAK,EAAE;QACL,GAAGK,aAAa;QAChBC,KAAK,EAAEgC,WAAW,CAAChC,KAAK,EAAEoC,OAAO,CAAC,IAAI,EAAE,EAAE;MAC5C;IAAE,GAEDH,SACG,CAAC;EAEX,CAAC,EACD,CAAClC,aAAa,CAChB,CAAC;EAED,MAAMsC,SAAS,GAAG;IAChBC,IAAI,EAAEJ,YAAY;IAClBK,IAAI,EAAER;EACR,CAAC;EAED,oBACE7D,KAAA,CAAAY,aAAA,CAACR,IAAI;IAACqB,MAAM,EAAEA,MAAO;IAACD,KAAK,EAAEF;EAAe,gBAC1CtB,KAAA,CAAAY,aAAA,CAACF;EACC;EACA;EACA;EACA;EAAA;IACA4D,MAAM,EAAE;MACN;MACAC,IAAI,EAAE5C,cAAc,GAChB,MAAMP,QAAQ,MAAM,GACpBQ,aAAa,GACb,SAASR,QAAQ,SAAS,GAC1B,GAAGA,QAAQ;IACjB,CAAE;IACFJ,YAAY,EAAEA,YAAa;IAC3BmC,UAAU,EAAEA,UAAW;IACvBtB,aAAa,EAAE;MACb,GAAGA,aAAa;MAChBC,KAAK,EAAEb,4BAA4B,GAAGuD,SAAS,GAAG3C,aAAa,CAACC;IAClE,CAAE;IACFqC,SAAS,EAAEA;IACX;IACA;IACA;IACA;IAAA;IACAM,aAAa,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAE;IACnChD,MAAM,EAAC;EAAW,CACnB,CACG,CAAC;AAEX,CAAC;AAED,eAAeZ,IAAI","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useCallback","useMemo","useState","View","RenderHTML","HTML_ANCHOR_TEXT_COLOR","useTemplateContext","Text","HtmlBase","props","createElement","Html","templateContext","isDisabledBaseFontStyleColor","disableBaseFontStyleColor","theme","children","fontSize","containerStyle","imageStyle","style","testID","anchorTextColor","isTextCentered","numberOfLines","styles","p","marginVertical","textAlign","u","textDecorationLine","i","fontStyle","b","fontWeight","bold","s","tagsStyles","h1","h2","h3","h4","h5","h6","a","color","img","baseFontStyle","colors","black","Array","isArray","styleObject","reduce","result","child","SpanRenderer","htmlAttribs","_children","FontRenderer","key","replace","renderers","font","span","source","html","undefined","ignoredStyles"],"sources":["../../../src/atom/html/index.native.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {View, ViewStyle, ImageStyle, TextStyle} from 'react-native';\nimport RenderHTML, {\n  CustomRendererProps,\n  MixedStyleRecord,\n  RenderHTMLProps,\n  TBlock\n} from 'react-native-render-html';\n\nimport {HTML_ANCHOR_TEXT_COLOR} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Text from '../text/index.native';\n\ninterface CustomRenderHTMLProps extends RenderHTMLProps {\n  baseFontStyle?: TextStyle;\n  testID?: string;\n}\n\nconst HtmlBase = (props: CustomRenderHTMLProps) => {\n  return <RenderHTML {...props} />;\n};\n\nexport type Props = {\n  children: string;\n  fontSize?: TextStyle['fontSize'];\n  numberOfLines?: number;\n  onLinkPress?: (url: string) => void;\n  containerStyle?: ViewStyle;\n  anchorTextColor?: string;\n  imageStyle?: ImageStyle;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  isTextCentered?: boolean;\n};\n\ntype Styles = {\n  p: {\n    marginVertical: ViewStyle['marginVertical'];\n    textAlign: TextStyle['textAlign'];\n  };\n  u: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n  i: {\n    fontStyle: TextStyle['fontStyle'];\n  };\n  b: {\n    fontWeight: TextStyle['fontWeight'];\n  };\n  s: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n};\n\nconst Html = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState<boolean>(false);\n  const {theme} = templateContext;\n  const {\n    children,\n    fontSize,\n    containerStyle,\n    imageStyle,\n    style,\n    testID,\n    anchorTextColor = HTML_ANCHOR_TEXT_COLOR,\n    isTextCentered,\n    numberOfLines\n  } = props;\n\n  // Don't use StyleSheet there, it's not a react style\n  const styles: Styles = {\n    p: {\n      marginVertical: 0,\n      textAlign: 'center'\n    },\n    u: {\n      textDecorationLine: 'underline'\n    },\n    i: {\n      fontStyle: 'italic'\n    },\n    b: {\n      fontWeight: theme.fontWeight.bold\n    },\n    s: {\n      textDecorationLine: 'line-through'\n    }\n  };\n\n  const tagsStyles: MixedStyleRecord = {\n    ...styles,\n    h1: {fontSize},\n    h2: {fontSize},\n    h3: {fontSize},\n    h4: {fontSize},\n    h5: {fontSize},\n    h6: {fontSize},\n    a: {color: anchorTextColor},\n    img: imageStyle || {}\n  };\n\n  let baseFontStyle: TextStyle = useMemo(\n    () => ({fontSize, color: theme.colors.black}),\n    [fontSize, theme]\n  );\n\n  if (style) {\n    if (Array.isArray(style)) {\n      const styleObject = style.reduce((result, child) => ({\n        ...result,\n        ...child\n      }));\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...styleObject\n      };\n    } else {\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...style\n      };\n    }\n  }\n\n  const SpanRenderer = useCallback(\n    (htmlAttribs: CustomRendererProps<TBlock>, _children: string) => (\n      <Text numberOfLines={numberOfLines}>{_children}</Text>\n    ),\n    [numberOfLines]\n  );\n\n  interface HtmlAttrib extends CustomRendererProps<TBlock> {\n    color?: string;\n  }\n\n  const FontRenderer = useCallback(\n    (htmlAttribs: HtmlAttrib, _children: string) => {\n      if (htmlAttribs.color) {\n        disableBaseFontStyleColor(true);\n      }\n\n      return (\n        <Text\n          key={1}\n          style={{\n            ...baseFontStyle,\n            color: htmlAttribs.color?.replace(/ /g, '')\n          }}\n        >\n          {_children}\n        </Text>\n      );\n    },\n    [baseFontStyle]\n  );\n\n  const renderers = {\n    font: FontRenderer,\n    span: SpanRenderer\n  };\n\n  return (\n    <View testID={testID} style={containerStyle}>\n      <HtmlBase\n        // to text-align center on android\n        // we have to encapsulate between <p> tag\n        // and use custom style define on <p>\n        // definition in component style doesn't work\n        source={{\n          // eslint-disable-next-line no-nested-ternary\n          html: isTextCentered\n            ? `<p>${children}</p>`\n            : numberOfLines\n            ? `<span>${children}</span>`\n            : `${children}`\n        }}\n        tagsStyles={tagsStyles}\n        baseFontStyle={{\n          ...baseFontStyle,\n          color: isDisabledBaseFontStyleColor ? undefined : baseFontStyle.color\n        }}\n        renderers={renderers}\n        // this is exceptionally for the onboarding course\n        // is the only course that has a gif in the context but the img tag\n        // comes with width & height attr and these makes this lib do not render the gif\n        // so to avoid it, we decided to ignore these attr\n        ignoredStyles={['width', 'height']}\n        testID=\"html-base\"\n      />\n    </View>\n  );\n};\n\nexport default Html;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/icon/index.d.ts

@@ -33,7 +33,7 @@ export declare const propTypes: {
         wrapperSize: PropTypes.Validator<number>;
     }>>;
     customStyle: PropTypes.Requireable<{
-        [x: string]: NonNullable<string | number>;
+        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
     }>;
 };
 export default Icon;

package/es/atom/icon/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { fas } from '@fortawesome/free-solid-svg-icons';
+import { fas } from '@fortawesome/pro-solid-svg-icons';
 import { library } from '@fortawesome/fontawesome-svg-core';
 import toLower from 'lodash/fp/toLower';
 import merge from 'lodash/fp/merge';

package/es/atom/icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","FontAwesomeIcon","fas","library","toLower","merge","getOr","convert","createGradientBackground","style","add","DEFAULT_PRESET","ICON_LUMINOSITY","DEFAULT_WRAPPER_SIZE","ICON_PADDING","DEFAULT_ICON_COLOR","getForegroundColor","backgroundColor","SIZE_CONFIGS","s","faSize","wrapperSize","m","xl","Icon","iconName","iconColor","gradientBackground","borderRadius","preset","size","customStyle","effectiveIconColor","effectiveSize","hasBackground","createElement","icon","color","fontSize","iconWrapperStyle","background","width","height","padding","className","iconWrapper","propTypes","string","isRequired","bool","oneOf","shape","number","objectOf","oneOfType","process","env","NODE_ENV"],"sources":["../../../src/atom/icon/index.tsx"],"sourcesContent":["import React, {CSSProperties} from 'react';\nimport PropTypes from 'prop-types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/free-solid-svg-icons';\nimport {IconName, library, IconPack} from '@fortawesome/fontawesome-svg-core';\nimport toLower from 'lodash/fp/toLower';\nimport merge from 'lodash/fp/merge';\nimport getOr from 'lodash/fp/getOr';\nimport {convert} from 'css-color-function';\nimport {createGradientBackground} from '../../util/get-background-gradient-color';\nimport style from './style.css';\n\nlibrary.add(fas as IconPack);\n\nexport const DEFAULT_PRESET = 'm';\nexport const ICON_LUMINOSITY = 32;\nexport const DEFAULT_WRAPPER_SIZE = 40;\nexport const ICON_PADDING = 8;\nexport const DEFAULT_ICON_COLOR = 'hsl(0, 0%, 32%)';\n\nexport interface IconSize {\n  faSize: number;\n  wrapperSize: number;\n}\n\nexport interface IconProps {\n  iconName: string;\n  iconColor?: string;\n  backgroundColor?: string;\n  gradientBackground?: boolean;\n  borderRadius?: string;\n  preset?: string;\n  size?: IconSize;\n  customStyle?: CSSProperties;\n}\n\nexport function getForegroundColor(backgroundColor: string): string {\n  return convert(`color(${backgroundColor} lightness(${ICON_LUMINOSITY}%))`);\n}\n\nconst SIZE_CONFIGS: Record<'s' | 'm' | 'xl', IconSize> = {\n  s: {\n    faSize: 12,\n    wrapperSize: 32\n  },\n  m: {\n    faSize: 16,\n    wrapperSize: DEFAULT_WRAPPER_SIZE\n  },\n  xl: {\n    faSize: 20,\n    wrapperSize: 48\n  }\n};\n\nconst Icon: React.FC<IconProps> = ({\n  iconName,\n  iconColor,\n  backgroundColor,\n  gradientBackground,\n  borderRadius,\n  preset = DEFAULT_PRESET,\n  size,\n  customStyle\n}) => {\n  const effectiveIconColor =\n    iconColor || (backgroundColor ? getForegroundColor(backgroundColor) : DEFAULT_ICON_COLOR);\n\n  const effectiveSize = size\n    ? merge(SIZE_CONFIGS[DEFAULT_PRESET], size)\n    : getOr(SIZE_CONFIGS[DEFAULT_PRESET], toLower(preset), SIZE_CONFIGS);\n\n  const hasBackground = backgroundColor || gradientBackground;\n  if (!hasBackground) {\n    return (\n      <FontAwesomeIcon\n        icon={`fa-${iconName}` as IconName}\n        color={effectiveIconColor}\n        fontSize={effectiveSize.faSize}\n        style={customStyle}\n      />\n    );\n  }\n\n  const wrapperSize = effectiveSize.wrapperSize - ICON_PADDING * 2;\n  const iconWrapperStyle: CSSProperties = {\n    background: gradientBackground\n      ? createGradientBackground(effectiveIconColor, '81%', '91%')\n      : backgroundColor,\n    borderRadius,\n    width: wrapperSize,\n    height: wrapperSize,\n    padding: ICON_PADDING\n  };\n\n  return (\n    <div className={style.iconWrapper} style={{...iconWrapperStyle, ...customStyle}}>\n      <FontAwesomeIcon\n        icon={`fa-${iconName}` as IconName}\n        color={effectiveIconColor}\n        fontSize={effectiveSize.faSize}\n      />\n    </div>\n  );\n};\n\nexport const propTypes = {\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  gradientBackground: PropTypes.bool,\n  borderRadius: PropTypes.string,\n  preset: PropTypes.oneOf(['s', 'm', 'xl']),\n  size: PropTypes.shape({\n    faSize: PropTypes.number.isRequired,\n    wrapperSize: PropTypes.number.isRequired\n  }),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\n// const MemoizedIcon = React.memo(Icon) as React.MemoExoticComponent<React.FC<IconProps>> & {\n//   propTypes?: React.WeakValidationMap<IconProps>;\n//   defaultProps?: Partial<IconProps>;\n// };\n\nIcon.propTypes = propTypes as React.WeakValidationMap<IconProps>;\n// MemoizedIcon.propTypes = Icon.propTypes;\n\nexport default Icon;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","FontAwesomeIcon","fas","library","toLower","merge","getOr","convert","createGradientBackground","style","add","DEFAULT_PRESET","ICON_LUMINOSITY","DEFAULT_WRAPPER_SIZE","ICON_PADDING","DEFAULT_ICON_COLOR","getForegroundColor","backgroundColor","SIZE_CONFIGS","s","faSize","wrapperSize","m","xl","Icon","iconName","iconColor","gradientBackground","borderRadius","preset","size","customStyle","effectiveIconColor","effectiveSize","hasBackground","createElement","icon","color","fontSize","iconWrapperStyle","background","width","height","padding","className","iconWrapper","propTypes","string","isRequired","bool","oneOf","shape","number","objectOf","oneOfType","process","env","NODE_ENV"],"sources":["../../../src/atom/icon/index.tsx"],"sourcesContent":["import React, {CSSProperties} from 'react';\nimport PropTypes from 'prop-types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {IconName, library} from '@fortawesome/fontawesome-svg-core';\nimport toLower from 'lodash/fp/toLower';\nimport merge from 'lodash/fp/merge';\nimport getOr from 'lodash/fp/getOr';\nimport {convert} from 'css-color-function';\nimport {createGradientBackground} from '../../util/get-background-gradient-color';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nexport const DEFAULT_PRESET = 'm';\nexport const ICON_LUMINOSITY = 32;\nexport const DEFAULT_WRAPPER_SIZE = 40;\nexport const ICON_PADDING = 8;\nexport const DEFAULT_ICON_COLOR = 'hsl(0, 0%, 32%)';\n\nexport interface IconSize {\n  faSize: number;\n  wrapperSize: number;\n}\n\nexport interface IconProps {\n  iconName: string;\n  iconColor?: string;\n  backgroundColor?: string;\n  gradientBackground?: boolean;\n  borderRadius?: string;\n  preset?: string;\n  size?: IconSize;\n  customStyle?: CSSProperties;\n}\n\nexport function getForegroundColor(backgroundColor: string): string {\n  return convert(`color(${backgroundColor} lightness(${ICON_LUMINOSITY}%))`);\n}\n\nconst SIZE_CONFIGS: Record<'s' | 'm' | 'xl', IconSize> = {\n  s: {\n    faSize: 12,\n    wrapperSize: 32\n  },\n  m: {\n    faSize: 16,\n    wrapperSize: DEFAULT_WRAPPER_SIZE\n  },\n  xl: {\n    faSize: 20,\n    wrapperSize: 48\n  }\n};\n\nconst Icon: React.FC<IconProps> = ({\n  iconName,\n  iconColor,\n  backgroundColor,\n  gradientBackground,\n  borderRadius,\n  preset = DEFAULT_PRESET,\n  size,\n  customStyle\n}) => {\n  const effectiveIconColor =\n    iconColor || (backgroundColor ? getForegroundColor(backgroundColor) : DEFAULT_ICON_COLOR);\n\n  const effectiveSize = size\n    ? merge(SIZE_CONFIGS[DEFAULT_PRESET], size)\n    : getOr(SIZE_CONFIGS[DEFAULT_PRESET], toLower(preset), SIZE_CONFIGS);\n\n  const hasBackground = backgroundColor || gradientBackground;\n  if (!hasBackground) {\n    return (\n      <FontAwesomeIcon\n        icon={`fa-${iconName}` as IconName}\n        color={effectiveIconColor}\n        fontSize={effectiveSize.faSize}\n        style={customStyle}\n      />\n    );\n  }\n\n  const wrapperSize = effectiveSize.wrapperSize - ICON_PADDING * 2;\n  const iconWrapperStyle: CSSProperties = {\n    background: gradientBackground\n      ? createGradientBackground(effectiveIconColor, '81%', '91%')\n      : backgroundColor,\n    borderRadius,\n    width: wrapperSize,\n    height: wrapperSize,\n    padding: ICON_PADDING\n  };\n\n  return (\n    <div className={style.iconWrapper} style={{...iconWrapperStyle, ...customStyle}}>\n      <FontAwesomeIcon\n        icon={`fa-${iconName}` as IconName}\n        color={effectiveIconColor}\n        fontSize={effectiveSize.faSize}\n      />\n    </div>\n  );\n};\n\nexport const propTypes = {\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  gradientBackground: PropTypes.bool,\n  borderRadius: PropTypes.string,\n  preset: PropTypes.oneOf(['s', 'm', 'xl']),\n  size: PropTypes.shape({\n    faSize: PropTypes.number.isRequired,\n    wrapperSize: PropTypes.number.isRequired\n  }),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\n// const MemoizedIcon = React.memo(Icon) as React.MemoExoticComponent<React.FC<IconProps>> & {\n//   propTypes?: React.WeakValidationMap<IconProps>;\n//   defaultProps?: Partial<IconProps>;\n// };\n\nIcon.propTypes = propTypes;\n// MemoizedIcon.propTypes = Icon.propTypes;\n\nexport default Icon;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/image-background/index.native.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { ViewStyle, ImageStyle } from 'react-native';
 export declare type Props = ImageStyle & {
     children?: ReactNode;
@@ -10,6 +10,6 @@ export declare type Props = ImageStyle & {
     };
     style?: ViewStyle;
 };
-declare const ImageBackground: ({ source, gradient, gradientStyle, style, testID, ...props }: Props) => React.JSX.Element;
+declare const ImageBackground: ({ source, gradient, gradientStyle, style, testID, ...props }: Props) => JSX.Element;
 export default ImageBackground;
 //# sourceMappingURL=index.native.d.ts.map

package/es/atom/image-background/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/image-background/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,EAIL,SAAS,EACT,UAAU,EACX,MAAM,cAAc,CAAC;AAiBtB,oBAAY,KAAK,GAAG,UAAU,GAAG;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE;QAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;KAAC,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,eAAe,iEAOlB,KAAK,sBAgDP,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/image-background/index.native.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,EAGL,SAAS,EACT,UAAU,EACX,MAAM,cAAc,CAAC;AAiBtB,oBAAY,KAAK,GAAG,UAAU,GAAG;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE;QAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;KAAC,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,eAAe,iEAOlB,KAAK,gBAgDP,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/es/atom/image-background/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","ImageBackground","ImageBackgroundBase","StyleSheet","getCleanUri","getResizedImage","Gradient","styles","create","image","width","height","gradient","flex","source","gradientStyle","style","testID","props","uri","_width","_height","resizeMode","flatten","maxHeight","undefined","maxWidth","resizedSource","children","remainingProps","_style","push","createElement","_extends","colors"],"sources":["../../../src/atom/image-background/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {\n  ImageBackground as ImageBackgroundBase,\n  ImageBackgroundProps,\n  StyleSheet,\n  ViewStyle,\n  ImageStyle\n} from 'react-native';\n\nimport getCleanUri from '../../util/get-clean-uri';\n\nimport getResizedImage from '../../util/get-resized-image';\nimport Gradient from '../gradient/index.native';\n\nconst styles = StyleSheet.create({\n  image: {\n    width: '100%',\n    height: '100%'\n  },\n  gradient: {\n    flex: 1\n  }\n});\n\nexport type Props = ImageStyle & {\n  children?: ReactNode;\n  gradient?: Array<string>;\n  gradientStyle?: ViewStyle;\n  testID?: string;\n  source: {uri: string | undefined};\n  style?: ViewStyle;\n};\n\nconst ImageBackground = ({\n  source,\n  gradient,\n  gradientStyle,\n  style,\n  testID = 'image-background',\n  ...props\n}: Props) => {\n  let uri: string | undefined = source && source.uri;\n\n  if (uri) {\n    const {width: _width, height: _height, resizeMode} = props;\n    const {width, height} = StyleSheet.flatten([{width: _width, height: _height}, style]);\n    const maxHeight: number | undefined = typeof height === 'number' ? height : undefined;\n    const maxWidth: number | undefined = typeof width === 'number' ? width : undefined;\n\n    uri = getResizedImage(getCleanUri(uri), {\n      maxHeight,\n      maxWidth,\n      resizeMode\n    });\n  }\n\n  const resizedSource = (uri && {uri}) || source;\n\n  if (gradient) {\n    const {children, ...remainingProps} = props;\n    const _style: ViewStyle[] = [styles.gradient];\n\n    if (gradientStyle) {\n      _style.push(gradientStyle);\n    }\n\n    return (\n      <ImageBackgroundBase\n        {...(remainingProps as ImageBackgroundProps)}\n        source={resizedSource}\n        style={[styles.image, style]}\n        testID={testID}\n      >\n        <Gradient testID={`${testID}-gradient`} colors={gradient} style={_style}>\n          {children}\n        </Gradient>\n      </ImageBackgroundBase>\n    );\n  }\n\n  return (\n    <ImageBackgroundBase\n      {...(props as ImageBackgroundProps)}\n      source={resizedSource}\n      style={[styles.image, style]}\n      testID={testID}\n    />\n  );\n};\n\nexport default ImageBackground;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAmB,OAAO;AACtC,SACEC,eAAe,IAAIC,mBAAmB,EAEtCC,UAAU,QAGL,cAAc;AAErB,OAAOC,WAAW,MAAM,0BAA0B;AAElD,OAAOC,eAAe,MAAM,8BAA8B;AAC1D,OAAOC,QAAQ,MAAM,0BAA0B;AAE/C,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACLC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRC,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAWF,MAAMZ,eAAe,GAAGA,CAAC;EACvBa,MAAM;EACNF,QAAQ;EACRG,aAAa;EACbC,KAAK;EACLC,MAAM,GAAG,kBAAkB;EAC3B,GAAGC;AACE,CAAC,KAAK;EACX,IAAIC,GAAuB,GAAGL,MAAM,IAAIA,MAAM,CAACK,GAAG;EAElD,IAAIA,GAAG,EAAE;IACP,MAAM;MAACT,KAAK,EAAEU,MAAM;MAAET,MAAM,EAAEU,OAAO;MAAEC;IAAU,CAAC,GAAGJ,KAAK;IAC1D,MAAM;MAACR,KAAK;MAAEC;IAAM,CAAC,GAAGR,UAAU,CAACoB,OAAO,CAAC,CAAC;MAACb,KAAK,EAAEU,MAAM;MAAET,MAAM,EAAEU;IAAO,CAAC,EAAEL,KAAK,CAAC,CAAC;IACrF,MAAMQ,SAA6B,GAAG,OAAOb,MAAM,KAAK,QAAQ,GAAGA,MAAM,GAAGc,SAAS;IACrF,MAAMC,QAA4B,GAAG,OAAOhB,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGe,SAAS;IAElFN,GAAG,GAAGd,eAAe,CAACD,WAAW,CAACe,GAAG,CAAC,EAAE;MACtCK,SAAS;MACTE,QAAQ;MACRJ;IACF,CAAC,CAAC;EACJ;EAEA,MAAMK,aAAa,GAAIR,GAAG,IAAI;IAACA;EAAG,CAAC,IAAKL,MAAM;EAE9C,IAAIF,QAAQ,EAAE;IACZ,MAAM;MAACgB,QAAQ;MAAE,GAAGC;IAAc,CAAC,GAAGX,KAAK;IAC3C,MAAMY,MAAmB,GAAG,CAACvB,MAAM,CAACK,QAAQ,CAAC;IAE7C,IAAIG,aAAa,EAAE;MACjBe,MAAM,CAACC,IAAI,CAAChB,aAAa,CAAC;IAC5B;IAEA,oBACEf,KAAA,CAAAgC,aAAA,CAAC9B,mBAAmB,EAAA+B,QAAA,KACbJ,cAAc;MACnBf,MAAM,EAAEa,aAAc;MACtBX,KAAK,EAAE,CAACT,MAAM,CAACE,KAAK,EAAEO,KAAK,CAAE;MAC7BC,MAAM,EAAEA;IAAO,iBAEfjB,KAAA,CAAAgC,aAAA,CAAC1B,QAAQ;MAACW,MAAM,EAAE,GAAGA,MAAM,WAAY;MAACiB,MAAM,EAAEtB,QAAS;MAACI,KAAK,EAAEc;IAAO,GACrEF,QACO,CACS,CAAC;EAE1B;EAEA,oBACE5B,KAAA,CAAAgC,aAAA,CAAC9B,mBAAmB,EAAA+B,QAAA,KACbf,KAAK;IACVJ,MAAM,EAAEa,aAAc;IACtBX,KAAK,EAAE,CAACT,MAAM,CAACE,KAAK,EAAEO,KAAK,CAAE;IAC7BC,MAAM,EAAEA;EAAO,EAChB,CAAC;AAEN,CAAC;AAED,eAAehB,eAAe","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","ImageBackground","ImageBackgroundBase","StyleSheet","getCleanUri","getResizedImage","Gradient","styles","create","image","width","height","gradient","flex","source","gradientStyle","style","testID","props","uri","_width","_height","resizeMode","flatten","maxHeight","undefined","maxWidth","resizedSource","children","remainingProps","_style","push","createElement","_extends","colors"],"sources":["../../../src/atom/image-background/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {\n  ImageBackground as ImageBackgroundBase,\n  StyleSheet,\n  ViewStyle,\n  ImageStyle\n} from 'react-native';\n\nimport getCleanUri from '../../util/get-clean-uri';\n\nimport getResizedImage from '../../util/get-resized-image';\nimport Gradient from '../gradient/index.native';\n\nconst styles = StyleSheet.create({\n  image: {\n    width: '100%',\n    height: '100%'\n  },\n  gradient: {\n    flex: 1\n  }\n});\n\nexport type Props = ImageStyle & {\n  children?: ReactNode;\n  gradient?: Array<string>;\n  gradientStyle?: ViewStyle;\n  testID?: string;\n  source: {uri: string | undefined};\n  style?: ViewStyle;\n};\n\nconst ImageBackground = ({\n  source,\n  gradient,\n  gradientStyle,\n  style,\n  testID = 'image-background',\n  ...props\n}: Props) => {\n  let uri: string | undefined = source && source.uri;\n\n  if (uri) {\n    const {width: _width, height: _height, resizeMode} = props;\n    const {width, height} = StyleSheet.flatten([{width: _width, height: _height}, style]);\n    const maxHeight: number | undefined = typeof height === 'number' ? height : undefined;\n    const maxWidth: number | undefined = typeof width === 'number' ? width : undefined;\n\n    uri = getResizedImage(getCleanUri(uri), {\n      maxHeight,\n      maxWidth,\n      resizeMode\n    });\n  }\n\n  const resizedSource = (uri && {uri}) || source;\n\n  if (gradient) {\n    const {children, ...remainingProps} = props;\n    const _style: ViewStyle[] = [styles.gradient];\n\n    if (gradientStyle) {\n      _style.push(gradientStyle);\n    }\n\n    return (\n      <ImageBackgroundBase\n        {...remainingProps}\n        source={resizedSource}\n        style={[styles.image, style]}\n        testID={testID}\n      >\n        <Gradient testID={`${testID}-gradient`} colors={gradient} style={_style}>\n          {children}\n        </Gradient>\n      </ImageBackgroundBase>\n    );\n  }\n\n  return (\n    <ImageBackgroundBase\n      {...props}\n      source={resizedSource}\n      style={[styles.image, style]}\n      testID={testID}\n    />\n  );\n};\n\nexport default ImageBackground;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAmB,OAAO;AACtC,SACEC,eAAe,IAAIC,mBAAmB,EACtCC,UAAU,QAGL,cAAc;AAErB,OAAOC,WAAW,MAAM,0BAA0B;AAElD,OAAOC,eAAe,MAAM,8BAA8B;AAC1D,OAAOC,QAAQ,MAAM,0BAA0B;AAE/C,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACLC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRC,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAWF,MAAMZ,eAAe,GAAGA,CAAC;EACvBa,MAAM;EACNF,QAAQ;EACRG,aAAa;EACbC,KAAK;EACLC,MAAM,GAAG,kBAAkB;EAC3B,GAAGC;AACE,CAAC,KAAK;EACX,IAAIC,GAAuB,GAAGL,MAAM,IAAIA,MAAM,CAACK,GAAG;EAElD,IAAIA,GAAG,EAAE;IACP,MAAM;MAACT,KAAK,EAAEU,MAAM;MAAET,MAAM,EAAEU,OAAO;MAAEC;IAAU,CAAC,GAAGJ,KAAK;IAC1D,MAAM;MAACR,KAAK;MAAEC;IAAM,CAAC,GAAGR,UAAU,CAACoB,OAAO,CAAC,CAAC;MAACb,KAAK,EAAEU,MAAM;MAAET,MAAM,EAAEU;IAAO,CAAC,EAAEL,KAAK,CAAC,CAAC;IACrF,MAAMQ,SAA6B,GAAG,OAAOb,MAAM,KAAK,QAAQ,GAAGA,MAAM,GAAGc,SAAS;IACrF,MAAMC,QAA4B,GAAG,OAAOhB,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGe,SAAS;IAElFN,GAAG,GAAGd,eAAe,CAACD,WAAW,CAACe,GAAG,CAAC,EAAE;MACtCK,SAAS;MACTE,QAAQ;MACRJ;IACF,CAAC,CAAC;EACJ;EAEA,MAAMK,aAAa,GAAIR,GAAG,IAAI;IAACA;EAAG,CAAC,IAAKL,MAAM;EAE9C,IAAIF,QAAQ,EAAE;IACZ,MAAM;MAACgB,QAAQ;MAAE,GAAGC;IAAc,CAAC,GAAGX,KAAK;IAC3C,MAAMY,MAAmB,GAAG,CAACvB,MAAM,CAACK,QAAQ,CAAC;IAE7C,IAAIG,aAAa,EAAE;MACjBe,MAAM,CAACC,IAAI,CAAChB,aAAa,CAAC;IAC5B;IAEA,oBACEf,KAAA,CAAAgC,aAAA,CAAC9B,mBAAmB,EAAA+B,QAAA,KACdJ,cAAc;MAClBf,MAAM,EAAEa,aAAc;MACtBX,KAAK,EAAE,CAACT,MAAM,CAACE,KAAK,EAAEO,KAAK,CAAE;MAC7BC,MAAM,EAAEA;IAAO,iBAEfjB,KAAA,CAAAgC,aAAA,CAAC1B,QAAQ;MAACW,MAAM,EAAE,GAAGA,MAAM,WAAY;MAACiB,MAAM,EAAEtB,QAAS;MAACI,KAAK,EAAEc;IAAO,GACrEF,QACO,CACS,CAAC;EAE1B;EAEA,oBACE5B,KAAA,CAAAgC,aAAA,CAAC9B,mBAAmB,EAAA+B,QAAA,KACdf,KAAK;IACTJ,MAAM,EAAEa,aAAc;IACtBX,KAAK,EAAE,CAACT,MAAM,CAACE,KAAK,EAAEO,KAAK,CAAE;IAC7BC,MAAM,EAAEA;EAAO,EAChB,CAAC;AAEN,CAAC;AAED,eAAehB,eAAe","ignoreList":[]}

package/es/atom/input-checkbox/index.d.ts

@@ -1,5 +1,5 @@
 export default InputCheckbox;
-declare function InputCheckbox(props: any): React.JSX.Element;
+declare function InputCheckbox(props: any): JSX.Element;
 declare namespace InputCheckbox {
     namespace propTypes {
         const title: PropTypes.Validator<string>;
@@ -14,6 +14,5 @@ declare namespace InputCheckbox {
         const titleStyle: PropTypes.Requireable<string>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/input-checkbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-checkbox/index.js"],"names":[],"mappings":";AAeA,8DAwDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-checkbox/index.js"],"names":[],"mappings":";AAeA,wDAwDC"}

package/es/atom/input-color/index.d.ts

@@ -1,5 +1,5 @@
 export default InputColor;
-declare function InputColor(props: any): React.JSX.Element;
+declare function InputColor(props: any): JSX.Element;
 declare namespace InputColor {
     namespace propTypes {
         const title: PropTypes.Validator<string>;
@@ -13,6 +13,5 @@ declare namespace InputColor {
         const modified: PropTypes.Requireable<boolean>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/input-color/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-color/index.js"],"names":[],"mappings":";AAMA,2DAsCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-color/index.js"],"names":[],"mappings":";AAMA,qDAsCC"}

package/es/atom/input-doublestep/index.d.ts

@@ -1,7 +1,7 @@
 export default InputDoublestep;
 declare class InputDoublestep extends React.Component<any, any, any> {
     static propTypes: {
-        description?: PropTypes.Requireable<string>;
+        description?: PropTypes.Requireable<string> | undefined;
         toggleValue: PropTypes.Validator<string>;
         onClick: PropTypes.Validator<(...args: any[]) => any>;
         onOpenConfirmation: PropTypes.Requireable<(...args: any[]) => any>;
@@ -14,7 +14,7 @@ declare class InputDoublestep extends React.Component<any, any, any> {
     };
     handleToggle(): void;
     handleOnClick(e: any): any;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 import React from "react";
 import PropTypes from "prop-types";

package/es/atom/input-doublestep/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-doublestep/index.js"],"names":[],"mappings":";AAwGA;IACE;;;;;;;MAOE;IAEF,sCAOC;IALC;;MAEC;IAKH,qBAQC;IAED,2BAKC;IAED,4BAuCC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-doublestep/index.js"],"names":[],"mappings":";AAwGA;IACE;;;;;;;MAOE;IAEF,sCAOC;IALC;;MAEC;IAKH,qBAQC;IAED,2BAKC;IAED,sBAuCC;CACF"}

package/es/atom/input-file-draggable/index.d.ts

@@ -7,32 +7,32 @@ declare function InputFileDraggable({ title, description, previewLabel, previewC
     uploadLabel: any;
     loading: any;
     modified: any;
-    disabled?: boolean;
-    disableHoverTooltip?: boolean;
+    disabled?: boolean | undefined;
+    disableHoverTooltip?: boolean | undefined;
     onChange: any;
-    onReset?: any;
+    onReset?: null | undefined;
     name: any;
     labelLink: any;
     labelButtonLink: any;
     hrefLink: any;
-    filesTypes?: string;
-    error?: string;
+    filesTypes?: string | undefined;
+    error?: string | undefined;
     buttonAriaLabel: any;
     errorButtonLabel: any;
     pdfButtonLabel: any;
     pdfButtonAriaLabel: any;
-    filesNumber?: number;
-    multiple?: boolean;
-    required?: boolean;
+    filesNumber?: number | undefined;
+    multiple?: boolean | undefined;
+    required?: boolean | undefined;
     onClick: any;
-}): React.JSX.Element;
+}): JSX.Element;
 declare namespace InputFileDraggable {
     const propTypes: {
         disableHoverTooltip: PropTypes.Requireable<boolean>;
         name: PropTypes.Requireable<string>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onReset: PropTypes.Requireable<(...args: any[]) => any>;
-        filesTypes: (props: any, propName: any, componentName: any) => Error;
+        filesTypes: (props: any, propName: any, componentName: any) => Error | null;
         error: PropTypes.Requireable<string>;
         buttonAriaLabel: PropTypes.Requireable<string>;
         errorButtonLabel: PropTypes.Requireable<string>;
@@ -56,6 +56,5 @@ declare namespace InputFileDraggable {
         multiple: PropTypes.Requireable<boolean>;
     };
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/input-file-draggable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-file-draggable/index.js"],"names":[],"mappings":";AAYA;;;;;;;;;;;;;;;;;;;;;;;;;;sBA+GC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-file-draggable/index.js"],"names":[],"mappings":";AAYA;;;;;;;;;;;;;;;;;;;;;;;;;;gBA+GC"}

package/es/atom/input-html/index.d.ts

@@ -1,5 +1,5 @@
 export default InputHtml;
-declare function InputHtml(props: any, legacyContext: any): React.JSX.Element;
+declare function InputHtml(props: any, legacyContext: any): JSX.Element;
 declare namespace InputHtml {
     namespace propTypes {
         const title: PropTypes.Requireable<string>;
@@ -34,6 +34,5 @@ declare namespace InputHtml {
         }>>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/input-html/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-html/index.js"],"names":[],"mappings":";AAYA,8EA4DC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-html/index.js"],"names":[],"mappings":";AAYA,wEA4DC"}

package/es/atom/input-html/input-preview.d.ts

@@ -1,5 +1,5 @@
 export default InputPreview;
-declare function InputPreview(props: any, context: any): React.JSX.Element;
+declare function InputPreview(props: any, context: any): JSX.Element;
 declare namespace InputPreview {
     namespace propTypes {
         const text: PropTypes.Validator<string>;
@@ -11,6 +11,5 @@ declare namespace InputPreview {
         const className: PropTypes.Requireable<string>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=input-preview.d.ts.map

package/es/atom/input-html/input-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-preview.d.ts","sourceRoot":"","sources":["../../../src/atom/input-html/input-preview.js"],"names":[],"mappings":";AAKA,2EAqBC"}
+{"version":3,"file":"input-preview.d.ts","sourceRoot":"","sources":["../../../src/atom/input-html/input-preview.js"],"names":[],"mappings":";AAKA,qEAqBC"}

package/es/atom/input-readonly/index.d.ts

@@ -1,5 +1,5 @@
 export default InputReadonly;
-declare function InputReadonly(props: any): React.JSX.Element;
+declare function InputReadonly(props: any): JSX.Element;
 declare namespace InputReadonly {
     namespace propTypes {
         const title: PropTypes.Validator<string>;
@@ -7,6 +7,5 @@ declare namespace InputReadonly {
         const description: PropTypes.Requireable<string>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/input-readonly/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-readonly/index.js"],"names":[],"mappings":";AAIA,8DAUC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-readonly/index.js"],"names":[],"mappings":";AAIA,wDAUC"}

package/es/atom/input-search/index.d.ts

@@ -1,5 +1,5 @@
 export default Search;
-declare function Search(props: any, context: any): React.JSX.Element;
+declare function Search(props: any, context: any): JSX.Element;
 declare namespace Search {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -38,6 +38,5 @@ declare namespace Search {
         const searchIconAriaLabel: PropTypes.Requireable<string>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/input-search/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-search/index.js"],"names":[],"mappings":";AAsCA,qEAsHC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-search/index.js"],"names":[],"mappings":";AAsCA,+DAsHC"}

package/es/atom/input-select/index.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { WebContextValues } from '../provider/web-context';
 import type { InputSelectProps } from './types';
 declare const InputSelect: {
-    (props: InputSelectProps, context: WebContextValues): React.JSX.Element;
+    (props: InputSelectProps, context: WebContextValues): JSX.Element;
     propTypes: {
         options: import("prop-types").Validator<Required<import("prop-types").InferProps<{
             value: import("prop-types").Validator<string>;

package/es/atom/input-select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,OAAO,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AAGzD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAK9C,QAAA,MAAM,WAAW;YAAW,gBAAgB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyHtE,CAAC;AAMF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-select/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AAGzD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAK9C,QAAA,MAAM,WAAW;YAAW,gBAAgB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0HtE,CAAC;AAMF,eAAe,WAAW,CAAC"}

package/es/atom/input-select/index.js

@@ -82,12 +82,12 @@ const InputSelect = (props, context) => {
       [style.open]: open
     })
   }), /*#__PURE__*/React.createElement("div", {
-    className: classnames(style.wrapper, className),
-    "aria-label": ariaLabel
+    className: classnames(style.wrapper, className)
   }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: style.display,
     onClick: handleToggle,
+    "aria-label": ariaLabel,
     "aria-haspopup": "listbox",
     "aria-expanded": open,
     "aria-controls": open ? `${componentId}-listbox` : undefined,

package/es/atom/input-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useRef","useCallback","classnames","FontAwesomeIcon","Provider","GetSkinFromContext","style","propTypes","COMPONENT_ID","InputSelect","props","context","options","value","onChange","placeholder","className","ariaLabel","iconClosed","selectedIcon","buttonDataTestId","skin","primaryColor","_get","open","setOpen","wrapperRef","componentId","toLowerCase","replace","handleToggle","o","handleOnOptionClick","optionValue","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener","selectedOption","find","opt","renderOption","option","handleClick","isSelected","createElement","key","selected","role","onClick","backgroundOption","backgroundColor","optionIcon","icon","optionLabel","label","checkIcon","color","shouldBeScrollable","length","container","ref","boxShadow","outerWrapper","wrapper","type","display","undefined","id","content","iconWrapper","rotated","menuWrapper","showFade","menu","map","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/atom/input-select/index.tsx"],"sourcesContent":["import React, {useState, useRef, useCallback} from 'react';\nimport classnames from 'classnames';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {IconName} from '@fortawesome/fontawesome-svg-core';\nimport {get} from 'lodash/fp';\nimport {WebContextValues} from '../provider/web-context';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport style from './style.css';\nimport type {InputSelectProps} from './types';\nimport propTypes from './types';\n\nconst COMPONENT_ID = 'input-select';\n\nconst InputSelect = (props: InputSelectProps, context: WebContextValues) => {\n  const {\n    options = [],\n    value,\n    onChange,\n    placeholder,\n    className,\n    'aria-label': ariaLabel,\n    iconClosed = 'chevron-down',\n    selectedIcon = 'circle-check',\n    'button-data-testid': buttonDataTestId = 'select-input'\n  } = props;\n  const skin = GetSkinFromContext(context);\n  const primaryColor = get('common.primary', skin);\n  const [open, setOpen] = useState(false);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  const componentId = `${COMPONENT_ID}-${\n    placeholder?.toLowerCase().replace(/\\s+/g, '-') || 'default'\n  }`;\n\n  const handleToggle = useCallback(() => {\n    setOpen(o => !o);\n  }, []);\n\n  const handleOnOptionClick = useCallback(\n    (optionValue: string) => {\n      onChange(optionValue);\n      setOpen(false);\n    },\n    [onChange]\n  );\n\n  React.useEffect(() => {\n    if (!open) return;\n    const handleClickOutside = (event: MouseEvent) => {\n      if (!wrapperRef.current?.contains(event.target as Node)) {\n        setOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [open]);\n\n  const selectedOption = options.find(opt => opt.value === value);\n\n  const renderOption = (option: InputSelectProps['options'][0]) => {\n    function handleClick() {\n      handleOnOptionClick(option.value);\n    }\n\n    const isSelected = option.value === value;\n\n    return (\n      <li\n        key={option.value}\n        className={classnames(style.option, isSelected && style.selected)}\n        role=\"option\"\n        aria-selected={isSelected}\n        onClick={handleClick}\n        data-testid={`option-${option.value}`}\n        data-name={option['data-name']}\n      >\n        <div className={style.backgroundOption} style={{backgroundColor: primaryColor}} />\n        <span className={style.optionIcon}>{option.icon}</span>\n        <span className={style.optionLabel}>{option.label}</span>\n        {isSelected ? (\n          <span className={style.checkIcon}>\n            <FontAwesomeIcon icon={selectedIcon as IconName} color={primaryColor} />\n          </span>\n        ) : null}\n      </li>\n    );\n  };\n\n  const shouldBeScrollable = options.length > 6;\n\n  return (\n    <div className={style.container} ref={wrapperRef}>\n      <div\n        style={{\n          boxShadow: open\n            ? `0 0 0 2px white, 0 0 0 4px${primaryColor}`\n            : `0 0 0 2px ${primaryColor}`\n        }}\n        className={classnames(style.outerWrapper, {\n          [style.open]: open\n        })}\n      />\n      <div className={classnames(style.wrapper, className)} aria-label={ariaLabel}>\n        <button\n          type=\"button\"\n          className={style.display}\n          onClick={handleToggle}\n          aria-haspopup=\"listbox\"\n          aria-expanded={open}\n          aria-controls={open ? `${componentId}-listbox` : undefined}\n          id={componentId}\n          data-testid={buttonDataTestId}\n        >\n          <div className={style.content}>\n            <span className={style.label}>{placeholder}</span>\n            {selectedOption ? <span className={style.value}>{selectedOption.label}</span> : null}\n          </div>\n          <span className={classnames(style.iconWrapper, {[style.open]: open})}>\n            <FontAwesomeIcon\n              className={classnames(style.icon, {[style.rotated]: open})}\n              icon={iconClosed as IconName}\n            />\n          </span>\n        </button>\n      </div>\n      {open ? (\n        <div className={classnames(style.menuWrapper, {[style.showFade]: shouldBeScrollable})}>\n          <ul id={`${componentId}-listbox`} className={style.menu} role=\"listbox\">\n            {options.map(renderOption)}\n          </ul>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nInputSelect.propTypes = propTypes;\nInputSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\nexport default InputSelect;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useState","useRef","useCallback","classnames","FontAwesomeIcon","Provider","GetSkinFromContext","style","propTypes","COMPONENT_ID","InputSelect","props","context","options","value","onChange","placeholder","className","ariaLabel","iconClosed","selectedIcon","buttonDataTestId","skin","primaryColor","_get","open","setOpen","wrapperRef","componentId","toLowerCase","replace","handleToggle","o","handleOnOptionClick","optionValue","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener","selectedOption","find","opt","renderOption","option","handleClick","isSelected","createElement","key","selected","role","onClick","backgroundOption","backgroundColor","optionIcon","icon","optionLabel","label","checkIcon","color","shouldBeScrollable","length","container","ref","boxShadow","outerWrapper","wrapper","type","display","undefined","id","content","iconWrapper","rotated","menuWrapper","showFade","menu","map","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/atom/input-select/index.tsx"],"sourcesContent":["import React, {useState, useRef, useCallback} from 'react';\nimport classnames from 'classnames';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {IconName} from '@fortawesome/fontawesome-svg-core';\nimport {get} from 'lodash/fp';\nimport {WebContextValues} from '../provider/web-context';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport style from './style.css';\nimport type {InputSelectProps} from './types';\nimport propTypes from './types';\n\nconst COMPONENT_ID = 'input-select';\n\nconst InputSelect = (props: InputSelectProps, context: WebContextValues) => {\n  const {\n    options = [],\n    value,\n    onChange,\n    placeholder,\n    className,\n    'aria-label': ariaLabel,\n    iconClosed = 'chevron-down',\n    selectedIcon = 'circle-check',\n    'button-data-testid': buttonDataTestId = 'select-input'\n  } = props;\n  const skin = GetSkinFromContext(context);\n  const primaryColor = get('common.primary', skin);\n  const [open, setOpen] = useState(false);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  const componentId = `${COMPONENT_ID}-${\n    placeholder?.toLowerCase().replace(/\\s+/g, '-') || 'default'\n  }`;\n\n  const handleToggle = useCallback(() => {\n    setOpen(o => !o);\n  }, []);\n\n  const handleOnOptionClick = useCallback(\n    (optionValue: string) => {\n      onChange(optionValue);\n      setOpen(false);\n    },\n    [onChange]\n  );\n\n  React.useEffect(() => {\n    if (!open) return;\n    const handleClickOutside = (event: MouseEvent) => {\n      if (!wrapperRef.current?.contains(event.target as Node)) {\n        setOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [open]);\n\n  const selectedOption = options.find(opt => opt.value === value);\n\n  const renderOption = (option: InputSelectProps['options'][0]) => {\n    function handleClick() {\n      handleOnOptionClick(option.value);\n    }\n\n    const isSelected = option.value === value;\n\n    return (\n      <li\n        key={option.value}\n        className={classnames(style.option, isSelected && style.selected)}\n        role=\"option\"\n        aria-selected={isSelected}\n        onClick={handleClick}\n        data-testid={`option-${option.value}`}\n        data-name={option['data-name']}\n      >\n        <div className={style.backgroundOption} style={{backgroundColor: primaryColor}} />\n        <span className={style.optionIcon}>{option.icon}</span>\n        <span className={style.optionLabel}>{option.label}</span>\n        {isSelected ? (\n          <span className={style.checkIcon}>\n            <FontAwesomeIcon icon={selectedIcon as IconName} color={primaryColor} />\n          </span>\n        ) : null}\n      </li>\n    );\n  };\n\n  const shouldBeScrollable = options.length > 6;\n\n  return (\n    <div className={style.container} ref={wrapperRef}>\n      <div\n        style={{\n          boxShadow: open\n            ? `0 0 0 2px white, 0 0 0 4px${primaryColor}`\n            : `0 0 0 2px ${primaryColor}`\n        }}\n        className={classnames(style.outerWrapper, {\n          [style.open]: open\n        })}\n      />\n      <div className={classnames(style.wrapper, className)}>\n        <button\n          type=\"button\"\n          className={style.display}\n          onClick={handleToggle}\n          aria-label={ariaLabel}\n          aria-haspopup=\"listbox\"\n          aria-expanded={open}\n          aria-controls={open ? `${componentId}-listbox` : undefined}\n          id={componentId}\n          data-testid={buttonDataTestId}\n        >\n          <div className={style.content}>\n            <span className={style.label}>{placeholder}</span>\n            {selectedOption ? <span className={style.value}>{selectedOption.label}</span> : null}\n          </div>\n          <span className={classnames(style.iconWrapper, {[style.open]: open})}>\n            <FontAwesomeIcon\n              className={classnames(style.icon, {[style.rotated]: open})}\n              icon={iconClosed as IconName}\n            />\n          </span>\n        </button>\n      </div>\n      {open ? (\n        <div className={classnames(style.menuWrapper, {[style.showFade]: shouldBeScrollable})}>\n          <ul id={`${componentId}-listbox`} className={style.menu} role=\"listbox\">\n            {options.map(renderOption)}\n          </ul>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nInputSelect.propTypes = propTypes;\nInputSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\nexport default InputSelect;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/input-switch/index.d.ts

@@ -1,5 +1,5 @@
 export default InputSwitch;
-declare function InputSwitch(props: any, context: any): React.JSX.Element;
+declare function InputSwitch(props: any, context: any): JSX.Element;
 declare namespace InputSwitch {
     const propTypes: {
         title: PropTypes.Requireable<string>;
@@ -43,6 +43,5 @@ declare namespace InputSwitch {
         }>>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/input-switch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-switch/index.js"],"names":[],"mappings":";AAUA,0EAwGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-switch/index.js"],"names":[],"mappings":";AAUA,oEAwGC"}

package/es/atom/input-text/index.d.ts

@@ -1,5 +1,5 @@
 export default InputText;
-declare function InputText(props: any): React.JSX.Element;
+declare function InputText(props: any): JSX.Element;
 declare namespace InputText {
     const propTypes: {
         autoFocus: PropTypes.Requireable<boolean>;
@@ -22,6 +22,5 @@ declare namespace InputText {
         inputColor: PropTypes.Requireable<boolean>;
     };
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/input-text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-text/index.js"],"names":[],"mappings":";AAkBA,0DA+FC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-text/index.js"],"names":[],"mappings":";AAkBA,oDA+FC"}

package/es/atom/input-text-with-title/index.d.ts

@@ -1,5 +1,5 @@
 export default InputTextWithTitle;
-declare function InputTextWithTitle(props: any): React.JSX.Element;
+declare function InputTextWithTitle(props: any): JSX.Element;
 declare namespace InputTextWithTitle {
     const propTypes: {
         inputText: PropTypes.Requireable<PropTypes.InferProps<{
@@ -28,6 +28,5 @@ declare namespace InputTextWithTitle {
         'data-name': PropTypes.Requireable<string>;
     };
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/input-text-with-title/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-text-with-title/index.js"],"names":[],"mappings":";AAKA,mEAYC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-text-with-title/index.js"],"names":[],"mappings":";AAKA,6DAYC"}

package/es/atom/input-text-with-title/index.js

@@ -13,6 +13,7 @@ const InputTextWithTitle = props => {
   return /*#__PURE__*/React.createElement("div", {
     className: style.container,
     "data-name": dataName,
+    role: "group",
     "aria-label": ariaLabel
   }, title ? /*#__PURE__*/React.createElement("span", {
     className: style.title

package/es/atom/input-text-with-title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","InputText","style","InputTextWithTitle","props","inputText","title","dataName","ariaLabel","inputTextClass","size","smallInputText","defaultInputText","createElement","className","container","propTypes","process","env","NODE_ENV","shape","theme","string"],"sources":["../../../src/atom/input-text-with-title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputText from '../input-text';\nimport style from './style.css';\n\nconst InputTextWithTitle = props => {\n  const {inputText, title, 'data-name': dataName, 'aria-label': ariaLabel} = props;\n  const inputTextClass = inputText.size === 'small' ? style.smallInputText : style.defaultInputText;\n\n  return (\n    <div className={style.container} data-name={dataName} aria-label={ariaLabel}>\n      {title ? <span className={style.title}>{title}</span> : null}\n      <div className={inputTextClass}>\n        <InputText {...inputText} />\n      </div>\n    </div>\n  );\n};\n\nInputTextWithTitle.propTypes = {\n  inputText: PropTypes.shape({\n    ...InputText.propTypes,\n    theme: PropTypes.string,\n    size: PropTypes.string\n  }),\n  title: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\nexport default InputTextWithTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,SAAS,MAAM,eAAe;AACrC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IAACC,SAAS;IAAEC,KAAK;IAAE,WAAW,EAAEC,QAAQ;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGJ,KAAK;EAChF,MAAMK,cAAc,GAAGJ,SAAS,CAACK,IAAI,KAAK,OAAO,GAAGR,KAAK,CAACS,cAAc,GAAGT,KAAK,CAACU,gBAAgB;EAEjG,oBACEb,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEZ,KAAK,CAACa,SAAU;IAAC,aAAWR,QAAS;IAAC,cAAYC;EAAU,GACzEF,KAAK,gBAAGP,KAAA,CAAAc,aAAA;IAAMC,SAAS,EAAEZ,KAAK,CAACI;EAAM,GAAEA,KAAY,CAAC,GAAG,IAAI,eAC5DP,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEL;EAAe,gBAC7BV,KAAA,CAAAc,aAAA,CAACZ,SAAS,EAAKI,SAAY,CACxB,CACF,CAAC;AAEV,CAAC;AAEDF,kBAAkB,CAACa,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC7Bd,SAAS,EAAEL,SAAS,CAACoB,KAAK,CAAC;IACzB,GAAGnB,SAAS,CAACe,SAAS;IACtBK,KAAK,EAAErB,SAAS,CAACsB,MAAM;IACvBZ,IAAI,EAAEV,SAAS,CAACsB;EAClB,CAAC,CAAC;EACFhB,KAAK,EAAEN,SAAS,CAACsB,MAAM;EACvB,YAAY,EAAEtB,SAAS,CAACsB,MAAM;EAC9B,WAAW,EAAEtB,SAAS,CAACsB;AACzB,CAAC;AACD,eAAenB,kBAAkB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","InputText","style","InputTextWithTitle","props","inputText","title","dataName","ariaLabel","inputTextClass","size","smallInputText","defaultInputText","createElement","className","container","role","propTypes","process","env","NODE_ENV","shape","theme","string"],"sources":["../../../src/atom/input-text-with-title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputText from '../input-text';\nimport style from './style.css';\n\nconst InputTextWithTitle = props => {\n  const {inputText, title, 'data-name': dataName, 'aria-label': ariaLabel} = props;\n  const inputTextClass = inputText.size === 'small' ? style.smallInputText : style.defaultInputText;\n\n  return (\n    <div className={style.container} data-name={dataName} role=\"group\" aria-label={ariaLabel}>\n      {title ? <span className={style.title}>{title}</span> : null}\n      <div className={inputTextClass}>\n        <InputText {...inputText} />\n      </div>\n    </div>\n  );\n};\n\nInputTextWithTitle.propTypes = {\n  inputText: PropTypes.shape({\n    ...InputText.propTypes,\n    theme: PropTypes.string,\n    size: PropTypes.string\n  }),\n  title: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\nexport default InputTextWithTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,SAAS,MAAM,eAAe;AACrC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IAACC,SAAS;IAAEC,KAAK;IAAE,WAAW,EAAEC,QAAQ;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGJ,KAAK;EAChF,MAAMK,cAAc,GAAGJ,SAAS,CAACK,IAAI,KAAK,OAAO,GAAGR,KAAK,CAACS,cAAc,GAAGT,KAAK,CAACU,gBAAgB;EAEjG,oBACEb,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEZ,KAAK,CAACa,SAAU;IAAC,aAAWR,QAAS;IAACS,IAAI,EAAC,OAAO;IAAC,cAAYR;EAAU,GACtFF,KAAK,gBAAGP,KAAA,CAAAc,aAAA;IAAMC,SAAS,EAAEZ,KAAK,CAACI;EAAM,GAAEA,KAAY,CAAC,GAAG,IAAI,eAC5DP,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEL;EAAe,gBAC7BV,KAAA,CAAAc,aAAA,CAACZ,SAAS,EAAKI,SAAY,CACxB,CACF,CAAC;AAEV,CAAC;AAEDF,kBAAkB,CAACc,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC7Bf,SAAS,EAAEL,SAAS,CAACqB,KAAK,CAAC;IACzB,GAAGpB,SAAS,CAACgB,SAAS;IACtBK,KAAK,EAAEtB,SAAS,CAACuB,MAAM;IACvBb,IAAI,EAAEV,SAAS,CAACuB;EAClB,CAAC,CAAC;EACFjB,KAAK,EAAEN,SAAS,CAACuB,MAAM;EACvB,YAAY,EAAEvB,SAAS,CAACuB,MAAM;EAC9B,WAAW,EAAEvB,SAAS,CAACuB;AACzB,CAAC;AACD,eAAepB,kBAAkB","ignoreList":[]}

package/es/atom/input-textarea/index.d.ts

@@ -1,5 +1,5 @@
 export default InputTextarea;
-declare function InputTextarea(props: any): React.JSX.Element;
+declare function InputTextarea(props: any): JSX.Element;
 declare namespace InputTextarea {
     namespace propTypes {
         const placeholder: PropTypes.Requireable<string>;
@@ -17,6 +17,5 @@ declare namespace InputTextarea {
         const valid: PropTypes.Requireable<boolean>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/input-textarea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-textarea/index.js"],"names":[],"mappings":";AAmBA,8DA0EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-textarea/index.js"],"names":[],"mappings":";AAmBA,wDA0EC"}

package/es/atom/label/index.d.ts

@@ -1,14 +1,13 @@
 export default Label;
 declare function Label({ children, innerHtml }: {
     children: any;
-    innerHtml?: boolean;
-}): React.JSX.Element;
+    innerHtml?: boolean | undefined;
+}): JSX.Element;
 declare namespace Label {
     namespace propTypes {
         const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         const innerHtml: PropTypes.Requireable<boolean>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/label/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/label/index.js"],"names":[],"mappings":";AAMA;;;sBAMC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/label/index.js"],"names":[],"mappings":";AAMA;;;gBAMC"}

package/es/atom/life/index.d.ts

@@ -1,5 +1,5 @@
 export default Life;
-declare function Life(props: any, context: any): React.JSX.Element;
+declare function Life(props: any, context: any): JSX.Element | null;
 declare namespace Life {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -40,6 +40,5 @@ declare namespace Life {
         const style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/life/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/life/index.js"],"names":[],"mappings":";AAuBA,mEAkFC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/life/index.js"],"names":[],"mappings":";AAuBA,oEAkFC"}