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

package/dist/Button/Iconbutton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Iconbutton.cjs","names":["getBorderRadius","borderRadius","getBorderRadiusStyle","flatEdge","radius","IconButtonContentStyles","styled","div","IconButtonStyled","button","props","$borderRadius","$flatEdge","$unsetIconSize","$invertFocus","invertedFocusStyles","focusStyles","IconButtonStyledPrimary","$useTransparentBackground","COLORS","getColor","theme","$iconColor","IconButtonStyledSecondary","IconButton","React","forwardRef","ref","id","variant","shape","action","children","useTransparentBackground","disabled","iconColor","unsetIconSize","tabIndex","type","hidden","invertFocus","dataTestId","focusOnClick","tooltip","rest","render","ButtonVariant","event","stopPropagation","defaultOnMouseDownHandler","undefined"],"sources":["../../src/Button/Iconbutton.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, focusStyles, invertedFocusStyles } from '../styles';\r\nimport { defaultOnMouseDownHandler } from '../common';\r\nimport { Testable } from '../types';\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\nimport TooltipWrapper from \"../Tooltips/TooltipWrapper\";\r\n\r\nexport interface HeaderItemProps {\r\n  inMobileMenu?: boolean;\r\n  useTransparentBackground?: boolean;\r\n  iconColor?: string;\r\n  unsetIconSize?: boolean;\r\n  borderRadius?: number;\r\n  shape?: string;\r\n  flatEdge?: string;\r\n  invertFocus?: boolean;\r\n  shouldNotInteract?: boolean;\r\n}\r\n\r\nconst getBorderRadius = (borderRadius?: number) => (borderRadius ? `${borderRadius}px` : '4px');\r\n\r\nconst getBorderRadiusStyle = ( flatEdge?: string, borderRadius?: number ) => {\r\n  const radius = getBorderRadius(borderRadius);\r\n  switch (flatEdge) {\r\n    case 'left':\r\n      return `0px ${radius} ${radius} 0px`;\r\n\r\n    case 'right':\r\n      return `${radius} 0px 0px ${radius}`;\r\n\r\n    case 'none':\r\n    default:\r\n      return `${radius}`;\r\n  }\r\n};\r\n\r\nexport const IconButtonContentStyles = styled.div``;\r\n\r\nexport const IconButtonStyled = styled.button<{$borderRadius?: number; $flatEdge?: string; $unsetIconSize?: boolean;\r\n              $invertFocus?: boolean; $useTransparentBackground?: boolean; $iconColor?: string;}>`\r\n  border-width: 0;\r\n  cursor: pointer;\r\n  height: 48px;\r\n  width: 48px;\r\n  background: transparent;\r\n  position: relative;\r\n  display: block;\r\n\r\n  border-radius: ${(props) => (props.$borderRadius ? `${props.$borderRadius}px` : '4px')};\r\n  ${IconButtonContentStyles} {\r\n    height: 36px;\r\n    width: 36px;\r\n    border-radius: ${props => getBorderRadiusStyle(props.$flatEdge, props.$borderRadius)};\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    svg {\r\n      height: ${(props) => (props.$unsetIconSize ? 'unset' : '24px')};\r\n      width: ${(props) => (props.$unsetIconSize ? 'unset' : '24px')};\r\n      padding: 0;\r\n    }\r\n  }\r\n  &:only-child {\r\n    margin: 0;\r\n  }\r\n  &:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  &:focus {\r\n    ${(props) => (props.$invertFocus ? invertedFocusStyles : focusStyles)}\r\n  }\r\n`;\r\n\r\nexport const IconButtonStyledPrimary = styled(IconButtonStyled)`\r\n  ${IconButtonContentStyles} {\r\n    background-color: ${(props) => (props.$useTransparentBackground ? 'transparent' : COLORS.getColor('primary_500', props.theme))};\r\n\r\n    svg {\r\n      fill: ${(props) => props.$iconColor || COLORS.getColor('white', props.theme)};\r\n      path {\r\n        fill: ${(props) => props.$iconColor || COLORS.getColor('white', props.theme)};\r\n      }\r\n    }\r\n  }\r\n  &:hover:not(:disabled),\r\n  &.hover-state {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n  &:active:not(:disabled),\r\n  &.active-state {\r\n    ${IconButtonContentStyles} {\r\n      background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n  &:disabled {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    }\r\n    svg {\r\n      path {\r\n        fill: ${props => COLORS.getColor('white', props.theme)};\r\n      }\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nexport const IconButtonStyledSecondary = styled(IconButtonStyled)`\r\n  ${IconButtonContentStyles} {\r\n    background-color: ${(props) => (props.$useTransparentBackground ? 'transparent' : COLORS.getColor('white', props.theme))};\r\n\r\n    svg {\r\n      fill: ${(props) => props.$iconColor || COLORS.getColor('neutral_600', props.theme)};\r\n      path {\r\n        fill: ${(props) => props.$iconColor || COLORS.getColor('neutral_600', props.theme)};\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  &:hover:not(:disabled) {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n  &:active:not(:disabled),\r\n  &.active-state {\r\n    ${IconButtonContentStyles} {\r\n      background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${(props) => (props.$useTransparentBackground ? 'transparent' : COLORS.getColor('white', props.theme))};\r\n    }\r\n    svg {\r\n      path {\r\n        fill: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n      }\r\n      fill: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nexport interface IconButtonProps extends Testable, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,  'onClick' | 'onMouseDown'> {\r\n  /** Variant of the button. Defaults to 'primary' */\r\n  variant?: 'primary' | 'secondary';\r\n  /** Shape of the button. Defaults to 'square' */\r\n  shape?: 'square' | 'circular';\r\n  /** Action that will get executed when button is clicked. */\r\n  action: (event?: React.MouseEvent<HTMLButtonElement>) => void;\r\n  /** Allows removing rounded corners on one of the edges of the button. */\r\n  flatEdge?: 'right' | 'left' | 'none' | undefined;\r\n  /** If set background filling color of the button will be transparent. */\r\n  useTransparentBackground?: boolean;\r\n  /** Custom fill color for SVG icon. */\r\n  iconColor?: string;\r\n  /** If set then the width and height of SVG icon will be set to 'unset', otherwise will be set to '24px' */\r\n  unsetIconSize?: boolean;\r\n  /** Sets border radius of the button.  */\r\n  borderRadius?: number;\r\n  /** Content (icon) to show in the button. */\r\n  children?: React.ReactNode;\r\n  /** Invert color scheme of focus framing. */\r\n  invertFocus?: boolean;\r\n  /** If this flag is set, then blurs current focus, as a result will focus current IconButton when user clicks it. */\r\n  focusOnClick?: boolean;\r\n  /** Details of the tooltip to show. */\r\n  tooltip?: Omit<TooltipProps, 'tabIndex'>;\r\n}\r\n\r\nexport const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\r\n  (\r\n    {\r\n      id,\r\n      variant,\r\n      shape,\r\n      action,\r\n      children,\r\n      useTransparentBackground,\r\n      disabled,\r\n      iconColor,\r\n      unsetIconSize,\r\n      tabIndex,\r\n      flatEdge,\r\n      borderRadius,\r\n      type,\r\n      hidden,\r\n      invertFocus,\r\n      dataTestId,\r\n      focusOnClick,\r\n      tooltip,\r\n      ...rest\r\n    }: IconButtonProps,\r\n    ref,\r\n  ) => {\r\n\r\n    const render = () => {\r\n      // Let's render button\r\n\r\n      let ButtonVariant = IconButtonStyledPrimary;\r\n      switch (variant) {\r\n        case 'secondary':\r\n          ButtonVariant = IconButtonStyledSecondary;\r\n          break;\r\n      }\r\n\r\n      return <ButtonVariant\r\n          id={id}\r\n          type={type ?? 'button'}\r\n          data-testid={dataTestId}\r\n          $flatEdge={flatEdge}\r\n          ref={ref}\r\n          onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\r\n            event.stopPropagation();\r\n            action(event);\r\n          }}\r\n          disabled={disabled}\r\n          $useTransparentBackground={useTransparentBackground}\r\n          $iconColor={iconColor}\r\n          $unsetIconSize={unsetIconSize}\r\n          tabIndex={tabIndex}\r\n          $borderRadius={borderRadius || shape === 'circular' ? 18 : 0}\r\n          onMouseDown={!focusOnClick ? defaultOnMouseDownHandler : undefined}\r\n          hidden={hidden}\r\n          $invertFocus={invertFocus}\r\n          {...rest}>\r\n          <IconButtonContentStyles>{children}</IconButtonContentStyles>\r\n        </ButtonVariant>;\r\n      }\r\n\r\n    return !tooltip\r\n      ? render()\r\n      : (\r\n        <TooltipWrapper {...tooltip}>\r\n          {render()}\r\n        </TooltipWrapper>\r\n      );\r\n  },\r\n);\r\n\r\nexport default IconButton;\r\n"],"mappings":"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"}
+{"version":3,"file":"Iconbutton.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_common","_TooltipWrapper","_jsxRuntime","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","getBorderRadius","borderRadius","concat","getBorderRadiusStyle","flatEdge","radius","IconButtonContentStyles","styled","div","_taggedTemplateLiteral2","exports","IconButtonStyled","button","props","$borderRadius","$flatEdge","$unsetIconSize","$invertFocus","invertedFocusStyles","focusStyles","IconButtonStyledPrimary","$useTransparentBackground","COLORS","getColor","theme","$iconColor","IconButtonStyledSecondary","IconButton","React","forwardRef","_ref","ref","id","variant","shape","action","children","useTransparentBackground","disabled","iconColor","unsetIconSize","tabIndex","type","hidden","invertFocus","dataTestId","focusOnClick","tooltip","rest","_objectWithoutProperties2","render","ButtonVariant","jsx","onClick","event","stopPropagation","onMouseDown","defaultOnMouseDownHandler","undefined","propTypes","_propTypes","oneOf","func","isRequired","bool","string","number","node","_default"],"sources":["../../src/Button/Iconbutton.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nimport { BREAKPOINTS, COLORS, focusStyles, invertedFocusStyles } from '../styles';\nimport { defaultOnMouseDownHandler } from '../common';\nimport { Testable } from '../types';\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\nimport TooltipWrapper from \"../Tooltips/TooltipWrapper\";\n\nexport interface HeaderItemProps {\n  inMobileMenu?: boolean;\n  useTransparentBackground?: boolean;\n  iconColor?: string;\n  unsetIconSize?: boolean;\n  borderRadius?: number;\n  shape?: string;\n  flatEdge?: string;\n  invertFocus?: boolean;\n  shouldNotInteract?: boolean;\n}\n\nconst getBorderRadius = (borderRadius?: number) => (borderRadius ? `${borderRadius}px` : '4px');\n\nconst getBorderRadiusStyle = ( flatEdge?: string, borderRadius?: number ) => {\n  const radius = getBorderRadius(borderRadius);\n  switch (flatEdge) {\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\nexport const IconButtonContentStyles = styled.div``;\n\nexport const IconButtonStyled = styled.button<{$borderRadius?: number; $flatEdge?: string; $unsetIconSize?: boolean;\n              $invertFocus?: boolean; $useTransparentBackground?: boolean; $iconColor?: string;}>`\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: ${(props) => (props.$borderRadius ? `${props.$borderRadius}px` : '4px')};\n  ${IconButtonContentStyles} {\n    height: 36px;\n    width: 36px;\n    border-radius: ${props => getBorderRadiusStyle(props.$flatEdge, props.$borderRadius)};\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\n  &:focus {\n    ${(props) => (props.$invertFocus ? invertedFocusStyles : focusStyles)}\n  }\n`;\n\nexport const IconButtonStyledPrimary = styled(IconButtonStyled)`\n  ${IconButtonContentStyles} {\n    background-color: ${(props) => (props.$useTransparentBackground ? 'transparent' : COLORS.getColor('primary_500', props.theme))};\n\n    svg {\n      fill: ${(props) => props.$iconColor || COLORS.getColor('white', props.theme)};\n      path {\n        fill: ${(props) => props.$iconColor || COLORS.getColor('white', props.theme)};\n      }\n    }\n  }\n  &:hover:not(:disabled),\n  &.hover-state {\n    ${IconButtonContentStyles} {\n      background-color: ${props => COLORS.getColor('primary_700', props.theme)};\n    }\n    ${IconButtonContentStyles} svg path,\n    ${IconButtonContentStyles} svg {\n      fill: ${props => COLORS.getColor('white', props.theme)};\n    }\n  }\n  &:active:not(:disabled),\n  &.active-state {\n    ${IconButtonContentStyles} {\n      background: ${props => COLORS.getColor('primary_800', props.theme)};\n    }\n    ${IconButtonContentStyles} svg path,\n    ${IconButtonContentStyles} svg {\n      fill: ${props => COLORS.getColor('white', props.theme)};\n    }\n  }\n  &:disabled {\n    ${IconButtonContentStyles} {\n      background-color: ${props => COLORS.getColor('neutral_200', props.theme)};\n    }\n    svg {\n      path {\n        fill: ${props => COLORS.getColor('white', props.theme)};\n      }\n      fill: ${props => COLORS.getColor('white', props.theme)};\n    }\n  }\n`;\n\nexport const IconButtonStyledSecondary = styled(IconButtonStyled)`\n  ${IconButtonContentStyles} {\n    background-color: ${(props) => (props.$useTransparentBackground ? 'transparent' : COLORS.getColor('white', props.theme))};\n\n    svg {\n      fill: ${(props) => props.$iconColor || COLORS.getColor('neutral_600', props.theme)};\n      path {\n        fill: ${(props) => props.$iconColor || COLORS.getColor('neutral_600', props.theme)};\n      }\n    }\n  }\n\n\n  &:hover:not(:disabled) {\n    ${IconButtonContentStyles} {\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n    }\n    ${IconButtonContentStyles} svg path,\n    ${IconButtonContentStyles} svg {\n      fill: ${props => COLORS.getColor('primary_700', props.theme)};\n    }\n  }\n  &:active:not(:disabled),\n  &.active-state {\n    ${IconButtonContentStyles} {\n      background: ${props => COLORS.getColor('primary_100', props.theme)};\n    }\n    ${IconButtonContentStyles} svg path,\n    ${IconButtonContentStyles} svg {\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\n    }\n  }\n\n  &:disabled {\n    ${IconButtonContentStyles} {\n      background-color: ${(props) => (props.$useTransparentBackground ? 'transparent' : COLORS.getColor('white', props.theme))};\n    }\n    svg {\n      path {\n        fill: ${props => COLORS.getColor('neutral_300', props.theme)};\n      }\n      fill: ${props => COLORS.getColor('neutral_300', props.theme)};\n    }\n  }\n`;\n\nexport interface IconButtonProps extends Testable, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,  'onClick' | 'onMouseDown'> {\n  /** Variant of the button. Defaults to 'primary' */\n  variant?: 'primary' | 'secondary';\n  /** Shape of the button. Defaults to 'square' */\n  shape?: 'square' | 'circular';\n  /** Action that will get executed when button is clicked. */\n  action: (event?: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Allows removing rounded corners on one of the edges of the button. */\n  flatEdge?: 'right' | 'left' | 'none' | undefined;\n  /** If set background filling color of the button will be transparent. */\n  useTransparentBackground?: boolean;\n  /** Custom fill color for SVG icon. */\n  iconColor?: string;\n  /** If set then the width and height of SVG icon will be set to 'unset', otherwise will be set to '24px' */\n  unsetIconSize?: boolean;\n  /** Sets border radius of the button.  */\n  borderRadius?: number;\n  /** Content (icon) to show in the button. */\n  children?: React.ReactNode;\n  /** Invert color scheme of focus framing. */\n  invertFocus?: boolean;\n  /** If this flag is set, then blurs current focus, as a result will focus current IconButton when user clicks it. */\n  focusOnClick?: boolean;\n  /** Details of the tooltip to show. */\n  tooltip?: Omit<TooltipProps, 'tabIndex'>;\n}\n\nexport const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\n  (\n    {\n      id,\n      variant,\n      shape,\n      action,\n      children,\n      useTransparentBackground,\n      disabled,\n      iconColor,\n      unsetIconSize,\n      tabIndex,\n      flatEdge,\n      borderRadius,\n      type,\n      hidden,\n      invertFocus,\n      dataTestId,\n      focusOnClick,\n      tooltip,\n      ...rest\n    }: IconButtonProps,\n    ref,\n  ) => {\n\n    const render = () => {\n      // Let's render button\n\n      let ButtonVariant = IconButtonStyledPrimary;\n      switch (variant) {\n        case 'secondary':\n          ButtonVariant = IconButtonStyledSecondary;\n          break;\n      }\n\n      return <ButtonVariant\n          id={id}\n          type={type ?? 'button'}\n          data-testid={dataTestId}\n          $flatEdge={flatEdge}\n          ref={ref}\n          onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\n            event.stopPropagation();\n            action(event);\n          }}\n          disabled={disabled}\n          $useTransparentBackground={useTransparentBackground}\n          $iconColor={iconColor}\n          $unsetIconSize={unsetIconSize}\n          tabIndex={tabIndex}\n          $borderRadius={borderRadius || shape === 'circular' ? 18 : 0}\n          onMouseDown={!focusOnClick ? defaultOnMouseDownHandler : undefined}\n          hidden={hidden}\n          $invertFocus={invertFocus}\n          {...rest}>\n          <IconButtonContentStyles>{children}</IconButtonContentStyles>\n        </ButtonVariant>;\n      }\n\n    return !tooltip\n      ? render()\n      : (\n        <TooltipWrapper {...tooltip}>\n          {render()}\n        </TooltipWrapper>\n      );\n  },\n);\n\nexport default IconButton;\n"],"mappings":"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","ignoreList":[]}

