@coorpacademy/components 11.35.2-forcedeploy.13 → 11.35.2

package/es/variables/theme.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.native.js","names":["COLORS","HTML_ANCHOR_TEXT_COLOR","cm_primary_blue","defaultTheme","colors","border","gray","extra","lighter","light","lightMedium","medium","dark","extraDark","text","primary","secondary","cta","negative","positive","cm_positive_500","white","black","battle","notification","salmon","podcast","background","cm_grey_800","spacing","micro","tiny","small","base","large","xlarge","radius","common","card","regular","search","button","thumbnail","fontWeight","semiBold","bold","extraBold","fontSize","extraSmall","xxlarge","xxxlarge","letterSpacing","header"],"sources":["../../src/variables/theme.native.ts"],"sourcesContent":["import {TextStyle} from 'react-native';\nimport {COLORS} from './colors';\n\nexport type SpaceType = 'micro' | 'tiny' | 'small' | 'base' | 'medium' | 'large' | 'xlarge';\n\nexport const HTML_ANCHOR_TEXT_COLOR = '#002BDB';\n\nconst {cm_primary_blue} = COLORS;\n\nexport type Colors = {\n  border: string;\n  gray: {\n    extra: string;\n    light: string;\n    lighter: string;\n    lightMedium: string;\n    medium: string;\n    dark: string;\n    extraDark: string;\n  };\n  podcast: {\n    background: string;\n    primary: string;\n  };\n  text: {\n    primary: string;\n    secondary: string;\n  };\n  cta: string;\n  negative: string;\n  positive: string;\n  white: string;\n  black: string;\n  battle: string;\n  notification: string;\n  salmon: string;\n};\n\nexport type Theme = {\n  colors: Colors;\n  spacing: {\n    micro: number;\n    tiny: number;\n    small: number;\n    base: number;\n    medium: number;\n    large: number;\n    xlarge: number;\n  };\n  radius: {\n    button: number;\n    common: number;\n    card: number;\n    medium: number;\n    regular: number;\n    search: number;\n    thumbnail: number;\n  };\n  fontWeight: {\n    regular: TextStyle['fontWeight'];\n    semiBold: TextStyle['fontWeight'];\n    bold: TextStyle['fontWeight'];\n    extraBold: TextStyle['fontWeight'];\n  };\n  fontSize: {\n    extraSmall: TextStyle['fontSize'];\n    small: TextStyle['fontSize'];\n    medium: TextStyle['fontSize'];\n    regular: TextStyle['fontSize'];\n    large: TextStyle['fontSize'];\n    xlarge: TextStyle['fontSize'];\n    xxlarge: TextStyle['fontSize'];\n    xxxlarge: TextStyle['fontSize'];\n  };\n  letterSpacing: {\n    header: number;\n  };\n};\n\nconst defaultTheme: Theme = {\n  colors: {\n    border: 'rgba(0, 0, 0, 0.1)',\n    gray: {\n      extra: '#FAFAFA',\n      lighter: '#F4F4F5',\n      light: '#ededed',\n      lightMedium: '#CFD8DC',\n      medium: '#90A4AE',\n      dark: '#546E7A',\n      extraDark: '#323232'\n    },\n    text: {\n      primary: '#06265B',\n      secondary: '#FFFFFF'\n    },\n    cta: cm_primary_blue,\n    negative: COLORS.negative,\n    positive: COLORS.cm_positive_500,\n    white: '#FFFFFF',\n    black: '#14171A',\n    battle: '#FFDE03',\n    notification: '#FF7043',\n    salmon: '#FDE2E5',\n    podcast: {\n      background: COLORS.cm_grey_800,\n      primary: '#FF541F'\n    }\n  },\n  spacing: {\n    micro: 4,\n    tiny: 8,\n    small: 16,\n    base: 24,\n    medium: 32,\n    large: 48,\n    xlarge: 64\n  },\n  radius: {\n    common: 3,\n    card: 5,\n    regular: 8,\n    medium: 12,\n    search: 24,\n    button: 32,\n    thumbnail: 1000\n  },\n  fontWeight: {\n    regular: '400',\n    semiBold: '500',\n    bold: '700',\n    extraBold: '900'\n  },\n  fontSize: {\n    extraSmall: 10,\n    small: 12,\n    medium: 13,\n    regular: 15,\n    large: 17,\n    xlarge: 22,\n    xxlarge: 28,\n    xxxlarge: 40\n  },\n  letterSpacing: {\n    header: 5\n  }\n};\n\nexport default defaultTheme;\n"],"mappings":"AACA,SAAQA,MAAM,QAAO,UAAU;AAI/B,OAAO,MAAMC,sBAAsB,GAAG,SAAS;AAE/C,MAAM;EAACC;AAAe,CAAC,GAAGF,MAAM;AAwEhC,MAAMG,YAAmB,GAAG;EAC1BC,MAAM,EAAE;IACNC,MAAM,EAAE,oBAAoB;IAC5BC,IAAI,EAAE;MACJC,KAAK,EAAE,SAAS;MAChBC,OAAO,EAAE,SAAS;MAClBC,KAAK,EAAE,SAAS;MAChBC,WAAW,EAAE,SAAS;MACtBC,MAAM,EAAE,SAAS;MACjBC,IAAI,EAAE,SAAS;MACfC,SAAS,EAAE;IACb,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,SAAS;MAClBC,SAAS,EAAE;IACb,CAAC;IACDC,GAAG,EAAEf,eAAe;IACpBgB,QAAQ,EAAElB,MAAM,CAACkB,QAAQ;IACzBC,QAAQ,EAAEnB,MAAM,CAACoB,eAAe;IAChCC,KAAK,EAAE,SAAS;IAChBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,YAAY,EAAE,SAAS;IACvBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;MACPC,UAAU,EAAE3B,MAAM,CAAC4B,WAAW;MAC9Bb,OAAO,EAAE;IACX;EACF,CAAC;EACDc,OAAO,EAAE;IACPC,KAAK,EAAE,CAAC;IACRC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,EAAE;IACTC,IAAI,EAAE,EAAE;IACRtB,MAAM,EAAE,EAAE;IACVuB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE;IACNC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE,CAAC;IACV5B,MAAM,EAAE,EAAE;IACV6B,MAAM,EAAE,EAAE;IACVC,MAAM,EAAE,EAAE;IACVC,SAAS,EAAE;EACb,CAAC;EACDC,UAAU,EAAE;IACVJ,OAAO,EAAE,KAAK;IACdK,QAAQ,EAAE,KAAK;IACfC,IAAI,EAAE,KAAK;IACXC,SAAS,EAAE;EACb,CAAC;EACDC,QAAQ,EAAE;IACRC,UAAU,EAAE,EAAE;IACdhB,KAAK,EAAE,EAAE;IACTrB,MAAM,EAAE,EAAE;IACV4B,OAAO,EAAE,EAAE;IACXL,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVc,OAAO,EAAE,EAAE;IACXC,QAAQ,EAAE;EACZ,CAAC;EACDC,aAAa,EAAE;IACbC,MAAM,EAAE;EACV;AACF,CAAC;AAED,eAAejD,YAAY","ignoreList":[]}
+{"version":3,"file":"theme.native.js","names":["COLORS","HTML_ANCHOR_TEXT_COLOR","cm_primary_blue","defaultTheme","colors","border","gray","extra","lighter","light","lightMedium","medium","dark","extraDark","text","primary","secondary","cta","negative","positive","white","black","battle","notification","salmon","podcast","background","cm_grey_800","spacing","micro","tiny","small","base","large","xlarge","radius","common","card","regular","search","button","thumbnail","fontWeight","semiBold","bold","extraBold","fontSize","extraSmall","xxlarge","xxxlarge","letterSpacing","header"],"sources":["../../src/variables/theme.native.ts"],"sourcesContent":["import {TextStyle} from 'react-native';\nimport {COLORS} from './colors';\n\nexport type SpaceType = 'micro' | 'tiny' | 'small' | 'base' | 'medium' | 'large' | 'xlarge';\n\nexport const HTML_ANCHOR_TEXT_COLOR = '#002BDB';\n\nconst {cm_primary_blue} = COLORS;\n\nexport type Colors = {\n  border: string;\n  gray: {\n    extra: string;\n    light: string;\n    lighter: string;\n    lightMedium: string;\n    medium: string;\n    dark: string;\n    extraDark: string;\n  };\n  podcast: {\n    background: string;\n    primary: string;\n  };\n  text: {\n    primary: string;\n    secondary: string;\n  };\n  cta: string;\n  negative: string;\n  positive: string;\n  white: string;\n  black: string;\n  battle: string;\n  notification: string;\n  salmon: string;\n};\n\nexport type Theme = {\n  colors: Colors;\n  spacing: {\n    micro: number;\n    tiny: number;\n    small: number;\n    base: number;\n    medium: number;\n    large: number;\n    xlarge: number;\n  };\n  radius: {\n    button: number;\n    common: number;\n    card: number;\n    medium: number;\n    regular: number;\n    search: number;\n    thumbnail: number;\n  };\n  fontWeight: {\n    regular: TextStyle['fontWeight'];\n    semiBold: TextStyle['fontWeight'];\n    bold: TextStyle['fontWeight'];\n    extraBold: TextStyle['fontWeight'];\n  };\n  fontSize: {\n    extraSmall: TextStyle['fontSize'];\n    small: TextStyle['fontSize'];\n    medium: TextStyle['fontSize'];\n    regular: TextStyle['fontSize'];\n    large: TextStyle['fontSize'];\n    xlarge: TextStyle['fontSize'];\n    xxlarge: TextStyle['fontSize'];\n    xxxlarge: TextStyle['fontSize'];\n  };\n  letterSpacing: {\n    header: number;\n  };\n};\n\nconst defaultTheme: Theme = {\n  colors: {\n    border: 'rgba(0, 0, 0, 0.1)',\n    gray: {\n      extra: '#FAFAFA',\n      lighter: '#F4F4F5',\n      light: '#ededed',\n      lightMedium: '#CFD8DC',\n      medium: '#90A4AE',\n      dark: '#546E7A',\n      extraDark: '#323232'\n    },\n    text: {\n      primary: '#06265B',\n      secondary: '#FFFFFF'\n    },\n    cta: cm_primary_blue,\n    negative: COLORS.negative,\n    positive: COLORS.positive,\n    white: '#FFFFFF',\n    black: '#14171A',\n    battle: '#FFDE03',\n    notification: '#FF7043',\n    salmon: '#FDE2E5',\n    podcast: {\n      background: COLORS.cm_grey_800,\n      primary: '#FF541F'\n    }\n  },\n  spacing: {\n    micro: 4,\n    tiny: 8,\n    small: 16,\n    base: 24,\n    medium: 32,\n    large: 48,\n    xlarge: 64\n  },\n  radius: {\n    common: 3,\n    card: 5,\n    regular: 8,\n    medium: 12,\n    search: 24,\n    button: 32,\n    thumbnail: 1000\n  },\n  fontWeight: {\n    regular: '400',\n    semiBold: '500',\n    bold: '700',\n    extraBold: '900'\n  },\n  fontSize: {\n    extraSmall: 10,\n    small: 12,\n    medium: 13,\n    regular: 15,\n    large: 17,\n    xlarge: 22,\n    xxlarge: 28,\n    xxxlarge: 40\n  },\n  letterSpacing: {\n    header: 5\n  }\n};\n\nexport default defaultTheme;\n"],"mappings":"AACA,SAAQA,MAAM,QAAO,UAAU;AAI/B,OAAO,MAAMC,sBAAsB,GAAG,SAAS;AAE/C,MAAM;EAACC;AAAe,CAAC,GAAGF,MAAM;AAwEhC,MAAMG,YAAmB,GAAG;EAC1BC,MAAM,EAAE;IACNC,MAAM,EAAE,oBAAoB;IAC5BC,IAAI,EAAE;MACJC,KAAK,EAAE,SAAS;MAChBC,OAAO,EAAE,SAAS;MAClBC,KAAK,EAAE,SAAS;MAChBC,WAAW,EAAE,SAAS;MACtBC,MAAM,EAAE,SAAS;MACjBC,IAAI,EAAE,SAAS;MACfC,SAAS,EAAE;IACb,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,SAAS;MAClBC,SAAS,EAAE;IACb,CAAC;IACDC,GAAG,EAAEf,eAAe;IACpBgB,QAAQ,EAAElB,MAAM,CAACkB,QAAQ;IACzBC,QAAQ,EAAEnB,MAAM,CAACmB,QAAQ;IACzBC,KAAK,EAAE,SAAS;IAChBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,YAAY,EAAE,SAAS;IACvBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;MACPC,UAAU,EAAE1B,MAAM,CAAC2B,WAAW;MAC9BZ,OAAO,EAAE;IACX;EACF,CAAC;EACDa,OAAO,EAAE;IACPC,KAAK,EAAE,CAAC;IACRC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,EAAE;IACTC,IAAI,EAAE,EAAE;IACRrB,MAAM,EAAE,EAAE;IACVsB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE;IACNC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE,CAAC;IACV3B,MAAM,EAAE,EAAE;IACV4B,MAAM,EAAE,EAAE;IACVC,MAAM,EAAE,EAAE;IACVC,SAAS,EAAE;EACb,CAAC;EACDC,UAAU,EAAE;IACVJ,OAAO,EAAE,KAAK;IACdK,QAAQ,EAAE,KAAK;IACfC,IAAI,EAAE,KAAK;IACXC,SAAS,EAAE;EACb,CAAC;EACDC,QAAQ,EAAE;IACRC,UAAU,EAAE,EAAE;IACdhB,KAAK,EAAE,EAAE;IACTpB,MAAM,EAAE,EAAE;IACV2B,OAAO,EAAE,EAAE;IACXL,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVc,OAAO,EAAE,EAAE;IACXC,QAAQ,EAAE;EACZ,CAAC;EACDC,aAAa,EAAE;IACbC,MAAM,EAAE;EACV;AACF,CAAC;AAED,eAAehD,YAAY","ignoreList":[]}

