@laerdal/life-react-components 5.0.5-dev.3 → 5.0.5-dev.4.full

package/dist/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["React","styled","LoadingIndicator","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","COLORS","focusStyles","invertedFocusStyles","Size","defaultOnMouseDownHandler","getBorderRadius","flatEdge","radius","ButtonContentContainer","div","ButtonBaseStyled","button","ButtonPrimaryStyled","props","$size","Large","Bold","$colorTheme","getColor","theme","Small","$flatEdge","$width","Medium","$iconOnly","$invertFocus","undefined","ButtonSecondaryStyled","ButtonTertiaryStyled","ButtonPositiveStyled","ButtonCriticalStyled","Button","forwardRef","ref","children","variant","type","size","colorTheme","invertFocus","width","testId","disabled","icon","loading","renderProps","renderContent","ButtonStyled","className"],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { LoadingIndicator } from '../LoadingIndicator';\r\nimport { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles';\r\nimport { COLORS, focusStyles, invertedFocusStyles } from '../styles';\r\nimport { Size, Testable } from '../types';\r\nimport { defaultOnMouseDownHandler } from '../common';\r\n\r\nconst getBorderRadius = (flatEdge: string | undefined, radius: number) => {\r\n  switch (flatEdge) {\r\n    case 'left':\r\n      return `0px ${radius}px ${radius}px 0px`;\r\n\r\n    case 'right':\r\n      return `${radius}px 0px 0px ${radius}px`;\r\n\r\n    case 'none':\r\n    default:\r\n      return `${radius}px`;\r\n  }\r\n};\r\n\r\nexport const ButtonContentContainer = styled.div`\r\n  min-width: 64px;\r\n`;\r\n\r\nconst ButtonBaseStyled = styled.button<{$iconOnly: boolean; $size: Size; $colorTheme: 'teal' | 'dark' | undefined; $flatEdge: string | undefined; $width: string; $invertFocus: boolean | undefined; }>``;\r\n\r\nexport const ButtonPrimaryStyled = styled(ButtonBaseStyled)`\r\n  border: none;\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n  padding: 0;\r\n  margin: 0;\r\n  position: relative;\r\n  box-sizing: border-box;\r\n  min-height: ${(props) => (props.$size === Size.Large ? '56px' : '48px')};\r\n  &.loading-state {\r\n    cursor: wait;\r\n  }\r\n  ${ButtonContentContainer} {\r\n    ${(props) =>\r\n      props.$size === Size.Large\r\n        ? ComponentLStyling(ComponentTextStyle.Bold, props?.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.getColor('white', props.theme))\r\n        : props.$size === Size.Small\r\n        ? ComponentSStyling(ComponentTextStyle.Bold, props?.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.getColor('white', props.theme))\r\n        : ComponentMStyling(ComponentTextStyle.Bold, props?.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.getColor('white', props.theme))};\r\n\r\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary', props.theme))};\r\n    border-radius: ${(props) => getBorderRadius(props.$flatEdge, 8)};\r\n\r\n    width: ${(props) => props.$width};\r\n    position: relative;\r\n\r\n    min-height: ${(props) => (props.$size === Size.Large ? '56px' : props.$size === Size.Small ? '32px' : '40px')};\r\n\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: ${(props) => (props.$size === Size.Large ? '14px 16px' : props.$size === Size.Small ? '6px 8px' : '8px 12px')};\r\n\r\n    span.icon:not(.loading) {\r\n      pointer-events: none;\r\n    }\r\n\r\n    span.loading {\r\n      opacity: 0;\r\n    }\r\n\r\n    .icon {\r\n      margin: ${(props) => (props.$size === Size.Medium ? props.$iconOnly ? '-2px -8px' : '' : (props.$size === Size.Small ? props.$iconOnly ? '-2px -6px' : '' : '' ))};\r\n      width: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')};\r\n      height: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')};\r\n      svg {\r\n        width: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')} !important;\r\n        height: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')} !important;\r\n      }\r\n    }\r\n\r\n    .label {\r\n      margin: 0 4px;\r\n    }\r\n\r\n    div {\r\n      position: absolute;\r\n      width: 100%;\r\n      svg {\r\n        height: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')};\r\n        width: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')};\r\n        path {\r\n          fill: ${(props) => (props.$colorTheme === 'dark' ? COLORS.getColor('primary', props.theme) : COLORS.getColor('white', props.theme))};\r\n        }\r\n      }\r\n    }\r\n  }\r\n  &:hover > ${ButtonContentContainer},\r\n  &.hover-state > ${ButtonContentContainer} {\r\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_100', props.theme) : COLORS.getColor('primary_700', props.theme))};\r\n    color: ${(props) => (props?.$colorTheme === 'dark' ? COLORS.getColor('primary_600', props.theme) : COLORS.getColor('white', props.theme))};\r\n  }\r\n  &:active > ${ButtonContentContainer},\r\n  &.active-state > ${ButtonContentContainer} {\r\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_200', props.theme) : COLORS.getColor('primary_800', props.theme))};\r\n    color: ${(props) => (props?.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.getColor('white', props.theme))};\r\n  }\r\n\r\n  &:focus,\r\n  &.focus-state {\r\n    ${(props) => (props.$invertFocus || (props.$invertFocus === undefined && props.$colorTheme === 'dark') ? invertedFocusStyles : focusStyles)}\r\n  }\r\n  &:disabled,\r\n  &.disabled-state {\r\n    cursor: not-allowed;\r\n  }\r\n  &:disabled > ${ButtonContentContainer},\r\n  &.disabled-state > ${ButtonContentContainer} {\r\n    pointer-events: none;\r\n    background-color: ${(props) => (props.$colorTheme === 'dark' ? COLORS.getColor('primary_700', props.theme) : COLORS.getColor('neutral_100', props.theme))};\r\n    color: ${(props) => (props.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.getColor('neutral_300', props.theme))};\r\n  }\r\n`;\r\n\r\nexport const ButtonSecondaryStyled = styled(ButtonPrimaryStyled)`\r\n  ${ButtonContentContainer} {\r\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary', props.theme))};\r\n    background-color: transparent;\r\n    div svg path {\r\n      fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : COLORS.getColor('primary', props.theme))};\r\n    }\r\n    box-shadow: inset 0 0 0 2px ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary', props.theme))};\r\n    \r\n    padding: ${(props) => (props.$size === Size.Large ? '12px 16px' : props.$size === Size.Small ? '4px 8px' : '6px 12px')};\r\n  }\r\n\r\n  &:hover > ${ButtonContentContainer},\r\n  &.hover-state > ${ButtonContentContainer} {\r\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_200', props.theme) : COLORS.getColor('primary_700', props.theme))};\r\n    box-shadow: inset 0 0 0 2px ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_200', props.theme) : COLORS.getColor('primary_700', props.theme))};\r\n    \r\n    background-color: transparent;\r\n    div {\r\n      svg {\r\n        path {\r\n          fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : COLORS.getColor('primary_700', props.theme))};\r\n        }\r\n      }\r\n    }\r\n  }\r\n  &:active > ${ButtonContentContainer},\r\n  &.active-state > ${ButtonContentContainer} {\r\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_300', props.theme) : COLORS.getColor('primary_800', props.theme))};\r\n    box-shadow: inset 0 0 0 2px ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_300', props.theme) : COLORS.getColor('primary_800', props.theme))};\r\n    \r\n    background-color: transparent;\r\n    div {\r\n      svg {\r\n        path {\r\n          fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_800', props.theme))};\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled > ${ButtonContentContainer},\r\n  &.disabled-state > ${ButtonContentContainer} {\r\n    background-color: transparent;\r\n    color: ${(props) => (props?.$colorTheme === 'dark' ? COLORS.getColor('primary_700', props.theme) : COLORS.getColor('neutral_300', props.theme))};\r\n    box-shadow: inset 0 0 0 2px ${(props) => (props?.$colorTheme === 'dark' ? COLORS.getColor('primary_700', props.theme) : COLORS.getColor('neutral_100', props.theme))};\r\n  }\r\n`;\r\n\r\nexport const ButtonTertiaryStyled = styled(ButtonPrimaryStyled)`\r\n${ButtonContentContainer} {\r\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_500', props.theme))};\r\n    background-color: transparent;\r\n\r\n    div svg path {\r\n      fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_500', props.theme))};\r\n    }\r\n\r\n    padding: ${(props) => (props.$size === Size.Large ? '12px 16px' : props.$size === Size.Small ? '4px 8px' : '6px 12px')};\r\n  }\r\n\r\n  &:hover > ${ButtonContentContainer},\r\n  &.hover-state > ${ButtonContentContainer} {\r\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_20', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('primary_700', props.theme) : COLORS.getColor('primary_20', props.theme))};\r\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_700', props.theme))};\r\n\r\n    div {\r\n      svg {\r\n        path {\r\n          fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_700', props.theme))};\r\n        }\r\n      }\r\n    }\r\n  }\r\n  &:active > ${ButtonContentContainer},\r\n  &.active-state > ${ButtonContentContainer} {\r\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_100', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('primary_600', props.theme) : COLORS.getColor('primary_100', props.theme))};\r\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_800', props.theme))};\r\n\r\n    div {\r\n      svg {\r\n        path {\r\n          fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_800', props.theme))};\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled > ${ButtonContentContainer},\r\n  &.disabled-state > ${ButtonContentContainer} {\r\n    background-color: transparent !important;\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    border-color: transparent !important;\r\n  }\r\n`;\r\n\r\nexport const ButtonPositiveStyled = styled(ButtonPrimaryStyled)`\r\n  ${ButtonContentContainer} {\r\n    color: white;\r\n    background-color: ${props => COLORS.getColor('correct_500', props.theme)};\r\n  }\r\n  &:hover > ${ButtonContentContainer},\r\n  &.hover-state > ${ButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('correct_700', props.theme)};\r\n  }\r\n  &:active > ${ButtonContentContainer},\r\n  &.active-state > ${ButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('correct_800', props.theme)};\r\n  }\r\n\r\n  &:disabled > ${ButtonContentContainer},\r\n  &.disabled-state > ${ButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const ButtonCriticalStyled = styled(ButtonPrimaryStyled)`\r\n  ${ButtonContentContainer} {\r\n    color: white;\r\n    background-color: ${props => COLORS.getColor('critical_500', props.theme)};\r\n  }\r\n  &:hover > ${ButtonContentContainer},\r\n  &.hover-state > ${ButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('critical_700', props.theme)};\r\n  }\r\n  &:active > ${ButtonContentContainer},\r\n  &.active-state > ${ButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('critical_800', props.theme)};\r\n  }\r\n\r\n  &:disabled > ${ButtonContentContainer},\r\n  &.disabled-state > ${ButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};    \r\n  }\r\n`;\r\n\r\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n  /** Look and feel variant of the component. Defaults to 'primary'. */\r\n  variant?: 'primary' | 'secondary' | 'tertiary' | 'positive' | 'critical';\r\n  /** Can be used in order to remove rounded corners on right or left edge of the button. Used by 'DualFunctionButton'. Defaults to 'undefined' */\r\n  flatEdge?: 'right' | 'left' | 'none' | undefined;\r\n  /** Size of the component. Small, Medium or Large. Defaults to 'medium' */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Color theme altering of the component. By default there is no altering applied. */\r\n  colorTheme?: 'teal' | 'dark';\r\n  /** Allows using inverted colors for outlining focus rect. Shown when component focused by keyboard. */\r\n  invertFocus?: boolean;\r\n  /** Can be used to set custom value for width style. Value is set for 'ButtonContent' container. */\r\n  width?: 'auto' | string;\r\n  /** If set, then 'opacity' of children container will be set to 0, and loading indicator will be shown.  */\r\n  loading?: boolean;\r\n  /** TestId. Will be set to the top level button component. */\r\n  testId?: string;\r\n  /** Icon that will be shown on the left of the children. */\r\n  icon?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Button component\r\n */\r\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n  ({ children = '', variant = 'primary', type = 'button', size = Size.Medium, colorTheme, invertFocus,  width: width = 'auto', testId, disabled, flatEdge, icon, ...props }, ref) => {\r\n    // Let's filter out properties that we don't need to render.\r\n    const { loading, ...renderProps } = props;\r\n\r\n    const renderContent = () => (\r\n      <>\r\n        {icon && <span className={(children ? 'extramargin ' : '') + (loading ? 'icon loading' : 'icon')}>{icon}</span>}\r\n        {children && <span className={loading ? 'label loading' : 'label'}>{children}</span>}\r\n        {loading && <LoadingIndicator />}\r\n      </>\r\n    );\r\n\r\n    let ButtonStyled = ButtonPrimaryStyled;\r\n    switch (variant) {\r\n      case 'secondary':\r\n        ButtonStyled = ButtonSecondaryStyled;\r\n        break;\r\n      case 'tertiary':\r\n        ButtonStyled = ButtonTertiaryStyled;\r\n        break;\r\n      case 'positive':\r\n        ButtonStyled = ButtonPositiveStyled;\r\n        break;\r\n      case 'critical':\r\n        ButtonStyled = ButtonCriticalStyled;\r\n        break;\r\n    }\r\n\r\n    return (\r\n      <ButtonStyled\r\n        {...renderProps}\r\n        $size={size}\r\n        $colorTheme={colorTheme} \r\n        $invertFocus={invertFocus}        \r\n        ref={ref}\r\n        disabled={disabled}\r\n        $iconOnly={!children}\r\n        type={type}\r\n        $flatEdge={flatEdge}\r\n        $width={width}\r\n        data-testid={testId}\r\n        className={props.loading ? 'loading-state ' + props.className : ' ' + props.className}\r\n        onMouseDown={defaultOnMouseDownHandler}>\r\n        <ButtonContentContainer>{renderContent()}</ButtonContentContainer>\r\n      </ButtonStyled>\r\n    );\r\n  },\r\n);\r\n\r\nexport default Button;\r\n"],"mappings":"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"}
+{"version":3,"file":"Button.js","names":["React","styled","LoadingIndicator","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","COLORS","focusStyles","invertedFocusStyles","Size","defaultOnMouseDownHandler","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","getBorderRadius","flatEdge","radius","concat","ButtonContentContainer","div","_templateObject","_taggedTemplateLiteral","ButtonBaseStyled","button","_templateObject2","ButtonPrimaryStyled","_templateObject3","props","$size","Large","Bold","$colorTheme","getColor","theme","Small","$flatEdge","$width","Medium","$iconOnly","$invertFocus","undefined","ButtonSecondaryStyled","_templateObject4","ButtonTertiaryStyled","_templateObject5","ButtonPositiveStyled","_templateObject6","ButtonCriticalStyled","_templateObject7","Button","forwardRef","_ref","ref","_ref$children","children","_ref$variant","variant","_ref$type","type","_ref$size","size","colorTheme","invertFocus","_ref$width","width","testId","disabled","icon","_objectWithoutProperties","_excluded","loading","renderProps","_excluded2","renderContent","className","ButtonStyled","_objectSpread","onMouseDown","propTypes","_pt","oneOf","bool","oneOfType","string","node"],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { LoadingIndicator } from '../LoadingIndicator';\nimport { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles';\nimport { COLORS, focusStyles, invertedFocusStyles } from '../styles';\nimport { Size, Testable } from '../types';\nimport { defaultOnMouseDownHandler } from '../common';\n\nconst getBorderRadius = (flatEdge: string | undefined, radius: number) => {\n  switch (flatEdge) {\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\nexport const ButtonContentContainer = styled.div`\n  min-width: 64px;\n`;\n\nconst ButtonBaseStyled = styled.button<{$iconOnly: boolean; $size: Size; $colorTheme: 'teal' | 'dark' | undefined; $flatEdge: string | undefined; $width: string; $invertFocus: boolean | undefined; }>``;\n\nexport const ButtonPrimaryStyled = styled(ButtonBaseStyled)`\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  padding: 0;\n  margin: 0;\n  position: relative;\n  box-sizing: border-box;\n  min-height: ${(props) => (props.$size === Size.Large ? '56px' : '48px')};\n  &.loading-state {\n    cursor: wait;\n  }\n  ${ButtonContentContainer} {\n    ${(props) =>\n      props.$size === Size.Large\n        ? ComponentLStyling(ComponentTextStyle.Bold, props?.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.getColor('white', props.theme))\n        : props.$size === Size.Small\n        ? ComponentSStyling(ComponentTextStyle.Bold, props?.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.getColor('white', props.theme))\n        : ComponentMStyling(ComponentTextStyle.Bold, props?.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.getColor('white', props.theme))};\n\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary', props.theme))};\n    border-radius: ${(props) => getBorderRadius(props.$flatEdge, 8)};\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\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: ${(props) => (props.$size === Size.Large ? '14px 16px' : props.$size === Size.Small ? '6px 8px' : '8px 12px')};\n\n    span.icon:not(.loading) {\n      pointer-events: none;\n    }\n\n    span.loading {\n      opacity: 0;\n    }\n\n    .icon {\n      margin: ${(props) => (props.$size === Size.Medium ? props.$iconOnly ? '-2px -8px' : '' : (props.$size === Size.Small ? props.$iconOnly ? '-2px -6px' : '' : '' ))};\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    .label {\n      margin: 0 4px;\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.getColor('primary', props.theme) : COLORS.getColor('white', props.theme))};\n        }\n      }\n    }\n  }\n  &:hover > ${ButtonContentContainer},\n  &.hover-state > ${ButtonContentContainer} {\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_100', props.theme) : COLORS.getColor('primary_700', props.theme))};\n    color: ${(props) => (props?.$colorTheme === 'dark' ? COLORS.getColor('primary_600', props.theme) : COLORS.getColor('white', props.theme))};\n  }\n  &:active > ${ButtonContentContainer},\n  &.active-state > ${ButtonContentContainer} {\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_200', props.theme) : COLORS.getColor('primary_800', props.theme))};\n    color: ${(props) => (props?.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.getColor('white', props.theme))};\n  }\n\n  &:focus,\n  &.focus-state {\n    ${(props) => (props.$invertFocus || (props.$invertFocus === undefined && props.$colorTheme === 'dark') ? invertedFocusStyles : focusStyles)}\n  }\n  &:disabled,\n  &.disabled-state {\n    cursor: not-allowed;\n  }\n  &:disabled > ${ButtonContentContainer},\n  &.disabled-state > ${ButtonContentContainer} {\n    pointer-events: none;\n    background-color: ${(props) => (props.$colorTheme === 'dark' ? COLORS.getColor('primary_700', props.theme) : COLORS.getColor('neutral_100', props.theme))};\n    color: ${(props) => (props.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.getColor('neutral_300', props.theme))};\n  }\n`;\n\nexport const ButtonSecondaryStyled = styled(ButtonPrimaryStyled)`\n  ${ButtonContentContainer} {\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary', props.theme))};\n    background-color: transparent;\n    div svg path {\n      fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : COLORS.getColor('primary', props.theme))};\n    }\n    box-shadow: inset 0 0 0 2px ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary', props.theme))};\n    \n    padding: ${(props) => (props.$size === Size.Large ? '12px 16px' : props.$size === Size.Small ? '4px 8px' : '6px 12px')};\n  }\n\n  &:hover > ${ButtonContentContainer},\n  &.hover-state > ${ButtonContentContainer} {\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_200', props.theme) : COLORS.getColor('primary_700', props.theme))};\n    box-shadow: inset 0 0 0 2px ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_200', props.theme) : COLORS.getColor('primary_700', props.theme))};\n    \n    background-color: transparent;\n    div {\n      svg {\n        path {\n          fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : COLORS.getColor('primary_700', props.theme))};\n        }\n      }\n    }\n  }\n  &:active > ${ButtonContentContainer},\n  &.active-state > ${ButtonContentContainer} {\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_300', props.theme) : COLORS.getColor('primary_800', props.theme))};\n    box-shadow: inset 0 0 0 2px ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_300', props.theme) : COLORS.getColor('primary_800', props.theme))};\n    \n    background-color: transparent;\n    div {\n      svg {\n        path {\n          fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_800', props.theme))};\n        }\n      }\n    }\n  }\n\n  &:disabled > ${ButtonContentContainer},\n  &.disabled-state > ${ButtonContentContainer} {\n    background-color: transparent;\n    color: ${(props) => (props?.$colorTheme === 'dark' ? COLORS.getColor('primary_700', props.theme) : COLORS.getColor('neutral_300', props.theme))};\n    box-shadow: inset 0 0 0 2px ${(props) => (props?.$colorTheme === 'dark' ? COLORS.getColor('primary_700', props.theme) : COLORS.getColor('neutral_100', props.theme))};\n  }\n`;\n\nexport const ButtonTertiaryStyled = styled(ButtonPrimaryStyled)`\n${ButtonContentContainer} {\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_500', props.theme))};\n    background-color: transparent;\n\n    div svg path {\n      fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_500', props.theme))};\n    }\n\n    padding: ${(props) => (props.$size === Size.Large ? '12px 16px' : props.$size === Size.Small ? '4px 8px' : '6px 12px')};\n  }\n\n  &:hover > ${ButtonContentContainer},\n  &.hover-state > ${ButtonContentContainer} {\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_20', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('primary_700', props.theme) : COLORS.getColor('primary_20', props.theme))};\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_700', props.theme))};\n\n    div {\n      svg {\n        path {\n          fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_700', props.theme))};\n        }\n      }\n    }\n  }\n  &:active > ${ButtonContentContainer},\n  &.active-state > ${ButtonContentContainer} {\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_100', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('primary_600', props.theme) : COLORS.getColor('primary_100', props.theme))};\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_800', props.theme))};\n\n    div {\n      svg {\n        path {\n          fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_800', props.theme))};\n        }\n      }\n    }\n  }\n\n  &:disabled > ${ButtonContentContainer},\n  &.disabled-state > ${ButtonContentContainer} {\n    background-color: transparent !important;\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\n    border-color: transparent !important;\n  }\n`;\n\nexport const ButtonPositiveStyled = styled(ButtonPrimaryStyled)`\n  ${ButtonContentContainer} {\n    color: white;\n    background-color: ${props => COLORS.getColor('correct_500', props.theme)};\n  }\n  &:hover > ${ButtonContentContainer},\n  &.hover-state > ${ButtonContentContainer} {\n    background-color: ${props => COLORS.getColor('correct_700', props.theme)};\n  }\n  &:active > ${ButtonContentContainer},\n  &.active-state > ${ButtonContentContainer} {\n    background-color: ${props => COLORS.getColor('correct_800', props.theme)};\n  }\n\n  &:disabled > ${ButtonContentContainer},\n  &.disabled-state > ${ButtonContentContainer} {\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\n  }\n`;\n\nexport const ButtonCriticalStyled = styled(ButtonPrimaryStyled)`\n  ${ButtonContentContainer} {\n    color: white;\n    background-color: ${props => COLORS.getColor('critical_500', props.theme)};\n  }\n  &:hover > ${ButtonContentContainer},\n  &.hover-state > ${ButtonContentContainer} {\n    background-color: ${props => COLORS.getColor('critical_700', props.theme)};\n  }\n  &:active > ${ButtonContentContainer},\n  &.active-state > ${ButtonContentContainer} {\n    background-color: ${props => COLORS.getColor('critical_800', props.theme)};\n  }\n\n  &:disabled > ${ButtonContentContainer},\n  &.disabled-state > ${ButtonContentContainer} {\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};    \n  }\n`;\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Look and feel variant of the component. Defaults to 'primary'. */\n  variant?: 'primary' | 'secondary' | 'tertiary' | 'positive' | 'critical';\n  /** Can be used in order to remove rounded corners on right or left edge of the button. Used by 'DualFunctionButton'. Defaults to 'undefined' */\n  flatEdge?: 'right' | 'left' | 'none' | undefined;\n  /** Size of the component. Small, Medium or Large. Defaults to 'medium' */\n  size?: Size.Small | Size.Medium | Size.Large;\n  /** Color theme altering of the component. By default there is no altering applied. */\n  colorTheme?: 'teal' | 'dark';\n  /** Allows using inverted colors for outlining focus rect. Shown when component focused by keyboard. */\n  invertFocus?: boolean;\n  /** Can be used to set custom value for width style. Value is set for 'ButtonContent' container. */\n  width?: 'auto' | string;\n  /** If set, then 'opacity' of children container will be set to 0, and loading indicator will be shown.  */\n  loading?: boolean;\n  /** TestId. Will be set to the top level button component. */\n  testId?: string;\n  /** Icon that will be shown on the left of the children. */\n  icon?: React.ReactNode;\n}\n\n/**\n * Button component\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ children = '', variant = 'primary', type = 'button', size = Size.Medium, colorTheme, invertFocus,  width: width = 'auto', testId, disabled, flatEdge, icon, ...props }, ref) => {\n    // Let's filter out properties that we don't need to render.\n    const { loading, ...renderProps } = props;\n\n    const renderContent = () => (\n      <>\n        {icon && <span className={(children ? 'extramargin ' : '') + (loading ? 'icon loading' : 'icon')}>{icon}</span>}\n        {children && <span className={loading ? 'label loading' : 'label'}>{children}</span>}\n        {loading && <LoadingIndicator />}\n      </>\n    );\n\n    let ButtonStyled = ButtonPrimaryStyled;\n    switch (variant) {\n      case 'secondary':\n        ButtonStyled = ButtonSecondaryStyled;\n        break;\n      case 'tertiary':\n        ButtonStyled = ButtonTertiaryStyled;\n        break;\n      case 'positive':\n        ButtonStyled = ButtonPositiveStyled;\n        break;\n      case 'critical':\n        ButtonStyled = ButtonCriticalStyled;\n        break;\n    }\n\n    return (\n      <ButtonStyled\n        {...renderProps}\n        $size={size}\n        $colorTheme={colorTheme} \n        $invertFocus={invertFocus}        \n        ref={ref}\n        disabled={disabled}\n        $iconOnly={!children}\n        type={type}\n        $flatEdge={flatEdge}\n        $width={width}\n        data-testid={testId}\n        className={props.loading ? 'loading-state ' + props.className : ' ' + props.className}\n        onMouseDown={defaultOnMouseDownHandler}>\n        <ButtonContentContainer>{renderContent()}</ButtonContentContainer>\n      </ButtonStyled>\n    );\n  },\n);\n\nexport default Button;\n"],"mappings":"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","ignoreList":[]}

package/dist/Button/DualFunctionButton.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -24,11 +24,11 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "variant", "type", "size", "width", "testId", "disabled", "id", "dropdownMenuValues", "setDropdownMenuValues", "dropdownCustomizationProps"],
   _excluded2 = ["loading", "icon", "onClick"];
 var _templateObject;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var DualButtonsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n\n  button:first-child {\n    margin-right: 2px;\n  }\n\n  ", " {\n    min-width: unset;\n    gap: 0px;\n    padding: ", ";\n  }\n\n  .extraMargin {\n    margin-bottom: 4px;\n  }\n"])), _Button.ButtonContentContainer, function (props) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DualButtonsContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n\n  button:first-child {\n    margin-right: 2px;\n  }\n\n  ", " {\n    min-width: unset;\n    gap: 0px;\n    padding: ", ";\n  }\n\n  .extraMargin {\n    margin-bottom: 4px;\n  }\n"])), _Button.ButtonContentContainer, function (props) {
   return props.$size == _types.Size.Large ? '4px 18px' : props.$size == _types.Size.Medium ? '4px 14px' : '4px 10px';
 });
 var DualFunctionButton = function DualFunctionButton(_ref) {
@@ -48,31 +48,31 @@ var DualFunctionButton = function DualFunctionButton(_ref) {
     dropdownMenuValues = _ref.dropdownMenuValues,
     setDropdownMenuValues = _ref.setDropdownMenuValues,
     dropdownCustomizationProps = _ref.dropdownCustomizationProps,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   // Let's filter out properties that we don't need to render.
   var loading = props.loading,
     icon = props.icon,
     onClick = props.onClick,
-    renderProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
+    renderProps = (0, _objectWithoutProperties2["default"])(props, _excluded2);
   var _React$useState = React.useState(false),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
     isOpen = _React$useState2[0],
     setIsOpen = _React$useState2[1];
   var _React$useState3 = React.useState(),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
     activeDescendant = _React$useState4[0],
     setActiveDescendant = _React$useState4[1];
   var _React$useState5 = React.useState(null),
-    _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
+    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
     focused = _React$useState6[0],
     setFocused = _React$useState6[1];
   var _React$useState7 = React.useState(false),
-    _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
+    _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
     keyboardNavigated = _React$useState8[0],
     setKeyboardNavigated = _React$useState8[1];
   var dropdownContainerRef = React.useRef(null);
   var _React$useState9 = React.useState([]),
-    _React$useState10 = (0, _slicedToArray2.default)(_React$useState9, 2),
+    _React$useState10 = (0, _slicedToArray2["default"])(_React$useState9, 2),
     selectedValues = _React$useState10[0],
     setSelectedValues = _React$useState10[1];
   var dropdownContentRef = React.useRef(null);
@@ -93,7 +93,7 @@ var DualFunctionButton = function DualFunctionButton(_ref) {
       $readOnly: false,
       $disabled: false,
       margin: "",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread({}, renderProps), {}, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], _objectSpread(_objectSpread({}, renderProps), {}, {
         testId: testId,
         onClick: onClick,
         disabled: disabled,
@@ -105,7 +105,7 @@ var DualFunctionButton = function DualFunctionButton(_ref) {
         variant: variant,
         flatEdge: "right",
         children: children
-      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownContent.default, {
+      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownContent["default"], {
         containerRef: dropdownContainerRef,
         customizationProps: dropdownCustomizationProps,
         filter: "",
@@ -128,7 +128,7 @@ var DualFunctionButton = function DualFunctionButton(_ref) {
         alignLeft: true,
         ariaRolesType: "menu"
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread({
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], _objectSpread(_objectSpread({
       variant: variant
     }, renderProps), {}, {
       onKeyPress: function onKeyPress(e) {
@@ -163,9 +163,9 @@ var DualFunctionButton = function DualFunctionButton(_ref) {
   });
 };
 DualFunctionButton.propTypes = {
-  dropdownMenuValues: _propTypes.default.arrayOf(_propTypes.default.string),
-  setDropdownMenuValues: _propTypes.default.func
+  dropdownMenuValues: _propTypes["default"].arrayOf(_propTypes["default"].string),
+  setDropdownMenuValues: _propTypes["default"].func
 };
 var _default = DualFunctionButton;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=DualFunctionButton.cjs.map

package/dist/Button/DualFunctionButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DualFunctionButton.cjs","names":["DualButtonsContainer","styled","div","ButtonContentContainer","props","$size","Size","Large","Medium","DualFunctionButton","children","variant","type","size","width","testId","disabled","id","dropdownMenuValues","setDropdownMenuValues","dropdownCustomizationProps","loading","icon","onClick","renderProps","React","useState","isOpen","setIsOpen","activeDescendant","setActiveDescendant","focused","setFocused","keyboardNavigated","setKeyboardNavigated","dropdownContainerRef","useRef","selectedValues","setSelectedValues","dropdownContentRef","dropdownButtonRef","useClickOutsideRef","useFocusOutsideRef","dropdownContentId","nanoid","useEffect","itemsType","Small","e","key","stopPropagation"],"sources":["../../src/Button/DualFunctionButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport Button, { ButtonContentContainer, ButtonProps } from './Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { DropdownContainer } from '../Dropdown/CommonStyling';\r\nimport { nanoid } from 'nanoid';\r\nimport { Size } from '../types';\r\nimport DropdownContent, { DropdownCustomizationProps } from '../Dropdown/DropdownContent';\r\nimport styled from 'styled-components';\r\nimport { useClickOutsideRef, useFocusOutsideRef } from '../common';\r\n\r\nconst DualButtonsContainer = styled.div<{ $size?: Size }>`\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  button:first-child {\r\n    margin-right: 2px;\r\n  }\r\n\r\n  ${ButtonContentContainer} {\r\n    min-width: unset;\r\n    gap: 0px;\r\n    padding: ${(props) => (props.$size == Size.Large ? '4px 18px' : props.$size == Size.Medium ? '4px 14px' : '4px 10px')};\r\n  }\r\n\r\n  .extraMargin {\r\n    margin-bottom: 4px;\r\n  }\r\n`;\r\n\r\nexport interface ButtonOption {\r\n  label: string;\r\n}\r\n\r\nexport interface DualButtonProps extends ButtonProps {\r\n  /**\r\n  * Required. An object containing customization properties for the dropdown.\r\n  */\r\n  dropdownCustomizationProps: DropdownCustomizationProps;\r\n  /**\r\n  * Optional. An array of strings representing the values in the dropdown menu.\r\n  */\r\n  dropdownMenuValues?: string[];\r\n  /**\r\n   * Optional. A function to be called when the values in the dropdown menu change.\r\n   * It should return void, a boolean, or undefined.\r\n   */\r\n  setDropdownMenuValues?: (values: string[]) => void | boolean | undefined;\r\n}\r\n\r\nconst DualFunctionButton: React.FunctionComponent<DualButtonProps> = ({\r\n  children = 'Primary Button',\r\n  variant = 'primary',\r\n  type = 'button',\r\n  size = Size.Medium,\r\n  width: width = 'auto',\r\n  testId,\r\n  disabled,\r\n  id,\r\n  dropdownMenuValues,\r\n  setDropdownMenuValues,\r\n  dropdownCustomizationProps,\r\n  ...props\r\n}) => {\r\n  // Let's filter out properties that we don't need to render.\r\n  const { loading, icon, onClick, ...renderProps } = props;\r\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n  const [keyboardNavigated, setKeyboardNavigated] = React.useState<boolean>(false);\r\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\r\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\r\n\r\n  const dropdownContentRef = React.useRef<HTMLDivElement>(null);\r\n  const dropdownButtonRef = useClickOutsideRef(\r\n    () => setIsOpen(false),\r\n    [dropdownContainerRef],\r\n    useFocusOutsideRef(() => setIsOpen(false), [dropdownContentRef]),\r\n  );\r\n  \r\n  const dropdownContentId = id ? id + '_dropdownContent' : nanoid();\r\n\r\n  React.useEffect(() => {\r\n    !isOpen && setKeyboardNavigated(false);\r\n  }, [isOpen]);\r\n\r\n  return (\r\n    <DualButtonsContainer $size={size}>\r\n      <DropdownContainer ref={dropdownContainerRef} $isButton={true} $readOnly={false} $disabled={false} margin=\"\">\r\n        <Button {...renderProps} testId={testId} onClick={onClick} disabled={disabled} type={type} loading={loading} icon={icon} size={size} width={width} variant={variant} flatEdge=\"right\">\r\n          {children}\r\n        </Button>\r\n        <DropdownContent\r\n          containerRef={dropdownContainerRef}\r\n          customizationProps={dropdownCustomizationProps}\r\n          filter=\"\"\r\n          ref={dropdownContentRef}\r\n          selectedValues={dropdownCustomizationProps.itemsType == 'normal' ? [] : dropdownMenuValues ?? selectedValues}\r\n          setSelectedValues={setDropdownMenuValues ? setDropdownMenuValues : setSelectedValues}\r\n          isButton={true}\r\n          setIsOpen={setIsOpen}\r\n          focused={focused}\r\n          width={size == Size.Small ? '280px' : '360px'}\r\n          onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n          setFocused={setFocused}\r\n          size={size}\r\n          outline={keyboardNavigated}\r\n          isOpen={isOpen}\r\n          id={dropdownContentId}\r\n          messageOnNoResults=\"\"\r\n          alignLeft={true}\r\n          ariaRolesType=\"menu\"\r\n        />\r\n      </DropdownContainer>\r\n      <Button\r\n        variant={variant}\r\n        {...renderProps}\r\n        onKeyPress={(e: any) => {\r\n          if (isOpen) return;\r\n\r\n          if (e.key === 'Enter' || e.key === ' ') {\r\n            setFocused(0);\r\n            setKeyboardNavigated(true);\r\n          }\r\n        }}\r\n        className=\"extraMargin\"\r\n        testId={'options_toggleBtn'}\r\n        ref={dropdownButtonRef}\r\n        aria-activedescendant={activeDescendant}\r\n        role=\"button\"\r\n        aria-controls={dropdownContentId}\r\n        disabled={disabled}\r\n        type={type}\r\n        size={size}\r\n        onClick={(e) => {\r\n          e.stopPropagation();\r\n          setIsOpen(!isOpen);\r\n        }}\r\n        icon={ isOpen ? <SystemIcons.ArrowDropUp aria-hidden=\"true\" size=\"16px\" /> \r\n        : <SystemIcons.ArrowDropDown aria-hidden=\"true\" size=\"16px\" /> }\r\n        flatEdge=\"left\"\r\n      />\r\n    </DualButtonsContainer>\r\n  );\r\n};\r\n\r\nexport default DualFunctionButton;\r\n"],"mappings":"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"}
+{"version":3,"file":"DualFunctionButton.cjs","names":["React","_interopRequireWildcard","require","_Button","_icons","_CommonStyling","_nanoid","_types","_DropdownContent","_interopRequireDefault","_styledComponents","_common","_jsxRuntime","_excluded","_excluded2","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","DualButtonsContainer","styled","div","_taggedTemplateLiteral2","ButtonContentContainer","props","$size","Size","Large","Medium","DualFunctionButton","_ref","_ref$children","children","_ref$variant","variant","_ref$type","type","_ref$size","size","_ref$width","width","testId","disabled","id","dropdownMenuValues","setDropdownMenuValues","dropdownCustomizationProps","_objectWithoutProperties2","loading","icon","onClick","renderProps","_React$useState","useState","_React$useState2","_slicedToArray2","isOpen","setIsOpen","_React$useState3","_React$useState4","activeDescendant","setActiveDescendant","_React$useState5","_React$useState6","focused","setFocused","_React$useState7","_React$useState8","keyboardNavigated","setKeyboardNavigated","dropdownContainerRef","useRef","_React$useState9","_React$useState10","selectedValues","setSelectedValues","dropdownContentRef","dropdownButtonRef","useClickOutsideRef","useFocusOutsideRef","dropdownContentId","nanoid","useEffect","jsxs","DropdownContainer","ref","$isButton","$readOnly","$disabled","margin","jsx","flatEdge","containerRef","customizationProps","itemsType","isButton","Small","onActiveDescendantChanged","outline","messageOnNoResults","alignLeft","ariaRolesType","onKeyPress","key","className","role","stopPropagation","SystemIcons","ArrowDropUp","ArrowDropDown","propTypes","_propTypes","arrayOf","string","func","_default","exports"],"sources":["../../src/Button/DualFunctionButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport Button, { ButtonContentContainer, ButtonProps } from './Button';\nimport { SystemIcons } from '../icons';\nimport { DropdownContainer } from '../Dropdown/CommonStyling';\nimport { nanoid } from 'nanoid';\nimport { Size } from '../types';\nimport DropdownContent, { DropdownCustomizationProps } from '../Dropdown/DropdownContent';\nimport styled from 'styled-components';\nimport { useClickOutsideRef, useFocusOutsideRef } from '../common';\n\nconst DualButtonsContainer = styled.div<{ $size?: Size }>`\n  display: flex;\n  align-items: center;\n\n  button:first-child {\n    margin-right: 2px;\n  }\n\n  ${ButtonContentContainer} {\n    min-width: unset;\n    gap: 0px;\n    padding: ${(props) => (props.$size == Size.Large ? '4px 18px' : props.$size == Size.Medium ? '4px 14px' : '4px 10px')};\n  }\n\n  .extraMargin {\n    margin-bottom: 4px;\n  }\n`;\n\nexport interface ButtonOption {\n  label: string;\n}\n\nexport interface DualButtonProps extends ButtonProps {\n  /**\n  * Required. An object containing customization properties for the dropdown.\n  */\n  dropdownCustomizationProps: DropdownCustomizationProps;\n  /**\n  * Optional. An array of strings representing the values in the dropdown menu.\n  */\n  dropdownMenuValues?: string[];\n  /**\n   * Optional. A function to be called when the values in the dropdown menu change.\n   * It should return void, a boolean, or undefined.\n   */\n  setDropdownMenuValues?: (values: string[]) => void | boolean | undefined;\n}\n\nconst DualFunctionButton: React.FunctionComponent<DualButtonProps> = ({\n  children = 'Primary Button',\n  variant = 'primary',\n  type = 'button',\n  size = Size.Medium,\n  width: width = 'auto',\n  testId,\n  disabled,\n  id,\n  dropdownMenuValues,\n  setDropdownMenuValues,\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 [activeDescendant, setActiveDescendant] = React.useState<string>();\n  const [focused, setFocused] = React.useState<number | null>(null);\n  const [keyboardNavigated, setKeyboardNavigated] = React.useState<boolean>(false);\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\n\n  const dropdownContentRef = React.useRef<HTMLDivElement>(null);\n  const dropdownButtonRef = useClickOutsideRef(\n    () => setIsOpen(false),\n    [dropdownContainerRef],\n    useFocusOutsideRef(() => setIsOpen(false), [dropdownContentRef]),\n  );\n  \n  const dropdownContentId = id ? id + '_dropdownContent' : nanoid();\n\n  React.useEffect(() => {\n    !isOpen && setKeyboardNavigated(false);\n  }, [isOpen]);\n\n  return (\n    <DualButtonsContainer $size={size}>\n      <DropdownContainer ref={dropdownContainerRef} $isButton={true} $readOnly={false} $disabled={false} margin=\"\">\n        <Button {...renderProps} testId={testId} onClick={onClick} disabled={disabled} type={type} loading={loading} icon={icon} size={size} width={width} variant={variant} flatEdge=\"right\">\n          {children}\n        </Button>\n        <DropdownContent\n          containerRef={dropdownContainerRef}\n          customizationProps={dropdownCustomizationProps}\n          filter=\"\"\n          ref={dropdownContentRef}\n          selectedValues={dropdownCustomizationProps.itemsType == 'normal' ? [] : dropdownMenuValues ?? selectedValues}\n          setSelectedValues={setDropdownMenuValues ? setDropdownMenuValues : setSelectedValues}\n          isButton={true}\n          setIsOpen={setIsOpen}\n          focused={focused}\n          width={size == Size.Small ? '280px' : '360px'}\n          onActiveDescendantChanged={(e) => setActiveDescendant(e)}\n          setFocused={setFocused}\n          size={size}\n          outline={keyboardNavigated}\n          isOpen={isOpen}\n          id={dropdownContentId}\n          messageOnNoResults=\"\"\n          alignLeft={true}\n          ariaRolesType=\"menu\"\n        />\n      </DropdownContainer>\n      <Button\n        variant={variant}\n        {...renderProps}\n        onKeyPress={(e: any) => {\n          if (isOpen) return;\n\n          if (e.key === 'Enter' || e.key === ' ') {\n            setFocused(0);\n            setKeyboardNavigated(true);\n          }\n        }}\n        className=\"extraMargin\"\n        testId={'options_toggleBtn'}\n        ref={dropdownButtonRef}\n        aria-activedescendant={activeDescendant}\n        role=\"button\"\n        aria-controls={dropdownContentId}\n        disabled={disabled}\n        type={type}\n        size={size}\n        onClick={(e) => {\n          e.stopPropagation();\n          setIsOpen(!isOpen);\n        }}\n        icon={ isOpen ? <SystemIcons.ArrowDropUp aria-hidden=\"true\" size=\"16px\" /> \n        : <SystemIcons.ArrowDropDown aria-hidden=\"true\" size=\"16px\" /> }\n        flatEdge=\"left\"\n      />\n    </DualButtonsContainer>\n  );\n};\n\nexport default DualFunctionButton;\n"],"mappings":"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","ignoreList":[]}

package/dist/Button/DualFunctionButton.d.ts

@@ -1,23 +1,23 @@
-import * as React from 'react';
-import { ButtonProps } from './Button';
-import { DropdownCustomizationProps } from '../Dropdown/DropdownContent';
-export interface ButtonOption {
-    label: string;
-}
-export interface DualButtonProps extends ButtonProps {
-    /**
-    * Required. An object containing customization properties for the dropdown.
-    */
-    dropdownCustomizationProps: DropdownCustomizationProps;
-    /**
-    * Optional. An array of strings representing the values in the dropdown menu.
-    */
-    dropdownMenuValues?: string[];
-    /**
-     * Optional. A function to be called when the values in the dropdown menu change.
-     * It should return void, a boolean, or undefined.
-     */
-    setDropdownMenuValues?: (values: string[]) => void | boolean | undefined;
-}
-declare const DualFunctionButton: React.FunctionComponent<DualButtonProps>;
-export default DualFunctionButton;
+import * as React from 'react';
+import { ButtonProps } from './Button';
+import { DropdownCustomizationProps } from '../Dropdown/DropdownContent';
+export interface ButtonOption {
+    label: string;
+}
+export interface DualButtonProps extends ButtonProps {
+    /**
+    * Required. An object containing customization properties for the dropdown.
+    */
+    dropdownCustomizationProps: DropdownCustomizationProps;
+    /**
+    * Optional. An array of strings representing the values in the dropdown menu.
+    */
+    dropdownMenuValues?: string[];
+    /**
+     * Optional. A function to be called when the values in the dropdown menu change.
+     * It should return void, a boolean, or undefined.
+     */
+    setDropdownMenuValues?: (values: string[]) => void | boolean | undefined;
+}
+declare const DualFunctionButton: React.FunctionComponent<DualButtonProps>;
+export default DualFunctionButton;

package/dist/Button/DualFunctionButton.js

@@ -6,8 +6,8 @@ import _pt from "prop-types";
 var _excluded = ["children", "variant", "type", "size", "width", "testId", "disabled", "id", "dropdownMenuValues", "setDropdownMenuValues", "dropdownCustomizationProps"],
   _excluded2 = ["loading", "icon", "onClick"];
 var _templateObject;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import * as React from 'react';
 import Button, { ButtonContentContainer } from './Button';
 import { SystemIcons } from '../icons';

package/dist/Button/DualFunctionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DualFunctionButton.js","names":["React","Button","ButtonContentContainer","SystemIcons","DropdownContainer","nanoid","Size","DropdownContent","styled","useClickOutsideRef","useFocusOutsideRef","DualButtonsContainer","div","props","$size","Large","Medium","DualFunctionButton","children","variant","type","size","width","testId","disabled","id","dropdownMenuValues","setDropdownMenuValues","dropdownCustomizationProps","loading","icon","onClick","renderProps","useState","isOpen","setIsOpen","activeDescendant","setActiveDescendant","focused","setFocused","keyboardNavigated","setKeyboardNavigated","dropdownContainerRef","useRef","selectedValues","setSelectedValues","dropdownContentRef","dropdownButtonRef","dropdownContentId","useEffect","itemsType","Small","e","key","stopPropagation"],"sources":["../../src/Button/DualFunctionButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport Button, { ButtonContentContainer, ButtonProps } from './Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { DropdownContainer } from '../Dropdown/CommonStyling';\r\nimport { nanoid } from 'nanoid';\r\nimport { Size } from '../types';\r\nimport DropdownContent, { DropdownCustomizationProps } from '../Dropdown/DropdownContent';\r\nimport styled from 'styled-components';\r\nimport { useClickOutsideRef, useFocusOutsideRef } from '../common';\r\n\r\nconst DualButtonsContainer = styled.div<{ $size?: Size }>`\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  button:first-child {\r\n    margin-right: 2px;\r\n  }\r\n\r\n  ${ButtonContentContainer} {\r\n    min-width: unset;\r\n    gap: 0px;\r\n    padding: ${(props) => (props.$size == Size.Large ? '4px 18px' : props.$size == Size.Medium ? '4px 14px' : '4px 10px')};\r\n  }\r\n\r\n  .extraMargin {\r\n    margin-bottom: 4px;\r\n  }\r\n`;\r\n\r\nexport interface ButtonOption {\r\n  label: string;\r\n}\r\n\r\nexport interface DualButtonProps extends ButtonProps {\r\n  /**\r\n  * Required. An object containing customization properties for the dropdown.\r\n  */\r\n  dropdownCustomizationProps: DropdownCustomizationProps;\r\n  /**\r\n  * Optional. An array of strings representing the values in the dropdown menu.\r\n  */\r\n  dropdownMenuValues?: string[];\r\n  /**\r\n   * Optional. A function to be called when the values in the dropdown menu change.\r\n   * It should return void, a boolean, or undefined.\r\n   */\r\n  setDropdownMenuValues?: (values: string[]) => void | boolean | undefined;\r\n}\r\n\r\nconst DualFunctionButton: React.FunctionComponent<DualButtonProps> = ({\r\n  children = 'Primary Button',\r\n  variant = 'primary',\r\n  type = 'button',\r\n  size = Size.Medium,\r\n  width: width = 'auto',\r\n  testId,\r\n  disabled,\r\n  id,\r\n  dropdownMenuValues,\r\n  setDropdownMenuValues,\r\n  dropdownCustomizationProps,\r\n  ...props\r\n}) => {\r\n  // Let's filter out properties that we don't need to render.\r\n  const { loading, icon, onClick, ...renderProps } = props;\r\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n  const [keyboardNavigated, setKeyboardNavigated] = React.useState<boolean>(false);\r\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\r\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\r\n\r\n  const dropdownContentRef = React.useRef<HTMLDivElement>(null);\r\n  const dropdownButtonRef = useClickOutsideRef(\r\n    () => setIsOpen(false),\r\n    [dropdownContainerRef],\r\n    useFocusOutsideRef(() => setIsOpen(false), [dropdownContentRef]),\r\n  );\r\n  \r\n  const dropdownContentId = id ? id + '_dropdownContent' : nanoid();\r\n\r\n  React.useEffect(() => {\r\n    !isOpen && setKeyboardNavigated(false);\r\n  }, [isOpen]);\r\n\r\n  return (\r\n    <DualButtonsContainer $size={size}>\r\n      <DropdownContainer ref={dropdownContainerRef} $isButton={true} $readOnly={false} $disabled={false} margin=\"\">\r\n        <Button {...renderProps} testId={testId} onClick={onClick} disabled={disabled} type={type} loading={loading} icon={icon} size={size} width={width} variant={variant} flatEdge=\"right\">\r\n          {children}\r\n        </Button>\r\n        <DropdownContent\r\n          containerRef={dropdownContainerRef}\r\n          customizationProps={dropdownCustomizationProps}\r\n          filter=\"\"\r\n          ref={dropdownContentRef}\r\n          selectedValues={dropdownCustomizationProps.itemsType == 'normal' ? [] : dropdownMenuValues ?? selectedValues}\r\n          setSelectedValues={setDropdownMenuValues ? setDropdownMenuValues : setSelectedValues}\r\n          isButton={true}\r\n          setIsOpen={setIsOpen}\r\n          focused={focused}\r\n          width={size == Size.Small ? '280px' : '360px'}\r\n          onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n          setFocused={setFocused}\r\n          size={size}\r\n          outline={keyboardNavigated}\r\n          isOpen={isOpen}\r\n          id={dropdownContentId}\r\n          messageOnNoResults=\"\"\r\n          alignLeft={true}\r\n          ariaRolesType=\"menu\"\r\n        />\r\n      </DropdownContainer>\r\n      <Button\r\n        variant={variant}\r\n        {...renderProps}\r\n        onKeyPress={(e: any) => {\r\n          if (isOpen) return;\r\n\r\n          if (e.key === 'Enter' || e.key === ' ') {\r\n            setFocused(0);\r\n            setKeyboardNavigated(true);\r\n          }\r\n        }}\r\n        className=\"extraMargin\"\r\n        testId={'options_toggleBtn'}\r\n        ref={dropdownButtonRef}\r\n        aria-activedescendant={activeDescendant}\r\n        role=\"button\"\r\n        aria-controls={dropdownContentId}\r\n        disabled={disabled}\r\n        type={type}\r\n        size={size}\r\n        onClick={(e) => {\r\n          e.stopPropagation();\r\n          setIsOpen(!isOpen);\r\n        }}\r\n        icon={ isOpen ? <SystemIcons.ArrowDropUp aria-hidden=\"true\" size=\"16px\" /> \r\n        : <SystemIcons.ArrowDropDown aria-hidden=\"true\" size=\"16px\" /> }\r\n        flatEdge=\"left\"\r\n      />\r\n    </DualButtonsContainer>\r\n  );\r\n};\r\n\r\nexport default DualFunctionButton;\r\n"],"mappings":"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"}
+{"version":3,"file":"DualFunctionButton.js","names":["React","Button","ButtonContentContainer","SystemIcons","DropdownContainer","nanoid","Size","DropdownContent","styled","useClickOutsideRef","useFocusOutsideRef","jsx","_jsx","jsxs","_jsxs","DualButtonsContainer","div","_templateObject","_taggedTemplateLiteral","props","$size","Large","Medium","DualFunctionButton","_ref","_ref$children","children","_ref$variant","variant","_ref$type","type","_ref$size","size","_ref$width","width","testId","disabled","id","dropdownMenuValues","setDropdownMenuValues","dropdownCustomizationProps","_objectWithoutProperties","_excluded","loading","icon","onClick","renderProps","_excluded2","_React$useState","useState","_React$useState2","_slicedToArray","isOpen","setIsOpen","_React$useState3","_React$useState4","activeDescendant","setActiveDescendant","_React$useState5","_React$useState6","focused","setFocused","_React$useState7","_React$useState8","keyboardNavigated","setKeyboardNavigated","dropdownContainerRef","useRef","_React$useState9","_React$useState10","selectedValues","setSelectedValues","dropdownContentRef","dropdownButtonRef","dropdownContentId","useEffect","ref","$isButton","$readOnly","$disabled","margin","_objectSpread","flatEdge","containerRef","customizationProps","filter","itemsType","isButton","Small","onActiveDescendantChanged","e","outline","messageOnNoResults","alignLeft","ariaRolesType","onKeyPress","key","className","role","stopPropagation","ArrowDropUp","ArrowDropDown","propTypes","_pt","arrayOf","string","func"],"sources":["../../src/Button/DualFunctionButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport Button, { ButtonContentContainer, ButtonProps } from './Button';\nimport { SystemIcons } from '../icons';\nimport { DropdownContainer } from '../Dropdown/CommonStyling';\nimport { nanoid } from 'nanoid';\nimport { Size } from '../types';\nimport DropdownContent, { DropdownCustomizationProps } from '../Dropdown/DropdownContent';\nimport styled from 'styled-components';\nimport { useClickOutsideRef, useFocusOutsideRef } from '../common';\n\nconst DualButtonsContainer = styled.div<{ $size?: Size }>`\n  display: flex;\n  align-items: center;\n\n  button:first-child {\n    margin-right: 2px;\n  }\n\n  ${ButtonContentContainer} {\n    min-width: unset;\n    gap: 0px;\n    padding: ${(props) => (props.$size == Size.Large ? '4px 18px' : props.$size == Size.Medium ? '4px 14px' : '4px 10px')};\n  }\n\n  .extraMargin {\n    margin-bottom: 4px;\n  }\n`;\n\nexport interface ButtonOption {\n  label: string;\n}\n\nexport interface DualButtonProps extends ButtonProps {\n  /**\n  * Required. An object containing customization properties for the dropdown.\n  */\n  dropdownCustomizationProps: DropdownCustomizationProps;\n  /**\n  * Optional. An array of strings representing the values in the dropdown menu.\n  */\n  dropdownMenuValues?: string[];\n  /**\n   * Optional. A function to be called when the values in the dropdown menu change.\n   * It should return void, a boolean, or undefined.\n   */\n  setDropdownMenuValues?: (values: string[]) => void | boolean | undefined;\n}\n\nconst DualFunctionButton: React.FunctionComponent<DualButtonProps> = ({\n  children = 'Primary Button',\n  variant = 'primary',\n  type = 'button',\n  size = Size.Medium,\n  width: width = 'auto',\n  testId,\n  disabled,\n  id,\n  dropdownMenuValues,\n  setDropdownMenuValues,\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 [activeDescendant, setActiveDescendant] = React.useState<string>();\n  const [focused, setFocused] = React.useState<number | null>(null);\n  const [keyboardNavigated, setKeyboardNavigated] = React.useState<boolean>(false);\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\n\n  const dropdownContentRef = React.useRef<HTMLDivElement>(null);\n  const dropdownButtonRef = useClickOutsideRef(\n    () => setIsOpen(false),\n    [dropdownContainerRef],\n    useFocusOutsideRef(() => setIsOpen(false), [dropdownContentRef]),\n  );\n  \n  const dropdownContentId = id ? id + '_dropdownContent' : nanoid();\n\n  React.useEffect(() => {\n    !isOpen && setKeyboardNavigated(false);\n  }, [isOpen]);\n\n  return (\n    <DualButtonsContainer $size={size}>\n      <DropdownContainer ref={dropdownContainerRef} $isButton={true} $readOnly={false} $disabled={false} margin=\"\">\n        <Button {...renderProps} testId={testId} onClick={onClick} disabled={disabled} type={type} loading={loading} icon={icon} size={size} width={width} variant={variant} flatEdge=\"right\">\n          {children}\n        </Button>\n        <DropdownContent\n          containerRef={dropdownContainerRef}\n          customizationProps={dropdownCustomizationProps}\n          filter=\"\"\n          ref={dropdownContentRef}\n          selectedValues={dropdownCustomizationProps.itemsType == 'normal' ? [] : dropdownMenuValues ?? selectedValues}\n          setSelectedValues={setDropdownMenuValues ? setDropdownMenuValues : setSelectedValues}\n          isButton={true}\n          setIsOpen={setIsOpen}\n          focused={focused}\n          width={size == Size.Small ? '280px' : '360px'}\n          onActiveDescendantChanged={(e) => setActiveDescendant(e)}\n          setFocused={setFocused}\n          size={size}\n          outline={keyboardNavigated}\n          isOpen={isOpen}\n          id={dropdownContentId}\n          messageOnNoResults=\"\"\n          alignLeft={true}\n          ariaRolesType=\"menu\"\n        />\n      </DropdownContainer>\n      <Button\n        variant={variant}\n        {...renderProps}\n        onKeyPress={(e: any) => {\n          if (isOpen) return;\n\n          if (e.key === 'Enter' || e.key === ' ') {\n            setFocused(0);\n            setKeyboardNavigated(true);\n          }\n        }}\n        className=\"extraMargin\"\n        testId={'options_toggleBtn'}\n        ref={dropdownButtonRef}\n        aria-activedescendant={activeDescendant}\n        role=\"button\"\n        aria-controls={dropdownContentId}\n        disabled={disabled}\n        type={type}\n        size={size}\n        onClick={(e) => {\n          e.stopPropagation();\n          setIsOpen(!isOpen);\n        }}\n        icon={ isOpen ? <SystemIcons.ArrowDropUp aria-hidden=\"true\" size=\"16px\" /> \n        : <SystemIcons.ArrowDropDown aria-hidden=\"true\" size=\"16px\" /> }\n        flatEdge=\"left\"\n      />\n    </DualButtonsContainer>\n  );\n};\n\nexport default DualFunctionButton;\n"],"mappings":"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","ignoreList":[]}

package/dist/Button/Iconbutton.cjs

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.IconButtonStyledSecondary = exports.IconButtonStyledPrimary = exports.IconButtonStyled = exports.IconButtonContentStyles = exports.IconButton = void 0;
+exports["default"] = exports.IconButtonStyledSecondary = exports.IconButtonStyledPrimary = exports.IconButtonStyled = exports.IconButtonContentStyles = exports.IconButton = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
@@ -17,8 +17,8 @@ var _TooltipWrapper = _interopRequireDefault(require("../Tooltips/TooltipWrapper
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["id", "variant", "shape", "action", "children", "useTransparentBackground", "disabled", "iconColor", "unsetIconSize", "tabIndex", "flatEdge", "borderRadius", "type", "hidden", "invertFocus", "dataTestId", "focusOnClick", "tooltip"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getBorderRadius = function getBorderRadius(borderRadius) {
   return borderRadius ? "".concat(borderRadius, "px") : '4px';
 };
@@ -34,9 +34,9 @@ var getBorderRadiusStyle = function getBorderRadiusStyle(flatEdge, borderRadius)
       return "".concat(radius);
   }
 };
-var IconButtonContentStyles = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)([""])));
+var IconButtonContentStyles = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
 exports.IconButtonContentStyles = IconButtonContentStyles;
-var IconButtonStyled = _styledComponents.default.button(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  border-width: 0;\n  cursor: pointer;\n  height: 48px;\n  width: 48px;\n  background: transparent;\n  position: relative;\n  display: block;\n\n  border-radius: ", ";\n  ", " {\n    height: 36px;\n    width: 36px;\n    border-radius: ", ";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    svg {\n      height: ", ";\n      width: ", ";\n      padding: 0;\n    }\n  }\n  &:only-child {\n    margin: 0;\n  }\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  &:focus {\n    ", "\n  }\n"])), function (props) {
+var IconButtonStyled = _styledComponents["default"].button(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  border-width: 0;\n  cursor: pointer;\n  height: 48px;\n  width: 48px;\n  background: transparent;\n  position: relative;\n  display: block;\n\n  border-radius: ", ";\n  ", " {\n    height: 36px;\n    width: 36px;\n    border-radius: ", ";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    svg {\n      height: ", ";\n      width: ", ";\n      padding: 0;\n    }\n  }\n  &:only-child {\n    margin: 0;\n  }\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  &:focus {\n    ", "\n  }\n"])), function (props) {
   return props.$borderRadius ? "".concat(props.$borderRadius, "px") : '4px';
 }, IconButtonContentStyles, function (props) {
   return getBorderRadiusStyle(props.$flatEdge, props.$borderRadius);
@@ -48,7 +48,7 @@ var IconButtonStyled = _styledComponents.default.button(_templateObject2 || (_te
   return props.$invertFocus ? _styles.invertedFocusStyles : _styles.focusStyles;
 });
 exports.IconButtonStyled = IconButtonStyled;
-var IconButtonStyledPrimary = (0, _styledComponents.default)(IconButtonStyled)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", " {\n    background-color: ", ";\n\n    svg {\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n  }\n  &:hover:not(:disabled),\n  &.hover-state {\n    ", " {\n      background-color: ", ";\n    }\n    ", " svg path,\n    ", " svg {\n      fill: ", ";\n    }\n  }\n  &:active:not(:disabled),\n  &.active-state {\n    ", " {\n      background: ", ";\n    }\n    ", " svg path,\n    ", " svg {\n      fill: ", ";\n    }\n  }\n  &:disabled {\n    ", " {\n      background-color: ", ";\n    }\n    svg {\n      path {\n        fill: ", ";\n      }\n      fill: ", ";\n    }\n  }\n"])), IconButtonContentStyles, function (props) {
+var IconButtonStyledPrimary = (0, _styledComponents["default"])(IconButtonStyled)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  ", " {\n    background-color: ", ";\n\n    svg {\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n  }\n  &:hover:not(:disabled),\n  &.hover-state {\n    ", " {\n      background-color: ", ";\n    }\n    ", " svg path,\n    ", " svg {\n      fill: ", ";\n    }\n  }\n  &:active:not(:disabled),\n  &.active-state {\n    ", " {\n      background: ", ";\n    }\n    ", " svg path,\n    ", " svg {\n      fill: ", ";\n    }\n  }\n  &:disabled {\n    ", " {\n      background-color: ", ";\n    }\n    svg {\n      path {\n        fill: ", ";\n      }\n      fill: ", ";\n    }\n  }\n"])), IconButtonContentStyles, function (props) {
   return props.$useTransparentBackground ? 'transparent' : _styles.COLORS.getColor('primary_500', props.theme);
 }, function (props) {
   return props.$iconColor || _styles.COLORS.getColor('white', props.theme);
@@ -70,7 +70,7 @@ var IconButtonStyledPrimary = (0, _styledComponents.default)(IconButtonStyled)(_
   return _styles.COLORS.getColor('white', props.theme);
 });
 exports.IconButtonStyledPrimary = IconButtonStyledPrimary;
-var IconButtonStyledSecondary = (0, _styledComponents.default)(IconButtonStyled)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", " {\n    background-color: ", ";\n\n    svg {\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n  }\n\n\n  &:hover:not(:disabled) {\n    ", " {\n      background-color: ", ";\n    }\n    ", " svg path,\n    ", " svg {\n      fill: ", ";\n    }\n  }\n  &:active:not(:disabled),\n  &.active-state {\n    ", " {\n      background: ", ";\n    }\n    ", " svg path,\n    ", " svg {\n      fill: ", ";\n    }\n  }\n\n  &:disabled {\n    ", " {\n      background-color: ", ";\n    }\n    svg {\n      path {\n        fill: ", ";\n      }\n      fill: ", ";\n    }\n  }\n"])), IconButtonContentStyles, function (props) {
+var IconButtonStyledSecondary = (0, _styledComponents["default"])(IconButtonStyled)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  ", " {\n    background-color: ", ";\n\n    svg {\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n  }\n\n\n  &:hover:not(:disabled) {\n    ", " {\n      background-color: ", ";\n    }\n    ", " svg path,\n    ", " svg {\n      fill: ", ";\n    }\n  }\n  &:active:not(:disabled),\n  &.active-state {\n    ", " {\n      background: ", ";\n    }\n    ", " svg path,\n    ", " svg {\n      fill: ", ";\n    }\n  }\n\n  &:disabled {\n    ", " {\n      background-color: ", ";\n    }\n    svg {\n      path {\n        fill: ", ";\n      }\n      fill: ", ";\n    }\n  }\n"])), IconButtonContentStyles, function (props) {
   return props.$useTransparentBackground ? 'transparent' : _styles.COLORS.getColor('white', props.theme);
 }, function (props) {
   return props.$iconColor || _styles.COLORS.getColor('neutral_600', props.theme);
@@ -92,7 +92,7 @@ var IconButtonStyledSecondary = (0, _styledComponents.default)(IconButtonStyled)
   return _styles.COLORS.getColor('neutral_300', props.theme);
 });
 exports.IconButtonStyledSecondary = IconButtonStyledSecondary;
-var IconButton = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+var IconButton = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
   var id = _ref.id,
     variant = _ref.variant,
     shape = _ref.shape,
@@ -111,7 +111,7 @@ var IconButton = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     dataTestId = _ref.dataTestId,
     focusOnClick = _ref.focusOnClick,
     tooltip = _ref.tooltip,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var render = function render() {
     // Let's render button
 
@@ -146,23 +146,23 @@ var IconButton = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       })
     }));
   };
-  return !tooltip ? render() : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TooltipWrapper.default, _objectSpread(_objectSpread({}, tooltip), {}, {
+  return !tooltip ? render() : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TooltipWrapper["default"], _objectSpread(_objectSpread({}, tooltip), {}, {
     children: render()
   }));
 });
 exports.IconButton = IconButton;
 IconButton.propTypes = {
-  variant: _propTypes.default.oneOf(['primary', 'secondary']),
-  shape: _propTypes.default.oneOf(['square', 'circular']),
-  action: _propTypes.default.func.isRequired,
-  useTransparentBackground: _propTypes.default.bool,
-  iconColor: _propTypes.default.string,
-  unsetIconSize: _propTypes.default.bool,
-  borderRadius: _propTypes.default.number,
-  children: _propTypes.default.node,
-  invertFocus: _propTypes.default.bool,
-  focusOnClick: _propTypes.default.bool
+  variant: _propTypes["default"].oneOf(['primary', 'secondary']),
+  shape: _propTypes["default"].oneOf(['square', 'circular']),
+  action: _propTypes["default"].func.isRequired,
+  useTransparentBackground: _propTypes["default"].bool,
+  iconColor: _propTypes["default"].string,
+  unsetIconSize: _propTypes["default"].bool,
+  borderRadius: _propTypes["default"].number,
+  children: _propTypes["default"].node,
+  invertFocus: _propTypes["default"].bool,
+  focusOnClick: _propTypes["default"].bool
 };
 var _default = IconButton;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=Iconbutton.cjs.map