package/dist/Button/Iconbutton.d.ts

@@ -1,67 +1,71 @@
-import React from 'react';
-import { Testable } from '../types';
-import { TooltipProps } from "../Tooltips/TooltipTypes";
-export interface HeaderItemProps {
-    inMobileMenu?: boolean;
-    useTransparentBackground?: boolean;
-    iconColor?: string;
-    unsetIconSize?: boolean;
-    borderRadius?: number;
-    shape?: string;
-    flatEdge?: string;
-    invertFocus?: boolean;
-    shouldNotInteract?: boolean;
-}
-export declare const IconButtonContentStyles: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const IconButtonStyled: import("styled-components").StyledComponent<"button", any, {
-    $borderRadius?: number | undefined;
-    $flatEdge?: string | undefined;
-    $unsetIconSize?: boolean | undefined;
-    $invertFocus?: boolean | undefined;
-    $useTransparentBackground?: boolean | undefined;
-    $iconColor?: string | undefined;
-}, never>;
-export declare const IconButtonStyledPrimary: import("styled-components").StyledComponent<"button", any, {
-    $borderRadius?: number | undefined;
-    $flatEdge?: string | undefined;
-    $unsetIconSize?: boolean | undefined;
-    $invertFocus?: boolean | undefined;
-    $useTransparentBackground?: boolean | undefined;
-    $iconColor?: string | undefined;
-}, never>;
-export declare const IconButtonStyledSecondary: import("styled-components").StyledComponent<"button", any, {
-    $borderRadius?: number | undefined;
-    $flatEdge?: string | undefined;
-    $unsetIconSize?: boolean | undefined;
-    $invertFocus?: boolean | undefined;
-    $useTransparentBackground?: boolean | undefined;
-    $iconColor?: string | undefined;
-}, never>;
-export interface IconButtonProps extends Testable, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onMouseDown'> {
-    /** Variant of the button. Defaults to 'primary' */
-    variant?: 'primary' | 'secondary';
-    /** Shape of the button. Defaults to 'square' */
-    shape?: 'square' | 'circular';
-    /** Action that will get executed when button is clicked. */
-    action: (event?: React.MouseEvent<HTMLButtonElement>) => void;
-    /** Allows removing rounded corners on one of the edges of the button. */
-    flatEdge?: 'right' | 'left' | 'none' | undefined;
-    /** If set background filling color of the button will be transparent. */
-    useTransparentBackground?: boolean;
-    /** Custom fill color for SVG icon. */
-    iconColor?: string;
-    /** If set then the width and height of SVG icon will be set to 'unset', otherwise will be set to '24px' */
-    unsetIconSize?: boolean;
-    /** Sets border radius of the button.  */
-    borderRadius?: number;
-    /** Content (icon) to show in the button. */
-    children?: React.ReactNode;
-    /** Invert color scheme of focus framing. */
-    invertFocus?: boolean;
-    /** If this flag is set, then blurs current focus, as a result will focus current IconButton when user clicks it. */
-    focusOnClick?: boolean;
-    /** Details of the tooltip to show. */
-    tooltip?: Omit<TooltipProps, 'tabIndex'>;
-}
-export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default IconButton;
+import React from 'react';
+import { Testable } from '../types';
+import { TooltipProps } from "../Tooltips/TooltipTypes";
+export interface HeaderItemProps {
+    inMobileMenu?: boolean;
+    useTransparentBackground?: boolean;
+    iconColor?: string;
+    unsetIconSize?: boolean;
+    borderRadius?: number;
+    shape?: string;
+    flatEdge?: string;
+    invertFocus?: boolean;
+    shouldNotInteract?: boolean;
+}
+export declare const IconButtonContentStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const IconButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $borderRadius?: number | undefined;
+    $flatEdge?: string | undefined;
+    $unsetIconSize?: boolean | undefined;
+    $invertFocus?: boolean | undefined;
+    $useTransparentBackground?: boolean | undefined;
+    $iconColor?: string | undefined;
+}>> & string;
+export declare const IconButtonStyledPrimary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$borderRadius" | "$flatEdge" | "$unsetIconSize" | "$invertFocus" | "$useTransparentBackground" | "$iconColor"> & {
+    $borderRadius?: number | undefined;
+    $flatEdge?: string | undefined;
+    $unsetIconSize?: boolean | undefined;
+    $invertFocus?: boolean | undefined;
+    $useTransparentBackground?: boolean | undefined;
+    $iconColor?: string | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, never>> & string;
+export declare const IconButtonStyledSecondary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$borderRadius" | "$flatEdge" | "$unsetIconSize" | "$invertFocus" | "$useTransparentBackground" | "$iconColor"> & {
+    $borderRadius?: number | undefined;
+    $flatEdge?: string | undefined;
+    $unsetIconSize?: boolean | undefined;
+    $invertFocus?: boolean | undefined;
+    $useTransparentBackground?: boolean | undefined;
+    $iconColor?: string | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, never>> & string;
+export interface IconButtonProps extends Testable, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onMouseDown'> {
+    /** Variant of the button. Defaults to 'primary' */
+    variant?: 'primary' | 'secondary';
+    /** Shape of the button. Defaults to 'square' */
+    shape?: 'square' | 'circular';
+    /** Action that will get executed when button is clicked. */
+    action: (event?: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Allows removing rounded corners on one of the edges of the button. */
+    flatEdge?: 'right' | 'left' | 'none' | undefined;
+    /** If set background filling color of the button will be transparent. */
+    useTransparentBackground?: boolean;
+    /** Custom fill color for SVG icon. */
+    iconColor?: string;
+    /** If set then the width and height of SVG icon will be set to 'unset', otherwise will be set to '24px' */
+    unsetIconSize?: boolean;
+    /** Sets border radius of the button.  */
+    borderRadius?: number;
+    /** Content (icon) to show in the button. */
+    children?: React.ReactNode;
+    /** Invert color scheme of focus framing. */
+    invertFocus?: boolean;
+    /** If this flag is set, then blurs current focus, as a result will focus current IconButton when user clicks it. */
+    focusOnClick?: boolean;
+    /** Details of the tooltip to show. */
+    tooltip?: Omit<TooltipProps, 'tabIndex'>;
+}
+export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default IconButton;

