@coorpacademy/components 11.29.0 → 11.32.0

package/es/template/mobile-login/welcome/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useRef","useState","Animated","StyleSheet","View","LinearGradient","NovaCompositionCoorpacademyLogoCoorp","LogoCoorp","NovaCompositionCoorpacademyQrCode","QrCodeIcon","NovaCompositionCoorpacademyEmail","MailIcon","useAnimateProp","useTranslateY","Touchable","useTemplateContext","Text","createStyleSheet","theme","create","wrapper","top","bottom","left","right","flex","justifyContent","alignItems","paddingHorizontal","content","width","gradients","position","gradient","opacity","transform","rotate","gradient2","animatedLogoWrapper","animatedLogo","height","logo","padding","logoBG","backgroundColor","title","color","fontWeight","fontSize","lineHeight","paddingVertical","description","actions","buttons","button","marginVertical","flexDirection","borderRadius","overflow","ctaQrCode","colors","cta","ctaQrCodeText","marginLeft","qrCodeIcon","fill","ctaReceiveMail","ctaReceiveMailText","mailIcon","help","titleHelp","ctaHelp","textDecorationLine","Welcome","props","locales","onDemoPress","onQRCodeButtonPress","onHelpPress","onReceiveEmailButtonPress","styleSheet","setStylesheet","translateGradients","fromValue","toValue","duration","delay","translateContent","fadeInContent","property","fadeOutStartLogo","fadeInFinalLogo","scaleAnim","Value","current","interpolateScale","interpolate","inputRange","outputRange","_stylesheet","start","animatedScale","timing","useNativeDriver","animatedStyle","scale"],"sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"sourcesContent":["import React, {useEffect, useRef, useState} from 'react';\nimport {Animated, StyleSheet, TextStyle, View, ViewStyle} from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport {\n  NovaCompositionCoorpacademyLogoCoorp as LogoCoorp,\n  NovaCompositionCoorpacademyQrCode as QrCodeIcon,\n  NovaCompositionCoorpacademyEmail as MailIcon\n} from '@coorpacademy/nova-icons';\nimport {useAnimateProp, useTranslateY} from '@coorpacademy/react-native-animation';\nimport Touchable from '../../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../app-review/template-context';\nimport {Theme} from '../../../variables/theme.native';\nimport Text from '../../../atom/text/index.native';\n\ntype StyleSheetType = {\n  wrapper: ViewStyle;\n  animatedLogoWrapper: ViewStyle;\n  animatedLogo: ViewStyle;\n  logo: ViewStyle;\n  logoBG: ViewStyle;\n  content: ViewStyle;\n  gradients: ViewStyle;\n  gradient: ViewStyle;\n  gradient2: ViewStyle;\n  title: TextStyle;\n  description: TextStyle;\n  actions: ViewStyle;\n  buttons: ViewStyle;\n  button: ViewStyle;\n  qrCodeIcon: ViewStyle;\n  mailIcon: ViewStyle;\n  ctaQrCode: ViewStyle;\n  ctaQrCodeText: TextStyle;\n  ctaReceiveMail: ViewStyle;\n  ctaReceiveMailText: TextStyle;\n  help: ViewStyle;\n  titleHelp: TextStyle;\n  ctaHelp: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    wrapper: {\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      flex: 1,\n      justifyContent: 'space-around',\n      alignItems: 'center',\n      paddingHorizontal: 24\n    },\n    content: {\n      width: '100%',\n      alignItems: 'flex-start'\n    },\n    gradients: {\n      position: 'absolute',\n      top: 400,\n      bottom: 400,\n      left: 0,\n      right: 0,\n      flex: 1\n    },\n    gradient: {\n      position: 'absolute',\n      top: -730,\n      bottom: 0,\n      left: -380,\n      right: -380,\n      opacity: 1,\n      transform: [{rotate: '35deg'}]\n    },\n    gradient2: {\n      position: 'absolute',\n      top: -630,\n      bottom: -200,\n      left: -300,\n      right: -400,\n      opacity: 0.6,\n      transform: [{rotate: '-35deg'}]\n    },\n    animatedLogoWrapper: {\n      alignItems: 'center'\n    },\n    animatedLogo: {\n      position: 'absolute',\n      width: 77,\n      height: 100\n    },\n    logo: {\n      padding: 100\n    },\n    logoBG: {\n      backgroundColor: '#fff',\n      top: 20,\n      width: 60,\n      height: 60\n    },\n    title: {\n      color: '#1D1D2B',\n      fontWeight: '600',\n      fontSize: 28,\n      lineHeight: 36,\n      paddingVertical: 8\n    },\n    description: {\n      color: '#1D1D2B',\n      fontWeight: '400',\n      fontSize: 17,\n      lineHeight: 24,\n      paddingVertical: 8\n    },\n    actions: {\n      width: '100%'\n    },\n    buttons: {\n      paddingVertical: 20,\n      alignItems: 'center'\n    },\n    button: {\n      paddingVertical: 12,\n      marginVertical: 4,\n      width: '100%',\n      flexDirection: 'row',\n      justifyContent: 'center',\n      borderRadius: 12,\n      alignItems: 'center',\n      overflow: 'hidden'\n    },\n    ctaQrCode: {\n      backgroundColor: theme.colors.cta\n    },\n    ctaQrCodeText: {\n      marginLeft: 8,\n      color: '#fff',\n      fontWeight: '700',\n      fontSize: 14,\n      lineHeight: 24\n    },\n    qrCodeIcon: {\n      fill: '#fff',\n      height: 14,\n      width: 14\n    },\n    ctaReceiveMail: {\n      backgroundColor: '#eaeaeb'\n    },\n    ctaReceiveMailText: {\n      marginLeft: 8,\n      color: '#1D1D2B',\n      fontWeight: '700',\n      fontSize: 14,\n      lineHeight: 24\n    },\n    mailIcon: {\n      fill: '#1D1D2B',\n      height: 12,\n      width: 16\n    },\n    help: {\n      flexDirection: 'row',\n      justifyContent: 'center'\n    },\n    titleHelp: {\n      color: '#9999A8'\n    },\n    ctaHelp: {\n      marginLeft: 5,\n      textDecorationLine: 'underline',\n      color: '#9999A8'\n    }\n  });\n\nexport type Props = {\n  onDemoPress: () => void;\n  onHelpPress: () => void;\n  onQRCodeButtonPress: () => void;\n  onReceiveEmailButtonPress: () => void;\n  locales: {\n    title: string;\n    description: string;\n    ctaQrCode: string;\n    ctaReceiveMail: string;\n    titleHelp: string;\n    ctaHelp: string;\n  };\n};\n\nconst Welcome = (props: Props) => {\n  const {locales, onDemoPress, onQRCodeButtonPress, onHelpPress, onReceiveEmailButtonPress} = props;\n  const {theme} = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  const translateGradients = useTranslateY({\n    fromValue: 0,\n    toValue: -200,\n    duration: 300,\n    delay: 750\n  });\n\n  const translateContent = useTranslateY({\n    fromValue: 170,\n    toValue: 0,\n    duration: 450,\n    delay: 750\n  });\n\n  const fadeInContent = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 650,\n    delay: 750\n  });\n\n  const fadeOutStartLogo = useAnimateProp({\n    property: 'opacity',\n    fromValue: 1,\n    toValue: 0,\n    duration: 450,\n    delay: 1000\n  });\n\n  const fadeInFinalLogo = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 250,\n    delay: 900\n  });\n\n  const scaleAnim = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const interpolateScale = scaleAnim.interpolate({\n    inputRange: [0, 0.4, 0.5, 0.6, 1],\n    outputRange: [1, 1.7, 1.7, 1.7, 1]\n  });\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  useEffect(() => {\n    fadeInContent.start();\n    fadeInFinalLogo.start();\n    fadeOutStartLogo.start();\n    translateContent.start();\n    translateGradients.start();\n\n    const animatedScale = Animated.timing(scaleAnim, {\n      toValue: 1,\n      duration: 1000,\n      useNativeDriver: true\n    });\n\n    animatedScale.start();\n\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (!styleSheet) {\n    return null;\n  }\n  return (\n    <Animated.View style={[styleSheet.wrapper, translateContent.animatedStyle]} testID=\"welcome\">\n      <Animated.View style={[styleSheet.gradients, translateGradients.animatedStyle]}>\n        <LinearGradient\n          colors={['#0061FF', '#fff']}\n          locations={[0, 0.95]}\n          style={styleSheet.gradient}\n        />\n        <LinearGradient\n          colors={['#2199AB', '#fff']}\n          locations={[0, 0.95]}\n          style={styleSheet.gradient2}\n        />\n      </Animated.View>\n\n      <Touchable onLongPress={onDemoPress} style={styleSheet.logo}>\n        <Animated.View\n          style={[styleSheet.animatedLogoWrapper, {transform: [{scale: interpolateScale}]}]}\n        >\n          <Animated.View style={[styleSheet.logoBG, fadeInFinalLogo.animatedStyle]} />\n          <Animated.View style={[styleSheet.animatedLogo, fadeInFinalLogo.animatedStyle]}>\n            <LogoCoorp fill=\"#0061FF\" />\n          </Animated.View>\n          <Animated.View style={[styleSheet.animatedLogo, fadeOutStartLogo.animatedStyle]}>\n            <LogoCoorp fill=\"#fff\" />\n          </Animated.View>\n        </Animated.View>\n      </Touchable>\n      <Animated.View style={[styleSheet.content, fadeInContent.animatedStyle]}>\n        <Text style={styleSheet.title}>{locales.title}</Text>\n        <Text style={styleSheet.description}>{locales.description}</Text>\n\n        <View style={styleSheet.actions}>\n          <View style={styleSheet.buttons}>\n            <Touchable\n              style={[styleSheet.button, styleSheet.ctaQrCode]}\n              onPress={onQRCodeButtonPress}\n              testID=\"qr-code-button\"\n            >\n              <QrCodeIcon style={styleSheet.qrCodeIcon} />\n              <Text style={styleSheet.ctaQrCodeText}>{locales.ctaQrCode}</Text>\n            </Touchable>\n            <Touchable\n              style={[styleSheet.button, styleSheet.ctaReceiveMail]}\n              onPress={onReceiveEmailButtonPress}\n              testID=\"receive-email-button\"\n            >\n              <MailIcon style={styleSheet.mailIcon} />\n              <Text style={styleSheet.ctaReceiveMailText}>{locales.ctaReceiveMail}</Text>\n            </Touchable>\n          </View>\n          <Touchable onPress={onHelpPress} style={styleSheet.help}>\n            <Text style={styleSheet.titleHelp}>{locales.titleHelp}</Text>\n            <Text style={styleSheet.ctaHelp}>{locales.ctaHelp}</Text>\n          </Touchable>\n        </View>\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nexport default Welcome;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useEffect","useRef","useState","Animated","StyleSheet","View","LinearGradient","NovaCompositionCoorpacademyLogoCoorp","LogoCoorp","NovaCompositionCoorpacademyQrCode","QrCodeIcon","NovaCompositionCoorpacademyEmail","MailIcon","useAnimateProp","useTranslateY","Touchable","useTemplateContext","Text","COLORS","cm_primary_blue","createStyleSheet","theme","create","wrapper","top","bottom","left","right","flex","justifyContent","alignItems","paddingHorizontal","content","width","gradients","position","gradient","opacity","transform","rotate","gradient2","animatedLogoWrapper","animatedLogo","height","logo","padding","logoBG","backgroundColor","title","color","fontWeight","fontSize","lineHeight","paddingVertical","description","actions","buttons","button","marginVertical","flexDirection","borderRadius","overflow","ctaQrCode","colors","cta","ctaQrCodeText","marginLeft","qrCodeIcon","fill","ctaReceiveMail","ctaReceiveMailText","mailIcon","help","titleHelp","ctaHelp","textDecorationLine","Welcome","props","locales","onDemoPress","onQRCodeButtonPress","onHelpPress","onReceiveEmailButtonPress","styleSheet","setStylesheet","translateGradients","fromValue","toValue","duration","delay","translateContent","fadeInContent","property","fadeOutStartLogo","fadeInFinalLogo","scaleAnim","Value","current","interpolateScale","interpolate","inputRange","outputRange","_stylesheet","start","animatedScale","timing","useNativeDriver","animatedStyle","scale"],"sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"sourcesContent":["import React, {useEffect, useRef, useState} from 'react';\nimport {Animated, StyleSheet, TextStyle, View, ViewStyle} from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport {\n  NovaCompositionCoorpacademyLogoCoorp as LogoCoorp,\n  NovaCompositionCoorpacademyQrCode as QrCodeIcon,\n  NovaCompositionCoorpacademyEmail as MailIcon\n} from '@coorpacademy/nova-icons';\nimport {useAnimateProp, useTranslateY} from '@coorpacademy/react-native-animation';\nimport Touchable from '../../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../app-review/template-context';\nimport {Theme} from '../../../variables/theme.native';\nimport Text from '../../../atom/text/index.native';\nimport {COLORS} from '../../../variables/colors';\n\nconst {cm_primary_blue} = COLORS;\n\ntype StyleSheetType = {\n  wrapper: ViewStyle;\n  animatedLogoWrapper: ViewStyle;\n  animatedLogo: ViewStyle;\n  logo: ViewStyle;\n  logoBG: ViewStyle;\n  content: ViewStyle;\n  gradients: ViewStyle;\n  gradient: ViewStyle;\n  gradient2: ViewStyle;\n  title: TextStyle;\n  description: TextStyle;\n  actions: ViewStyle;\n  buttons: ViewStyle;\n  button: ViewStyle;\n  qrCodeIcon: ViewStyle;\n  mailIcon: ViewStyle;\n  ctaQrCode: ViewStyle;\n  ctaQrCodeText: TextStyle;\n  ctaReceiveMail: ViewStyle;\n  ctaReceiveMailText: TextStyle;\n  help: ViewStyle;\n  titleHelp: TextStyle;\n  ctaHelp: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    wrapper: {\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      flex: 1,\n      justifyContent: 'space-around',\n      alignItems: 'center',\n      paddingHorizontal: 24\n    },\n    content: {\n      width: '100%',\n      alignItems: 'flex-start'\n    },\n    gradients: {\n      position: 'absolute',\n      top: 400,\n      bottom: 400,\n      left: 0,\n      right: 0,\n      flex: 1\n    },\n    gradient: {\n      position: 'absolute',\n      top: -730,\n      bottom: 0,\n      left: -380,\n      right: -380,\n      opacity: 1,\n      transform: [{rotate: '35deg'}]\n    },\n    gradient2: {\n      position: 'absolute',\n      top: -630,\n      bottom: -200,\n      left: -300,\n      right: -400,\n      opacity: 0.6,\n      transform: [{rotate: '-35deg'}]\n    },\n    animatedLogoWrapper: {\n      alignItems: 'center'\n    },\n    animatedLogo: {\n      position: 'absolute',\n      width: 77,\n      height: 100\n    },\n    logo: {\n      padding: 100\n    },\n    logoBG: {\n      backgroundColor: '#fff',\n      top: 20,\n      width: 60,\n      height: 60\n    },\n    title: {\n      color: '#1D1D2B',\n      fontWeight: '600',\n      fontSize: 28,\n      lineHeight: 36,\n      paddingVertical: 8\n    },\n    description: {\n      color: '#1D1D2B',\n      fontWeight: '400',\n      fontSize: 17,\n      lineHeight: 24,\n      paddingVertical: 8\n    },\n    actions: {\n      width: '100%'\n    },\n    buttons: {\n      paddingVertical: 20,\n      alignItems: 'center'\n    },\n    button: {\n      paddingVertical: 12,\n      marginVertical: 4,\n      width: '100%',\n      flexDirection: 'row',\n      justifyContent: 'center',\n      borderRadius: 12,\n      alignItems: 'center',\n      overflow: 'hidden'\n    },\n    ctaQrCode: {\n      backgroundColor: theme.colors.cta\n    },\n    ctaQrCodeText: {\n      marginLeft: 8,\n      color: '#fff',\n      fontWeight: '700',\n      fontSize: 14,\n      lineHeight: 24\n    },\n    qrCodeIcon: {\n      fill: '#fff',\n      height: 14,\n      width: 14\n    },\n    ctaReceiveMail: {\n      backgroundColor: '#eaeaeb'\n    },\n    ctaReceiveMailText: {\n      marginLeft: 8,\n      color: '#1D1D2B',\n      fontWeight: '700',\n      fontSize: 14,\n      lineHeight: 24\n    },\n    mailIcon: {\n      fill: '#1D1D2B',\n      height: 12,\n      width: 16\n    },\n    help: {\n      flexDirection: 'row',\n      justifyContent: 'center'\n    },\n    titleHelp: {\n      color: '#9999A8'\n    },\n    ctaHelp: {\n      marginLeft: 5,\n      textDecorationLine: 'underline',\n      color: '#9999A8'\n    }\n  });\n\nexport type Props = {\n  onDemoPress: () => void;\n  onHelpPress: () => void;\n  onQRCodeButtonPress: () => void;\n  onReceiveEmailButtonPress: () => void;\n  locales: {\n    title: string;\n    description: string;\n    ctaQrCode: string;\n    ctaReceiveMail: string;\n    titleHelp: string;\n    ctaHelp: string;\n  };\n};\n\nconst Welcome = (props: Props) => {\n  const {locales, onDemoPress, onQRCodeButtonPress, onHelpPress, onReceiveEmailButtonPress} = props;\n  const {theme} = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  const translateGradients = useTranslateY({\n    fromValue: 0,\n    toValue: -200,\n    duration: 300,\n    delay: 750\n  });\n\n  const translateContent = useTranslateY({\n    fromValue: 170,\n    toValue: 0,\n    duration: 450,\n    delay: 750\n  });\n\n  const fadeInContent = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 650,\n    delay: 750\n  });\n\n  const fadeOutStartLogo = useAnimateProp({\n    property: 'opacity',\n    fromValue: 1,\n    toValue: 0,\n    duration: 450,\n    delay: 1000\n  });\n\n  const fadeInFinalLogo = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 250,\n    delay: 900\n  });\n\n  const scaleAnim = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const interpolateScale = scaleAnim.interpolate({\n    inputRange: [0, 0.4, 0.5, 0.6, 1],\n    outputRange: [1, 1.7, 1.7, 1.7, 1]\n  });\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  useEffect(() => {\n    fadeInContent.start();\n    fadeInFinalLogo.start();\n    fadeOutStartLogo.start();\n    translateContent.start();\n    translateGradients.start();\n\n    const animatedScale = Animated.timing(scaleAnim, {\n      toValue: 1,\n      duration: 1000,\n      useNativeDriver: true\n    });\n\n    animatedScale.start();\n\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (!styleSheet) {\n    return null;\n  }\n  return (\n    <Animated.View style={[styleSheet.wrapper, translateContent.animatedStyle]} testID=\"welcome\">\n      <Animated.View style={[styleSheet.gradients, translateGradients.animatedStyle]}>\n        <LinearGradient\n          colors={[cm_primary_blue, '#fff']}\n          locations={[0, 0.95]}\n          style={styleSheet.gradient}\n        />\n        <LinearGradient\n          colors={['#2199AB', '#fff']}\n          locations={[0, 0.95]}\n          style={styleSheet.gradient2}\n        />\n      </Animated.View>\n\n      <Touchable onLongPress={onDemoPress} style={styleSheet.logo}>\n        <Animated.View\n          style={[styleSheet.animatedLogoWrapper, {transform: [{scale: interpolateScale}]}]}\n        >\n          <Animated.View style={[styleSheet.logoBG, fadeInFinalLogo.animatedStyle]} />\n          <Animated.View style={[styleSheet.animatedLogo, fadeInFinalLogo.animatedStyle]}>\n            <LogoCoorp fill=\"#0061FF\" />\n          </Animated.View>\n          <Animated.View style={[styleSheet.animatedLogo, fadeOutStartLogo.animatedStyle]}>\n            <LogoCoorp fill=\"#fff\" />\n          </Animated.View>\n        </Animated.View>\n      </Touchable>\n      <Animated.View style={[styleSheet.content, fadeInContent.animatedStyle]}>\n        <Text style={styleSheet.title}>{locales.title}</Text>\n        <Text style={styleSheet.description}>{locales.description}</Text>\n\n        <View style={styleSheet.actions}>\n          <View style={styleSheet.buttons}>\n            <Touchable\n              style={[styleSheet.button, styleSheet.ctaQrCode]}\n              onPress={onQRCodeButtonPress}\n              testID=\"qr-code-button\"\n            >\n              <QrCodeIcon style={styleSheet.qrCodeIcon} />\n              <Text style={styleSheet.ctaQrCodeText}>{locales.ctaQrCode}</Text>\n            </Touchable>\n            <Touchable\n              style={[styleSheet.button, styleSheet.ctaReceiveMail]}\n              onPress={onReceiveEmailButtonPress}\n              testID=\"receive-email-button\"\n            >\n              <MailIcon style={styleSheet.mailIcon} />\n              <Text style={styleSheet.ctaReceiveMailText}>{locales.ctaReceiveMail}</Text>\n            </Touchable>\n          </View>\n          <Touchable onPress={onHelpPress} style={styleSheet.help}>\n            <Text style={styleSheet.titleHelp}>{locales.titleHelp}</Text>\n            <Text style={styleSheet.ctaHelp}>{locales.ctaHelp}</Text>\n          </Touchable>\n        </View>\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nexport default Welcome;\n"],"mappings":"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"}

package/es/variables/colors.d.ts

@@ -1,9 +1,9 @@
-declare type Colors = {
-    gray: string;
-    negative: string;
-    positive: string;
-    cm_grey_800: string;
+export declare const COLORS: {
+    readonly gray: "#EAEAEB";
+    readonly negative: "#ed3436";
+    readonly positive: "#35CC7F";
+    readonly cm_grey_800: "#171721";
+    readonly cm_primary_blue: "#0061FF";
 };
-export declare const COLORS: Colors;
-export {};
+export declare type Colors = typeof COLORS;
 //# sourceMappingURL=colors.d.ts.map

package/es/variables/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/variables/colors.ts"],"names":[],"mappings":"AAAA,aAAK,MAAM,GAAG;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,MAKpB,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/variables/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC;AAEX,oBAAY,MAAM,GAAG,OAAO,MAAM,CAAC"}

package/es/variables/colors.js

@@ -2,6 +2,7 @@ export const COLORS = {
   gray: '#EAEAEB',
   negative: '#ed3436',
   positive: '#35CC7F',
-  cm_grey_800: '#171721'
+  cm_grey_800: '#171721',
+  cm_primary_blue: '#0061FF'
 };
 //# sourceMappingURL=colors.js.map

package/es/variables/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["COLORS","gray","negative","positive","cm_grey_800"],"sources":["../../src/variables/colors.ts"],"sourcesContent":["type Colors = {\n  gray: string;\n  negative: string;\n  positive: string;\n  cm_grey_800: string;\n};\n\nexport const COLORS: Colors = {\n  gray: '#EAEAEB',\n  negative: '#ed3436',\n  positive: '#35CC7F',\n  cm_grey_800: '#171721'\n};\n"],"mappings":"AAOA,OAAO,MAAMA,MAAc,GAAG;EAC5BC,IAAI,EAAE,SADsB;EAE5BC,QAAQ,EAAE,SAFkB;EAG5BC,QAAQ,EAAE,SAHkB;EAI5BC,WAAW,EAAE;AAJe,CAAvB"}
+{"version":3,"file":"colors.js","names":["COLORS","gray","negative","positive","cm_grey_800","cm_primary_blue"],"sources":["../../src/variables/colors.ts"],"sourcesContent":["export const COLORS = {\n  gray: '#EAEAEB',\n  negative: '#ed3436',\n  positive: '#35CC7F',\n  cm_grey_800: '#171721',\n  cm_primary_blue: '#0061FF'\n} as const;\n\nexport type Colors = typeof COLORS;\n"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GAAG;EACpBC,IAAI,EAAE,SADc;EAEpBC,QAAQ,EAAE,SAFU;EAGpBC,QAAQ,EAAE,SAHU;EAIpBC,WAAW,EAAE,SAJO;EAKpBC,eAAe,EAAE;AALG,CAAf"}

package/es/variables/theme.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.native.d.ts","sourceRoot":"","sources":["../../src/variables/theme.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAGvC,oBAAY,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5F,eAAO,MAAM,sBAAsB,YAAY,CAAC;AAEhD,oBAAY,MAAM,GAAG;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,MAAM,CAAC;QACpB,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,OAAO,EAAE;QACP,UAAU,EAAE,MAAM,CAAC;QACnB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,UAAU,EAAE;QACV,OAAO,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QACjC,QAAQ,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QAClC,IAAI,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QAC9B,SAAS,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;KACpC,CAAC;IACF,QAAQ,EAAE;QACR,UAAU,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAClC,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC7B,MAAM,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC9B,OAAO,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC/B,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC7B,MAAM,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC9B,OAAO,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC/B,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;KACjC,CAAC;IACF,aAAa,EAAE;QACb,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAkEnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"theme.native.d.ts","sourceRoot":"","sources":["../../src/variables/theme.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAGvC,oBAAY,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5F,eAAO,MAAM,sBAAsB,YAAY,CAAC;AAIhD,oBAAY,MAAM,GAAG;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,MAAM,CAAC;QACpB,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,OAAO,EAAE;QACP,UAAU,EAAE,MAAM,CAAC;QACnB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,UAAU,EAAE;QACV,OAAO,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QACjC,QAAQ,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QAClC,IAAI,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QAC9B,SAAS,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;KACpC,CAAC;IACF,QAAQ,EAAE;QACR,UAAU,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAClC,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC7B,MAAM,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC9B,OAAO,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC/B,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC7B,MAAM,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC9B,OAAO,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC/B,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;KACjC,CAAC;IACF,aAAa,EAAE;QACb,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAkEnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/es/variables/theme.native.js

@@ -1,5 +1,8 @@
 import { COLORS } from './colors';
 export const HTML_ANCHOR_TEXT_COLOR = '#002BDB';
+const {
+  cm_primary_blue
+} = COLORS;
 const defaultTheme = {
   colors: {
     border: 'rgba(0, 0, 0, 0.1)',
@@ -16,7 +19,7 @@ const defaultTheme = {
       primary: '#06265B',
       secondary: '#FFFFFF'
     },
-    cta: '#0061FF',
+    cta: cm_primary_blue,
     negative: COLORS.negative,
     positive: COLORS.positive,
     white: '#FFFFFF',

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

@@ -1 +1 @@
-{"version":3,"file":"theme.native.js","names":["COLORS","HTML_ANCHOR_TEXT_COLOR","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\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: '#0061FF',\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,MAAR,QAAqB,UAArB;AAIA,OAAO,MAAMC,sBAAsB,GAAG,SAA/B;AAwEP,MAAMC,YAAmB,GAAG;EAC1BC,MAAM,EAAE;IACNC,MAAM,EAAE,oBADF;IAENC,IAAI,EAAE;MACJC,KAAK,EAAE,SADH;MAEJC,OAAO,EAAE,SAFL;MAGJC,KAAK,EAAE,SAHH;MAIJC,WAAW,EAAE,SAJT;MAKJC,MAAM,EAAE,SALJ;MAMJC,IAAI,EAAE,SANF;MAOJC,SAAS,EAAE;IAPP,CAFA;IAWNC,IAAI,EAAE;MACJC,OAAO,EAAE,SADL;MAEJC,SAAS,EAAE;IAFP,CAXA;IAeNC,GAAG,EAAE,SAfC;IAgBNC,QAAQ,EAAEjB,MAAM,CAACiB,QAhBX;IAiBNC,QAAQ,EAAElB,MAAM,CAACkB,QAjBX;IAkBNC,KAAK,EAAE,SAlBD;IAmBNC,KAAK,EAAE,SAnBD;IAoBNC,MAAM,EAAE,SApBF;IAqBNC,YAAY,EAAE,SArBR;IAsBNC,MAAM,EAAE,SAtBF;IAuBNC,OAAO,EAAE;MACPC,UAAU,EAAEzB,MAAM,CAAC0B,WADZ;MAEPZ,OAAO,EAAE;IAFF;EAvBH,CADkB;EA6B1Ba,OAAO,EAAE;IACPC,KAAK,EAAE,CADA;IAEPC,IAAI,EAAE,CAFC;IAGPC,KAAK,EAAE,EAHA;IAIPC,IAAI,EAAE,EAJC;IAKPrB,MAAM,EAAE,EALD;IAMPsB,KAAK,EAAE,EANA;IAOPC,MAAM,EAAE;EAPD,CA7BiB;EAsC1BC,MAAM,EAAE;IACNC,MAAM,EAAE,CADF;IAENC,IAAI,EAAE,CAFA;IAGNC,OAAO,EAAE,CAHH;IAIN3B,MAAM,EAAE,EAJF;IAKN4B,MAAM,EAAE,EALF;IAMNC,MAAM,EAAE,EANF;IAONC,SAAS,EAAE;EAPL,CAtCkB;EA+C1BC,UAAU,EAAE;IACVJ,OAAO,EAAE,KADC;IAEVK,QAAQ,EAAE,KAFA;IAGVC,IAAI,EAAE,KAHI;IAIVC,SAAS,EAAE;EAJD,CA/Cc;EAqD1BC,QAAQ,EAAE;IACRC,UAAU,EAAE,EADJ;IAERhB,KAAK,EAAE,EAFC;IAGRpB,MAAM,EAAE,EAHA;IAIR2B,OAAO,EAAE,EAJD;IAKRL,KAAK,EAAE,EALC;IAMRC,MAAM,EAAE,EANA;IAORc,OAAO,EAAE,EAPD;IAQRC,QAAQ,EAAE;EARF,CArDgB;EA+D1BC,aAAa,EAAE;IACbC,MAAM,EAAE;EADK;AA/DW,CAA5B;AAoEA,eAAehD,YAAf"}
+{"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,MAAR,QAAqB,UAArB;AAIA,OAAO,MAAMC,sBAAsB,GAAG,SAA/B;AAEP,MAAM;EAACC;AAAD,IAAoBF,MAA1B;AAwEA,MAAMG,YAAmB,GAAG;EAC1BC,MAAM,EAAE;IACNC,MAAM,EAAE,oBADF;IAENC,IAAI,EAAE;MACJC,KAAK,EAAE,SADH;MAEJC,OAAO,EAAE,SAFL;MAGJC,KAAK,EAAE,SAHH;MAIJC,WAAW,EAAE,SAJT;MAKJC,MAAM,EAAE,SALJ;MAMJC,IAAI,EAAE,SANF;MAOJC,SAAS,EAAE;IAPP,CAFA;IAWNC,IAAI,EAAE;MACJC,OAAO,EAAE,SADL;MAEJC,SAAS,EAAE;IAFP,CAXA;IAeNC,GAAG,EAAEf,eAfC;IAgBNgB,QAAQ,EAAElB,MAAM,CAACkB,QAhBX;IAiBNC,QAAQ,EAAEnB,MAAM,CAACmB,QAjBX;IAkBNC,KAAK,EAAE,SAlBD;IAmBNC,KAAK,EAAE,SAnBD;IAoBNC,MAAM,EAAE,SApBF;IAqBNC,YAAY,EAAE,SArBR;IAsBNC,MAAM,EAAE,SAtBF;IAuBNC,OAAO,EAAE;MACPC,UAAU,EAAE1B,MAAM,CAAC2B,WADZ;MAEPZ,OAAO,EAAE;IAFF;EAvBH,CADkB;EA6B1Ba,OAAO,EAAE;IACPC,KAAK,EAAE,CADA;IAEPC,IAAI,EAAE,CAFC;IAGPC,KAAK,EAAE,EAHA;IAIPC,IAAI,EAAE,EAJC;IAKPrB,MAAM,EAAE,EALD;IAMPsB,KAAK,EAAE,EANA;IAOPC,MAAM,EAAE;EAPD,CA7BiB;EAsC1BC,MAAM,EAAE;IACNC,MAAM,EAAE,CADF;IAENC,IAAI,EAAE,CAFA;IAGNC,OAAO,EAAE,CAHH;IAIN3B,MAAM,EAAE,EAJF;IAKN4B,MAAM,EAAE,EALF;IAMNC,MAAM,EAAE,EANF;IAONC,SAAS,EAAE;EAPL,CAtCkB;EA+C1BC,UAAU,EAAE;IACVJ,OAAO,EAAE,KADC;IAEVK,QAAQ,EAAE,KAFA;IAGVC,IAAI,EAAE,KAHI;IAIVC,SAAS,EAAE;EAJD,CA/Cc;EAqD1BC,QAAQ,EAAE;IACRC,UAAU,EAAE,EADJ;IAERhB,KAAK,EAAE,EAFC;IAGRpB,MAAM,EAAE,EAHA;IAIR2B,OAAO,EAAE,EAJD;IAKRL,KAAK,EAAE,EALC;IAMRC,MAAM,EAAE,EANA;IAORc,OAAO,EAAE,EAPD;IAQRC,QAAQ,EAAE;EARF,CArDgB;EA+D1BC,aAAa,EAAE;IACbC,MAAM,EAAE;EADK;AA/DW,CAA5B;AAoEA,eAAehD,YAAf"}

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":";AAKA,OAAkB,EAAC,eAAe,EAAW,MAAM,SAAS,CAAC;AAwB7D,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;CAqEzC,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/index.tsx"],"names":[],"mappings":";AAMA,OAAkB,EAAC,eAAe,EAAW,MAAM,SAAS,CAAC;AAwC7D,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;CAqEzC,CAAC;AAIF,eAAe,UAAU,CAAC"}

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

@@ -11,6 +11,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _link = _interopRequireDefault(require("../link"));
 
+var _icon = _interopRequireDefault(require("../icon"));
+
 var _buttonIcons = require("../../util/button-icons");
 
 var _types = _interopRequireDefault(require("./types"));
@@ -28,6 +30,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 const getButtonContent = (icon, label) => {
   const {
     type,
+    faIcon,
     position
   } = icon || {
     type: '',
@@ -35,7 +38,7 @@ const getButtonContent = (icon, label) => {
   };
   const Icon = type && _buttonIcons.ICONS[type];
 
-  if (!Icon) {
+  if (!Icon && !faIcon) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.buttonContent
     }, /*#__PURE__*/_react.default.createElement("span", {
@@ -43,17 +46,23 @@ const getButtonContent = (icon, label) => {
     }, label));
   }
 
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.buttonContent
-  }, position === 'left' ? /*#__PURE__*/_react.default.createElement(Icon, {
+  const iconComponent = faIcon ? /*#__PURE__*/_react.default.createElement(_icon.default, {
+    iconName: faIcon.name,
+    iconColor: faIcon.color,
+    backgroundColor: faIcon.backgroundColor,
+    size: {
+      faSize: faIcon.size,
+      wrapperSize: faIcon.size
+    }
+  }) : /*#__PURE__*/_react.default.createElement(Icon, {
     className: _style.default.icon,
     theme: "coorpmanager"
-  }) : null, label ? /*#__PURE__*/_react.default.createElement("span", {
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.buttonContent
+  }, position === 'left' ? iconComponent : null, label ? /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.label
-  }, label) : null, position === 'right' ? /*#__PURE__*/_react.default.createElement(Icon, {
-    className: _style.default.icon,
-    theme: "coorpmanager"
-  }) : null);
+  }, label) : null, position === 'right' ? iconComponent : null);
 };
 
 const ButtonLink = props => {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getButtonContent","icon","label","type","position","Icon","ICONS","style","buttonContent","ButtonLink","props","disabled","dataName","dataTestId","ariaLabel","link","onClick","onKeyDown","className","customStyle","useTitle","contentView","styleButton","classnames","button","primary","secondary","tertiary","text","dangerous","handleOnClick","useCallback","handleOnKeyDown","event","title","propTypes"],"sources":["../../../src/atom/button-link/index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport {noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport {ICONS} from '../../util/button-icons';\nimport propTypes, {ButtonLinkProps, IconType} from './types';\nimport style from './style.css';\n\nconst getButtonContent = (icon?: IconType, label?: string) => {\n  const {type, position} = icon || {type: '', position: ''};\n  const Icon = type && ICONS[type];\n\n  if (!Icon) {\n    return (\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    );\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      {position === 'left' ? <Icon className={style.icon} theme=\"coorpmanager\" /> : null}\n      {label ? <span className={style.label}>{label}</span> : null}\n      {position === 'right' ? <Icon className={style.icon} theme=\"coorpmanager\" /> : null}\n    </div>\n  );\n};\n\nconst ButtonLink = (props: ButtonLinkProps) => {\n  const {\n    type,\n    label,\n    disabled,\n    icon,\n    'data-name': dataName,\n    'data-testid': dataTestId = 'button-link',\n    'aria-label': ariaLabel,\n    link,\n    onClick = noop,\n    onKeyDown = noop,\n    className,\n    customStyle,\n    useTitle = true\n  } = props;\n  const contentView = getButtonContent(icon, label);\n  const styleButton = classnames(\n    className,\n    style.button,\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 handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const handleOnKeyDown = useCallback(event => onKeyDown(event), [onKeyDown]);\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      >\n        {contentView}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      {...(useTitle && {\n        title: ariaLabel || label\n      })}\n      type=\"button\"\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      tabIndex={0}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLink.propTypes = propTypes;\n\nexport default ButtonLink;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["getButtonContent","icon","label","type","faIcon","position","Icon","ICONS","style","buttonContent","iconComponent","iconName","name","iconColor","color","backgroundColor","size","faSize","wrapperSize","ButtonLink","props","disabled","dataName","dataTestId","ariaLabel","link","onClick","onKeyDown","className","customStyle","useTitle","contentView","styleButton","classnames","button","primary","secondary","tertiary","text","dangerous","handleOnClick","useCallback","handleOnKeyDown","event","title","propTypes"],"sources":["../../../src/atom/button-link/index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport {noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport FaIcon from '../icon';\nimport {ICONS} from '../../util/button-icons';\nimport propTypes, {ButtonLinkProps, IconType} from './types';\nimport style from './style.css';\n\nconst getButtonContent = (icon?: IconType, label?: string) => {\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}>{label}</span>\n      </div>\n    );\n  }\n\n  const iconComponent = faIcon ? (\n    <FaIcon\n      {...{\n        iconName: faIcon.name,\n        iconColor: faIcon.color,\n        backgroundColor: faIcon.backgroundColor,\n        size: {\n          faSize: faIcon.size,\n          wrapperSize: faIcon.size\n        }\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      {label ? <span className={style.label}>{label}</span> : null}\n      {position === 'right' ? iconComponent : null}\n    </div>\n  );\n};\n\nconst ButtonLink = (props: ButtonLinkProps) => {\n  const {\n    type,\n    label,\n    disabled,\n    icon,\n    'data-name': dataName,\n    'data-testid': dataTestId = 'button-link',\n    'aria-label': ariaLabel,\n    link,\n    onClick = noop,\n    onKeyDown = noop,\n    className,\n    customStyle,\n    useTitle = true\n  } = props;\n  const contentView = getButtonContent(icon, label);\n  const styleButton = classnames(\n    className,\n    style.button,\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 handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const handleOnKeyDown = useCallback(event => onKeyDown(event), [onKeyDown]);\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      >\n        {contentView}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      {...(useTitle && {\n        title: ariaLabel || label\n      })}\n      type=\"button\"\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      tabIndex={0}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLink.propTypes = propTypes;\n\nexport default ButtonLink;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,gBAAgB,GAAG,CAACC,IAAD,EAAkBC,KAAlB,KAAqC;EAC5D,MAAM;IAACC,IAAD;IAAOC,MAAP;IAAeC;EAAf,IAA2BJ,IAAI,IAAI;IAACE,IAAI,EAAE,EAAP;IAAWE,QAAQ,EAAE;EAArB,CAAzC;EACA,MAAMC,IAAI,GAAGH,IAAI,IAAII,kBAAA,CAAMJ,IAAN,CAArB;;EAEA,IAAI,CAACG,IAAD,IAAS,CAACF,MAAd,EAAsB;IACpB,oBACE;MAAK,SAAS,EAAEI,cAAA,CAAMC;IAAtB,gBACE;MAAM,SAAS,EAAED,cAAA,CAAMN;IAAvB,GAA+BA,KAA/B,CADF,CADF;EAKD;;EAED,MAAMQ,aAAa,GAAGN,MAAM,gBAC1B,6BAAC,aAAD;IAEIO,QAAQ,EAAEP,MAAM,CAACQ,IAFrB;IAGIC,SAAS,EAAET,MAAM,CAACU,KAHtB;IAIIC,eAAe,EAAEX,MAAM,CAACW,eAJ5B;IAKIC,IAAI,EAAE;MACJC,MAAM,EAAEb,MAAM,CAACY,IADX;MAEJE,WAAW,EAAEd,MAAM,CAACY;IAFhB;EALV,EAD0B,gBAa1B,6BAAC,IAAD;IAAM,SAAS,EAAER,cAAA,CAAMP,IAAvB;IAA6B,KAAK,EAAC;EAAnC,EAbF;EAgBA,oBACE;IAAK,SAAS,EAAEO,cAAA,CAAMC;EAAtB,GACGJ,QAAQ,KAAK,MAAb,GAAsBK,aAAtB,GAAsC,IADzC,EAEGR,KAAK,gBAAG;IAAM,SAAS,EAAEM,cAAA,CAAMN;EAAvB,GAA+BA,KAA/B,CAAH,GAAkD,IAF1D,EAGGG,QAAQ,KAAK,OAAb,GAAuBK,aAAvB,GAAuC,IAH1C,CADF;AAOD,CAnCD;;AAqCA,MAAMS,UAAU,GAAIC,KAAD,IAA4B;EAC7C,MAAM;IACJjB,IADI;IAEJD,KAFI;IAGJmB,QAHI;IAIJpB,IAJI;IAKJ,aAAaqB,QALT;IAMJ,eAAeC,UAAU,GAAG,aANxB;IAOJ,cAAcC,SAPV;IAQJC,IARI;IASJC,OAAO,iBATH;IAUJC,SAAS,iBAVL;IAWJC,SAXI;IAYJC,WAZI;IAaJC,QAAQ,GAAG;EAbP,IAcFV,KAdJ;EAeA,MAAMW,WAAW,GAAG/B,gBAAgB,CAACC,IAAD,EAAOC,KAAP,CAApC;EACA,MAAM8B,WAAW,GAAG,IAAAC,mBAAA,EAClBL,SADkB,EAElBpB,cAAA,CAAM0B,MAFY,EAGlB/B,IAAI,KAAK,SAAT,IAAsBK,cAAA,CAAM2B,OAHV,EAIlBhC,IAAI,KAAK,WAAT,IAAwBK,cAAA,CAAM4B,SAJZ,EAKlBjC,IAAI,KAAK,UAAT,IAAuBK,cAAA,CAAM6B,QALX,EAMlBlC,IAAI,KAAK,MAAT,IAAmBK,cAAA,CAAM8B,IANP,EAOlBnC,IAAI,KAAK,WAAT,IAAwBK,cAAA,CAAM+B,SAPZ,EAQlBd,IAAI,IAAIjB,cAAA,CAAMiB,IARI,EASlBJ,QAAQ,IAAIb,cAAA,CAAMa,QATA,CAApB;EAYA,MAAMmB,aAAa,GAAG,IAAAC,kBAAA,EAAY,MAAMf,OAAO,EAAzB,EAA6B,CAACA,OAAD,CAA7B,CAAtB;EAEA,MAAMgB,eAAe,GAAG,IAAAD,kBAAA,EAAYE,KAAK,IAAIhB,SAAS,CAACgB,KAAD,CAA9B,EAAuC,CAAChB,SAAD,CAAvC,CAAxB;;EAEA,IAAIF,IAAJ,EAAU;IACR,oBACE,6BAAC,aAAD,eACMA,IADN,EAEOK,QAAQ,IAAI;MACfc,KAAK,EAAEpB,SAAS,IAAItB;IADL,CAFnB;MAKE,KAAK,EAAE2B,WALT;MAME,SAAS,EAAEG,WANb;MAOE,aAAWV,QAPb;MAQE,eAAaC,UARf;MASE,cAAYC,SAAS,IAAItB;IAT3B,IAWG6B,WAXH,CADF;EAeD;;EAED,oBACE,oDACOD,QAAQ,IAAI;IACfc,KAAK,EAAEpB,SAAS,IAAItB;EADL,CADnB;IAIE,IAAI,EAAC,QAJP;IAKE,cAAYsB,SAAS,IAAItB,KAL3B;IAME,aAAWoB,QANb;IAOE,eAAaC,UAPf;IAQE,KAAK,EAAEM,WART;IASE,SAAS,EAAEG,WATb;IAUE,OAAO,EAAEQ,aAVX;IAWE,SAAS,EAAEE,eAXb;IAYE,QAAQ,EAAE;EAZZ,IAcGX,WAdH,CADF;AAkBD,CArED;;AAuEAZ,UAAU,CAAC0B,SAAX,2CAAuBA,cAAvB;eAEe1B,U"}

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

@@ -20,9 +20,16 @@ declare const propTypes: {
     className: PropTypes.Requireable<string>;
     customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
 };
+export declare type FaIcontype = {
+    name: string;
+    color?: string;
+    backgroundColor?: string;
+    size?: number;
+};
 export declare type IconType = {
     position: 'right' | 'left';
-    type: keyof typeof ICONS;
+    type?: keyof typeof ICONS;
+    faIcon?: FaIcontype;
 };
 export declare type ButtonLinkProps = {
     type?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'dangerous';

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;AAE9C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAmBd,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,IAAI,EAAE,MAAM,OAAO,KAAK,CAAC;CAC1B,CAAC;AACF,oBAAY,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,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,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,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,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,KAAK,EAAC,MAAM,yBAAyB,CAAC;AAE9C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAmBd,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;CACf,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;AACF,oBAAY,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,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,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,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","type","PropTypes","oneOf","label","string","icon","shape","position","ICONS","onClick","func","link","href","download","bool","target","disabled","className","customStyle"],"sources":["../../../src/atom/button-link/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport {ICONS} from '../../util/button-icons';\n\nconst propTypes = {\n  type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n  label: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  'data-testid': PropTypes.string,\n  icon: PropTypes.shape({\n    position: PropTypes.oneOf(['right', 'left']),\n    type: PropTypes.oneOf(keys(ICONS))\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  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  customStyle: PropTypes.shape({})\n};\n\nexport type IconType = {\n  position: 'right' | 'left';\n  type: keyof typeof ICONS;\n};\nexport type ButtonLinkProps = {\n  type?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'dangerous';\n  label?: string;\n  'aria-label'?: string;\n  'data-name'?: string;\n  'data-testid'?: string;\n  icon?: IconType;\n  onClick?: () => void;\n  onKeyDown?: () => void;\n  link?: {\n    href?: string;\n    download?: boolean;\n    target?: '_self' | '_blank' | '_parent' | '_top';\n  };\n  disabled?: boolean;\n  className?: string;\n  customStyle?: Record<string, unknown>;\n  useTitle?: boolean;\n};\n\nexport type Fixture = {props: ButtonLinkProps};\n\nexport default propTypes;\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,IAAI,EAAEC,kBAAA,CAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,EAAyB,UAAzB,EAAqC,MAArC,EAA6C,WAA7C,CAAhB,CADU;EAEhBC,KAAK,EAAEF,kBAAA,CAAUG,MAFD;EAGhB,cAAcH,kBAAA,CAAUG,MAHR;EAIhB,aAAaH,kBAAA,CAAUG,MAJP;EAKhB,eAAeH,kBAAA,CAAUG,MALT;EAMhBC,IAAI,EAAEJ,kBAAA,CAAUK,KAAV,CAAgB;IACpBC,QAAQ,EAAEN,kBAAA,CAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CADU;IAEpBF,IAAI,EAAEC,kBAAA,CAAUC,KAAV,CAAgB,oBAAKM,kBAAL,CAAhB;EAFc,CAAhB,CANU;EAUhBC,OAAO,EAAER,kBAAA,CAAUS,IAVH;EAWhBC,IAAI,EAAEV,kBAAA,CAAUK,KAAV,CAAgB;IACpBM,IAAI,EAAEX,kBAAA,CAAUG,MADI;IAEpBS,QAAQ,EAAEZ,kBAAA,CAAUa,IAFA;IAGpBC,MAAM,EAAEd,kBAAA,CAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB;EAHY,CAAhB,CAXU;EAgBhBc,QAAQ,EAAEf,kBAAA,CAAUa,IAhBJ;EAiBhBG,SAAS,EAAEhB,kBAAA,CAAUG,MAjBL;EAkBhBc,WAAW,EAAEjB,kBAAA,CAAUK,KAAV,CAAgB,EAAhB;AAlBG,CAAlB;eA+CeP,S"}
+{"version":3,"file":"types.js","names":["propTypes","type","PropTypes","oneOf","label","string","icon","shape","position","ICONS","onClick","func","link","href","download","bool","target","disabled","className","customStyle"],"sources":["../../../src/atom/button-link/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport {ICONS} from '../../util/button-icons';\n\nconst propTypes = {\n  type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n  label: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  'data-testid': PropTypes.string,\n  icon: PropTypes.shape({\n    position: PropTypes.oneOf(['right', 'left']),\n    type: PropTypes.oneOf(keys(ICONS))\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  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  customStyle: PropTypes.shape({})\n};\n\nexport type FaIcontype = {\n  name: string;\n  color?: string;\n  backgroundColor?: string;\n  size?: number;\n};\n\nexport type IconType = {\n  position: 'right' | 'left';\n  type?: keyof typeof ICONS;\n  faIcon?: FaIcontype;\n};\nexport type ButtonLinkProps = {\n  type?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'dangerous';\n  label?: string;\n  'aria-label'?: string;\n  'data-name'?: string;\n  'data-testid'?: string;\n  icon?: IconType;\n  onClick?: () => void;\n  onKeyDown?: () => void;\n  link?: {\n    href?: string;\n    download?: boolean;\n    target?: '_self' | '_blank' | '_parent' | '_top';\n  };\n  disabled?: boolean;\n  className?: string;\n  customStyle?: Record<string, unknown>;\n  useTitle?: boolean;\n};\n\nexport type Fixture = {props: ButtonLinkProps};\n\nexport default propTypes;\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,IAAI,EAAEC,kBAAA,CAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,EAAyB,UAAzB,EAAqC,MAArC,EAA6C,WAA7C,CAAhB,CADU;EAEhBC,KAAK,EAAEF,kBAAA,CAAUG,MAFD;EAGhB,cAAcH,kBAAA,CAAUG,MAHR;EAIhB,aAAaH,kBAAA,CAAUG,MAJP;EAKhB,eAAeH,kBAAA,CAAUG,MALT;EAMhBC,IAAI,EAAEJ,kBAAA,CAAUK,KAAV,CAAgB;IACpBC,QAAQ,EAAEN,kBAAA,CAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CADU;IAEpBF,IAAI,EAAEC,kBAAA,CAAUC,KAAV,CAAgB,oBAAKM,kBAAL,CAAhB;EAFc,CAAhB,CANU;EAUhBC,OAAO,EAAER,kBAAA,CAAUS,IAVH;EAWhBC,IAAI,EAAEV,kBAAA,CAAUK,KAAV,CAAgB;IACpBM,IAAI,EAAEX,kBAAA,CAAUG,MADI;IAEpBS,QAAQ,EAAEZ,kBAAA,CAAUa,IAFA;IAGpBC,MAAM,EAAEd,kBAAA,CAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB;EAHY,CAAhB,CAXU;EAgBhBc,QAAQ,EAAEf,kBAAA,CAAUa,IAhBJ;EAiBhBG,SAAS,EAAEhB,kBAAA,CAAUG,MAjBL;EAkBhBc,WAAW,EAAEjB,kBAAA,CAAUK,KAAV,CAAgB,EAAhB;AAlBG,CAAlB;eAuDeP,S"}

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

@@ -0,0 +1,37 @@
+export function calculateHoveredSelectedBgColor(selectedBgColor: any, luminosityDelta?: number): string;
+export default Chip;
+declare function Chip(props: any, context: any): JSX.Element;
+declare namespace Chip {
+    namespace contextTypes {
+        const skin: PropTypes.Requireable<PropTypes.InferProps<{
+            common: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+            images: PropTypes.Requireable<PropTypes.InferProps<{
+                'logo-mobile': PropTypes.Requireable<any>;
+                logo: PropTypes.Requireable<any>;
+                'logo-email': PropTypes.Requireable<any>;
+                login: PropTypes.Requireable<any>;
+            }>>;
+            icons: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+            mod: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+            courses: PropTypes.Requireable<any[]>;
+            texts: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+        }>>;
+    }
+    namespace propTypes {
+        const text: PropTypes.Requireable<string>;
+        const selected: PropTypes.Requireable<boolean>;
+        const customIcon: PropTypes.Requireable<string>;
+        const backgroundColor: PropTypes.Requireable<string>;
+        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chip/index.js"],"names":[],"mappings":"AAeO,wGAQN;;AAED,6DAsDC"}

package/lib/atom/chip/index.js

@@ -0,0 +1,109 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.calculateHoveredSelectedBgColor = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _get = _interopRequireDefault(require("lodash/fp/get"));
+
+var _colorjs = _interopRequireDefault(require("colorjs.io"));
+
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+
+var _provider = _interopRequireDefault(require("../provider"));
+
+var _colors = require("../../variables/colors");
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const LUMINOSITY_DELTA = 0.08;
+const {
+  cm_primary_blue: DEFAULT_BACKGROUND_COLOR
+} = _colors.COLORS;
+const ICON_SIZE = '12px';
+
+const calculateHoveredSelectedBgColor = (selectedBgColor, luminosityDelta = LUMINOSITY_DELTA) => {
+  return new _colorjs.default(selectedBgColor).to('hsl').set({
+    l: l => l * (1 - luminosityDelta)
+  }).toString();
+};
+
+exports.calculateHoveredSelectedBgColor = calculateHoveredSelectedBgColor;
+
+const Chip = (props, context) => {
+  const {
+    text,
+    selected = false,
+    customIcon,
+    onClick,
+    backgroundColor = DEFAULT_BACKGROUND_COLOR
+  } = props;
+  const {
+    skin
+  } = context;
+  const skinColor = (0, _get.default)('common.primary', skin);
+  const selectedBgColor = backgroundColor === 'skin' && skinColor ? skinColor : backgroundColor;
+  const hoveredSelectedBgColor = calculateHoveredSelectedBgColor(selectedBgColor);
+  const [isHovered, setIsHovered] = (0, _react.useState)(false);
+  const handleClick = (0, _react.useMemo)(() => onClick, [onClick]);
+  const handleMouseEnter = (0, _react.useCallback)(() => {
+    setIsHovered(true);
+  }, []);
+  const handleMouseLeave = (0, _react.useCallback)(() => {
+    setIsHovered(false);
+  }, []);
+  const hoverStyle = isHovered ? {
+    backgroundColor: hoveredSelectedBgColor
+  } : {};
+  const defaultIcon = selected ? 'fa-check' : 'fa-plus';
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(_style.default.container, !selected && _style.default.unselected),
+    style: _extends({}, selected && selectedBgColor ? {
+      backgroundColor: selectedBgColor
+    } : {}, selected && hoverStyle),
+    onClick: handleClick,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    "aria-label": text,
+    "data-name": text
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.textZone,
+    title: text
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.text,
+    style: selected ? {
+      color: 'white'
+    } : {}
+  }, text)), /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+    className: selected ? _style.default.selectedIconWrapper : _style.default.unselectedIconWrapper,
+    icon: customIcon ? `fa-${customIcon}` : defaultIcon,
+    fontSize: ICON_SIZE
+  }));
+};
+
+Chip.contextTypes = {
+  skin: _provider.default.childContextTypes.skin
+};
+Chip.propTypes = process.env.NODE_ENV !== "production" ? {
+  text: _propTypes.default.string,
+  selected: _propTypes.default.bool,
+  customIcon: _propTypes.default.string,
+  backgroundColor: _propTypes.default.string,
+  onClick: _propTypes.default.func
+} : {};
+var _default = Chip;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["LUMINOSITY_DELTA","cm_primary_blue","DEFAULT_BACKGROUND_COLOR","COLORS","ICON_SIZE","calculateHoveredSelectedBgColor","selectedBgColor","luminosityDelta","Color","to","set","l","toString","Chip","props","context","text","selected","customIcon","onClick","backgroundColor","skin","skinColor","get","hoveredSelectedBgColor","isHovered","setIsHovered","useState","handleClick","useMemo","handleMouseEnter","useCallback","handleMouseLeave","hoverStyle","defaultIcon","classnames","style","container","unselected","textZone","color","selectedIconWrapper","unselectedIconWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","func"],"sources":["../../../src/atom/chip/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nimport get from 'lodash/fp/get';\nimport Color from 'colorjs.io';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport Provider from '../provider';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst LUMINOSITY_DELTA = 0.08;\nconst {cm_primary_blue: DEFAULT_BACKGROUND_COLOR} = COLORS;\nconst ICON_SIZE = '12px';\n\nexport const calculateHoveredSelectedBgColor = (\n  selectedBgColor,\n  luminosityDelta = LUMINOSITY_DELTA\n) => {\n  return new Color(selectedBgColor)\n    .to('hsl')\n    .set({l: l => l * (1 - luminosityDelta)})\n    .toString();\n};\n\nconst Chip = (props, context) => {\n  const {\n    text,\n    selected = false,\n    customIcon,\n    onClick,\n    backgroundColor = DEFAULT_BACKGROUND_COLOR\n  } = props;\n  const {skin} = context;\n  const skinColor = get('common.primary', skin);\n  const selectedBgColor = backgroundColor === 'skin' && skinColor ? skinColor : backgroundColor;\n  const hoveredSelectedBgColor = calculateHoveredSelectedBgColor(selectedBgColor);\n\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleClick = useMemo(() => onClick, [onClick]);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n  }, []);\n\n  const hoverStyle = isHovered ? {backgroundColor: hoveredSelectedBgColor} : {};\n\n  const defaultIcon = selected ? 'fa-check' : 'fa-plus';\n\n  return (\n    <div\n      className={classnames(style.container, !selected && style.unselected)}\n      style={{\n        ...(selected && selectedBgColor ? {backgroundColor: selectedBgColor} : {}),\n        ...(selected && hoverStyle)\n      }}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      aria-label={text}\n      data-name={text}\n    >\n      <div className={style.textZone} title={text}>\n        <span className={style.text} style={selected ? {color: 'white'} : {}}>\n          {text}\n        </span>\n      </div>\n      <FontAwesomeIcon\n        className={selected ? style.selectedIconWrapper : style.unselectedIconWrapper}\n        icon={customIcon ? `fa-${customIcon}` : defaultIcon}\n        fontSize={ICON_SIZE}\n      />\n    </div>\n  );\n};\n\nChip.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nChip.propTypes = {\n  text: PropTypes.string,\n  selected: PropTypes.bool,\n  customIcon: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nexport default Chip;\n"],"mappings":"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"}

package/lib/atom/chip/style.css

@@ -0,0 +1,65 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_100 from colors;
+@value cm_grey_200 from colors;
+@value cm_grey_400 from colors;
+@value cm_grey_700 from colors;
+@value cm_positive_100 from colors;
+@value white from colors;
+
+.container {
+  width: 100%;
+  height: 52px;
+  border-radius: 10px;
+  padding: 10px 16px;
+  position: relative;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  cursor: pointer;
+}
+
+.unselected {
+  background-color: cm_grey_100;
+  color: cm_grey_400;
+}
+
+.unselected:hover {
+  background-color: cm_grey_200;
+  color: cm_grey_700;
+}
+
+.unselected:hover .unselectedIconWrapper {
+  color: cm_grey_700;
+}
+
+.textZone {
+  flex: 1 1 100%;
+  padding-right: 32px;
+  width: calc(100% - 32px);
+}
+
+.text {
+  font-family: 'Gilroy';
+  font-style: normal;
+  font-weight: 600;
+  font-size: 14px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: block;
+}
+
+.icon{
+  position: absolute;
+  right: 18px;
+}
+
+.selectedIconWrapper {
+  composes: icon;
+  color: white;
+}
+
+.unselectedIconWrapper {
+  composes: icon;
+  color: cm_grey_400;
+}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chips/index.js"],"names":[],"mappings":";AASA,gDAuBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chips/index.js"],"names":[],"mappings":";AAWA,gDAuBC"}

package/lib/atom/chips/index.js

@@ -19,6 +19,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+// This component is a simpler version of the generic Chip component, in use in CoorpManager.
 const Chips = props => {
   const {
     text,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Chips","props","text","information","selected","onClick","handleClick","useMemo","classnames","style","container","unselected","textZone","selectedIconWrapper","unselectedIconWrapper","propTypes","PropTypes","string","bool","func"],"sources":["../../../src/atom/chips/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaSolidStatusCheckCircle2 as SelectedIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Chips = props => {\n  const {text, information, selected = false, onClick} = props;\n\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  return (\n    <div\n      className={classnames(style.container, selected ? style.selected : style.unselected)}\n      onClick={handleClick}\n      aria-label={`${text} ${information}`}\n      data-name={text}\n    >\n      <div className={style.textZone} title={text}>\n        <span className={style.text}>{text}</span>\n        <span className={style.information}>{information}</span>\n      </div>\n      {selected ? (\n        <SelectedIcon className={style.selectedIconWrapper} />\n      ) : (\n        <AddIcon className={style.unselectedIconWrapper} />\n      )}\n    </div>\n  );\n};\n\nChips.propTypes = {\n  text: PropTypes.string,\n  information: PropTypes.string,\n  selected: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default Chips;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAIA;;;;;;;;AAEA,MAAMA,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,IAAD;IAAOC,WAAP;IAAoBC,QAAQ,GAAG,KAA/B;IAAsCC;EAAtC,IAAiDJ,KAAvD;EAEA,MAAMK,WAAW,GAAG,IAAAC,cAAA,EAAQ,MAAM,MAAMF,OAAO,EAA3B,EAA+B,CAACA,OAAD,CAA/B,CAApB;EAEA,oBACE;IACE,SAAS,EAAE,IAAAG,mBAAA,EAAWC,cAAA,CAAMC,SAAjB,EAA4BN,QAAQ,GAAGK,cAAA,CAAML,QAAT,GAAoBK,cAAA,CAAME,UAA9D,CADb;IAEE,OAAO,EAAEL,WAFX;IAGE,cAAa,GAAEJ,IAAK,IAAGC,WAAY,EAHrC;IAIE,aAAWD;EAJb,gBAME;IAAK,SAAS,EAAEO,cAAA,CAAMG,QAAtB;IAAgC,KAAK,EAAEV;EAAvC,gBACE;IAAM,SAAS,EAAEO,cAAA,CAAMP;EAAvB,GAA8BA,IAA9B,CADF,eAEE;IAAM,SAAS,EAAEO,cAAA,CAAMN;EAAvB,GAAqCA,WAArC,CAFF,CANF,EAUGC,QAAQ,gBACP,6BAAC,sCAAD;IAAc,SAAS,EAAEK,cAAA,CAAMI;EAA/B,EADO,gBAGP,6BAAC,uCAAD;IAAS,SAAS,EAAEJ,cAAA,CAAMK;EAA1B,EAbJ,CADF;AAkBD,CAvBD;;AAyBAd,KAAK,CAACe,SAAN,2CAAkB;EAChBb,IAAI,EAAEc,kBAAA,CAAUC,MADA;EAEhBd,WAAW,EAAEa,kBAAA,CAAUC,MAFP;EAGhBb,QAAQ,EAAEY,kBAAA,CAAUE,IAHJ;EAIhBb,OAAO,EAAEW,kBAAA,CAAUG;AAJH,CAAlB;eAOenB,K"}
+{"version":3,"file":"index.js","names":["Chips","props","text","information","selected","onClick","handleClick","useMemo","classnames","style","container","unselected","textZone","selectedIconWrapper","unselectedIconWrapper","propTypes","PropTypes","string","bool","func"],"sources":["../../../src/atom/chips/index.js"],"sourcesContent":["// This component is a simpler version of the generic Chip component, in use in CoorpManager.\n\nimport React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaSolidStatusCheckCircle2 as SelectedIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Chips = props => {\n  const {text, information, selected = false, onClick} = props;\n\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  return (\n    <div\n      className={classnames(style.container, selected ? style.selected : style.unselected)}\n      onClick={handleClick}\n      aria-label={`${text} ${information}`}\n      data-name={text}\n    >\n      <div className={style.textZone} title={text}>\n        <span className={style.text}>{text}</span>\n        <span className={style.information}>{information}</span>\n      </div>\n      {selected ? (\n        <SelectedIcon className={style.selectedIconWrapper} />\n      ) : (\n        <AddIcon className={style.unselectedIconWrapper} />\n      )}\n    </div>\n  );\n};\n\nChips.propTypes = {\n  text: PropTypes.string,\n  information: PropTypes.string,\n  selected: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default Chips;\n"],"mappings":";;;;;AAEA;;AACA;;AACA;;AACA;;AAIA;;;;;;;;AATA;AAWA,MAAMA,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,IAAD;IAAOC,WAAP;IAAoBC,QAAQ,GAAG,KAA/B;IAAsCC;EAAtC,IAAiDJ,KAAvD;EAEA,MAAMK,WAAW,GAAG,IAAAC,cAAA,EAAQ,MAAM,MAAMF,OAAO,EAA3B,EAA+B,CAACA,OAAD,CAA/B,CAApB;EAEA,oBACE;IACE,SAAS,EAAE,IAAAG,mBAAA,EAAWC,cAAA,CAAMC,SAAjB,EAA4BN,QAAQ,GAAGK,cAAA,CAAML,QAAT,GAAoBK,cAAA,CAAME,UAA9D,CADb;IAEE,OAAO,EAAEL,WAFX;IAGE,cAAa,GAAEJ,IAAK,IAAGC,WAAY,EAHrC;IAIE,aAAWD;EAJb,gBAME;IAAK,SAAS,EAAEO,cAAA,CAAMG,QAAtB;IAAgC,KAAK,EAAEV;EAAvC,gBACE;IAAM,SAAS,EAAEO,cAAA,CAAMP;EAAvB,GAA8BA,IAA9B,CADF,eAEE;IAAM,SAAS,EAAEO,cAAA,CAAMN;EAAvB,GAAqCA,WAArC,CAFF,CANF,EAUGC,QAAQ,gBACP,6BAAC,sCAAD;IAAc,SAAS,EAAEK,cAAA,CAAMI;EAA/B,EADO,gBAGP,6BAAC,uCAAD;IAAS,SAAS,EAAEJ,cAAA,CAAMK;EAA1B,EAbJ,CADF;AAkBD,CAvBD;;AAyBAd,KAAK,CAACe,SAAN,2CAAkB;EAChBb,IAAI,EAAEc,kBAAA,CAAUC,MADA;EAEhBd,WAAW,EAAEa,kBAAA,CAAUC,MAFP;EAGhBb,QAAQ,EAAEY,kBAAA,CAAUE,IAHJ;EAIhBb,OAAO,EAAEW,kBAAA,CAAUG;AAJH,CAAlB;eAOenB,K"}