@coorpacademy/components 11.40.20 → 11.40.22-slider.1

package/es/variables/colors.d.ts

@@ -1,7 +1,7 @@
 export declare const COLORS: {
     readonly cm_grey_100: "#EAEAEB";
     readonly negative: "#F73F52";
-    readonly cm_negative_100: "#ed3436;";
+    readonly cm_negative_100: "#ed3436";
     readonly cm_negative_200: "#B81400";
     readonly cm_positive_200: "#05944F";
     readonly white: "#FFFFFF";

package/es/variables/colors.js

@@ -1,7 +1,7 @@
 export const COLORS = {
   cm_grey_100: '#EAEAEB',
   negative: '#F73F52',
-  cm_negative_100: '#ed3436;',
+  cm_negative_100: '#ed3436',
   cm_negative_200: '#B81400',
   cm_positive_200: '#05944F',
   white: '#FFFFFF',

package/es/variables/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["COLORS","cm_grey_100","negative","cm_negative_100","cm_negative_200","cm_positive_200","white","cm_blue_50","cm_grey_400","cm_grey_500","cm_grey_700","cm_grey_800","cm_grey_150","cm_primary_blue","cm_blue_700","primary_100","primary_600","cm_yellow_400","brand","yellow_700","yellow_100","red_700","red_100","cm_violet_podcast","cm_turquoise_strong","yellow_500","neutral_75","neutral_400","neutral_500","neutral_700","cm_red_video","cm_blue_article","cm_yellow_scorm","negative_700","cm_orange_800","purple_700","purple_100","turquoise_100","pink_100","orange_100","cm_positive_500","purple_500","cm_grey_200"],"sources":["../../src/variables/colors.ts"],"sourcesContent":["export const COLORS = {\n  cm_grey_100: '#EAEAEB',\n  negative: '#F73F52',\n  cm_negative_100: '#ed3436;',\n  cm_negative_200: '#B81400',\n  cm_positive_200: '#05944F',\n  white: '#FFFFFF',\n  cm_blue_50: '#f1f6fe',\n  cm_grey_400: '#9999A8',\n  cm_grey_500: '#515161',\n  cm_grey_700: '#1D1D2B',\n  cm_grey_800: '#171721',\n  cm_grey_150: '#E1E1E3',\n  cm_primary_blue: '#0061FF',\n  cm_blue_700: '#0042AD',\n  primary_100: '#D6E6FF',\n  primary_600: '#0051D6',\n  cm_yellow_400: '#bd7e00',\n  brand: '#00B0FF',\n  yellow_700: '#A38300',\n  yellow_100: '#FFF9D1',\n  red_700: '#A30000',\n  red_100: '#FFD1D1',\n  cm_violet_podcast: '#432ba7',\n  cm_turquoise_strong: '#1B7B88',\n  yellow_500: '#FFCE0A',\n  neutral_75: ' #F4F4F5',\n  neutral_400: ' #9999A8',\n  neutral_500: '#515161',\n  neutral_700: '#1D1D2B',\n  cm_red_video: '#E8335E',\n  cm_blue_article: '#365FCD',\n  cm_yellow_scorm: '#FFB800',\n  negative_700: '#B81400',\n  cm_orange_800: '#A32700',\n  purple_700: '#2B00A3',\n  purple_100: '#DDD1FF',\n  turquoise_100: '#D9F4F7',\n  pink_100: '#FAD6DE',\n  orange_100: '#FFDCD1',\n  cm_positive_500: '#35CC7F',\n  purple_500: '#4B0AFF',\n  cm_grey_200: '#D7D7DA'\n} as const;\n\nexport type Colors = typeof COLORS;\n"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GAAG;EACpBC,WAAW,EAAE,SAAS;EACtBC,QAAQ,EAAE,SAAS;EACnBC,eAAe,EAAE,UAAU;EAC3BC,eAAe,EAAE,SAAS;EAC1BC,eAAe,EAAE,SAAS;EAC1BC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,eAAe,EAAE,SAAS;EAC1BC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,aAAa,EAAE,SAAS;EACxBC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,iBAAiB,EAAE,SAAS;EAC5BC,mBAAmB,EAAE,SAAS;EAC9BC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,UAAU;EACtBC,WAAW,EAAE,UAAU;EACvBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,YAAY,EAAE,SAAS;EACvBC,eAAe,EAAE,SAAS;EAC1BC,eAAe,EAAE,SAAS;EAC1BC,YAAY,EAAE,SAAS;EACvBC,aAAa,EAAE,SAAS;EACxBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,aAAa,EAAE,SAAS;EACxBC,QAAQ,EAAE,SAAS;EACnBC,UAAU,EAAE,SAAS;EACrBC,eAAe,EAAE,SAAS;EAC1BC,UAAU,EAAE,SAAS;EACrBC,WAAW,EAAE;AACf,CAAU","ignoreList":[]}
+{"version":3,"file":"colors.js","names":["COLORS","cm_grey_100","negative","cm_negative_100","cm_negative_200","cm_positive_200","white","cm_blue_50","cm_grey_400","cm_grey_500","cm_grey_700","cm_grey_800","cm_grey_150","cm_primary_blue","cm_blue_700","primary_100","primary_600","cm_yellow_400","brand","yellow_700","yellow_100","red_700","red_100","cm_violet_podcast","cm_turquoise_strong","yellow_500","neutral_75","neutral_400","neutral_500","neutral_700","cm_red_video","cm_blue_article","cm_yellow_scorm","negative_700","cm_orange_800","purple_700","purple_100","turquoise_100","pink_100","orange_100","cm_positive_500","purple_500","cm_grey_200"],"sources":["../../src/variables/colors.ts"],"sourcesContent":["export const COLORS = {\n  cm_grey_100: '#EAEAEB',\n  negative: '#F73F52',\n  cm_negative_100: '#ed3436',\n  cm_negative_200: '#B81400',\n  cm_positive_200: '#05944F',\n  white: '#FFFFFF',\n  cm_blue_50: '#f1f6fe',\n  cm_grey_400: '#9999A8',\n  cm_grey_500: '#515161',\n  cm_grey_700: '#1D1D2B',\n  cm_grey_800: '#171721',\n  cm_grey_150: '#E1E1E3',\n  cm_primary_blue: '#0061FF',\n  cm_blue_700: '#0042AD',\n  primary_100: '#D6E6FF',\n  primary_600: '#0051D6',\n  cm_yellow_400: '#bd7e00',\n  brand: '#00B0FF',\n  yellow_700: '#A38300',\n  yellow_100: '#FFF9D1',\n  red_700: '#A30000',\n  red_100: '#FFD1D1',\n  cm_violet_podcast: '#432ba7',\n  cm_turquoise_strong: '#1B7B88',\n  yellow_500: '#FFCE0A',\n  neutral_75: ' #F4F4F5',\n  neutral_400: ' #9999A8',\n  neutral_500: '#515161',\n  neutral_700: '#1D1D2B',\n  cm_red_video: '#E8335E',\n  cm_blue_article: '#365FCD',\n  cm_yellow_scorm: '#FFB800',\n  negative_700: '#B81400',\n  cm_orange_800: '#A32700',\n  purple_700: '#2B00A3',\n  purple_100: '#DDD1FF',\n  turquoise_100: '#D9F4F7',\n  pink_100: '#FAD6DE',\n  orange_100: '#FFDCD1',\n  cm_positive_500: '#35CC7F',\n  purple_500: '#4B0AFF',\n  cm_grey_200: '#D7D7DA'\n} as const;\n\nexport type Colors = typeof COLORS;\n"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GAAG;EACpBC,WAAW,EAAE,SAAS;EACtBC,QAAQ,EAAE,SAAS;EACnBC,eAAe,EAAE,SAAS;EAC1BC,eAAe,EAAE,SAAS;EAC1BC,eAAe,EAAE,SAAS;EAC1BC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,eAAe,EAAE,SAAS;EAC1BC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,aAAa,EAAE,SAAS;EACxBC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,iBAAiB,EAAE,SAAS;EAC5BC,mBAAmB,EAAE,SAAS;EAC9BC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,UAAU;EACtBC,WAAW,EAAE,UAAU;EACvBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,YAAY,EAAE,SAAS;EACvBC,eAAe,EAAE,SAAS;EAC1BC,eAAe,EAAE,SAAS;EAC1BC,YAAY,EAAE,SAAS;EACvBC,aAAa,EAAE,SAAS;EACxBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,aAAa,EAAE,SAAS;EACxBC,QAAQ,EAAE,SAAS;EACnBC,UAAU,EAAE,SAAS;EACrBC,eAAe,EAAE,SAAS;EAC1BC,UAAU,EAAE,SAAS;EACrBC,WAAW,EAAE;AACf,CAAU","ignoreList":[]}

package/lib/atom/autocomplete/index.d.ts

@@ -1,5 +1,5 @@
 export default Autocomplete;
-declare function Autocomplete(props: any): JSX.Element;
+declare function Autocomplete(props: any): React.JSX.Element;
 declare namespace Autocomplete {
     namespace propTypes {
         const title: PropTypes.Requireable<string>;
@@ -10,10 +10,10 @@ declare namespace Autocomplete {
         const modified: PropTypes.Requireable<boolean>;
         const error: PropTypes.Requireable<boolean>;
         const errorMessage: PropTypes.Requireable<string>;
-        const suggestions: PropTypes.Requireable<(PropTypes.InferProps<{
+        const suggestions: PropTypes.Requireable<PropTypes.InferProps<{
             name: PropTypes.Requireable<string>;
-            value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        }> | null | undefined)[]>;
+            value: PropTypes.Requireable<NonNullable<string | number>>;
+        }>[]>;
         const theme: PropTypes.Requireable<string>;
         const onInput: PropTypes.Requireable<(...args: any[]) => any>;
         const onFetch: PropTypes.Requireable<(...args: any[]) => any>;
@@ -22,5 +22,6 @@ declare namespace Autocomplete {
         const onSuggestionSelected: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/autocomplete/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/autocomplete/index.js"],"names":[],"mappings":";AAmBA,uDA8GC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/autocomplete/index.js"],"names":[],"mappings":";AAmBA,6DA8GC"}

package/lib/atom/avatar/index.d.ts

@@ -1,11 +1,12 @@
 export default Avatar;
 declare function Avatar({ url }: {
     url: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace Avatar {
     namespace propTypes {
         const url: PropTypes.Validator<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/avatar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/avatar/index.js"],"names":[],"mappings":";AAKA;;gBAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/avatar/index.js"],"names":[],"mappings":";AAKA;;sBAaC"}

package/lib/atom/battle-opponent/index.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { WebContextValues } from '../provider/web-context';
 import { BattleOpponentProps } from './prop-types';
 declare const BattleOpponent: {
-    ({ isAlreadyEngaged, isRandom, userAvatarSrc, onClick, displayName, tooltipText, "aria-label": ariaLabel }: BattleOpponentProps, legacyContext: WebContextValues): JSX.Element;
+    ({ isAlreadyEngaged, isRandom, userAvatarSrc, onClick, displayName, tooltipText, "aria-label": ariaLabel }: BattleOpponentProps, legacyContext: WebContextValues): React.JSX.Element;
     propTypes: {
         isAlreadyEngaged: import("prop-types").Requireable<boolean>;
         isRandom: import("prop-types").Requireable<boolean>;

package/lib/atom/battle-opponent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/battle-opponent/index.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AACzD,OAAkB,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAG5D,QAAA,MAAM,cAAc;gHASf,mBAAmB,iBACP,gBAAgB;;;;;;;;;;;;;CAyGhC,CAAC;AAQF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/battle-opponent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAUpE,OAAO,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AACzD,OAAkB,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAG5D,QAAA,MAAM,cAAc;gHASf,mBAAmB,iBACP,gBAAgB;;;;;;;;;;;;;CAyGhC,CAAC;AAQF,eAAe,cAAc,CAAC"}

package/lib/atom/battle-opponent/index.js

@@ -35,17 +35,15 @@ const BattleOpponent = ({
   const buttonRef = (0, _react.useRef)(null);
   const handleMouseOver = (0, _react.useCallback)(() => {
     mouseLeaveTimer && clearTimeout(mouseLeaveTimer);
-    // @ts-expect-error (error: focus does not exists on type never)
     /* istanbul ignore next */
-    (0, _has.default)(['current', 'focus'], buttonRef) && buttonRef.current.focus();
+    (0, _has.default)(['current', 'focus'], buttonRef) && buttonRef.current?.focus();
     setToolTipIsVisible(true);
   }, [mouseLeaveTimer]);
   const handleMouseLeave = (0, _react.useCallback)(() => {
     setMouseLeaveTimer(setTimeout(() => {
       setToolTipIsVisible(false);
-      // @ts-expect-error (error: blur does not exists on type never)
       /* istanbul ignore next */
-      (0, _has.default)(['current', 'blur'], buttonRef) && buttonRef.current.blur();
+      (0, _has.default)(['current', 'blur'], buttonRef) && buttonRef.current?.blur();
     }, 500));
   }, []);
   const handleKeyPress = (0, _react.useCallback)(event => {

package/lib/atom/battle-opponent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_uuid","_has","_novaIcons","_tooltip","_provider","_propTypes","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","BattleOpponent","isAlreadyEngaged","isRandom","userAvatarSrc","onClick","displayName","tooltipText","ariaLabel","legacyContext","translate","GetTranslateFromContext","wrapperClassnames","useMemo","classnames","style","card","opponentCard","random","displayNameClassnames","name","alreadyEngaged","mouseLeaveTimer","setMouseLeaveTimer","useState","undefined","toolTipIsVisible","setToolTipIsVisible","battleOpponentInfoId","uuidV5","URL","buttonRef","useRef","handleMouseOver","useCallback","clearTimeout","current","focus","handleMouseLeave","setTimeout","blur","handleKeyPress","event","toggleStateOnKeyPress","TooltipContent","_props","createElement","onMouseOver","onMouseLeave","className","tabIndex","avatar","src","alt","Fragment","ref","type","tooltipIconContainer","onKeyDown","NovaCompositionCoorpacademyInformationIcon","informationIcon","width","height","toolTipWrapper","fontSize","anchorId","closeToolTipInformationTextAriaLabel","NovaCompositionNavigationArrowRight","rightArrow","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/atom/battle-opponent/index.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState, useRef} from 'react';\nimport classnames from 'classnames';\nimport {v5 as uuidV5} from 'uuid';\nimport has from 'lodash/fp/has';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyInformationIcon as InformationIcon\n} from '@coorpacademy/nova-icons';\nimport ToolTip, {toggleStateOnKeyPress} from '../tooltip';\nimport Provider, {GetTranslateFromContext} from '../provider';\nimport {WebContextValues} from '../provider/web-context';\nimport propTypes, {BattleOpponentProps} from './prop-types';\nimport style from './style.css';\n\nconst BattleOpponent = (\n  {\n    isAlreadyEngaged,\n    isRandom,\n    userAvatarSrc,\n    onClick,\n    displayName,\n    tooltipText,\n    'aria-label': ariaLabel\n  }: BattleOpponentProps,\n  legacyContext: WebContextValues\n) => {\n  const translate: Required<WebContextValues>['translate'] = GetTranslateFromContext(legacyContext);\n  const wrapperClassnames = useMemo(\n    () => classnames(style.card, style.opponentCard, isRandom ? style.random : null),\n    [isRandom]\n  );\n\n  const displayNameClassnames = useMemo(\n    () => classnames(style.name, isAlreadyEngaged ? style.alreadyEngaged : null),\n    [isAlreadyEngaged]\n  );\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState<number | undefined>(undefined);\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  // to be replaced by useId when React17 is bumped to React18\n  const [battleOpponentInfoId] = useState(\n    isAlreadyEngaged ? uuidV5('engaged-battle-', uuidV5.URL) : undefined\n  );\n\n  const buttonRef = useRef(null);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    // @ts-expect-error (error: focus does not exists on type never)\n    /* istanbul ignore next */ has(['current', 'focus'], buttonRef) && buttonRef.current.focus();\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(\n      setTimeout(() => {\n        setToolTipIsVisible(false);\n        // @ts-expect-error (error: blur does not exists on type never)\n        /* istanbul ignore next */ has(['current', 'blur'], buttonRef) && buttonRef.current.blur();\n      }, 500) as unknown as number\n    );\n  }, []);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const TooltipContent = useCallback(\n    _props => (\n      <p\n        {..._props}\n        onMouseOver={handleMouseOver}\n        onMouseLeave={handleMouseLeave}\n        data-testid=\"battle-opponent-tooltip-content\"\n      >\n        {tooltipText}\n      </p>\n    ),\n    [handleMouseLeave, handleMouseOver, tooltipText]\n  );\n\n  return (\n    <li\n      {...(!isAlreadyEngaged && {onClick})}\n      className={wrapperClassnames}\n      data-testid=\"battle-opponent-wrapper\"\n      tabIndex={0}\n    >\n      <div className={style.avatar}>{isRandom ? null : <img src={userAvatarSrc} alt=\"\" />}</div>\n      <p className={displayNameClassnames} tabIndex={0}>\n        {displayName}\n      </p>\n      {isAlreadyEngaged ? (\n        <>\n          <button\n            ref={buttonRef}\n            tabIndex={0}\n            type=\"button\"\n            className={style.tooltipIconContainer}\n            data-testid=\"battle-engaged-opponent-information-button\"\n            onKeyDown={handleKeyPress}\n            onMouseLeave={handleMouseLeave}\n            onMouseOver={handleMouseOver}\n            data-for={battleOpponentInfoId}\n            data-tooltip-place=\"left\"\n            data-tip={isAlreadyEngaged}\n            aria-label={ariaLabel}\n          >\n            <InformationIcon className={style.informationIcon} width={20} height={20} />\n          </button>\n          <span className={style.toolTipWrapper}>\n            <ToolTip\n              fontSize={12}\n              anchorId={battleOpponentInfoId}\n              toolTipIsVisible={toolTipIsVisible}\n              TooltipContent={TooltipContent}\n              closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n            />\n          </span>\n        </>\n      ) : (\n        <ArrowRight className={style.rightArrow} width={16} height={16} />\n      )}\n    </li>\n  );\n};\n\nBattleOpponent.propTypes = propTypes;\n\nBattleOpponent.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default BattleOpponent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_uuid","_has","_novaIcons","_tooltip","_provider","_propTypes","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","BattleOpponent","isAlreadyEngaged","isRandom","userAvatarSrc","onClick","displayName","tooltipText","ariaLabel","legacyContext","translate","GetTranslateFromContext","wrapperClassnames","useMemo","classnames","style","card","opponentCard","random","displayNameClassnames","name","alreadyEngaged","mouseLeaveTimer","setMouseLeaveTimer","useState","undefined","toolTipIsVisible","setToolTipIsVisible","battleOpponentInfoId","uuidV5","URL","buttonRef","useRef","handleMouseOver","useCallback","clearTimeout","current","focus","handleMouseLeave","setTimeout","blur","handleKeyPress","event","toggleStateOnKeyPress","TooltipContent","_props","createElement","onMouseOver","onMouseLeave","className","tabIndex","avatar","src","alt","Fragment","ref","type","tooltipIconContainer","onKeyDown","NovaCompositionCoorpacademyInformationIcon","informationIcon","width","height","toolTipWrapper","fontSize","anchorId","closeToolTipInformationTextAriaLabel","NovaCompositionNavigationArrowRight","rightArrow","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/atom/battle-opponent/index.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState, useRef} from 'react';\nimport classnames from 'classnames';\nimport {v5 as uuidV5} from 'uuid';\nimport has from 'lodash/fp/has';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyInformationIcon as InformationIcon\n} from '@coorpacademy/nova-icons';\nimport ToolTip, {toggleStateOnKeyPress} from '../tooltip';\nimport Provider, {GetTranslateFromContext} from '../provider';\nimport {WebContextValues} from '../provider/web-context';\nimport propTypes, {BattleOpponentProps} from './prop-types';\nimport style from './style.css';\n\nconst BattleOpponent = (\n  {\n    isAlreadyEngaged,\n    isRandom,\n    userAvatarSrc,\n    onClick,\n    displayName,\n    tooltipText,\n    'aria-label': ariaLabel\n  }: BattleOpponentProps,\n  legacyContext: WebContextValues\n) => {\n  const translate: Required<WebContextValues>['translate'] = GetTranslateFromContext(legacyContext);\n  const wrapperClassnames = useMemo(\n    () => classnames(style.card, style.opponentCard, isRandom ? style.random : null),\n    [isRandom]\n  );\n\n  const displayNameClassnames = useMemo(\n    () => classnames(style.name, isAlreadyEngaged ? style.alreadyEngaged : null),\n    [isAlreadyEngaged]\n  );\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState<number | undefined>(undefined);\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  // to be replaced by useId when React17 is bumped to React18\n  const [battleOpponentInfoId] = useState(\n    isAlreadyEngaged ? uuidV5('engaged-battle-', uuidV5.URL) : undefined\n  );\n\n  const buttonRef = useRef(null);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    /* istanbul ignore next */ has(['current', 'focus'], buttonRef) &&\n      (buttonRef.current as HTMLButtonElement | null)?.focus();\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(\n      setTimeout(() => {\n        setToolTipIsVisible(false);\n        /* istanbul ignore next */ has(['current', 'blur'], buttonRef) &&\n          (buttonRef.current as HTMLButtonElement | null)?.blur();\n      }, 500) as unknown as number\n    );\n  }, []);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const TooltipContent = useCallback(\n    _props => (\n      <p\n        {..._props}\n        onMouseOver={handleMouseOver}\n        onMouseLeave={handleMouseLeave}\n        data-testid=\"battle-opponent-tooltip-content\"\n      >\n        {tooltipText}\n      </p>\n    ),\n    [handleMouseLeave, handleMouseOver, tooltipText]\n  );\n\n  return (\n    <li\n      {...(!isAlreadyEngaged && {onClick})}\n      className={wrapperClassnames}\n      data-testid=\"battle-opponent-wrapper\"\n      tabIndex={0}\n    >\n      <div className={style.avatar}>{isRandom ? null : <img src={userAvatarSrc} alt=\"\" />}</div>\n      <p className={displayNameClassnames} tabIndex={0}>\n        {displayName}\n      </p>\n      {isAlreadyEngaged ? (\n        <>\n          <button\n            ref={buttonRef}\n            tabIndex={0}\n            type=\"button\"\n            className={style.tooltipIconContainer}\n            data-testid=\"battle-engaged-opponent-information-button\"\n            onKeyDown={handleKeyPress}\n            onMouseLeave={handleMouseLeave}\n            onMouseOver={handleMouseOver}\n            data-for={battleOpponentInfoId}\n            data-tooltip-place=\"left\"\n            data-tip={isAlreadyEngaged}\n            aria-label={ariaLabel}\n          >\n            <InformationIcon className={style.informationIcon} width={20} height={20} />\n          </button>\n          <span className={style.toolTipWrapper}>\n            <ToolTip\n              fontSize={12}\n              anchorId={battleOpponentInfoId}\n              toolTipIsVisible={toolTipIsVisible}\n              TooltipContent={TooltipContent}\n              closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n            />\n          </span>\n        </>\n      ) : (\n        <ArrowRight className={style.rightArrow} width={16} height={16} />\n      )}\n    </li>\n  );\n};\n\nBattleOpponent.propTypes = propTypes;\n\nBattleOpponent.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default BattleOpponent;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/button/index.d.ts

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

package/lib/atom/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.js"],"names":[],"mappings":";AA8IA,iDAgCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.js"],"names":[],"mappings":";AA8IA,uDAgCC"}

package/lib/atom/button/index.native.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TextStyle, ViewStyle } from 'react-native';
 declare type ButtonProps = {
     accessibilityLabel?: string;
@@ -9,6 +9,6 @@ declare type ButtonProps = {
     testID?: string;
     textStyle?: TextStyle;
 };
-declare const Button: (props: ButtonProps) => JSX.Element | null;
+declare const Button: (props: ButtonProps) => React.JSX.Element;
 export default Button;
 //# sourceMappingURL=index.native.d.ts.map

package/lib/atom/button/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AA8B9D,aAAK,WAAW,GAAG;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,MAAM,UAAW,WAAW,uBA4BjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAa,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AA8B9D,aAAK,WAAW,GAAG;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,MAAM,UAAW,WAAW,sBA4BjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/atom/button-link/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { ButtonLinkProps } from './types';
 declare const ButtonLink: {
-    (props: ButtonLinkProps): JSX.Element;
+    (props: ButtonLinkProps): React.JSX.Element;
     propTypes: {
         type: import("prop-types").Requireable<string>;
         usage: import("prop-types").Requireable<string>;
@@ -22,7 +22,7 @@ declare const ButtonLink: {
                 size: import("prop-types").Requireable<number>;
                 customStyle: import("prop-types").Requireable<object>;
             }>>;
-        }> | (import("prop-types").InferProps<{
+        }> | import("prop-types").InferProps<{
             position: import("prop-types").Requireable<string>;
             type: import("prop-types").Requireable<string>;
             faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -32,7 +32,7 @@ declare const ButtonLink: {
                 size: import("prop-types").Requireable<number>;
                 customStyle: import("prop-types").Requireable<object>;
             }>>;
-        }> | null | undefined)[] | null | undefined>>;
+        }>[]>>;
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;
         link: import("prop-types").Requireable<import("prop-types").InferProps<{
             href: import("prop-types").Requireable<string>;

package/lib/atom/button-link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/index.tsx"],"names":[],"mappings":";AAQA,OAAkB,EAAC,eAAe,EAAW,MAAM,SAAS,CAAC;AAuG7D,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwJzC,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAQ5D,OAAkB,EAAC,eAAe,EAAW,MAAM,SAAS,CAAC;AAuG7D,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwJzC,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/lib/atom/button-link/types.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import PropTypes from 'prop-types';
 import { ICONS } from '../../util/button-icons';
 import Tag from '../tag';
@@ -33,7 +33,7 @@ declare const propTypes: {
             size: PropTypes.Requireable<number>;
             customStyle: PropTypes.Requireable<object>;
         }>>;
-    }> | (PropTypes.InferProps<{
+    }> | PropTypes.InferProps<{
         position: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;
         faIcon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -43,7 +43,7 @@ declare const propTypes: {
             size: PropTypes.Requireable<number>;
             customStyle: PropTypes.Requireable<object>;
         }>>;
-    }> | null | undefined)[] | null | undefined>>;
+    }>[]>>;
     onClick: PropTypes.Requireable<(...args: any[]) => any>;
     link: PropTypes.Requireable<PropTypes.InferProps<{
         href: PropTypes.Requireable<string>;
@@ -75,7 +75,7 @@ export declare type ButtonLinkProps = {
     type?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'dangerous';
     usage?: 'button' | 'submit' | 'reset';
     label?: string;
-    content?: PropTypes.ReactNodeLike;
+    content?: React.ReactNode;
     'aria-label'?: string;
     tooltipText?: string;
     tooltipPlacement?: 'left' | 'right' | 'top' | 'bottom';

package/lib/atom/button-link/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,KAAK,EAAC,MAAM,yBAAyB,CAAC;AAC9C,OAAO,GAAG,MAAM,QAAQ,CAAC;AAUzB,eAAO,MAAM,aAAa;;;;;;;;;;CAIzB,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4Bd,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACnC,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAC1B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IACnE,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE;QACL,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;KAClD,CAAC;IACF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,GAAG,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;CACxC,CAAC;AAEF,oBAAY,OAAO,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC;AAE/C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,KAAK,EAAC,MAAM,yBAAyB,CAAC;AAC9C,OAAO,GAAG,MAAM,QAAQ,CAAC;AAUzB,eAAO,MAAM,aAAa;;;;;;;;;;CAIzB,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4Bd,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACnC,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAC1B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IACnE,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE;QACL,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;KAClD,CAAC;IACF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,GAAG,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;CACxC,CAAC;AAEF,oBAAY,OAAO,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC;AAE/C,eAAe,SAAS,CAAC"}

package/lib/atom/button-link/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","_buttonIcons","e","__esModule","default","faIconPropTypes","name","PropTypes","string","isRequired","color","backgroundColor","size","number","customStyle","object","iconPropTypes","exports","position","oneOf","type","_keys2","ICONS","faIcon","shape","propTypes","usage","label","content","node","tooltipText","tooltipPlacement","icon","oneOfType","arrayOf","onClick","func","link","href","download","bool","target","hoverBackgroundColor","hoverColor","disabled","className","contentCustomStyle","useTitle","customLabelClassName","_default"],"sources":["../../../src/atom/button-link/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport {ICONS} from '../../util/button-icons';\nimport Tag from '../tag';\n\nconst faIconPropTypes = {\n  name: PropTypes.string.isRequired,\n  color: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  size: PropTypes.number,\n  customStyle: PropTypes.object\n};\n\nexport const iconPropTypes = {\n  position: PropTypes.oneOf(['right', 'left']),\n  type: PropTypes.oneOf(keys(ICONS)),\n  faIcon: PropTypes.shape(faIconPropTypes)\n};\n\nconst propTypes = {\n  type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n  usage: PropTypes.oneOf(['button', 'submit', 'reset']),\n  label: PropTypes.string,\n  content: PropTypes.node,\n  'aria-label': PropTypes.string,\n  tooltipText: PropTypes.string,\n  tooltipPlacement: PropTypes.oneOf(['left', 'right', 'top', 'bottom']),\n  'data-name': PropTypes.string,\n  'data-testid': PropTypes.string,\n  icon: PropTypes.oneOfType([\n    PropTypes.shape(iconPropTypes),\n    PropTypes.arrayOf(PropTypes.shape(iconPropTypes))\n  ]),\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  hoverBackgroundColor: PropTypes.string,\n  hoverColor: PropTypes.string,\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  customStyle: PropTypes.object,\n  contentCustomStyle: PropTypes.object,\n  useTitle: PropTypes.bool,\n  customLabelClassName: PropTypes.string\n};\n\nexport type FaIconType = {\n  name: string;\n  color?: string;\n  backgroundColor?: string;\n  size?: number;\n  customStyle?: React.CSSProperties;\n};\n\nexport type IconType = {\n  position: 'right' | 'left';\n  type?: keyof typeof ICONS;\n  faIcon?: FaIconType;\n};\n\nexport type ButtonLinkProps = {\n  type?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'dangerous';\n  usage?: 'button' | 'submit' | 'reset';\n  label?: string;\n  content?: PropTypes.ReactNodeLike;\n  'aria-label'?: string;\n  tooltipText?: string;\n  tooltipPlacement?: 'left' | 'right' | 'top' | 'bottom';\n  'data-name'?: string;\n  'data-testid'?: string;\n  icon?: IconType | IconType[];\n  onClick?: () => void;\n  onKeyDown?: () => void;\n  link?: {\n    href?: string;\n    download?: boolean;\n    target?: '_self' | '_blank' | '_parent' | '_top';\n  };\n  hoverBackgroundColor?: string;\n  hoverColor?: string;\n  disabled?: boolean;\n  className?: string;\n  customStyle?: React.CSSProperties;\n  contentCustomStyle?: React.CSSProperties;\n  useTitle?: boolean;\n  customLabelClassName?: string;\n  tag?: React.ComponentProps<typeof Tag>;\n};\n\nexport type Fixture = {props: ButtonLinkProps};\n\nexport default propTypes;\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAA8C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG9C,MAAMG,eAAe,GAAG;EACtBC,IAAI,EAAEC,kBAAS,CAACC,MAAM,CAACC,UAAU;EACjCC,KAAK,EAAEH,kBAAS,CAACC,MAAM;EACvBG,eAAe,EAAEJ,kBAAS,CAACC,MAAM;EACjCI,IAAI,EAAEL,kBAAS,CAACM,MAAM;EACtBC,WAAW,EAAEP,kBAAS,CAACQ;AACzB,CAAC;AAEM,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3BE,QAAQ,EAAEX,kBAAS,CAACY,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;EAC5CC,IAAI,EAAEb,kBAAS,CAACY,KAAK,CAAC,IAAAE,MAAA,CAAAjB,OAAA,EAAKkB,kBAAK,CAAC,CAAC;EAClCC,MAAM,EAAEhB,kBAAS,CAACiB,KAAK,CAACnB,eAAe;AACzC,CAAC;AAED,MAAMoB,SAAS,GAAG;EAChBL,IAAI,EAAEb,kBAAS,CAACY,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;EAChFO,KAAK,EAAEnB,kBAAS,CAACY,KAAK,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;EACrDQ,KAAK,EAAEpB,kBAAS,CAACC,MAAM;EACvBoB,OAAO,EAAErB,kBAAS,CAACsB,IAAI;EACvB,YAAY,EAAEtB,kBAAS,CAACC,MAAM;EAC9BsB,WAAW,EAAEvB,kBAAS,CAACC,MAAM;EAC7BuB,gBAAgB,EAAExB,kBAAS,CAACY,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;EACrE,WAAW,EAAEZ,kBAAS,CAACC,MAAM;EAC7B,aAAa,EAAED,kBAAS,CAACC,MAAM;EAC/BwB,IAAI,EAAEzB,kBAAS,CAAC0B,SAAS,CAAC,CACxB1B,kBAAS,CAACiB,KAAK,CAACR,aAAa,CAAC,EAC9BT,kBAAS,CAAC2B,OAAO,CAAC3B,kBAAS,CAACiB,KAAK,CAACR,aAAa,CAAC,CAAC,CAClD,CAAC;EACFmB,OAAO,EAAE5B,kBAAS,CAAC6B,IAAI;EACvBC,IAAI,EAAE9B,kBAAS,CAACiB,KAAK,CAAC;IACpBc,IAAI,EAAE/B,kBAAS,CAACC,MAAM;IACtB+B,QAAQ,EAAEhC,kBAAS,CAACiC,IAAI;IACxBC,MAAM,EAAElC,kBAAS,CAACY,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;EAChE,CAAC,CAAC;EACFuB,oBAAoB,EAAEnC,kBAAS,CAACC,MAAM;EACtCmC,UAAU,EAAEpC,kBAAS,CAACC,MAAM;EAC5BoC,QAAQ,EAAErC,kBAAS,CAACiC,IAAI;EACxBK,SAAS,EAAEtC,kBAAS,CAACC,MAAM;EAC3BM,WAAW,EAAEP,kBAAS,CAACQ,MAAM;EAC7B+B,kBAAkB,EAAEvC,kBAAS,CAACQ,MAAM;EACpCgC,QAAQ,EAAExC,kBAAS,CAACiC,IAAI;EACxBQ,oBAAoB,EAAEzC,kBAAS,CAACC;AAClC,CAAC;AAAC,IAAAyC,QAAA,GAAAhC,OAAA,CAAAb,OAAA,GA+CaqB,SAAS","ignoreList":[]}
+{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","_buttonIcons","e","__esModule","default","faIconPropTypes","name","PropTypes","string","isRequired","color","backgroundColor","size","number","customStyle","object","iconPropTypes","exports","position","oneOf","type","_keys2","ICONS","faIcon","shape","propTypes","usage","label","content","node","tooltipText","tooltipPlacement","icon","oneOfType","arrayOf","onClick","func","link","href","download","bool","target","hoverBackgroundColor","hoverColor","disabled","className","contentCustomStyle","useTitle","customLabelClassName","_default"],"sources":["../../../src/atom/button-link/types.ts"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport {ICONS} from '../../util/button-icons';\nimport Tag from '../tag';\n\nconst faIconPropTypes = {\n  name: PropTypes.string.isRequired,\n  color: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  size: PropTypes.number,\n  customStyle: PropTypes.object\n};\n\nexport const iconPropTypes = {\n  position: PropTypes.oneOf(['right', 'left']),\n  type: PropTypes.oneOf(keys(ICONS)),\n  faIcon: PropTypes.shape(faIconPropTypes)\n};\n\nconst propTypes = {\n  type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n  usage: PropTypes.oneOf(['button', 'submit', 'reset']),\n  label: PropTypes.string,\n  content: PropTypes.node,\n  'aria-label': PropTypes.string,\n  tooltipText: PropTypes.string,\n  tooltipPlacement: PropTypes.oneOf(['left', 'right', 'top', 'bottom']),\n  'data-name': PropTypes.string,\n  'data-testid': PropTypes.string,\n  icon: PropTypes.oneOfType([\n    PropTypes.shape(iconPropTypes),\n    PropTypes.arrayOf(PropTypes.shape(iconPropTypes))\n  ]),\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  hoverBackgroundColor: PropTypes.string,\n  hoverColor: PropTypes.string,\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  customStyle: PropTypes.object,\n  contentCustomStyle: PropTypes.object,\n  useTitle: PropTypes.bool,\n  customLabelClassName: PropTypes.string\n};\n\nexport type FaIconType = {\n  name: string;\n  color?: string;\n  backgroundColor?: string;\n  size?: number;\n  customStyle?: React.CSSProperties;\n};\n\nexport type IconType = {\n  position: 'right' | 'left';\n  type?: keyof typeof ICONS;\n  faIcon?: FaIconType;\n};\n\nexport type ButtonLinkProps = {\n  type?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'dangerous';\n  usage?: 'button' | 'submit' | 'reset';\n  label?: string;\n  content?: React.ReactNode;\n  'aria-label'?: string;\n  tooltipText?: string;\n  tooltipPlacement?: 'left' | 'right' | 'top' | 'bottom';\n  'data-name'?: string;\n  'data-testid'?: string;\n  icon?: IconType | IconType[];\n  onClick?: () => void;\n  onKeyDown?: () => void;\n  link?: {\n    href?: string;\n    download?: boolean;\n    target?: '_self' | '_blank' | '_parent' | '_top';\n  };\n  hoverBackgroundColor?: string;\n  hoverColor?: string;\n  disabled?: boolean;\n  className?: string;\n  customStyle?: React.CSSProperties;\n  contentCustomStyle?: React.CSSProperties;\n  useTitle?: boolean;\n  customLabelClassName?: string;\n  tag?: React.ComponentProps<typeof Tag>;\n};\n\nexport type Fixture = {props: ButtonLinkProps};\n\nexport default propTypes;\n"],"mappings":";;;;;AACA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAA8C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG9C,MAAMG,eAAe,GAAG;EACtBC,IAAI,EAAEC,kBAAS,CAACC,MAAM,CAACC,UAAU;EACjCC,KAAK,EAAEH,kBAAS,CAACC,MAAM;EACvBG,eAAe,EAAEJ,kBAAS,CAACC,MAAM;EACjCI,IAAI,EAAEL,kBAAS,CAACM,MAAM;EACtBC,WAAW,EAAEP,kBAAS,CAACQ;AACzB,CAAC;AAEM,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3BE,QAAQ,EAAEX,kBAAS,CAACY,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;EAC5CC,IAAI,EAAEb,kBAAS,CAACY,KAAK,CAAC,IAAAE,MAAA,CAAAjB,OAAA,EAAKkB,kBAAK,CAAC,CAAC;EAClCC,MAAM,EAAEhB,kBAAS,CAACiB,KAAK,CAACnB,eAAe;AACzC,CAAC;AAED,MAAMoB,SAAS,GAAG;EAChBL,IAAI,EAAEb,kBAAS,CAACY,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;EAChFO,KAAK,EAAEnB,kBAAS,CAACY,KAAK,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;EACrDQ,KAAK,EAAEpB,kBAAS,CAACC,MAAM;EACvBoB,OAAO,EAAErB,kBAAS,CAACsB,IAAI;EACvB,YAAY,EAAEtB,kBAAS,CAACC,MAAM;EAC9BsB,WAAW,EAAEvB,kBAAS,CAACC,MAAM;EAC7BuB,gBAAgB,EAAExB,kBAAS,CAACY,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;EACrE,WAAW,EAAEZ,kBAAS,CAACC,MAAM;EAC7B,aAAa,EAAED,kBAAS,CAACC,MAAM;EAC/BwB,IAAI,EAAEzB,kBAAS,CAAC0B,SAAS,CAAC,CACxB1B,kBAAS,CAACiB,KAAK,CAACR,aAAa,CAAC,EAC9BT,kBAAS,CAAC2B,OAAO,CAAC3B,kBAAS,CAACiB,KAAK,CAACR,aAAa,CAAC,CAAC,CAClD,CAAC;EACFmB,OAAO,EAAE5B,kBAAS,CAAC6B,IAAI;EACvBC,IAAI,EAAE9B,kBAAS,CAACiB,KAAK,CAAC;IACpBc,IAAI,EAAE/B,kBAAS,CAACC,MAAM;IACtB+B,QAAQ,EAAEhC,kBAAS,CAACiC,IAAI;IACxBC,MAAM,EAAElC,kBAAS,CAACY,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;EAChE,CAAC,CAAC;EACFuB,oBAAoB,EAAEnC,kBAAS,CAACC,MAAM;EACtCmC,UAAU,EAAEpC,kBAAS,CAACC,MAAM;EAC5BoC,QAAQ,EAAErC,kBAAS,CAACiC,IAAI;EACxBK,SAAS,EAAEtC,kBAAS,CAACC,MAAM;EAC3BM,WAAW,EAAEP,kBAAS,CAACQ,MAAM;EAC7B+B,kBAAkB,EAAEvC,kBAAS,CAACQ,MAAM;EACpCgC,QAAQ,EAAExC,kBAAS,CAACiC,IAAI;EACxBQ,oBAAoB,EAAEzC,kBAAS,CAACC;AAClC,CAAC;AAAC,IAAAyC,QAAA,GAAAhC,OAAA,CAAAb,OAAA,GA+CaqB,SAAS","ignoreList":[]}

package/lib/atom/button-link-icon/index.d.ts

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

package/lib/atom/button-link-icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link-icon/index.js"],"names":[],"mappings":";AAoCA,yDAkHC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link-icon/index.js"],"names":[],"mappings":";AAoCA,+DAkHC"}

package/lib/atom/button-menu/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { ButtonMenuProps } from './types';
 declare const ButtonMenu: {
-    (props: ButtonMenuProps): JSX.Element;
+    (props: ButtonMenuProps): React.JSX.Element;
     propTypes: {
-        buttons: import("prop-types").Validator<(import("prop-types").InferProps<{
+        buttons: import("prop-types").Validator<import("prop-types").InferProps<{
             'data-name': import("prop-types").Requireable<string>;
             disabled: import("prop-types").Requireable<boolean>;
             label: import("prop-types").Validator<string>;
@@ -23,10 +23,10 @@ declare const ButtonMenu: {
                 }>>;
             }>>;
             customStyle: import("prop-types").Requireable<{
-                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                [x: string]: NonNullable<string | number>;
             }>;
             customLabelClassName: import("prop-types").Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         'data-name': import("prop-types").Requireable<string>;
         'aria-label': import("prop-types").Requireable<string>;
         enableScroll: import("prop-types").Requireable<boolean>;

package/lib/atom/button-menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/index.tsx"],"names":[],"mappings":";AAMA,OAAkB,EAAC,eAAe,EAA+B,MAAM,SAAS,CAAC;AA+DjF,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBzC,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAMlD,OAAkB,EAAC,eAAe,EAA+B,MAAM,SAAS,CAAC;AA+DjF,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBzC,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/lib/atom/button-menu/types.d.ts

@@ -20,12 +20,12 @@ export declare const buttonPropTypes: {
         }>>;
     }>>;
     customStyle: PropTypes.Requireable<{
-        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+        [x: string]: NonNullable<string | number>;
     }>;
     customLabelClassName: PropTypes.Requireable<string>;
 };
 declare const propTypes: {
-    buttons: PropTypes.Validator<(PropTypes.InferProps<{
+    buttons: PropTypes.Validator<PropTypes.InferProps<{
         'data-name': PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
         label: PropTypes.Validator<string>;
@@ -45,10 +45,10 @@ declare const propTypes: {
             }>>;
         }>>;
         customStyle: PropTypes.Requireable<{
-            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            [x: string]: NonNullable<string | number>;
         }>;
         customLabelClassName: PropTypes.Requireable<string>;
-    }> | null | undefined)[]>;
+    }>[]>;
     'data-name': PropTypes.Requireable<string>;
     'aria-label': PropTypes.Requireable<string>;
     enableScroll: PropTypes.Requireable<boolean>;

package/lib/atom/card-image-preview/index.d.ts

@@ -3,7 +3,7 @@ declare function CardImagePreview({ image }: {
     image: any;
 }, { skin }: {
     skin: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace CardImagePreview {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -32,5 +32,6 @@ declare namespace CardImagePreview {
         const image: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/card-image-preview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/card-image-preview/index.js"],"names":[],"mappings":";AAQA;;;;gBAiBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/card-image-preview/index.js"],"names":[],"mappings":";AAQA;;;;sBAiBC"}

package/lib/atom/catalog-section/index.d.ts

@@ -2,12 +2,13 @@ export default CatalogSection;
 declare function CatalogSection({ title, children }: {
     title: any;
     children: any;
-}, context: any): JSX.Element;
+}, context: any): React.JSX.Element;
 declare namespace CatalogSection {
     namespace propTypes {
         const title: PropTypes.Requireable<string>;
         const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/catalog-section/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/catalog-section/index.js"],"names":[],"mappings":";AAIA;;;8BAKC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/catalog-section/index.js"],"names":[],"mappings":";AAIA;;;oCAKC"}

package/lib/atom/centered-text/index.d.ts

@@ -1,11 +1,12 @@
 export default CenteredText;
 declare function CenteredText({ children }: {
     children: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace CenteredText {
     namespace propTypes {
         const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/centered-text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/centered-text/index.js"],"names":[],"mappings":";AAIA;;gBAAmF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/centered-text/index.js"],"names":[],"mappings":";AAIA;;sBAAmF"}

package/lib/atom/checkbox/index.d.ts

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

package/lib/atom/checkbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/checkbox/index.js"],"names":[],"mappings":";AAIA,mDAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/checkbox/index.js"],"names":[],"mappings":";AAIA,yDAaC"}

package/lib/atom/checkbox-with-title/index.d.ts

@@ -1,5 +1,5 @@
 export default CheckboxWithTitle;
-declare function CheckboxWithTitle(props: any, context: any): JSX.Element;
+declare function CheckboxWithTitle(props: any, context: any): React.JSX.Element;
 declare namespace CheckboxWithTitle {
     const propTypes: {
         value: PropTypes.Requireable<string>;
@@ -15,7 +15,7 @@ declare namespace CheckboxWithTitle {
             preset: PropTypes.Requireable<string>;
         }>>;
         customStyle: PropTypes.Requireable<{
-            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            [x: string]: NonNullable<string | number>;
         }>;
     };
     namespace contextTypes {
@@ -42,5 +42,6 @@ declare namespace CheckboxWithTitle {
         }>>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/checkbox-with-title/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/checkbox-with-title/index.js"],"names":[],"mappings":";AAUA,0EAiEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/checkbox-with-title/index.js"],"names":[],"mappings":";AAUA,gFAiEC"}

package/lib/atom/chip/index.d.ts

@@ -1,6 +1,6 @@
 export function calculateHoveredSelectedBgColor(selectedBgColor: any, luminosityDelta?: number): any;
 export default Chip;
-declare function Chip(props: any, context: any): JSX.Element;
+declare function Chip(props: any, context: any): React.JSX.Element;
 declare namespace Chip {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -35,9 +35,10 @@ declare namespace Chip {
         const onClick: PropTypes.Requireable<(...args: any[]) => any>;
         const leftIcon: PropTypes.Requireable<string>;
         const customStyle: PropTypes.Requireable<{
-            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            [x: string]: NonNullable<string | number>;
         }>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/chip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chip/index.js"],"names":[],"mappings":"AAmBO,qGAG0E;;AAGjF,6DA0EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chip/index.js"],"names":[],"mappings":"AAmBO,qGAG0E;;AAGjF,mEA0EC"}

package/lib/atom/chip/index.js

@@ -8,7 +8,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
 var _cssColorFunction = require("css-color-function");
 var _reactFontawesome = require("@fortawesome/react-fontawesome");
-var _proSolidSvgIcons = require("@fortawesome/pro-solid-svg-icons");
+var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
 var _fontawesomeSvgCore = require("@fortawesome/fontawesome-svg-core");
 var _provider = _interopRequireDefault(require("../provider"));
 var _colors = require("../../variables/colors");
@@ -16,7 +16,7 @@ var _style = _interopRequireDefault(require("./style.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-_fontawesomeSvgCore.library.add(_proSolidSvgIcons.fas);
+_fontawesomeSvgCore.library.add(_freeSolidSvgIcons.fas);
 const LUMINOSITY_DELTA = 0.08;
 const {
   cm_primary_blue: DEFAULT_BACKGROUND_COLOR