package/lib/atom/button-link/index.js

@@ -36,7 +36,7 @@ const getButtonContent = (icon, content, hovered, hoverBackgroundColor, hoverCol
     iconName: faIcon.name,
     iconColor: hovered && hoverColor ? hoverColor : faIcon.color ?? _icon.DEFAULT_ICON_COLOR,
     // eslint-disable-next-line no-nested-ternary
-    backgroundColor: !faIcon?.backgroundColor ? null : hovered && hoverBackgroundColor ? hoverBackgroundColor : faIcon.backgroundColor,
+    backgroundColor: !faIcon?.backgroundColor ? 'transparent' : hovered && hoverBackgroundColor ? hoverBackgroundColor : faIcon.backgroundColor,
     size: {
       faSize: faIcon.size,
       wrapperSize: faIcon.size

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_link","_icon","_buttonIcons","_tooltip","_types","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","getButtonContent","icon","content","hovered","hoverBackgroundColor","hoverColor","type","faIcon","position","Icon","ICONS","createElement","className","style","buttonContent","label","iconComponent","iconName","name","iconColor","color","DEFAULT_ICON_COLOR","backgroundColor","size","faSize","wrapperSize","customStyle","theme","ButtonLink","props","usage","disabled","dataName","dataTestId","ariaLabel","tooltipText","tooltipPlacement","link","onClick","_noop2","onKeyDown","useTitle","styleButton","classnames","button","iconButton","primary","secondary","tertiary","text","dangerous","setHovered","useState","handleOnClick","useCallback","event","handleOnKeyDown","handleMouseOver","handleMouseLeave","TooltipContent","tooltipContentWrapper","renderToolTip","closeToolTipInformationTextAriaLabel","fontSize","anchorId","toolTipIsVisible","placement","_customStyle","useMemo","title","onMouseEnter","onMouseLeave","onMouseOver","tabIndex","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/atom/button-link/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport FaIcon, {DEFAULT_ICON_COLOR, IconProps} from '../icon';\nimport {ICONS} from '../../util/button-icons';\nimport ToolTip from '../tooltip';\nimport propTypes, {ButtonLinkProps, IconType} from './types';\nimport style from './style.css';\n\nconst getButtonContent = (\n  icon?: IconType,\n  content?: string | React.ReactNode,\n  hovered?: boolean,\n  hoverBackgroundColor?: string,\n  hoverColor?: string\n) => {\n  const {type, faIcon, position} = icon || {type: '', position: ''};\n  const Icon = type && ICONS[type];\n\n  if (!Icon && !faIcon) {\n    return (\n      <div className={style.buttonContent}>\n        <span className={style.label}>{content}</span>\n      </div>\n    );\n  }\n\n  const iconComponent = faIcon ? (\n    <FaIcon\n      {...({\n        iconName: faIcon.name,\n        iconColor: hovered && hoverColor ? hoverColor : faIcon.color ?? DEFAULT_ICON_COLOR,\n        // eslint-disable-next-line no-nested-ternary\n        backgroundColor: !faIcon?.backgroundColor\n          ? null\n          : hovered && hoverBackgroundColor\n          ? hoverBackgroundColor\n          : faIcon.backgroundColor,\n        size: {\n          faSize: faIcon.size,\n          wrapperSize: faIcon.size\n        },\n        customStyle: faIcon.customStyle\n      } as IconProps)}\n    />\n  ) : (\n    <Icon className={style.icon} theme=\"coorpmanager\" />\n  );\n\n  return (\n    <div className={style.buttonContent}>\n      {position === 'left' ? iconComponent : null}\n      {content ? <span className={style.label}>{content}</span> : null}\n      {position === 'right' ? iconComponent : null}\n    </div>\n  );\n};\n\nconst ButtonLink = (props: ButtonLinkProps) => {\n  const {\n    type,\n    usage = 'button',\n    label,\n    content,\n    hoverBackgroundColor,\n    hoverColor,\n    disabled = false,\n    icon,\n    'data-name': dataName,\n    'data-testid': dataTestId = 'button-link',\n    'aria-label': ariaLabel,\n    tooltipText,\n    tooltipPlacement = 'left',\n    link,\n    onClick = noop,\n    onKeyDown = noop,\n    className,\n    customStyle,\n    useTitle = true\n  } = props;\n  const styleButton = classnames(\n    className,\n    style.button,\n    !label && style.iconButton,\n    type === 'primary' && style.primary,\n    type === 'secondary' && style.secondary,\n    type === 'tertiary' && style.tertiary,\n    type === 'text' && style.text,\n    type === 'dangerous' && style.dangerous,\n    link && style.link,\n    disabled && style.disabled\n  );\n\n  const [hovered, setHovered] = useState(false);\n\n  const handleOnClick = useCallback(event => onClick(event), [onClick]);\n\n  const handleOnKeyDown = useCallback(event => onKeyDown(event), [onKeyDown]);\n\n  const handleMouseOver = useCallback(() => {\n    setHovered(true);\n  }, [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const TooltipContent = useCallback(\n    () => <span className={style.tooltipContentWrapper}>{tooltipText || ariaLabel}</span>,\n    [tooltipText, ariaLabel]\n  );\n\n  const renderToolTip = () => {\n    const closeToolTipInformationTextAriaLabel = tooltipText || ariaLabel;\n    if (!closeToolTipInformationTextAriaLabel) return null;\n    return (\n      <ToolTip\n        fontSize={12}\n        anchorId=\"button-icon\"\n        toolTipIsVisible={hovered}\n        placement={tooltipPlacement}\n        TooltipContent={TooltipContent}\n        closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n      />\n    );\n  };\n\n  const _customStyle = useMemo(() => {\n    return {\n      ...customStyle,\n      ...((hoverBackgroundColor || hoverColor) && hovered\n        ? {\n            backgroundColor: hoverBackgroundColor,\n            color: hoverColor\n          }\n        : null)\n    };\n  }, [hoverBackgroundColor, hoverColor, hovered, customStyle]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        {...(useTitle && {\n          title: ariaLabel || label\n        })}\n        style={customStyle}\n        className={styleButton}\n        data-name={dataName}\n        data-testid={dataTestId}\n        aria-label={ariaLabel || label}\n        hoverColor={hoverColor}\n        hoverBackgroundColor={hoverBackgroundColor}\n        onMouseEnter={handleMouseOver}\n        onMouseLeave={handleMouseLeave}\n      >\n        {getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor)}\n        {renderToolTip()}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      {...(useTitle && {\n        title: ariaLabel || label\n      })}\n      {...(ariaLabel && !label\n        ? {\n            'data-for': 'button-icon',\n            'data-tip': hovered\n          }\n        : {})}\n      // eslint-disable-next-line react/button-has-type\n      type={usage}\n      aria-label={ariaLabel || label}\n      data-name={dataName}\n      data-testid={dataTestId}\n      style={_customStyle}\n      className={styleButton}\n      onClick={handleOnClick}\n      onKeyDown={handleOnKeyDown}\n      onMouseOver={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n      tabIndex={0}\n      disabled={disabled}\n    >\n      {getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor)}\n      {renderToolTip()}\n    </button>\n  );\n};\n\nButtonLink.propTypes = propTypes;\n\nexport default ButtonLink;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_link","_icon","_buttonIcons","_tooltip","_types","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","getButtonContent","icon","content","hovered","hoverBackgroundColor","hoverColor","type","faIcon","position","Icon","ICONS","createElement","className","style","buttonContent","label","iconComponent","iconName","name","iconColor","color","DEFAULT_ICON_COLOR","backgroundColor","size","faSize","wrapperSize","customStyle","theme","ButtonLink","props","usage","disabled","dataName","dataTestId","ariaLabel","tooltipText","tooltipPlacement","link","onClick","_noop2","onKeyDown","useTitle","styleButton","classnames","button","iconButton","primary","secondary","tertiary","text","dangerous","setHovered","useState","handleOnClick","useCallback","event","handleOnKeyDown","handleMouseOver","handleMouseLeave","TooltipContent","tooltipContentWrapper","renderToolTip","closeToolTipInformationTextAriaLabel","fontSize","anchorId","toolTipIsVisible","placement","_customStyle","useMemo","title","onMouseEnter","onMouseLeave","onMouseOver","tabIndex","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/atom/button-link/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport FaIcon, {DEFAULT_ICON_COLOR} from '../icon';\nimport {ICONS} from '../../util/button-icons';\nimport ToolTip from '../tooltip';\nimport propTypes, {ButtonLinkProps, IconType} from './types';\nimport style from './style.css';\n\nconst getButtonContent = (\n  icon?: IconType,\n  content?: string | React.ReactNode,\n  hovered?: boolean,\n  hoverBackgroundColor?: string,\n  hoverColor?: string\n) => {\n  const {type, faIcon, position} = icon || {type: '', position: ''};\n  const Icon = type && ICONS[type];\n\n  if (!Icon && !faIcon) {\n    return (\n      <div className={style.buttonContent}>\n        <span className={style.label}>{content}</span>\n      </div>\n    );\n  }\n\n  const iconComponent = faIcon ? (\n    <FaIcon\n      {...{\n        iconName: faIcon.name,\n        iconColor: hovered && hoverColor ? hoverColor : faIcon.color ?? DEFAULT_ICON_COLOR,\n        // eslint-disable-next-line no-nested-ternary\n        backgroundColor: !faIcon?.backgroundColor\n          ? 'transparent'\n          : hovered && hoverBackgroundColor\n          ? hoverBackgroundColor\n          : faIcon.backgroundColor,\n        size: {\n          faSize: faIcon.size,\n          wrapperSize: faIcon.size\n        },\n        customStyle: faIcon.customStyle\n      }}\n    />\n  ) : (\n    <Icon className={style.icon} theme=\"coorpmanager\" />\n  );\n\n  return (\n    <div className={style.buttonContent}>\n      {position === 'left' ? iconComponent : null}\n      {content ? <span className={style.label}>{content}</span> : null}\n      {position === 'right' ? iconComponent : null}\n    </div>\n  );\n};\n\nconst ButtonLink = (props: ButtonLinkProps) => {\n  const {\n    type,\n    usage = 'button',\n    label,\n    content,\n    hoverBackgroundColor,\n    hoverColor,\n    disabled = false,\n    icon,\n    'data-name': dataName,\n    'data-testid': dataTestId = 'button-link',\n    'aria-label': ariaLabel,\n    tooltipText,\n    tooltipPlacement = 'left',\n    link,\n    onClick = noop,\n    onKeyDown = noop,\n    className,\n    customStyle,\n    useTitle = true\n  } = props;\n  const styleButton = classnames(\n    className,\n    style.button,\n    !label && style.iconButton,\n    type === 'primary' && style.primary,\n    type === 'secondary' && style.secondary,\n    type === 'tertiary' && style.tertiary,\n    type === 'text' && style.text,\n    type === 'dangerous' && style.dangerous,\n    link && style.link,\n    disabled && style.disabled\n  );\n\n  const [hovered, setHovered] = useState(false);\n\n  const handleOnClick = useCallback(event => onClick(event), [onClick]);\n\n  const handleOnKeyDown = useCallback(event => onKeyDown(event), [onKeyDown]);\n\n  const handleMouseOver = useCallback(() => {\n    setHovered(true);\n  }, [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const TooltipContent = useCallback(\n    () => <span className={style.tooltipContentWrapper}>{tooltipText || ariaLabel}</span>,\n    [tooltipText, ariaLabel]\n  );\n\n  const renderToolTip = () => {\n    const closeToolTipInformationTextAriaLabel = tooltipText || ariaLabel;\n    if (!closeToolTipInformationTextAriaLabel) return null;\n    return (\n      <ToolTip\n        fontSize={12}\n        anchorId=\"button-icon\"\n        toolTipIsVisible={hovered}\n        placement={tooltipPlacement}\n        TooltipContent={TooltipContent}\n        closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n      />\n    );\n  };\n\n  const _customStyle = useMemo(() => {\n    return {\n      ...customStyle,\n      ...((hoverBackgroundColor || hoverColor) && hovered\n        ? {\n            backgroundColor: hoverBackgroundColor,\n            color: hoverColor\n          }\n        : null)\n    };\n  }, [hoverBackgroundColor, hoverColor, hovered, customStyle]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        {...(useTitle && {\n          title: ariaLabel || label\n        })}\n        style={customStyle}\n        className={styleButton}\n        data-name={dataName}\n        data-testid={dataTestId}\n        aria-label={ariaLabel || label}\n        hoverColor={hoverColor}\n        hoverBackgroundColor={hoverBackgroundColor}\n        onMouseEnter={handleMouseOver}\n        onMouseLeave={handleMouseLeave}\n      >\n        {getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor)}\n        {renderToolTip()}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      {...(useTitle && {\n        title: ariaLabel || label\n      })}\n      {...(ariaLabel && !label\n        ? {\n            'data-for': 'button-icon',\n            'data-tip': hovered\n          }\n        : {})}\n      // eslint-disable-next-line react/button-has-type\n      type={usage}\n      aria-label={ariaLabel || label}\n      data-name={dataName}\n      data-testid={dataTestId}\n      style={_customStyle}\n      className={styleButton}\n      onClick={handleOnClick}\n      onKeyDown={handleOnKeyDown}\n      onMouseOver={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n      tabIndex={0}\n      disabled={disabled}\n    >\n      {getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor)}\n      {renderToolTip()}\n    </button>\n  );\n};\n\nButtonLink.propTypes = propTypes;\n\nexport default ButtonLink;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/button-link/style.css

@@ -22,7 +22,7 @@
   align-items: center;
   cursor: pointer;
   border: none;
-  padding: 12px 16px;
+  padding: 0px 16px;
   /* prevents text selection when dragging
   the mouse over the button */
   user-select: none;
@@ -39,7 +39,6 @@
 }
 
 .buttonContent {
-  gap: 8px;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -56,6 +55,7 @@
 }
 
 .label {
+  margin: 0 8px 0 8px;
   text-wrap: nowrap;
   display: block;
 }

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

@@ -1,40 +1,22 @@
-import React, { CSSProperties } from 'react';
-import PropTypes from 'prop-types';
-export declare const DEFAULT_PRESET = "m";
-export declare const ICON_LUMINOSITY = 32;
-export declare const DEFAULT_WRAPPER_SIZE = 40;
-export declare const ICON_PADDING = 8;
-export declare const DEFAULT_ICON_COLOR = "hsl(0, 0%, 32%)";
-export interface IconSize {
-    faSize: number;
-    wrapperSize: number;
-}
-export interface IconProps {
-    iconName: string;
-    iconColor?: string;
-    backgroundColor?: string;
-    gradientBackground?: boolean;
-    borderRadius?: string;
-    preset?: string;
-    size?: IconSize;
-    customStyle?: CSSProperties;
-}
-export declare function getForegroundColor(backgroundColor: string): string;
-declare const Icon: React.FC<IconProps>;
-export declare const propTypes: {
-    iconName: PropTypes.Validator<string>;
-    iconColor: PropTypes.Requireable<string>;
-    backgroundColor: PropTypes.Requireable<string>;
-    gradientBackground: PropTypes.Requireable<boolean>;
-    borderRadius: PropTypes.Requireable<string>;
-    preset: PropTypes.Requireable<string>;
-    size: PropTypes.Requireable<PropTypes.InferProps<{
-        faSize: PropTypes.Validator<number>;
-        wrapperSize: PropTypes.Validator<number>;
+export const DEFAULT_ICON_COLOR: "hsl(0, 0%, 32%)";
+export function getForegroundColor(backgroundColor: any): any;
+export namespace iconPropTypes {
+    const iconName: PropTypes.Validator<string>;
+    const iconColor: PropTypes.Requireable<string>;
+    const backgroundColor: PropTypes.Requireable<string>;
+    const gradientBackground: PropTypes.Requireable<boolean>;
+    const borderRadius: PropTypes.Requireable<string>;
+    const preset: PropTypes.Requireable<string>;
+    const size: PropTypes.Requireable<PropTypes.InferProps<{
+        faSize: PropTypes.Requireable<number>;
+        wrapperSize: PropTypes.Requireable<number>;
     }>>;
-    customStyle: PropTypes.Requireable<{
+    const customStyle: PropTypes.Requireable<{
         [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
     }>;
-};
+}
 export default Icon;
+import PropTypes from "prop-types";
+declare const Icon: React.NamedExoticComponent<object>;
+import React from "react";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAC3C,OAAO,SAAS,MAAM,YAAY,CAAC;AAanC,eAAO,MAAM,cAAc,MAAM,CAAC;AAClC,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,eAAO,MAAM,YAAY,IAAI,CAAC;AAC9B,eAAO,MAAM,kBAAkB,oBAAoB,CAAC;AAEpD,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,WAAW,CAAC,EAAE,aAAa,CAAC;CAC7B;AAED,wBAAgB,kBAAkB,CAAC,eAAe,EAAE,MAAM,GAAG,MAAM,CAElE;AAiBD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAiD7B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAYrB,CAAC;AAUF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/icon/index.js"],"names":[],"mappings":"AAkBA,mDAAoD;AAiB7C,8DAC8D;;;;;;;;;;;;;;;;;;AAGrE,uDAsCG"}

package/lib/atom/icon/index.js

@@ -1,11 +1,9 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.ICON_PADDING = exports.ICON_LUMINOSITY = exports.DEFAULT_WRAPPER_SIZE = exports.DEFAULT_PRESET = exports.DEFAULT_ICON_COLOR = void 0;
-exports.getForegroundColor = getForegroundColor;
-exports.propTypes = void 0;
+exports.iconPropTypes = exports.getForegroundColor = exports.default = exports.DEFAULT_ICON_COLOR = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes = _interopRequireWildcard(require("prop-types"));
 var _reactFontawesome = require("@fortawesome/react-fontawesome");
 var _proSolidSvgIcons = require("@fortawesome/pro-solid-svg-icons");
 var _fontawesomeSvgCore = require("@fortawesome/fontawesome-svg-core");
@@ -15,16 +13,15 @@ var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
 var _cssColorFunction = require("css-color-function");
 var _getBackgroundGradientColor = require("../../util/get-background-gradient-color");
 var _style = _interopRequireDefault(require("./style.css"));
+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; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 _fontawesomeSvgCore.library.add(_proSolidSvgIcons.fas);
-const DEFAULT_PRESET = exports.DEFAULT_PRESET = 'm';
-const ICON_LUMINOSITY = exports.ICON_LUMINOSITY = 32;
-const DEFAULT_WRAPPER_SIZE = exports.DEFAULT_WRAPPER_SIZE = 40;
-const ICON_PADDING = exports.ICON_PADDING = 8;
+const DEFAULT_PRESET = 'm';
+const ICON_LUMINOSITY = 32;
+const DEFAULT_WRAPPER_SIZE = 40;
+const ICON_PADDING = 8;
 const DEFAULT_ICON_COLOR = exports.DEFAULT_ICON_COLOR = 'hsl(0, 0%, 32%)';
-function getForegroundColor(backgroundColor) {
-  return (0, _cssColorFunction.convert)(`color(${backgroundColor} lightness(${ICON_LUMINOSITY}%))`);
-}
 const SIZE_CONFIGS = {
   s: {
     faSize: 12,
@@ -39,7 +36,10 @@ const SIZE_CONFIGS = {
     wrapperSize: 48
   }
 };
-const Icon = ({
+const getForegroundColor = backgroundColor => (0, _cssColorFunction.convert)(`color(${backgroundColor} lightness(${ICON_LUMINOSITY}%))`);
+// set lightness to 32%
+exports.getForegroundColor = getForegroundColor;
+const Icon = /*#__PURE__*/_react.default.memo(function Icon({
   iconName,
   iconColor,
   backgroundColor,
@@ -48,18 +48,9 @@ const Icon = ({
   preset = DEFAULT_PRESET,
   size,
   customStyle
-}) => {
+}) {
   const effectiveIconColor = iconColor || (backgroundColor ? getForegroundColor(backgroundColor) : DEFAULT_ICON_COLOR);
   const effectiveSize = size ? (0, _merge.default)(SIZE_CONFIGS[DEFAULT_PRESET], size) : (0, _getOr.default)(SIZE_CONFIGS[DEFAULT_PRESET], (0, _toLower.default)(preset), SIZE_CONFIGS);
-  const hasBackground = backgroundColor || gradientBackground;
-  if (!hasBackground) {
-    return /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
-      icon: `fa-${iconName}`,
-      color: effectiveIconColor,
-      fontSize: effectiveSize.faSize,
-      style: customStyle
-    });
-  }
   const wrapperSize = effectiveSize.wrapperSize - ICON_PADDING * 2;
   const iconWrapperStyle = {
     background: gradientBackground ? (0, _getBackgroundGradientColor.createGradientBackground)(effectiveIconColor, '81%', '91%') : backgroundColor,
@@ -79,8 +70,8 @@ const Icon = ({
     color: effectiveIconColor,
     fontSize: effectiveSize.faSize
   }));
-};
-const propTypes = exports.propTypes = {
+});
+const iconPropTypes = exports.iconPropTypes = {
   iconName: _propTypes.default.string.isRequired,
   iconColor: _propTypes.default.string,
   backgroundColor: _propTypes.default.string,
@@ -88,18 +79,11 @@ const propTypes = exports.propTypes = {
   borderRadius: _propTypes.default.string,
   preset: _propTypes.default.oneOf(['s', 'm', 'xl']),
   size: _propTypes.default.shape({
-    faSize: _propTypes.default.number.isRequired,
-    wrapperSize: _propTypes.default.number.isRequired
+    faSize: _propTypes.number,
+    wrapperSize: _propTypes.default.number
   }),
   customStyle: _propTypes.default.objectOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]))
 };
-
-// const MemoizedIcon = React.memo(Icon) as React.MemoExoticComponent<React.FC<IconProps>> & {
-//   propTypes?: React.WeakValidationMap<IconProps>;
-//   defaultProps?: Partial<IconProps>;
-// };
-
-Icon.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
-// MemoizedIcon.propTypes = Icon.propTypes;
+Icon.propTypes = process.env.NODE_ENV !== "production" ? iconPropTypes : {};
 var _default = exports.default = Icon;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_reactFontawesome","_proSolidSvgIcons","_fontawesomeSvgCore","_toLower","_merge","_getOr","_cssColorFunction","_getBackgroundGradientColor","_style","e","__esModule","default","library","add","fas","DEFAULT_PRESET","exports","ICON_LUMINOSITY","DEFAULT_WRAPPER_SIZE","ICON_PADDING","DEFAULT_ICON_COLOR","getForegroundColor","backgroundColor","convert","SIZE_CONFIGS","s","faSize","wrapperSize","m","xl","Icon","iconName","iconColor","gradientBackground","borderRadius","preset","size","customStyle","effectiveIconColor","effectiveSize","merge","getOr","toLower","hasBackground","createElement","FontAwesomeIcon","icon","color","fontSize","style","iconWrapperStyle","background","createGradientBackground","width","height","padding","className","iconWrapper","propTypes","PropTypes","string","isRequired","bool","oneOf","shape","number","objectOf","oneOfType","process","env","NODE_ENV","_default"],"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":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_interopRequireWildcard","_reactFontawesome","_proSolidSvgIcons","_fontawesomeSvgCore","_toLower","_merge","_getOr","_cssColorFunction","_getBackgroundGradientColor","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","library","add","fas","DEFAULT_PRESET","ICON_LUMINOSITY","DEFAULT_WRAPPER_SIZE","ICON_PADDING","DEFAULT_ICON_COLOR","exports","SIZE_CONFIGS","s","faSize","wrapperSize","m","xl","getForegroundColor","backgroundColor","convert","Icon","React","memo","iconName","iconColor","gradientBackground","borderRadius","preset","size","customStyle","effectiveIconColor","effectiveSize","merge","getOr","toLower","iconWrapperStyle","background","createGradientBackground","width","height","padding","createElement","className","style","iconWrapper","FontAwesomeIcon","icon","color","fontSize","iconPropTypes","PropTypes","string","isRequired","bool","oneOf","shape","number","objectOf","oneOfType","propTypes","process","env","NODE_ENV","_default"],"sources":["../../../src/atom/icon/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes, {number} from 'prop-types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {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\nconst DEFAULT_PRESET = 'm';\nconst ICON_LUMINOSITY = 32;\nconst DEFAULT_WRAPPER_SIZE = 40;\nconst ICON_PADDING = 8;\nexport const DEFAULT_ICON_COLOR = 'hsl(0, 0%, 32%)';\n\nconst SIZE_CONFIGS = {\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\nexport const getForegroundColor = backgroundColor =>\n  convert(`color(${backgroundColor} lightness(${ICON_LUMINOSITY}%))`);\n// set lightness to 32%\n\nconst Icon = React.memo(function Icon({\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 wrapperSize = effectiveSize.wrapperSize - ICON_PADDING * 2;\n\n  const iconWrapperStyle = {\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}`}\n        color={effectiveIconColor}\n        fontSize={effectiveSize.faSize}\n      />\n    </div>\n  );\n});\n\nexport const iconPropTypes = {\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: number,\n    wrapperSize: PropTypes.number\n  }),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nIcon.propTypes = iconPropTypes;\n\nexport default Icon;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { RadioWithTitleProps } from './types';
 declare const RadioWithTitle: {
     (props: RadioWithTitleProps): JSX.Element;
@@ -10,7 +10,7 @@ declare const RadioWithTitle: {
             'data-name': import("prop-types").Requireable<string>;
             titleSize: import("prop-types").Requireable<string>;
             subtitleSize: import("prop-types").Requireable<string>;
-            icon: import("prop-types").Requireable<import("prop-types").InferProps<import("prop-types").ValidationMap<any>>>;
+            icon: import("prop-types").Requireable<import("prop-types").InferProps<any>>;
             tag: import("prop-types").Requireable<import("prop-types").InferProps<{
                 label: import("prop-types").Requireable<string>;
                 type: import("prop-types").Requireable<string>;
@@ -18,17 +18,7 @@ declare const RadioWithTitle: {
                 customStyle: import("prop-types").Requireable<{
                     [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
                 }>;
-                icon: import("prop-types").Requireable<import("prop-types").InferProps<{
-                    position: import("prop-types").Requireable<string>;
-                    iconName?: React.Validator<string> | undefined;
-                    iconColor?: React.Validator<string | null | undefined> | undefined;
-                    backgroundColor?: React.Validator<string | null | undefined> | undefined;
-                    gradientBackground?: React.Validator<boolean | null | undefined> | undefined;
-                    borderRadius?: React.Validator<string | null | undefined> | undefined;
-                    preset?: React.Validator<string | null | undefined> | undefined;
-                    size?: React.Validator<import("../icon").IconSize | null | undefined> | undefined;
-                    customStyle?: React.Validator<React.CSSProperties | null | undefined> | undefined;
-                }>>;
+                icon: import("prop-types").Requireable<import("prop-types").InferProps<any>>;
             }>>;
             button: import("prop-types").Requireable<import("prop-types").InferProps<{
                 type: import("prop-types").Requireable<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAY,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAEvD,QAAA,MAAM,cAAc;YAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBjD,CAAC;AAIF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAY,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAEvD,QAAA,MAAM,cAAc;YAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBjD,CAAC;AAIF,eAAe,cAAc,CAAC"}

package/lib/atom/radio-with-title/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 export declare const propTypes: {
     title: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
@@ -8,7 +7,7 @@ export declare const propTypes: {
         'data-name': PropTypes.Requireable<string>;
         titleSize: PropTypes.Requireable<string>;
         subtitleSize: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
+        icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
         tag: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;
@@ -16,17 +15,7 @@ export declare const propTypes: {
             customStyle: PropTypes.Requireable<{
                 [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
             }>;
-            icon: PropTypes.Requireable<PropTypes.InferProps<{
-                position: PropTypes.Requireable<string>;
-                iconName?: import("react").Validator<string> | undefined;
-                iconColor?: import("react").Validator<string | null | undefined> | undefined;
-                backgroundColor?: import("react").Validator<string | null | undefined> | undefined;
-                gradientBackground?: import("react").Validator<boolean | null | undefined> | undefined;
-                borderRadius?: import("react").Validator<string | null | undefined> | undefined;
-                preset?: import("react").Validator<string | null | undefined> | undefined;
-                size?: import("react").Validator<import("../icon").IconSize | null | undefined> | undefined;
-                customStyle?: import("react").Validator<import("react").CSSProperties | null | undefined> | undefined;
-            }>>;
+            icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
         }>>;
         button: PropTypes.Requireable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;

package/lib/atom/radio-with-title/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOrB,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOrB,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

package/lib/atom/status-item/index.native.js

@@ -12,7 +12,7 @@ const createStyle = (icon, current) => {
   let backgroundColor;
   switch (icon) {
     case 'right':
-      backgroundColor = _colors.COLORS.cm_positive_500;
+      backgroundColor = _colors.COLORS.positive;
       break;
     case 'wrong':
       backgroundColor = _colors.COLORS.negative;

package/lib/atom/status-item/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_novaIcons","_colors","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyle","icon","current","backgroundColor","COLORS","cm_positive_500","negative","gray","StyleSheet","create","step","width","height","opacity","marginHorizontal","alignItems","justifyContent","borderRadius","stepText","fontWeight","fontSize","Step","value","style","setStyle","useState","useEffect","_style","child","createElement","NovaCompositionCoorpacademyCheck","color","NovaSolidStatusClose","Text","View","_default","exports"],"sources":["../../../src/atom/status-item/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport {COLORS} from '../../variables/colors';\nimport {StatusItemProps} from './types';\n\ntype StyleSheetType = {\n  step: ViewStyle;\n  stepText: TextStyle;\n  icon: ViewStyle;\n};\n\nconst createStyle = (icon: StatusItemProps['icon'], current?: boolean): StyleSheetType => {\n  let backgroundColor;\n\n  switch (icon) {\n    case 'right':\n      backgroundColor = COLORS.cm_positive_500;\n      break;\n    case 'wrong':\n      backgroundColor = COLORS.negative;\n      break;\n    case 'no-answer':\n    default:\n      backgroundColor = COLORS.gray;\n  }\n\n  return StyleSheet.create({\n    step: {\n      width: current ? 40 : 32,\n      height: current ? 40 : 32,\n      opacity: current ? 1 : 0.5,\n      marginHorizontal: 8,\n      backgroundColor,\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 50\n    },\n    stepText: {\n      fontWeight: '600',\n      fontSize: current ? 16 : 12\n    },\n    icon: {\n      width: current ? 14 : 12,\n      height: current ? 14 : 12\n    }\n  });\n};\n\nconst Step = ({value, icon, current}: StatusItemProps) => {\n  const [style, setStyle] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _style = createStyle(icon, current);\n    setStyle(_style);\n  }, [current, icon]);\n\n  if (!style) {\n    return null;\n  }\n\n  let child;\n\n  switch (icon) {\n    case 'right':\n      child = <RightIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'wrong':\n      child = <WrongIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'no-answer':\n    default:\n      child = <Text style={style.stepText}>{value}</Text>;\n  }\n\n  return <View style={style.step}>{child}</View>;\n};\n\nexport default Step;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAIA,IAAAG,OAAA,GAAAH,OAAA;AAA8C,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAS9C,MAAMW,WAAW,GAAGA,CAACC,IAA6B,EAAEC,OAAiB,KAAqB;EACxF,IAAIC,eAAe;EAEnB,QAAQF,IAAI;IACV,KAAK,OAAO;MACVE,eAAe,GAAGC,cAAM,CAACC,eAAe;MACxC;IACF,KAAK,OAAO;MACVF,eAAe,GAAGC,cAAM,CAACE,QAAQ;MACjC;IACF,KAAK,WAAW;IAChB;MACEH,eAAe,GAAGC,cAAM,CAACG,IAAI;EACjC;EAEA,OAAOC,uBAAU,CAACC,MAAM,CAAC;IACvBC,IAAI,EAAE;MACJC,KAAK,EAAET,OAAO,GAAG,EAAE,GAAG,EAAE;MACxBU,MAAM,EAAEV,OAAO,GAAG,EAAE,GAAG,EAAE;MACzBW,OAAO,EAAEX,OAAO,GAAG,CAAC,GAAG,GAAG;MAC1BY,gBAAgB,EAAE,CAAC;MACnBX,eAAe;MACfY,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAE;IAChB,CAAC;IACDC,QAAQ,EAAE;MACRC,UAAU,EAAE,KAAK;MACjBC,QAAQ,EAAElB,OAAO,GAAG,EAAE,GAAG;IAC3B,CAAC;IACDD,IAAI,EAAE;MACJU,KAAK,EAAET,OAAO,GAAG,EAAE,GAAG,EAAE;MACxBU,MAAM,EAAEV,OAAO,GAAG,EAAE,GAAG;IACzB;EACF,CAAC,CAAC;AACJ,CAAC;AAED,MAAMmB,IAAI,GAAGA,CAAC;EAACC,KAAK;EAAErB,IAAI;EAAEC;AAAwB,CAAC,KAAK;EACxD,MAAM,CAACqB,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAwB,IAAI,CAAC;EAE/D,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,MAAM,GAAG3B,WAAW,CAACC,IAAI,EAAEC,OAAO,CAAC;IACzCsB,QAAQ,CAACG,MAAM,CAAC;EAClB,CAAC,EAAE,CAACzB,OAAO,EAAED,IAAI,CAAC,CAAC;EAEnB,IAAI,CAACsB,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,IAAIK,KAAK;EAET,QAAQ3B,IAAI;IACV,KAAK,OAAO;MACV2B,KAAK,gBAAGtD,MAAA,CAAAY,OAAA,CAAA2C,aAAA,CAACnD,UAAA,CAAAoD,gCAAS;QAACP,KAAK,EAAEA,KAAK,CAACtB,IAAK;QAAC8B,KAAK,EAAC;MAAM,CAAE,CAAC;MACrD;IACF,KAAK,OAAO;MACVH,KAAK,gBAAGtD,MAAA,CAAAY,OAAA,CAAA2C,aAAA,CAACnD,UAAA,CAAAsD,oBAAS;QAACT,KAAK,EAAEA,KAAK,CAACtB,IAAK;QAAC8B,KAAK,EAAC;MAAM,CAAE,CAAC;MACrD;IACF,KAAK,WAAW;IAChB;MACEH,KAAK,gBAAGtD,MAAA,CAAAY,OAAA,CAAA2C,aAAA,CAACpD,YAAA,CAAAwD,IAAI;QAACV,KAAK,EAAEA,KAAK,CAACL;MAAS,GAAEI,KAAY,CAAC;EACvD;EAEA,oBAAOhD,MAAA,CAAAY,OAAA,CAAA2C,aAAA,CAACpD,YAAA,CAAAyD,IAAI;IAACX,KAAK,EAAEA,KAAK,CAACb;EAAK,GAAEkB,KAAY,CAAC;AAChD,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAlD,OAAA,GAEamC,IAAI","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_novaIcons","_colors","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyle","icon","current","backgroundColor","COLORS","positive","negative","gray","StyleSheet","create","step","width","height","opacity","marginHorizontal","alignItems","justifyContent","borderRadius","stepText","fontWeight","fontSize","Step","value","style","setStyle","useState","useEffect","_style","child","createElement","NovaCompositionCoorpacademyCheck","color","NovaSolidStatusClose","Text","View","_default","exports"],"sources":["../../../src/atom/status-item/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport {COLORS} from '../../variables/colors';\nimport {StatusItemProps} from './types';\n\ntype StyleSheetType = {\n  step: ViewStyle;\n  stepText: TextStyle;\n  icon: ViewStyle;\n};\n\nconst createStyle = (icon: StatusItemProps['icon'], current?: boolean): StyleSheetType => {\n  let backgroundColor;\n\n  switch (icon) {\n    case 'right':\n      backgroundColor = COLORS.positive;\n      break;\n    case 'wrong':\n      backgroundColor = COLORS.negative;\n      break;\n    case 'no-answer':\n    default:\n      backgroundColor = COLORS.gray;\n  }\n\n  return StyleSheet.create({\n    step: {\n      width: current ? 40 : 32,\n      height: current ? 40 : 32,\n      opacity: current ? 1 : 0.5,\n      marginHorizontal: 8,\n      backgroundColor,\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 50\n    },\n    stepText: {\n      fontWeight: '600',\n      fontSize: current ? 16 : 12\n    },\n    icon: {\n      width: current ? 14 : 12,\n      height: current ? 14 : 12\n    }\n  });\n};\n\nconst Step = ({value, icon, current}: StatusItemProps) => {\n  const [style, setStyle] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _style = createStyle(icon, current);\n    setStyle(_style);\n  }, [current, icon]);\n\n  if (!style) {\n    return null;\n  }\n\n  let child;\n\n  switch (icon) {\n    case 'right':\n      child = <RightIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'wrong':\n      child = <WrongIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'no-answer':\n    default:\n      child = <Text style={style.stepText}>{value}</Text>;\n  }\n\n  return <View style={style.step}>{child}</View>;\n};\n\nexport default Step;\n"],"mappings":"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","ignoreList":[]}

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

@@ -14,19 +14,8 @@ declare namespace Tag {
         const customStyle: PropTypes.Requireable<{
             [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
         }>;
-        const icon: PropTypes.Requireable<PropTypes.InferProps<{
-            position: PropTypes.Requireable<string>;
-            iconName?: React.Validator<string> | undefined;
-            iconColor?: React.Validator<string | null | undefined> | undefined;
-            backgroundColor?: React.Validator<string | null | undefined> | undefined;
-            gradientBackground?: React.Validator<boolean | null | undefined> | undefined;
-            borderRadius?: React.Validator<string | null | undefined> | undefined;
-            preset?: React.Validator<string | null | undefined> | undefined;
-            size?: React.Validator<import("../icon").IconSize | null | undefined> | undefined;
-            customStyle?: React.Validator<React.CSSProperties | null | undefined> | undefined;
-        }>>;
+        const icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
     }
 }
 import PropTypes from "prop-types";
-import React from "react";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/tag/style.css

@@ -20,7 +20,6 @@
   text-align: center;
   line-height: normal;
   display: inline-block;
-  min-width: max-content;
 }
 
 .small {

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

@@ -8,7 +8,7 @@ declare namespace Title {
         'data-name': PropTypes.Requireable<string>;
         titleSize: PropTypes.Requireable<string>;
         subtitleSize: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
+        icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
         tag: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;
@@ -16,17 +16,7 @@ declare namespace Title {
             customStyle: PropTypes.Requireable<{
                 [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
             }>;
-            icon: PropTypes.Requireable<PropTypes.InferProps<{
-                position: PropTypes.Requireable<string>;
-                iconName?: React.Validator<string> | undefined;
-                iconColor?: React.Validator<string | null | undefined> | undefined;
-                backgroundColor?: React.Validator<string | null | undefined> | undefined;
-                gradientBackground?: React.Validator<boolean | null | undefined> | undefined;
-                borderRadius?: React.Validator<string | null | undefined> | undefined;
-                preset?: React.Validator<string | null | undefined> | undefined;
-                size?: React.Validator<import("../icon").IconSize | null | undefined> | undefined;
-                customStyle?: React.Validator<React.CSSProperties | null | undefined> | undefined;
-            }>>;
+            icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
         }>>;
         button: PropTypes.Requireable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
@@ -69,5 +59,4 @@ declare namespace Title {
     };
 }
 import PropTypes from "prop-types";
-import React from "react";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/banner/style.css

@@ -116,7 +116,6 @@
 }
 
 .buttonsBar {
-    margin-right: 4px;
     width: 2px;
     align-self: stretch;
     flex-grow: 0;

package/lib/molecule/base-modal/style.css

@@ -105,6 +105,7 @@
 
 .button {
   border-radius: 12px;
+  padding: 8px;
   font-weight: 600;
 }
 

package/lib/molecule/bulk-progress-bar/index.js

@@ -12,7 +12,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const {
   negative: cm_negative_100,
   cm_primary_blue,
-  cm_positive_500
+  positive: cm_positive_100
 } = _colors.COLORS;
 const STATUS = {
   inProgress: 'inProgress',
@@ -36,7 +36,7 @@ const resolveProgressBarColor = status => {
     case STATUS.inProgress:
       return cm_primary_blue;
     default:
-      return cm_positive_500;
+      return cm_positive_100;
   }
 };
 const BulkProgressBar = props => {

package/lib/molecule/bulk-progress-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_progressBar","_statusItem","_colors","_style","_types","e","__esModule","default","negative","cm_negative_100","cm_primary_blue","cm_positive_500","COLORS","STATUS","inProgress","fail","renderStatusIcon","status","progress","createElement","role","className","style","progressText","statusItemWrapper","icon","resolveProgressBarColor","BulkProgressBar","props","dataName","container","progressBar","value","max","steps","backgroundColor","borderRadius","displayInfo","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/molecule/bulk-progress-bar/index.tsx"],"sourcesContent":["import React from 'react';\nimport ProgressBar from '../progress-bar';\nimport StatusItem from '../../atom/status-item';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport {Props, propTypes, Status} from './types';\n\nconst {negative: cm_negative_100, cm_primary_blue, cm_positive_500} = COLORS;\n\nconst STATUS = {\n  inProgress: 'inProgress',\n  fail: 'fail'\n};\n\nconst renderStatusIcon = (status: Status, progress: number) => {\n  if (status === STATUS.inProgress)\n    return <div role=\"status\" className={style.progressText}>{`${progress} %`}</div>;\n  return (\n    <div className={style.statusItemWrapper}>\n      <StatusItem icon={status === STATUS.fail ? 'invalid' : 'valid'} />\n    </div>\n  );\n};\n\nconst resolveProgressBarColor = (status: Status) => {\n  switch (status) {\n    case STATUS.fail:\n      return cm_negative_100;\n    case STATUS.inProgress:\n      return cm_primary_blue;\n    default:\n      return cm_positive_500;\n  }\n};\n\nconst BulkProgressBar = (props: Props) => {\n  const {'data-name': dataName, status, progress} = props;\n\n  return (\n    <div className={style.container} data-name={dataName}>\n      <ProgressBar\n        className={style.progressBar}\n        value={progress}\n        max={100}\n        steps={0}\n        style={{backgroundColor: resolveProgressBarColor(status), borderRadius: '10px'}}\n        displayInfo={false}\n      />\n      {renderStatusIcon(status, progress)}\n    </div>\n  );\n};\n\nBulkProgressBar.propTypes = propTypes;\n\nexport default BulkProgressBar;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAAiD,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEjD,MAAM;EAACG,QAAQ,EAAEC,eAAe;EAAEC,eAAe;EAAEC;AAAe,CAAC,GAAGC,cAAM;AAE5E,MAAMC,MAAM,GAAG;EACbC,UAAU,EAAE,YAAY;EACxBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,gBAAgB,GAAGA,CAACC,MAAc,EAAEC,QAAgB,KAAK;EAC7D,IAAID,MAAM,KAAKJ,MAAM,CAACC,UAAU,EAC9B,oBAAOjB,MAAA,CAAAU,OAAA,CAAAY,aAAA;IAAKC,IAAI,EAAC,QAAQ;IAACC,SAAS,EAAEC,cAAK,CAACC;EAAa,GAAE,GAAGL,QAAQ,IAAU,CAAC;EAClF,oBACErB,MAAA,CAAAU,OAAA,CAAAY,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAACE;EAAkB,gBACtC3B,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAAClB,WAAA,CAAAM,OAAU;IAACkB,IAAI,EAAER,MAAM,KAAKJ,MAAM,CAACE,IAAI,GAAG,SAAS,GAAG;EAAQ,CAAE,CAC9D,CAAC;AAEV,CAAC;AAED,MAAMW,uBAAuB,GAAIT,MAAc,IAAK;EAClD,QAAQA,MAAM;IACZ,KAAKJ,MAAM,CAACE,IAAI;MACd,OAAON,eAAe;IACxB,KAAKI,MAAM,CAACC,UAAU;MACpB,OAAOJ,eAAe;IACxB;MACE,OAAOC,eAAe;EAC1B;AACF,CAAC;AAED,MAAMgB,eAAe,GAAIC,KAAY,IAAK;EACxC,MAAM;IAAC,WAAW,EAAEC,QAAQ;IAAEZ,MAAM;IAAEC;EAAQ,CAAC,GAAGU,KAAK;EAEvD,oBACE/B,MAAA,CAAAU,OAAA,CAAAY,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAACQ,SAAU;IAAC,aAAWD;EAAS,gBACnDhC,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAACnB,YAAA,CAAAO,OAAW;IACVc,SAAS,EAAEC,cAAK,CAACS,WAAY;IAC7BC,KAAK,EAAEd,QAAS;IAChBe,GAAG,EAAE,GAAI;IACTC,KAAK,EAAE,CAAE;IACTZ,KAAK,EAAE;MAACa,eAAe,EAAET,uBAAuB,CAACT,MAAM,CAAC;MAAEmB,YAAY,EAAE;IAAM,CAAE;IAChFC,WAAW,EAAE;EAAM,CACpB,CAAC,EACDrB,gBAAgB,CAACC,MAAM,EAAEC,QAAQ,CAC/B,CAAC;AAEV,CAAC;AAEDS,eAAe,CAACW,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGH,gBAAS;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAApC,OAAA,GAEvBoB,eAAe","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_progressBar","_statusItem","_colors","_style","_types","e","__esModule","default","negative","cm_negative_100","cm_primary_blue","positive","cm_positive_100","COLORS","STATUS","inProgress","fail","renderStatusIcon","status","progress","createElement","role","className","style","progressText","statusItemWrapper","icon","resolveProgressBarColor","BulkProgressBar","props","dataName","container","progressBar","value","max","steps","backgroundColor","borderRadius","displayInfo","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/molecule/bulk-progress-bar/index.tsx"],"sourcesContent":["import React from 'react';\nimport ProgressBar from '../progress-bar';\nimport StatusItem from '../../atom/status-item';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport {Props, propTypes, Status} from './types';\n\nconst {negative: cm_negative_100, cm_primary_blue, positive: cm_positive_100} = COLORS;\n\nconst STATUS = {\n  inProgress: 'inProgress',\n  fail: 'fail'\n};\n\nconst renderStatusIcon = (status: Status, progress: number) => {\n  if (status === STATUS.inProgress)\n    return <div role=\"status\" className={style.progressText}>{`${progress} %`}</div>;\n  return (\n    <div className={style.statusItemWrapper}>\n      <StatusItem icon={status === STATUS.fail ? 'invalid' : 'valid'} />\n    </div>\n  );\n};\n\nconst resolveProgressBarColor = (status: Status) => {\n  switch (status) {\n    case STATUS.fail:\n      return cm_negative_100;\n    case STATUS.inProgress:\n      return cm_primary_blue;\n    default:\n      return cm_positive_100;\n  }\n};\n\nconst BulkProgressBar = (props: Props) => {\n  const {'data-name': dataName, status, progress} = props;\n\n  return (\n    <div className={style.container} data-name={dataName}>\n      <ProgressBar\n        className={style.progressBar}\n        value={progress}\n        max={100}\n        steps={0}\n        style={{backgroundColor: resolveProgressBarColor(status), borderRadius: '10px'}}\n        displayInfo={false}\n      />\n      {renderStatusIcon(status, progress)}\n    </div>\n  );\n};\n\nBulkProgressBar.propTypes = propTypes;\n\nexport default BulkProgressBar;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAAiD,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEjD,MAAM;EAACG,QAAQ,EAAEC,eAAe;EAAEC,eAAe;EAAEC,QAAQ,EAAEC;AAAe,CAAC,GAAGC,cAAM;AAEtF,MAAMC,MAAM,GAAG;EACbC,UAAU,EAAE,YAAY;EACxBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,gBAAgB,GAAGA,CAACC,MAAc,EAAEC,QAAgB,KAAK;EAC7D,IAAID,MAAM,KAAKJ,MAAM,CAACC,UAAU,EAC9B,oBAAOlB,MAAA,CAAAU,OAAA,CAAAa,aAAA;IAAKC,IAAI,EAAC,QAAQ;IAACC,SAAS,EAAEC,cAAK,CAACC;EAAa,GAAE,GAAGL,QAAQ,IAAU,CAAC;EAClF,oBACEtB,MAAA,CAAAU,OAAA,CAAAa,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAACE;EAAkB,gBACtC5B,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAACnB,WAAA,CAAAM,OAAU;IAACmB,IAAI,EAAER,MAAM,KAAKJ,MAAM,CAACE,IAAI,GAAG,SAAS,GAAG;EAAQ,CAAE,CAC9D,CAAC;AAEV,CAAC;AAED,MAAMW,uBAAuB,GAAIT,MAAc,IAAK;EAClD,QAAQA,MAAM;IACZ,KAAKJ,MAAM,CAACE,IAAI;MACd,OAAOP,eAAe;IACxB,KAAKK,MAAM,CAACC,UAAU;MACpB,OAAOL,eAAe;IACxB;MACE,OAAOE,eAAe;EAC1B;AACF,CAAC;AAED,MAAMgB,eAAe,GAAIC,KAAY,IAAK;EACxC,MAAM;IAAC,WAAW,EAAEC,QAAQ;IAAEZ,MAAM;IAAEC;EAAQ,CAAC,GAAGU,KAAK;EAEvD,oBACEhC,MAAA,CAAAU,OAAA,CAAAa,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAACQ,SAAU;IAAC,aAAWD;EAAS,gBACnDjC,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAACpB,YAAA,CAAAO,OAAW;IACVe,SAAS,EAAEC,cAAK,CAACS,WAAY;IAC7BC,KAAK,EAAEd,QAAS;IAChBe,GAAG,EAAE,GAAI;IACTC,KAAK,EAAE,CAAE;IACTZ,KAAK,EAAE;MAACa,eAAe,EAAET,uBAAuB,CAACT,MAAM,CAAC;MAAEmB,YAAY,EAAE;IAAM,CAAE;IAChFC,WAAW,EAAE;EAAM,CACpB,CAAC,EACDrB,gBAAgB,CAACC,MAAM,EAAEC,QAAQ,CAC/B,CAAC;AAEV,CAAC;AAEDS,eAAe,CAACW,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGH,gBAAS;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAArC,OAAA,GAEvBqB,eAAe","ignoreList":[]}