@livechat/design-system-react-components 1.0.0-alpha.2 → 1.0.0-alpha.6

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../src/components/Icon.tsx","../src/components/Text.tsx","../src/components/Heading.tsx","../src/components/Loader.tsx","../src/components/Badge.tsx","../src/components/Button.tsx","../src/components/Card.tsx","../src/components/Form.tsx","../src/components/Tab.tsx","../src/components/TabsWrapper.tsx"],"sourcesContent":["import * as React from 'react';\nimport cx from 'classnames';\n\nexport enum IconSizeName {\n  XSmall = 'xsmall',\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n  XLarge = 'xlarge',\n}\n\nexport const IconSize = {\n  [IconSizeName.XSmall]: {\n    width: 12,\n    height: 12,\n  },\n  [IconSizeName.Small]: {\n    width: 16,\n    height: 16,\n  },\n  [IconSizeName.Medium]: {\n    width: 20,\n    height: 20,\n  },\n  [IconSizeName.Large]: {\n    width: 24,\n    height: 24,\n  },\n  [IconSizeName.XLarge]: {\n    width: 32,\n    height: 32,\n  },\n};\n\nexport enum IconTypeName {\n  Primary = 'primary',\n  Subtle = 'subtle',\n  Inverted = 'inverted',\n  InvertedSubtle = 'inverted_subtle',\n  Link = 'link',\n  Success = 'success',\n  Warning = 'warning',\n  Error = 'error',\n}\n\nexport const IconColorMapper = {\n  [IconTypeName.Primary]: 'primary',\n  [IconTypeName.Subtle]: 'subtle',\n  [IconTypeName.Inverted]: 'inverted',\n  [IconTypeName.InvertedSubtle]: 'inverted-subtle',\n  [IconTypeName.Link]: 'link',\n  [IconTypeName.Success]: 'success',\n  [IconTypeName.Warning]: 'warning',\n  [IconTypeName.Error]: 'error',\n};\n\nexport const IconColorDisabledMapper = {\n  [IconTypeName.Primary]: 'disabled--primary',\n  [IconTypeName.Subtle]: 'disabled--subtle',\n  [IconTypeName.Inverted]: 'disabled--inverted',\n  [IconTypeName.InvertedSubtle]: 'disabled--inverted-subtle',\n  [IconTypeName.Link]: 'disabled--link',\n  [IconTypeName.Success]: 'disabled--success',\n  [IconTypeName.Warning]: 'disabled--warning',\n  [IconTypeName.Error]: 'disabled--error',\n};\n\nexport interface IIconProps {\n  source: React.FC<React.SVGProps<SVGSVGElement>> | string;\n  size?: IconSizeName;\n  iconType?: IconTypeName;\n  disabled?: boolean;\n  className?: string;\n}\n\nconst baseClass = 'lc-icon';\n\nexport const Icon: React.FC<IIconProps> = (props) => {\n  const {\n    source,\n    size = IconSizeName.Medium,\n    iconType = IconTypeName.Primary,\n    disabled,\n    className,\n    ...restProps\n  } = props;\n  let filledColor = IconColorMapper[iconType];\n\n  if (disabled) {\n    filledColor = IconColorDisabledMapper[iconType];\n  }\n\n  const GeneratedIcon = React.createElement(source, {\n    ...IconSize[size],\n  });\n\n  const mergedClassNames = cx(\n    className,\n    baseClass,\n    `${baseClass}--${filledColor}`\n  );\n\n  return (\n    <span {...restProps} className={mergedClassNames}>\n      {GeneratedIcon}\n    </span>\n  );\n};\n\nexport default Icon;\n","import * as React from 'react';\nimport cx from 'classnames';\n\ntype TSize = 'md' | 'sm' | 'xs';\n\ninterface IProps {\n  /** DOM element name that will be rendered */\n  as?: string;\n  size?: TSize;\n  /** Optional custom className */\n  className?: string;\n  caps?: boolean;\n  bold?: boolean;\n  underline?: boolean;\n  strike?: boolean;\n}\n\nexport const Text: React.FC<IProps> = ({\n  as = 'p',\n  size = 'md',\n  caps = false,\n  bold = false,\n  underline = false,\n  strike = false,\n  children,\n  className,\n  ...props\n}) => {\n  const baseClassPrefix = caps ? 'lc-caps' : `lc-paragraph-${size}`;\n\n  return React.createElement(\n    as,\n    {\n      className: cx(\n        {\n          [`${baseClassPrefix}`]: true,\n          [`${baseClassPrefix}--bold`]: bold,\n          [`${baseClassPrefix}--strike`]: strike,\n          [`${baseClassPrefix}--underline`]: underline,\n        },\n        className\n      ),\n      ...props,\n    },\n    children\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nenum sizeToElement {\n  xl = 'h1',\n  lg = 'h2',\n  md = 'h3',\n  sm = 'h4',\n  xs = 'h5',\n}\n\ntype TSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs';\n\ninterface IProps {\n  size?: TSize;\n  /** DOM element name that will be rendered */\n  as?: string;\n  /** Optional custom className */\n  className?: string;\n}\n\nexport const Heading: React.FC<IProps> = ({\n  as,\n  size = 'md',\n  children,\n  className,\n  ...props\n}) => {\n  return React.createElement(\n    as || sizeToElement[size],\n    { className: cx(`lc-heading-${size}`, className), ...props },\n    children\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nimport { Text } from './Text';\n\nconst baseClass = 'lc-loader';\nconst spinnerClass = `${baseClass}__spinner`;\n\nexport interface Props extends React.HTMLAttributes<HTMLDivElement> {\n  size?: 'small' | 'medium' | 'large';\n  label?: string;\n  /** Fragment circle color */\n  primaryColor?: string;\n  /** Main circle color */\n  secondaryColor?: string;\n}\n\nexport const Loader: React.FC<Props> = ({\n  primaryColor,\n  secondaryColor,\n  label,\n  className,\n  size = 'medium',\n}) => {\n  return (\n    <div className={cx(baseClass, className)}>\n      <div className={cx(spinnerClass, `${spinnerClass}--${size}`)}>\n        <div\n          className=\"lc-loader__spinner-circle\"\n          style={{\n            /* stylelint-disable */\n            borderColor: secondaryColor,\n            borderTopColor: primaryColor,\n          }}\n        />\n      </div>\n      {label && (\n        <Text as=\"div\" size=\"md\" className=\"lc-loader__label\">\n          {label}\n        </Text>\n      )}\n    </div>\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nexport interface IBadgeProps {\n  secondary?: boolean;\n  className?: string;\n}\n\nexport const Badge: React.FC<IBadgeProps> = ({\n  children,\n  className: extraClassName = '',\n  secondary = false,\n}) => {\n  const className = cx('lc-badge', {\n    'lc-badge--secondary': secondary,\n    [extraClassName]: !!extraClassName,\n  });\n\n  return <span className={className}>{children}</span>;\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Loader } from './Loader';\n\nexport type ButtonSize = 'compact' | 'medium' | 'large';\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  kind?: 'basic' | 'primary' | 'secondary' | 'destructive' | 'text';\n  size?: ButtonSize;\n  disabled?: boolean;\n  loading?: boolean;\n  fullWidth?: boolean;\n  loaderLabel?: string;\n  icon?: React.ReactElement;\n  iconPosition?: 'left' | 'right';\n}\n\nconst baseClass = 'lc-btn';\n\nexport const Button: React.FC<ButtonProps> = ({\n  loading = false,\n  disabled = false,\n  type = 'button',\n  fullWidth = false,\n  kind = 'basic',\n  size = 'medium',\n  icon = null,\n  iconPosition = 'left',\n  loaderLabel,\n  className,\n  children,\n  ...props\n}) => {\n  const isDisabled = loading || disabled;\n\n  const mergedClassNames = cx(\n    className,\n    baseClass,\n    `${baseClass}--${kind}`,\n    `${baseClass}--${size}`,\n    {\n      [`${baseClass}--loading`]: loading,\n      [`${baseClass}--full-width`]: fullWidth,\n      [`${baseClass}--icon-only`]: !children && icon,\n    }\n  );\n\n  return (\n    <button\n      className={mergedClassNames}\n      disabled={isDisabled}\n      type={type}\n      {...props}\n    >\n      {loading && (\n        <Loader\n          size=\"small\"\n          label={loaderLabel}\n          className={`${baseClass}__loader`}\n        />\n      )}\n      {icon &&\n        React.cloneElement(icon, {\n          className: cx(\n            `${baseClass}__icon`,\n            `${baseClass}__icon--${iconPosition}`\n          ),\n          disabled,\n        })}\n      <div className={`${baseClass}__content`}>{children}</div>\n    </button>\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Text } from './Text';\nimport { Heading } from './Heading';\n\nexport interface ICardProps extends React.HTMLAttributes<HTMLDivElement> {\n  title: string;\n  img?: string;\n}\n\nexport const Card: React.FC<ICardProps> = ({\n  img,\n  title,\n  children,\n  className,\n  ...restProps\n}) => {\n  return (\n    <Text\n      as=\"div\"\n      size=\"md\"\n      className={cx('lc-card', className)}\n      {...restProps}\n    >\n      {(img || title) && (\n        <Heading as=\"div\" size=\"sm\" className={'lc-card__title'}>\n          {img && <img src={img} className={'lc-card__img'} />}\n          {title && <div className={'lc-card__text'}>{title}</div>}\n        </Heading>\n      )}\n      {children}\n    </Text>\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nimport { Heading } from './Heading';\nimport { Text } from './Text';\n\nexport interface IFormProps extends React.HTMLAttributes<HTMLFormElement> {\n  labelText?: string;\n  helperText?: string;\n  formFooter?: React.ReactNode;\n}\n\nconst baseClass = 'lc-form';\n\nexport const Form: React.FC<IFormProps> = ({\n  className,\n  children,\n  labelText,\n  helperText,\n  formFooter,\n  ...restProps\n}) => {\n  return (\n    <form className={cx(baseClass, className)} {...restProps}>\n      {(labelText || helperText) && (\n        <div className={`${baseClass}__header`}>\n          {labelText && (\n            <Heading size=\"sm\" className={`${baseClass}__label`}>\n              {labelText}\n            </Heading>\n          )}\n          {helperText && (\n            <Text as=\"p\" size=\"sm\" className={`${baseClass}__helper`}>\n              {helperText}\n            </Text>\n          )}\n        </div>\n      )}\n      {children}\n      {formFooter && <div className={`${baseClass}__footer`}>{formFooter}</div>}\n    </form>\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Text } from './Text';\n\ntype HTMLProps =\n  | (React.AnchorHTMLAttributes<HTMLAnchorElement> & { href: string })\n  | (React.ButtonHTMLAttributes<HTMLButtonElement> & { href?: never });\n\nexport type ITabProps = HTMLProps & {\n  description?: React.ReactNode;\n  isSelected?: boolean;\n};\n\nconst baseClass = 'lc-tab';\n\nexport const Tab: React.FC<ITabProps> = ({\n  children,\n  className,\n  description,\n  isSelected,\n  ...restProps\n}) => {\n  return (\n    <Text\n      {...restProps}\n      as={restProps.href ? 'a' : 'button'}\n      size=\"md\"\n      bold={isSelected}\n      className={cx(\n        baseClass,\n        className,\n        isSelected && `${baseClass}--selected`\n      )}\n    >\n      {children}\n      {description && (\n        <Text as=\"span\" size=\"md\" className={`${baseClass}__description`}>\n          ({description})\n        </Text>\n      )}\n    </Text>\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nconst baseClass = 'lc-tabs';\n\nexport const TabsWrapper: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n  className,\n  children,\n}) => {\n  return <div className={cx(baseClass, className)}>{children}</div>;\n};\n\nexport const TabsList: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n  className,\n  children,\n}) => {\n  return <div className={cx(`${baseClass}__list`, className)}>{children}</div>;\n};\n"],"names":["IconSizeName","IconSize","XSmall","width","height","Small","Medium","Large","XLarge","IconTypeName","IconColorMapper","Primary","Subtle","Inverted","InvertedSubtle","Link","Success","Warning","Error","IconColorDisabledMapper","Text","as","size","caps","bold","underline","strike","children","className","props","baseClassPrefix","React","createElement","cx","sizeToElement","Heading","Loader","primaryColor","secondaryColor","label","style","borderColor","borderTopColor","extraClassName","secondary","loading","disabled","type","fullWidth","kind","icon","iconPosition","loaderLabel","isDisabled","mergedClassNames","cloneElement","img","title","restProps","src","labelText","helperText","formFooter","source","iconType","filledColor","GeneratedIcon","description","isSelected","href"],"mappings":"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"}

package/dist/index.modern.js

@@ -1,2 +0,0 @@
-import*as e from"react";import l from"classnames";const a=({children:a,className:s="",secondary:r=!1})=>{const t=l("lc-badge",{"lc-badge--secondary":r,[s]:!!s});/*#__PURE__*/return e.createElement("span",{className:t},a)};function s(){return(s=Object.assign||function(e){for(var l=1;l<arguments.length;l++){var a=arguments[l];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e}).apply(this,arguments)}function r(e,l){if(null==e)return{};var a,s,r={},t=Object.keys(e);for(s=0;s<t.length;s++)l.indexOf(a=t[s])>=0||(r[a]=e[a]);return r}const t=["source","size","iconType","disabled","className"];var c;!function(e){e.XSmall="xsmall",e.Small="small",e.Medium="medium",e.Large="large",e.XLarge="xlarge"}(c||(c={}));const n={[c.XSmall]:{width:12,height:12},[c.Small]:{width:16,height:16},[c.Medium]:{width:20,height:20},[c.Large]:{width:24,height:24},[c.XLarge]:{width:32,height:32}};var i;!function(e){e.Primary="primary",e.Subtle="subtle",e.Inverted="inverted",e.InvertedSubtle="inverted_subtle",e.Link="link",e.Success="success",e.Warning="warning",e.Error="error"}(i||(i={}));const d={[i.Primary]:"primary",[i.Subtle]:"subtle",[i.Inverted]:"inverted",[i.InvertedSubtle]:"inverted-subtle",[i.Link]:"link",[i.Success]:"success",[i.Warning]:"warning",[i.Error]:"error"},m={[i.Primary]:"disabled--primary",[i.Subtle]:"disabled--subtle",[i.Inverted]:"disabled--inverted",[i.InvertedSubtle]:"disabled--inverted-subtle",[i.Link]:"disabled--link",[i.Success]:"disabled--success",[i.Warning]:"disabled--warning",[i.Error]:"disabled--error"},o=a=>{const{source:o,size:b=c.Medium,iconType:u=i.Primary,disabled:h,className:N}=a,p=r(a,t);let _=d[u];h&&(_=m[u]);const g=/*#__PURE__*/e.createElement(o,s({},n[b])),v=l(N,"lc-icon",`lc-icon--${_}`);/*#__PURE__*/return e.createElement("span",s({},p,{className:v}),g)},b=["as","size","caps","bold","underline","strike","children","className"],u=a=>{let{as:t="p",size:c="md",caps:n=!1,bold:i=!1,underline:d=!1,strike:m=!1,children:o,className:u}=a,h=r(a,b);const N=n?"lc-caps":`lc-paragraph-${c}`;/*#__PURE__*/return e.createElement(t,s({className:l({[`${N}`]:!0,[`${N}--bold`]:i,[`${N}--strike`]:m,[`${N}--underline`]:d},u)},h),o)},h=["as","size","children","className"];var N;!function(e){e.xl="h1",e.lg="h2",e.md="h3",e.sm="h4",e.xs="h5"}(N||(N={}));const p=a=>{let{as:t,size:c="md",children:n,className:i}=a,d=r(a,h);/*#__PURE__*/return e.createElement(t||N[c],s({className:l(`lc-heading-${c}`,i)},d),n)},_=["img","title","children","className"],g=a=>{let{img:t,title:c,children:n,className:i}=a,d=r(a,_);/*#__PURE__*/return e.createElement(u,s({as:"div",size:"md",className:l("lc-card",i)},d),(t||c)&&/*#__PURE__*/e.createElement(p,{as:"div",size:"sm",className:"lc-card__title"},t&&/*#__PURE__*/e.createElement("img",{src:t,className:"lc-card__img"}),c&&/*#__PURE__*/e.createElement("div",{className:"lc-card__text"},c)),n)},v=["children","className","description","isSelected"],E=a=>{let{children:t,className:c,description:n,isSelected:i}=a,d=r(a,v);/*#__PURE__*/return e.createElement(u,s({},d,{as:d.href?"a":"button",size:"md",bold:i,className:l("lc-tab",c,i&&"lc-tab--selected")}),t,n&&/*#__PURE__*/e.createElement(u,{as:"span",size:"md",className:"lc-tab__description"},"(",n,")"))},f=({className:a,children:s})=>/*#__PURE__*/e.createElement("div",{className:l("lc-tabs",a)},s),y=({className:a,children:s})=>/*#__PURE__*/e.createElement("div",{className:l("lc-tabs__list",a)},s),z=["className","children","labelText","helperText","formFooter"],S=a=>{let{className:t,children:c,labelText:n,helperText:i,formFooter:d}=a,m=r(a,z);/*#__PURE__*/return e.createElement("form",s({className:l("lc-form",t)},m),(n||i)&&/*#__PURE__*/e.createElement("div",{className:"lc-form__header"},n&&/*#__PURE__*/e.createElement(p,{size:"sm",className:"lc-form__label"},n),i&&/*#__PURE__*/e.createElement(u,{as:"p",size:"sm",className:"lc-form__helper"},i)),c,d&&/*#__PURE__*/e.createElement("div",{className:"lc-form__footer"},d))},k=({primaryColor:a,secondaryColor:s,label:r,className:t,size:c="medium"})=>/*#__PURE__*/e.createElement("div",{className:l("lc-loader",t)},/*#__PURE__*/e.createElement("div",{className:l("lc-loader__spinner",`lc-loader__spinner--${c}`)},/*#__PURE__*/e.createElement("div",{className:"lc-loader__spinner-circle",style:{borderColor:s,borderTopColor:a}})),r&&/*#__PURE__*/e.createElement(u,{as:"div",size:"md",className:"lc-loader__label"},r)),x=["loading","disabled","type","fullWidth","kind","size","icon","iconPosition","loaderLabel","className","children"],$=a=>{let{loading:t=!1,disabled:c=!1,type:n="button",fullWidth:i=!1,kind:d="basic",size:m="medium",icon:o=null,iconPosition:b="left",loaderLabel:u,className:h,children:N}=a,p=r(a,x);const _=t||c,g=l(h,"lc-btn",`lc-btn--${d}`,`lc-btn--${m}`,{"lc-btn--loading":t,"lc-btn--full-width":i,"lc-btn--icon-only":!N&&o});/*#__PURE__*/return e.createElement("button",s({className:g,disabled:_,type:n},p),t&&/*#__PURE__*/e.createElement(k,{size:"small",label:u,className:"lc-btn__loader"}),o&&/*#__PURE__*/e.cloneElement(o,{className:l("lc-btn__icon",`lc-btn__icon--${b}`),disabled:c}),/*#__PURE__*/e.createElement("div",{className:"lc-btn__content"},N))};export{a as Badge,$ as Button,g as Card,S as Form,o as Icon,E as Tab,y as TabsList,f as TabsWrapper};
-//# sourceMappingURL=index.modern.js.map

package/dist/index.modern.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.modern.js","sources":["../src/components/Badge.tsx","../src/components/Icon.tsx","../src/components/Text.tsx","../src/components/Heading.tsx","../src/components/Card.tsx","../src/components/Tab.tsx","../src/components/TabsWrapper.tsx","../src/components/Form.tsx","../src/components/Loader.tsx","../src/components/Button.tsx"],"sourcesContent":["import * as React from 'react';\nimport cx from 'classnames';\n\nexport interface IBadgeProps {\n  secondary?: boolean;\n  className?: string;\n}\n\nexport const Badge: React.FC<IBadgeProps> = ({\n  children,\n  className: extraClassName = '',\n  secondary = false,\n}) => {\n  const className = cx('lc-badge', {\n    'lc-badge--secondary': secondary,\n    [extraClassName]: !!extraClassName,\n  });\n\n  return <span className={className}>{children}</span>;\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nexport enum IconSizeName {\n  XSmall = 'xsmall',\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n  XLarge = 'xlarge',\n}\n\nexport const IconSize = {\n  [IconSizeName.XSmall]: {\n    width: 12,\n    height: 12,\n  },\n  [IconSizeName.Small]: {\n    width: 16,\n    height: 16,\n  },\n  [IconSizeName.Medium]: {\n    width: 20,\n    height: 20,\n  },\n  [IconSizeName.Large]: {\n    width: 24,\n    height: 24,\n  },\n  [IconSizeName.XLarge]: {\n    width: 32,\n    height: 32,\n  },\n};\n\nexport enum IconTypeName {\n  Primary = 'primary',\n  Subtle = 'subtle',\n  Inverted = 'inverted',\n  InvertedSubtle = 'inverted_subtle',\n  Link = 'link',\n  Success = 'success',\n  Warning = 'warning',\n  Error = 'error',\n}\n\nexport const IconColorMapper = {\n  [IconTypeName.Primary]: 'primary',\n  [IconTypeName.Subtle]: 'subtle',\n  [IconTypeName.Inverted]: 'inverted',\n  [IconTypeName.InvertedSubtle]: 'inverted-subtle',\n  [IconTypeName.Link]: 'link',\n  [IconTypeName.Success]: 'success',\n  [IconTypeName.Warning]: 'warning',\n  [IconTypeName.Error]: 'error',\n};\n\nexport const IconColorDisabledMapper = {\n  [IconTypeName.Primary]: 'disabled--primary',\n  [IconTypeName.Subtle]: 'disabled--subtle',\n  [IconTypeName.Inverted]: 'disabled--inverted',\n  [IconTypeName.InvertedSubtle]: 'disabled--inverted-subtle',\n  [IconTypeName.Link]: 'disabled--link',\n  [IconTypeName.Success]: 'disabled--success',\n  [IconTypeName.Warning]: 'disabled--warning',\n  [IconTypeName.Error]: 'disabled--error',\n};\n\nexport interface IIconProps {\n  source: React.FC<React.SVGProps<SVGSVGElement>> | string;\n  size?: IconSizeName;\n  iconType?: IconTypeName;\n  disabled?: boolean;\n  className?: string;\n}\n\nconst baseClass = 'lc-icon';\n\nexport const Icon: React.FC<IIconProps> = (props) => {\n  const {\n    source,\n    size = IconSizeName.Medium,\n    iconType = IconTypeName.Primary,\n    disabled,\n    className,\n    ...restProps\n  } = props;\n  let filledColor = IconColorMapper[iconType];\n\n  if (disabled) {\n    filledColor = IconColorDisabledMapper[iconType];\n  }\n\n  const GeneratedIcon = React.createElement(source, {\n    ...IconSize[size],\n  });\n\n  const mergedClassNames = cx(\n    className,\n    baseClass,\n    `${baseClass}--${filledColor}`\n  );\n\n  return (\n    <span {...restProps} className={mergedClassNames}>\n      {GeneratedIcon}\n    </span>\n  );\n};\n\nexport default Icon;\n","import * as React from 'react';\nimport cx from 'classnames';\n\ntype TSize = 'md' | 'sm' | 'xs';\n\ninterface IProps {\n  /** DOM element name that will be rendered */\n  as?: string;\n  size?: TSize;\n  /** Optional custom className */\n  className?: string;\n  caps?: boolean;\n  bold?: boolean;\n  underline?: boolean;\n  strike?: boolean;\n}\n\nexport const Text: React.FC<IProps> = ({\n  as = 'p',\n  size = 'md',\n  caps = false,\n  bold = false,\n  underline = false,\n  strike = false,\n  children,\n  className,\n  ...props\n}) => {\n  const baseClassPrefix = caps ? 'lc-caps' : `lc-paragraph-${size}`;\n\n  return React.createElement(\n    as,\n    {\n      className: cx(\n        {\n          [`${baseClassPrefix}`]: true,\n          [`${baseClassPrefix}--bold`]: bold,\n          [`${baseClassPrefix}--strike`]: strike,\n          [`${baseClassPrefix}--underline`]: underline,\n        },\n        className\n      ),\n      ...props,\n    },\n    children\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nenum sizeToElement {\n  xl = 'h1',\n  lg = 'h2',\n  md = 'h3',\n  sm = 'h4',\n  xs = 'h5',\n}\n\ntype TSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs';\n\ninterface IProps {\n  size?: TSize;\n  /** DOM element name that will be rendered */\n  as?: string;\n  /** Optional custom className */\n  className?: string;\n}\n\nexport const Heading: React.FC<IProps> = ({\n  as,\n  size = 'md',\n  children,\n  className,\n  ...props\n}) => {\n  return React.createElement(\n    as || sizeToElement[size],\n    { className: cx(`lc-heading-${size}`, className), ...props },\n    children\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Text } from './Text';\nimport { Heading } from './Heading';\n\nexport interface ICardProps extends React.HTMLAttributes<HTMLDivElement> {\n  title: string;\n  img?: string;\n}\n\nexport const Card: React.FC<ICardProps> = ({\n  img,\n  title,\n  children,\n  className,\n  ...restProps\n}) => {\n  return (\n    <Text\n      as=\"div\"\n      size=\"md\"\n      className={cx('lc-card', className)}\n      {...restProps}\n    >\n      {(img || title) && (\n        <Heading as=\"div\" size=\"sm\" className={'lc-card__title'}>\n          {img && <img src={img} className={'lc-card__img'} />}\n          {title && <div className={'lc-card__text'}>{title}</div>}\n        </Heading>\n      )}\n      {children}\n    </Text>\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Text } from './Text';\n\ntype HTMLProps =\n  | (React.AnchorHTMLAttributes<HTMLAnchorElement> & { href: string })\n  | (React.ButtonHTMLAttributes<HTMLButtonElement> & { href?: never });\n\nexport type ITabProps = HTMLProps & {\n  description?: React.ReactNode;\n  isSelected?: boolean;\n};\n\nconst baseClass = 'lc-tab';\n\nexport const Tab: React.FC<ITabProps> = ({\n  children,\n  className,\n  description,\n  isSelected,\n  ...restProps\n}) => {\n  return (\n    <Text\n      {...restProps}\n      as={restProps.href ? 'a' : 'button'}\n      size=\"md\"\n      bold={isSelected}\n      className={cx(\n        baseClass,\n        className,\n        isSelected && `${baseClass}--selected`\n      )}\n    >\n      {children}\n      {description && (\n        <Text as=\"span\" size=\"md\" className={`${baseClass}__description`}>\n          ({description})\n        </Text>\n      )}\n    </Text>\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nconst baseClass = 'lc-tabs';\n\nexport const TabsWrapper: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n  className,\n  children,\n}) => {\n  return <div className={cx(baseClass, className)}>{children}</div>;\n};\n\nexport const TabsList: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n  className,\n  children,\n}) => {\n  return <div className={cx(`${baseClass}__list`, className)}>{children}</div>;\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nimport { Heading } from './Heading';\nimport { Text } from './Text';\n\nexport interface IFormProps extends React.HTMLAttributes<HTMLFormElement> {\n  labelText?: string;\n  helperText?: string;\n  formFooter?: React.ReactNode;\n}\n\nconst baseClass = 'lc-form';\n\nexport const Form: React.FC<IFormProps> = ({\n  className,\n  children,\n  labelText,\n  helperText,\n  formFooter,\n  ...restProps\n}) => {\n  return (\n    <form className={cx(baseClass, className)} {...restProps}>\n      {(labelText || helperText) && (\n        <div className={`${baseClass}__header`}>\n          {labelText && (\n            <Heading size=\"sm\" className={`${baseClass}__label`}>\n              {labelText}\n            </Heading>\n          )}\n          {helperText && (\n            <Text as=\"p\" size=\"sm\" className={`${baseClass}__helper`}>\n              {helperText}\n            </Text>\n          )}\n        </div>\n      )}\n      {children}\n      {formFooter && <div className={`${baseClass}__footer`}>{formFooter}</div>}\n    </form>\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nimport { Text } from './Text';\n\nconst baseClass = 'lc-loader';\nconst spinnerClass = `${baseClass}__spinner`;\n\nexport interface Props extends React.HTMLAttributes<HTMLDivElement> {\n  size?: 'small' | 'medium' | 'large';\n  label?: string;\n  /** Fragment circle color */\n  primaryColor?: string;\n  /** Main circle color */\n  secondaryColor?: string;\n}\n\nexport const Loader: React.FC<Props> = ({\n  primaryColor,\n  secondaryColor,\n  label,\n  className,\n  size = 'medium',\n}) => {\n  return (\n    <div className={cx(baseClass, className)}>\n      <div className={cx(spinnerClass, `${spinnerClass}--${size}`)}>\n        <div\n          className=\"lc-loader__spinner-circle\"\n          style={{\n            /* stylelint-disable */\n            borderColor: secondaryColor,\n            borderTopColor: primaryColor,\n          }}\n        />\n      </div>\n      {label && (\n        <Text as=\"div\" size=\"md\" className=\"lc-loader__label\">\n          {label}\n        </Text>\n      )}\n    </div>\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Loader } from './Loader';\n\nexport type ButtonSize = 'compact' | 'medium' | 'large';\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  kind?: 'basic' | 'primary' | 'secondary' | 'destructive' | 'text';\n  size?: ButtonSize;\n  disabled?: boolean;\n  loading?: boolean;\n  fullWidth?: boolean;\n  loaderLabel?: string;\n  icon?: React.ReactElement;\n  iconPosition?: 'left' | 'right';\n}\n\nconst baseClass = 'lc-btn';\n\nexport const Button: React.FC<ButtonProps> = ({\n  loading = false,\n  disabled = false,\n  type = 'button',\n  fullWidth = false,\n  kind = 'basic',\n  size = 'medium',\n  icon = null,\n  iconPosition = 'left',\n  loaderLabel,\n  className,\n  children,\n  ...props\n}) => {\n  const isDisabled = loading || disabled;\n\n  const mergedClassNames = cx(\n    className,\n    baseClass,\n    `${baseClass}--${kind}`,\n    `${baseClass}--${size}`,\n    {\n      [`${baseClass}--loading`]: loading,\n      [`${baseClass}--full-width`]: fullWidth,\n      [`${baseClass}--icon-only`]: !children && icon,\n    }\n  );\n\n  return (\n    <button\n      className={mergedClassNames}\n      disabled={isDisabled}\n      type={type}\n      {...props}\n    >\n      {loading && (\n        <Loader\n          size=\"small\"\n          label={loaderLabel}\n          className={`${baseClass}__loader`}\n        />\n      )}\n      {icon &&\n        React.cloneElement(icon, {\n          className: cx(\n            `${baseClass}__icon`,\n            `${baseClass}__icon--${iconPosition}`\n          ),\n          disabled,\n        })}\n      <div className={`${baseClass}__content`}>{children}</div>\n    </button>\n  );\n};\n"],"names":["Badge","children","className","extraClassName","secondary","cx","React","IconSizeName","IconSize","XSmall","width","height","Small","Medium","Large","XLarge","IconTypeName","IconColorMapper","Primary","Subtle","Inverted","InvertedSubtle","Link","Success","Warning","Error","IconColorDisabledMapper","Icon","props","source","size","iconType","disabled","restProps","filledColor","GeneratedIcon","createElement","mergedClassNames","Text","_ref","as","caps","bold","underline","strike","baseClassPrefix","sizeToElement","Heading","Card","img","title","src","Tab","description","isSelected","href","TabsWrapper","TabsList","Form","labelText","helperText","formFooter","Loader","primaryColor","secondaryColor","label","style","borderColor","borderTopColor","Button","loading","type","fullWidth","kind","icon","iconPosition","loaderLabel","isDisabled","cloneElement"],"mappings":"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"}

package/dist/index.module.js

@@ -1,2 +0,0 @@
-import*as e from"react";import l from"classnames";const a=({children:a,className:s="",secondary:c=!1})=>{const r=l("lc-badge",{"lc-badge--secondary":c,[s]:!!s});/*#__PURE__*/return e.createElement("span",{className:r},a)};var s;!function(e){e.XSmall="xsmall",e.Small="small",e.Medium="medium",e.Large="large",e.XLarge="xlarge"}(s||(s={}));const c={[s.XSmall]:{width:12,height:12},[s.Small]:{width:16,height:16},[s.Medium]:{width:20,height:20},[s.Large]:{width:24,height:24},[s.XLarge]:{width:32,height:32}};var r;!function(e){e.Primary="primary",e.Subtle="subtle",e.Inverted="inverted",e.InvertedSubtle="inverted_subtle",e.Link="link",e.Success="success",e.Warning="warning",e.Error="error"}(r||(r={}));const t={[r.Primary]:"primary",[r.Subtle]:"subtle",[r.Inverted]:"inverted",[r.InvertedSubtle]:"inverted-subtle",[r.Link]:"link",[r.Success]:"success",[r.Warning]:"warning",[r.Error]:"error"},n={[r.Primary]:"disabled--primary",[r.Subtle]:"disabled--subtle",[r.Inverted]:"disabled--inverted",[r.InvertedSubtle]:"disabled--inverted-subtle",[r.Link]:"disabled--link",[r.Success]:"disabled--success",[r.Warning]:"disabled--warning",[r.Error]:"disabled--error"},i=a=>{const{source:i,size:m=s.Medium,iconType:d=r.Primary,disabled:o,className:b,...u}=a;let h=t[d];o&&(h=n[d]);const N=/*#__PURE__*/e.createElement(i,{...c[m]}),_=l(b,"lc-icon",`lc-icon--${h}`);/*#__PURE__*/return e.createElement("span",{...u,className:_},N)},m=({as:a="p",size:s="md",caps:c=!1,bold:r=!1,underline:t=!1,strike:n=!1,children:i,className:m,...d})=>{const o=c?"lc-caps":`lc-paragraph-${s}`;/*#__PURE__*/return e.createElement(a,{className:l({[`${o}`]:!0,[`${o}--bold`]:r,[`${o}--strike`]:n,[`${o}--underline`]:t},m),...d},i)};var d;!function(e){e.xl="h1",e.lg="h2",e.md="h3",e.sm="h4",e.xs="h5"}(d||(d={}));const o=({as:a,size:s="md",children:c,className:r,...t})=>/*#__PURE__*/e.createElement(a||d[s],{className:l(`lc-heading-${s}`,r),...t},c),b=({img:a,title:s,children:c,className:r,...t})=>/*#__PURE__*/e.createElement(m,{as:"div",size:"md",className:l("lc-card",r),...t},(a||s)&&/*#__PURE__*/e.createElement(o,{as:"div",size:"sm",className:"lc-card__title"},a&&/*#__PURE__*/e.createElement("img",{src:a,className:"lc-card__img"}),s&&/*#__PURE__*/e.createElement("div",{className:"lc-card__text"},s)),c),u=({children:a,className:s,description:c,isSelected:r,...t})=>/*#__PURE__*/e.createElement(m,{...t,as:t.href?"a":"button",size:"md",bold:r,className:l("lc-tab",s,r&&"lc-tab--selected")},a,c&&/*#__PURE__*/e.createElement(m,{as:"span",size:"md",className:"lc-tab__description"},"(",c,")")),h=({className:a,children:s})=>/*#__PURE__*/e.createElement("div",{className:l("lc-tabs",a)},s),N=({className:a,children:s})=>/*#__PURE__*/e.createElement("div",{className:l("lc-tabs__list",a)},s),_=({className:a,children:s,labelText:c,helperText:r,formFooter:t,...n})=>/*#__PURE__*/e.createElement("form",{className:l("lc-form",a),...n},(c||r)&&/*#__PURE__*/e.createElement("div",{className:"lc-form__header"},c&&/*#__PURE__*/e.createElement(o,{size:"sm",className:"lc-form__label"},c),r&&/*#__PURE__*/e.createElement(m,{as:"p",size:"sm",className:"lc-form__helper"},r)),s,t&&/*#__PURE__*/e.createElement("div",{className:"lc-form__footer"},t)),E=({primaryColor:a,secondaryColor:s,label:c,className:r,size:t="medium"})=>/*#__PURE__*/e.createElement("div",{className:l("lc-loader",r)},/*#__PURE__*/e.createElement("div",{className:l("lc-loader__spinner",`lc-loader__spinner--${t}`)},/*#__PURE__*/e.createElement("div",{className:"lc-loader__spinner-circle",style:{borderColor:s,borderTopColor:a}})),c&&/*#__PURE__*/e.createElement(m,{as:"div",size:"md",className:"lc-loader__label"},c)),g=({loading:a=!1,disabled:s=!1,type:c="button",fullWidth:r=!1,kind:t="basic",size:n="medium",icon:i=null,iconPosition:m="left",loaderLabel:d,className:o,children:b,...u})=>{const h=a||s,N=l(o,"lc-btn",`lc-btn--${t}`,`lc-btn--${n}`,{"lc-btn--loading":a,"lc-btn--full-width":r,"lc-btn--icon-only":!b&&i});/*#__PURE__*/return e.createElement("button",{className:N,disabled:h,type:c,...u},a&&/*#__PURE__*/e.createElement(E,{size:"small",label:d,className:"lc-btn__loader"}),i&&/*#__PURE__*/e.cloneElement(i,{className:l("lc-btn__icon",`lc-btn__icon--${m}`),disabled:s}),/*#__PURE__*/e.createElement("div",{className:"lc-btn__content"},b))};export{a as Badge,g as Button,b as Card,_ as Form,i as Icon,u as Tab,N as TabsList,h as TabsWrapper};
-//# sourceMappingURL=index.module.js.map

package/dist/index.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.module.js","sources":["../src/components/Badge.tsx","../src/components/Icon.tsx","../src/components/Text.tsx","../src/components/Heading.tsx","../src/components/Card.tsx","../src/components/Tab.tsx","../src/components/TabsWrapper.tsx","../src/components/Form.tsx","../src/components/Loader.tsx","../src/components/Button.tsx"],"sourcesContent":["import * as React from 'react';\nimport cx from 'classnames';\n\nexport interface IBadgeProps {\n  secondary?: boolean;\n  className?: string;\n}\n\nexport const Badge: React.FC<IBadgeProps> = ({\n  children,\n  className: extraClassName = '',\n  secondary = false,\n}) => {\n  const className = cx('lc-badge', {\n    'lc-badge--secondary': secondary,\n    [extraClassName]: !!extraClassName,\n  });\n\n  return <span className={className}>{children}</span>;\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nexport enum IconSizeName {\n  XSmall = 'xsmall',\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n  XLarge = 'xlarge',\n}\n\nexport const IconSize = {\n  [IconSizeName.XSmall]: {\n    width: 12,\n    height: 12,\n  },\n  [IconSizeName.Small]: {\n    width: 16,\n    height: 16,\n  },\n  [IconSizeName.Medium]: {\n    width: 20,\n    height: 20,\n  },\n  [IconSizeName.Large]: {\n    width: 24,\n    height: 24,\n  },\n  [IconSizeName.XLarge]: {\n    width: 32,\n    height: 32,\n  },\n};\n\nexport enum IconTypeName {\n  Primary = 'primary',\n  Subtle = 'subtle',\n  Inverted = 'inverted',\n  InvertedSubtle = 'inverted_subtle',\n  Link = 'link',\n  Success = 'success',\n  Warning = 'warning',\n  Error = 'error',\n}\n\nexport const IconColorMapper = {\n  [IconTypeName.Primary]: 'primary',\n  [IconTypeName.Subtle]: 'subtle',\n  [IconTypeName.Inverted]: 'inverted',\n  [IconTypeName.InvertedSubtle]: 'inverted-subtle',\n  [IconTypeName.Link]: 'link',\n  [IconTypeName.Success]: 'success',\n  [IconTypeName.Warning]: 'warning',\n  [IconTypeName.Error]: 'error',\n};\n\nexport const IconColorDisabledMapper = {\n  [IconTypeName.Primary]: 'disabled--primary',\n  [IconTypeName.Subtle]: 'disabled--subtle',\n  [IconTypeName.Inverted]: 'disabled--inverted',\n  [IconTypeName.InvertedSubtle]: 'disabled--inverted-subtle',\n  [IconTypeName.Link]: 'disabled--link',\n  [IconTypeName.Success]: 'disabled--success',\n  [IconTypeName.Warning]: 'disabled--warning',\n  [IconTypeName.Error]: 'disabled--error',\n};\n\nexport interface IIconProps {\n  source: React.FC<React.SVGProps<SVGSVGElement>> | string;\n  size?: IconSizeName;\n  iconType?: IconTypeName;\n  disabled?: boolean;\n  className?: string;\n}\n\nconst baseClass = 'lc-icon';\n\nexport const Icon: React.FC<IIconProps> = (props) => {\n  const {\n    source,\n    size = IconSizeName.Medium,\n    iconType = IconTypeName.Primary,\n    disabled,\n    className,\n    ...restProps\n  } = props;\n  let filledColor = IconColorMapper[iconType];\n\n  if (disabled) {\n    filledColor = IconColorDisabledMapper[iconType];\n  }\n\n  const GeneratedIcon = React.createElement(source, {\n    ...IconSize[size],\n  });\n\n  const mergedClassNames = cx(\n    className,\n    baseClass,\n    `${baseClass}--${filledColor}`\n  );\n\n  return (\n    <span {...restProps} className={mergedClassNames}>\n      {GeneratedIcon}\n    </span>\n  );\n};\n\nexport default Icon;\n","import * as React from 'react';\nimport cx from 'classnames';\n\ntype TSize = 'md' | 'sm' | 'xs';\n\ninterface IProps {\n  /** DOM element name that will be rendered */\n  as?: string;\n  size?: TSize;\n  /** Optional custom className */\n  className?: string;\n  caps?: boolean;\n  bold?: boolean;\n  underline?: boolean;\n  strike?: boolean;\n}\n\nexport const Text: React.FC<IProps> = ({\n  as = 'p',\n  size = 'md',\n  caps = false,\n  bold = false,\n  underline = false,\n  strike = false,\n  children,\n  className,\n  ...props\n}) => {\n  const baseClassPrefix = caps ? 'lc-caps' : `lc-paragraph-${size}`;\n\n  return React.createElement(\n    as,\n    {\n      className: cx(\n        {\n          [`${baseClassPrefix}`]: true,\n          [`${baseClassPrefix}--bold`]: bold,\n          [`${baseClassPrefix}--strike`]: strike,\n          [`${baseClassPrefix}--underline`]: underline,\n        },\n        className\n      ),\n      ...props,\n    },\n    children\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nenum sizeToElement {\n  xl = 'h1',\n  lg = 'h2',\n  md = 'h3',\n  sm = 'h4',\n  xs = 'h5',\n}\n\ntype TSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs';\n\ninterface IProps {\n  size?: TSize;\n  /** DOM element name that will be rendered */\n  as?: string;\n  /** Optional custom className */\n  className?: string;\n}\n\nexport const Heading: React.FC<IProps> = ({\n  as,\n  size = 'md',\n  children,\n  className,\n  ...props\n}) => {\n  return React.createElement(\n    as || sizeToElement[size],\n    { className: cx(`lc-heading-${size}`, className), ...props },\n    children\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Text } from './Text';\nimport { Heading } from './Heading';\n\nexport interface ICardProps extends React.HTMLAttributes<HTMLDivElement> {\n  title: string;\n  img?: string;\n}\n\nexport const Card: React.FC<ICardProps> = ({\n  img,\n  title,\n  children,\n  className,\n  ...restProps\n}) => {\n  return (\n    <Text\n      as=\"div\"\n      size=\"md\"\n      className={cx('lc-card', className)}\n      {...restProps}\n    >\n      {(img || title) && (\n        <Heading as=\"div\" size=\"sm\" className={'lc-card__title'}>\n          {img && <img src={img} className={'lc-card__img'} />}\n          {title && <div className={'lc-card__text'}>{title}</div>}\n        </Heading>\n      )}\n      {children}\n    </Text>\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Text } from './Text';\n\ntype HTMLProps =\n  | (React.AnchorHTMLAttributes<HTMLAnchorElement> & { href: string })\n  | (React.ButtonHTMLAttributes<HTMLButtonElement> & { href?: never });\n\nexport type ITabProps = HTMLProps & {\n  description?: React.ReactNode;\n  isSelected?: boolean;\n};\n\nconst baseClass = 'lc-tab';\n\nexport const Tab: React.FC<ITabProps> = ({\n  children,\n  className,\n  description,\n  isSelected,\n  ...restProps\n}) => {\n  return (\n    <Text\n      {...restProps}\n      as={restProps.href ? 'a' : 'button'}\n      size=\"md\"\n      bold={isSelected}\n      className={cx(\n        baseClass,\n        className,\n        isSelected && `${baseClass}--selected`\n      )}\n    >\n      {children}\n      {description && (\n        <Text as=\"span\" size=\"md\" className={`${baseClass}__description`}>\n          ({description})\n        </Text>\n      )}\n    </Text>\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nconst baseClass = 'lc-tabs';\n\nexport const TabsWrapper: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n  className,\n  children,\n}) => {\n  return <div className={cx(baseClass, className)}>{children}</div>;\n};\n\nexport const TabsList: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n  className,\n  children,\n}) => {\n  return <div className={cx(`${baseClass}__list`, className)}>{children}</div>;\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nimport { Heading } from './Heading';\nimport { Text } from './Text';\n\nexport interface IFormProps extends React.HTMLAttributes<HTMLFormElement> {\n  labelText?: string;\n  helperText?: string;\n  formFooter?: React.ReactNode;\n}\n\nconst baseClass = 'lc-form';\n\nexport const Form: React.FC<IFormProps> = ({\n  className,\n  children,\n  labelText,\n  helperText,\n  formFooter,\n  ...restProps\n}) => {\n  return (\n    <form className={cx(baseClass, className)} {...restProps}>\n      {(labelText || helperText) && (\n        <div className={`${baseClass}__header`}>\n          {labelText && (\n            <Heading size=\"sm\" className={`${baseClass}__label`}>\n              {labelText}\n            </Heading>\n          )}\n          {helperText && (\n            <Text as=\"p\" size=\"sm\" className={`${baseClass}__helper`}>\n              {helperText}\n            </Text>\n          )}\n        </div>\n      )}\n      {children}\n      {formFooter && <div className={`${baseClass}__footer`}>{formFooter}</div>}\n    </form>\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nimport { Text } from './Text';\n\nconst baseClass = 'lc-loader';\nconst spinnerClass = `${baseClass}__spinner`;\n\nexport interface Props extends React.HTMLAttributes<HTMLDivElement> {\n  size?: 'small' | 'medium' | 'large';\n  label?: string;\n  /** Fragment circle color */\n  primaryColor?: string;\n  /** Main circle color */\n  secondaryColor?: string;\n}\n\nexport const Loader: React.FC<Props> = ({\n  primaryColor,\n  secondaryColor,\n  label,\n  className,\n  size = 'medium',\n}) => {\n  return (\n    <div className={cx(baseClass, className)}>\n      <div className={cx(spinnerClass, `${spinnerClass}--${size}`)}>\n        <div\n          className=\"lc-loader__spinner-circle\"\n          style={{\n            /* stylelint-disable */\n            borderColor: secondaryColor,\n            borderTopColor: primaryColor,\n          }}\n        />\n      </div>\n      {label && (\n        <Text as=\"div\" size=\"md\" className=\"lc-loader__label\">\n          {label}\n        </Text>\n      )}\n    </div>\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Loader } from './Loader';\n\nexport type ButtonSize = 'compact' | 'medium' | 'large';\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  kind?: 'basic' | 'primary' | 'secondary' | 'destructive' | 'text';\n  size?: ButtonSize;\n  disabled?: boolean;\n  loading?: boolean;\n  fullWidth?: boolean;\n  loaderLabel?: string;\n  icon?: React.ReactElement;\n  iconPosition?: 'left' | 'right';\n}\n\nconst baseClass = 'lc-btn';\n\nexport const Button: React.FC<ButtonProps> = ({\n  loading = false,\n  disabled = false,\n  type = 'button',\n  fullWidth = false,\n  kind = 'basic',\n  size = 'medium',\n  icon = null,\n  iconPosition = 'left',\n  loaderLabel,\n  className,\n  children,\n  ...props\n}) => {\n  const isDisabled = loading || disabled;\n\n  const mergedClassNames = cx(\n    className,\n    baseClass,\n    `${baseClass}--${kind}`,\n    `${baseClass}--${size}`,\n    {\n      [`${baseClass}--loading`]: loading,\n      [`${baseClass}--full-width`]: fullWidth,\n      [`${baseClass}--icon-only`]: !children && icon,\n    }\n  );\n\n  return (\n    <button\n      className={mergedClassNames}\n      disabled={isDisabled}\n      type={type}\n      {...props}\n    >\n      {loading && (\n        <Loader\n          size=\"small\"\n          label={loaderLabel}\n          className={`${baseClass}__loader`}\n        />\n      )}\n      {icon &&\n        React.cloneElement(icon, {\n          className: cx(\n            `${baseClass}__icon`,\n            `${baseClass}__icon--${iconPosition}`\n          ),\n          disabled,\n        })}\n      <div className={`${baseClass}__content`}>{children}</div>\n    </button>\n  );\n};\n"],"names":["Badge","children","className","extraClassName","secondary","cx","React","IconSizeName","IconSize","XSmall","width","height","Small","Medium","Large","XLarge","IconTypeName","IconColorMapper","Primary","Subtle","Inverted","InvertedSubtle","Link","Success","Warning","Error","IconColorDisabledMapper","Icon","props","source","size","iconType","disabled","restProps","filledColor","GeneratedIcon","createElement","mergedClassNames","Text","as","caps","bold","underline","strike","baseClassPrefix","sizeToElement","Heading","Card","img","title","src","Tab","description","isSelected","href","TabsWrapper","TabsList","Form","labelText","helperText","formFooter","Loader","primaryColor","secondaryColor","label","style","borderColor","borderTopColor","Button","loading","type","fullWidth","kind","icon","iconPosition","loaderLabel","isDisabled","cloneElement"],"mappings":"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"}

package/dist/index.umd.js

@@ -1,2 +0,0 @@
-!function(e,a){"object"==typeof exports&&"undefined"!=typeof module?a(exports,require("react"),require("classnames")):"function"==typeof define&&define.amd?define(["exports","react","classnames"],a):a((e||self).designSystemReactComponents={},e.react,e.classnames)}(this,function(e,a,l){function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach(function(l){if("default"!==l){var t=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(a,l,t.get?t:{enumerable:!0,get:function(){return e[l]}})}}),a.default=e,a}var r,c=/*#__PURE__*/s(a),n=/*#__PURE__*/t(l);!function(e){e.XSmall="xsmall",e.Small="small",e.Medium="medium",e.Large="large",e.XLarge="xlarge"}(r||(r={}));const i={[r.XSmall]:{width:12,height:12},[r.Small]:{width:16,height:16},[r.Medium]:{width:20,height:20},[r.Large]:{width:24,height:24},[r.XLarge]:{width:32,height:32}};var d;!function(e){e.Primary="primary",e.Subtle="subtle",e.Inverted="inverted",e.InvertedSubtle="inverted_subtle",e.Link="link",e.Success="success",e.Warning="warning",e.Error="error"}(d||(d={}));const m={[d.Primary]:"primary",[d.Subtle]:"subtle",[d.Inverted]:"inverted",[d.InvertedSubtle]:"inverted-subtle",[d.Link]:"link",[d.Success]:"success",[d.Warning]:"warning",[d.Error]:"error"},o={[d.Primary]:"disabled--primary",[d.Subtle]:"disabled--subtle",[d.Inverted]:"disabled--inverted",[d.InvertedSubtle]:"disabled--inverted-subtle",[d.Link]:"disabled--link",[d.Success]:"disabled--success",[d.Warning]:"disabled--warning",[d.Error]:"disabled--error"},u=({as:e="p",size:a="md",caps:l=!1,bold:t=!1,underline:s=!1,strike:r=!1,children:i,className:d,...m})=>{const o=l?"lc-caps":`lc-paragraph-${a}`;/*#__PURE__*/return c.createElement(e,{className:n.default({[`${o}`]:!0,[`${o}--bold`]:t,[`${o}--strike`]:r,[`${o}--underline`]:s},d),...m},i)};var b;!function(e){e.xl="h1",e.lg="h2",e.md="h3",e.sm="h4",e.xs="h5"}(b||(b={}));const f=({as:e,size:a="md",children:l,className:t,...s})=>/*#__PURE__*/c.createElement(e||b[a],{className:n.default(`lc-heading-${a}`,t),...s},l),h="lc-loader__spinner",p=({primaryColor:e,secondaryColor:a,label:l,className:t,size:s="medium"})=>/*#__PURE__*/c.createElement("div",{className:n.default("lc-loader",t)},/*#__PURE__*/c.createElement("div",{className:n.default(h,`${h}--${s}`)},/*#__PURE__*/c.createElement("div",{className:"lc-loader__spinner-circle",style:{borderColor:a,borderTopColor:e}})),l&&/*#__PURE__*/c.createElement(u,{as:"div",size:"md",className:"lc-loader__label"},l));e.Badge=({children:e,className:a="",secondary:l=!1})=>{const t=n.default("lc-badge",{"lc-badge--secondary":l,[a]:!!a});/*#__PURE__*/return c.createElement("span",{className:t},e)},e.Button=({loading:e=!1,disabled:a=!1,type:l="button",fullWidth:t=!1,kind:s="basic",size:r="medium",icon:i=null,iconPosition:d="left",loaderLabel:m,className:o,children:u,...b})=>{const f=e||a,h=n.default(o,"lc-btn",`lc-btn--${s}`,`lc-btn--${r}`,{"lc-btn--loading":e,"lc-btn--full-width":t,"lc-btn--icon-only":!u&&i});/*#__PURE__*/return c.createElement("button",{className:h,disabled:f,type:l,...b},e&&/*#__PURE__*/c.createElement(p,{size:"small",label:m,className:"lc-btn__loader"}),i&&/*#__PURE__*/c.cloneElement(i,{className:n.default("lc-btn__icon",`lc-btn__icon--${d}`),disabled:a}),/*#__PURE__*/c.createElement("div",{className:"lc-btn__content"},u))},e.Card=({img:e,title:a,children:l,className:t,...s})=>/*#__PURE__*/c.createElement(u,{as:"div",size:"md",className:n.default("lc-card",t),...s},(e||a)&&/*#__PURE__*/c.createElement(f,{as:"div",size:"sm",className:"lc-card__title"},e&&/*#__PURE__*/c.createElement("img",{src:e,className:"lc-card__img"}),a&&/*#__PURE__*/c.createElement("div",{className:"lc-card__text"},a)),l),e.Form=({className:e,children:a,labelText:l,helperText:t,formFooter:s,...r})=>/*#__PURE__*/c.createElement("form",{className:n.default("lc-form",e),...r},(l||t)&&/*#__PURE__*/c.createElement("div",{className:"lc-form__header"},l&&/*#__PURE__*/c.createElement(f,{size:"sm",className:"lc-form__label"},l),t&&/*#__PURE__*/c.createElement(u,{as:"p",size:"sm",className:"lc-form__helper"},t)),a,s&&/*#__PURE__*/c.createElement("div",{className:"lc-form__footer"},s)),e.Icon=e=>{const{source:a,size:l=r.Medium,iconType:t=d.Primary,disabled:s,className:u,...b}=e;let f=m[t];s&&(f=o[t]);const h=/*#__PURE__*/c.createElement(a,{...i[l]}),p=n.default(u,"lc-icon",`lc-icon--${f}`);/*#__PURE__*/return c.createElement("span",{...b,className:p},h)},e.Tab=({children:e,className:a,description:l,isSelected:t,...s})=>/*#__PURE__*/c.createElement(u,{...s,as:s.href?"a":"button",size:"md",bold:t,className:n.default("lc-tab",a,t&&"lc-tab--selected")},e,l&&/*#__PURE__*/c.createElement(u,{as:"span",size:"md",className:"lc-tab__description"},"(",l,")")),e.TabsList=({className:e,children:a})=>/*#__PURE__*/c.createElement("div",{className:n.default("lc-tabs__list",e)},a),e.TabsWrapper=({className:e,children:a})=>/*#__PURE__*/c.createElement("div",{className:n.default("lc-tabs",e)},a)});
-//# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.umd.js","sources":["../src/components/Icon.tsx","../src/components/Text.tsx","../src/components/Heading.tsx","../src/components/Loader.tsx","../src/components/Badge.tsx","../src/components/Button.tsx","../src/components/Card.tsx","../src/components/Form.tsx","../src/components/Tab.tsx","../src/components/TabsWrapper.tsx"],"sourcesContent":["import * as React from 'react';\nimport cx from 'classnames';\n\nexport enum IconSizeName {\n  XSmall = 'xsmall',\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n  XLarge = 'xlarge',\n}\n\nexport const IconSize = {\n  [IconSizeName.XSmall]: {\n    width: 12,\n    height: 12,\n  },\n  [IconSizeName.Small]: {\n    width: 16,\n    height: 16,\n  },\n  [IconSizeName.Medium]: {\n    width: 20,\n    height: 20,\n  },\n  [IconSizeName.Large]: {\n    width: 24,\n    height: 24,\n  },\n  [IconSizeName.XLarge]: {\n    width: 32,\n    height: 32,\n  },\n};\n\nexport enum IconTypeName {\n  Primary = 'primary',\n  Subtle = 'subtle',\n  Inverted = 'inverted',\n  InvertedSubtle = 'inverted_subtle',\n  Link = 'link',\n  Success = 'success',\n  Warning = 'warning',\n  Error = 'error',\n}\n\nexport const IconColorMapper = {\n  [IconTypeName.Primary]: 'primary',\n  [IconTypeName.Subtle]: 'subtle',\n  [IconTypeName.Inverted]: 'inverted',\n  [IconTypeName.InvertedSubtle]: 'inverted-subtle',\n  [IconTypeName.Link]: 'link',\n  [IconTypeName.Success]: 'success',\n  [IconTypeName.Warning]: 'warning',\n  [IconTypeName.Error]: 'error',\n};\n\nexport const IconColorDisabledMapper = {\n  [IconTypeName.Primary]: 'disabled--primary',\n  [IconTypeName.Subtle]: 'disabled--subtle',\n  [IconTypeName.Inverted]: 'disabled--inverted',\n  [IconTypeName.InvertedSubtle]: 'disabled--inverted-subtle',\n  [IconTypeName.Link]: 'disabled--link',\n  [IconTypeName.Success]: 'disabled--success',\n  [IconTypeName.Warning]: 'disabled--warning',\n  [IconTypeName.Error]: 'disabled--error',\n};\n\nexport interface IIconProps {\n  source: React.FC<React.SVGProps<SVGSVGElement>> | string;\n  size?: IconSizeName;\n  iconType?: IconTypeName;\n  disabled?: boolean;\n  className?: string;\n}\n\nconst baseClass = 'lc-icon';\n\nexport const Icon: React.FC<IIconProps> = (props) => {\n  const {\n    source,\n    size = IconSizeName.Medium,\n    iconType = IconTypeName.Primary,\n    disabled,\n    className,\n    ...restProps\n  } = props;\n  let filledColor = IconColorMapper[iconType];\n\n  if (disabled) {\n    filledColor = IconColorDisabledMapper[iconType];\n  }\n\n  const GeneratedIcon = React.createElement(source, {\n    ...IconSize[size],\n  });\n\n  const mergedClassNames = cx(\n    className,\n    baseClass,\n    `${baseClass}--${filledColor}`\n  );\n\n  return (\n    <span {...restProps} className={mergedClassNames}>\n      {GeneratedIcon}\n    </span>\n  );\n};\n\nexport default Icon;\n","import * as React from 'react';\nimport cx from 'classnames';\n\ntype TSize = 'md' | 'sm' | 'xs';\n\ninterface IProps {\n  /** DOM element name that will be rendered */\n  as?: string;\n  size?: TSize;\n  /** Optional custom className */\n  className?: string;\n  caps?: boolean;\n  bold?: boolean;\n  underline?: boolean;\n  strike?: boolean;\n}\n\nexport const Text: React.FC<IProps> = ({\n  as = 'p',\n  size = 'md',\n  caps = false,\n  bold = false,\n  underline = false,\n  strike = false,\n  children,\n  className,\n  ...props\n}) => {\n  const baseClassPrefix = caps ? 'lc-caps' : `lc-paragraph-${size}`;\n\n  return React.createElement(\n    as,\n    {\n      className: cx(\n        {\n          [`${baseClassPrefix}`]: true,\n          [`${baseClassPrefix}--bold`]: bold,\n          [`${baseClassPrefix}--strike`]: strike,\n          [`${baseClassPrefix}--underline`]: underline,\n        },\n        className\n      ),\n      ...props,\n    },\n    children\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nenum sizeToElement {\n  xl = 'h1',\n  lg = 'h2',\n  md = 'h3',\n  sm = 'h4',\n  xs = 'h5',\n}\n\ntype TSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs';\n\ninterface IProps {\n  size?: TSize;\n  /** DOM element name that will be rendered */\n  as?: string;\n  /** Optional custom className */\n  className?: string;\n}\n\nexport const Heading: React.FC<IProps> = ({\n  as,\n  size = 'md',\n  children,\n  className,\n  ...props\n}) => {\n  return React.createElement(\n    as || sizeToElement[size],\n    { className: cx(`lc-heading-${size}`, className), ...props },\n    children\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nimport { Text } from './Text';\n\nconst baseClass = 'lc-loader';\nconst spinnerClass = `${baseClass}__spinner`;\n\nexport interface Props extends React.HTMLAttributes<HTMLDivElement> {\n  size?: 'small' | 'medium' | 'large';\n  label?: string;\n  /** Fragment circle color */\n  primaryColor?: string;\n  /** Main circle color */\n  secondaryColor?: string;\n}\n\nexport const Loader: React.FC<Props> = ({\n  primaryColor,\n  secondaryColor,\n  label,\n  className,\n  size = 'medium',\n}) => {\n  return (\n    <div className={cx(baseClass, className)}>\n      <div className={cx(spinnerClass, `${spinnerClass}--${size}`)}>\n        <div\n          className=\"lc-loader__spinner-circle\"\n          style={{\n            /* stylelint-disable */\n            borderColor: secondaryColor,\n            borderTopColor: primaryColor,\n          }}\n        />\n      </div>\n      {label && (\n        <Text as=\"div\" size=\"md\" className=\"lc-loader__label\">\n          {label}\n        </Text>\n      )}\n    </div>\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nexport interface IBadgeProps {\n  secondary?: boolean;\n  className?: string;\n}\n\nexport const Badge: React.FC<IBadgeProps> = ({\n  children,\n  className: extraClassName = '',\n  secondary = false,\n}) => {\n  const className = cx('lc-badge', {\n    'lc-badge--secondary': secondary,\n    [extraClassName]: !!extraClassName,\n  });\n\n  return <span className={className}>{children}</span>;\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Loader } from './Loader';\n\nexport type ButtonSize = 'compact' | 'medium' | 'large';\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  kind?: 'basic' | 'primary' | 'secondary' | 'destructive' | 'text';\n  size?: ButtonSize;\n  disabled?: boolean;\n  loading?: boolean;\n  fullWidth?: boolean;\n  loaderLabel?: string;\n  icon?: React.ReactElement;\n  iconPosition?: 'left' | 'right';\n}\n\nconst baseClass = 'lc-btn';\n\nexport const Button: React.FC<ButtonProps> = ({\n  loading = false,\n  disabled = false,\n  type = 'button',\n  fullWidth = false,\n  kind = 'basic',\n  size = 'medium',\n  icon = null,\n  iconPosition = 'left',\n  loaderLabel,\n  className,\n  children,\n  ...props\n}) => {\n  const isDisabled = loading || disabled;\n\n  const mergedClassNames = cx(\n    className,\n    baseClass,\n    `${baseClass}--${kind}`,\n    `${baseClass}--${size}`,\n    {\n      [`${baseClass}--loading`]: loading,\n      [`${baseClass}--full-width`]: fullWidth,\n      [`${baseClass}--icon-only`]: !children && icon,\n    }\n  );\n\n  return (\n    <button\n      className={mergedClassNames}\n      disabled={isDisabled}\n      type={type}\n      {...props}\n    >\n      {loading && (\n        <Loader\n          size=\"small\"\n          label={loaderLabel}\n          className={`${baseClass}__loader`}\n        />\n      )}\n      {icon &&\n        React.cloneElement(icon, {\n          className: cx(\n            `${baseClass}__icon`,\n            `${baseClass}__icon--${iconPosition}`\n          ),\n          disabled,\n        })}\n      <div className={`${baseClass}__content`}>{children}</div>\n    </button>\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Text } from './Text';\nimport { Heading } from './Heading';\n\nexport interface ICardProps extends React.HTMLAttributes<HTMLDivElement> {\n  title: string;\n  img?: string;\n}\n\nexport const Card: React.FC<ICardProps> = ({\n  img,\n  title,\n  children,\n  className,\n  ...restProps\n}) => {\n  return (\n    <Text\n      as=\"div\"\n      size=\"md\"\n      className={cx('lc-card', className)}\n      {...restProps}\n    >\n      {(img || title) && (\n        <Heading as=\"div\" size=\"sm\" className={'lc-card__title'}>\n          {img && <img src={img} className={'lc-card__img'} />}\n          {title && <div className={'lc-card__text'}>{title}</div>}\n        </Heading>\n      )}\n      {children}\n    </Text>\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nimport { Heading } from './Heading';\nimport { Text } from './Text';\n\nexport interface IFormProps extends React.HTMLAttributes<HTMLFormElement> {\n  labelText?: string;\n  helperText?: string;\n  formFooter?: React.ReactNode;\n}\n\nconst baseClass = 'lc-form';\n\nexport const Form: React.FC<IFormProps> = ({\n  className,\n  children,\n  labelText,\n  helperText,\n  formFooter,\n  ...restProps\n}) => {\n  return (\n    <form className={cx(baseClass, className)} {...restProps}>\n      {(labelText || helperText) && (\n        <div className={`${baseClass}__header`}>\n          {labelText && (\n            <Heading size=\"sm\" className={`${baseClass}__label`}>\n              {labelText}\n            </Heading>\n          )}\n          {helperText && (\n            <Text as=\"p\" size=\"sm\" className={`${baseClass}__helper`}>\n              {helperText}\n            </Text>\n          )}\n        </div>\n      )}\n      {children}\n      {formFooter && <div className={`${baseClass}__footer`}>{formFooter}</div>}\n    </form>\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Text } from './Text';\n\ntype HTMLProps =\n  | (React.AnchorHTMLAttributes<HTMLAnchorElement> & { href: string })\n  | (React.ButtonHTMLAttributes<HTMLButtonElement> & { href?: never });\n\nexport type ITabProps = HTMLProps & {\n  description?: React.ReactNode;\n  isSelected?: boolean;\n};\n\nconst baseClass = 'lc-tab';\n\nexport const Tab: React.FC<ITabProps> = ({\n  children,\n  className,\n  description,\n  isSelected,\n  ...restProps\n}) => {\n  return (\n    <Text\n      {...restProps}\n      as={restProps.href ? 'a' : 'button'}\n      size=\"md\"\n      bold={isSelected}\n      className={cx(\n        baseClass,\n        className,\n        isSelected && `${baseClass}--selected`\n      )}\n    >\n      {children}\n      {description && (\n        <Text as=\"span\" size=\"md\" className={`${baseClass}__description`}>\n          ({description})\n        </Text>\n      )}\n    </Text>\n  );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nconst baseClass = 'lc-tabs';\n\nexport const TabsWrapper: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n  className,\n  children,\n}) => {\n  return <div className={cx(baseClass, className)}>{children}</div>;\n};\n\nexport const TabsList: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n  className,\n  children,\n}) => {\n  return <div className={cx(`${baseClass}__list`, className)}>{children}</div>;\n};\n"],"names":["IconSizeName","IconSize","XSmall","width","height","Small","Medium","Large","XLarge","IconTypeName","IconColorMapper","Primary","Subtle","Inverted","InvertedSubtle","Link","Success","Warning","Error","IconColorDisabledMapper","Text","as","size","caps","bold","underline","strike","children","className","props","baseClassPrefix","React","createElement","cx","sizeToElement","Heading","spinnerClass","Loader","primaryColor","secondaryColor","label","style","borderColor","borderTopColor","extraClassName","secondary","loading","disabled","type","fullWidth","kind","icon","iconPosition","loaderLabel","isDisabled","mergedClassNames","cloneElement","img","title","restProps","src","labelText","helperText","formFooter","source","iconType","filledColor","GeneratedIcon","description","isSelected","href"],"mappings":"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"}

package/dist/stories/Alert.stories.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { ComponentMeta, Story } from '@storybook/react';
-import { IAlertProps } from '../components/Alert';
-declare const _default: ComponentMeta<React.FC<IAlertProps>>;
-export default _default;
-export declare const Alert: Story<IAlertProps>;
-export declare const InfoAlert: Story<IAlertProps>;
-export declare const WarningAlert: Story<IAlertProps>;
-export declare const SuccessAlert: Story<IAlertProps>;
-export declare const ErrorAlert: Story<IAlertProps>;
-export declare const BannerWithClose: Story<IAlertProps>;
-export declare const SmallAlert: Story<IAlertProps>;
-export declare const MediumBanner: Story<IAlertProps>;
-export declare const LargeAlert: Story<IAlertProps>;

package/dist/stories/Badge.stories.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { ComponentMeta } from '@storybook/react';
-import { IBadgeProps } from '../components/Badge';
-declare const _default: ComponentMeta<React.FC<IBadgeProps>>;
-export default _default;
-interface IBadgeArgs extends IBadgeProps {
-    label: string;
-}
-export declare const Badge: {
-    (args: IBadgeArgs): React.ReactElement;
-    args: {
-        secondary: boolean;
-        children: string;
-        label: string;
-    };
-};

package/dist/stories/Button.stories.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<React.FC<import("../components/Button").ButtonProps>>;
-export default _default;
-export declare const button: {
-    (args: any): React.ReactElement;
-    args: {
-        loading: boolean;
-        disabled: boolean;
-        size: string;
-        kind: string;
-        children: string;
-        fullWidth: boolean;
-        iconPosition: string;
-        icon: string;
-    };
-};
-export declare const kinds: () => React.ReactElement;
-export declare const sizes: () => React.ReactElement;
-export declare const loading: () => React.ReactElement;

package/dist/stories/ButtonGroup.stories.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { ComponentMeta } from '@storybook/react';
-import { ButtonGroupProps } from '../components/ButtonGroup';
-declare const _default: ComponentMeta<React.FC<ButtonGroupProps>>;
-export default _default;
-export declare const controlled: {
-    (args: ButtonGroupProps): React.ReactElement;
-    args: {
-        currentIndex: number;
-    };
-};
-export declare const uncontrolledEmptySelection: (args: ButtonGroupProps) => React.ReactElement;
-export declare const uncontrolledWithInitialSelection: {
-    (args: ButtonGroupProps): React.ReactElement;
-    args: {
-        initialIndex: number;
-    };
-};

package/dist/stories/Card.stories.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { ComponentMeta } from '@storybook/react';
-import { ICardProps } from '../components/Card';
-declare const _default: ComponentMeta<React.FC<ICardProps>>;
-export default _default;
-declare type ICardArgs = ICardProps;
-export declare const Card: {
-    (args: ICardArgs): React.ReactElement;
-    args: ICardProps;
-};

package/dist/stories/CheckboxField.stories.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { ComponentMeta } from '@storybook/react';
-import { ICheckboxFieldProps } from '../components/CheckboxField';
-declare const _default: ComponentMeta<React.FC<ICheckboxFieldProps>>;
-export default _default;
-export declare const CheckboxField: {
-    (args: ICheckboxFieldProps): React.ReactElement;
-    args: ICheckboxFieldProps;
-};

package/dist/stories/FieldGroup.stories.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { ComponentMeta } from '@storybook/react';
-import { IFieldGroupProps } from '../components/FieldGroup';
-declare const _default: ComponentMeta<React.FC<IFieldGroupProps>>;
-export default _default;
-export declare const FieldGroup: {
-    ({ ...args }: IFieldGroupProps): React.ReactElement;
-    args: IFieldGroupProps;
-};

package/dist/stories/Form.stories.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { ComponentMeta, Story } from '@storybook/react';
-import { IFormProps } from '../components/Form';
-declare const _default: ComponentMeta<React.FC<IFormProps>>;
-export default _default;
-export declare const Form: Story<IFormProps>;

package/dist/stories/FormGroup.stories.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { ComponentMeta } from '@storybook/react';
-import { IFormGroupProps } from '../components/FormGroup';
-declare const _default: ComponentMeta<React.FC<IFormGroupProps>>;
-export default _default;
-export declare const FormGroup: {
-    ({ ...args }: IFormGroupProps): React.ReactElement;
-    args: IFormGroupProps;
-};

package/dist/stories/Icon.stories.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { ComponentMeta } from '@storybook/react';
-import * as MaterialIcons from '@livechat/design-system-icons/dist/material';
-import { IconSizeName, IconTypeName, IIconProps } from '../components/Icon';
-declare const _default: ComponentMeta<React.FC<IIconProps>>;
-export default _default;
-export declare const Icon: {
-    (args: IIconProps): React.ReactElement;
-    args: {
-        source: typeof MaterialIcons.Email;
-        size: IconSizeName;
-        iconType: IconTypeName;
-    };
-};

package/dist/stories/Loader.stories.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { ComponentMeta } from '@storybook/react';
-import { Props as LoaderProps } from '../components/Loader';
-declare const _default: ComponentMeta<React.FC<LoaderProps>>;
-export default _default;
-export declare const sizes: () => React.ReactElement;
-export declare const labeled: (args: LoaderProps) => React.ReactElement;
-export declare const customColors: (args: LoaderProps) => React.ReactElement;

package/dist/stories/Modal.stories.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { ComponentMeta } from '@storybook/react';
-import { IModalProps } from '../components/Modal/Modal';
-import { IActionModalProps } from '../components/Modal/ActionModal';
-import { IModalPortalProps } from '../components/Modal/ModalPortal';
-declare const _default: ComponentMeta<React.FC<IModalProps>>;
-export default _default;
-export declare const Modal: {
-    ({ children, ...args }: IModalProps): React.ReactElement;
-    args: IModalProps;
-};
-export declare const ActionModal: {
-    ({ children, ...args }: IActionModalProps): React.ReactElement;
-    args: IActionModalProps;
-};
-export declare const ModalPortal: {
-    ({ children, ...args }: IModalPortalProps): React.ReactElement;
-    args: IModalPortalProps;
-};

package/dist/stories/ProgressCircle.stories.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { ComponentMeta } from '@storybook/react';
-import { IProps as IProgressCircleProps } from '../components/ProgressCircle';
-declare const _default: ComponentMeta<React.ExoticComponent<IProgressCircleProps & React.RefAttributes<HTMLInputElement>>>;
-export default _default;
-export declare const ProgressCircle: {
-    (args: IProgressCircleProps): React.ReactElement;
-    args: {
-        percent: number;
-        status: string;
-        size: string;
-    };
-};

package/dist/stories/Progressbar.stories.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { ComponentMeta } from '@storybook/react';
-import { IProps as IProgressBarProps } from '../components/ProgressBar';
-declare const _default: ComponentMeta<React.ExoticComponent<IProgressBarProps & React.RefAttributes<HTMLInputElement>>>;
-export default _default;
-export declare const ProgressBar: {
-    (args: IProgressBarProps): React.ReactElement;
-    args: {
-        percent: number;
-        status: string;
-        size: string;
-    };
-};

package/dist/stories/PromoBanner.stories.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { ComponentMeta, Story } from '@storybook/react';
-import { IPromoBannerProps } from '../components/PromoBanner';
-declare const _default: ComponentMeta<React.FC<IPromoBannerProps>>;
-export default _default;
-export declare const PromoBanner: Story<IPromoBannerProps>;
-export declare const PromoBannerWithButtons: Story<IPromoBannerProps>;
-export declare const PromoBannerWithImage: Story<IPromoBannerProps>;
-export declare const PromoBannerLight: Story<IPromoBannerProps>;
-export declare const PromoBannerWithClose: Story<IPromoBannerProps>;
-export declare const PromoBannerSmall: Story<IPromoBannerProps>;
-export declare const PromoBannerMedium: Story<IPromoBannerProps>;
-export declare const PromoBannerLarge: Story<IPromoBannerProps>;

package/dist/stories/RadioButton.stories.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { ComponentMeta } from '@storybook/react';
-import { IRadioButtonProps } from '../components/RadioButton';
-declare const _default: ComponentMeta<React.FC<IRadioButtonProps>>;
-export default _default;
-export declare const RadioButton: {
-    ({ children, ...args }: IRadioButtonProps): React.ReactElement;
-    args: IRadioButtonProps;
-};

package/dist/stories/Switch.stories.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { ComponentMeta } from '@storybook/react';
-import { IProps as ISwitchProps } from '../components/Switch';
-import noop from '../utils/noop';
-declare const _default: ComponentMeta<React.FC<ISwitchProps>>;
-export default _default;
-export declare const Switch: {
-    (args: ISwitchProps): React.ReactElement;
-    args: {
-        onChange: typeof noop;
-    };
-};

package/dist/stories/Tab.stories.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { ComponentMeta } from '@storybook/react';
-import { ITabProps } from '../components/Tab';
-declare const _default: ComponentMeta<React.FC<ITabProps>>;
-export default _default;
-declare type ITabArgs = ITabProps;
-export declare const Tab: {
-    (args: ITabArgs): React.ReactElement;
-    args: ITabProps;
-};

package/dist/stories/TabsWrapper.stories.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<React.FC<React.HTMLAttributes<HTMLDivElement>>>;
-export default _default;
-declare type ITabArgs = {
-    items: Array<{
-        id: string;
-        title: string;
-        count: number;
-    }>;
-};
-export declare const TabsWrapper: {
-    ({ items }: ITabArgs): React.ReactElement;
-    args: ITabArgs;
-};

package/dist/stories/Toast.stories.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { ComponentMeta, Story } from '@storybook/react';
-import { IToastProps } from '../components/Toast';
-declare const _default: ComponentMeta<React.FC<IToastProps>>;
-export default _default;
-interface IToastArgs extends IToastProps {
-    label: string;
-}
-export declare const Toast: Story<IToastArgs>;
-export declare const SuccessToast: Story<IToastArgs>;
-export declare const WarningToast: Story<IToastArgs>;
-export declare const ErrorToast: Story<IToastArgs>;
-export declare const InfoToast: Story<IToastArgs>;
-export declare const NotificationToast: Story<IToastArgs>;
-export declare const ToastWithActionAndRemovable: Story<IToastArgs>;

package/dist/stories/ToastWrapper.stories.d.ts

@@ -1,40 +0,0 @@
-import * as React from 'react';
-import { ComponentMeta } from '@storybook/react';
-import { IToastWrapperProps } from '../components/ToastWrapper';
-import { Variants } from '../components/Toast';
-declare const _default: ComponentMeta<React.FC<IToastWrapperProps>>;
-export default _default;
-export declare const ToastWrapper: {
-    (args: IToastWrapperProps): React.ReactElement;
-    args: {
-        fixed: boolean;
-        toasts: ({
-            id: string;
-            variant: Variants;
-            content: JSX.Element;
-            removable?: undefined;
-            action?: undefined;
-        } | {
-            id: string;
-            variant: Variants;
-            content: string;
-            removable: boolean;
-            action?: undefined;
-        } | {
-            id: string;
-            variant: Variants;
-            content: string;
-            action: {
-                label: string;
-                handler: () => void;
-            };
-            removable?: undefined;
-        } | {
-            id: string;
-            variant: Variants;
-            content: string;
-            removable?: undefined;
-            action?: undefined;
-        })[];
-    };
-};

package/dist/stories/foundations/components/ColorTokens.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const ColorTokensPallete: React.FC;

package/dist/stories/foundations/components/IconsShowcase.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import './iconsShowcase.css';
-export declare type IconsMap = {
-    [key: string]: React.FC<React.SVGProps<SVGSVGElement>>;
-};
-export declare const IconsShowcase: () => React.ReactElement;

package/dist/test-utils.d.ts

@@ -1,2 +0,0 @@
-export * from '@testing-library/react';
-export { default as userEvent } from '@testing-library/user-event';