package/dist/Button/Iconbutton.js

@@ -4,8 +4,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 import _pt from "prop-types";
 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) { _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 React from 'react';
 import styled from 'styled-components';
 import { COLORS, focusStyles, invertedFocusStyles } from '../styles';

package/dist/Button/Iconbutton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Iconbutton.js","names":["React","styled","COLORS","focusStyles","invertedFocusStyles","defaultOnMouseDownHandler","TooltipWrapper","getBorderRadius","borderRadius","getBorderRadiusStyle","flatEdge","radius","IconButtonContentStyles","div","IconButtonStyled","button","props","$borderRadius","$flatEdge","$unsetIconSize","$invertFocus","IconButtonStyledPrimary","$useTransparentBackground","getColor","theme","$iconColor","IconButtonStyledSecondary","IconButton","forwardRef","ref","id","variant","shape","action","children","useTransparentBackground","disabled","iconColor","unsetIconSize","tabIndex","type","hidden","invertFocus","dataTestId","focusOnClick","tooltip","rest","render","ButtonVariant","event","stopPropagation","undefined"],"sources":["../../src/Button/Iconbutton.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, focusStyles, invertedFocusStyles } from '../styles';\r\nimport { defaultOnMouseDownHandler } from '../common';\r\nimport { Testable } from '../types';\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\nimport TooltipWrapper from \"../Tooltips/TooltipWrapper\";\r\n\r\nexport interface HeaderItemProps {\r\n  inMobileMenu?: boolean;\r\n  useTransparentBackground?: boolean;\r\n  iconColor?: string;\r\n  unsetIconSize?: boolean;\r\n  borderRadius?: number;\r\n  shape?: string;\r\n  flatEdge?: string;\r\n  invertFocus?: boolean;\r\n  shouldNotInteract?: boolean;\r\n}\r\n\r\nconst getBorderRadius = (borderRadius?: number) => (borderRadius ? `${borderRadius}px` : '4px');\r\n\r\nconst getBorderRadiusStyle = ( flatEdge?: string, borderRadius?: number ) => {\r\n  const radius = getBorderRadius(borderRadius);\r\n  switch (flatEdge) {\r\n    case 'left':\r\n      return `0px ${radius} ${radius} 0px`;\r\n\r\n    case 'right':\r\n      return `${radius} 0px 0px ${radius}`;\r\n\r\n    case 'none':\r\n    default:\r\n      return `${radius}`;\r\n  }\r\n};\r\n\r\nexport const IconButtonContentStyles = styled.div``;\r\n\r\nexport const IconButtonStyled = styled.button<{$borderRadius?: number; $flatEdge?: string; $unsetIconSize?: boolean;\r\n              $invertFocus?: boolean; $useTransparentBackground?: boolean; $iconColor?: string;}>`\r\n  border-width: 0;\r\n  cursor: pointer;\r\n  height: 48px;\r\n  width: 48px;\r\n  background: transparent;\r\n  position: relative;\r\n  display: block;\r\n\r\n  border-radius: ${(props) => (props.$borderRadius ? `${props.$borderRadius}px` : '4px')};\r\n  ${IconButtonContentStyles} {\r\n    height: 36px;\r\n    width: 36px;\r\n    border-radius: ${props => getBorderRadiusStyle(props.$flatEdge, props.$borderRadius)};\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    svg {\r\n      height: ${(props) => (props.$unsetIconSize ? 'unset' : '24px')};\r\n      width: ${(props) => (props.$unsetIconSize ? 'unset' : '24px')};\r\n      padding: 0;\r\n    }\r\n  }\r\n  &:only-child {\r\n    margin: 0;\r\n  }\r\n  &:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  &:focus {\r\n    ${(props) => (props.$invertFocus ? invertedFocusStyles : focusStyles)}\r\n  }\r\n`;\r\n\r\nexport const IconButtonStyledPrimary = styled(IconButtonStyled)`\r\n  ${IconButtonContentStyles} {\r\n    background-color: ${(props) => (props.$useTransparentBackground ? 'transparent' : COLORS.getColor('primary_500', props.theme))};\r\n\r\n    svg {\r\n      fill: ${(props) => props.$iconColor || COLORS.getColor('white', props.theme)};\r\n      path {\r\n        fill: ${(props) => props.$iconColor || COLORS.getColor('white', props.theme)};\r\n      }\r\n    }\r\n  }\r\n  &:hover:not(:disabled),\r\n  &.hover-state {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n  &:active:not(:disabled),\r\n  &.active-state {\r\n    ${IconButtonContentStyles} {\r\n      background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n  &:disabled {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    }\r\n    svg {\r\n      path {\r\n        fill: ${props => COLORS.getColor('white', props.theme)};\r\n      }\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nexport const IconButtonStyledSecondary = styled(IconButtonStyled)`\r\n  ${IconButtonContentStyles} {\r\n    background-color: ${(props) => (props.$useTransparentBackground ? 'transparent' : COLORS.getColor('white', props.theme))};\r\n\r\n    svg {\r\n      fill: ${(props) => props.$iconColor || COLORS.getColor('neutral_600', props.theme)};\r\n      path {\r\n        fill: ${(props) => props.$iconColor || COLORS.getColor('neutral_600', props.theme)};\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  &:hover:not(:disabled) {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n  &:active:not(:disabled),\r\n  &.active-state {\r\n    ${IconButtonContentStyles} {\r\n      background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${(props) => (props.$useTransparentBackground ? 'transparent' : COLORS.getColor('white', props.theme))};\r\n    }\r\n    svg {\r\n      path {\r\n        fill: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n      }\r\n      fill: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nexport interface IconButtonProps extends Testable, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,  'onClick' | 'onMouseDown'> {\r\n  /** Variant of the button. Defaults to 'primary' */\r\n  variant?: 'primary' | 'secondary';\r\n  /** Shape of the button. Defaults to 'square' */\r\n  shape?: 'square' | 'circular';\r\n  /** Action that will get executed when button is clicked. */\r\n  action: (event?: React.MouseEvent<HTMLButtonElement>) => void;\r\n  /** Allows removing rounded corners on one of the edges of the button. */\r\n  flatEdge?: 'right' | 'left' | 'none' | undefined;\r\n  /** If set background filling color of the button will be transparent. */\r\n  useTransparentBackground?: boolean;\r\n  /** Custom fill color for SVG icon. */\r\n  iconColor?: string;\r\n  /** If set then the width and height of SVG icon will be set to 'unset', otherwise will be set to '24px' */\r\n  unsetIconSize?: boolean;\r\n  /** Sets border radius of the button.  */\r\n  borderRadius?: number;\r\n  /** Content (icon) to show in the button. */\r\n  children?: React.ReactNode;\r\n  /** Invert color scheme of focus framing. */\r\n  invertFocus?: boolean;\r\n  /** If this flag is set, then blurs current focus, as a result will focus current IconButton when user clicks it. */\r\n  focusOnClick?: boolean;\r\n  /** Details of the tooltip to show. */\r\n  tooltip?: Omit<TooltipProps, 'tabIndex'>;\r\n}\r\n\r\nexport const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\r\n  (\r\n    {\r\n      id,\r\n      variant,\r\n      shape,\r\n      action,\r\n      children,\r\n      useTransparentBackground,\r\n      disabled,\r\n      iconColor,\r\n      unsetIconSize,\r\n      tabIndex,\r\n      flatEdge,\r\n      borderRadius,\r\n      type,\r\n      hidden,\r\n      invertFocus,\r\n      dataTestId,\r\n      focusOnClick,\r\n      tooltip,\r\n      ...rest\r\n    }: IconButtonProps,\r\n    ref,\r\n  ) => {\r\n\r\n    const render = () => {\r\n      // Let's render button\r\n\r\n      let ButtonVariant = IconButtonStyledPrimary;\r\n      switch (variant) {\r\n        case 'secondary':\r\n          ButtonVariant = IconButtonStyledSecondary;\r\n          break;\r\n      }\r\n\r\n      return <ButtonVariant\r\n          id={id}\r\n          type={type ?? 'button'}\r\n          data-testid={dataTestId}\r\n          $flatEdge={flatEdge}\r\n          ref={ref}\r\n          onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\r\n            event.stopPropagation();\r\n            action(event);\r\n          }}\r\n          disabled={disabled}\r\n          $useTransparentBackground={useTransparentBackground}\r\n          $iconColor={iconColor}\r\n          $unsetIconSize={unsetIconSize}\r\n          tabIndex={tabIndex}\r\n          $borderRadius={borderRadius || shape === 'circular' ? 18 : 0}\r\n          onMouseDown={!focusOnClick ? defaultOnMouseDownHandler : undefined}\r\n          hidden={hidden}\r\n          $invertFocus={invertFocus}\r\n          {...rest}>\r\n          <IconButtonContentStyles>{children}</IconButtonContentStyles>\r\n        </ButtonVariant>;\r\n      }\r\n\r\n    return !tooltip\r\n      ? render()\r\n      : (\r\n        <TooltipWrapper {...tooltip}>\r\n          {render()}\r\n        </TooltipWrapper>\r\n      );\r\n  },\r\n);\r\n\r\nexport default IconButton;\r\n"],"mappings":"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"}
+{"version":3,"file":"Iconbutton.js","names":["React","styled","COLORS","focusStyles","invertedFocusStyles","defaultOnMouseDownHandler","TooltipWrapper","jsx","_jsx","getBorderRadius","borderRadius","concat","getBorderRadiusStyle","flatEdge","radius","IconButtonContentStyles","div","_templateObject","_taggedTemplateLiteral","IconButtonStyled","button","_templateObject2","props","$borderRadius","$flatEdge","$unsetIconSize","$invertFocus","IconButtonStyledPrimary","_templateObject3","$useTransparentBackground","getColor","theme","$iconColor","IconButtonStyledSecondary","_templateObject4","IconButton","forwardRef","_ref","ref","id","variant","shape","action","children","useTransparentBackground","disabled","iconColor","unsetIconSize","tabIndex","type","hidden","invertFocus","dataTestId","focusOnClick","tooltip","rest","_objectWithoutProperties","_excluded","render","ButtonVariant","_objectSpread","onClick","event","stopPropagation","onMouseDown","undefined","propTypes","_pt","oneOf","func","isRequired","bool","string","number","node"],"sources":["../../src/Button/Iconbutton.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nimport { BREAKPOINTS, COLORS, focusStyles, invertedFocusStyles } from '../styles';\nimport { defaultOnMouseDownHandler } from '../common';\nimport { Testable } from '../types';\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\nimport TooltipWrapper from \"../Tooltips/TooltipWrapper\";\n\nexport interface HeaderItemProps {\n  inMobileMenu?: boolean;\n  useTransparentBackground?: boolean;\n  iconColor?: string;\n  unsetIconSize?: boolean;\n  borderRadius?: number;\n  shape?: string;\n  flatEdge?: string;\n  invertFocus?: boolean;\n  shouldNotInteract?: boolean;\n}\n\nconst getBorderRadius = (borderRadius?: number) => (borderRadius ? `${borderRadius}px` : '4px');\n\nconst getBorderRadiusStyle = ( flatEdge?: string, borderRadius?: number ) => {\n  const radius = getBorderRadius(borderRadius);\n  switch (flatEdge) {\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\nexport const IconButtonContentStyles = styled.div``;\n\nexport const IconButtonStyled = styled.button<{$borderRadius?: number; $flatEdge?: string; $unsetIconSize?: boolean;\n              $invertFocus?: boolean; $useTransparentBackground?: boolean; $iconColor?: string;}>`\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: ${(props) => (props.$borderRadius ? `${props.$borderRadius}px` : '4px')};\n  ${IconButtonContentStyles} {\n    height: 36px;\n    width: 36px;\n    border-radius: ${props => getBorderRadiusStyle(props.$flatEdge, props.$borderRadius)};\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\n  &:focus {\n    ${(props) => (props.$invertFocus ? invertedFocusStyles : focusStyles)}\n  }\n`;\n\nexport const IconButtonStyledPrimary = styled(IconButtonStyled)`\n  ${IconButtonContentStyles} {\n    background-color: ${(props) => (props.$useTransparentBackground ? 'transparent' : COLORS.getColor('primary_500', props.theme))};\n\n    svg {\n      fill: ${(props) => props.$iconColor || COLORS.getColor('white', props.theme)};\n      path {\n        fill: ${(props) => props.$iconColor || COLORS.getColor('white', props.theme)};\n      }\n    }\n  }\n  &:hover:not(:disabled),\n  &.hover-state {\n    ${IconButtonContentStyles} {\n      background-color: ${props => COLORS.getColor('primary_700', props.theme)};\n    }\n    ${IconButtonContentStyles} svg path,\n    ${IconButtonContentStyles} svg {\n      fill: ${props => COLORS.getColor('white', props.theme)};\n    }\n  }\n  &:active:not(:disabled),\n  &.active-state {\n    ${IconButtonContentStyles} {\n      background: ${props => COLORS.getColor('primary_800', props.theme)};\n    }\n    ${IconButtonContentStyles} svg path,\n    ${IconButtonContentStyles} svg {\n      fill: ${props => COLORS.getColor('white', props.theme)};\n    }\n  }\n  &:disabled {\n    ${IconButtonContentStyles} {\n      background-color: ${props => COLORS.getColor('neutral_200', props.theme)};\n    }\n    svg {\n      path {\n        fill: ${props => COLORS.getColor('white', props.theme)};\n      }\n      fill: ${props => COLORS.getColor('white', props.theme)};\n    }\n  }\n`;\n\nexport const IconButtonStyledSecondary = styled(IconButtonStyled)`\n  ${IconButtonContentStyles} {\n    background-color: ${(props) => (props.$useTransparentBackground ? 'transparent' : COLORS.getColor('white', props.theme))};\n\n    svg {\n      fill: ${(props) => props.$iconColor || COLORS.getColor('neutral_600', props.theme)};\n      path {\n        fill: ${(props) => props.$iconColor || COLORS.getColor('neutral_600', props.theme)};\n      }\n    }\n  }\n\n\n  &:hover:not(:disabled) {\n    ${IconButtonContentStyles} {\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n    }\n    ${IconButtonContentStyles} svg path,\n    ${IconButtonContentStyles} svg {\n      fill: ${props => COLORS.getColor('primary_700', props.theme)};\n    }\n  }\n  &:active:not(:disabled),\n  &.active-state {\n    ${IconButtonContentStyles} {\n      background: ${props => COLORS.getColor('primary_100', props.theme)};\n    }\n    ${IconButtonContentStyles} svg path,\n    ${IconButtonContentStyles} svg {\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\n    }\n  }\n\n  &:disabled {\n    ${IconButtonContentStyles} {\n      background-color: ${(props) => (props.$useTransparentBackground ? 'transparent' : COLORS.getColor('white', props.theme))};\n    }\n    svg {\n      path {\n        fill: ${props => COLORS.getColor('neutral_300', props.theme)};\n      }\n      fill: ${props => COLORS.getColor('neutral_300', props.theme)};\n    }\n  }\n`;\n\nexport interface IconButtonProps extends Testable, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,  'onClick' | 'onMouseDown'> {\n  /** Variant of the button. Defaults to 'primary' */\n  variant?: 'primary' | 'secondary';\n  /** Shape of the button. Defaults to 'square' */\n  shape?: 'square' | 'circular';\n  /** Action that will get executed when button is clicked. */\n  action: (event?: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Allows removing rounded corners on one of the edges of the button. */\n  flatEdge?: 'right' | 'left' | 'none' | undefined;\n  /** If set background filling color of the button will be transparent. */\n  useTransparentBackground?: boolean;\n  /** Custom fill color for SVG icon. */\n  iconColor?: string;\n  /** If set then the width and height of SVG icon will be set to 'unset', otherwise will be set to '24px' */\n  unsetIconSize?: boolean;\n  /** Sets border radius of the button.  */\n  borderRadius?: number;\n  /** Content (icon) to show in the button. */\n  children?: React.ReactNode;\n  /** Invert color scheme of focus framing. */\n  invertFocus?: boolean;\n  /** If this flag is set, then blurs current focus, as a result will focus current IconButton when user clicks it. */\n  focusOnClick?: boolean;\n  /** Details of the tooltip to show. */\n  tooltip?: Omit<TooltipProps, 'tabIndex'>;\n}\n\nexport const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\n  (\n    {\n      id,\n      variant,\n      shape,\n      action,\n      children,\n      useTransparentBackground,\n      disabled,\n      iconColor,\n      unsetIconSize,\n      tabIndex,\n      flatEdge,\n      borderRadius,\n      type,\n      hidden,\n      invertFocus,\n      dataTestId,\n      focusOnClick,\n      tooltip,\n      ...rest\n    }: IconButtonProps,\n    ref,\n  ) => {\n\n    const render = () => {\n      // Let's render button\n\n      let ButtonVariant = IconButtonStyledPrimary;\n      switch (variant) {\n        case 'secondary':\n          ButtonVariant = IconButtonStyledSecondary;\n          break;\n      }\n\n      return <ButtonVariant\n          id={id}\n          type={type ?? 'button'}\n          data-testid={dataTestId}\n          $flatEdge={flatEdge}\n          ref={ref}\n          onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\n            event.stopPropagation();\n            action(event);\n          }}\n          disabled={disabled}\n          $useTransparentBackground={useTransparentBackground}\n          $iconColor={iconColor}\n          $unsetIconSize={unsetIconSize}\n          tabIndex={tabIndex}\n          $borderRadius={borderRadius || shape === 'circular' ? 18 : 0}\n          onMouseDown={!focusOnClick ? defaultOnMouseDownHandler : undefined}\n          hidden={hidden}\n          $invertFocus={invertFocus}\n          {...rest}>\n          <IconButtonContentStyles>{children}</IconButtonContentStyles>\n        </ButtonVariant>;\n      }\n\n    return !tooltip\n      ? render()\n      : (\n        <TooltipWrapper {...tooltip}>\n          {render()}\n        </TooltipWrapper>\n      );\n  },\n);\n\nexport default IconButton;\n"],"mappings":"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","ignoreList":[]}

