@laerdal/life-react-components 5.0.5 → 5.0.6-dev.2

package/dist/Button/Iconbutton.cjs.map

@@ -1 +1 @@
-{"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":[]}
+{"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';\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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","ignoreList":[]}

package/dist/Button/Iconbutton.d.ts

@@ -1,71 +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/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;
+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.map

@@ -1 +1 @@
-{"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":[]}
+{"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';\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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","ignoreList":[]}

package/dist/Button/index.cjs.map

@@ -1 +1 @@
-{"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":[]}
+{"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';\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":"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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';\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":[]}
+{"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"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":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAAwE,IAAAO,WAAA,GAAAP,OAAA;AAAA,IAAAQ,SAAA;AAAA,IAAAC,eAAA,EAAAC,gBAAA;AAAA,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAEjE,IAAMoB,8BAA8B,GAAGC,4BAAM,CAACC,GAAG,CAAAzB,eAAA,KAAAA,eAAA,OAAA0B,uBAAA,8KAMlC,UAAAC,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAEnE;AAACC,OAAA,CAAAR,8BAAA,GAAAA,8BAAA;AAEK,IAAMS,uBAAuB,GAAGR,4BAAM,CAACC,GAAG,CAAAxB,gBAAA,KAAAA,gBAAA,OAAAyB,uBAAA,+8BAK3CH,8BAA8B,EACA,UAAAI,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAKlFP,8BAA8B,EAChBU,kBAAU,CAACC,YAAY,EASjCX,8BAA8B,EACV,UAAAI,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAKvEP,8BAA8B,EAChBU,kBAAU,CAACE,YAAY,EAOrCZ,8BAA8B,EACV,UAAAI,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAKxEP,8BAA8B,EAChBU,kBAAU,CAACG,YAAY,EAMvCC,mBAAW,EAQXd,8BAA8B,EAChBU,kBAAU,CAACC,YAAY,EAKrCX,8BAA8B,EACA,UAAAI,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAIzF;AAACC,OAAA,CAAAC,uBAAA,GAAAA,uBAAA;AAEK,IAAMM,cAA4D,GAAG,SAA/DA,cAA4DA,CAAAC,IAAA,EAcU;EAAA,IAbJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAAC,YAAA,GAAAN,IAAA,CACJO,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,SAAS,GAAAA,YAAA;IACnBE,KAAK,GAAAR,IAAA,CAALQ,KAAK;IACLC,MAAM,GAAAT,IAAA,CAANS,MAAM;IACNC,OAAO,GAAAV,IAAA,CAAPU,OAAO;IACPC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;IACRC,SAAS,GAAAZ,IAAA,CAATY,SAAS;IACTC,UAAU,GAAAb,IAAA,CAAVa,UAAU;IACPC,IAAI,OAAAC,yBAAA,aAAAf,IAAA,EAAAxC,SAAA;EAGpF,IAAAwD,eAAA,GAAsCC,iBAAK,CAACC,QAAQ,CAAuC,EAAE,CAAC;IAAAC,gBAAA,OAAAC,eAAA,aAAAJ,eAAA;IAAvFK,WAAW,GAAAF,gBAAA;IAAEG,cAAc,GAAAH,gBAAA;EAClC,IAAMI,YAAY,GAAGN,iBAAK,CAACO,MAAM,CAAiB,IAAI,CAAC;EAEvD,IAAAC,uBAAe,EAACF,YAAY,EAAEF,WAAW,CAAC;EAE1C,IAAMK,GAAG,MAAAC,MAAA,CAAMpB,OAAO,OAAAoB,MAAA,CAAIlB,MAAM,GAAG,WAAW,GAAG,EAAE,OAAAkB,MAAA,CAAIhB,QAAQ,GAAG,UAAU,GAAG,EAAE,OAAAgB,MAAA,CAAIf,SAAS,IAAI,EAAE,CAAE;EAEtG,IAAMgB,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxB,CAACjB,QAAQ,IAAIF,MAAM,IAAIA,MAAM,CAAC,CAAC;EACjC,CAAC;EAED,IAAMoB,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIjE,CAAsC,EAAK;IACpEA,CAAC,CAACkE,GAAG,KAAK,OAAO,IAAIF,WAAW,CAAC,CAAC;EACpC,CAAC;EAED,oBACE,IAAArE,WAAA,CAAAwE,GAAA,EAACtC,uBAAuB;IAACuC,GAAG,EAAET,YAAa;IAChCU,QAAQ,EAAExB,MAAM,IAAI,CAACE,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAE;IACvCC,SAAS,EAAEc,GAAI;IACfQ,SAAS,EAAEL,iBAAkB;IAC7BM,OAAO,EAAEP,WAAY;IACrBQ,WAAW,EAAEC,iCAA0B;IAAAC,QAAA,eAChD,IAAA/E,WAAA,CAAAgF,IAAA,EAACvD,8BAA8B,EAAAR,aAAA,CAAAA,aAAA;MACtB4D,WAAW,EAAEC,iCAA0B;MACvC,eAAaxB;IAAW,GACpBC,IAAI;MAAAwB,QAAA,gBAEf,IAAA/E,WAAA,CAAAwE,GAAA,EAAC5E,wBAAA,CAAAqF,uBAAuB;QAAChC,KAAK,EAAEA,KAAM;QACbH,IAAI,EAAEA;MAAK,CAAC,CAAC,eAEtC,IAAA9C,WAAA,CAAAwE,GAAA,EAAC3E,mBAAA,CAAAqF,kBAAkB;QAACxC,KAAK,EAAEA,KAAM;QACbC,WAAW,EAAEA,WAAY;QACzBC,IAAI,EAAEA,IAAK;QACXC,QAAQ,EAAEA;MAAS,CAAC,CAAC,eAEzC,IAAA7C,WAAA,CAAAwE,GAAA,EAAC1E,sBAAA,CAAAqF,qBAAqB;QAACV,GAAG,EAAE,SAAAA,IAAAW,QAAQ;UAAA,OAAIrB,cAAc,CAACqB,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAI,EAAE,CAAC;QAAA,CAAC;QAChDjC,OAAO,EAAEA,OAAQ;QACjBC,QAAQ,EAAEA;MAAS,CAAC,CAAC;IAAA,EAEd;EAAC,CACV,CAAC;AAE9B,CAAC;AAACnB,OAAA,CAAAO,cAAA,GAAAA,cAAA;AAAA,IAAA6C,QAAA,GAEa7C,cAAc;AAAAP,OAAA,cAAAoD,QAAA","ignoreList":[]}
+{"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';\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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","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/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;
+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.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalCard.js","names":["React","styled","BOXSHADOWS","COLORS","focusStyles","HorizontalCardThumbnail","HorizontalCardBody","HorizontalCardActions","defaultOnMouseDownHandler","useActionWithin","jsx","_jsx","jsxs","_jsxs","HorizontalCardContentContainer","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","HorizontalCardContainer","_templateObject2","BOXSHADOW_L1","BOXSHADOW_L3","BOXSHADOW_L2","HorizontalCard","_ref","title","description","tags","progress","icon","_ref$variant","variant","image","action","actions","disabled","className","dataTestId","rest","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","actionsRefs","setActionsRefs","containerRef","useRef","cls","concat","handleClick","handleButtonPress","e","key","ref","tabIndex","onKeyDown","onClick","onMouseDown","children","_objectSpread","instance"],"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":[]}
+{"version":3,"file":"HorizontalCard.js","names":["React","styled","BOXSHADOWS","COLORS","focusStyles","HorizontalCardThumbnail","HorizontalCardBody","HorizontalCardActions","defaultOnMouseDownHandler","useActionWithin","jsx","_jsx","jsxs","_jsxs","HorizontalCardContentContainer","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","HorizontalCardContainer","_templateObject2","BOXSHADOW_L1","BOXSHADOW_L3","BOXSHADOW_L2","HorizontalCard","_ref","title","description","tags","progress","icon","_ref$variant","variant","image","action","actions","disabled","className","dataTestId","rest","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","actionsRefs","setActionsRefs","containerRef","useRef","cls","concat","handleClick","handleButtonPress","e","key","ref","tabIndex","onKeyDown","onClick","onMouseDown","children","_objectSpread","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":";;;;;;;;AAAA,OAAOA,KAAK,MAAmB,OAAO;AAEtC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,UAAU,EAAEC,MAAM,EAAEC,WAAW,QAAO,cAAc;AAC5D,SAAQC,uBAAuB,QAAO,2BAA2B;AACjE,SAAQC,kBAAkB,QAAO,sBAAsB;AACvD,SAAQC,qBAAqB,QAAO,yBAAyB;AAC7D,SAAQC,yBAAyB,EAAEC,eAAe,QAAO,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAExE,OAAO,IAAMC,8BAA8B,GAAGb,MAAM,CAACc,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,kKAMlC,UAAAC,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAEnE;AAED,OAAO,IAAMC,uBAAuB,GAAGpB,MAAM,CAACc,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAL,sBAAA,m8BAK3CH,8BAA8B,EACA,UAAAI,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAKlFN,8BAA8B,EAChBZ,UAAU,CAACqB,YAAY,EASjCT,8BAA8B,EACV,UAAAI,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAKvEN,8BAA8B,EAChBZ,UAAU,CAACsB,YAAY,EAOrCV,8BAA8B,EACV,UAAAI,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAKxEN,8BAA8B,EAChBZ,UAAU,CAACuB,YAAY,EAMvCrB,WAAW,EAQXU,8BAA8B,EAChBZ,UAAU,CAACqB,YAAY,EAKrCT,8BAA8B,EACA,UAAAI,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAIzF;AAED,OAAO,IAAMM,cAA4D,GAAG,SAA/DA,cAA4DA,CAAAC,IAAA,EAcU;EAAA,IAbJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAAC,YAAA,GAAAN,IAAA,CACJO,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,SAAS,GAAAA,YAAA;IACnBE,KAAK,GAAAR,IAAA,CAALQ,KAAK;IACLC,MAAM,GAAAT,IAAA,CAANS,MAAM;IACNC,OAAO,GAAAV,IAAA,CAAPU,OAAO;IACPC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;IACRC,SAAS,GAAAZ,IAAA,CAATY,SAAS;IACTC,UAAU,GAAAb,IAAA,CAAVa,UAAU;IACPC,IAAI,GAAAC,wBAAA,CAAAf,IAAA,EAAAgB,SAAA;EAGpF,IAAAC,eAAA,GAAsC5C,KAAK,CAAC6C,QAAQ,CAAuC,EAAE,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAAvFI,WAAW,GAAAF,gBAAA;IAAEG,cAAc,GAAAH,gBAAA;EAClC,IAAMI,YAAY,GAAGlD,KAAK,CAACmD,MAAM,CAAiB,IAAI,CAAC;EAEvD1C,eAAe,CAACyC,YAAY,EAAEF,WAAW,CAAC;EAE1C,IAAMI,GAAG,MAAAC,MAAA,CAAMnB,OAAO,OAAAmB,MAAA,CAAIjB,MAAM,GAAG,WAAW,GAAG,EAAE,OAAAiB,MAAA,CAAIf,QAAQ,GAAG,UAAU,GAAG,EAAE,OAAAe,MAAA,CAAId,SAAS,IAAI,EAAE,CAAE;EAEtG,IAAMe,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxB,CAAChB,QAAQ,IAAIF,MAAM,IAAIA,MAAM,CAAC,CAAC;EACjC,CAAC;EAED,IAAMmB,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,CAAsC,EAAK;IACpEA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAIH,WAAW,CAAC,CAAC;EACpC,CAAC;EAED,oBACE3C,IAAA,CAACU,uBAAuB;IAACqC,GAAG,EAAER,YAAa;IAChCS,QAAQ,EAAEvB,MAAM,IAAI,CAACE,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAE;IACvCC,SAAS,EAAEa,GAAI;IACfQ,SAAS,EAAEL,iBAAkB;IAC7BM,OAAO,EAAEP,WAAY;IACrBQ,WAAW,EAAEtD,yBAA0B;IAAAuD,QAAA,eAChDlD,KAAA,CAACC,8BAA8B,EAAAkD,aAAA,CAAAA,aAAA;MACtBF,WAAW,EAAEtD,yBAA0B;MACvC,eAAagC;IAAW,GACpBC,IAAI;MAAAsB,QAAA,gBAEfpD,IAAA,CAACN,uBAAuB;QAAC8B,KAAK,EAAEA,KAAM;QACbH,IAAI,EAAEA;MAAK,CAAC,CAAC,eAEtCrB,IAAA,CAACL,kBAAkB;QAACsB,KAAK,EAAEA,KAAM;QACbC,WAAW,EAAEA,WAAY;QACzBC,IAAI,EAAEA,IAAK;QACXC,QAAQ,EAAEA;MAAS,CAAC,CAAC,eAEzCpB,IAAA,CAACJ,qBAAqB;QAACmD,GAAG,EAAE,SAAAA,IAAAO,QAAQ;UAAA,OAAIhB,cAAc,CAACgB,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAI,EAAE,CAAC;QAAA,CAAC;QAChD5B,OAAO,EAAEA,OAAQ;QACjBC,QAAQ,EAAEA;MAAS,CAAC,CAAC;IAAA,EAEd;EAAC,CACV,CAAC;AAE9B,CAAC;AAED,eAAeZ,cAAc","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalCardActions.cjs","names":["_react","_interopRequireDefault","require","_Button","_Toggles","_Dropdown","_styledComponents","_jsxRuntime","_templateObject","Container","styled","div","_taggedTemplateLiteral2","HorizontalCardActions","React","forwardRef","_ref","ref","actions","disabled","_React$useState","useState","_React$useState2","_slicedToArray2","elRefs","setElRefs","length","useEffect","Array","fill","map","createRef","useImperativeHandle","renderAction","item","index","componentType","content","_item$disabled","jsx","IconButton","variant","useTransparentBackground","shape","action","tooltip","children","icon","_item$disabled2","ToggleButton","active","onChange","defaultState","activeState","_item$disabled3","DropdownButton","type","items","itemsType","onClick","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight","Fragment","exports"],"sources":["../../../src/Card/HorizontalCard/HorizontalCardActions.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  HorizontalCardCustomContent,\n  HorizontalCardDropdownButton,\n  HorizontalCardIconButton,\n  HorizontalCardProps,\n  HorizontalCardToggleButton\n} from './types';\nimport {IconButton} from '../../Button';\nimport {ToggleButton} from '../../Toggles';\nimport {DropdownButton} from '../../Dropdown';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n  display: flex;\n`;\n\ntype Props = Pick<HorizontalCardProps, 'actions' | 'disabled'>;\n\nexport const HorizontalCardActions = React.forwardRef(({actions, disabled}: Props,\n                                                       ref: React.Ref<React.RefObject<HTMLButtonElement>[]>) => {\n\n  const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLButtonElement>[]>([]);\n  const length = actions?.length || 0;\n\n  React.useEffect(() => {\n    setElRefs(Array(length || 0).fill(null).map(() => React.createRef<HTMLButtonElement>()));\n  }, [length]);\n\n  React.useImperativeHandle(ref, () => elRefs, [elRefs]);\n\n  const renderAction = (item: HorizontalCardIconButton | HorizontalCardToggleButton | HorizontalCardDropdownButton | HorizontalCardCustomContent,\n                        index: number) => {\n    switch (item.componentType) {\n      case 'custom': {\n        return item.content\n      }\n      case 'icon': {\n        return <IconButton ref={elRefs[index]}\n                           key={index}\n                           variant={'secondary'}\n                           useTransparentBackground={true}\n                           shape={'circular'}\n                           action={item.action}\n                           tooltip={item.tooltip}\n                           disabled={item.disabled ?? disabled}>\n          {item.icon}\n        </IconButton>\n      }\n      case 'toggle': {\n        return <ToggleButton ref={elRefs[index]}\n                             key={index}\n                             active={item.active}\n                             onChange={item.onChange}\n                             defaultState={item.defaultState}\n                             activeState={item.activeState}\n                             disabled={item.disabled ?? disabled}/>\n      }\n      case 'dropdown': {\n        return <DropdownButton ref={elRefs[index]}\n                               key={index}\n                               type={'icon'}\n                               items={item.items}\n                               itemsType={item.itemsType}\n                               onClick={item.onClick}\n                               icon={item.icon}\n                               action={item.action}\n                               actionIcon={item.actionIcon}\n                               actionLabel={item.actionLabel}\n                               actionVariant={item.actionVariant}\n                               actionLoading={item.actionLoading}\n                               multiSelect={item.multiSelect}\n                               scrollable={item.scrollable}\n                               pinTopItem={item.pinTopItem}\n                               maxHeight={item.maxHeight}\n                               disabled={item.disabled ?? disabled}/>\n      }\n    }\n  }\n\n\n  return (\n    <>\n      {\n        actions?.length &&\n        <Container>\n          {actions?.map((item, index) => renderAction(item, index))}\n        </Container>\n      }\n    </>\n  )\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"HorizontalCardActions.cjs","names":["_react","_interopRequireDefault","require","_Button","_Toggles","_Dropdown","_styledComponents","_jsxRuntime","_templateObject","Container","styled","div","_taggedTemplateLiteral2","HorizontalCardActions","React","forwardRef","_ref","ref","actions","disabled","_React$useState","useState","_React$useState2","_slicedToArray2","elRefs","setElRefs","length","useEffect","Array","fill","map","createRef","useImperativeHandle","renderAction","item","index","componentType","content","_item$disabled","jsx","IconButton","variant","useTransparentBackground","shape","action","tooltip","children","icon","_item$disabled2","ToggleButton","active","onChange","defaultState","activeState","_item$disabled3","DropdownButton","type","items","itemsType","onClick","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight","Fragment","exports"],"sources":["../../../src/Card/HorizontalCard/HorizontalCardActions.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n  HorizontalCardCustomContent,\r\n  HorizontalCardDropdownButton,\r\n  HorizontalCardIconButton,\r\n  HorizontalCardProps,\r\n  HorizontalCardToggleButton\r\n} from './types';\r\nimport {IconButton} from '../../Button';\r\nimport {ToggleButton} from '../../Toggles';\r\nimport {DropdownButton} from '../../Dropdown';\r\nimport styled from 'styled-components';\r\n\r\nconst Container = styled.div`\r\n  display: flex;\r\n`;\r\n\r\ntype Props = Pick<HorizontalCardProps, 'actions' | 'disabled'>;\r\n\r\nexport const HorizontalCardActions = React.forwardRef(({actions, disabled}: Props,\r\n                                                       ref: React.Ref<React.RefObject<HTMLButtonElement>[]>) => {\r\n\r\n  const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLButtonElement>[]>([]);\r\n  const length = actions?.length || 0;\r\n\r\n  React.useEffect(() => {\r\n    setElRefs(Array(length || 0).fill(null).map(() => React.createRef<HTMLButtonElement>()));\r\n  }, [length]);\r\n\r\n  React.useImperativeHandle(ref, () => elRefs, [elRefs]);\r\n\r\n  const renderAction = (item: HorizontalCardIconButton | HorizontalCardToggleButton | HorizontalCardDropdownButton | HorizontalCardCustomContent,\r\n                        index: number) => {\r\n    switch (item.componentType) {\r\n      case 'custom': {\r\n        return item.content\r\n      }\r\n      case 'icon': {\r\n        return <IconButton ref={elRefs[index]}\r\n                           key={index}\r\n                           variant={'secondary'}\r\n                           useTransparentBackground={true}\r\n                           shape={'circular'}\r\n                           action={item.action}\r\n                           tooltip={item.tooltip}\r\n                           disabled={item.disabled ?? disabled}>\r\n          {item.icon}\r\n        </IconButton>\r\n      }\r\n      case 'toggle': {\r\n        return <ToggleButton ref={elRefs[index]}\r\n                             key={index}\r\n                             active={item.active}\r\n                             onChange={item.onChange}\r\n                             defaultState={item.defaultState}\r\n                             activeState={item.activeState}\r\n                             disabled={item.disabled ?? disabled}/>\r\n      }\r\n      case 'dropdown': {\r\n        return <DropdownButton ref={elRefs[index]}\r\n                               key={index}\r\n                               type={'icon'}\r\n                               items={item.items}\r\n                               itemsType={item.itemsType}\r\n                               onClick={item.onClick}\r\n                               icon={item.icon}\r\n                               action={item.action}\r\n                               actionIcon={item.actionIcon}\r\n                               actionLabel={item.actionLabel}\r\n                               actionVariant={item.actionVariant}\r\n                               actionLoading={item.actionLoading}\r\n                               multiSelect={item.multiSelect}\r\n                               scrollable={item.scrollable}\r\n                               pinTopItem={item.pinTopItem}\r\n                               maxHeight={item.maxHeight}\r\n                               disabled={item.disabled ?? disabled}/>\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  return (\r\n    <>\r\n      {\r\n        actions?.length &&\r\n        <Container>\r\n          {actions?.map((item, index) => renderAction(item, index))}\r\n        </Container>\r\n      }\r\n    </>\r\n  )\r\n});\r\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAQA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAuC,IAAAK,WAAA,GAAAL,OAAA;AAAA,IAAAM,eAAA;AAEvC,IAAMC,SAAS,GAAGC,4BAAM,CAACC,GAAG,CAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,wCAE3B;AAIM,IAAMC,qBAAqB,gBAAGC,iBAAK,CAACC,UAAU,CAAC,UAAAC,IAAA,EACCC,GAAoD,EAAK;EAAA,IADxDC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EAGvE,IAAAC,eAAA,GAA4BN,iBAAK,CAACO,QAAQ,CAAuC,EAAE,CAAC;IAAAC,gBAAA,OAAAC,eAAA,aAAAH,eAAA;IAA7EI,MAAM,GAAAF,gBAAA;IAAEG,SAAS,GAAAH,gBAAA;EACxB,IAAMI,MAAM,GAAG,CAAAR,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEQ,MAAM,KAAI,CAAC;EAEnCZ,iBAAK,CAACa,SAAS,CAAC,YAAM;IACpBF,SAAS,CAACG,KAAK,CAACF,MAAM,IAAI,CAAC,CAAC,CAACG,IAAI,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC;MAAA,oBAAMhB,iBAAK,CAACiB,SAAS,CAAoB,CAAC;IAAA,EAAC,CAAC;EAC1F,CAAC,EAAE,CAACL,MAAM,CAAC,CAAC;EAEZZ,iBAAK,CAACkB,mBAAmB,CAACf,GAAG,EAAE;IAAA,OAAMO,MAAM;EAAA,GAAE,CAACA,MAAM,CAAC,CAAC;EAEtD,IAAMS,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAAwH,EACxHC,KAAa,EAAK;IACtC,QAAQD,IAAI,CAACE,aAAa;MACxB,KAAK,QAAQ;QAAE;UACb,OAAOF,IAAI,CAACG,OAAO;QACrB;MACA,KAAK,MAAM;QAAE;UAAA,IAAAC,cAAA;UACX,oBAAO,IAAA/B,WAAA,CAAAgC,GAAA,EAACpC,OAAA,CAAAqC,UAAU;YAACvB,GAAG,EAAEO,MAAM,CAACW,KAAK,CAAE;YAEnBM,OAAO,EAAE,WAAY;YACrBC,wBAAwB,EAAE,IAAK;YAC/BC,KAAK,EAAE,UAAW;YAClBC,MAAM,EAAEV,IAAI,CAACU,MAAO;YACpBC,OAAO,EAAEX,IAAI,CAACW,OAAQ;YACtB1B,QAAQ,GAAAmB,cAAA,GAAEJ,IAAI,CAACf,QAAQ,cAAAmB,cAAA,cAAAA,cAAA,GAAInB,QAAS;YAAA2B,QAAA,EACpDZ,IAAI,CAACa;UAAI,GAPYZ,KAQZ,CAAC;QACf;MACA,KAAK,QAAQ;QAAE;UAAA,IAAAa,eAAA;UACb,oBAAO,IAAAzC,WAAA,CAAAgC,GAAA,EAACnC,QAAA,CAAA6C,YAAY;YAAChC,GAAG,EAAEO,MAAM,CAACW,KAAK,CAAE;YAEnBe,MAAM,EAAEhB,IAAI,CAACgB,MAAO;YACpBC,QAAQ,EAAEjB,IAAI,CAACiB,QAAS;YACxBC,YAAY,EAAElB,IAAI,CAACkB,YAAa;YAChCC,WAAW,EAAEnB,IAAI,CAACmB,WAAY;YAC9BlC,QAAQ,GAAA6B,eAAA,GAAEd,IAAI,CAACf,QAAQ,cAAA6B,eAAA,cAAAA,eAAA,GAAI7B;UAAS,GAL/BgB,KAKgC,CAAC;QAC7D;MACA,KAAK,UAAU;QAAE;UAAA,IAAAmB,eAAA;UACf,oBAAO,IAAA/C,WAAA,CAAAgC,GAAA,EAAClC,SAAA,CAAAkD,cAAc;YAACtC,GAAG,EAAEO,MAAM,CAACW,KAAK,CAAE;YAEnBqB,IAAI,EAAE,MAAO;YACbC,KAAK,EAAEvB,IAAI,CAACuB,KAAM;YAClBC,SAAS,EAAExB,IAAI,CAACwB,SAAU;YAC1BC,OAAO,EAAEzB,IAAI,CAACyB,OAAQ;YACtBZ,IAAI,EAAEb,IAAI,CAACa,IAAK;YAChBH,MAAM,EAAEV,IAAI,CAACU,MAAO;YACpBgB,UAAU,EAAE1B,IAAI,CAAC0B,UAAW;YAC5BC,WAAW,EAAE3B,IAAI,CAAC2B,WAAY;YAC9BC,aAAa,EAAE5B,IAAI,CAAC4B,aAAc;YAClCC,aAAa,EAAE7B,IAAI,CAAC6B,aAAc;YAClCC,WAAW,EAAE9B,IAAI,CAAC8B,WAAY;YAC9BC,UAAU,EAAE/B,IAAI,CAAC+B,UAAW;YAC5BC,UAAU,EAAEhC,IAAI,CAACgC,UAAW;YAC5BC,SAAS,EAAEjC,IAAI,CAACiC,SAAU;YAC1BhD,QAAQ,GAAAmC,eAAA,GAAEpB,IAAI,CAACf,QAAQ,cAAAmC,eAAA,cAAAA,eAAA,GAAInC;UAAS,GAf/BgB,KAegC,CAAC;QAC/D;IACF;EACF,CAAC;EAGD,oBACE,IAAA5B,WAAA,CAAAgC,GAAA,EAAAhC,WAAA,CAAA6D,QAAA;IAAAtB,QAAA,EAEI,CAAA5B,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEQ,MAAM,kBACf,IAAAnB,WAAA,CAAAgC,GAAA,EAAC9B,SAAS;MAAAqC,QAAA,EACP5B,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEY,GAAG,CAAC,UAACI,IAAI,EAAEC,KAAK;QAAA,OAAKF,YAAY,CAACC,IAAI,EAAEC,KAAK,CAAC;MAAA;IAAC,CAChD;EAAC,CAEd,CAAC;AAEP,CAAC,CAAC;AAACkC,OAAA,CAAAxD,qBAAA,GAAAA,qBAAA","ignoreList":[]}

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { HorizontalCardProps } from './types';
-type Props = Pick<HorizontalCardProps, 'actions' | 'disabled'>;
-export declare const HorizontalCardActions: React.ForwardRefExoticComponent<Props & React.RefAttributes<React.RefObject<HTMLButtonElement>[]>>;
-export {};
+import React from 'react';
+import { HorizontalCardProps } from './types';
+type Props = Pick<HorizontalCardProps, 'actions' | 'disabled'>;
+export declare const HorizontalCardActions: React.ForwardRefExoticComponent<Props & React.RefAttributes<React.RefObject<HTMLButtonElement>[]>>;
+export {};