impact-ui 0.1.17 → 0.1.18

package/README.md

@@ -1,25 +1,13 @@
-# impact-ui
+# poc
 
-> Impact Analytics UI library
+> Made with create-react-library
 
-[![NPM](https://img.shields.io/npm/v/impact-ui.svg)](https://www.npmjs.com/package/impact-ui) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+[![NPM](https://img.shields.io/npm/v/poc.svg)](https://www.npmjs.com/package/poc) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
 
 ## Install
 
 ```bash
-npm install --save impact-ui
-```
-
-## Start, Build and Publish
-
-`npm run start:docs // Start docs`
-
-`npm run build // Build lib`
-
-```
-// Upgrade versin in package.json
-npm login
-npm publish
+npm install --save poc
 ```
 
 ## Usage
@@ -27,7 +15,8 @@ npm publish
 ```jsx
 import React, { Component } from 'react'
 
-import MyComponent from 'impact-ui'
+import MyComponent from 'poc'
+import 'poc/dist/index.css'
 
 class Example extends Component {
   render() {

package/dist/assets/images/Logo.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="330.000000pt" height="150.000000pt" viewBox="0 0 330.000000 150.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,150.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+</g>
+</svg>

package/dist/assets/images/checkbox-tick.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.86332 7.08312L1.08332 4.30312L0.136658 5.24312L3.86332 8.96979L11.8633 0.969785L10.9233 0.0297852L3.86332 7.08312Z" fill="white"/>
+</svg>

package/dist/assets/images/close.svg

@@ -0,0 +1,3 @@
+<svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.66667 1.7735L8.72667 0.833496L5 4.56016L1.27333 0.833496L0.333332 1.7735L4.06 5.50016L0.333332 9.22683L1.27333 10.1668L5 6.44016L8.72667 10.1668L9.66667 9.22683L5.94 5.50016L9.66667 1.7735Z" fill="#758490"/>
+</svg>

package/dist/index.js

@@ -40,23 +40,16 @@ function _taggedTemplateLiteralLoose(strings, raw) {
   return strings;
 }
 
-var AlertIcon = "error~ilVgTQBJ.svg";
-
-var InfoIcon = "info~mklxCoQJ.svg";
-
-var NotificationClose = "notification-close~cTWnqbeV.svg";
-
-var SuccessIcon = "success~jvzflZSL.svg";
-
-var Warning = "warning~efleniph.svg";
-
-var HomeIconDisabled = "home-disabled~QJrTaDXz.svg";
-
-var HomeIconSecondary = "home-primary~eDtuJqft.svg";
-
-var HomeIconSecondaryHover = "home-secondary~UwsNJnOa.svg";
-
-var HomeIconWhite = "home-white~dYfNYyQZ.svg";
+var AlertIcon = require("./assets/images/error.svg");
+var InfoIcon = require("./assets/images/info.svg");
+var NotificationClose = require("./assets/images/notification-close.svg");
+var SuccessIcon = require("./assets/images/success.svg");
+var Warning = require("./assets/images/warning.svg");
+var HomeIconDisabled = require("./assets/images/home-disabled.svg");
+var HomeIconSecondary = require("./assets/images/home-primary.svg");
+var HomeIconSecondaryHover = require("./assets/images/home-secondary.svg");
+var HomeIconWhite = require("./assets/images/home-white.svg");
+var AvatarImage = require("./assets/images/avatar.svg");
 
 var PrimaryBlueColor = '#0055AF';
 var SecondaryBlueColor = '#033162';
@@ -154,7 +147,7 @@ var Avatar = function Avatar(_ref) {
     size = _ref.size,
     initials = _ref.initials,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  return /*#__PURE__*/React__default.createElement(Fragment, null, image ? /*#__PURE__*/React__default.createElement(StyledAvatar, _extends({
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, image ? /*#__PURE__*/React__default.createElement(StyledAvatar, _extends({
     size: size
   }, props), /*#__PURE__*/React__default.createElement(StyledAvatarImage, {
     src: image,
@@ -349,7 +342,7 @@ var Tabs = function Tabs() {
   var _useState = React.useState(0),
     activeTab = _useState[0],
     setActiveTab = _useState[1];
-  return /*#__PURE__*/React__default.createElement(Fragment, null, /*#__PURE__*/React__default.createElement(StyledTabContainer, null, tabs.map(function (tab, index) {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledTabContainer, null, tabs.map(function (tab, index) {
     return /*#__PURE__*/React__default.createElement(StyledTabList, {
       active: activeTab === index,
       onClick: function onClick() {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/components/color.js","../src/components/global-components/alerts/alerts-styles.js","../src/components/global-components/alerts/index.js","../src/components/global-components/avatar/avatar-styles.js","../src/components/global-components/avatar/index.js","../src/components/global-components/breadcrumbs/breadcrumbs-style.js","../src/components/global-components/breadcrumbs/index.js","../src/components/global-components/button/button-style.js","../src/components/global-components/button/index.js","../src/components/global-components/checkbox/checkbox-style.js","../src/components/global-components/checkbox/index.js","../src/components/global-components/input/input-style.js","../src/components/global-components/input/index.js","../src/components/global-components/radio/radio-styles.js","../src/components/global-components/tabs/tabs-style.js","../src/components/global-components/tabs/index.js","../src/components/global-components/textarea/textarea-styles.js","../src/components/global-components/textarea/index.js"],"sourcesContent":["export const PrimaryBlueColor = '#0055AF'\nexport const SecondaryBlueColor = '#033162'\nexport const DefaultColorButton = '#ACACAC'\nexport const LightBgColorButton = '#E5EDF7'\nexport const CheckBoxBorder = '#394960'\nexport const AlertGreenSuccessStroke = '#24A148'\nexport const AlertGreenSuccessBackground = '#E8F5EC'\nexport const AlertRedErrorStroke = '#DA1E28'\nexport const AlertRedErrorBackground = '#FCE9EA'\nexport const DefaultButtonText = '#AFAFAF'\nexport const AlertOrangeWarningStroke = '#FF832B'\nexport const AlertOrangeWarningBackground = '#FFF3EA'\nexport const AlertBlueInfoBackground = '#E5EDF7'\nexport const AlertBlueInfoStroke = '#0055AF'\nexport const WhiteColor = '#ffffff'\nexport const AvatarBgColor = '#EBECF0'\nexport const BodyFontColor = '#1d1d1d'\nexport const LabelColor = '#758490'\nexport const DisabledTextareaBg = '#EFEFEF'\n","import {\n  AlertIcon,\n  InfoIcon,\n  NotificationClose,\n  SuccessIcon,\n  Warning\n} from '../../images'\nimport styled, { css } from 'styled-components'\nimport {\n  AlertBlueInfoBackground,\n  AlertBlueInfoStroke,\n  AlertGreenSuccessBackground,\n  AlertGreenSuccessStroke,\n  AlertOrangeWarningBackground,\n  AlertOrangeWarningStroke,\n  AlertRedErrorBackground,\n  AlertRedErrorStroke,\n  BodyFontColor\n} from '../../color'\n\nexport const StyledNotification = styled.div`\n  height: 37px;\n  background: #d4d4d4;\n  border: 1px solid #1d1d1d;\n  padding: 0px 50px;\n  font-size: 14px;\n  line-height: 21px;\n  color: ${BodyFontColor};\n  display: flex;\n  align-items: center;\n  position: relative;\n  min-width: 339px;\n  border-radius: 3px;\n\n  ${(props) => {\n    switch (props.variant) {\n      case 'success':\n        return css`\n          background: ${AlertGreenSuccessBackground};\n          border: 1px solid ${AlertGreenSuccessStroke};\n        `\n      case 'error':\n        return css`\n          background: ${AlertRedErrorBackground};\n          border: 1px solid ${AlertRedErrorStroke};\n        `\n      case 'warning':\n        return css`\n          background: ${AlertOrangeWarningBackground};\n          border: 1px solid ${AlertOrangeWarningStroke};\n        `\n      case 'info':\n        return css`\n          background: ${AlertBlueInfoBackground};\n          border: 1px solid ${AlertBlueInfoStroke};\n        `\n      default:\n        return css``\n    }\n  }}\n\n  &::before {\n    content: ' ';\n    width: 13.33px;\n    height: 13.33px;\n    background: red;\n    position: absolute;\n    left: 17px;\n    top: 12px;\n    ${(props) => {\n      switch (props.variant) {\n        case 'success':\n          return css`\n            background: url(${SuccessIcon});\n            background-size: cover;\n          `\n        case 'error':\n          return css`\n            background: url(${AlertIcon});\n            background-size: cover;\n          `\n        case 'warning':\n          return css`\n            background: url(${Warning});\n            background-size: cover;\n            background-size: 15px;\n          `\n        case 'info':\n          return css`\n            background: url(${InfoIcon});\n            background-size: cover;\n          `\n        default:\n          return css``\n      }\n    }}\n  }\n`\nexport const StyledNotificationContainer = styled.div`\n  display: flex;\n  position: relative;\n`\nexport const StyledInfoCloseIcon = styled.i`\n  background: url(${NotificationClose});\n  background-size: cover;\n  width: 10px;\n  height: 10px;\n  position: absolute;\n  cursor: pointer;\n  right: 15px;\n  top: 0;\n  bottom: 0;\n  margin: auto;\n`\n","import React from 'react'\nimport {\n  StyledInfoCloseIcon,\n  StyledNotification,\n  StyledNotificationContainer\n} from './alerts-styles'\n\nexport const Alerts = ({ variant, message, onClose, ...props }) => {\n  return (\n    <StyledNotificationContainer>\n      <StyledNotification variant={variant} {...props}>\n        {message}\n      </StyledNotification>\n      <StyledInfoCloseIcon onClick={onClose} />\n    </StyledNotificationContainer>\n  )\n}\n","import styled, { css } from 'styled-components'\nimport { AvatarBgColor } from '../../color'\n\nexport const StyledAvatar = styled.span`\n  width: 64px;\n  height: 64px;\n  background: ${AvatarBgColor};\n  display: flex;\n  border-radius: 50%;\n  font-size: 32px;\n  font-weight: 600;\n  color: #758490;\n  justify-content: center;\n  align-items: center;\n\n  ${(props) => {\n    switch (props.size) {\n      case 'medium':\n        return css`\n          width: 48px;\n          height: 48px;\n          font-size: 16px;\n        `\n      case 'small':\n        return css`\n          width: 36px;\n          height: 36px;\n          font-size: 14px;\n        `\n      case 'exSmall':\n        return css`\n          width: 24px;\n          height: 24px;\n          font-size: 12px;\n        `\n\n      default:\n        return css``\n    }\n  }}\n`\n\nexport const StyledAvatarImage = styled.img`\n  ${(props) => {\n    switch (props.size) {\n      case 'medium':\n        return css`\n          width: 48px;\n          height: 48px;\n        `\n      case 'small':\n        return css`\n          width: 36px;\n          height: 36px;\n        `\n      case 'exSmall':\n        return css`\n          width: 24px;\n          height: 24px;\n        `\n\n      default:\n        return css``\n    }\n  }}\n`\n","import React from 'react'\nimport { StyledAvatar, StyledAvatarImage } from './avatar-styles'\n\nexport const Avatar = ({ image, size, initials, ...props }) => {\n  return (\n    <>\n      {image ? (\n        <StyledAvatar size={size} {...props}>\n          <StyledAvatarImage src={image} size={size} />\n        </StyledAvatar>\n      ) : (\n        <StyledAvatar size={size} {...props}>\n          {initials}\n        </StyledAvatar>\n      )}\n    </>\n  )\n}\n","import { CheckBoxBorder, PrimaryBlueColor } from '../../color'\nimport styled, { css } from 'styled-components'\nimport { Link } from 'react-router-dom'\n\nexport const StyledBreadcrumbsContainer = styled.ul`\n  display: flex;\n`\nexport const StyledBreadcrumbsLink = styled(Link)`\n  font-size: 14px;\n  font-weight: 300;\n  color: ${PrimaryBlueColor};\n  cursor: pointer;\n  ${(props) =>\n    props.active &&\n    css`\n      color: ${CheckBoxBorder};\n      font-weight: 400;\n      cursor: default;\n    `}\n  &::after {\n    content: ' / ';\n    padding: 0 4px;\n    display: inline-block;\n    color: #394960;\n  }\n  &:last-child {\n    &::after {\n      display: none;\n    }\n  }\n`\n","import React from 'react'\nimport {\n  StyledBreadcrumbsContainer,\n  StyledBreadcrumbsLink\n} from './breadcrumbs-style'\nexport * from './breadcrumbs-style'\n\nexport const Breadcrumbs = ({ paths }) => {\n  return (\n    <StyledBreadcrumbsContainer>\n      {paths.map(({ to, label, isActive }, index) => {\n        return (\n          <StyledBreadcrumbsLink\n            key={index}\n            to={to}\n            active={isActive ? 1 : undefined}\n          >\n            {label}\n          </StyledBreadcrumbsLink>\n        )\n      })}\n    </StyledBreadcrumbsContainer>\n  )\n}\n","import styled, { css } from 'styled-components'\nimport {\n  DefaultColorButton,\n  LightBgColorButton,\n  PrimaryBlueColor,\n  SecondaryBlueColor,\n  WhiteColor\n} from '../../color'\n\nimport {\n  HomeIconWhite,\n  HomeIconSecondary,\n  HomeIconSecondaryHover,\n  HomeIconDisabled\n} from '../../images'\nconst iconButton = css`\n  width: 36px;\n  height: 36px;\n  padding: 0px;\n`\n\n// Common Button\nexport const StyledButton = styled.button`\n  background: #1d1d1d;\n  color: ${WhiteColor};\n  border: none;\n  cursor: pointer;\n  border-radius: 3px;\n  box-sizing: border-box;\n  transition: all 300ms ease-in-out 0s;\n  font-family: 'Poppins', sans-serif;\n\n  ${(props) => {\n    switch (props.size) {\n      case 'normal':\n        return css`\n          padding: 8px 20px;\n          line-height: 21px;\n          font-size: 14px;\n        `\n      case 'small':\n        return css`\n          padding: 4px 12px;\n          line-height: 18px;\n          font-size: 12px;\n        `\n    }\n  }}\n\n  ${(props) => {\n    switch (props.variant) {\n      case 'primary':\n        return css`\n          background: ${PrimaryBlueColor};\n          &:hover {\n            background: ${SecondaryBlueColor};\n          }\n          &:disabled {\n            background: ${DefaultColorButton};\n            color: ${WhiteColor};\n            &:hover {\n              cursor: default;\n              background: ${DefaultColorButton};\n            }\n          }\n        `\n      case 'secondary':\n        return css`\n          background: ${WhiteColor};\n          border: 1px solid ${PrimaryBlueColor};\n          color: ${PrimaryBlueColor};\n          &:hover {\n            border: 1px solid ${SecondaryBlueColor};\n            color: ${SecondaryBlueColor};\n            background: ${LightBgColorButton};\n          }\n          &:disabled {\n            background: ${WhiteColor};\n            border: 1px solid ${DefaultColorButton};\n            color: ${DefaultColorButton};\n            cursor: default;\n            &:hover {\n              background: ${WhiteColor};\n              border: 1px solid ${DefaultColorButton};\n              color: ${DefaultColorButton};\n            }\n          }\n        `\n      case 'url':\n        return css`\n          background: ${WhiteColor};\n          border: none;\n          color: ${PrimaryBlueColor};\n          padding: 0px;\n          font-weight: 500;\n          &:hover {\n            background: ${WhiteColor};\n            border: none;\n            color: ${SecondaryBlueColor};\n          }\n          &:disabled {\n            background: ${WhiteColor};\n            border: none;\n            color: ${DefaultColorButton};\n            padding: 0px;\n            font-weight: 500;\n            cursor: default;\n            &:hover {\n              background: ${WhiteColor};\n              border: none;\n              color: ${DefaultColorButton};\n            }\n          }\n\n          ${(props) => {\n            props.size === 'small' &&\n              css`\n                font-size: 12px;\n                line-height: 18px;\n              `\n          }}\n        `\n    }\n  }}\n\n${(props) =>\n    props.iconBtn &&\n    css`\n      width: 36px;\n      height: 36px;\n      padding: 0px;\n    `}\n\n  //Icon button Primary\n\n   ${(props) =>\n    props.iconBtnPrimary &&\n    css`\n      background-image: url(${HomeIconWhite});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconWhite});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n\n  //Icon Button Secondary\n\n  ${(props) =>\n    props.iconBtnSecondary &&\n    css`\n      background-image: url(${HomeIconSecondary});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconSecondaryHover});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n   //Icon Button Disabled Secondary \n\n   ${(props) =>\n    props.iconBtnDisableSecondary &&\n    css`\n      background-image: url(${HomeIconDisabled});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconDisabled});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n\n    //Icon Button Disabled Primary\n    \n    ${(props) =>\n    props.iconBtnDisablePrimary &&\n    css`\n      background-image: url(${HomeIconWhite});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconWhite});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n`\n\nexport const StyledIconButton = styled.button`\n  background: #1d1d1d;\n  color: ${WhiteColor};\n  border: none;\n  cursor: pointer;\n  border-radius: 3px;\n  box-sizing: border-box;\n  padding: 8px 20px;\n  font-size: 14px;\n  transition: all 300ms ease-in-out 0s;\n  line-height: 21px;\n  font-family: 'Poppins', sans-serif;\n\n  // Primary Button\n\n  ${(props) =>\n    props.primary &&\n    css`\n      background: ${PrimaryBlueColor};\n      &:hover {\n        background: ${SecondaryBlueColor};\n      }\n    `}\n\n  // Secondary Button\n\n  ${(props) =>\n    props.secondary &&\n    css`\n      background: ${WhiteColor};\n      border: 1px solid ${PrimaryBlueColor};\n      color: ${PrimaryBlueColor};\n      &:hover {\n        border: 1px solid ${SecondaryBlueColor};\n        color: ${SecondaryBlueColor};\n        background: ${LightBgColorButton};\n      }\n    `}\n\n    // Disabled Button\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      background: ${DefaultColorButton};\n\n      color: ${WhiteColor};\n      &:hover {\n        cursor: default;\n        background: ${DefaultColorButton};\n      }\n    `}\n\n  // Disabled secondary Button\n\n  ${(props) =>\n    props.disabledSecondary &&\n    css`\n      background: ${WhiteColor};\n      border: 1px solid ${DefaultColorButton};\n      color: ${DefaultColorButton};\n      cursor: default;\n      &:hover {\n        background: ${WhiteColor};\n        border: 1px solid ${DefaultColorButton};\n        color: ${DefaultColorButton};\n      }\n    `}\n  \n  //URL Button\n  \n  ${(props) =>\n    props.url &&\n    css`\n      background: ${WhiteColor};\n      border: none;\n      color: ${PrimaryBlueColor};\n      padding: 0px;\n      font-weight: 500;\n      &:hover {\n        background: ${WhiteColor};\n        border: none;\n        color: ${SecondaryBlueColor};\n      }\n    `}\n\n  //url button disabled\n\n  ${(props) =>\n    props.disabledurl &&\n    css`\n      background: ${WhiteColor};\n      border: none;\n      color: ${DefaultColorButton};\n      padding: 0px;\n      font-weight: 500;\n      cursor: default;\n      &:hover {\n        background: ${WhiteColor};\n        border: none;\n        color: ${DefaultColorButton};\n      }\n    `}\n\n  // Small Button\n\n  ${(props) =>\n    props.smallBtn &&\n    css`\n      padding: 4px 12px;\n      line-height: 18px;\n      font-size: 12px;\n    `}\n\n  //small url\n\n  ${(props) =>\n    props.smallUrl &&\n    css`\n      font-size: 12px;\n      line-height: 18px;\n    `}\n  //Icon button height width property\n\n  ${(props) =>\n    props.iconBtn &&\n    css`\n      width: 36px;\n      height: 36px;\n      padding: 0px;\n    `}\n\n  //Icon button Primary\n\n   ${(props) =>\n    props.iconBtnPrimary &&\n    css`\n      background-image: url(${HomeIconWhite});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconWhite});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n\n  //Icon Button Secondary\n\n  ${(props) =>\n    props.iconBtnSecondary &&\n    css`\n      background-image: url(${HomeIconSecondary});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconSecondaryHover});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n   //Icon Button Disabled Secondary \n\n   ${(props) =>\n    props.iconBtnDisableSecondary &&\n    css`\n      background-image: url(${HomeIconDisabled});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconDisabled});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n\n    //Icon Button Disabled Primary\n    \n    ${(props) =>\n    props.iconBtnDisablePrimary &&\n    css`\n      background-image: url(${HomeIconWhite});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconWhite});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n`\n","import React from 'react'\nimport { StyledButton } from './button-style'\n\nexport const Button = ({\n  children,\n  variant,\n  icon,\n  size = 'normal',\n  ...props\n}) => {\n  return (\n    <StyledButton variant={variant} {...props} size={size}>\n      {children}\n    </StyledButton>\n  )\n}\n\nexport * from './button-style'\n","import styled, { css } from 'styled-components'\nimport {\n  BodyFontColor,\n  CheckBoxBorder,\n  DefaultColorButton,\n  PrimaryBlueColor\n} from '../../color'\n\nexport const StyledCheckboxLabel = styled.label`\n  font-size: 14px;\n  color: ${BodyFontColor};\n  line-height: 21px;\n  margin-left: 8px;\n  position: relative;\n`\n\nconst checkboxStyles = css`\n  -webkit-appearance: none;\n  display: inline-block;\n  position: relative;\n  vertical-align: middle;\n  cursor: pointer;\n  margin-right: 5px;\n  width: 16px;\n  height: 16px;\n  box-sizing: border-box;\n  border-radius: 3px;\n`\n\nexport const StyledCheckbox = styled.input.attrs({ type: 'checkbox' })`\n  display: none;\n\n  & + label:before {\n    content: '';\n    border: 1px solid ${CheckBoxBorder};\n    background-color: transparent;\n\n    ${checkboxStyles}\n  }\n\n  &:disabled + label:before {\n    cursor: default;\n    pointer-events: none;\n    border: 1px solid ${DefaultColorButton};\n  }\n\n  &:disabled:checked + label:before {\n    pointer-events: none;\n    background-color: ${DefaultColorButton};\n    border: 1px solid ${DefaultColorButton};\n  }\n\n  &:checked + label::after {\n    content: '';\n    display: block;\n    position: absolute;\n    top: 5px;\n    left: 6px;\n    width: 3px;\n    height: 8px;\n    border: solid #fff;\n    border-width: 0 2px 2px 0;\n    -webkit-transform: rotate(45deg);\n    -ms-transform: rotate(45deg);\n    transform: rotate(45deg);\n  }\n\n  &:checked + label:before {\n    content: '';\n    background-color: ${PrimaryBlueColor};\n    border: 1px solid ${PrimaryBlueColor};\n\n    ${checkboxStyles}\n  }\n`\n\nexport const StyledHoverBg = styled.div`\n  width: 24px;\n  height: 24px;\n  background: #e5edf7;\n  position: absolute;\n  left: 4px;\n  border-radius: 50%;\n  top: -1px;\n  display: none;\n`\n\nexport const StyledCheckBoxContainer = styled.div`\n  display: flex;\n  align-items: center;\n  position: relative;\n  &:hover ${StyledHoverBg} {\n    display: block;\n  }\n`\n","import React from 'react'\nimport {\n  StyledCheckbox,\n  StyledCheckboxLabel,\n  StyledCheckBoxContainer,\n  StyledHoverBg\n} from './checkbox-style'\n\nexport const Checkbox = ({ label, ...props }) => {\n  return (\n    <StyledCheckBoxContainer>\n      {!props.disabled && <StyledHoverBg />}\n      <StyledCheckbox {...props} />\n      <StyledCheckboxLabel htmlFor={props.id}>{label}</StyledCheckboxLabel>\n    </StyledCheckBoxContainer>\n  )\n}\n","import styled, { css } from 'styled-components'\n\nexport const StyledInputBoxContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n`\nexport const StyledInputLabelContainer = styled.label`\n  font-size: 12px;\n  color: #758490;\n  margin-bottom: 5px;\n  text-align: left;\n`\n\nexport const StyledInputBox = styled.input`\n  border: 1px solid #acacac;\n\n  border-radius: 3px;\n  padding: 0px 15px;\n  box-sizing: border-box;\n  height: 35px;\n  font-size: 14px;\n  color: #1d1d1d;\n\n  &:disabled {\n    background: #efefef;\n    border: none;\n    cursor: no-drop;\n    pointer-events: none;\n    &:focus {\n      border: none;\n    }\n  }\n\n  ${(props) => {\n    switch (props.status) {\n      case 'success':\n        return css`\n          border: 1px solid #24a148;\n          &:focus {\n            border: 1px solid #24a148;\n          }\n        `\n      case 'error':\n        return css`\n          border: 1px solid #da1e28;\n          &:focus {\n            border: 1px solid #da1e28;\n          }\n        `\n      default:\n        return css`\n          &:focus {\n            border: 1px solid #0055af;\n          }\n        `\n    }\n  }}\n`\n\nexport const StyledHelperText = styled.span`\n  color: #758498;\n  font-size: 12px;\n  text-align: left;\n  margin-top: 2px;\n  position: absolute;\n  bottom: -15px;\n  left: 15px;\n  font-style: italic;\n\n  ${(props) => {\n    switch (props.status) {\n      case 'error':\n        return css`\n          color: #da1e28;\n          font-style: normal;\n        `\n      case 'success':\n        return css`\n          color: #24a148;\n          font-style: normal;\n        `\n      default:\n        return css``\n    }\n  }}\n`\n","import React from 'react'\nimport { StyledInputBox } from './input-style'\nimport {\n  StyledInputBoxContainer,\n  StyledInputLabelContainer\n} from './input-style'\nimport { StyledHelperText } from './input-style'\n\nexport const Input = ({ label, status, helperText, ...props }) => {\n  return (\n    <StyledInputBoxContainer>\n      <StyledInputLabelContainer>{label}</StyledInputLabelContainer>\n      <StyledInputBox status={status} {...props} />\n      <StyledHelperText status={status}> {helperText}</StyledHelperText>\n    </StyledInputBoxContainer>\n  )\n}\n\nexport * from './input-style'\n","import {\n  BodyFontColor,\n  CheckBoxBorder, DefaultColorButton, PrimaryBlueColor\n} from '../../color'\nimport styled, { css } from 'styled-components'\n\nexport const StyledRadioButtonLabel = styled.label`\n  font-size: 14px;\n  color: ${BodyFontColor};\n  line-height: 21px;\n  cursor: pointer;\n  position: relative;\n  padding-left: 26px;\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n      pointer-events: none;\n    `}\n  ${(props) =>\n    props.disabledChecked &&\n    css`\n      cursor: default;\n      pointer-events: none;\n    `}\n    &::before {\n    content: '';\n    position: absolute;\n    width: 16px;\n    height: 16px;\n    background-color: #fff;\n    border: 1px solid ${CheckBoxBorder};\n    border-radius: 50%;\n    top: 50%;\n    transform: translateY(-50%);\n    transition: border-color 400ms ease;\n    left: 0px;\n\n    ${(props) =>\n      props.disabled &&\n      css`\n        border: 1px solid ${DefaultColorButton};\n      `}\n    ${(props) =>\n      props.disabledChecked &&\n      css`\n        border: 1px solid ${DefaultColorButton} !important;\n      `}\n  }\n  &::after {\n    content: '';\n    position: absolute;\n    width: 16px;\n    height: 16px;\n    background-color: ${PrimaryBlueColor};\n    border: 1px solid ${PrimaryBlueColor};\n    border-radius: 50%;\n    top: 50%;\n    transform: translateY(-50%) scale(0);\n    transition: transform 400ms ease;\n    left: 0px;\n    ${(props) =>\n      props.disabledChecked &&\n      css`\n        background-color: ${DefaultColorButton};\n        border: 1px solid ${DefaultColorButton};\n      `}\n  }\n`\n\nexport const StyledRadioButton = styled.input`\n  &:checked + ${StyledRadioButtonLabel}::before {\n    border: 1px solid ${PrimaryBlueColor};\n  }\n  &:checked + ${StyledRadioButtonLabel}::after {\n    transform: translateY(-50%) scale(0.55);\n  }\n`\n\nexport const StyledHoverBg = styled.div`\n  width: 24px;\n  height: 24px;\n  background: #e5edf7;\n  position: absolute;\n  left: -3px;\n  border-radius: 50%;\n  top: -1px;\n  display: none;\n`\nexport const StyledRadioButtonContainer = styled.div`\n  display: flex;\n  align-items: center;\n  position: relative;\n  &:hover {\n    ${StyledHoverBg} {\n      display: block;\n    }\n  }\n`\n","import {\n  BodyFontColor,\n  DefaultColorButton,\n  PrimaryBlueColor\n} from '../../color'\nimport styled, { css } from 'styled-components'\n\nexport const StyledTabContainer = styled.ul`\n  display: flex;\n  border-bottom: 1px solid ${DefaultColorButton};\n  width: 100%;\n  box-sizing: border-box;\n  cursor: pointer;\n`\nexport const StyledTabContentContainer = styled.ul`\n  padding: 16px;\n`\nexport const StyledTabList = styled.li`\n  font-size: 14px;\n  color: ${BodyFontColor};\n  line-height: 21px;\n  padding: 12px 16px;\n  position: relative;\n  ${(props) =>\n    props.active &&\n    css`\n      color: ${PrimaryBlueColor};\n      font-weight: 600;\n      cursor: default;\n      &::after {\n        content: ' ';\n        height: 2px;\n        background: ${PrimaryBlueColor};\n        position: absolute;\n        left: 16px;\n        right: 16px;\n        bottom: 0;\n      }\n    `}\n`\n","import React, { useState } from 'react'\nimport {\n  StyledTabContainer,\n  StyledTabContentContainer,\n  StyledTabList\n} from './tabs-style'\n\nimport { Button } from '../button'\n\nexport const Tabs = () => {\n  const tabs = [\n    {\n      label: 'Tab 1',\n      element: <Button>Button 1</Button>\n    },\n    {\n      label: 'Tab 2',\n      element: <Button>Button 2</Button>\n    },\n    {\n      label: 'Tab 3',\n      element: <Button>Button 3</Button>\n    }\n  ]\n  const [activeTab, setActiveTab] = useState(0)\n\n  return (\n    <>\n      <StyledTabContainer>\n        {tabs.map((tab, index) => {\n          return (\n            <StyledTabList\n              active={activeTab === index}\n              onClick={() => setActiveTab(index)}\n            >\n              {tab.label}\n            </StyledTabList>\n          )\n        })}\n      </StyledTabContainer>\n      <StyledTabContentContainer>\n        {tabs[activeTab].element}\n      </StyledTabContentContainer>\n    </>\n  )\n}\n\nexport * from './tabs-style'\n","import {\n  CheckBoxBorder,\n  DefaultButtonText,\n  DefaultColorButton,\n  DisabledTextareaBg,\n  LabelColor,\n  PrimaryBlueColor\n} from '../../color'\nimport styled, { css } from 'styled-components'\n\nexport const StyledLabelText = styled.label`\n  font-size: 14px;\n  color: ${LabelColor};\n  line-height: 21px;\n  display: block;\n  text-align: left;\n`\nexport const StyledTextArea = styled.textarea`\n  min-height: 70px;\n  padding: 15px;\n  margin-top: 8px;\n  resize: none;\n  min-width: 800px;\n  box-sizing: border-box;\n  font-size: 14px;\n  line-height: 21px;\n  border: 1px solid ${CheckBoxBorder};\n  border-radius: 4px;\n\n  &:disabled {\n    background: ${DisabledTextareaBg};\n    border: 1px solid ${DefaultColorButton};\n  }\n\n  &:focus {\n    border: 1px solid ${PrimaryBlueColor};\n  }\n`\nexport const StyledTextAreaContainer = styled.div``\nexport const StyledRemainingText = styled.div`\n  color: ${DefaultButtonText};\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 21px;\n  text-align: right;\n  margin-top: 8px;\n`\n","import React from 'react'\nimport { StyledTextArea } from './textarea-styles'\nimport {\n  StyledLabelText,\n  StyledRemainingText,\n  StyledTextAreaContainer\n} from './textarea-styles'\n\nexport const Textarea = ({ label, maxLength, value, ...props }) => {\n  return (\n    <StyledTextAreaContainer>\n      <StyledLabelText>{label}</StyledLabelText>\n      <StyledTextArea value={value} {...props} maxLength={maxLength} />\n      <StyledRemainingText>\n        {maxLength - value.length} characters left\n      </StyledRemainingText>\n    </StyledTextAreaContainer>\n  )\n}\n\nexport * from './textarea-styles'\n"],"names":["PrimaryBlueColor","SecondaryBlueColor","DefaultColorButton","LightBgColorButton","CheckBoxBorder","AlertGreenSuccessStroke","AlertGreenSuccessBackground","AlertRedErrorStroke","AlertRedErrorBackground","DefaultButtonText","AlertOrangeWarningStroke","AlertOrangeWarningBackground","AlertBlueInfoBackground","AlertBlueInfoStroke","WhiteColor","AvatarBgColor","BodyFontColor","LabelColor","DisabledTextareaBg","StyledNotification","styled","div","props","variant","css","SuccessIcon","AlertIcon","Warning","InfoIcon","StyledNotificationContainer","StyledInfoCloseIcon","i","NotificationClose","Alerts","message","onClose","React","StyledAvatar","span","size","StyledAvatarImage","img","Avatar","image","initials","StyledBreadcrumbsContainer","ul","StyledBreadcrumbsLink","Link","active","Breadcrumbs","paths","map","index","to","label","isActive","undefined","iconButton","StyledButton","button","iconBtn","iconBtnPrimary","HomeIconWhite","iconBtnSecondary","HomeIconSecondary","HomeIconSecondaryHover","iconBtnDisableSecondary","HomeIconDisabled","iconBtnDisablePrimary","StyledIconButton","primary","secondary","disabled","disabledSecondary","url","disabledurl","smallBtn","smallUrl","Button","children","icon","StyledCheckboxLabel","checkboxStyles","StyledCheckbox","input","attrs","type","StyledHoverBg","StyledCheckBoxContainer","Checkbox","id","StyledInputBoxContainer","StyledInputLabelContainer","StyledInputBox","status","StyledHelperText","Input","helperText","StyledRadioButtonLabel","disabledChecked","StyledRadioButton","StyledRadioButtonContainer","StyledTabContainer","StyledTabContentContainer","StyledTabList","li","Tabs","tabs","element","useState","activeTab","setActiveTab","tab","StyledLabelText","StyledTextArea","textarea","StyledTextAreaContainer","StyledRemainingText","Textarea","maxLength","value","length"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/images.js","../src/color.js","../src/global-components/alerts/alerts-styles.js","../src/global-components/alerts/index.js","../src/global-components/avatar/avatar-styles.js","../src/global-components/avatar/index.js","../src/global-components/breadcrumbs/breadcrumbs-style.js","../src/global-components/breadcrumbs/index.js","../src/global-components/button/button-style.js","../src/global-components/button/index.js","../src/global-components/checkbox/checkbox-style.js","../src/global-components/checkbox/index.js","../src/global-components/input/input-style.js","../src/global-components/input/index.js","../src/global-components/radio/radio-styles.js","../src/global-components/tabs/tabs-style.js","../src/global-components/tabs/index.js","../src/global-components/textarea/textarea-styles.js","../src/global-components/textarea/index.js"],"sourcesContent":["var AlertIcon = require('assets/images/error.svg')\nvar InfoIcon = require('assets/images/info.svg')\nvar NotificationClose = require('assets/images/notification-close.svg')\nvar SuccessIcon = require('assets/images/success.svg')\nvar Warning = require('assets/images/warning.svg')\n\nvar HomeIconDisabled = require('assets/images/home-disabled.svg')\nvar HomeIconSecondary = require('assets/images/home-primary.svg')\nvar HomeIconSecondaryHover = require('assets/images/home-secondary.svg')\nvar HomeIconWhite = require('assets/images/home-white.svg')\n\nvar AvatarImage = require('assets/images/avatar.svg')\n\nexport {\n  AlertIcon,\n  InfoIcon,\n  NotificationClose,\n  SuccessIcon,\n  Warning,\n  HomeIconDisabled,\n  HomeIconSecondary,\n  HomeIconSecondaryHover,\n  HomeIconWhite,\n  AvatarImage\n}\n","export const PrimaryBlueColor = '#0055AF'\nexport const SecondaryBlueColor = '#033162'\nexport const DefaultColorButton = '#ACACAC'\nexport const LightBgColorButton = '#E5EDF7'\nexport const CheckBoxBorder = '#394960'\nexport const AlertGreenSuccessStroke = '#24A148'\nexport const AlertGreenSuccessBackground = '#E8F5EC'\nexport const AlertRedErrorStroke = '#DA1E28'\nexport const AlertRedErrorBackground = '#FCE9EA'\nexport const DefaultButtonText = '#AFAFAF'\nexport const AlertOrangeWarningStroke = '#FF832B'\nexport const AlertOrangeWarningBackground = '#FFF3EA'\nexport const AlertBlueInfoBackground = '#E5EDF7'\nexport const AlertBlueInfoStroke = '#0055AF'\nexport const WhiteColor = '#ffffff'\nexport const AvatarBgColor = '#EBECF0'\nexport const BodyFontColor = '#1d1d1d'\nexport const LabelColor = '#758490'\nexport const DisabledTextareaBg = '#EFEFEF'\n","import {\n  AlertIcon,\n  InfoIcon,\n  NotificationClose,\n  SuccessIcon,\n  Warning\n} from '../../images'\nimport styled, { css } from 'styled-components'\nimport {\n  AlertBlueInfoBackground,\n  AlertBlueInfoStroke,\n  AlertGreenSuccessBackground,\n  AlertGreenSuccessStroke,\n  AlertOrangeWarningBackground,\n  AlertOrangeWarningStroke,\n  AlertRedErrorBackground,\n  AlertRedErrorStroke,\n  BodyFontColor\n} from '../../color'\n\nexport const StyledNotification = styled.div`\n  height: 37px;\n  background: #d4d4d4;\n  border: 1px solid #1d1d1d;\n  padding: 0px 50px;\n  font-size: 14px;\n  line-height: 21px;\n  color: ${BodyFontColor};\n  display: flex;\n  align-items: center;\n  position: relative;\n  min-width: 339px;\n  border-radius: 3px;\n\n  ${(props) => {\n    switch (props.variant) {\n      case 'success':\n        return css`\n          background: ${AlertGreenSuccessBackground};\n          border: 1px solid ${AlertGreenSuccessStroke};\n        `\n      case 'error':\n        return css`\n          background: ${AlertRedErrorBackground};\n          border: 1px solid ${AlertRedErrorStroke};\n        `\n      case 'warning':\n        return css`\n          background: ${AlertOrangeWarningBackground};\n          border: 1px solid ${AlertOrangeWarningStroke};\n        `\n      case 'info':\n        return css`\n          background: ${AlertBlueInfoBackground};\n          border: 1px solid ${AlertBlueInfoStroke};\n        `\n      default:\n        return css``\n    }\n  }}\n\n  &::before {\n    content: ' ';\n    width: 13.33px;\n    height: 13.33px;\n    background: red;\n    position: absolute;\n    left: 17px;\n    top: 12px;\n    ${(props) => {\n      switch (props.variant) {\n        case 'success':\n          return css`\n            background: url(${SuccessIcon});\n            background-size: cover;\n          `\n        case 'error':\n          return css`\n            background: url(${AlertIcon});\n            background-size: cover;\n          `\n        case 'warning':\n          return css`\n            background: url(${Warning});\n            background-size: cover;\n            background-size: 15px;\n          `\n        case 'info':\n          return css`\n            background: url(${InfoIcon});\n            background-size: cover;\n          `\n        default:\n          return css``\n      }\n    }}\n  }\n`\nexport const StyledNotificationContainer = styled.div`\n  display: flex;\n  position: relative;\n`\nexport const StyledInfoCloseIcon = styled.i`\n  background: url(${NotificationClose});\n  background-size: cover;\n  width: 10px;\n  height: 10px;\n  position: absolute;\n  cursor: pointer;\n  right: 15px;\n  top: 0;\n  bottom: 0;\n  margin: auto;\n`\n","import React from 'react'\nimport {\n  StyledInfoCloseIcon,\n  StyledNotification,\n  StyledNotificationContainer\n} from './alerts-styles'\n\nexport const Alerts = ({ variant, message, onClose, ...props }) => {\n  return (\n    <StyledNotificationContainer>\n      <StyledNotification variant={variant} {...props}>\n        {message}\n      </StyledNotification>\n      <StyledInfoCloseIcon onClick={onClose} />\n    </StyledNotificationContainer>\n  )\n}\n","import styled, { css } from 'styled-components'\nimport { AvatarBgColor } from '../../color'\n\nexport const StyledAvatar = styled.span`\n  width: 64px;\n  height: 64px;\n  background: ${AvatarBgColor};\n  display: flex;\n  border-radius: 50%;\n  font-size: 32px;\n  font-weight: 600;\n  color: #758490;\n  justify-content: center;\n  align-items: center;\n\n  ${(props) => {\n    switch (props.size) {\n      case 'medium':\n        return css`\n          width: 48px;\n          height: 48px;\n          font-size: 16px;\n        `\n      case 'small':\n        return css`\n          width: 36px;\n          height: 36px;\n          font-size: 14px;\n        `\n      case 'exSmall':\n        return css`\n          width: 24px;\n          height: 24px;\n          font-size: 12px;\n        `\n\n      default:\n        return css``\n    }\n  }}\n`\n\nexport const StyledAvatarImage = styled.img`\n  ${(props) => {\n    switch (props.size) {\n      case 'medium':\n        return css`\n          width: 48px;\n          height: 48px;\n        `\n      case 'small':\n        return css`\n          width: 36px;\n          height: 36px;\n        `\n      case 'exSmall':\n        return css`\n          width: 24px;\n          height: 24px;\n        `\n\n      default:\n        return css``\n    }\n  }}\n`\n","import React from 'react'\nimport { StyledAvatar, StyledAvatarImage } from './avatar-styles'\n\nexport const Avatar = ({ image, size, initials, ...props }) => {\n  return (\n    <>\n      {image ? (\n        <StyledAvatar size={size} {...props}>\n          <StyledAvatarImage src={image} size={size} />\n        </StyledAvatar>\n      ) : (\n        <StyledAvatar size={size} {...props}>\n          {initials}\n        </StyledAvatar>\n      )}\n    </>\n  )\n}\n","import { CheckBoxBorder, PrimaryBlueColor } from '../../color'\nimport styled, { css } from 'styled-components'\nimport { Link } from 'react-router-dom'\n\nexport const StyledBreadcrumbsContainer = styled.ul`\n  display: flex;\n`\nexport const StyledBreadcrumbsLink = styled(Link)`\n  font-size: 14px;\n  font-weight: 300;\n  color: ${PrimaryBlueColor};\n  cursor: pointer;\n  ${(props) =>\n    props.active &&\n    css`\n      color: ${CheckBoxBorder};\n      font-weight: 400;\n      cursor: default;\n    `}\n  &::after {\n    content: ' / ';\n    padding: 0 4px;\n    display: inline-block;\n    color: #394960;\n  }\n  &:last-child {\n    &::after {\n      display: none;\n    }\n  }\n`\n","import React from 'react'\nimport {\n  StyledBreadcrumbsContainer,\n  StyledBreadcrumbsLink\n} from './breadcrumbs-style'\nexport * from './breadcrumbs-style'\n\nexport const Breadcrumbs = ({ paths }) => {\n  return (\n    <StyledBreadcrumbsContainer>\n      {paths.map(({ to, label, isActive }, index) => {\n        return (\n          <StyledBreadcrumbsLink\n            key={index}\n            to={to}\n            active={isActive ? 1 : undefined}\n          >\n            {label}\n          </StyledBreadcrumbsLink>\n        )\n      })}\n    </StyledBreadcrumbsContainer>\n  )\n}\n","import styled, { css } from 'styled-components'\nimport {\n  DefaultColorButton,\n  LightBgColorButton,\n  PrimaryBlueColor,\n  SecondaryBlueColor,\n  WhiteColor\n} from '../../color'\n\nimport {\n  HomeIconWhite,\n  HomeIconSecondary,\n  HomeIconSecondaryHover,\n  HomeIconDisabled\n} from '../../images'\nconst iconButton = css`\n  width: 36px;\n  height: 36px;\n  padding: 0px;\n`\n\n// Common Button\nexport const StyledButton = styled.button`\n  background: #1d1d1d;\n  color: ${WhiteColor};\n  border: none;\n  cursor: pointer;\n  border-radius: 3px;\n  box-sizing: border-box;\n  transition: all 300ms ease-in-out 0s;\n  font-family: 'Poppins', sans-serif;\n\n  ${(props) => {\n    switch (props.size) {\n      case 'normal':\n        return css`\n          padding: 8px 20px;\n          line-height: 21px;\n          font-size: 14px;\n        `\n      case 'small':\n        return css`\n          padding: 4px 12px;\n          line-height: 18px;\n          font-size: 12px;\n        `\n    }\n  }}\n\n  ${(props) => {\n    switch (props.variant) {\n      case 'primary':\n        return css`\n          background: ${PrimaryBlueColor};\n          &:hover {\n            background: ${SecondaryBlueColor};\n          }\n          &:disabled {\n            background: ${DefaultColorButton};\n            color: ${WhiteColor};\n            &:hover {\n              cursor: default;\n              background: ${DefaultColorButton};\n            }\n          }\n        `\n      case 'secondary':\n        return css`\n          background: ${WhiteColor};\n          border: 1px solid ${PrimaryBlueColor};\n          color: ${PrimaryBlueColor};\n          &:hover {\n            border: 1px solid ${SecondaryBlueColor};\n            color: ${SecondaryBlueColor};\n            background: ${LightBgColorButton};\n          }\n          &:disabled {\n            background: ${WhiteColor};\n            border: 1px solid ${DefaultColorButton};\n            color: ${DefaultColorButton};\n            cursor: default;\n            &:hover {\n              background: ${WhiteColor};\n              border: 1px solid ${DefaultColorButton};\n              color: ${DefaultColorButton};\n            }\n          }\n        `\n      case 'url':\n        return css`\n          background: ${WhiteColor};\n          border: none;\n          color: ${PrimaryBlueColor};\n          padding: 0px;\n          font-weight: 500;\n          &:hover {\n            background: ${WhiteColor};\n            border: none;\n            color: ${SecondaryBlueColor};\n          }\n          &:disabled {\n            background: ${WhiteColor};\n            border: none;\n            color: ${DefaultColorButton};\n            padding: 0px;\n            font-weight: 500;\n            cursor: default;\n            &:hover {\n              background: ${WhiteColor};\n              border: none;\n              color: ${DefaultColorButton};\n            }\n          }\n\n          ${(props) => {\n            props.size === 'small' &&\n              css`\n                font-size: 12px;\n                line-height: 18px;\n              `\n          }}\n        `\n    }\n  }}\n\n${(props) =>\n    props.iconBtn &&\n    css`\n      width: 36px;\n      height: 36px;\n      padding: 0px;\n    `}\n\n  //Icon button Primary\n\n   ${(props) =>\n    props.iconBtnPrimary &&\n    css`\n      background-image: url(${HomeIconWhite});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconWhite});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n\n  //Icon Button Secondary\n\n  ${(props) =>\n    props.iconBtnSecondary &&\n    css`\n      background-image: url(${HomeIconSecondary});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconSecondaryHover});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n   //Icon Button Disabled Secondary \n\n   ${(props) =>\n    props.iconBtnDisableSecondary &&\n    css`\n      background-image: url(${HomeIconDisabled});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconDisabled});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n\n    //Icon Button Disabled Primary\n    \n    ${(props) =>\n    props.iconBtnDisablePrimary &&\n    css`\n      background-image: url(${HomeIconWhite});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconWhite});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n`\n\nexport const StyledIconButton = styled.button`\n  background: #1d1d1d;\n  color: ${WhiteColor};\n  border: none;\n  cursor: pointer;\n  border-radius: 3px;\n  box-sizing: border-box;\n  padding: 8px 20px;\n  font-size: 14px;\n  transition: all 300ms ease-in-out 0s;\n  line-height: 21px;\n  font-family: 'Poppins', sans-serif;\n\n  // Primary Button\n\n  ${(props) =>\n    props.primary &&\n    css`\n      background: ${PrimaryBlueColor};\n      &:hover {\n        background: ${SecondaryBlueColor};\n      }\n    `}\n\n  // Secondary Button\n\n  ${(props) =>\n    props.secondary &&\n    css`\n      background: ${WhiteColor};\n      border: 1px solid ${PrimaryBlueColor};\n      color: ${PrimaryBlueColor};\n      &:hover {\n        border: 1px solid ${SecondaryBlueColor};\n        color: ${SecondaryBlueColor};\n        background: ${LightBgColorButton};\n      }\n    `}\n\n    // Disabled Button\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      background: ${DefaultColorButton};\n\n      color: ${WhiteColor};\n      &:hover {\n        cursor: default;\n        background: ${DefaultColorButton};\n      }\n    `}\n\n  // Disabled secondary Button\n\n  ${(props) =>\n    props.disabledSecondary &&\n    css`\n      background: ${WhiteColor};\n      border: 1px solid ${DefaultColorButton};\n      color: ${DefaultColorButton};\n      cursor: default;\n      &:hover {\n        background: ${WhiteColor};\n        border: 1px solid ${DefaultColorButton};\n        color: ${DefaultColorButton};\n      }\n    `}\n  \n  //URL Button\n  \n  ${(props) =>\n    props.url &&\n    css`\n      background: ${WhiteColor};\n      border: none;\n      color: ${PrimaryBlueColor};\n      padding: 0px;\n      font-weight: 500;\n      &:hover {\n        background: ${WhiteColor};\n        border: none;\n        color: ${SecondaryBlueColor};\n      }\n    `}\n\n  //url button disabled\n\n  ${(props) =>\n    props.disabledurl &&\n    css`\n      background: ${WhiteColor};\n      border: none;\n      color: ${DefaultColorButton};\n      padding: 0px;\n      font-weight: 500;\n      cursor: default;\n      &:hover {\n        background: ${WhiteColor};\n        border: none;\n        color: ${DefaultColorButton};\n      }\n    `}\n\n  // Small Button\n\n  ${(props) =>\n    props.smallBtn &&\n    css`\n      padding: 4px 12px;\n      line-height: 18px;\n      font-size: 12px;\n    `}\n\n  //small url\n\n  ${(props) =>\n    props.smallUrl &&\n    css`\n      font-size: 12px;\n      line-height: 18px;\n    `}\n  //Icon button height width property\n\n  ${(props) =>\n    props.iconBtn &&\n    css`\n      width: 36px;\n      height: 36px;\n      padding: 0px;\n    `}\n\n  //Icon button Primary\n\n   ${(props) =>\n    props.iconBtnPrimary &&\n    css`\n      background-image: url(${HomeIconWhite});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconWhite});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n\n  //Icon Button Secondary\n\n  ${(props) =>\n    props.iconBtnSecondary &&\n    css`\n      background-image: url(${HomeIconSecondary});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconSecondaryHover});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n   //Icon Button Disabled Secondary \n\n   ${(props) =>\n    props.iconBtnDisableSecondary &&\n    css`\n      background-image: url(${HomeIconDisabled});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconDisabled});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n\n    //Icon Button Disabled Primary\n    \n    ${(props) =>\n    props.iconBtnDisablePrimary &&\n    css`\n      background-image: url(${HomeIconWhite});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconWhite});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n`\n","import React from 'react'\nimport { StyledButton } from './button-style'\n\nexport const Button = ({\n  children,\n  variant,\n  icon,\n  size = 'normal',\n  ...props\n}) => {\n  return (\n    <StyledButton variant={variant} {...props} size={size}>\n      {children}\n    </StyledButton>\n  )\n}\n\nexport * from './button-style'\n","import styled, { css } from 'styled-components'\nimport {\n  BodyFontColor,\n  CheckBoxBorder,\n  DefaultColorButton,\n  PrimaryBlueColor\n} from '../../color'\n\nexport const StyledCheckboxLabel = styled.label`\n  font-size: 14px;\n  color: ${BodyFontColor};\n  line-height: 21px;\n  margin-left: 8px;\n  position: relative;\n`\n\nconst checkboxStyles = css`\n  -webkit-appearance: none;\n  display: inline-block;\n  position: relative;\n  vertical-align: middle;\n  cursor: pointer;\n  margin-right: 5px;\n  width: 16px;\n  height: 16px;\n  box-sizing: border-box;\n  border-radius: 3px;\n`\n\nexport const StyledCheckbox = styled.input.attrs({ type: 'checkbox' })`\n  display: none;\n\n  & + label:before {\n    content: '';\n    border: 1px solid ${CheckBoxBorder};\n    background-color: transparent;\n\n    ${checkboxStyles}\n  }\n\n  &:disabled + label:before {\n    cursor: default;\n    pointer-events: none;\n    border: 1px solid ${DefaultColorButton};\n  }\n\n  &:disabled:checked + label:before {\n    pointer-events: none;\n    background-color: ${DefaultColorButton};\n    border: 1px solid ${DefaultColorButton};\n  }\n\n  &:checked + label::after {\n    content: '';\n    display: block;\n    position: absolute;\n    top: 5px;\n    left: 6px;\n    width: 3px;\n    height: 8px;\n    border: solid #fff;\n    border-width: 0 2px 2px 0;\n    -webkit-transform: rotate(45deg);\n    -ms-transform: rotate(45deg);\n    transform: rotate(45deg);\n  }\n\n  &:checked + label:before {\n    content: '';\n    background-color: ${PrimaryBlueColor};\n    border: 1px solid ${PrimaryBlueColor};\n\n    ${checkboxStyles}\n  }\n`\n\nexport const StyledHoverBg = styled.div`\n  width: 24px;\n  height: 24px;\n  background: #e5edf7;\n  position: absolute;\n  left: 4px;\n  border-radius: 50%;\n  top: -1px;\n  display: none;\n`\n\nexport const StyledCheckBoxContainer = styled.div`\n  display: flex;\n  align-items: center;\n  position: relative;\n  &:hover ${StyledHoverBg} {\n    display: block;\n  }\n`\n","import React from 'react'\nimport {\n  StyledCheckbox,\n  StyledCheckboxLabel,\n  StyledCheckBoxContainer,\n  StyledHoverBg\n} from './checkbox-style'\n\nexport const Checkbox = ({ label, ...props }) => {\n  return (\n    <StyledCheckBoxContainer>\n      {!props.disabled && <StyledHoverBg />}\n      <StyledCheckbox {...props} />\n      <StyledCheckboxLabel htmlFor={props.id}>{label}</StyledCheckboxLabel>\n    </StyledCheckBoxContainer>\n  )\n}\n","import styled, { css } from 'styled-components'\n\nexport const StyledInputBoxContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n`\nexport const StyledInputLabelContainer = styled.label`\n  font-size: 12px;\n  color: #758490;\n  margin-bottom: 5px;\n  text-align: left;\n`\n\nexport const StyledInputBox = styled.input`\n  border: 1px solid #acacac;\n\n  border-radius: 3px;\n  padding: 0px 15px;\n  box-sizing: border-box;\n  height: 35px;\n  font-size: 14px;\n  color: #1d1d1d;\n\n  &:disabled {\n    background: #efefef;\n    border: none;\n    cursor: no-drop;\n    pointer-events: none;\n    &:focus {\n      border: none;\n    }\n  }\n\n  ${(props) => {\n    switch (props.status) {\n      case 'success':\n        return css`\n          border: 1px solid #24a148;\n          &:focus {\n            border: 1px solid #24a148;\n          }\n        `\n      case 'error':\n        return css`\n          border: 1px solid #da1e28;\n          &:focus {\n            border: 1px solid #da1e28;\n          }\n        `\n      default:\n        return css`\n          &:focus {\n            border: 1px solid #0055af;\n          }\n        `\n    }\n  }}\n`\n\nexport const StyledHelperText = styled.span`\n  color: #758498;\n  font-size: 12px;\n  text-align: left;\n  margin-top: 2px;\n  position: absolute;\n  bottom: -15px;\n  left: 15px;\n  font-style: italic;\n\n  ${(props) => {\n    switch (props.status) {\n      case 'error':\n        return css`\n          color: #da1e28;\n          font-style: normal;\n        `\n      case 'success':\n        return css`\n          color: #24a148;\n          font-style: normal;\n        `\n      default:\n        return css``\n    }\n  }}\n`\n","import React from 'react'\nimport { StyledInputBox } from './input-style'\nimport {\n  StyledInputBoxContainer,\n  StyledInputLabelContainer\n} from './input-style'\nimport { StyledHelperText } from './input-style'\n\nexport const Input = ({ label, status, helperText, ...props }) => {\n  return (\n    <StyledInputBoxContainer>\n      <StyledInputLabelContainer>{label}</StyledInputLabelContainer>\n      <StyledInputBox status={status} {...props} />\n      <StyledHelperText status={status}> {helperText}</StyledHelperText>\n    </StyledInputBoxContainer>\n  )\n}\n\nexport * from './input-style'\n","import {\n  BodyFontColor,\n  CheckBoxBorder, DefaultColorButton, PrimaryBlueColor\n} from '../../color'\nimport styled, { css } from 'styled-components'\n\nexport const StyledRadioButtonLabel = styled.label`\n  font-size: 14px;\n  color: ${BodyFontColor};\n  line-height: 21px;\n  cursor: pointer;\n  position: relative;\n  padding-left: 26px;\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n      pointer-events: none;\n    `}\n  ${(props) =>\n    props.disabledChecked &&\n    css`\n      cursor: default;\n      pointer-events: none;\n    `}\n    &::before {\n    content: '';\n    position: absolute;\n    width: 16px;\n    height: 16px;\n    background-color: #fff;\n    border: 1px solid ${CheckBoxBorder};\n    border-radius: 50%;\n    top: 50%;\n    transform: translateY(-50%);\n    transition: border-color 400ms ease;\n    left: 0px;\n\n    ${(props) =>\n      props.disabled &&\n      css`\n        border: 1px solid ${DefaultColorButton};\n      `}\n    ${(props) =>\n      props.disabledChecked &&\n      css`\n        border: 1px solid ${DefaultColorButton} !important;\n      `}\n  }\n  &::after {\n    content: '';\n    position: absolute;\n    width: 16px;\n    height: 16px;\n    background-color: ${PrimaryBlueColor};\n    border: 1px solid ${PrimaryBlueColor};\n    border-radius: 50%;\n    top: 50%;\n    transform: translateY(-50%) scale(0);\n    transition: transform 400ms ease;\n    left: 0px;\n    ${(props) =>\n      props.disabledChecked &&\n      css`\n        background-color: ${DefaultColorButton};\n        border: 1px solid ${DefaultColorButton};\n      `}\n  }\n`\n\nexport const StyledRadioButton = styled.input`\n  &:checked + ${StyledRadioButtonLabel}::before {\n    border: 1px solid ${PrimaryBlueColor};\n  }\n  &:checked + ${StyledRadioButtonLabel}::after {\n    transform: translateY(-50%) scale(0.55);\n  }\n`\n\nexport const StyledHoverBg = styled.div`\n  width: 24px;\n  height: 24px;\n  background: #e5edf7;\n  position: absolute;\n  left: -3px;\n  border-radius: 50%;\n  top: -1px;\n  display: none;\n`\nexport const StyledRadioButtonContainer = styled.div`\n  display: flex;\n  align-items: center;\n  position: relative;\n  &:hover {\n    ${StyledHoverBg} {\n      display: block;\n    }\n  }\n`\n","import {\n  BodyFontColor,\n  DefaultColorButton,\n  PrimaryBlueColor\n} from '../../color'\nimport styled, { css } from 'styled-components'\n\nexport const StyledTabContainer = styled.ul`\n  display: flex;\n  border-bottom: 1px solid ${DefaultColorButton};\n  width: 100%;\n  box-sizing: border-box;\n  cursor: pointer;\n`\nexport const StyledTabContentContainer = styled.ul`\n  padding: 16px;\n`\nexport const StyledTabList = styled.li`\n  font-size: 14px;\n  color: ${BodyFontColor};\n  line-height: 21px;\n  padding: 12px 16px;\n  position: relative;\n  ${(props) =>\n    props.active &&\n    css`\n      color: ${PrimaryBlueColor};\n      font-weight: 600;\n      cursor: default;\n      &::after {\n        content: ' ';\n        height: 2px;\n        background: ${PrimaryBlueColor};\n        position: absolute;\n        left: 16px;\n        right: 16px;\n        bottom: 0;\n      }\n    `}\n`\n","import React, { useState } from 'react'\nimport {\n  StyledTabContainer,\n  StyledTabContentContainer,\n  StyledTabList\n} from './tabs-style'\n\nimport { Button } from '../button'\n\nexport const Tabs = () => {\n  const tabs = [\n    {\n      label: 'Tab 1',\n      element: <Button>Button 1</Button>\n    },\n    {\n      label: 'Tab 2',\n      element: <Button>Button 2</Button>\n    },\n    {\n      label: 'Tab 3',\n      element: <Button>Button 3</Button>\n    }\n  ]\n  const [activeTab, setActiveTab] = useState(0)\n\n  return (\n    <>\n      <StyledTabContainer>\n        {tabs.map((tab, index) => {\n          return (\n            <StyledTabList\n              active={activeTab === index}\n              onClick={() => setActiveTab(index)}\n            >\n              {tab.label}\n            </StyledTabList>\n          )\n        })}\n      </StyledTabContainer>\n      <StyledTabContentContainer>\n        {tabs[activeTab].element}\n      </StyledTabContentContainer>\n    </>\n  )\n}\n\nexport * from './tabs-style'\n","import {\n  CheckBoxBorder,\n  DefaultButtonText,\n  DefaultColorButton,\n  DisabledTextareaBg,\n  LabelColor,\n  PrimaryBlueColor\n} from '../../color'\nimport styled, { css } from 'styled-components'\n\nexport const StyledLabelText = styled.label`\n  font-size: 14px;\n  color: ${LabelColor};\n  line-height: 21px;\n  display: block;\n  text-align: left;\n`\nexport const StyledTextArea = styled.textarea`\n  min-height: 70px;\n  padding: 15px;\n  margin-top: 8px;\n  resize: none;\n  min-width: 800px;\n  box-sizing: border-box;\n  font-size: 14px;\n  line-height: 21px;\n  border: 1px solid ${CheckBoxBorder};\n  border-radius: 4px;\n\n  &:disabled {\n    background: ${DisabledTextareaBg};\n    border: 1px solid ${DefaultColorButton};\n  }\n\n  &:focus {\n    border: 1px solid ${PrimaryBlueColor};\n  }\n`\nexport const StyledTextAreaContainer = styled.div``\nexport const StyledRemainingText = styled.div`\n  color: ${DefaultButtonText};\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 21px;\n  text-align: right;\n  margin-top: 8px;\n`\n","import React from 'react'\nimport { StyledTextArea } from './textarea-styles'\nimport {\n  StyledLabelText,\n  StyledRemainingText,\n  StyledTextAreaContainer\n} from './textarea-styles'\n\nexport const Textarea = ({ label, maxLength, value, ...props }) => {\n  return (\n    <StyledTextAreaContainer>\n      <StyledLabelText>{label}</StyledLabelText>\n      <StyledTextArea value={value} {...props} maxLength={maxLength} />\n      <StyledRemainingText>\n        {maxLength - value.length} characters left\n      </StyledRemainingText>\n    </StyledTextAreaContainer>\n  )\n}\n\nexport * from './textarea-styles'\n"],"names":["AlertIcon","require","InfoIcon","NotificationClose","SuccessIcon","Warning","HomeIconDisabled","HomeIconSecondary","HomeIconSecondaryHover","HomeIconWhite","AvatarImage","PrimaryBlueColor","SecondaryBlueColor","DefaultColorButton","LightBgColorButton","CheckBoxBorder","AlertGreenSuccessStroke","AlertGreenSuccessBackground","AlertRedErrorStroke","AlertRedErrorBackground","DefaultButtonText","AlertOrangeWarningStroke","AlertOrangeWarningBackground","AlertBlueInfoBackground","AlertBlueInfoStroke","WhiteColor","AvatarBgColor","BodyFontColor","LabelColor","DisabledTextareaBg","StyledNotification","styled","div","props","variant","css","StyledNotificationContainer","StyledInfoCloseIcon","i","Alerts","message","onClose","React","StyledAvatar","span","size","StyledAvatarImage","img","Avatar","image","initials","StyledBreadcrumbsContainer","ul","StyledBreadcrumbsLink","Link","active","Breadcrumbs","paths","map","index","to","label","isActive","undefined","iconButton","StyledButton","button","iconBtn","iconBtnPrimary","iconBtnSecondary","iconBtnDisableSecondary","iconBtnDisablePrimary","StyledIconButton","primary","secondary","disabled","disabledSecondary","url","disabledurl","smallBtn","smallUrl","Button","children","icon","StyledCheckboxLabel","checkboxStyles","StyledCheckbox","input","attrs","type","StyledHoverBg","StyledCheckBoxContainer","Checkbox","id","StyledInputBoxContainer","StyledInputLabelContainer","StyledInputBox","status","StyledHelperText","Input","helperText","StyledRadioButtonLabel","disabledChecked","StyledRadioButton","StyledRadioButtonContainer","StyledTabContainer","StyledTabContentContainer","StyledTabList","li","Tabs","tabs","element","useState","activeTab","setActiveTab","tab","StyledLabelText","StyledTextArea","textarea","StyledTextAreaContainer","StyledRemainingText","Textarea","maxLength","value","length"],"mappings":"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"}

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import React__default, { useState } from 'react';
+import React, { useState } from 'react';
 import styled, { css } from 'styled-components';
 import { Link } from 'react-router-dom';
 
@@ -36,23 +36,16 @@ function _taggedTemplateLiteralLoose(strings, raw) {
   return strings;
 }
 
-var AlertIcon = "error~ilVgTQBJ.svg";
-
-var InfoIcon = "info~mklxCoQJ.svg";
-
-var NotificationClose = "notification-close~cTWnqbeV.svg";
-
-var SuccessIcon = "success~jvzflZSL.svg";
-
-var Warning = "warning~efleniph.svg";
-
-var HomeIconDisabled = "home-disabled~QJrTaDXz.svg";
-
-var HomeIconSecondary = "home-primary~eDtuJqft.svg";
-
-var HomeIconSecondaryHover = "home-secondary~UwsNJnOa.svg";
-
-var HomeIconWhite = "home-white~dYfNYyQZ.svg";
+var AlertIcon = require("./assets/images/error.svg");
+var InfoIcon = require("./assets/images/info.svg");
+var NotificationClose = require("./assets/images/notification-close.svg");
+var SuccessIcon = require("./assets/images/success.svg");
+var Warning = require("./assets/images/warning.svg");
+var HomeIconDisabled = require("./assets/images/home-disabled.svg");
+var HomeIconSecondary = require("./assets/images/home-primary.svg");
+var HomeIconSecondaryHover = require("./assets/images/home-secondary.svg");
+var HomeIconWhite = require("./assets/images/home-white.svg");
+var AvatarImage = require("./assets/images/avatar.svg");
 
 var PrimaryBlueColor = '#0055AF';
 var SecondaryBlueColor = '#033162';
@@ -111,9 +104,9 @@ var Alerts = function Alerts(_ref) {
     message = _ref.message,
     onClose = _ref.onClose,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement(StyledNotificationContainer, null, /*#__PURE__*/React__default.createElement(StyledNotification, _extends({
+  return /*#__PURE__*/React.createElement(StyledNotificationContainer, null, /*#__PURE__*/React.createElement(StyledNotification, _extends({
     variant: variant
-  }, props), message), /*#__PURE__*/React__default.createElement(StyledInfoCloseIcon, {
+  }, props), message), /*#__PURE__*/React.createElement(StyledInfoCloseIcon, {
     onClick: onClose
   }));
 };
@@ -150,12 +143,12 @@ var Avatar = function Avatar(_ref) {
     size = _ref.size,
     initials = _ref.initials,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  return /*#__PURE__*/React__default.createElement(Fragment, null, image ? /*#__PURE__*/React__default.createElement(StyledAvatar, _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, image ? /*#__PURE__*/React.createElement(StyledAvatar, _extends({
     size: size
-  }, props), /*#__PURE__*/React__default.createElement(StyledAvatarImage, {
+  }, props), /*#__PURE__*/React.createElement(StyledAvatarImage, {
     src: image,
     size: size
-  })) : /*#__PURE__*/React__default.createElement(StyledAvatar, _extends({
+  })) : /*#__PURE__*/React.createElement(StyledAvatar, _extends({
     size: size
   }, props), initials));
 };
@@ -168,11 +161,11 @@ var StyledBreadcrumbsLink = styled(Link)(_templateObject2$2 || (_templateObject2
 
 var Breadcrumbs = function Breadcrumbs(_ref) {
   var paths = _ref.paths;
-  return /*#__PURE__*/React__default.createElement(StyledBreadcrumbsContainer, null, paths.map(function (_ref2, index) {
+  return /*#__PURE__*/React.createElement(StyledBreadcrumbsContainer, null, paths.map(function (_ref2, index) {
     var to = _ref2.to,
       label = _ref2.label,
       isActive = _ref2.isActive;
-    return /*#__PURE__*/React__default.createElement(StyledBreadcrumbsLink, {
+    return /*#__PURE__*/React.createElement(StyledBreadcrumbsLink, {
       key: index,
       to: to,
       active: isActive ? 1 : undefined
@@ -246,7 +239,7 @@ var Button = function Button(_ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'normal' : _ref$size,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-  return /*#__PURE__*/React__default.createElement(StyledButton, _extends({
+  return /*#__PURE__*/React.createElement(StyledButton, _extends({
     variant: variant
   }, props, {
     size: size
@@ -266,7 +259,7 @@ var _excluded$3 = ["label"];
 var Checkbox = function Checkbox(_ref) {
   var label = _ref.label,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-  return /*#__PURE__*/React__default.createElement(StyledCheckBoxContainer, null, !props.disabled && /*#__PURE__*/React__default.createElement(StyledHoverBg, null), /*#__PURE__*/React__default.createElement(StyledCheckbox, props), /*#__PURE__*/React__default.createElement(StyledCheckboxLabel, {
+  return /*#__PURE__*/React.createElement(StyledCheckBoxContainer, null, !props.disabled && /*#__PURE__*/React.createElement(StyledHoverBg, null), /*#__PURE__*/React.createElement(StyledCheckbox, props), /*#__PURE__*/React.createElement(StyledCheckboxLabel, {
     htmlFor: props.id
   }, label));
 };
@@ -301,9 +294,9 @@ var Input = function Input(_ref) {
     status = _ref.status,
     helperText = _ref.helperText,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-  return /*#__PURE__*/React__default.createElement(StyledInputBoxContainer, null, /*#__PURE__*/React__default.createElement(StyledInputLabelContainer, null, label), /*#__PURE__*/React__default.createElement(StyledInputBox, _extends({
+  return /*#__PURE__*/React.createElement(StyledInputBoxContainer, null, /*#__PURE__*/React.createElement(StyledInputLabelContainer, null, label), /*#__PURE__*/React.createElement(StyledInputBox, _extends({
     status: status
-  }, props)), /*#__PURE__*/React__default.createElement(StyledHelperText, {
+  }, props)), /*#__PURE__*/React.createElement(StyledHelperText, {
     status: status
   }, " ", helperText));
 };
@@ -334,25 +327,25 @@ var StyledTabList = styled.li(_templateObject3$7 || (_templateObject3$7 = _tagge
 var Tabs = function Tabs() {
   var tabs = [{
     label: 'Tab 1',
-    element: /*#__PURE__*/React__default.createElement(Button, null, "Button 1")
+    element: /*#__PURE__*/React.createElement(Button, null, "Button 1")
   }, {
     label: 'Tab 2',
-    element: /*#__PURE__*/React__default.createElement(Button, null, "Button 2")
+    element: /*#__PURE__*/React.createElement(Button, null, "Button 2")
   }, {
     label: 'Tab 3',
-    element: /*#__PURE__*/React__default.createElement(Button, null, "Button 3")
+    element: /*#__PURE__*/React.createElement(Button, null, "Button 3")
   }];
   var _useState = useState(0),
     activeTab = _useState[0],
     setActiveTab = _useState[1];
-  return /*#__PURE__*/React__default.createElement(Fragment, null, /*#__PURE__*/React__default.createElement(StyledTabContainer, null, tabs.map(function (tab, index) {
-    return /*#__PURE__*/React__default.createElement(StyledTabList, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledTabContainer, null, tabs.map(function (tab, index) {
+    return /*#__PURE__*/React.createElement(StyledTabList, {
       active: activeTab === index,
       onClick: function onClick() {
         return setActiveTab(index);
       }
     }, tab.label);
-  })), /*#__PURE__*/React__default.createElement(StyledTabContentContainer, null, tabs[activeTab].element));
+  })), /*#__PURE__*/React.createElement(StyledTabContentContainer, null, tabs[activeTab].element));
 };
 
 var _templateObject$8, _templateObject2$8, _templateObject3$8, _templateObject4$7;
@@ -367,11 +360,11 @@ var Textarea = function Textarea(_ref) {
     maxLength = _ref.maxLength,
     value = _ref.value,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
-  return /*#__PURE__*/React__default.createElement(StyledTextAreaContainer, null, /*#__PURE__*/React__default.createElement(StyledLabelText, null, label), /*#__PURE__*/React__default.createElement(StyledTextArea, _extends({
+  return /*#__PURE__*/React.createElement(StyledTextAreaContainer, null, /*#__PURE__*/React.createElement(StyledLabelText, null, label), /*#__PURE__*/React.createElement(StyledTextArea, _extends({
     value: value
   }, props, {
     maxLength: maxLength
-  })), /*#__PURE__*/React__default.createElement(StyledRemainingText, null, maxLength - value.length, " characters left"));
+  })), /*#__PURE__*/React.createElement(StyledRemainingText, null, maxLength - value.length, " characters left"));
 };
 
 export { Alerts, Avatar, Breadcrumbs, Button, Checkbox, Input, StyledBreadcrumbsContainer, StyledBreadcrumbsLink, StyledButton, StyledHelperText, StyledHoverBg$1 as StyledHoverBg, StyledIconButton, StyledInputBox, StyledInputBoxContainer, StyledInputLabelContainer, StyledLabelText, StyledRadioButton, StyledRadioButtonContainer, StyledRadioButtonLabel, StyledRemainingText, StyledTabContainer, StyledTabContentContainer, StyledTabList, StyledTextArea, StyledTextAreaContainer, Tabs, Textarea };

package/dist/index.modern.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.modern.js","sources":["../src/components/color.js","../src/components/global-components/alerts/alerts-styles.js","../src/components/global-components/alerts/index.js","../src/components/global-components/avatar/avatar-styles.js","../src/components/global-components/avatar/index.js","../src/components/global-components/breadcrumbs/breadcrumbs-style.js","../src/components/global-components/breadcrumbs/index.js","../src/components/global-components/button/button-style.js","../src/components/global-components/button/index.js","../src/components/global-components/checkbox/checkbox-style.js","../src/components/global-components/checkbox/index.js","../src/components/global-components/input/input-style.js","../src/components/global-components/input/index.js","../src/components/global-components/radio/radio-styles.js","../src/components/global-components/tabs/tabs-style.js","../src/components/global-components/tabs/index.js","../src/components/global-components/textarea/textarea-styles.js","../src/components/global-components/textarea/index.js"],"sourcesContent":["export const PrimaryBlueColor = '#0055AF'\nexport const SecondaryBlueColor = '#033162'\nexport const DefaultColorButton = '#ACACAC'\nexport const LightBgColorButton = '#E5EDF7'\nexport const CheckBoxBorder = '#394960'\nexport const AlertGreenSuccessStroke = '#24A148'\nexport const AlertGreenSuccessBackground = '#E8F5EC'\nexport const AlertRedErrorStroke = '#DA1E28'\nexport const AlertRedErrorBackground = '#FCE9EA'\nexport const DefaultButtonText = '#AFAFAF'\nexport const AlertOrangeWarningStroke = '#FF832B'\nexport const AlertOrangeWarningBackground = '#FFF3EA'\nexport const AlertBlueInfoBackground = '#E5EDF7'\nexport const AlertBlueInfoStroke = '#0055AF'\nexport const WhiteColor = '#ffffff'\nexport const AvatarBgColor = '#EBECF0'\nexport const BodyFontColor = '#1d1d1d'\nexport const LabelColor = '#758490'\nexport const DisabledTextareaBg = '#EFEFEF'\n","import {\n  AlertIcon,\n  InfoIcon,\n  NotificationClose,\n  SuccessIcon,\n  Warning\n} from '../../images'\nimport styled, { css } from 'styled-components'\nimport {\n  AlertBlueInfoBackground,\n  AlertBlueInfoStroke,\n  AlertGreenSuccessBackground,\n  AlertGreenSuccessStroke,\n  AlertOrangeWarningBackground,\n  AlertOrangeWarningStroke,\n  AlertRedErrorBackground,\n  AlertRedErrorStroke,\n  BodyFontColor\n} from '../../color'\n\nexport const StyledNotification = styled.div`\n  height: 37px;\n  background: #d4d4d4;\n  border: 1px solid #1d1d1d;\n  padding: 0px 50px;\n  font-size: 14px;\n  line-height: 21px;\n  color: ${BodyFontColor};\n  display: flex;\n  align-items: center;\n  position: relative;\n  min-width: 339px;\n  border-radius: 3px;\n\n  ${(props) => {\n    switch (props.variant) {\n      case 'success':\n        return css`\n          background: ${AlertGreenSuccessBackground};\n          border: 1px solid ${AlertGreenSuccessStroke};\n        `\n      case 'error':\n        return css`\n          background: ${AlertRedErrorBackground};\n          border: 1px solid ${AlertRedErrorStroke};\n        `\n      case 'warning':\n        return css`\n          background: ${AlertOrangeWarningBackground};\n          border: 1px solid ${AlertOrangeWarningStroke};\n        `\n      case 'info':\n        return css`\n          background: ${AlertBlueInfoBackground};\n          border: 1px solid ${AlertBlueInfoStroke};\n        `\n      default:\n        return css``\n    }\n  }}\n\n  &::before {\n    content: ' ';\n    width: 13.33px;\n    height: 13.33px;\n    background: red;\n    position: absolute;\n    left: 17px;\n    top: 12px;\n    ${(props) => {\n      switch (props.variant) {\n        case 'success':\n          return css`\n            background: url(${SuccessIcon});\n            background-size: cover;\n          `\n        case 'error':\n          return css`\n            background: url(${AlertIcon});\n            background-size: cover;\n          `\n        case 'warning':\n          return css`\n            background: url(${Warning});\n            background-size: cover;\n            background-size: 15px;\n          `\n        case 'info':\n          return css`\n            background: url(${InfoIcon});\n            background-size: cover;\n          `\n        default:\n          return css``\n      }\n    }}\n  }\n`\nexport const StyledNotificationContainer = styled.div`\n  display: flex;\n  position: relative;\n`\nexport const StyledInfoCloseIcon = styled.i`\n  background: url(${NotificationClose});\n  background-size: cover;\n  width: 10px;\n  height: 10px;\n  position: absolute;\n  cursor: pointer;\n  right: 15px;\n  top: 0;\n  bottom: 0;\n  margin: auto;\n`\n","import React from 'react'\nimport {\n  StyledInfoCloseIcon,\n  StyledNotification,\n  StyledNotificationContainer\n} from './alerts-styles'\n\nexport const Alerts = ({ variant, message, onClose, ...props }) => {\n  return (\n    <StyledNotificationContainer>\n      <StyledNotification variant={variant} {...props}>\n        {message}\n      </StyledNotification>\n      <StyledInfoCloseIcon onClick={onClose} />\n    </StyledNotificationContainer>\n  )\n}\n","import styled, { css } from 'styled-components'\nimport { AvatarBgColor } from '../../color'\n\nexport const StyledAvatar = styled.span`\n  width: 64px;\n  height: 64px;\n  background: ${AvatarBgColor};\n  display: flex;\n  border-radius: 50%;\n  font-size: 32px;\n  font-weight: 600;\n  color: #758490;\n  justify-content: center;\n  align-items: center;\n\n  ${(props) => {\n    switch (props.size) {\n      case 'medium':\n        return css`\n          width: 48px;\n          height: 48px;\n          font-size: 16px;\n        `\n      case 'small':\n        return css`\n          width: 36px;\n          height: 36px;\n          font-size: 14px;\n        `\n      case 'exSmall':\n        return css`\n          width: 24px;\n          height: 24px;\n          font-size: 12px;\n        `\n\n      default:\n        return css``\n    }\n  }}\n`\n\nexport const StyledAvatarImage = styled.img`\n  ${(props) => {\n    switch (props.size) {\n      case 'medium':\n        return css`\n          width: 48px;\n          height: 48px;\n        `\n      case 'small':\n        return css`\n          width: 36px;\n          height: 36px;\n        `\n      case 'exSmall':\n        return css`\n          width: 24px;\n          height: 24px;\n        `\n\n      default:\n        return css``\n    }\n  }}\n`\n","import React from 'react'\nimport { StyledAvatar, StyledAvatarImage } from './avatar-styles'\n\nexport const Avatar = ({ image, size, initials, ...props }) => {\n  return (\n    <>\n      {image ? (\n        <StyledAvatar size={size} {...props}>\n          <StyledAvatarImage src={image} size={size} />\n        </StyledAvatar>\n      ) : (\n        <StyledAvatar size={size} {...props}>\n          {initials}\n        </StyledAvatar>\n      )}\n    </>\n  )\n}\n","import { CheckBoxBorder, PrimaryBlueColor } from '../../color'\nimport styled, { css } from 'styled-components'\nimport { Link } from 'react-router-dom'\n\nexport const StyledBreadcrumbsContainer = styled.ul`\n  display: flex;\n`\nexport const StyledBreadcrumbsLink = styled(Link)`\n  font-size: 14px;\n  font-weight: 300;\n  color: ${PrimaryBlueColor};\n  cursor: pointer;\n  ${(props) =>\n    props.active &&\n    css`\n      color: ${CheckBoxBorder};\n      font-weight: 400;\n      cursor: default;\n    `}\n  &::after {\n    content: ' / ';\n    padding: 0 4px;\n    display: inline-block;\n    color: #394960;\n  }\n  &:last-child {\n    &::after {\n      display: none;\n    }\n  }\n`\n","import React from 'react'\nimport {\n  StyledBreadcrumbsContainer,\n  StyledBreadcrumbsLink\n} from './breadcrumbs-style'\nexport * from './breadcrumbs-style'\n\nexport const Breadcrumbs = ({ paths }) => {\n  return (\n    <StyledBreadcrumbsContainer>\n      {paths.map(({ to, label, isActive }, index) => {\n        return (\n          <StyledBreadcrumbsLink\n            key={index}\n            to={to}\n            active={isActive ? 1 : undefined}\n          >\n            {label}\n          </StyledBreadcrumbsLink>\n        )\n      })}\n    </StyledBreadcrumbsContainer>\n  )\n}\n","import styled, { css } from 'styled-components'\nimport {\n  DefaultColorButton,\n  LightBgColorButton,\n  PrimaryBlueColor,\n  SecondaryBlueColor,\n  WhiteColor\n} from '../../color'\n\nimport {\n  HomeIconWhite,\n  HomeIconSecondary,\n  HomeIconSecondaryHover,\n  HomeIconDisabled\n} from '../../images'\nconst iconButton = css`\n  width: 36px;\n  height: 36px;\n  padding: 0px;\n`\n\n// Common Button\nexport const StyledButton = styled.button`\n  background: #1d1d1d;\n  color: ${WhiteColor};\n  border: none;\n  cursor: pointer;\n  border-radius: 3px;\n  box-sizing: border-box;\n  transition: all 300ms ease-in-out 0s;\n  font-family: 'Poppins', sans-serif;\n\n  ${(props) => {\n    switch (props.size) {\n      case 'normal':\n        return css`\n          padding: 8px 20px;\n          line-height: 21px;\n          font-size: 14px;\n        `\n      case 'small':\n        return css`\n          padding: 4px 12px;\n          line-height: 18px;\n          font-size: 12px;\n        `\n    }\n  }}\n\n  ${(props) => {\n    switch (props.variant) {\n      case 'primary':\n        return css`\n          background: ${PrimaryBlueColor};\n          &:hover {\n            background: ${SecondaryBlueColor};\n          }\n          &:disabled {\n            background: ${DefaultColorButton};\n            color: ${WhiteColor};\n            &:hover {\n              cursor: default;\n              background: ${DefaultColorButton};\n            }\n          }\n        `\n      case 'secondary':\n        return css`\n          background: ${WhiteColor};\n          border: 1px solid ${PrimaryBlueColor};\n          color: ${PrimaryBlueColor};\n          &:hover {\n            border: 1px solid ${SecondaryBlueColor};\n            color: ${SecondaryBlueColor};\n            background: ${LightBgColorButton};\n          }\n          &:disabled {\n            background: ${WhiteColor};\n            border: 1px solid ${DefaultColorButton};\n            color: ${DefaultColorButton};\n            cursor: default;\n            &:hover {\n              background: ${WhiteColor};\n              border: 1px solid ${DefaultColorButton};\n              color: ${DefaultColorButton};\n            }\n          }\n        `\n      case 'url':\n        return css`\n          background: ${WhiteColor};\n          border: none;\n          color: ${PrimaryBlueColor};\n          padding: 0px;\n          font-weight: 500;\n          &:hover {\n            background: ${WhiteColor};\n            border: none;\n            color: ${SecondaryBlueColor};\n          }\n          &:disabled {\n            background: ${WhiteColor};\n            border: none;\n            color: ${DefaultColorButton};\n            padding: 0px;\n            font-weight: 500;\n            cursor: default;\n            &:hover {\n              background: ${WhiteColor};\n              border: none;\n              color: ${DefaultColorButton};\n            }\n          }\n\n          ${(props) => {\n            props.size === 'small' &&\n              css`\n                font-size: 12px;\n                line-height: 18px;\n              `\n          }}\n        `\n    }\n  }}\n\n${(props) =>\n    props.iconBtn &&\n    css`\n      width: 36px;\n      height: 36px;\n      padding: 0px;\n    `}\n\n  //Icon button Primary\n\n   ${(props) =>\n    props.iconBtnPrimary &&\n    css`\n      background-image: url(${HomeIconWhite});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconWhite});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n\n  //Icon Button Secondary\n\n  ${(props) =>\n    props.iconBtnSecondary &&\n    css`\n      background-image: url(${HomeIconSecondary});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconSecondaryHover});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n   //Icon Button Disabled Secondary \n\n   ${(props) =>\n    props.iconBtnDisableSecondary &&\n    css`\n      background-image: url(${HomeIconDisabled});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconDisabled});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n\n    //Icon Button Disabled Primary\n    \n    ${(props) =>\n    props.iconBtnDisablePrimary &&\n    css`\n      background-image: url(${HomeIconWhite});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconWhite});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n`\n\nexport const StyledIconButton = styled.button`\n  background: #1d1d1d;\n  color: ${WhiteColor};\n  border: none;\n  cursor: pointer;\n  border-radius: 3px;\n  box-sizing: border-box;\n  padding: 8px 20px;\n  font-size: 14px;\n  transition: all 300ms ease-in-out 0s;\n  line-height: 21px;\n  font-family: 'Poppins', sans-serif;\n\n  // Primary Button\n\n  ${(props) =>\n    props.primary &&\n    css`\n      background: ${PrimaryBlueColor};\n      &:hover {\n        background: ${SecondaryBlueColor};\n      }\n    `}\n\n  // Secondary Button\n\n  ${(props) =>\n    props.secondary &&\n    css`\n      background: ${WhiteColor};\n      border: 1px solid ${PrimaryBlueColor};\n      color: ${PrimaryBlueColor};\n      &:hover {\n        border: 1px solid ${SecondaryBlueColor};\n        color: ${SecondaryBlueColor};\n        background: ${LightBgColorButton};\n      }\n    `}\n\n    // Disabled Button\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      background: ${DefaultColorButton};\n\n      color: ${WhiteColor};\n      &:hover {\n        cursor: default;\n        background: ${DefaultColorButton};\n      }\n    `}\n\n  // Disabled secondary Button\n\n  ${(props) =>\n    props.disabledSecondary &&\n    css`\n      background: ${WhiteColor};\n      border: 1px solid ${DefaultColorButton};\n      color: ${DefaultColorButton};\n      cursor: default;\n      &:hover {\n        background: ${WhiteColor};\n        border: 1px solid ${DefaultColorButton};\n        color: ${DefaultColorButton};\n      }\n    `}\n  \n  //URL Button\n  \n  ${(props) =>\n    props.url &&\n    css`\n      background: ${WhiteColor};\n      border: none;\n      color: ${PrimaryBlueColor};\n      padding: 0px;\n      font-weight: 500;\n      &:hover {\n        background: ${WhiteColor};\n        border: none;\n        color: ${SecondaryBlueColor};\n      }\n    `}\n\n  //url button disabled\n\n  ${(props) =>\n    props.disabledurl &&\n    css`\n      background: ${WhiteColor};\n      border: none;\n      color: ${DefaultColorButton};\n      padding: 0px;\n      font-weight: 500;\n      cursor: default;\n      &:hover {\n        background: ${WhiteColor};\n        border: none;\n        color: ${DefaultColorButton};\n      }\n    `}\n\n  // Small Button\n\n  ${(props) =>\n    props.smallBtn &&\n    css`\n      padding: 4px 12px;\n      line-height: 18px;\n      font-size: 12px;\n    `}\n\n  //small url\n\n  ${(props) =>\n    props.smallUrl &&\n    css`\n      font-size: 12px;\n      line-height: 18px;\n    `}\n  //Icon button height width property\n\n  ${(props) =>\n    props.iconBtn &&\n    css`\n      width: 36px;\n      height: 36px;\n      padding: 0px;\n    `}\n\n  //Icon button Primary\n\n   ${(props) =>\n    props.iconBtnPrimary &&\n    css`\n      background-image: url(${HomeIconWhite});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconWhite});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n\n  //Icon Button Secondary\n\n  ${(props) =>\n    props.iconBtnSecondary &&\n    css`\n      background-image: url(${HomeIconSecondary});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconSecondaryHover});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n   //Icon Button Disabled Secondary \n\n   ${(props) =>\n    props.iconBtnDisableSecondary &&\n    css`\n      background-image: url(${HomeIconDisabled});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconDisabled});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n\n    //Icon Button Disabled Primary\n    \n    ${(props) =>\n    props.iconBtnDisablePrimary &&\n    css`\n      background-image: url(${HomeIconWhite});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconWhite});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n`\n","import React from 'react'\nimport { StyledButton } from './button-style'\n\nexport const Button = ({\n  children,\n  variant,\n  icon,\n  size = 'normal',\n  ...props\n}) => {\n  return (\n    <StyledButton variant={variant} {...props} size={size}>\n      {children}\n    </StyledButton>\n  )\n}\n\nexport * from './button-style'\n","import styled, { css } from 'styled-components'\nimport {\n  BodyFontColor,\n  CheckBoxBorder,\n  DefaultColorButton,\n  PrimaryBlueColor\n} from '../../color'\n\nexport const StyledCheckboxLabel = styled.label`\n  font-size: 14px;\n  color: ${BodyFontColor};\n  line-height: 21px;\n  margin-left: 8px;\n  position: relative;\n`\n\nconst checkboxStyles = css`\n  -webkit-appearance: none;\n  display: inline-block;\n  position: relative;\n  vertical-align: middle;\n  cursor: pointer;\n  margin-right: 5px;\n  width: 16px;\n  height: 16px;\n  box-sizing: border-box;\n  border-radius: 3px;\n`\n\nexport const StyledCheckbox = styled.input.attrs({ type: 'checkbox' })`\n  display: none;\n\n  & + label:before {\n    content: '';\n    border: 1px solid ${CheckBoxBorder};\n    background-color: transparent;\n\n    ${checkboxStyles}\n  }\n\n  &:disabled + label:before {\n    cursor: default;\n    pointer-events: none;\n    border: 1px solid ${DefaultColorButton};\n  }\n\n  &:disabled:checked + label:before {\n    pointer-events: none;\n    background-color: ${DefaultColorButton};\n    border: 1px solid ${DefaultColorButton};\n  }\n\n  &:checked + label::after {\n    content: '';\n    display: block;\n    position: absolute;\n    top: 5px;\n    left: 6px;\n    width: 3px;\n    height: 8px;\n    border: solid #fff;\n    border-width: 0 2px 2px 0;\n    -webkit-transform: rotate(45deg);\n    -ms-transform: rotate(45deg);\n    transform: rotate(45deg);\n  }\n\n  &:checked + label:before {\n    content: '';\n    background-color: ${PrimaryBlueColor};\n    border: 1px solid ${PrimaryBlueColor};\n\n    ${checkboxStyles}\n  }\n`\n\nexport const StyledHoverBg = styled.div`\n  width: 24px;\n  height: 24px;\n  background: #e5edf7;\n  position: absolute;\n  left: 4px;\n  border-radius: 50%;\n  top: -1px;\n  display: none;\n`\n\nexport const StyledCheckBoxContainer = styled.div`\n  display: flex;\n  align-items: center;\n  position: relative;\n  &:hover ${StyledHoverBg} {\n    display: block;\n  }\n`\n","import React from 'react'\nimport {\n  StyledCheckbox,\n  StyledCheckboxLabel,\n  StyledCheckBoxContainer,\n  StyledHoverBg\n} from './checkbox-style'\n\nexport const Checkbox = ({ label, ...props }) => {\n  return (\n    <StyledCheckBoxContainer>\n      {!props.disabled && <StyledHoverBg />}\n      <StyledCheckbox {...props} />\n      <StyledCheckboxLabel htmlFor={props.id}>{label}</StyledCheckboxLabel>\n    </StyledCheckBoxContainer>\n  )\n}\n","import styled, { css } from 'styled-components'\n\nexport const StyledInputBoxContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n`\nexport const StyledInputLabelContainer = styled.label`\n  font-size: 12px;\n  color: #758490;\n  margin-bottom: 5px;\n  text-align: left;\n`\n\nexport const StyledInputBox = styled.input`\n  border: 1px solid #acacac;\n\n  border-radius: 3px;\n  padding: 0px 15px;\n  box-sizing: border-box;\n  height: 35px;\n  font-size: 14px;\n  color: #1d1d1d;\n\n  &:disabled {\n    background: #efefef;\n    border: none;\n    cursor: no-drop;\n    pointer-events: none;\n    &:focus {\n      border: none;\n    }\n  }\n\n  ${(props) => {\n    switch (props.status) {\n      case 'success':\n        return css`\n          border: 1px solid #24a148;\n          &:focus {\n            border: 1px solid #24a148;\n          }\n        `\n      case 'error':\n        return css`\n          border: 1px solid #da1e28;\n          &:focus {\n            border: 1px solid #da1e28;\n          }\n        `\n      default:\n        return css`\n          &:focus {\n            border: 1px solid #0055af;\n          }\n        `\n    }\n  }}\n`\n\nexport const StyledHelperText = styled.span`\n  color: #758498;\n  font-size: 12px;\n  text-align: left;\n  margin-top: 2px;\n  position: absolute;\n  bottom: -15px;\n  left: 15px;\n  font-style: italic;\n\n  ${(props) => {\n    switch (props.status) {\n      case 'error':\n        return css`\n          color: #da1e28;\n          font-style: normal;\n        `\n      case 'success':\n        return css`\n          color: #24a148;\n          font-style: normal;\n        `\n      default:\n        return css``\n    }\n  }}\n`\n","import React from 'react'\nimport { StyledInputBox } from './input-style'\nimport {\n  StyledInputBoxContainer,\n  StyledInputLabelContainer\n} from './input-style'\nimport { StyledHelperText } from './input-style'\n\nexport const Input = ({ label, status, helperText, ...props }) => {\n  return (\n    <StyledInputBoxContainer>\n      <StyledInputLabelContainer>{label}</StyledInputLabelContainer>\n      <StyledInputBox status={status} {...props} />\n      <StyledHelperText status={status}> {helperText}</StyledHelperText>\n    </StyledInputBoxContainer>\n  )\n}\n\nexport * from './input-style'\n","import {\n  BodyFontColor,\n  CheckBoxBorder, DefaultColorButton, PrimaryBlueColor\n} from '../../color'\nimport styled, { css } from 'styled-components'\n\nexport const StyledRadioButtonLabel = styled.label`\n  font-size: 14px;\n  color: ${BodyFontColor};\n  line-height: 21px;\n  cursor: pointer;\n  position: relative;\n  padding-left: 26px;\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n      pointer-events: none;\n    `}\n  ${(props) =>\n    props.disabledChecked &&\n    css`\n      cursor: default;\n      pointer-events: none;\n    `}\n    &::before {\n    content: '';\n    position: absolute;\n    width: 16px;\n    height: 16px;\n    background-color: #fff;\n    border: 1px solid ${CheckBoxBorder};\n    border-radius: 50%;\n    top: 50%;\n    transform: translateY(-50%);\n    transition: border-color 400ms ease;\n    left: 0px;\n\n    ${(props) =>\n      props.disabled &&\n      css`\n        border: 1px solid ${DefaultColorButton};\n      `}\n    ${(props) =>\n      props.disabledChecked &&\n      css`\n        border: 1px solid ${DefaultColorButton} !important;\n      `}\n  }\n  &::after {\n    content: '';\n    position: absolute;\n    width: 16px;\n    height: 16px;\n    background-color: ${PrimaryBlueColor};\n    border: 1px solid ${PrimaryBlueColor};\n    border-radius: 50%;\n    top: 50%;\n    transform: translateY(-50%) scale(0);\n    transition: transform 400ms ease;\n    left: 0px;\n    ${(props) =>\n      props.disabledChecked &&\n      css`\n        background-color: ${DefaultColorButton};\n        border: 1px solid ${DefaultColorButton};\n      `}\n  }\n`\n\nexport const StyledRadioButton = styled.input`\n  &:checked + ${StyledRadioButtonLabel}::before {\n    border: 1px solid ${PrimaryBlueColor};\n  }\n  &:checked + ${StyledRadioButtonLabel}::after {\n    transform: translateY(-50%) scale(0.55);\n  }\n`\n\nexport const StyledHoverBg = styled.div`\n  width: 24px;\n  height: 24px;\n  background: #e5edf7;\n  position: absolute;\n  left: -3px;\n  border-radius: 50%;\n  top: -1px;\n  display: none;\n`\nexport const StyledRadioButtonContainer = styled.div`\n  display: flex;\n  align-items: center;\n  position: relative;\n  &:hover {\n    ${StyledHoverBg} {\n      display: block;\n    }\n  }\n`\n","import {\n  BodyFontColor,\n  DefaultColorButton,\n  PrimaryBlueColor\n} from '../../color'\nimport styled, { css } from 'styled-components'\n\nexport const StyledTabContainer = styled.ul`\n  display: flex;\n  border-bottom: 1px solid ${DefaultColorButton};\n  width: 100%;\n  box-sizing: border-box;\n  cursor: pointer;\n`\nexport const StyledTabContentContainer = styled.ul`\n  padding: 16px;\n`\nexport const StyledTabList = styled.li`\n  font-size: 14px;\n  color: ${BodyFontColor};\n  line-height: 21px;\n  padding: 12px 16px;\n  position: relative;\n  ${(props) =>\n    props.active &&\n    css`\n      color: ${PrimaryBlueColor};\n      font-weight: 600;\n      cursor: default;\n      &::after {\n        content: ' ';\n        height: 2px;\n        background: ${PrimaryBlueColor};\n        position: absolute;\n        left: 16px;\n        right: 16px;\n        bottom: 0;\n      }\n    `}\n`\n","import React, { useState } from 'react'\nimport {\n  StyledTabContainer,\n  StyledTabContentContainer,\n  StyledTabList\n} from './tabs-style'\n\nimport { Button } from '../button'\n\nexport const Tabs = () => {\n  const tabs = [\n    {\n      label: 'Tab 1',\n      element: <Button>Button 1</Button>\n    },\n    {\n      label: 'Tab 2',\n      element: <Button>Button 2</Button>\n    },\n    {\n      label: 'Tab 3',\n      element: <Button>Button 3</Button>\n    }\n  ]\n  const [activeTab, setActiveTab] = useState(0)\n\n  return (\n    <>\n      <StyledTabContainer>\n        {tabs.map((tab, index) => {\n          return (\n            <StyledTabList\n              active={activeTab === index}\n              onClick={() => setActiveTab(index)}\n            >\n              {tab.label}\n            </StyledTabList>\n          )\n        })}\n      </StyledTabContainer>\n      <StyledTabContentContainer>\n        {tabs[activeTab].element}\n      </StyledTabContentContainer>\n    </>\n  )\n}\n\nexport * from './tabs-style'\n","import {\n  CheckBoxBorder,\n  DefaultButtonText,\n  DefaultColorButton,\n  DisabledTextareaBg,\n  LabelColor,\n  PrimaryBlueColor\n} from '../../color'\nimport styled, { css } from 'styled-components'\n\nexport const StyledLabelText = styled.label`\n  font-size: 14px;\n  color: ${LabelColor};\n  line-height: 21px;\n  display: block;\n  text-align: left;\n`\nexport const StyledTextArea = styled.textarea`\n  min-height: 70px;\n  padding: 15px;\n  margin-top: 8px;\n  resize: none;\n  min-width: 800px;\n  box-sizing: border-box;\n  font-size: 14px;\n  line-height: 21px;\n  border: 1px solid ${CheckBoxBorder};\n  border-radius: 4px;\n\n  &:disabled {\n    background: ${DisabledTextareaBg};\n    border: 1px solid ${DefaultColorButton};\n  }\n\n  &:focus {\n    border: 1px solid ${PrimaryBlueColor};\n  }\n`\nexport const StyledTextAreaContainer = styled.div``\nexport const StyledRemainingText = styled.div`\n  color: ${DefaultButtonText};\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 21px;\n  text-align: right;\n  margin-top: 8px;\n`\n","import React from 'react'\nimport { StyledTextArea } from './textarea-styles'\nimport {\n  StyledLabelText,\n  StyledRemainingText,\n  StyledTextAreaContainer\n} from './textarea-styles'\n\nexport const Textarea = ({ label, maxLength, value, ...props }) => {\n  return (\n    <StyledTextAreaContainer>\n      <StyledLabelText>{label}</StyledLabelText>\n      <StyledTextArea value={value} {...props} maxLength={maxLength} />\n      <StyledRemainingText>\n        {maxLength - value.length} characters left\n      </StyledRemainingText>\n    </StyledTextAreaContainer>\n  )\n}\n\nexport * from './textarea-styles'\n"],"names":["PrimaryBlueColor","SecondaryBlueColor","DefaultColorButton","LightBgColorButton","CheckBoxBorder","AlertGreenSuccessStroke","AlertGreenSuccessBackground","AlertRedErrorStroke","AlertRedErrorBackground","DefaultButtonText","AlertOrangeWarningStroke","AlertOrangeWarningBackground","AlertBlueInfoBackground","AlertBlueInfoStroke","WhiteColor","AvatarBgColor","BodyFontColor","LabelColor","DisabledTextareaBg","StyledNotification","styled","div","props","variant","css","SuccessIcon","AlertIcon","Warning","InfoIcon","StyledNotificationContainer","StyledInfoCloseIcon","i","NotificationClose","Alerts","message","onClose","React","StyledAvatar","span","size","StyledAvatarImage","img","Avatar","image","initials","StyledBreadcrumbsContainer","ul","StyledBreadcrumbsLink","Link","active","Breadcrumbs","paths","map","index","to","label","isActive","undefined","iconButton","StyledButton","button","iconBtn","iconBtnPrimary","HomeIconWhite","iconBtnSecondary","HomeIconSecondary","HomeIconSecondaryHover","iconBtnDisableSecondary","HomeIconDisabled","iconBtnDisablePrimary","StyledIconButton","primary","secondary","disabled","disabledSecondary","url","disabledurl","smallBtn","smallUrl","Button","children","icon","StyledCheckboxLabel","checkboxStyles","StyledCheckbox","input","attrs","type","StyledHoverBg","StyledCheckBoxContainer","Checkbox","id","StyledInputBoxContainer","StyledInputLabelContainer","StyledInputBox","status","StyledHelperText","Input","helperText","StyledRadioButtonLabel","disabledChecked","StyledRadioButton","StyledRadioButtonContainer","StyledTabContainer","StyledTabContentContainer","StyledTabList","li","Tabs","tabs","element","useState","activeTab","setActiveTab","tab","StyledLabelText","StyledTextArea","textarea","StyledTextAreaContainer","StyledRemainingText","Textarea","maxLength","value","length"],"mappings":"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"}
+{"version":3,"file":"index.modern.js","sources":["../src/images.js","../src/color.js","../src/global-components/alerts/alerts-styles.js","../src/global-components/alerts/index.js","../src/global-components/avatar/avatar-styles.js","../src/global-components/avatar/index.js","../src/global-components/breadcrumbs/breadcrumbs-style.js","../src/global-components/breadcrumbs/index.js","../src/global-components/button/button-style.js","../src/global-components/button/index.js","../src/global-components/checkbox/checkbox-style.js","../src/global-components/checkbox/index.js","../src/global-components/input/input-style.js","../src/global-components/input/index.js","../src/global-components/radio/radio-styles.js","../src/global-components/tabs/tabs-style.js","../src/global-components/tabs/index.js","../src/global-components/textarea/textarea-styles.js","../src/global-components/textarea/index.js"],"sourcesContent":["var AlertIcon = require('assets/images/error.svg')\nvar InfoIcon = require('assets/images/info.svg')\nvar NotificationClose = require('assets/images/notification-close.svg')\nvar SuccessIcon = require('assets/images/success.svg')\nvar Warning = require('assets/images/warning.svg')\n\nvar HomeIconDisabled = require('assets/images/home-disabled.svg')\nvar HomeIconSecondary = require('assets/images/home-primary.svg')\nvar HomeIconSecondaryHover = require('assets/images/home-secondary.svg')\nvar HomeIconWhite = require('assets/images/home-white.svg')\n\nvar AvatarImage = require('assets/images/avatar.svg')\n\nexport {\n  AlertIcon,\n  InfoIcon,\n  NotificationClose,\n  SuccessIcon,\n  Warning,\n  HomeIconDisabled,\n  HomeIconSecondary,\n  HomeIconSecondaryHover,\n  HomeIconWhite,\n  AvatarImage\n}\n","export const PrimaryBlueColor = '#0055AF'\nexport const SecondaryBlueColor = '#033162'\nexport const DefaultColorButton = '#ACACAC'\nexport const LightBgColorButton = '#E5EDF7'\nexport const CheckBoxBorder = '#394960'\nexport const AlertGreenSuccessStroke = '#24A148'\nexport const AlertGreenSuccessBackground = '#E8F5EC'\nexport const AlertRedErrorStroke = '#DA1E28'\nexport const AlertRedErrorBackground = '#FCE9EA'\nexport const DefaultButtonText = '#AFAFAF'\nexport const AlertOrangeWarningStroke = '#FF832B'\nexport const AlertOrangeWarningBackground = '#FFF3EA'\nexport const AlertBlueInfoBackground = '#E5EDF7'\nexport const AlertBlueInfoStroke = '#0055AF'\nexport const WhiteColor = '#ffffff'\nexport const AvatarBgColor = '#EBECF0'\nexport const BodyFontColor = '#1d1d1d'\nexport const LabelColor = '#758490'\nexport const DisabledTextareaBg = '#EFEFEF'\n","import {\n  AlertIcon,\n  InfoIcon,\n  NotificationClose,\n  SuccessIcon,\n  Warning\n} from '../../images'\nimport styled, { css } from 'styled-components'\nimport {\n  AlertBlueInfoBackground,\n  AlertBlueInfoStroke,\n  AlertGreenSuccessBackground,\n  AlertGreenSuccessStroke,\n  AlertOrangeWarningBackground,\n  AlertOrangeWarningStroke,\n  AlertRedErrorBackground,\n  AlertRedErrorStroke,\n  BodyFontColor\n} from '../../color'\n\nexport const StyledNotification = styled.div`\n  height: 37px;\n  background: #d4d4d4;\n  border: 1px solid #1d1d1d;\n  padding: 0px 50px;\n  font-size: 14px;\n  line-height: 21px;\n  color: ${BodyFontColor};\n  display: flex;\n  align-items: center;\n  position: relative;\n  min-width: 339px;\n  border-radius: 3px;\n\n  ${(props) => {\n    switch (props.variant) {\n      case 'success':\n        return css`\n          background: ${AlertGreenSuccessBackground};\n          border: 1px solid ${AlertGreenSuccessStroke};\n        `\n      case 'error':\n        return css`\n          background: ${AlertRedErrorBackground};\n          border: 1px solid ${AlertRedErrorStroke};\n        `\n      case 'warning':\n        return css`\n          background: ${AlertOrangeWarningBackground};\n          border: 1px solid ${AlertOrangeWarningStroke};\n        `\n      case 'info':\n        return css`\n          background: ${AlertBlueInfoBackground};\n          border: 1px solid ${AlertBlueInfoStroke};\n        `\n      default:\n        return css``\n    }\n  }}\n\n  &::before {\n    content: ' ';\n    width: 13.33px;\n    height: 13.33px;\n    background: red;\n    position: absolute;\n    left: 17px;\n    top: 12px;\n    ${(props) => {\n      switch (props.variant) {\n        case 'success':\n          return css`\n            background: url(${SuccessIcon});\n            background-size: cover;\n          `\n        case 'error':\n          return css`\n            background: url(${AlertIcon});\n            background-size: cover;\n          `\n        case 'warning':\n          return css`\n            background: url(${Warning});\n            background-size: cover;\n            background-size: 15px;\n          `\n        case 'info':\n          return css`\n            background: url(${InfoIcon});\n            background-size: cover;\n          `\n        default:\n          return css``\n      }\n    }}\n  }\n`\nexport const StyledNotificationContainer = styled.div`\n  display: flex;\n  position: relative;\n`\nexport const StyledInfoCloseIcon = styled.i`\n  background: url(${NotificationClose});\n  background-size: cover;\n  width: 10px;\n  height: 10px;\n  position: absolute;\n  cursor: pointer;\n  right: 15px;\n  top: 0;\n  bottom: 0;\n  margin: auto;\n`\n","import React from 'react'\nimport {\n  StyledInfoCloseIcon,\n  StyledNotification,\n  StyledNotificationContainer\n} from './alerts-styles'\n\nexport const Alerts = ({ variant, message, onClose, ...props }) => {\n  return (\n    <StyledNotificationContainer>\n      <StyledNotification variant={variant} {...props}>\n        {message}\n      </StyledNotification>\n      <StyledInfoCloseIcon onClick={onClose} />\n    </StyledNotificationContainer>\n  )\n}\n","import styled, { css } from 'styled-components'\nimport { AvatarBgColor } from '../../color'\n\nexport const StyledAvatar = styled.span`\n  width: 64px;\n  height: 64px;\n  background: ${AvatarBgColor};\n  display: flex;\n  border-radius: 50%;\n  font-size: 32px;\n  font-weight: 600;\n  color: #758490;\n  justify-content: center;\n  align-items: center;\n\n  ${(props) => {\n    switch (props.size) {\n      case 'medium':\n        return css`\n          width: 48px;\n          height: 48px;\n          font-size: 16px;\n        `\n      case 'small':\n        return css`\n          width: 36px;\n          height: 36px;\n          font-size: 14px;\n        `\n      case 'exSmall':\n        return css`\n          width: 24px;\n          height: 24px;\n          font-size: 12px;\n        `\n\n      default:\n        return css``\n    }\n  }}\n`\n\nexport const StyledAvatarImage = styled.img`\n  ${(props) => {\n    switch (props.size) {\n      case 'medium':\n        return css`\n          width: 48px;\n          height: 48px;\n        `\n      case 'small':\n        return css`\n          width: 36px;\n          height: 36px;\n        `\n      case 'exSmall':\n        return css`\n          width: 24px;\n          height: 24px;\n        `\n\n      default:\n        return css``\n    }\n  }}\n`\n","import React from 'react'\nimport { StyledAvatar, StyledAvatarImage } from './avatar-styles'\n\nexport const Avatar = ({ image, size, initials, ...props }) => {\n  return (\n    <>\n      {image ? (\n        <StyledAvatar size={size} {...props}>\n          <StyledAvatarImage src={image} size={size} />\n        </StyledAvatar>\n      ) : (\n        <StyledAvatar size={size} {...props}>\n          {initials}\n        </StyledAvatar>\n      )}\n    </>\n  )\n}\n","import { CheckBoxBorder, PrimaryBlueColor } from '../../color'\nimport styled, { css } from 'styled-components'\nimport { Link } from 'react-router-dom'\n\nexport const StyledBreadcrumbsContainer = styled.ul`\n  display: flex;\n`\nexport const StyledBreadcrumbsLink = styled(Link)`\n  font-size: 14px;\n  font-weight: 300;\n  color: ${PrimaryBlueColor};\n  cursor: pointer;\n  ${(props) =>\n    props.active &&\n    css`\n      color: ${CheckBoxBorder};\n      font-weight: 400;\n      cursor: default;\n    `}\n  &::after {\n    content: ' / ';\n    padding: 0 4px;\n    display: inline-block;\n    color: #394960;\n  }\n  &:last-child {\n    &::after {\n      display: none;\n    }\n  }\n`\n","import React from 'react'\nimport {\n  StyledBreadcrumbsContainer,\n  StyledBreadcrumbsLink\n} from './breadcrumbs-style'\nexport * from './breadcrumbs-style'\n\nexport const Breadcrumbs = ({ paths }) => {\n  return (\n    <StyledBreadcrumbsContainer>\n      {paths.map(({ to, label, isActive }, index) => {\n        return (\n          <StyledBreadcrumbsLink\n            key={index}\n            to={to}\n            active={isActive ? 1 : undefined}\n          >\n            {label}\n          </StyledBreadcrumbsLink>\n        )\n      })}\n    </StyledBreadcrumbsContainer>\n  )\n}\n","import styled, { css } from 'styled-components'\nimport {\n  DefaultColorButton,\n  LightBgColorButton,\n  PrimaryBlueColor,\n  SecondaryBlueColor,\n  WhiteColor\n} from '../../color'\n\nimport {\n  HomeIconWhite,\n  HomeIconSecondary,\n  HomeIconSecondaryHover,\n  HomeIconDisabled\n} from '../../images'\nconst iconButton = css`\n  width: 36px;\n  height: 36px;\n  padding: 0px;\n`\n\n// Common Button\nexport const StyledButton = styled.button`\n  background: #1d1d1d;\n  color: ${WhiteColor};\n  border: none;\n  cursor: pointer;\n  border-radius: 3px;\n  box-sizing: border-box;\n  transition: all 300ms ease-in-out 0s;\n  font-family: 'Poppins', sans-serif;\n\n  ${(props) => {\n    switch (props.size) {\n      case 'normal':\n        return css`\n          padding: 8px 20px;\n          line-height: 21px;\n          font-size: 14px;\n        `\n      case 'small':\n        return css`\n          padding: 4px 12px;\n          line-height: 18px;\n          font-size: 12px;\n        `\n    }\n  }}\n\n  ${(props) => {\n    switch (props.variant) {\n      case 'primary':\n        return css`\n          background: ${PrimaryBlueColor};\n          &:hover {\n            background: ${SecondaryBlueColor};\n          }\n          &:disabled {\n            background: ${DefaultColorButton};\n            color: ${WhiteColor};\n            &:hover {\n              cursor: default;\n              background: ${DefaultColorButton};\n            }\n          }\n        `\n      case 'secondary':\n        return css`\n          background: ${WhiteColor};\n          border: 1px solid ${PrimaryBlueColor};\n          color: ${PrimaryBlueColor};\n          &:hover {\n            border: 1px solid ${SecondaryBlueColor};\n            color: ${SecondaryBlueColor};\n            background: ${LightBgColorButton};\n          }\n          &:disabled {\n            background: ${WhiteColor};\n            border: 1px solid ${DefaultColorButton};\n            color: ${DefaultColorButton};\n            cursor: default;\n            &:hover {\n              background: ${WhiteColor};\n              border: 1px solid ${DefaultColorButton};\n              color: ${DefaultColorButton};\n            }\n          }\n        `\n      case 'url':\n        return css`\n          background: ${WhiteColor};\n          border: none;\n          color: ${PrimaryBlueColor};\n          padding: 0px;\n          font-weight: 500;\n          &:hover {\n            background: ${WhiteColor};\n            border: none;\n            color: ${SecondaryBlueColor};\n          }\n          &:disabled {\n            background: ${WhiteColor};\n            border: none;\n            color: ${DefaultColorButton};\n            padding: 0px;\n            font-weight: 500;\n            cursor: default;\n            &:hover {\n              background: ${WhiteColor};\n              border: none;\n              color: ${DefaultColorButton};\n            }\n          }\n\n          ${(props) => {\n            props.size === 'small' &&\n              css`\n                font-size: 12px;\n                line-height: 18px;\n              `\n          }}\n        `\n    }\n  }}\n\n${(props) =>\n    props.iconBtn &&\n    css`\n      width: 36px;\n      height: 36px;\n      padding: 0px;\n    `}\n\n  //Icon button Primary\n\n   ${(props) =>\n    props.iconBtnPrimary &&\n    css`\n      background-image: url(${HomeIconWhite});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconWhite});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n\n  //Icon Button Secondary\n\n  ${(props) =>\n    props.iconBtnSecondary &&\n    css`\n      background-image: url(${HomeIconSecondary});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconSecondaryHover});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n   //Icon Button Disabled Secondary \n\n   ${(props) =>\n    props.iconBtnDisableSecondary &&\n    css`\n      background-image: url(${HomeIconDisabled});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconDisabled});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n\n    //Icon Button Disabled Primary\n    \n    ${(props) =>\n    props.iconBtnDisablePrimary &&\n    css`\n      background-image: url(${HomeIconWhite});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconWhite});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n`\n\nexport const StyledIconButton = styled.button`\n  background: #1d1d1d;\n  color: ${WhiteColor};\n  border: none;\n  cursor: pointer;\n  border-radius: 3px;\n  box-sizing: border-box;\n  padding: 8px 20px;\n  font-size: 14px;\n  transition: all 300ms ease-in-out 0s;\n  line-height: 21px;\n  font-family: 'Poppins', sans-serif;\n\n  // Primary Button\n\n  ${(props) =>\n    props.primary &&\n    css`\n      background: ${PrimaryBlueColor};\n      &:hover {\n        background: ${SecondaryBlueColor};\n      }\n    `}\n\n  // Secondary Button\n\n  ${(props) =>\n    props.secondary &&\n    css`\n      background: ${WhiteColor};\n      border: 1px solid ${PrimaryBlueColor};\n      color: ${PrimaryBlueColor};\n      &:hover {\n        border: 1px solid ${SecondaryBlueColor};\n        color: ${SecondaryBlueColor};\n        background: ${LightBgColorButton};\n      }\n    `}\n\n    // Disabled Button\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      background: ${DefaultColorButton};\n\n      color: ${WhiteColor};\n      &:hover {\n        cursor: default;\n        background: ${DefaultColorButton};\n      }\n    `}\n\n  // Disabled secondary Button\n\n  ${(props) =>\n    props.disabledSecondary &&\n    css`\n      background: ${WhiteColor};\n      border: 1px solid ${DefaultColorButton};\n      color: ${DefaultColorButton};\n      cursor: default;\n      &:hover {\n        background: ${WhiteColor};\n        border: 1px solid ${DefaultColorButton};\n        color: ${DefaultColorButton};\n      }\n    `}\n  \n  //URL Button\n  \n  ${(props) =>\n    props.url &&\n    css`\n      background: ${WhiteColor};\n      border: none;\n      color: ${PrimaryBlueColor};\n      padding: 0px;\n      font-weight: 500;\n      &:hover {\n        background: ${WhiteColor};\n        border: none;\n        color: ${SecondaryBlueColor};\n      }\n    `}\n\n  //url button disabled\n\n  ${(props) =>\n    props.disabledurl &&\n    css`\n      background: ${WhiteColor};\n      border: none;\n      color: ${DefaultColorButton};\n      padding: 0px;\n      font-weight: 500;\n      cursor: default;\n      &:hover {\n        background: ${WhiteColor};\n        border: none;\n        color: ${DefaultColorButton};\n      }\n    `}\n\n  // Small Button\n\n  ${(props) =>\n    props.smallBtn &&\n    css`\n      padding: 4px 12px;\n      line-height: 18px;\n      font-size: 12px;\n    `}\n\n  //small url\n\n  ${(props) =>\n    props.smallUrl &&\n    css`\n      font-size: 12px;\n      line-height: 18px;\n    `}\n  //Icon button height width property\n\n  ${(props) =>\n    props.iconBtn &&\n    css`\n      width: 36px;\n      height: 36px;\n      padding: 0px;\n    `}\n\n  //Icon button Primary\n\n   ${(props) =>\n    props.iconBtnPrimary &&\n    css`\n      background-image: url(${HomeIconWhite});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconWhite});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n\n  //Icon Button Secondary\n\n  ${(props) =>\n    props.iconBtnSecondary &&\n    css`\n      background-image: url(${HomeIconSecondary});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconSecondaryHover});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n   //Icon Button Disabled Secondary \n\n   ${(props) =>\n    props.iconBtnDisableSecondary &&\n    css`\n      background-image: url(${HomeIconDisabled});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconDisabled});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n\n    //Icon Button Disabled Primary\n    \n    ${(props) =>\n    props.iconBtnDisablePrimary &&\n    css`\n      background-image: url(${HomeIconWhite});\n      background-repeat: no-repeat;\n      background-size: 16px;\n      background-position: center;\n      &:hover {\n        background-image: url(${HomeIconWhite});\n        background-repeat: no-repeat;\n        background-size: 16px;\n        background-position: center;\n      }\n    `}\n`\n","import React from 'react'\nimport { StyledButton } from './button-style'\n\nexport const Button = ({\n  children,\n  variant,\n  icon,\n  size = 'normal',\n  ...props\n}) => {\n  return (\n    <StyledButton variant={variant} {...props} size={size}>\n      {children}\n    </StyledButton>\n  )\n}\n\nexport * from './button-style'\n","import styled, { css } from 'styled-components'\nimport {\n  BodyFontColor,\n  CheckBoxBorder,\n  DefaultColorButton,\n  PrimaryBlueColor\n} from '../../color'\n\nexport const StyledCheckboxLabel = styled.label`\n  font-size: 14px;\n  color: ${BodyFontColor};\n  line-height: 21px;\n  margin-left: 8px;\n  position: relative;\n`\n\nconst checkboxStyles = css`\n  -webkit-appearance: none;\n  display: inline-block;\n  position: relative;\n  vertical-align: middle;\n  cursor: pointer;\n  margin-right: 5px;\n  width: 16px;\n  height: 16px;\n  box-sizing: border-box;\n  border-radius: 3px;\n`\n\nexport const StyledCheckbox = styled.input.attrs({ type: 'checkbox' })`\n  display: none;\n\n  & + label:before {\n    content: '';\n    border: 1px solid ${CheckBoxBorder};\n    background-color: transparent;\n\n    ${checkboxStyles}\n  }\n\n  &:disabled + label:before {\n    cursor: default;\n    pointer-events: none;\n    border: 1px solid ${DefaultColorButton};\n  }\n\n  &:disabled:checked + label:before {\n    pointer-events: none;\n    background-color: ${DefaultColorButton};\n    border: 1px solid ${DefaultColorButton};\n  }\n\n  &:checked + label::after {\n    content: '';\n    display: block;\n    position: absolute;\n    top: 5px;\n    left: 6px;\n    width: 3px;\n    height: 8px;\n    border: solid #fff;\n    border-width: 0 2px 2px 0;\n    -webkit-transform: rotate(45deg);\n    -ms-transform: rotate(45deg);\n    transform: rotate(45deg);\n  }\n\n  &:checked + label:before {\n    content: '';\n    background-color: ${PrimaryBlueColor};\n    border: 1px solid ${PrimaryBlueColor};\n\n    ${checkboxStyles}\n  }\n`\n\nexport const StyledHoverBg = styled.div`\n  width: 24px;\n  height: 24px;\n  background: #e5edf7;\n  position: absolute;\n  left: 4px;\n  border-radius: 50%;\n  top: -1px;\n  display: none;\n`\n\nexport const StyledCheckBoxContainer = styled.div`\n  display: flex;\n  align-items: center;\n  position: relative;\n  &:hover ${StyledHoverBg} {\n    display: block;\n  }\n`\n","import React from 'react'\nimport {\n  StyledCheckbox,\n  StyledCheckboxLabel,\n  StyledCheckBoxContainer,\n  StyledHoverBg\n} from './checkbox-style'\n\nexport const Checkbox = ({ label, ...props }) => {\n  return (\n    <StyledCheckBoxContainer>\n      {!props.disabled && <StyledHoverBg />}\n      <StyledCheckbox {...props} />\n      <StyledCheckboxLabel htmlFor={props.id}>{label}</StyledCheckboxLabel>\n    </StyledCheckBoxContainer>\n  )\n}\n","import styled, { css } from 'styled-components'\n\nexport const StyledInputBoxContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n`\nexport const StyledInputLabelContainer = styled.label`\n  font-size: 12px;\n  color: #758490;\n  margin-bottom: 5px;\n  text-align: left;\n`\n\nexport const StyledInputBox = styled.input`\n  border: 1px solid #acacac;\n\n  border-radius: 3px;\n  padding: 0px 15px;\n  box-sizing: border-box;\n  height: 35px;\n  font-size: 14px;\n  color: #1d1d1d;\n\n  &:disabled {\n    background: #efefef;\n    border: none;\n    cursor: no-drop;\n    pointer-events: none;\n    &:focus {\n      border: none;\n    }\n  }\n\n  ${(props) => {\n    switch (props.status) {\n      case 'success':\n        return css`\n          border: 1px solid #24a148;\n          &:focus {\n            border: 1px solid #24a148;\n          }\n        `\n      case 'error':\n        return css`\n          border: 1px solid #da1e28;\n          &:focus {\n            border: 1px solid #da1e28;\n          }\n        `\n      default:\n        return css`\n          &:focus {\n            border: 1px solid #0055af;\n          }\n        `\n    }\n  }}\n`\n\nexport const StyledHelperText = styled.span`\n  color: #758498;\n  font-size: 12px;\n  text-align: left;\n  margin-top: 2px;\n  position: absolute;\n  bottom: -15px;\n  left: 15px;\n  font-style: italic;\n\n  ${(props) => {\n    switch (props.status) {\n      case 'error':\n        return css`\n          color: #da1e28;\n          font-style: normal;\n        `\n      case 'success':\n        return css`\n          color: #24a148;\n          font-style: normal;\n        `\n      default:\n        return css``\n    }\n  }}\n`\n","import React from 'react'\nimport { StyledInputBox } from './input-style'\nimport {\n  StyledInputBoxContainer,\n  StyledInputLabelContainer\n} from './input-style'\nimport { StyledHelperText } from './input-style'\n\nexport const Input = ({ label, status, helperText, ...props }) => {\n  return (\n    <StyledInputBoxContainer>\n      <StyledInputLabelContainer>{label}</StyledInputLabelContainer>\n      <StyledInputBox status={status} {...props} />\n      <StyledHelperText status={status}> {helperText}</StyledHelperText>\n    </StyledInputBoxContainer>\n  )\n}\n\nexport * from './input-style'\n","import {\n  BodyFontColor,\n  CheckBoxBorder, DefaultColorButton, PrimaryBlueColor\n} from '../../color'\nimport styled, { css } from 'styled-components'\n\nexport const StyledRadioButtonLabel = styled.label`\n  font-size: 14px;\n  color: ${BodyFontColor};\n  line-height: 21px;\n  cursor: pointer;\n  position: relative;\n  padding-left: 26px;\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n      pointer-events: none;\n    `}\n  ${(props) =>\n    props.disabledChecked &&\n    css`\n      cursor: default;\n      pointer-events: none;\n    `}\n    &::before {\n    content: '';\n    position: absolute;\n    width: 16px;\n    height: 16px;\n    background-color: #fff;\n    border: 1px solid ${CheckBoxBorder};\n    border-radius: 50%;\n    top: 50%;\n    transform: translateY(-50%);\n    transition: border-color 400ms ease;\n    left: 0px;\n\n    ${(props) =>\n      props.disabled &&\n      css`\n        border: 1px solid ${DefaultColorButton};\n      `}\n    ${(props) =>\n      props.disabledChecked &&\n      css`\n        border: 1px solid ${DefaultColorButton} !important;\n      `}\n  }\n  &::after {\n    content: '';\n    position: absolute;\n    width: 16px;\n    height: 16px;\n    background-color: ${PrimaryBlueColor};\n    border: 1px solid ${PrimaryBlueColor};\n    border-radius: 50%;\n    top: 50%;\n    transform: translateY(-50%) scale(0);\n    transition: transform 400ms ease;\n    left: 0px;\n    ${(props) =>\n      props.disabledChecked &&\n      css`\n        background-color: ${DefaultColorButton};\n        border: 1px solid ${DefaultColorButton};\n      `}\n  }\n`\n\nexport const StyledRadioButton = styled.input`\n  &:checked + ${StyledRadioButtonLabel}::before {\n    border: 1px solid ${PrimaryBlueColor};\n  }\n  &:checked + ${StyledRadioButtonLabel}::after {\n    transform: translateY(-50%) scale(0.55);\n  }\n`\n\nexport const StyledHoverBg = styled.div`\n  width: 24px;\n  height: 24px;\n  background: #e5edf7;\n  position: absolute;\n  left: -3px;\n  border-radius: 50%;\n  top: -1px;\n  display: none;\n`\nexport const StyledRadioButtonContainer = styled.div`\n  display: flex;\n  align-items: center;\n  position: relative;\n  &:hover {\n    ${StyledHoverBg} {\n      display: block;\n    }\n  }\n`\n","import {\n  BodyFontColor,\n  DefaultColorButton,\n  PrimaryBlueColor\n} from '../../color'\nimport styled, { css } from 'styled-components'\n\nexport const StyledTabContainer = styled.ul`\n  display: flex;\n  border-bottom: 1px solid ${DefaultColorButton};\n  width: 100%;\n  box-sizing: border-box;\n  cursor: pointer;\n`\nexport const StyledTabContentContainer = styled.ul`\n  padding: 16px;\n`\nexport const StyledTabList = styled.li`\n  font-size: 14px;\n  color: ${BodyFontColor};\n  line-height: 21px;\n  padding: 12px 16px;\n  position: relative;\n  ${(props) =>\n    props.active &&\n    css`\n      color: ${PrimaryBlueColor};\n      font-weight: 600;\n      cursor: default;\n      &::after {\n        content: ' ';\n        height: 2px;\n        background: ${PrimaryBlueColor};\n        position: absolute;\n        left: 16px;\n        right: 16px;\n        bottom: 0;\n      }\n    `}\n`\n","import React, { useState } from 'react'\nimport {\n  StyledTabContainer,\n  StyledTabContentContainer,\n  StyledTabList\n} from './tabs-style'\n\nimport { Button } from '../button'\n\nexport const Tabs = () => {\n  const tabs = [\n    {\n      label: 'Tab 1',\n      element: <Button>Button 1</Button>\n    },\n    {\n      label: 'Tab 2',\n      element: <Button>Button 2</Button>\n    },\n    {\n      label: 'Tab 3',\n      element: <Button>Button 3</Button>\n    }\n  ]\n  const [activeTab, setActiveTab] = useState(0)\n\n  return (\n    <>\n      <StyledTabContainer>\n        {tabs.map((tab, index) => {\n          return (\n            <StyledTabList\n              active={activeTab === index}\n              onClick={() => setActiveTab(index)}\n            >\n              {tab.label}\n            </StyledTabList>\n          )\n        })}\n      </StyledTabContainer>\n      <StyledTabContentContainer>\n        {tabs[activeTab].element}\n      </StyledTabContentContainer>\n    </>\n  )\n}\n\nexport * from './tabs-style'\n","import {\n  CheckBoxBorder,\n  DefaultButtonText,\n  DefaultColorButton,\n  DisabledTextareaBg,\n  LabelColor,\n  PrimaryBlueColor\n} from '../../color'\nimport styled, { css } from 'styled-components'\n\nexport const StyledLabelText = styled.label`\n  font-size: 14px;\n  color: ${LabelColor};\n  line-height: 21px;\n  display: block;\n  text-align: left;\n`\nexport const StyledTextArea = styled.textarea`\n  min-height: 70px;\n  padding: 15px;\n  margin-top: 8px;\n  resize: none;\n  min-width: 800px;\n  box-sizing: border-box;\n  font-size: 14px;\n  line-height: 21px;\n  border: 1px solid ${CheckBoxBorder};\n  border-radius: 4px;\n\n  &:disabled {\n    background: ${DisabledTextareaBg};\n    border: 1px solid ${DefaultColorButton};\n  }\n\n  &:focus {\n    border: 1px solid ${PrimaryBlueColor};\n  }\n`\nexport const StyledTextAreaContainer = styled.div``\nexport const StyledRemainingText = styled.div`\n  color: ${DefaultButtonText};\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 21px;\n  text-align: right;\n  margin-top: 8px;\n`\n","import React from 'react'\nimport { StyledTextArea } from './textarea-styles'\nimport {\n  StyledLabelText,\n  StyledRemainingText,\n  StyledTextAreaContainer\n} from './textarea-styles'\n\nexport const Textarea = ({ label, maxLength, value, ...props }) => {\n  return (\n    <StyledTextAreaContainer>\n      <StyledLabelText>{label}</StyledLabelText>\n      <StyledTextArea value={value} {...props} maxLength={maxLength} />\n      <StyledRemainingText>\n        {maxLength - value.length} characters left\n      </StyledRemainingText>\n    </StyledTextAreaContainer>\n  )\n}\n\nexport * from './textarea-styles'\n"],"names":["AlertIcon","require","InfoIcon","NotificationClose","SuccessIcon","Warning","HomeIconDisabled","HomeIconSecondary","HomeIconSecondaryHover","HomeIconWhite","AvatarImage","PrimaryBlueColor","SecondaryBlueColor","DefaultColorButton","LightBgColorButton","CheckBoxBorder","AlertGreenSuccessStroke","AlertGreenSuccessBackground","AlertRedErrorStroke","AlertRedErrorBackground","DefaultButtonText","AlertOrangeWarningStroke","AlertOrangeWarningBackground","AlertBlueInfoBackground","AlertBlueInfoStroke","WhiteColor","AvatarBgColor","BodyFontColor","LabelColor","DisabledTextareaBg","StyledNotification","styled","div","props","variant","css","StyledNotificationContainer","StyledInfoCloseIcon","i","Alerts","message","onClose","StyledAvatar","span","size","StyledAvatarImage","img","Avatar","image","initials","StyledBreadcrumbsContainer","ul","StyledBreadcrumbsLink","Link","active","Breadcrumbs","paths","map","index","to","label","isActive","undefined","iconButton","StyledButton","button","iconBtn","iconBtnPrimary","iconBtnSecondary","iconBtnDisableSecondary","iconBtnDisablePrimary","StyledIconButton","primary","secondary","disabled","disabledSecondary","url","disabledurl","smallBtn","smallUrl","Button","children","icon","StyledCheckboxLabel","checkboxStyles","StyledCheckbox","input","attrs","type","StyledHoverBg","StyledCheckBoxContainer","Checkbox","id","StyledInputBoxContainer","StyledInputLabelContainer","StyledInputBox","status","StyledHelperText","Input","helperText","StyledRadioButtonLabel","disabledChecked","StyledRadioButton","StyledRadioButtonContainer","StyledTabContainer","StyledTabContentContainer","StyledTabList","li","Tabs","tabs","element","useState","activeTab","setActiveTab","tab","StyledLabelText","StyledTextArea","textarea","StyledTextAreaContainer","StyledRemainingText","Textarea","maxLength","value","length"],"mappings":"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"}

package/package.json

@@ -1,28 +1,35 @@
 {
   "name": "impact-ui",
-  "version": "0.1.17",
-  "description": "Impact Analytics UI library",
+  "version": "0.1.18",
+  "description": "Made with create-react-library",
   "author": "",
   "license": "MIT",
-  "repository": "/impact-ui",
+  "repository": "/poc",
   "main": "dist/index.js",
   "module": "dist/index.modern.js",
-  "source": "src/components/index.js",
+  "source": "src/index.js",
   "engines": {
     "node": ">=10"
   },
   "scripts": {
-    "build:docs": "microbundle-crl --no-compress --format modern,cjs",
-    "start:docs": "microbundle-crl watch --no-compress --format modern,cjs",
-    "start": "react-scripts start",
-    "build": "react-scripts --openssl-legacy-provider build"
+    "build": "microbundle-crl --no-compress --format modern,cjs --jsxFragment React.Fragment && cp -r src/assets dist/",
+    "start": "microbundle-crl watch --no-compress --format modern,cjs",
+    "prepare": "run-s build",
+    "test": "run-s test:unit test:lint test:build",
+    "test:build": "run-s build",
+    "test:lint": "eslint .",
+    "test:unit": "cross-env CI=1 react-scripts test --env=jsdom",
+    "test:watch": "react-scripts test --env=jsdom",
+    "predeploy": "cd example && npm install && npm run build",
+    "deploy": "gh-pages -d example/build"
   },
   "peerDependencies": {
     "react": "^16.0.0"
   },
   "devDependencies": {
-    "babel-eslint": "^10.0.3",
     "babel-plugin-module-resolver": "^3.2.0",
+    "microbundle-crl": "^0.13.10",
+    "babel-eslint": "^10.0.3",
     "cross-env": "^7.0.2",
     "eslint": "^6.8.0",
     "eslint-config-prettier": "^6.7.0",
@@ -35,31 +42,18 @@
     "eslint-plugin-react": "^7.17.0",
     "eslint-plugin-standard": "^4.0.1",
     "gh-pages": "^2.2.0",
-    "microbundle-crl": "^0.13.10",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.0.4",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-scripts": "^3.4.1"
   },
-  "files": [
-    "dist"
-  ],
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
   "dependencies": {
     "react-router-dom": "^6.6.2",
     "react-select": "^5.7.0",
     "styled-components": "^5.3.6"
-  }
+  },
+  "files": [
+    "dist"
+  ]
 }