@laerdal/life-react-components 1.0.1-dev.22.full → 1.0.1-dev.29.full

package/dist/esm/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Button/Button.tsx"],"names":["React","styled","css","LoadingIndicator","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","tabbedHereStyle","variant","colorTheme","focus_25","focus","accent1_700","primary_100","primary_700","primary_500","white","accent1","primary_800","primary","accent1_500","Primary","button","props","size","Bold","width","primary_600","accent1_800","primary_200","tabbedHere","neutral_100","neutral_300","Secondary","primary_300","Tertiary","accent1_20","primary_20","accent1_100","Correct","correct_500","correct_700","correct_800","Critical","critical_500","critical_700","critical_800","Text","neutral_500","Button","children","type","testId","disabled","icon","loading","renderProps","supressFocusRef","useRef","setTabbedHere","useState","renderContent","className","e","current","role","title"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { LoadingIndicator } from '../LoadingIndicator';\nimport { COLORS, TYPOGRAPHY } from '../styles';\nimport { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';\n\nconst tabbedHereStyle = (variant: string, colorTheme?: string) => {\n  switch (variant) {\n    case 'primary':\n      return css`\n        outline: none;\n        div {\n          outline: none;\n          box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\n          background-color: ${colorTheme === 'teal' ? COLORS.accent1_700 : colorTheme === 'dark' ? COLORS.primary_100 : COLORS.primary_700};\n          border-color: ${colorTheme === 'teal' ? COLORS.accent1_700 : colorTheme === 'dark' ? COLORS.primary_100 : COLORS.primary_700};\n          color: ${colorTheme === 'dark' ? COLORS.primary_500 : COLORS.white};\n        }\n      `;\n    case 'secondary':\n      return css`\n        outline: none;\n        div {\n          outline: none;\n          box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\n          background-color: ${colorTheme === 'dark' ? 'transparent' : COLORS.white};\n          border-color: ${colorTheme === 'teal' ? COLORS.accent1 : colorTheme === 'dark' ? COLORS.primary_800 : COLORS.primary};\n          color: ${colorTheme === 'dark' ? COLORS.white : COLORS.primary_500};\n        }\n      `;\n    case 'tertiary':\n      return css`\n        outline: none;\n        div {\n          outline: none;\n          box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\n          background-color: ${COLORS.white};\n          border-color: ${colorTheme === 'teal' ? COLORS.accent1 : COLORS.primary};\n          color: ${colorTheme === 'teal' ? COLORS.accent1_500 : COLORS.primary_500};\n        }\n      `;\n\n    default:\n      return css`\n        outline: none;\n        div {\n          outline: none;\n          box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\n          background-color: ${colorTheme === 'teal' ? COLORS.accent1_700 : colorTheme === 'dark' ? COLORS.primary_100 : COLORS.primary_700};\n          border-color: ${colorTheme === 'teal' ? COLORS.accent1_700 : colorTheme === 'dark' ? COLORS.primary_100 : COLORS.primary_700};\n          color: ${colorTheme === 'dark' ? COLORS.primary_500 : COLORS.white};\n        }\n      `;\n  }\n};\n\nconst Primary = styled.button<ButtonProps>`\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n  min-height: ${(props) => (props.size === 'big' ? '56px' : '48px')};\n  &.loading-state {\n    cursor: wait;\n  }\n  &:focus:not(:focus-visible),\n  &:focus:not(:focus-visible) > div.button-content {\n    outline: 0 !important;\n  }\n  div.button-content {\n    ${(props) =>\n      props.size === 'big'\n        ? ComponentLStyling(ComponentTextStyle.Bold, props?.colorTheme === 'dark' ? COLORS.primary_800 : COLORS.white)\n        : props.size === 'small'\n        ? ComponentSStyling(ComponentTextStyle.Bold, props?.colorTheme === 'dark' ? COLORS.primary_800 : COLORS.white)\n        : ComponentMStyling(ComponentTextStyle.Bold, props?.colorTheme === 'dark' ? COLORS.primary_800 : COLORS.white)};\n\n    background-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1 : props?.colorTheme === 'dark' ? COLORS.white : COLORS.primary)};\n    border-radius: 8px;\n    border-width: 2px;\n    border-style: solid;\n    border-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1 : props?.colorTheme === 'dark' ? COLORS.white : COLORS.primary)};\n\n    width: ${(props) => props.width};\n    position: relative;\n\n    min-height: ${(props) => (props.size === 'big' ? '56px' : props.size === 'small' ? '32px' : '40px')};\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    // paddings have -2px for border\n    padding: ${(props) => (props.size === 'big' ? '14px 18px' : props.size === 'small' ? '4px 10px' : '6px 14px')};\n\n    span.loading {\n      opacity: 0;\n    }\n    .icon {\n      margin-left: -4px;\n      margin-top: -2px;\n      margin-bottom: -2px;\n      width: ${(props) => (props.size === 'big' ? '28px' : props.size === 'small' ? '20px' : '24px')};\n      height: ${(props) => (props.size === 'big' ? '28px' : props.size === 'small' ? '20px' : '24px')};\n      svg {\n        width: ${(props) => (props.size === 'big' ? '28px' : props.size === 'small' ? '20px' : '24px')} !important;\n        height: ${(props) => (props.size === 'big' ? '28px' : props.size === 'small' ? '20px' : '24px')} !important;\n      }\n    }\n\n    div {\n      position: absolute;\n      width: 100%;\n      svg {\n        height: ${(props) => (props.size === 'big' ? '28px' : props.size === 'small' ? '20px' : '24px')};\n        width: ${(props) => (props.size === 'big' ? '28px' : props.size === 'small' ? '20px' : '24px')};\n        path {\n          fill: ${(props) => (props.colorTheme === 'dark' ? COLORS.primary : COLORS.white)};\n        }\n      }\n    }\n  }\n  &:hover > div.button-content,\n  &.hover-state > div.button-content {\n    background-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_700 : props?.colorTheme === 'dark' ? COLORS.primary_100 : COLORS.primary_700)};\n    border-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_700 : props?.colorTheme === 'dark' ? COLORS.primary_100 : COLORS.primary_700)};\n    color: ${(props) => (props?.colorTheme === 'dark' ? COLORS.primary_600 : COLORS.white)};\n  }\n  &:active > div.button-content,\n  &.active-state > div.button-content {\n    background-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_800 : props?.colorTheme === 'dark' ? COLORS.primary_200 : COLORS.primary_800)};\n    border-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_800 : props?.colorTheme === 'dark' ? COLORS.primary_200 : COLORS.primary_800)};\n    box-shadow: none !important;\n    color: ${(props) => (props?.colorTheme === 'dark' ? COLORS.primary_800 : COLORS.white)};\n  }\n  ${(props) => (props.tabbedHere ? tabbedHereStyle('primary', props.colorTheme) : '')}\n  &.focus-state {\n    ${(props) => tabbedHereStyle('primary', props?.colorTheme)};\n  }\n  &:disabled,\n  &.disabled-state {\n    cursor: not-allowed;\n  }\n  &:disabled > div.button-content,\n  &.disabled-state > div.button-content {\n    background-color: ${(props) => (props.colorTheme === 'dark' ? COLORS.primary_700 : COLORS.neutral_100)};\n    color: ${(props) => (props.colorTheme === 'dark' ? COLORS.primary_800 : COLORS.neutral_300)};\n    border-color: ${(props) => (props.colorTheme === 'dark' ? COLORS.primary_700 : COLORS.neutral_100)};\n    cursor: not-allowed;\n    &:hover,\n    &:active {\n      background-color: ${(props) => (props.colorTheme === 'dark' ? COLORS.primary_700 : COLORS.neutral_100)};\n      color: ${(props) => (props.colorTheme === 'dark' ? COLORS.primary_800 : COLORS.neutral_300)};\n      border-color: ${(props) => (props.colorTheme === 'dark' ? COLORS.primary_700 : COLORS.neutral_100)};\n    }\n  }\n`;\n\nconst Secondary = styled(Primary)<ButtonProps>`\n  div.button-content {\n    color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1 : props?.colorTheme === 'dark' ? COLORS.white : COLORS.primary)};\n    border-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1 : props?.colorTheme === 'dark' ? COLORS.white : COLORS.primary)};\n    background-color: transparent;\n    div svg path {\n      fill: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1 : COLORS.primary)};\n    }\n  }\n  &:hover > div.button-content,\n  &.hover-state > div.button-content {\n    color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_700 : props?.colorTheme === 'dark' ? COLORS.primary_200 : COLORS.primary_700)};\n    border-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_700 : props?.colorTheme === 'dark' ? COLORS.primary_200 : COLORS.primary_700)};\n    background-color: transparent;\n    div {\n      svg {\n        path {\n          fill: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_700 : COLORS.primary_700)};\n        }\n      }\n    }\n  }\n  &:active > div.button-content,\n  &.active-state > div.button-content {\n    background-color: white;\n    color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_800 : props?.colorTheme === 'dark' ? COLORS.primary_300 : COLORS.primary_800)};\n    border-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_800 : props?.colorTheme === 'dark' ? COLORS.primary_300 : COLORS.primary_800)};\n    background-color: transparent;\n    div {\n      svg {\n        path {\n          fill: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_800 : props?.colorTheme === 'dark' ? COLORS.white : COLORS.primary_800)};\n        }\n      }\n    }\n  }\n  &:disabled,\n  &.disabled-state {\n    cursor: not-allowed;\n  }\n  &:disabled > div.button-content,\n  &.disabled-state > div.button-content {\n    background-color: transparent;\n    color: ${(props) => (props?.colorTheme === 'dark' ? COLORS.primary_700 : COLORS.neutral_300)};\n    border-color: ${(props) => (props?.colorTheme === 'dark' ? COLORS.primary_700 : COLORS.neutral_100)};\n    cursor: not-allowed;\n  }\n  ${(props) => (props.tabbedHere ? tabbedHereStyle('secondary', props.colorTheme) : '')}\n  &.focus-state {\n    ${(props) => tabbedHereStyle('secondary', props?.colorTheme)};\n  }\n`;\n\nconst Tertiary = styled(Primary)<ButtonProps>`\n  div.button-content {\n    color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1 : COLORS.primary_500)};\n    border-color: transparent;\n    background-color: transparent;\n    border-width: 1px;\n    div svg path {\n      fill: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1 : COLORS.primary)};\n    }\n  }\n  &:hover > div.button-content,\n  &.hover-state > div.button-content {\n    background-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_20 : COLORS.primary_20)};\n    color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_700 : COLORS.primary_700)};\n    border-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_20 : COLORS.primary_20)};\n    div {\n      svg {\n        path {\n          fill: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_700 : COLORS.primary_700)};\n        }\n      }\n    }\n  }\n  &:active > div.button-content,\n  &.active-state > div.button-content {\n    background-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_100 : COLORS.primary_100)};\n    color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_800 : COLORS.primary_800)};\n    border-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_100 : COLORS.primary_100)};\n    div {\n      svg {\n        path {\n          fill: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_800 : COLORS.primary_800)};\n        }\n      }\n    }\n  }\n  &:disabled,\n  &.disabled-state {\n    cursor: not-allowed;\n  }\n  &:disabled > div.button-content,\n  &.disabled-state > div.button-content {\n    background-color: white !important;\n    color: ${COLORS.neutral_300};\n    border-color: transparent;\n    cursor: not-allowed;\n  }\n  &:disabled,\n  &.disabled-state {\n    cursor: not-allowed;\n  }\n  &:disabled > div.button-content,\n  &.disabled-state > div.button-content {\n    background-color: white !important;\n    color: ${COLORS.neutral_300};\n    border-color: transparent !important;\n    cursor: not-allowed;\n  }\n  ${(props) => (props.tabbedHere ? tabbedHereStyle('tertiary', props.colorTheme) : '')}\n  &.focus-state {\n    ${(props) => tabbedHereStyle('tertiary', props?.colorTheme)};\n  }\n`;\n\nconst Correct = styled(Primary)<ButtonProps>`\n  div.button-content {\n    color: white;\n    border-color: ${COLORS.correct_500};\n    background-color: ${COLORS.correct_500};\n  }\n  &:hover > div.button-content,\n  &.hover-state > div.button-content {\n    border-color: ${COLORS.correct_700};\n    background-color: ${COLORS.correct_700};\n  }\n  &:focus > div.button-content,\n  &.focus-state > div.button-content {\n    border-color: ${COLORS.correct_700};\n    background-color: ${COLORS.correct_700};\n  }\n  &:active > div.button-content,\n  &.active-state > div.button-content {\n    border-color: ${COLORS.correct_800};\n    background-color: ${COLORS.correct_800};\n  }\n  &:disabled,\n  &.disabled-state {\n    cursor: not-allowed;\n  }\n  &:disabled > div.button-content,\n  &.disabled-state > div.button-content {\n    background-color: ${COLORS.neutral_100};\n    color: ${COLORS.neutral_300};\n    border-color: ${COLORS.neutral_100};\n    cursor: not-allowed;\n    &:hover,\n    &:active {\n      background-color: ${COLORS.neutral_100};\n      color: ${COLORS.neutral_300};\n      border-color: ${COLORS.neutral_100};\n    }\n  }\n`;\n\nconst Critical = styled(Primary)<ButtonProps>`\n  div.button-content {\n    color: white;\n    border-color: ${COLORS.critical_500};\n    background-color: ${COLORS.critical_500};\n  }\n  &:hover > div.button-content,\n  &.hover-state > div.button-content {\n    border-color: ${COLORS.critical_700};\n    background-color: ${COLORS.critical_700};\n  }\n  &:focus > div.button-content,\n  &.focus-state > div.button-content {\n    border-color: ${COLORS.critical_700};\n    background-color: ${COLORS.critical_700};\n  }\n  &:active > div.button-content,\n  &.active-state > div.button-content {\n    border-color: ${COLORS.critical_800};\n    background-color: ${COLORS.critical_800};\n  }\n  &:disabled,\n  &.disabled-state {\n    cursor: not-allowed;\n  }\n  &:disabled > div.button-content,\n  &.disabled-state > div.button-content {\n    background-color: ${COLORS.neutral_100};\n    color: ${COLORS.neutral_300};\n    border-color: ${COLORS.neutral_100};\n    cursor: not-allowed;\n    &:hover,\n    &:active {\n      background-color: ${COLORS.neutral_100};\n      color: ${COLORS.neutral_300};\n      border-color: ${COLORS.neutral_100};\n    }\n  }\n`;\n\nconst Text = styled.button<ButtonProps>`\n  color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1 : COLORS.primary)};\n  background-color: transparent;\n  padding: 0;\n  border: none;\n  cursor: pointer;\n\n  text-decoration: underline;\n  ${(props) =>\n    props.size === 'big'\n      ? ComponentLStyling(ComponentTextStyle.Bold, props.colorTheme === 'teal' ? COLORS.accent1 : COLORS.primary)\n      : props.size === 'small'\n      ? ComponentSStyling(ComponentTextStyle.Bold, props.colorTheme === 'teal' ? COLORS.accent1 : COLORS.primary)\n      : ComponentMStyling(ComponentTextStyle.Bold, props.colorTheme === 'teal' ? COLORS.accent1 : COLORS.primary)};\n\n  &:hover,\n  &:focus,\n  &.hover-state,\n  &.focus-state {\n    color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_700 : COLORS.primary_700)};\n    background: transparent;\n  }\n  &:active,\n  &.active-state {\n    color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_800 : COLORS.primary_800)};\n    background: transparent;\n  }\n  &:disabled,\n  &.disabled-state {\n    color: ${COLORS.neutral_500};\n    background: transparent;\n    cursor: not-allowed;\n  }\n`;\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'correct' | 'critical';\n  role?: 'button' | string;\n  title?: string;\n  size?: 'small' | 'normal' | 'big';\n  colorTheme?: 'teal' | 'dark';\n  width?: 'auto' | string;\n  loading?: boolean;\n  testId?: string;\n  tabbedHere?: boolean;\n  icon?: React.ReactNode;\n}\n\nconst Button: React.FunctionComponent<ButtonProps> = ({\n  children = 'Primary Button',\n  variant = 'primary',\n  type = 'button',\n  size = 'normal',\n  width = 'auto',\n  testId,\n  disabled,\n  icon,\n  ...props\n}) => {\n  // Let's filter out properties that we don't need to render.\n  const { loading, ...renderProps } = props;\n  const supressFocusRef = React.useRef<any>(null);\n  const [tabbedHere, setTabbedHere] = React.useState<boolean>(false);\n\n  const renderContent = () => (\n    <>\n      {icon && <span className={loading ? 'icon loading' : 'icon'}>{icon}</span>}\n      <span className={loading ? 'label loading' : 'label'}>{children}</span>\n      {loading && <LoadingIndicator></LoadingIndicator>}\n    </>\n  );\n\n  // Let's render button\n  switch (variant) {\n    case 'primary':\n      return (\n        <Primary\n          {...renderProps}\n          disabled={disabled}\n          type={type}\n          size={size}\n          width={width}\n          data-testid={testId}\n          className={props.loading ? 'loading-state ' + props.className : ' ' + props.className}\n          onMouseDown={(e: any) => {\n            if (!disabled && !tabbedHere) supressFocusRef.current = true;\n          }}\n          onFocus={(e: any) => {\n            if (!disabled) {\n              if (!supressFocusRef.current) setTabbedHere(true);\n              else supressFocusRef.current = false;\n            }\n          }}\n          onBlur={() => setTabbedHere(false)}\n          tabbedHere={tabbedHere}>\n          <div className=\"button-content\">{renderContent()}</div>\n        </Primary>\n      );\n    case 'secondary':\n      return (\n        <Secondary\n          {...renderProps}\n          disabled={disabled}\n          type={type}\n          size={size}\n          width={width}\n          data-testid={testId}\n          className={props.loading ? 'loading-state ' + props.className : ' ' + props.className}\n          onMouseDown={(e: any) => {\n            if (!disabled && !tabbedHere) supressFocusRef.current = true;\n          }}\n          onFocus={(e: any) => {\n            if (!disabled) {\n              if (!supressFocusRef.current) setTabbedHere(true);\n              else supressFocusRef.current = false;\n            }\n          }}\n          onBlur={() => setTabbedHere(false)}\n          tabbedHere={tabbedHere}>\n          <div className=\"button-content\">{renderContent()}</div>\n        </Secondary>\n      );\n    case 'tertiary':\n      return (\n        <Tertiary\n          {...renderProps}\n          disabled={disabled}\n          type={type}\n          size={size}\n          width={width}\n          data-testid={testId}\n          className={props.loading ? 'loading-state ' + props.className : ' ' + props.className}\n          onMouseDown={(e: any) => {\n            if (!disabled && !tabbedHere) supressFocusRef.current = true;\n          }}\n          onFocus={(e: any) => {\n            if (!disabled) {\n              if (!supressFocusRef.current) setTabbedHere(true);\n              else supressFocusRef.current = false;\n            }\n          }}\n          onBlur={() => setTabbedHere(false)}\n          tabbedHere={tabbedHere}>\n          <div className=\"button-content\">{renderContent()}</div>\n        </Tertiary>\n      );\n    case 'text':\n      return (\n        <Text {...renderProps} disabled={disabled} type={type} size={size} width={width} data-testid={testId}>\n          {children}\n        </Text>\n      );\n    case 'correct':\n      return (\n        <Correct\n          {...renderProps}\n          disabled={disabled}\n          type={type}\n          size={size}\n          width={width}\n          data-testid={testId}\n          className={props.loading ? 'loading-state ' + props.className : ' ' + props.className}\n          onMouseDown={(e: any) => {\n            if (!disabled && !tabbedHere) supressFocusRef.current = true;\n          }}\n          onFocus={(e: any) => {\n            if (!disabled) {\n              if (!supressFocusRef.current) setTabbedHere(true);\n              else supressFocusRef.current = false;\n            }\n          }}\n          onBlur={() => setTabbedHere(false)}\n          tabbedHere={tabbedHere}>\n          <div className=\"button-content\">{renderContent()}</div>\n        </Correct>\n      );\n    case 'critical':\n      return (\n        <Critical\n          {...renderProps}\n          disabled={disabled}\n          type={type}\n          size={size}\n          width={width}\n          data-testid={testId}\n          className={props.loading ? 'loading-state ' + props.className : ' ' + props.className}\n          onMouseDown={(e: any) => {\n            if (!disabled && !tabbedHere) supressFocusRef.current = true;\n          }}\n          onFocus={(e: any) => {\n            if (!disabled) {\n              if (!supressFocusRef.current) setTabbedHere(true);\n              else supressFocusRef.current = false;\n            }\n          }}\n          onBlur={() => setTabbedHere(false)}\n          tabbedHere={tabbedHere}>\n          <div className=\"button-content\">{renderContent()}</div>\n        </Critical>\n      );\n    default:\n      return (\n        <Primary\n          {...renderProps}\n          disabled={disabled}\n          type={type}\n          size={size}\n          width={width}\n          data-testid={testId}\n          className={props.loading ? 'loading-state ' + props.className : ' ' + props.className}\n          onMouseDown={(e: any) => {\n            if (!disabled && !tabbedHere) supressFocusRef.current = true;\n          }}\n          onFocus={(e: any) => {\n            if (!disabled) {\n              if (!supressFocusRef.current) setTabbedHere(true);\n              else supressFocusRef.current = false;\n            }\n          }}\n          onBlur={() => setTabbedHere(false)}\n          tabbedHere={tabbedHere}>\n          <div className=\"button-content\">{renderContent()}</div>\n        </Primary>\n      );\n  }\n};\n\nexport default Button;\n"],"file":"Button.js"}
+{"version":3,"sources":["../../../src/Button/Button.tsx"],"names":["React","styled","css","LoadingIndicator","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","COLORS","Size","getBorderRadius","flatEdge","radius","tabbedHereStyle","variant","colorTheme","focus_25","focus","accent1_700","primary_100","primary_700","primary_600","white","accent1","primary_800","primary","primary_500","accent1_500","Primary","button","props","size","Large","Bold","Small","width","accent1_800","primary_200","tabbedHere","neutral_100","neutral_300","Secondary","primary_300","Tertiary","accent1_20","primary_20","accent1_100","Correct","correct_500","correct_700","correct_800","Critical","critical_500","critical_700","critical_800","Text","neutral_500","Button","children","type","Medium","imageExtraMargin","testId","disabled","icon","loading","renderProps","supressFocusRef","useRef","setTabbedHere","useState","renderContent","className","e","current","role","title"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { LoadingIndicator } from '../LoadingIndicator';\nimport { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';\nimport { COLORS, TYPOGRAPHY } from '../styles';\nimport { Size } from '../types';\n\nconst getBorderRadius = (flatEdge : string | undefined, radius: number) => {\n  switch(flatEdge)\n  {\n      case 'left':\n          return `0px ${radius}px ${radius}px 0px`;\n      \n      case 'right':\n          return `${radius}px 0px 0px ${radius}px`;\n\n      case 'none':\n      default:\n          return `${radius}px`;\n  }\n}\n\n\nconst tabbedHereStyle = (variant: string, colorTheme?: string) => {\n  switch (variant) {\n    case 'primary':\n      return css`\n        outline: none;\n        div {\n          outline: none;\n          box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\n          background-color: ${colorTheme === 'teal' ? COLORS.accent1_700 : colorTheme === 'dark' ? COLORS.primary_100 : COLORS.primary_700};\n          border-color: ${colorTheme === 'teal' ? COLORS.accent1_700 : colorTheme === 'dark' ? COLORS.primary_100 : COLORS.primary_700};\n          color: ${colorTheme === 'dark' ? COLORS.primary_600 : COLORS.white};\n        }\n      `;\n    case 'secondary':\n      return css`\n        outline: none;\n        div {\n          outline: none;\n          box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\n          background-color: ${colorTheme === 'dark' ? 'transparent' : COLORS.white};\n          border-color: ${colorTheme === 'teal' ? COLORS.accent1 : colorTheme === 'dark' ? COLORS.primary_800 : COLORS.primary};\n          color: ${colorTheme === 'dark' ? COLORS.white : COLORS.primary_500};\n        }\n      `;\n    case 'tertiary':\n      return css`\n        outline: none;\n        div {\n          outline: none;\n          box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\n          background-color: ${COLORS.white};\n          border-color: ${colorTheme === 'teal' ? COLORS.accent1 : COLORS.primary};\n          color: ${colorTheme === 'teal' ? COLORS.accent1_500 : COLORS.primary_500};\n        }\n      `;\n\n    default:\n      return css`\n        outline: none;\n        div {\n          outline: none;\n          box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\n          background-color: ${colorTheme === 'teal' ? COLORS.accent1_700 : colorTheme === 'dark' ? COLORS.primary_100 : COLORS.primary_700};\n          border-color: ${colorTheme === 'teal' ? COLORS.accent1_700 : colorTheme === 'dark' ? COLORS.primary_100 : COLORS.primary_700};\n          color: ${colorTheme === 'dark' ? COLORS.primary_500 : COLORS.white};\n        }\n      `;\n  }\n};\n\nconst Primary = styled.button<ButtonProps>`\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n  min-height: ${(props) => (props.size === Size.Large ? '56px' : '48px')};\n  &.loading-state {\n    cursor: wait;\n  }\n  &:focus:not(:focus-visible),\n  &:focus:not(:focus-visible) > div.button-content {\n    outline: none !important;\n  }\n  div.button-content {\n    ${(props) =>\n      props.size === Size.Large\n        ? ComponentLStyling(ComponentTextStyle.Bold, props?.colorTheme === 'dark' ? COLORS.primary_800 : COLORS.white)\n        : props.size === Size.Small\n        ? ComponentSStyling(ComponentTextStyle.Bold, props?.colorTheme === 'dark' ? COLORS.primary_800 : COLORS.white)\n        : ComponentMStyling(ComponentTextStyle.Bold, props?.colorTheme === 'dark' ? COLORS.primary_800 : COLORS.white)};\n\n    background-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1 : props?.colorTheme === 'dark' ? COLORS.white : COLORS.primary)};\n    border-radius: ${props => getBorderRadius(props.flatEdge, 8)};\n    border-width: 2px;\n    border-style: solid;\n    border-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1 : props?.colorTheme === 'dark' ? COLORS.white : COLORS.primary)};\n\n    width: ${(props) => props.width};\n    position: relative;\n\n    min-height: ${(props) => (props.size === Size.Large ? '56px' : props.size === Size.Small ? '32px' : '40px')};\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    // paddings have -2px for border\n    padding: ${(props) => (props.size === Size.Large ? '14px 18px' : props.size === Size.Small ? '4px 10px' : '6px 14px')};\n\n    span.loading {\n      opacity: 0;\n    }\n    .icon {\n      margin-left: -4px;\n      margin-top: -2px;\n      margin-bottom: -2px;\n      width: ${(props) => (props.size === Size.Large ? '28px' : props.size === Size.Small ? '20px' : '24px')};\n      height: ${(props) => (props.size === Size.Large ? '28px' : props.size === Size.Small ? '20px' : '24px')};\n      svg {\n        width: ${(props) => (props.size === Size.Large ? '28px' : props.size === Size.Small ? '20px' : '24px')} !important;\n        height: ${(props) => (props.size === Size.Large ? '28px' : props.size === Size.Small ? '20px' : '24px')} !important;\n      }\n    }\n\n    .extramargin {\n      margin-right: 9px;\n    }\n\n    div {\n      position: absolute;\n      width: 100%;\n      svg {\n        height: ${(props) => (props.size === Size.Large ? '28px' : props.size === Size.Small ? '20px' : '24px')};\n        width: ${(props) => (props.size === Size.Large ? '28px' : props.size === Size.Small ? '20px' : '24px')};\n        path {\n          fill: ${(props) => (props.colorTheme === 'dark' ? COLORS.primary : COLORS.white)};\n        }\n      }\n    }\n  }\n  &:hover > div.button-content,\n  &.hover-state > div.button-content {\n    background-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_700 : props?.colorTheme === 'dark' ? COLORS.primary_100 : COLORS.primary_700)};\n    border-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_700 : props?.colorTheme === 'dark' ? COLORS.primary_100 : COLORS.primary_700)};\n    color: ${(props) => (props?.colorTheme === 'dark' ? COLORS.primary_600 : COLORS.white)};\n  }\n  &:active > div.button-content,\n  &.active-state > div.button-content {\n    background-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_800 : props?.colorTheme === 'dark' ? COLORS.primary_200 : COLORS.primary_800)};\n    border-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_800 : props?.colorTheme === 'dark' ? COLORS.primary_200 : COLORS.primary_800)};\n    box-shadow: none !important;\n    color: ${(props) => (props?.colorTheme === 'dark' ? COLORS.primary_800 : COLORS.white)};\n  }\n  ${(props) => (props.tabbedHere ? tabbedHereStyle('primary', props.colorTheme) : '')}\n  &.focus-state {\n    ${(props) => tabbedHereStyle('primary', props?.colorTheme)};\n  }\n  &:disabled,\n  &.disabled-state {\n    cursor: not-allowed;\n  }\n  &:disabled > div.button-content,\n  &.disabled-state > div.button-content {\n    background-color: ${(props) => (props.colorTheme === 'dark' ? COLORS.primary_700 : COLORS.neutral_100)};\n    color: ${(props) => (props.colorTheme === 'dark' ? COLORS.primary_800 : COLORS.neutral_300)};\n    border-color: ${(props) => (props.colorTheme === 'dark' ? COLORS.primary_700 : COLORS.neutral_100)};\n    cursor: not-allowed;\n    &:hover,\n    &:active {\n      background-color: ${(props) => (props.colorTheme === 'dark' ? COLORS.primary_700 : COLORS.neutral_100)};\n      color: ${(props) => (props.colorTheme === 'dark' ? COLORS.primary_800 : COLORS.neutral_300)};\n      border-color: ${(props) => (props.colorTheme === 'dark' ? COLORS.primary_700 : COLORS.neutral_100)};\n    }\n  }\n`;\n\nconst Secondary = styled(Primary)<ButtonProps>`\n  div.button-content {\n    color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1 : props?.colorTheme === 'dark' ? COLORS.white : COLORS.primary)};\n    border-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1 : props?.colorTheme === 'dark' ? COLORS.white : COLORS.primary)};\n    background-color: transparent;\n    div svg path {\n      fill: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1 : COLORS.primary)};\n    }\n  }\n  &:hover > div.button-content,\n  &.hover-state > div.button-content {\n    color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_700 : props?.colorTheme === 'dark' ? COLORS.primary_200 : COLORS.primary_700)};\n    border-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_700 : props?.colorTheme === 'dark' ? COLORS.primary_200 : COLORS.primary_700)};\n    background-color: transparent;\n    div {\n      svg {\n        path {\n          fill: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_700 : COLORS.primary_700)};\n        }\n      }\n    }\n  }\n  &:active > div.button-content,\n  &.active-state > div.button-content {\n    background-color: white;\n    color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_800 : props?.colorTheme === 'dark' ? COLORS.primary_300 : COLORS.primary_800)};\n    border-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_800 : props?.colorTheme === 'dark' ? COLORS.primary_300 : COLORS.primary_800)};\n    background-color: transparent;\n    div {\n      svg {\n        path {\n          fill: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_800 : props?.colorTheme === 'dark' ? COLORS.white : COLORS.primary_800)};\n        }\n      }\n    }\n  }\n  &:disabled,\n  &.disabled-state {\n    cursor: not-allowed;\n  }\n  &:disabled > div.button-content,\n  &.disabled-state > div.button-content {\n    background-color: transparent;\n    color: ${(props) => (props?.colorTheme === 'dark' ? COLORS.primary_700 : COLORS.neutral_300)};\n    border-color: ${(props) => (props?.colorTheme === 'dark' ? COLORS.primary_700 : COLORS.neutral_100)};\n    cursor: not-allowed;\n  }\n  ${(props) => (props.tabbedHere ? tabbedHereStyle('secondary', props.colorTheme) : '')}\n  &.focus-state {\n    ${(props) => tabbedHereStyle('secondary', props?.colorTheme)};\n  }\n`;\n\nconst Tertiary = styled(Primary)<ButtonProps>`\n  div.button-content {\n    color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1 : COLORS.primary_500)};\n    border-color: transparent;\n    background-color: transparent;\n    border-width: 1px;\n    div svg path {\n      fill: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1 : COLORS.primary)};\n    }\n  }\n  &:hover > div.button-content,\n  &.hover-state > div.button-content {\n    background-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_20 : COLORS.primary_20)};\n    color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_700 : COLORS.primary_700)};\n    border-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_20 : COLORS.primary_20)};\n    div {\n      svg {\n        path {\n          fill: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_700 : COLORS.primary_700)};\n        }\n      }\n    }\n  }\n  &:active > div.button-content,\n  &.active-state > div.button-content {\n    background-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_100 : COLORS.primary_100)};\n    color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_800 : COLORS.primary_800)};\n    border-color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_100 : COLORS.primary_100)};\n    div {\n      svg {\n        path {\n          fill: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_800 : COLORS.primary_800)};\n        }\n      }\n    }\n  }\n  &:disabled,\n  &.disabled-state {\n    cursor: not-allowed;\n  }\n  &:disabled > div.button-content,\n  &.disabled-state > div.button-content {\n    background-color: white !important;\n    color: ${COLORS.neutral_300};\n    border-color: transparent;\n    cursor: not-allowed;\n  }\n  &:disabled,\n  &.disabled-state {\n    cursor: not-allowed;\n  }\n  &:disabled > div.button-content,\n  &.disabled-state > div.button-content {\n    background-color: white !important;\n    color: ${COLORS.neutral_300};\n    border-color: transparent !important;\n    cursor: not-allowed;\n  }\n  ${(props) => (props.tabbedHere ? tabbedHereStyle('tertiary', props.colorTheme) : '')}\n  &.focus-state {\n    ${(props) => tabbedHereStyle('tertiary', props?.colorTheme)};\n  }\n`;\n\nconst Correct = styled(Primary)<ButtonProps>`\n  div.button-content {\n    color: white;\n    border-color: ${COLORS.correct_500};\n    background-color: ${COLORS.correct_500};\n  }\n  &:hover > div.button-content,\n  &.hover-state > div.button-content {\n    border-color: ${COLORS.correct_700};\n    background-color: ${COLORS.correct_700};\n  }\n  &:focus > div.button-content,\n  &.focus-state > div.button-content {\n    border-color: ${COLORS.correct_700};\n    background-color: ${COLORS.correct_700};\n  }\n  &:active > div.button-content,\n  &.active-state > div.button-content {\n    border-color: ${COLORS.correct_800};\n    background-color: ${COLORS.correct_800};\n  }\n  &:disabled,\n  &.disabled-state {\n    cursor: not-allowed;\n  }\n  &:disabled > div.button-content,\n  &.disabled-state > div.button-content {\n    background-color: ${COLORS.neutral_100};\n    color: ${COLORS.neutral_300};\n    border-color: ${COLORS.neutral_100};\n    cursor: not-allowed;\n    &:hover,\n    &:active {\n      background-color: ${COLORS.neutral_100};\n      color: ${COLORS.neutral_300};\n      border-color: ${COLORS.neutral_100};\n    }\n  }\n`;\n\nconst Critical = styled(Primary)<ButtonProps>`\n  div.button-content {\n    color: white;\n    border-color: ${COLORS.critical_500};\n    background-color: ${COLORS.critical_500};\n  }\n  &:hover > div.button-content,\n  &.hover-state > div.button-content {\n    border-color: ${COLORS.critical_700};\n    background-color: ${COLORS.critical_700};\n  }\n  &:focus > div.button-content,\n  &.focus-state > div.button-content {\n    border-color: ${COLORS.critical_700};\n    background-color: ${COLORS.critical_700};\n  }\n  &:active > div.button-content,\n  &.active-state > div.button-content {\n    border-color: ${COLORS.critical_800};\n    background-color: ${COLORS.critical_800};\n  }\n  &:disabled,\n  &.disabled-state {\n    cursor: not-allowed;\n  }\n  &:disabled > div.button-content,\n  &.disabled-state > div.button-content {\n    background-color: ${COLORS.neutral_100};\n    color: ${COLORS.neutral_300};\n    border-color: ${COLORS.neutral_100};\n    cursor: not-allowed;\n    &:hover,\n    &:active {\n      background-color: ${COLORS.neutral_100};\n      color: ${COLORS.neutral_300};\n      border-color: ${COLORS.neutral_100};\n    }\n  }\n`;\n\nconst Text = styled.button<ButtonProps>`\n  color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1 : COLORS.primary)};\n  background-color: transparent;\n  padding: 0;\n  border: none;\n  cursor: pointer;\n\n  text-decoration: underline;\n  ${(props) =>\n    props.size === Size.Large\n      ? ComponentLStyling(ComponentTextStyle.Bold, props.colorTheme === 'teal' ? COLORS.accent1 : COLORS.primary)\n      : props.size === Size.Small\n      ? ComponentSStyling(ComponentTextStyle.Bold, props.colorTheme === 'teal' ? COLORS.accent1 : COLORS.primary)\n      : ComponentMStyling(ComponentTextStyle.Bold, props.colorTheme === 'teal' ? COLORS.accent1 : COLORS.primary)};\n\n  &:hover,\n  &:focus,\n  &.hover-state,\n  &.focus-state {\n    color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_700 : COLORS.primary_700)};\n    background: transparent;\n  }\n  &:active,\n  &.active-state {\n    color: ${(props) => (props.colorTheme === 'teal' ? COLORS.accent1_800 : COLORS.primary_800)};\n    background: transparent;\n  }\n  &:disabled,\n  &.disabled-state {\n    color: ${COLORS.neutral_500};\n    background: transparent;\n    cursor: not-allowed;\n  }\n`;\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'correct' | 'critical';\n  flatEdge?: 'right' | 'left' | 'none' | undefined;\n  role?: 'button' | string;\n  title?: string;\n  size?: Size;\n  imageExtraMargin?: boolean;\n  colorTheme?: 'teal' | 'dark';\n  width?: 'auto' | string;\n  loading?: boolean;\n  testId?: string;\n  tabbedHere?: boolean;\n  icon?: React.ReactNode;\n}\n\nconst Button: React.FunctionComponent<ButtonProps> = ({\n  children = 'Primary Button',\n  variant = 'primary',\n  type = 'button',\n  size = Size.Medium,\n  width = 'auto',\n  imageExtraMargin,\n  testId,\n  disabled,\n  flatEdge,\n  icon,\n  ...props\n}) => {\n  // Let's filter out properties that we don't need to render.\n  const { loading, ...renderProps } = props;\n  const supressFocusRef = React.useRef<any>(null);\n  const [tabbedHere, setTabbedHere] = React.useState<boolean>(false);\n\n  const renderContent = () => (\n    <>\n      {icon && <span className={(imageExtraMargin ? 'extramargin ' : '') + (loading ? 'icon loading' : 'icon')}>{icon}</span>}\n      <span className={loading ? 'label loading' : 'label'}>{children}</span>\n      {loading && <LoadingIndicator></LoadingIndicator>}\n    </>\n  );\n\n  // Let's render button\n  switch (variant) {\n    case 'primary':\n      return (\n        <Primary\n          {...renderProps}\n          disabled={disabled}\n          type={type}\n          size={size}\n          flatEdge={flatEdge}\n          width={width}\n          data-testid={testId}\n          className={props.loading ? 'loading-state ' + props.className : ' ' + props.className}\n          onMouseDown={(e: any) => {\n            if (!disabled && !tabbedHere) supressFocusRef.current = true;\n          }}\n          onFocus={(e: any) => {\n            if (!disabled) {\n              if (!supressFocusRef.current) setTabbedHere(true);\n              else supressFocusRef.current = false;\n            }\n          }}\n          onBlur={() => setTabbedHere(false)}\n          tabbedHere={tabbedHere}>\n          <div className=\"button-content\">{renderContent()}</div>\n        </Primary>\n      );\n    case 'secondary':\n      return (\n        <Secondary\n          {...renderProps}\n          disabled={disabled}\n          type={type}\n          size={size}\n          flatEdge={flatEdge}\n          width={width}\n          data-testid={testId}\n          className={props.loading ? 'loading-state ' + props.className : ' ' + props.className}\n          onMouseDown={(e: any) => {\n            if (!disabled && !tabbedHere) supressFocusRef.current = true;\n          }}\n          onFocus={(e: any) => {\n            if (!disabled) {\n              if (!supressFocusRef.current) setTabbedHere(true);\n              else supressFocusRef.current = false;\n            }\n          }}\n          onBlur={() => setTabbedHere(false)}\n          tabbedHere={tabbedHere}>\n          <div className=\"button-content\">{renderContent()}</div>\n        </Secondary>\n      );\n    case 'tertiary':\n      return (\n        <Tertiary\n          {...renderProps}\n          disabled={disabled}\n          type={type}\n          flatEdge={flatEdge}\n          size={size}\n          width={width}\n          data-testid={testId}\n          className={props.loading ? 'loading-state ' + props.className : ' ' + props.className}\n          onMouseDown={(e: any) => {\n            if (!disabled && !tabbedHere) supressFocusRef.current = true;\n          }}\n          onFocus={(e: any) => {\n            if (!disabled) {\n              if (!supressFocusRef.current) setTabbedHere(true);\n              else supressFocusRef.current = false;\n            }\n          }}\n          onBlur={() => setTabbedHere(false)}\n          tabbedHere={tabbedHere}>\n          <div className=\"button-content\">{renderContent()}</div>\n        </Tertiary>\n      );\n    case 'text':\n      return (\n        <Text {...renderProps} disabled={disabled} type={type} size={size} width={width} data-testid={testId}>\n          {children}\n        </Text>\n      );\n    case 'correct':\n      return (\n        <Correct\n          {...renderProps}\n          disabled={disabled}\n          type={type}\n          size={size}\n          flatEdge={flatEdge}\n          width={width}\n          data-testid={testId}\n          className={props.loading ? 'loading-state ' + props.className : ' ' + props.className}\n          onMouseDown={(e: any) => {\n            if (!disabled && !tabbedHere) supressFocusRef.current = true;\n          }}\n          onFocus={(e: any) => {\n            if (!disabled) {\n              if (!supressFocusRef.current) setTabbedHere(true);\n              else supressFocusRef.current = false;\n            }\n          }}\n          onBlur={() => setTabbedHere(false)}\n          tabbedHere={tabbedHere}>\n          <div className=\"button-content\">{renderContent()}</div>\n        </Correct>\n      );\n    case 'critical':\n      return (\n        <Critical\n          {...renderProps}\n          disabled={disabled}\n          flatEdge={flatEdge}\n          type={type}\n          size={size}\n          width={width}\n          data-testid={testId}\n          className={props.loading ? 'loading-state ' + props.className : ' ' + props.className}\n          onMouseDown={(e: any) => {\n            if (!disabled && !tabbedHere) supressFocusRef.current = true;\n          }}\n          onFocus={(e: any) => {\n            if (!disabled) {\n              if (!supressFocusRef.current) setTabbedHere(true);\n              else supressFocusRef.current = false;\n            }\n          }}\n          onBlur={() => setTabbedHere(false)}\n          tabbedHere={tabbedHere}>\n          <div className=\"button-content\">{renderContent()}</div>\n        </Critical>\n      );\n    default:\n      return (\n        <Primary\n          {...renderProps}\n          flatEdge={flatEdge}\n          disabled={disabled}\n          type={type}\n          size={size}\n          width={width}\n          data-testid={testId}\n          className={props.loading ? 'loading-state ' + props.className : ' ' + props.className}\n          onMouseDown={(e: any) => {\n            if (!disabled && !tabbedHere) supressFocusRef.current = true;\n          }}\n          onFocus={(e: any) => {\n            if (!disabled) {\n              if (!supressFocusRef.current) setTabbedHere(true);\n              else supressFocusRef.current = false;\n            }\n          }}\n          onBlur={() => setTabbedHere(false)}\n          tabbedHere={tabbedHere}>\n          <div className=\"button-content\">{renderContent()}</div>\n        </Primary>\n      );\n  }\n};\n\nexport default Button;\n"],"file":"Button.js"}

package/dist/esm/Button/DualFunctionButton.js

@@ -0,0 +1,111 @@
+import _pt from "prop-types";
+const _excluded = ["children", "variant", "type", "size", "width", "testId", "disabled", "id", "dropdownCustomizationProps"],
+      _excluded2 = ["loading", "icon", "onClick"];
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import * as React from 'react';
+import Button from './Button';
+import { ArrowDropDown, ArrowDropUp } from '../icons/systemicons/SystemIcons';
+import { Dropdown } from '../Dropdown/CommonStyling';
+import { Size } from '../types';
+import DropdownContent from '../Dropdown/DropdownContent';
+import styled from 'styled-components';
+const ButtonsContainer = styled.div`
+  display: flex;
+  align-items: center;
+
+  button:first-child {
+    margin-right: 2px;
+  }
+
+  .extramargin {
+    margin-right: 9px;
+  }
+
+  div.button-content {
+    gap: 0px;
+    padding: ${props => props.size == Size.Large ? '4px 10px' : props.size == Size.Medium ? '4px 8px' : '4px 6px'};
+  }
+`;
+
+const DualFunctionButton = _ref => {
+  let {
+    children = 'Primary Button',
+    variant = 'primary',
+    type = 'button',
+    size = Size.Medium,
+    width = 'auto',
+    testId,
+    disabled,
+    id,
+    dropdownCustomizationProps
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  // Let's filter out properties that we don't need to render.
+  const {
+    loading,
+    icon,
+    onClick
+  } = props,
+        renderProps = _objectWithoutProperties(props, _excluded2);
+
+  const [isOpen, setIsOpen] = React.useState(false);
+  const [selectedValues, setSelectedValues] = React.useState([]);
+  return /*#__PURE__*/React.createElement(ButtonsContainer, {
+    size: size
+  }, /*#__PURE__*/React.createElement(Dropdown, {
+    isButton: true,
+    locked: false,
+    disabled: false,
+    margin: ""
+  }, /*#__PURE__*/React.createElement(Button, _extends({}, renderProps, {
+    onClick: onClick,
+    disabled: disabled,
+    type: type,
+    imageExtraMargin: true,
+    loading: loading,
+    icon: icon,
+    size: size,
+    width: width,
+    variant: variant,
+    flatEdge: "right"
+  }), children), /*#__PURE__*/React.createElement(DropdownContent, {
+    customizationProps: dropdownCustomizationProps,
+    filter: "",
+    selectedValues: dropdownCustomizationProps.itemsType == 'normal' ? [] : selectedValues,
+    setSelectedValues: setSelectedValues,
+    isButton: true,
+    setIsOpen: setIsOpen,
+    hideOnClickOutside: true,
+    size: size,
+    isOpen: isOpen,
+    id: id ?? 'dropdownId',
+    messageOnNoResults: "",
+    alignLeft: true
+  })), /*#__PURE__*/React.createElement(Button, _extends({
+    variant: variant
+  }, renderProps, {
+    disabled: disabled,
+    type: type,
+    size: size,
+    onClick: () => setIsOpen(!isOpen),
+    icon: isOpen ? /*#__PURE__*/React.createElement(ArrowDropUp, {
+      size: "16px"
+    }) : /*#__PURE__*/React.createElement(ArrowDropDown, {
+      size: "16px"
+    }),
+    flatEdge: "left"
+  }), /*#__PURE__*/React.createElement("span", null)));
+};
+
+DualFunctionButton.propTypes = {
+  isButton: _pt.bool.isRequired
+};
+export default DualFunctionButton;
+//# sourceMappingURL=DualFunctionButton.js.map

package/dist/esm/Button/DualFunctionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Button/DualFunctionButton.tsx"],"names":["React","Button","ArrowDropDown","ArrowDropUp","Dropdown","Size","DropdownContent","styled","ButtonsContainer","div","props","size","Large","Medium","DualFunctionButton","children","variant","type","width","testId","disabled","id","dropdownCustomizationProps","loading","icon","onClick","renderProps","isOpen","setIsOpen","useState","selectedValues","setSelectedValues","itemsType","isButton"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { LoadingIndicator } from '../LoadingIndicator';\nimport Button, { ButtonProps } from './Button'\nimport { ArrowDropDown, ArrowDropUp } from '../icons/systemicons/SystemIcons';\nimport { Dropdown } from '../Dropdown/CommonStyling';\nimport { Size } from '../types';\nimport DropdownContent, { DropdownCustomizationProps } from '../Dropdown/DropdownContent';\nimport styled from 'styled-components';\n\nconst ButtonsContainer = styled.div<{ size?: Size }>`\n  display: flex;\n  align-items: center;\n\n  button:first-child {\n    margin-right: 2px;\n  }\n\n  .extramargin {\n    margin-right: 9px;\n  }\n\n  div.button-content {\n    gap: 0px;\n    padding: ${ props => props.size == Size.Large ? '4px 10px' : props.size == Size.Medium ? '4px 8px' : '4px 6px' };\n  }\n`;\n\nexport interface ButtonOption {\n  label: string;\n}\n\nexport interface DualButtonProps extends ButtonProps {\n  isButton: boolean;\n  dropdownCustomizationProps: DropdownCustomizationProps;\n}\n\nconst DualFunctionButton: React.FunctionComponent<DualButtonProps> = ({\n  children = 'Primary Button',\n  variant = 'primary',\n  type = 'button',\n  size = Size.Medium,\n  width = 'auto',\n  testId,\n  disabled,\n  id,\n  dropdownCustomizationProps,\n  ...props\n}) => {\n  // Let's filter out properties that we don't need to render.\n  const { loading, icon, onClick, ...renderProps } = props;\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\n\n    return <ButtonsContainer size={size}>\n          <Dropdown isButton={true} locked={false} disabled={false} margin=''>\n            <Button\n            {...renderProps}\n            onClick={onClick}\n            disabled={disabled}\n            type={type}\n            imageExtraMargin={true}\n            loading={loading}\n            icon={icon}\n            size={size}\n            width={width}\n            variant={variant}\n            flatEdge=\"right\">\n                {children}\n            </Button>\n              <DropdownContent\n                    customizationProps={dropdownCustomizationProps}\n                    filter=''\n                    selectedValues={dropdownCustomizationProps.itemsType == 'normal' ? [] : selectedValues}\n                    setSelectedValues={setSelectedValues}\n                    isButton={true}\n                    setIsOpen={setIsOpen}\n                    hideOnClickOutside={true}\n                    size={size}\n                    isOpen={isOpen}\n                    id={id ?? 'dropdownId'}\n                    messageOnNoResults=''\n                    alignLeft={true} />\n          </Dropdown>\n          <Button variant={variant}\n          {...renderProps}\n          disabled={disabled}\n          type={type}\n          size={size}\n          onClick={() => setIsOpen(!isOpen)}\n          icon={isOpen ? <ArrowDropUp size=\"16px\" /> : <ArrowDropDown size=\"16px\"/>}\n          flatEdge=\"left\"><span/></Button>\n      </ButtonsContainer>;\n  };\n\n\nexport default DualFunctionButton;\n"],"file":"DualFunctionButton.js"}

package/dist/esm/Button/Iconbutton.js

@@ -32,6 +32,24 @@ const tabbedHereStyle = (variant, tabbedHereBackgroundColor) => {
   }
 };
 
+const getBorderRadius = props => props.borderRadius ? `${props.borderRadius}px` : '4px';
+
+const getBorderRadiusStyle = props => {
+  const radius = getBorderRadius(props);
+
+  switch (props.flatEdge) {
+    case 'left':
+      return `0px ${radius} ${radius} 0px`;
+
+    case 'right':
+      return `${radius} 0px 0px ${radius}`;
+
+    case 'none':
+    default:
+      return `${radius}`;
+  }
+};
+
 const StyledIconButton = styled.button`
   border-width: 0;
   cursor: pointer;
@@ -48,7 +66,7 @@ const StyledIconButton = styled.button`
   div {
     height: 36px;
     width: 36px;
-    border-radius: ${props => props.borderRadius ? `${props.borderRadius}px` : '4px'};
+    border-radius: ${getBorderRadiusStyle};
     display: flex;
     justify-content: center;
     align-items: center;
@@ -176,6 +194,7 @@ const IconButton = ({
   iconColor,
   unsetIconSize,
   tabIndex,
+  flatEdge,
   borderRadius,
   onKeyPress,
   tabbedHereBackgroundColor,
@@ -231,6 +250,7 @@ const IconButton = ({
         id: id,
         type: type ?? 'button',
         "data-testid": id,
+        flatEdge: flatEdge,
         onClick: event => action(event),
         onKeyDown: e => isPressingEnter(e) ? action() : null,
         disabled: disabled,

package/dist/esm/Button/Iconbutton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Button/Iconbutton.tsx"],"names":["React","styled","css","BREAKPOINTS","COLORS","tabbedHereStyle","variant","tabbedHereBackgroundColor","primary_500","neutral_600","primary_700","white","StyledIconButton","button","props","hideOnLowWidth","MEDIUM","borderRadius","unsetIconSize","StyledPrimaryIconButton","useTransparentBackground","iconColor","primary_800","neutral_200","tabbedHere","StyledSecondaryIconButton","primary_20","primary_100","neutral_300","IconButton","id","shape","action","isInMobileMenu","children","disabled","tabIndex","onKeyPress","type","supressFocusRef","useRef","setTabbedHere","useState","isPressingEnter","e","key","preventDefault","stopPropagation","event","current"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { BREAKPOINTS, COLORS } from '../styles';\n\ninterface HeaderItemProps {\n  hideOnLowWidth: boolean;\n  inMobileMenu?: boolean;\n  useTransparentBackground?: boolean;\n  iconColor?: string;\n  unsetIconSize?: boolean;\n  borderRadius?: number;\n  shape?: string;\n  tabbedHere?: boolean;\n  tabbedHereBackgroundColor?: string;\n}\n\nconst tabbedHereStyle = (variant: string, tabbedHereBackgroundColor?: string) => {\n  switch (variant) {\n    case 'secondary':\n      return css`\n        div {\n          background-color: ${tabbedHereBackgroundColor || 'transparent'} !important;\n          box-shadow: 0px 0px 8px ${COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);\n        }\n        div svg path,\n        div svg {\n          fill: ${COLORS.neutral_600};\n        }\n      `;\n    case 'primary':\n    default:\n      return css`\n        div {\n          background-color: ${tabbedHereBackgroundColor || COLORS.primary_700} !important;\n          box-shadow: 0px 4px 12px rgba(46, 127, 161, 0.25), 0px 0px 8px #2e7fa1;\n        }\n        div svg path,\n        div svg {\n          fill: ${COLORS.white};\n        }\n      `;\n  }\n};\n\nconst StyledIconButton = styled.button<HeaderItemProps>`\n  border-width: 0;\n  cursor: pointer;\n  height: 48px;\n  width: 48px;\n  background: transparent;\n\n  display: ${(props) => (props.hideOnLowWidth ? 'none' : 'block')};\n  ${BREAKPOINTS.MEDIUM} {\n    display: block;\n  }\n\n  border-radius: ${(props) => (props.borderRadius ? `${props.borderRadius}px` : '4px')};\n  div {\n    height: 36px;\n    width: 36px;\n    border-radius: ${(props) => (props.borderRadius ? `${props.borderRadius}px` : '4px')};\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    svg {\n      height: ${(props) => (props.unsetIconSize ? 'unset' : '24px')};\n      width: ${(props) => (props.unsetIconSize ? 'unset' : '24px')};\n      padding: 0;\n    }\n  }\n  &:only-child {\n    margin: 0;\n  }\n  &:disabled {\n    cursor: not-allowed;\n  }\n  &:focus:not(:disabled) {\n    outline: none;\n    div {\n      outline: none;\n    }\n  }\n  &:active:not(:disabled) {\n    div {\n      box-shadow: none;\n    }\n  }\n`;\n\nconst StyledPrimaryIconButton = styled(StyledIconButton)`\n  div {\n    background-color: ${(props) => (props.useTransparentBackground ? 'transparent' : COLORS.primary_500)};\n\n    svg {\n      fill: ${(props) => props.iconColor || COLORS.white};\n      path {\n        fill: ${(props) => props.iconColor || COLORS.white};\n      }\n    }\n  }\n  &:hover:not(:disabled) {\n    div {\n      background-color: ${COLORS.primary_700};\n    }\n    div svg path,\n    div svg {\n      fill: ${COLORS.white};\n    }\n  }\n  &:active:not(:disabled) {\n    div {\n      background: ${COLORS.primary_800};\n    }\n    div svg path,\n    div svg {\n      fill: ${COLORS.white};\n    }\n  }\n  &:disabled {\n    div {\n      background-color: ${COLORS.neutral_200};\n    }\n    svg {\n      path {\n        fill: ${COLORS.white};\n      }\n      fill: ${COLORS.white};\n    }\n  }\n  ${(props) => (props.tabbedHere ? tabbedHereStyle('primary', props.tabbedHereBackgroundColor) : '')};\n`;\n\nconst StyledSecondaryIconButton = styled(StyledIconButton)`\n  div {\n    background-color: ${(props) => (props.useTransparentBackground ? 'transparent' : COLORS.white)};\n\n    svg {\n      fill: ${(props) => props.iconColor || COLORS.neutral_600};\n      path {\n        fill: ${(props) => props.iconColor || COLORS.neutral_600};\n      }\n    }\n  }\n  &:hover:not(:disabled) {\n    div {\n      background-color: ${COLORS.primary_20};\n    }\n    div svg path,\n    div svg {\n      fill: ${COLORS.primary_700};\n    }\n  }\n  &:active:not(:disabled) {\n    div {\n      background: ${COLORS.primary_100};\n    }\n    div svg path,\n    div svg {\n      fill: ${COLORS.primary_800};\n    }\n  }\n\n  &:disabled {\n    div {\n      background-color: ${(props) => (props.useTransparentBackground ? 'transparent' : COLORS.white)};\n    }\n    svg {\n      path {\n        fill: ${COLORS.neutral_300};\n      }\n      fill: ${COLORS.neutral_300};\n    }\n  }\n\n  ${(props) => (props.tabbedHere ? tabbedHereStyle('secondary', props.tabbedHereBackgroundColor) : '')};\n`;\n\ntype Props = {\n  id?: string;\n  variant?: 'primary' | 'secondary';\n  shape?: 'square' | 'circular';\n  action: (event?: React.MouseEvent<HTMLButtonElement>) => void;\n  hideOnLowWidth?: boolean;\n  isInMobileMenu?: boolean;\n  disabled?: boolean;\n  useTransparentBackground?: boolean;\n  iconColor?: string;\n  unsetIconSize?: boolean;\n  tabIndex?: number;\n  borderRadius?: number;\n  onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement>;\n  tabbedHereBackgroundColor?: string;\n  type?: 'submit' | 'reset' | 'button' | undefined;\n};\n\nconst IconButton: React.FunctionComponent<Props> = ({\n  id,\n  variant,\n  shape,\n  action,\n  hideOnLowWidth,\n  isInMobileMenu,\n  children,\n  useTransparentBackground,\n  disabled,\n  iconColor,\n  unsetIconSize,\n  tabIndex,\n  borderRadius,\n  onKeyPress,\n  tabbedHereBackgroundColor,\n  type,\n}): React.ReactElement<Props> => {\n  const supressFocusRef = React.useRef<any>(null);\n  const [tabbedHere, setTabbedHere] = React.useState<boolean>(false);\n\n  const isPressingEnter = (e: any) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      e.stopPropagation();\n      return true;\n    }\n    return false;\n  };\n\n  // Let's render button\n  switch (variant) {\n    case 'secondary':\n      return (\n        <StyledSecondaryIconButton\n          id={id}\n          type={type ?? 'button'}\n          data-testid={id}\n          onClick={(event: React.MouseEvent<HTMLButtonElement>) => action(event)}\n          onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)}\n          disabled={disabled}\n          hideOnLowWidth={hideOnLowWidth || false}\n          inMobileMenu={isInMobileMenu}\n          useTransparentBackground={useTransparentBackground}\n          iconColor={iconColor}\n          unsetIconSize={unsetIconSize}\n          tabIndex={tabIndex || 0}\n          borderRadius={borderRadius || shape === 'circular' ? 18 : 0}\n          onMouseDown={(e: any) => {\n            if (!disabled && !tabbedHere) supressFocusRef.current = true;\n          }}\n          onFocus={(e: any) => {\n            if (!disabled) {\n              if (!supressFocusRef.current) setTabbedHere(true);\n              else supressFocusRef.current = false;\n            }\n          }}\n          onBlur={() => setTabbedHere(false)}\n          tabbedHere={tabbedHere}\n          onKeyPress={onKeyPress}\n          tabbedHereBackgroundColor={tabbedHereBackgroundColor}>\n          <div>{children}</div>\n        </StyledSecondaryIconButton>\n      );\n    case 'primary':\n    default:\n      return (\n        <StyledPrimaryIconButton\n          id={id}\n          type={type ?? 'button'}\n          data-testid={id}\n          onClick={(event: React.MouseEvent<HTMLButtonElement>) => action(event)}\n          onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)}\n          disabled={disabled}\n          hideOnLowWidth={hideOnLowWidth || false}\n          inMobileMenu={isInMobileMenu}\n          useTransparentBackground={useTransparentBackground}\n          iconColor={iconColor}\n          unsetIconSize={unsetIconSize}\n          tabIndex={tabIndex || 0}\n          borderRadius={borderRadius || shape === 'circular' ? 18 : 0}\n          onMouseDown={(e: any) => {\n            if (!disabled && !tabbedHere) supressFocusRef.current = true;\n          }}\n          onFocus={(e: any) => {\n            if (!disabled) {\n              if (!supressFocusRef.current) setTabbedHere(true);\n              else supressFocusRef.current = false;\n            }\n          }}\n          onBlur={() => setTabbedHere(false)}\n          tabbedHere={tabbedHere}\n          onKeyPress={onKeyPress}\n          tabbedHereBackgroundColor={tabbedHereBackgroundColor}>\n          <div>{children}</div>\n        </StyledPrimaryIconButton>\n      );\n  }\n};\n\nexport default IconButton;\n"],"file":"Iconbutton.js"}
+{"version":3,"sources":["../../../src/Button/Iconbutton.tsx"],"names":["React","styled","css","BREAKPOINTS","COLORS","tabbedHereStyle","variant","tabbedHereBackgroundColor","primary_500","neutral_600","primary_700","white","getBorderRadius","props","borderRadius","getBorderRadiusStyle","radius","flatEdge","StyledIconButton","button","hideOnLowWidth","MEDIUM","unsetIconSize","StyledPrimaryIconButton","useTransparentBackground","iconColor","primary_800","neutral_200","tabbedHere","StyledSecondaryIconButton","primary_20","primary_100","neutral_300","IconButton","id","shape","action","isInMobileMenu","children","disabled","tabIndex","onKeyPress","type","supressFocusRef","useRef","setTabbedHere","useState","isPressingEnter","e","key","preventDefault","stopPropagation","event","current"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { BREAKPOINTS, COLORS } from '../styles';\n\ninterface HeaderItemProps {\n  hideOnLowWidth: boolean;\n  inMobileMenu?: boolean;\n  useTransparentBackground?: boolean;\n  iconColor?: string;\n  unsetIconSize?: boolean;\n  borderRadius?: number;\n  shape?: string;\n  flatEdge?: string;\n  tabbedHere?: boolean;\n  tabbedHereBackgroundColor?: string;\n}\n\nconst tabbedHereStyle = (variant: string, tabbedHereBackgroundColor?: string) => {\n  switch (variant) {\n    case 'secondary':\n      return css`\n        div {\n          background-color: ${tabbedHereBackgroundColor || 'transparent'} !important;\n          box-shadow: 0px 0px 8px ${COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);\n        }\n        div svg path,\n        div svg {\n          fill: ${COLORS.neutral_600};\n        }\n      `;\n    case 'primary':\n    default:\n      return css`\n        div {\n          background-color: ${tabbedHereBackgroundColor || COLORS.primary_700} !important;\n          box-shadow: 0px 4px 12px rgba(46, 127, 161, 0.25), 0px 0px 8px #2e7fa1;\n        }\n        div svg path,\n        div svg {\n          fill: ${COLORS.white};\n        }\n      `;\n  }\n};\n\nconst getBorderRadius = (props:HeaderItemProps) => (props.borderRadius ? `${props.borderRadius}px` : '4px'); \n\nconst getBorderRadiusStyle = (props:HeaderItemProps) => {\n  const radius = getBorderRadius(props);\n  switch(props.flatEdge)\n  {\n      case 'left':\n          return `0px ${radius} ${radius} 0px`;\n      \n      case 'right':\n          return `${radius} 0px 0px ${radius}`;\n\n      case 'none':\n      default:\n          return `${radius}`;\n  }\n};\n\nconst StyledIconButton = styled.button<HeaderItemProps>`\n  border-width: 0;\n  cursor: pointer;\n  height: 48px;\n  width: 48px;\n  background: transparent;\n\n  display: ${(props) => (props.hideOnLowWidth ? 'none' : 'block')};\n  ${BREAKPOINTS.MEDIUM} {\n    display: block;\n  }\n\n  border-radius: ${(props) => (props.borderRadius ? `${props.borderRadius}px` : '4px')};\n  div {\n    height: 36px;\n    width: 36px;\n    border-radius: ${getBorderRadiusStyle};\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    svg {\n      height: ${(props) => (props.unsetIconSize ? 'unset' : '24px')};\n      width: ${(props) => (props.unsetIconSize ? 'unset' : '24px')};\n      padding: 0;\n    }\n  }\n  &:only-child {\n    margin: 0;\n  }\n  &:disabled {\n    cursor: not-allowed;\n  }\n  &:focus:not(:disabled) {\n    outline: none;\n    div {\n      outline: none;\n    }\n  }\n  &:active:not(:disabled) {\n    div {\n      box-shadow: none;\n    }\n  }\n`;\n\nconst StyledPrimaryIconButton = styled(StyledIconButton)`\n  div {\n    background-color: ${(props) => (props.useTransparentBackground ? 'transparent' : COLORS.primary_500)};\n\n    svg {\n      fill: ${(props) => props.iconColor || COLORS.white};\n      path {\n        fill: ${(props) => props.iconColor || COLORS.white};\n      }\n    }\n  }\n  &:hover:not(:disabled) {\n    div {\n      background-color: ${COLORS.primary_700};\n    }\n    div svg path,\n    div svg {\n      fill: ${COLORS.white};\n    }\n  }\n  &:active:not(:disabled) {\n    div {\n      background: ${COLORS.primary_800};\n    }\n    div svg path,\n    div svg {\n      fill: ${COLORS.white};\n    }\n  }\n  &:disabled {\n    div {\n      background-color: ${COLORS.neutral_200};\n    }\n    svg {\n      path {\n        fill: ${COLORS.white};\n      }\n      fill: ${COLORS.white};\n    }\n  }\n  ${(props) => (props.tabbedHere ? tabbedHereStyle('primary', props.tabbedHereBackgroundColor) : '')};\n`;\n\nconst StyledSecondaryIconButton = styled(StyledIconButton)`\n  div {\n    background-color: ${(props) => (props.useTransparentBackground ? 'transparent' : COLORS.white)};\n\n    svg {\n      fill: ${(props) => props.iconColor || COLORS.neutral_600};\n      path {\n        fill: ${(props) => props.iconColor || COLORS.neutral_600};\n      }\n    }\n  }\n  &:hover:not(:disabled) {\n    div {\n      background-color: ${COLORS.primary_20};\n    }\n    div svg path,\n    div svg {\n      fill: ${COLORS.primary_700};\n    }\n  }\n  &:active:not(:disabled) {\n    div {\n      background: ${COLORS.primary_100};\n    }\n    div svg path,\n    div svg {\n      fill: ${COLORS.primary_800};\n    }\n  }\n\n  &:disabled {\n    div {\n      background-color: ${(props) => (props.useTransparentBackground ? 'transparent' : COLORS.white)};\n    }\n    svg {\n      path {\n        fill: ${COLORS.neutral_300};\n      }\n      fill: ${COLORS.neutral_300};\n    }\n  }\n\n  ${(props) => (props.tabbedHere ? tabbedHereStyle('secondary', props.tabbedHereBackgroundColor) : '')};\n`;\n\ntype Props = {\n  id?: string;\n  variant?: 'primary' | 'secondary';\n  shape?: 'square' | 'circular';\n  action: (event?: React.MouseEvent<HTMLButtonElement>) => void;\n  hideOnLowWidth?: boolean;\n  flatEdge?: 'right' | 'left' | 'none' | undefined;\n  isInMobileMenu?: boolean;\n  disabled?: boolean;\n  useTransparentBackground?: boolean;\n  iconColor?: string;\n  unsetIconSize?: boolean;\n  tabIndex?: number;\n  borderRadius?: number;\n  onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement>;\n  tabbedHereBackgroundColor?: string;\n  type?: 'submit' | 'reset' | 'button' | undefined;\n};\n\nconst IconButton: React.FunctionComponent<Props> = ({\n  id,\n  variant,\n  shape,\n  action,\n  hideOnLowWidth,\n  isInMobileMenu,\n  children,\n  useTransparentBackground,\n  disabled,\n  iconColor,\n  unsetIconSize,\n  tabIndex,\n  flatEdge,\n  borderRadius,\n  onKeyPress,\n  tabbedHereBackgroundColor,\n  type,\n}): React.ReactElement<Props> => {\n  const supressFocusRef = React.useRef<any>(null);\n  const [tabbedHere, setTabbedHere] = React.useState<boolean>(false);\n\n  const isPressingEnter = (e: any) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      e.stopPropagation();\n      return true;\n    }\n    return false;\n  };\n\n  // Let's render button\n  switch (variant) {\n    case 'secondary':\n      return (\n        <StyledSecondaryIconButton\n          id={id}\n          type={type ?? 'button'}\n          data-testid={id}\n          onClick={(event: React.MouseEvent<HTMLButtonElement>) => action(event)}\n          onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)}\n          disabled={disabled}\n          hideOnLowWidth={hideOnLowWidth || false}\n          inMobileMenu={isInMobileMenu}\n          useTransparentBackground={useTransparentBackground}\n          iconColor={iconColor}\n          unsetIconSize={unsetIconSize}\n          tabIndex={tabIndex || 0}\n          borderRadius={borderRadius || shape === 'circular' ? 18 : 0}\n          onMouseDown={(e: any) => {\n            if (!disabled && !tabbedHere) supressFocusRef.current = true;\n          }}\n          onFocus={(e: any) => {\n            if (!disabled) {\n              if (!supressFocusRef.current) setTabbedHere(true);\n              else supressFocusRef.current = false;\n            }\n          }}\n          onBlur={() => setTabbedHere(false)}\n          tabbedHere={tabbedHere}\n          onKeyPress={onKeyPress}\n          tabbedHereBackgroundColor={tabbedHereBackgroundColor}>\n          <div>{children}</div>\n        </StyledSecondaryIconButton>\n      );\n    case 'primary':\n    default:\n      return (\n        <StyledPrimaryIconButton\n          id={id}\n          type={type ?? 'button'}\n          data-testid={id}\n          flatEdge={flatEdge}\n          onClick={(event: React.MouseEvent<HTMLButtonElement>) => action(event)}\n          onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)}\n          disabled={disabled}\n          hideOnLowWidth={hideOnLowWidth || false}\n          inMobileMenu={isInMobileMenu}\n          useTransparentBackground={useTransparentBackground}\n          iconColor={iconColor}\n          unsetIconSize={unsetIconSize}\n          tabIndex={tabIndex || 0}\n          borderRadius={borderRadius || shape === 'circular' ? 18 : 0}\n          onMouseDown={(e: any) => {\n            if (!disabled && !tabbedHere) supressFocusRef.current = true;\n          }}\n          onFocus={(e: any) => {\n            if (!disabled) {\n              if (!supressFocusRef.current) setTabbedHere(true);\n              else supressFocusRef.current = false;\n            }\n          }}\n          onBlur={() => setTabbedHere(false)}\n          tabbedHere={tabbedHere}\n          onKeyPress={onKeyPress}\n          tabbedHereBackgroundColor={tabbedHereBackgroundColor}>\n          <div>{children}</div>\n        </StyledPrimaryIconButton>\n      );\n  }\n};\n\nexport default IconButton;\n"],"file":"Iconbutton.js"}

package/dist/esm/Button/__tests__/Button.test.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { render } from '@testing-library/react';
 import { Button } from '../index';
 import 'jest-styled-components';
+import { Size } from '../..';
 describe('<Button />', () => {
   it('Renders primary button', async () => {
     const {
@@ -10,7 +11,7 @@ describe('<Button />', () => {
     } = render( /*#__PURE__*/React.createElement(Button, {
       variant: "primary",
       testId: "TestButton",
-      size: "big"
+      size: Size.Large
     }, "TestButton"));
     expect(queryByText('TestButton')).toBeDefined();
     /*expect(getByTestId('TestButton')).toHaveStyleRule('background-color', COLORS.primary);

package/dist/esm/Button/__tests__/Button.test.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/Button/__tests__/Button.test.tsx"],"names":["React","render","Button","describe","it","queryByText","getByTestId","expect","toBeDefined"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,wBAAvB;AACA,SAASC,MAAT,QAAuB,UAAvB;AACA,OAAO,wBAAP;AAGAC,QAAQ,CAAC,YAAD,EAAe,MAAM;AAC3BC,EAAAA,EAAE,CAAC,wBAAD,EAA2B,YAAY;AACvC,UAAM;AAAEC,MAAAA,WAAF;AAAeC,MAAAA;AAAf,QAA+BL,MAAM,eACzC,oBAAC,MAAD;AAAQ,MAAA,OAAO,EAAC,SAAhB;AAA0B,MAAA,MAAM,EAAC,YAAjC;AAA8C,MAAA,IAAI,EAAC;AAAnD,oBADyC,CAA3C;AAKAM,IAAAA,MAAM,CAACF,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,WAAlC;AACA;AACJ;AACA;AACG,GAVC,CAAF;AAWAJ,EAAAA,EAAE,CAAC,0BAAD,EAA6B,YAAY;AACzC,UAAM;AAAEC,MAAAA,WAAF;AAAeC,MAAAA;AAAf,QAA+BL,MAAM,eACzC,oBAAC,MAAD;AAAQ,MAAA,OAAO,EAAC,WAAhB;AAA4B,MAAA,MAAM,EAAC;AAAnC,oBADyC,CAA3C;AAKAM,IAAAA,MAAM,CAACF,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,WAAlC;AACA;AACJ;AACA;AACG,GAVC,CAAF;AAWAJ,EAAAA,EAAE,CAAC,yBAAD,EAA4B,YAAY;AACxC,UAAM;AAAEC,MAAAA,WAAF;AAAeC,MAAAA;AAAf,QAA+BL,MAAM,eACzC,oBAAC,MAAD;AAAQ,MAAA,OAAO,EAAC,UAAhB;AAA2B,MAAA,MAAM,EAAC;AAAlC,oBADyC,CAA3C;AAKAM,IAAAA,MAAM,CAACF,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,WAAlC;AACA;AACJ;AACA;AACG,GAVC,CAAF;AAWD,CAlCO,CAAR","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Button } from '../index';\nimport 'jest-styled-components';\nimport { COLORS } from '../../styles';\n\ndescribe('<Button />', () => {\n  it('Renders primary button', async () => {\n    const { queryByText, getByTestId } = render(\n      <Button variant=\"primary\" testId=\"TestButton\" size=\"big\">\n        TestButton\n      </Button>,\n    );\n    expect(queryByText('TestButton')).toBeDefined();\n    /*expect(getByTestId('TestButton')).toHaveStyleRule('background-color', COLORS.primary);\n    expect(getByTestId('TestButton')).toHaveStyleRule('cursor', 'pointer');\n    expect(getByTestId('TestButton')).toHaveStyleRule('color', 'white');*/\n  });\n  it('Renders secondary button', async () => {\n    const { queryByText, getByTestId } = render(\n      <Button variant=\"secondary\" testId=\"TestButton\">\n        TestButton\n      </Button>,\n    );\n    expect(queryByText('TestButton')).toBeDefined();\n    /*expect(getByTestId('TestButton')).toHaveStyleRule('color', COLORS.primary);\n    expect(getByTestId('TestButton')).toHaveStyleRule('border-color', COLORS.primary);\n    expect(getByTestId('TestButton')).toHaveStyleRule('background-color', 'white');*/\n  });\n  it('Renders tertiary button', async () => {\n    const { queryByText, getByTestId } = render(\n      <Button variant=\"tertiary\" testId=\"TestButton\">\n        TestButton\n      </Button>,\n    );\n    expect(queryByText('TestButton')).toBeDefined();\n    /*expect(getByTestId('TestButton')).toHaveStyleRule('background-color', 'white');\n    expect(getByTestId('TestButton')).toHaveStyleRule('border-color', COLORS.neutral_100);\n    expect(getByTestId('TestButton')).toHaveStyleRule('color', COLORS.primary);*/\n  });\n});\n"],"file":"Button.test.js"}
+{"version":3,"sources":["../../../../src/Button/__tests__/Button.test.tsx"],"names":["React","render","Button","Size","describe","it","queryByText","getByTestId","Large","expect","toBeDefined"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,wBAAvB;AACA,SAASC,MAAT,QAAuB,UAAvB;AACA,OAAO,wBAAP;AAEA,SAASC,IAAT,QAAqB,OAArB;AAEAC,QAAQ,CAAC,YAAD,EAAe,MAAM;AAC3BC,EAAAA,EAAE,CAAC,wBAAD,EAA2B,YAAY;AACvC,UAAM;AAAEC,MAAAA,WAAF;AAAeC,MAAAA;AAAf,QAA+BN,MAAM,eACzC,oBAAC,MAAD;AAAQ,MAAA,OAAO,EAAC,SAAhB;AAA0B,MAAA,MAAM,EAAC,YAAjC;AAA8C,MAAA,IAAI,EAAEE,IAAI,CAACK;AAAzD,oBADyC,CAA3C;AAKAC,IAAAA,MAAM,CAACH,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCI,WAAlC;AACA;AACJ;AACA;AACG,GAVC,CAAF;AAWAL,EAAAA,EAAE,CAAC,0BAAD,EAA6B,YAAY;AACzC,UAAM;AAAEC,MAAAA,WAAF;AAAeC,MAAAA;AAAf,QAA+BN,MAAM,eACzC,oBAAC,MAAD;AAAQ,MAAA,OAAO,EAAC,WAAhB;AAA4B,MAAA,MAAM,EAAC;AAAnC,oBADyC,CAA3C;AAKAQ,IAAAA,MAAM,CAACH,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCI,WAAlC;AACA;AACJ;AACA;AACG,GAVC,CAAF;AAWAL,EAAAA,EAAE,CAAC,yBAAD,EAA4B,YAAY;AACxC,UAAM;AAAEC,MAAAA,WAAF;AAAeC,MAAAA;AAAf,QAA+BN,MAAM,eACzC,oBAAC,MAAD;AAAQ,MAAA,OAAO,EAAC,UAAhB;AAA2B,MAAA,MAAM,EAAC;AAAlC,oBADyC,CAA3C;AAKAQ,IAAAA,MAAM,CAACH,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCI,WAAlC;AACA;AACJ;AACA;AACG,GAVC,CAAF;AAWD,CAlCO,CAAR","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Button } from '../index';\nimport 'jest-styled-components';\nimport { COLORS } from '../../styles';\nimport { Size } from '../..';\n\ndescribe('<Button />', () => {\n  it('Renders primary button', async () => {\n    const { queryByText, getByTestId } = render(\n      <Button variant=\"primary\" testId=\"TestButton\" size={Size.Large}>\n        TestButton\n      </Button>,\n    );\n    expect(queryByText('TestButton')).toBeDefined();\n    /*expect(getByTestId('TestButton')).toHaveStyleRule('background-color', COLORS.primary);\n    expect(getByTestId('TestButton')).toHaveStyleRule('cursor', 'pointer');\n    expect(getByTestId('TestButton')).toHaveStyleRule('color', 'white');*/\n  });\n  it('Renders secondary button', async () => {\n    const { queryByText, getByTestId } = render(\n      <Button variant=\"secondary\" testId=\"TestButton\">\n        TestButton\n      </Button>,\n    );\n    expect(queryByText('TestButton')).toBeDefined();\n    /*expect(getByTestId('TestButton')).toHaveStyleRule('color', COLORS.primary);\n    expect(getByTestId('TestButton')).toHaveStyleRule('border-color', COLORS.primary);\n    expect(getByTestId('TestButton')).toHaveStyleRule('background-color', 'white');*/\n  });\n  it('Renders tertiary button', async () => {\n    const { queryByText, getByTestId } = render(\n      <Button variant=\"tertiary\" testId=\"TestButton\">\n        TestButton\n      </Button>,\n    );\n    expect(queryByText('TestButton')).toBeDefined();\n    /*expect(getByTestId('TestButton')).toHaveStyleRule('background-color', 'white');\n    expect(getByTestId('TestButton')).toHaveStyleRule('border-color', COLORS.neutral_100);\n    expect(getByTestId('TestButton')).toHaveStyleRule('color', COLORS.primary);*/\n  });\n});\n"],"file":"Button.test.js"}

package/dist/esm/Button/index.js

@@ -1,4 +1,5 @@
 export { default as IconButton } from './Iconbutton';
 export { default as Button } from './Button';
 export { default as BackButton } from './BackButton';
+export { default as Anchor } from './Anchor';
 //# sourceMappingURL=index.js.map

package/dist/esm/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Button/index.ts"],"names":["default","IconButton","Button","BackButton"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAApB,QAAsC,cAAtC;AACA,SAASD,OAAO,IAAIE,MAApB,QAAkC,UAAlC;AACA,SAASF,OAAO,IAAIG,UAApB,QAAsC,cAAtC","sourcesContent":["export { default as IconButton } from './Iconbutton';\nexport { default as Button } from './Button';\nexport { default as BackButton } from './BackButton';\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/Button/index.ts"],"names":["default","IconButton","Button","BackButton","Anchor"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAApB,QAAsC,cAAtC;AACA,SAASD,OAAO,IAAIE,MAApB,QAAkC,UAAlC;AACA,SAASF,OAAO,IAAIG,UAApB,QAAsC,cAAtC;AACA,SAASH,OAAO,IAAII,MAApB,QAAkC,UAAlC","sourcesContent":["export { default as IconButton } from './Iconbutton';\nexport { default as Button } from './Button';\nexport { default as BackButton } from './BackButton';\nexport { default as Anchor } from './Anchor';\n"],"file":"index.js"}