package/dist/Button/index.cjs

@@ -13,25 +13,25 @@ var _exportNames = {
 Object.defineProperty(exports, "BackButton", {
   enumerable: true,
   get: function get() {
-    return _BackButton.default;
+    return _BackButton["default"];
   }
 });
 Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function get() {
-    return _Button.default;
+    return _Button["default"];
   }
 });
 Object.defineProperty(exports, "DualFunctionButton", {
   enumerable: true,
   get: function get() {
-    return _DualFunctionButton.default;
+    return _DualFunctionButton["default"];
   }
 });
 Object.defineProperty(exports, "IconButton", {
   enumerable: true,
   get: function get() {
-    return _Iconbutton.default;
+    return _Iconbutton["default"];
   }
 });
 var _Iconbutton = _interopRequireWildcard(require("./Iconbutton"));
@@ -82,6 +82,6 @@ Object.keys(_DualFunctionButton).forEach(function (key) {
     }
   });
 });
-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 _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; }
 //# sourceMappingURL=index.cjs.map

package/dist/Button/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Button/index.ts"],"sourcesContent":["export { default as IconButton } from './Iconbutton';\r\nexport * from './Iconbutton';\r\nexport { default as Button } from './Button';\r\nexport * from './Button';\r\nexport { default as BackButton } from './BackButton';\r\nexport * from './BackButton';\r\nexport { default as DualFunctionButton } from './DualFunctionButton';\r\nexport * from './DualFunctionButton';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAAqC;AAAA"}
+{"version":3,"file":"index.cjs","names":["_Iconbutton","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Button","_BackButton","_DualFunctionButton","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sources":["../../src/Button/index.ts"],"sourcesContent":["export { default as IconButton } from './Iconbutton';\nexport * from './Iconbutton';\nexport { default as Button } from './Button';\nexport * from './Button';\nexport { default as BackButton } from './BackButton';\nexport * from './BackButton';\nexport { default as DualFunctionButton } from './DualFunctionButton';\nexport * from './DualFunctionButton';\n"],"mappings":"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","ignoreList":[]}

package/dist/Button/index.d.ts

@@ -1,8 +1,8 @@
-export { default as IconButton } from './Iconbutton';
-export * from './Iconbutton';
-export { default as Button } from './Button';
-export * from './Button';
-export { default as BackButton } from './BackButton';
-export * from './BackButton';
-export { default as DualFunctionButton } from './DualFunctionButton';
-export * from './DualFunctionButton';
+export { default as IconButton } from './Iconbutton';
+export * from './Iconbutton';
+export { default as Button } from './Button';
+export * from './Button';
+export { default as BackButton } from './BackButton';
+export * from './BackButton';
+export { default as DualFunctionButton } from './DualFunctionButton';
+export * from './DualFunctionButton';

package/dist/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","IconButton","Button","BackButton","DualFunctionButton"],"sources":["../../src/Button/index.ts"],"sourcesContent":["export { default as IconButton } from './Iconbutton';\r\nexport * from './Iconbutton';\r\nexport { default as Button } from './Button';\r\nexport * from './Button';\r\nexport { default as BackButton } from './BackButton';\r\nexport * from './BackButton';\r\nexport { default as DualFunctionButton } from './DualFunctionButton';\r\nexport * from './DualFunctionButton';\r\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,cAAc,cAAc;AAC5B,SAASD,OAAO,IAAIE,MAAM,QAAQ,UAAU;AAC5C,cAAc,UAAU;AACxB,SAASF,OAAO,IAAIG,UAAU,QAAQ,cAAc;AACpD,cAAc,cAAc;AAC5B,SAASH,OAAO,IAAII,kBAAkB,QAAQ,sBAAsB;AACpE,cAAc,sBAAsB"}
+{"version":3,"file":"index.js","names":["default","IconButton","Button","BackButton","DualFunctionButton"],"sources":["../../src/Button/index.ts"],"sourcesContent":["export { default as IconButton } from './Iconbutton';\nexport * from './Iconbutton';\nexport { default as Button } from './Button';\nexport * from './Button';\nexport { default as BackButton } from './BackButton';\nexport * from './BackButton';\nexport { default as DualFunctionButton } from './DualFunctionButton';\nexport * from './DualFunctionButton';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,cAAc,cAAc;AAC5B,SAASD,OAAO,IAAIE,MAAM,QAAQ,UAAU;AAC5C,cAAc,UAAU;AACxB,SAASF,OAAO,IAAIG,UAAU,QAAQ,cAAc;AACpD,cAAc,cAAc;AAC5B,SAASH,OAAO,IAAII,kBAAkB,QAAQ,sBAAsB;AACpE,cAAc,sBAAsB","ignoreList":[]}

package/dist/Card/HorizontalCard/HorizontalCard.cjs

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.HorizontalCardContentContainer = exports.HorizontalCardContainer = exports.HorizontalCard = void 0;
+exports["default"] = exports.HorizontalCardContentContainer = exports.HorizontalCardContainer = exports.HorizontalCard = 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"));
@@ -19,13 +19,13 @@ var _common = require("../../common");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["title", "description", "tags", "progress", "icon", "variant", "image", "action", "actions", "disabled", "className", "dataTestId"];
 var _templateObject, _templateObject2;
-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 HorizontalCardContentContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  display: flex;\n  flex: 1;\n  flex-direction: row;\n  align-items: center;\n  background-color: ", ";\n  border-radius: 8px;\n"])), function (props) {
+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 HorizontalCardContentContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  display: flex;\n  flex: 1;\n  flex-direction: row;\n  align-items: center;\n  background-color: ", ";\n  border-radius: 8px;\n"])), function (props) {
   return _styles.COLORS.getColor('white', props.theme);
 });
 exports.HorizontalCardContentContainer = HorizontalCardContentContainer;
-var HorizontalCardContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex: 1;\n\n  &.outline {\n    ", " {\n      box-shadow: inset 0 0 0 1px ", ";\n    }\n  }\n\n  &.elevated {\n    ", " {\n      box-shadow: ", ";\n    }\n  }\n\n  &.clickable {\n    cursor: pointer;\n\n    &:hover:not(.action-within):not(.disabled) {\n      &.outline {\n        ", " {\n          background-color: ", ";\n        }\n      }\n\n      &.elevated {\n        ", " {\n          box-shadow: ", ";\n        }\n      }\n    }\n\n    &:active:not(.action-within):not(.disabled) {\n      &.outline {\n        ", " {\n          background-color: ", ";\n        }\n      }\n\n      &.elevated {\n        ", " {\n          box-shadow: ", ";\n        }\n      }\n    }\n\n    &:focus {\n      ", "\n    }\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n\n    &.elevated {\n      ", " {\n        box-shadow: ", ";\n      }\n    }\n\n    &.outline {\n      ", " {\n        box-shadow: inset 0 0 0 1px ", ";\n      }\n    }\n  }\n"])), HorizontalCardContentContainer, function (props) {
+var HorizontalCardContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex: 1;\n\n  &.outline {\n    ", " {\n      box-shadow: inset 0 0 0 1px ", ";\n    }\n  }\n\n  &.elevated {\n    ", " {\n      box-shadow: ", ";\n    }\n  }\n\n  &.clickable {\n    cursor: pointer;\n\n    &:hover:not(.action-within):not(.disabled) {\n      &.outline {\n        ", " {\n          background-color: ", ";\n        }\n      }\n\n      &.elevated {\n        ", " {\n          box-shadow: ", ";\n        }\n      }\n    }\n\n    &:active:not(.action-within):not(.disabled) {\n      &.outline {\n        ", " {\n          background-color: ", ";\n        }\n      }\n\n      &.elevated {\n        ", " {\n          box-shadow: ", ";\n        }\n      }\n    }\n\n    &:focus {\n      ", "\n    }\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n\n    &.elevated {\n      ", " {\n        box-shadow: ", ";\n      }\n    }\n\n    &.outline {\n      ", " {\n        box-shadow: inset 0 0 0 1px ", ";\n      }\n    }\n  }\n"])), HorizontalCardContentContainer, function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
 }, HorizontalCardContentContainer, _styles.BOXSHADOWS.BOXSHADOW_L1, HorizontalCardContentContainer, function (props) {
   return _styles.COLORS.getColor('primary_20', props.theme);
@@ -49,12 +49,12 @@ var HorizontalCard = function HorizontalCard(_ref) {
     disabled = _ref.disabled,
     className = _ref.className,
     dataTestId = _ref.dataTestId,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _React$useState = _react.default.useState([]),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var _React$useState = _react["default"].useState([]),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
     actionsRefs = _React$useState2[0],
     setActionsRefs = _React$useState2[1];
-  var containerRef = _react.default.useRef(null);
+  var containerRef = _react["default"].useRef(null);
   (0, _common.useActionWithin)(containerRef, actionsRefs);
   var cls = "".concat(variant, " ").concat(action ? 'clickable' : '', " ").concat(disabled ? 'disabled' : '', " ").concat(className || '');
   var handleClick = function handleClick() {
@@ -94,5 +94,5 @@ var HorizontalCard = function HorizontalCard(_ref) {
 };
 exports.HorizontalCard = HorizontalCard;
 var _default = HorizontalCard;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=HorizontalCard.cjs.map

package/dist/Card/HorizontalCard/HorizontalCard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalCard.cjs","names":["HorizontalCardContentContainer","styled","div","props","COLORS","getColor","theme","HorizontalCardContainer","BOXSHADOWS","BOXSHADOW_L1","BOXSHADOW_L3","BOXSHADOW_L2","focusStyles","HorizontalCard","title","description","tags","progress","icon","variant","image","action","actions","disabled","className","dataTestId","rest","React","useState","actionsRefs","setActionsRefs","containerRef","useRef","useActionWithin","cls","handleClick","handleButtonPress","e","key","defaultOnMouseDownHandler","instance"],"sources":["../../../src/Card/HorizontalCard/HorizontalCard.tsx"],"sourcesContent":["import React, {useEffect} from 'react';\r\nimport {HorizontalCardProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {BOXSHADOWS, COLORS, focusStyles} from '../../styles';\r\nimport {HorizontalCardThumbnail} from './HorizontalCardThumbnail';\r\nimport {HorizontalCardBody} from './HorizontalCardBody';\r\nimport {HorizontalCardActions} from './HorizontalCardActions';\r\nimport {defaultOnMouseDownHandler, useActionWithin} from '../../common';\r\n\r\nexport const HorizontalCardContentContainer = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  border-radius: 8px;\r\n`;\r\n\r\nexport const HorizontalCardContainer = styled.div`\r\n  display: flex;\r\n  flex: 1;\r\n\r\n  &.outline {\r\n    ${HorizontalCardContentContainer} {\r\n      box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.elevated {\r\n    ${HorizontalCardContentContainer} {\r\n      box-shadow: ${BOXSHADOWS.BOXSHADOW_L1};\r\n    }\r\n  }\r\n\r\n  &.clickable {\r\n    cursor: pointer;\r\n\r\n    &:hover:not(.action-within):not(.disabled) {\r\n      &.outline {\r\n        ${HorizontalCardContentContainer} {\r\n          background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n        }\r\n      }\r\n\r\n      &.elevated {\r\n        ${HorizontalCardContentContainer} {\r\n          box-shadow: ${BOXSHADOWS.BOXSHADOW_L3};\r\n        }\r\n      }\r\n    }\r\n\r\n    &:active:not(.action-within):not(.disabled) {\r\n      &.outline {\r\n        ${HorizontalCardContentContainer} {\r\n          background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n        }\r\n      }\r\n\r\n      &.elevated {\r\n        ${HorizontalCardContentContainer} {\r\n          box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\r\n        }\r\n      }\r\n    }\r\n\r\n    &:focus {\r\n      ${focusStyles}\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n\r\n    &.elevated {\r\n      ${HorizontalCardContentContainer} {\r\n        box-shadow: ${BOXSHADOWS.BOXSHADOW_L1};\r\n      }\r\n    }\r\n\r\n    &.outline {\r\n      ${HorizontalCardContentContainer} {\r\n        box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_100', props.theme)};\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport const HorizontalCard: React.FunctionComponent<HorizontalCardProps> = ({\r\n                                                                               title,\r\n                                                                               description,\r\n                                                                               tags,\r\n                                                                               progress,\r\n                                                                               icon,\r\n                                                                               variant = 'outline',\r\n                                                                               image,\r\n                                                                               action,\r\n                                                                               actions,\r\n                                                                               disabled,\r\n                                                                               className,\r\n                                                                               dataTestId,\r\n                                                                               ...rest\r\n                                                                             }) => {\r\n\r\n  const [actionsRefs, setActionsRefs] = React.useState<React.RefObject<HTMLButtonElement>[]>([]);\r\n  const containerRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  useActionWithin(containerRef, actionsRefs);\r\n\r\n  const cls = `${variant} ${action ? 'clickable' : ''} ${disabled ? 'disabled' : ''} ${className || ''}`;\r\n\r\n  const handleClick = () => {\r\n    !disabled && action && action();\r\n  }\r\n\r\n  const handleButtonPress = (e: React.KeyboardEvent<HTMLDivElement>) => {\r\n    e.key === 'Enter' && handleClick();\r\n  };\r\n\r\n  return (\r\n    <HorizontalCardContainer ref={containerRef}\r\n               tabIndex={action && !disabled ? 0 : -1}\r\n               className={cls}\r\n               onKeyDown={handleButtonPress}\r\n               onClick={handleClick}\r\n               onMouseDown={defaultOnMouseDownHandler}>\r\n      <HorizontalCardContentContainer\r\n               onMouseDown={defaultOnMouseDownHandler}\r\n               data-testid={dataTestId}\r\n               {...rest}>\r\n\r\n        <HorizontalCardThumbnail image={image}\r\n                                 icon={icon}/>\r\n\r\n        <HorizontalCardBody title={title}\r\n                            description={description}\r\n                            tags={tags}\r\n                            progress={progress}/>\r\n\r\n        <HorizontalCardActions ref={instance => setActionsRefs(instance ?? [])}\r\n                               actions={actions}\r\n                               disabled={disabled}/>\r\n\r\n      </HorizontalCardContentContainer>\r\n    </HorizontalCardContainer>\r\n  )\r\n};\r\n\r\nexport default HorizontalCard;\r\n"],"mappings":"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"}
+{"version":3,"file":"HorizontalCard.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_HorizontalCardThumbnail","_HorizontalCardBody","_HorizontalCardActions","_common","_jsxRuntime","_excluded","_templateObject","_templateObject2","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","HorizontalCardContentContainer","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","exports","HorizontalCardContainer","BOXSHADOWS","BOXSHADOW_L1","BOXSHADOW_L3","BOXSHADOW_L2","focusStyles","HorizontalCard","_ref","title","description","tags","progress","icon","_ref$variant","variant","image","action","actions","disabled","className","dataTestId","rest","_objectWithoutProperties2","_React$useState","React","useState","_React$useState2","_slicedToArray2","actionsRefs","setActionsRefs","containerRef","useRef","useActionWithin","cls","concat","handleClick","handleButtonPress","key","jsx","ref","tabIndex","onKeyDown","onClick","onMouseDown","defaultOnMouseDownHandler","children","jsxs","HorizontalCardThumbnail","HorizontalCardBody","HorizontalCardActions","instance","_default"],"sources":["../../../src/Card/HorizontalCard/HorizontalCard.tsx"],"sourcesContent":["import React, {useEffect} from 'react';\nimport {HorizontalCardProps} from './types';\nimport styled from 'styled-components';\nimport {BOXSHADOWS, COLORS, focusStyles} from '../../styles';\nimport {HorizontalCardThumbnail} from './HorizontalCardThumbnail';\nimport {HorizontalCardBody} from './HorizontalCardBody';\nimport {HorizontalCardActions} from './HorizontalCardActions';\nimport {defaultOnMouseDownHandler, useActionWithin} from '../../common';\n\nexport const HorizontalCardContentContainer = styled.div`\n  position: relative;\n  display: flex;\n  flex: 1;\n  flex-direction: row;\n  align-items: center;\n  background-color: ${props => COLORS.getColor('white', props.theme)};\n  border-radius: 8px;\n`;\n\nexport const HorizontalCardContainer = styled.div`\n  display: flex;\n  flex: 1;\n\n  &.outline {\n    ${HorizontalCardContentContainer} {\n      box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_200', props.theme)};\n    }\n  }\n\n  &.elevated {\n    ${HorizontalCardContentContainer} {\n      box-shadow: ${BOXSHADOWS.BOXSHADOW_L1};\n    }\n  }\n\n  &.clickable {\n    cursor: pointer;\n\n    &:hover:not(.action-within):not(.disabled) {\n      &.outline {\n        ${HorizontalCardContentContainer} {\n          background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n        }\n      }\n\n      &.elevated {\n        ${HorizontalCardContentContainer} {\n          box-shadow: ${BOXSHADOWS.BOXSHADOW_L3};\n        }\n      }\n    }\n\n    &:active:not(.action-within):not(.disabled) {\n      &.outline {\n        ${HorizontalCardContentContainer} {\n          background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n        }\n      }\n\n      &.elevated {\n        ${HorizontalCardContentContainer} {\n          box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n        }\n      }\n    }\n\n    &:focus {\n      ${focusStyles}\n    }\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n\n    &.elevated {\n      ${HorizontalCardContentContainer} {\n        box-shadow: ${BOXSHADOWS.BOXSHADOW_L1};\n      }\n    }\n\n    &.outline {\n      ${HorizontalCardContentContainer} {\n        box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_100', props.theme)};\n      }\n    }\n  }\n`;\n\nexport const HorizontalCard: React.FunctionComponent<HorizontalCardProps> = ({\n                                                                               title,\n                                                                               description,\n                                                                               tags,\n                                                                               progress,\n                                                                               icon,\n                                                                               variant = 'outline',\n                                                                               image,\n                                                                               action,\n                                                                               actions,\n                                                                               disabled,\n                                                                               className,\n                                                                               dataTestId,\n                                                                               ...rest\n                                                                             }) => {\n\n  const [actionsRefs, setActionsRefs] = React.useState<React.RefObject<HTMLButtonElement>[]>([]);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n\n  useActionWithin(containerRef, actionsRefs);\n\n  const cls = `${variant} ${action ? 'clickable' : ''} ${disabled ? 'disabled' : ''} ${className || ''}`;\n\n  const handleClick = () => {\n    !disabled && action && action();\n  }\n\n  const handleButtonPress = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    e.key === 'Enter' && handleClick();\n  };\n\n  return (\n    <HorizontalCardContainer ref={containerRef}\n               tabIndex={action && !disabled ? 0 : -1}\n               className={cls}\n               onKeyDown={handleButtonPress}\n               onClick={handleClick}\n               onMouseDown={defaultOnMouseDownHandler}>\n      <HorizontalCardContentContainer\n               onMouseDown={defaultOnMouseDownHandler}\n               data-testid={dataTestId}\n               {...rest}>\n\n        <HorizontalCardThumbnail image={image}\n                                 icon={icon}/>\n\n        <HorizontalCardBody title={title}\n                            description={description}\n                            tags={tags}\n                            progress={progress}/>\n\n        <HorizontalCardActions ref={instance => setActionsRefs(instance ?? [])}\n                               actions={actions}\n                               disabled={disabled}/>\n\n      </HorizontalCardContentContainer>\n    </HorizontalCardContainer>\n  )\n};\n\nexport default HorizontalCard;\n"],"mappings":"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","ignoreList":[]}

package/dist/Card/HorizontalCard/HorizontalCard.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { HorizontalCardProps } from './types';
-export declare const HorizontalCardContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const HorizontalCardContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const HorizontalCard: React.FunctionComponent<HorizontalCardProps>;
-export default HorizontalCard;
+import React from 'react';
+import { HorizontalCardProps } from './types';
+export declare const HorizontalCardContentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HorizontalCardContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HorizontalCard: React.FunctionComponent<HorizontalCardProps>;
+export default HorizontalCard;

package/dist/Card/HorizontalCard/HorizontalCard.js

@@ -4,8 +4,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _excluded = ["title", "description", "tags", "progress", "icon", "variant", "image", "action", "actions", "disabled", "className", "dataTestId"];
 var _templateObject, _templateObject2;
-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 React from 'react';
 import styled from 'styled-components';
 import { BOXSHADOWS, COLORS, focusStyles } from '../../styles';