@laerdal/life-react-components 5.0.0-dev.1 → 5.0.0-dev.2

package/dist/Banners/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["React","styled","useTheme","BREAKPOINTS","COLORS","ComponentTextStyle","SystemIcons","IconButton","getButtonStyle","ComponentMStyling","ComponentResponsive","HyperLink","StyledLink","hasWindow","jsx","_jsx","jsxs","_jsxs","BannerContainerStyles","div","_templateObject","_taggedTemplateLiteral","props","$type","getColor","theme","bottom","MEDIUM","LARGE","link","linkVisited","linkFocused","BannerCenterStyles","_templateObject2","Regular","BannerCloseButtonWrapperStyles","_templateObject3","BannerCloseButtonContainerStyles","_templateObject4","BannerContentWrapperStyles","_templateObject5","Banner","_ref","size","_ref$type","type","children","testId","linkText","onClose","icon","noIcon","linkAction","fullWidth","className","rest","_objectWithoutProperties","_excluded","_React$useState","useState","window","innerWidth","_React$useState2","_slicedToArray","width","setWidth","useEffect","handleResize","addEventListener","removeEventListener","bannerParams","typeColor","accentColor","closeIconColor","Tip","containerType","focusBgColor","Help","TechnicalWarning","ThumbsUp","cls","concat","_objectSpread","role","style","color","id","Math","floor","random","onClick","e","preventDefault","href","variant","shape","useTransparentBackground","action","Close","propTypes","_pt","oneOf","string","func","bool","node"],"sources":["../../src/Banners/Banner.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, ComponentTextStyle } from '../styles';\r\nimport { SystemIcons } from '../icons';\r\nimport { IconButton } from '../Button';\r\nimport { getButtonStyle } from './styles';\r\nimport { Size } from '../types';\r\nimport { ComponentMStyling, ComponentResponsive } from '../styles';\r\nimport { HyperLink } from '../HyperLink';\r\nimport { StyledLink } from '../HyperLink';\r\nimport { hasWindow } from '../utils/utils';\r\n\r\n/**\r\n * Styles for <Banner />\r\n */\r\nexport type StyleBannerProps = BannerProps & { $type: string; linkVisited: string; linkFocused: string };\r\n\r\nexport const BannerContainerStyles = styled.div<StyleBannerProps>`\r\n  background: ${props => (props.$type ? props.$type : COLORS.getColor('correct_100', props.theme))};\r\n  min-height: 48px;\r\n  display: flex;\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n  margin-top: ${(props: StyleBannerProps) => (props.bottom ? 'auto' : '0')};\r\n  border-radius: 4px;\r\n\r\n  button:last-child {\r\n    line-height: 0;\r\n    margin: 0 0 0 8px;\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin: 0 0 0 16px;\r\n    }\r\n    ${BREAKPOINTS.LARGE} {\r\n      margin: 0 0 0 32px;\r\n    }\r\n    &.small {\r\n      margin: 0 0 0 8px;\r\n    }\r\n    &.medium {\r\n      margin: 0 0 0 16px;\r\n    }\r\n    &.large {\r\n      margin: 0 0 0 32px;\r\n    }\r\n  }\r\n\r\n  ${StyledLink} {\r\n    &:link {\r\n      color: ${(props) => props.link};\r\n    }\r\n    &:visited {\r\n      color: ${(props) => props.linkVisited};\r\n    }\r\n    &:focus,\r\n    &:active {\r\n      background-color: ${(props) => props.linkFocused};\r\n      color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.full-width-banner {\r\n    margin: 8px;\r\n  }\r\n`;\r\n\r\nexport const BannerCenterStyles = styled.div`\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n\r\n  display: flex;\r\n  width: 100%;\r\n  margin: 0 16px;\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 0 32px;\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    margin: 0 56px;\r\n  }\r\n  &.small {\r\n    margin: 0 16px;\r\n  }\r\n  &.medium {\r\n    margin: 0 32px;\r\n  }\r\n  &.large {\r\n    margin: 0 64px;\r\n  }\r\n\r\n  > svg {\r\n    flex-shrink: 0;\r\n    margin: 12px 0;\r\n  }\r\n\r\n  .full-width-banner & {\r\n    margin: 0 16px;\r\n\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin: 0 32px;\r\n    }\r\n    ${BREAKPOINTS.LARGE} {\r\n      margin: 0 64px;\r\n    }\r\n\r\n    &.small {\r\n      margin: 0 16px;\r\n    }\r\n\r\n    &.medium {\r\n      margin: 0 32px;\r\n    }\r\n\r\n    &.large {\r\n      margin: 0 64px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const BannerCloseButtonWrapperStyles = styled.div`\r\n  margin: 0 0 0 auto;\r\n`;\r\n\r\nexport const BannerCloseButtonContainerStyles = styled.div<{ $type?: string }>`\r\n  display: contents;\r\n  ${(props) => (props.$type ? getButtonStyle(props.$type, props.theme) : null)};\r\n`;\r\n\r\nexport const BannerContentWrapperStyles = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  margin: 12px 0;\r\n  &:not(:first-child) {\r\n    margin-left: 8px;\r\n  }\r\n`;\r\n\r\nexport type BannerProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** Size of the banner. */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Type of the banner. Different types have different color schemes. */\r\n  type?: 'warning' | 'critical' | 'positive' | 'neutral';\r\n  /** Link that will be shown after the children of the component. */\r\n  link?: string;\r\n  /** Text of the link */\r\n  linkText?: string;\r\n  /** If provided, then after user clicks on the link instead of following the link this method will be executed. */\r\n  linkAction?: (ev: React.MouseEvent) => void;\r\n  /** If set to true, then Banner will have 'margin-top' set to auto, and will render it at the bottom of the parent. */\r\n  bottom?: boolean;\r\n  /** For testing purposes. Will be set on top level container. */\r\n  testId?: string;\r\n  /** Icon to be shown instead of default icon on the left side of the Banner. */\r\n  icon?: React.ReactNode;\r\n  /** Callback event to be executed when user clicks on Close button. */\r\n  onClose?: () => void;\r\n  /** By default different banner types have different icons shown. If this flag is set, then no icon will be shown */\r\n  noIcon?: boolean;\r\n  /** Modifies margin of the banner for the cases when Banner stretches to full page width. */\r\n  fullWidth?: boolean;\r\n};\r\n\r\n/** Banner component is used as a middle-interrupting message to the user with zero to one actions. */\r\nconst Banner: React.FunctionComponent<BannerProps> = ({\r\n  size,\r\n  type = 'neutral',\r\n  children,\r\n  bottom,\r\n  testId,\r\n  linkText,\r\n  link,\r\n  onClose,\r\n  icon,\r\n  noIcon,\r\n  linkAction,\r\n  fullWidth,\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\r\n  React.useEffect(() => {\r\n    function handleResize() {\r\n      setWidth(window.innerWidth);\r\n    }\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  let bannerParams = {\r\n    typeColor: COLORS.getColor('primary_100', theme),\r\n    accentColor: COLORS.getColor('primary_700', theme),\r\n    closeIconColor: COLORS.getColor('primary_500', theme),\r\n    icon: SystemIcons.Tip,\r\n    containerType: type,\r\n    focusBgColor: COLORS.getColor('primary_200', theme),\r\n    linkVisited: COLORS.getColor('primary_600', theme),\r\n    linkFocused: COLORS.getColor('primary_800', theme),\r\n  };\r\n  switch (type) {\r\n    case 'warning':\r\n      bannerParams.typeColor = COLORS.getColor('warning_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('warning_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('warning_200', theme);\r\n      bannerParams.icon = SystemIcons.Help;\r\n      bannerParams.closeIconColor = COLORS.getColor('warning_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('warning_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('warning_800', theme);\r\n      break;\r\n    case 'critical':\r\n      bannerParams.typeColor = COLORS.getColor('critical_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('critical_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('critical_200', theme);\r\n      bannerParams.icon = SystemIcons.TechnicalWarning;\r\n      bannerParams.closeIconColor = COLORS.getColor('critical_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('critical_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('critical_800', theme);\r\n      break;\r\n    case 'positive':\r\n      bannerParams.typeColor = COLORS.getColor('correct_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('correct_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('correct_200', theme);\r\n      bannerParams.icon = SystemIcons.ThumbsUp;\r\n      bannerParams.closeIconColor = COLORS.getColor('correct_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('correct_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('correct_800', theme);\r\n      break;\r\n  }\r\n\r\n  const cls = `${className ?? ''} ${fullWidth ? 'full-width-banner' : ''}`;\r\n\r\n  return (\r\n    <BannerContainerStyles\r\n      data-testid={testId}\r\n      $type={bannerParams.typeColor}\r\n      linkFocused={bannerParams.linkFocused}\r\n      linkVisited={bannerParams.linkVisited}\r\n      link={bannerParams.accentColor}\r\n      bottom={bottom}\r\n      className={cls}\r\n      role=\"note\"\r\n      {...rest}>\r\n      <BannerCenterStyles style={{ color: bannerParams.accentColor }} className={size}>\r\n        {icon ? icon : noIcon ? null : <bannerParams.icon color={bannerParams.accentColor} size=\"24px\" />}\r\n        <BannerContentWrapperStyles>\r\n          <ComponentResponsive size={size} width={width} color={bannerParams.accentColor}>\r\n            {children}&nbsp;\r\n            {link && linkText && (\r\n              <HyperLink\r\n                id={`${Math.floor(Math.random() * 999999999999)}_BannerLink`}\r\n                onClick={(e) => {\r\n                  if (linkAction) {\r\n                    e.preventDefault();\r\n                    linkAction(e);\r\n                  }\r\n                }}\r\n                href={link}\r\n                variant=\"default\">\r\n                {linkText}\r\n              </HyperLink>\r\n            )}\r\n          </ComponentResponsive>\r\n        </BannerContentWrapperStyles>\r\n        {onClose && (\r\n          <BannerCloseButtonWrapperStyles>\r\n            <BannerCloseButtonContainerStyles $type={bannerParams.containerType}>\r\n              <IconButton variant=\"secondary\" shape=\"circular\" useTransparentBackground action={() => onClose()}>\r\n                <SystemIcons.Close color={bannerParams.closeIconColor} size=\"24px\" />\r\n              </IconButton>\r\n            </BannerCloseButtonContainerStyles>\r\n          </BannerCloseButtonWrapperStyles>\r\n        )}\r\n      </BannerCenterStyles>\r\n    </BannerContainerStyles>\r\n  );\r\n};\r\n\r\nexport default Banner;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Banner.js","names":["React","styled","useTheme","BREAKPOINTS","COLORS","ComponentTextStyle","SystemIcons","IconButton","getButtonStyle","ComponentMStyling","ComponentResponsive","HyperLink","StyledLink","hasWindow","jsx","_jsx","jsxs","_jsxs","BannerContainerStyles","div","_templateObject","_taggedTemplateLiteral","props","$type","getColor","theme","$bottom","MEDIUM","LARGE","$link","$linkVisited","$linkFocused","BannerCenterStyles","_templateObject2","Regular","BannerCloseButtonWrapperStyles","_templateObject3","BannerCloseButtonContainerStyles","_templateObject4","BannerContentWrapperStyles","_templateObject5","Banner","_ref","size","_ref$type","type","children","bottom","testId","linkText","link","onClose","icon","noIcon","linkAction","fullWidth","className","rest","_objectWithoutProperties","_excluded","_React$useState","useState","window","innerWidth","_React$useState2","_slicedToArray","width","setWidth","useEffect","handleResize","addEventListener","removeEventListener","bannerParams","typeColor","accentColor","closeIconColor","Tip","containerType","focusBgColor","linkVisited","linkFocused","Help","TechnicalWarning","ThumbsUp","cls","concat","_objectSpread","role","style","color","id","Math","floor","random","onClick","e","preventDefault","href","variant","shape","useTransparentBackground","action","Close","propTypes","_pt","oneOf","string","func","bool","node"],"sources":["../../src/Banners/Banner.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, ComponentTextStyle } from '../styles';\r\nimport { SystemIcons } from '../icons';\r\nimport { IconButton } from '../Button';\r\nimport { getButtonStyle } from './styles';\r\nimport { Size } from '../types';\r\nimport { ComponentMStyling, ComponentResponsive } from '../styles';\r\nimport { HyperLink } from '../HyperLink';\r\nimport { StyledLink } from '../HyperLink';\r\nimport { hasWindow } from '../utils/utils';\r\n\r\n/**\r\n * Styles for <Banner />\r\n */\r\nexport type StyleBannerProps = BannerProps & { type: string; linkVisited: string; linkFocused: string };\r\n\r\nexport const BannerContainerStyles = styled.div<{ $link?: string, $bottom?: boolean, $type: string; $linkVisited: string; $linkFocused: string }>`\r\n  background: ${props => (props.$type ? props.$type : COLORS.getColor('correct_100', props.theme))};\r\n  min-height: 48px;\r\n  display: flex;\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n  margin-top: ${props => (props.$bottom ? 'auto' : '0')};\r\n  border-radius: 4px;\r\n\r\n  button:last-child {\r\n    line-height: 0;\r\n    margin: 0 0 0 8px;\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin: 0 0 0 16px;\r\n    }\r\n    ${BREAKPOINTS.LARGE} {\r\n      margin: 0 0 0 32px;\r\n    }\r\n    &.small {\r\n      margin: 0 0 0 8px;\r\n    }\r\n    &.medium {\r\n      margin: 0 0 0 16px;\r\n    }\r\n    &.large {\r\n      margin: 0 0 0 32px;\r\n    }\r\n  }\r\n\r\n  ${StyledLink} {\r\n    &:link {\r\n      color: ${(props) => props.$link};\r\n    }\r\n    &:visited {\r\n      color: ${(props) => props.$linkVisited};\r\n    }\r\n    &:focus,\r\n    &:active {\r\n      background-color: ${(props) => props.$linkFocused};\r\n      color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.full-width-banner {\r\n    margin: 8px;\r\n  }\r\n`;\r\n\r\nexport const BannerCenterStyles = styled.div`\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n\r\n  display: flex;\r\n  width: 100%;\r\n  margin: 0 16px;\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 0 32px;\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    margin: 0 56px;\r\n  }\r\n  &.small {\r\n    margin: 0 16px;\r\n  }\r\n  &.medium {\r\n    margin: 0 32px;\r\n  }\r\n  &.large {\r\n    margin: 0 64px;\r\n  }\r\n\r\n  > svg {\r\n    flex-shrink: 0;\r\n    margin: 12px 0;\r\n  }\r\n\r\n  .full-width-banner & {\r\n    margin: 0 16px;\r\n\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin: 0 32px;\r\n    }\r\n    ${BREAKPOINTS.LARGE} {\r\n      margin: 0 64px;\r\n    }\r\n\r\n    &.small {\r\n      margin: 0 16px;\r\n    }\r\n\r\n    &.medium {\r\n      margin: 0 32px;\r\n    }\r\n\r\n    &.large {\r\n      margin: 0 64px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const BannerCloseButtonWrapperStyles = styled.div`\r\n  margin: 0 0 0 auto;\r\n`;\r\n\r\nexport const BannerCloseButtonContainerStyles = styled.div<{ $type?: string }>`\r\n  display: contents;\r\n  ${(props) => (props.$type ? getButtonStyle(props.$type, props.theme) : null)};\r\n`;\r\n\r\nexport const BannerContentWrapperStyles = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  margin: 12px 0;\r\n  &:not(:first-child) {\r\n    margin-left: 8px;\r\n  }\r\n`;\r\n\r\nexport type BannerProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** Size of the banner. */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Type of the banner. Different types have different color schemes. */\r\n  type?: 'warning' | 'critical' | 'positive' | 'neutral';\r\n  /** Link that will be shown after the children of the component. */\r\n  link?: string;\r\n  /** Text of the link */\r\n  linkText?: string;\r\n  /** If provided, then after user clicks on the link instead of following the link this method will be executed. */\r\n  linkAction?: (ev: React.MouseEvent) => void;\r\n  /** If set to true, then Banner will have 'margin-top' set to auto, and will render it at the bottom of the parent. */\r\n  bottom?: boolean;\r\n  /** For testing purposes. Will be set on top level container. */\r\n  testId?: string;\r\n  /** Icon to be shown instead of default icon on the left side of the Banner. */\r\n  icon?: React.ReactNode;\r\n  /** Callback event to be executed when user clicks on Close button. */\r\n  onClose?: () => void;\r\n  /** By default different banner types have different icons shown. If this flag is set, then no icon will be shown */\r\n  noIcon?: boolean;\r\n  /** Modifies margin of the banner for the cases when Banner stretches to full page width. */\r\n  fullWidth?: boolean;\r\n};\r\n\r\n/** Banner component is used as a middle-interrupting message to the user with zero to one actions. */\r\nconst Banner: React.FunctionComponent<BannerProps> = ({\r\n  size,\r\n  type = 'neutral',\r\n  children,\r\n  bottom,\r\n  testId,\r\n  linkText,\r\n  link,\r\n  onClose,\r\n  icon,\r\n  noIcon,\r\n  linkAction,\r\n  fullWidth,\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\r\n  React.useEffect(() => {\r\n    function handleResize() {\r\n      setWidth(window.innerWidth);\r\n    }\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  let bannerParams = {\r\n    typeColor: COLORS.getColor('primary_100', theme),\r\n    accentColor: COLORS.getColor('primary_700', theme),\r\n    closeIconColor: COLORS.getColor('primary_500', theme),\r\n    icon: SystemIcons.Tip,\r\n    containerType: type,\r\n    focusBgColor: COLORS.getColor('primary_200', theme),\r\n    linkVisited: COLORS.getColor('primary_600', theme),\r\n    linkFocused: COLORS.getColor('primary_800', theme),\r\n  };\r\n  switch (type) {\r\n    case 'warning':\r\n      bannerParams.typeColor = COLORS.getColor('warning_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('warning_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('warning_200', theme);\r\n      bannerParams.icon = SystemIcons.Help;\r\n      bannerParams.closeIconColor = COLORS.getColor('warning_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('warning_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('warning_800', theme);\r\n      break;\r\n    case 'critical':\r\n      bannerParams.typeColor = COLORS.getColor('critical_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('critical_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('critical_200', theme);\r\n      bannerParams.icon = SystemIcons.TechnicalWarning;\r\n      bannerParams.closeIconColor = COLORS.getColor('critical_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('critical_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('critical_800', theme);\r\n      break;\r\n    case 'positive':\r\n      bannerParams.typeColor = COLORS.getColor('correct_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('correct_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('correct_200', theme);\r\n      bannerParams.icon = SystemIcons.ThumbsUp;\r\n      bannerParams.closeIconColor = COLORS.getColor('correct_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('correct_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('correct_800', theme);\r\n      break;\r\n  }\r\n\r\n  const cls = `${className ?? ''} ${fullWidth ? 'full-width-banner' : ''}`;\r\n\r\n  return (\r\n    <BannerContainerStyles\r\n      data-testid={testId}\r\n      $type={bannerParams.typeColor}\r\n      $linkFocused={bannerParams.linkFocused}\r\n      $linkVisited={bannerParams.linkVisited}\r\n      $link={bannerParams.accentColor}\r\n      $bottom={bottom}\r\n      className={cls}\r\n      role=\"note\"\r\n      {...rest}>\r\n      <BannerCenterStyles style={{ color: bannerParams.accentColor }} className={size}>\r\n        {icon ? icon : noIcon ? null : <bannerParams.icon color={bannerParams.accentColor} size=\"24px\" />}\r\n        <BannerContentWrapperStyles>\r\n          <ComponentResponsive size={size} width={width} color={bannerParams.accentColor}>\r\n            {children}&nbsp;\r\n            {link && linkText && (\r\n              <HyperLink\r\n                id={`${Math.floor(Math.random() * 999999999999)}_BannerLink`}\r\n                onClick={(e) => {\r\n                  if (linkAction) {\r\n                    e.preventDefault();\r\n                    linkAction(e);\r\n                  }\r\n                }}\r\n                href={link}\r\n                variant=\"default\">\r\n                {linkText}\r\n              </HyperLink>\r\n            )}\r\n          </ComponentResponsive>\r\n        </BannerContentWrapperStyles>\r\n        {onClose && (\r\n          <BannerCloseButtonWrapperStyles>\r\n            <BannerCloseButtonContainerStyles $type={bannerParams.containerType}>\r\n              <IconButton variant=\"secondary\" shape=\"circular\" useTransparentBackground action={() => onClose()}>\r\n                <SystemIcons.Close color={bannerParams.closeIconColor} size=\"24px\" />\r\n              </IconButton>\r\n            </BannerCloseButtonContainerStyles>\r\n          </BannerCloseButtonWrapperStyles>\r\n        )}\r\n      </BannerCenterStyles>\r\n    </BannerContainerStyles>\r\n  );\r\n};\r\n\r\nexport default Banner;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Banners/OverviewBanner.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 export declare const OverviewBannerWrapperStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const OverviewBannerContentStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "maxWidth" | "useMaxWidth" | "unsetMargin"> & {
-    useMaxWidth?: boolean | undefined;
-    maxWidth?: number | undefined;
-    unsetMargin?: boolean | undefined;
+export declare const OverviewBannerContentStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$maxWidth" | "$useMaxWidth" | "$unsetMargin"> & {
+    $useMaxWidth?: boolean | undefined;
+    $maxWidth?: number | undefined;
+    $unsetMargin?: boolean | undefined;
 }, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string;

package/dist/Breadcrumb/Breadcrumb.cjs

@@ -74,7 +74,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
     });
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.BreadcrumbContainerStyles, _objectSpread(_objectSpread({
-    size: size,
+    $size: size,
     "data-testid": 'breacrumbContainer'
   }, rest), {}, {
     children: [homeIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_.IconButton, {
@@ -115,7 +115,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
     }), !!items && items.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
       children: lastItemAsLabel ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [renderChevron(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles2.BreadcrumbItemLastStyles, {
-          size: size,
+          $size: size,
           children: items[items.length - 1].label
         })]
       }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {

package/dist/Breadcrumb/Breadcrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.cjs","names":["React","_interopRequireWildcard","require","_styles","_","_reactRouter","_DropdownButton","_interopRequireDefault","_styles2","_styledComponents","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Breadcrumb","_ref","items","_ref$size","size","Size","Small","_ref$homeIcon","homeIcon","_ref$homeLabel","homeLabel","_ref$lastItemAsLabel","lastItemAsLabel","_ref$homeUrl","homeUrl","rest","_objectWithoutProperties2","theme","useTheme","navigateHook","useNavigate","dropdownItems","slice","map","x","value","url","displayLabel","label","navigate","links","chevronSize","Medium","renderChevron","jsx","children","SystemIcons","ForwardSlash","className","color","COLORS","getColor","renderBreadcrumbLinkItem","index","item","jsxs","Fragment","HyperLink","id","onClick","preventDefault","target","variant","href","BreadcrumbContainerStyles","IconButton","shape","action","Home","type","alignLeft","XSmall","icon","MoreHorizontal","BreadcrumbItemLastStyles","propTypes","_propTypes","bool","string","array","_default","exports"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { COLORS } from '../styles';\r\nimport { Size, SystemIcons } from '..';\r\nimport { useNavigate } from 'react-router';\r\nimport { HyperLink, IconButton } from '..';\r\nimport { BreadcrumbItem } from './BreadcrumbItem';\r\nimport DropdownButton from '../Dropdown/DropdownButton';\r\nimport { DropdownItem } from '../Dropdown/DropdownContent';\r\nimport { BreadcrumbContainerStyles, BreadcrumbItemLastStyles } from './styles';\r\nimport internal from 'stream';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport type BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** If set to false, then instead of 'Home' icon, link will be shown. Defaults to 'true' */\r\n  homeIcon?: boolean;\r\n  /** Label of the home link. Will be shown only if homeIcon is set to false. Defaults to 'Home' */\r\n  homeLabel?: string;\r\n  /** URL of the home link. Defaults to '/' */\r\n  homeUrl?: string;\r\n  /** Array of items to show. */\r\n  items?: BreadcrumbItem[];\r\n  /** Size of Breadcrumb component and items. Can be Small, Medium or XSmall. Defaults to 'Small' */\r\n  size?: Size.Small | Size.Medium | Size.XSmall;\r\n  /** Displays last item as label, and not as a link by default. */\r\n  lastItemAsLabel?: boolean;\r\n};\r\n\r\n/** Breadcrumbs is a list of links that help visualize a page's location within a site's hierarchical structure, it allows navigation up to any of the ancestors. */\r\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({\r\n  items,\r\n  size = Size.Small,\r\n  homeIcon = true,\r\n  homeLabel = 'Home',\r\n  lastItemAsLabel = false,\r\n  homeUrl = '/',\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const navigateHook = useNavigate();\r\n  const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.url, displayLabel: x.label })) : [];\r\n  const navigate = (links: string[]) => {\r\n    navigateHook(links[0]);\r\n  };\r\n\r\n  const chevronSize = size == Size.Medium ? '24px' : size == Size.Small ? '20px' : '16px';\r\n  const renderChevron = () => (\r\n    <div aria-hidden=\"true\">\r\n      <SystemIcons.ForwardSlash className=\"chevronicon\" color={COLORS.getColor('neutral_500', theme)} size={chevronSize} />\r\n    </div>\r\n  );\r\n  const renderBreadcrumbLinkItem = (index: number, item: BreadcrumbItem) => {\r\n    return (\r\n      <>\r\n        {renderChevron()}\r\n        <HyperLink\r\n          id={'link-item-' + index}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            navigateHook(item.url);\r\n          }}\r\n          target=\"_self\"\r\n          variant=\"default\"\r\n          href={item.url}>\r\n          {item.label}\r\n        </HyperLink>\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <BreadcrumbContainerStyles size={size} data-testid={'breacrumbContainer'} {...rest}>\r\n      {homeIcon ? (\r\n        <IconButton id=\"homeIcon\" variant=\"secondary\" shape=\"circular\" action={() => navigateHook(homeUrl)}>\r\n          <SystemIcons.Home size={chevronSize} />\r\n        </IconButton>\r\n      ) : (\r\n        <HyperLink\r\n          id={'homelink'}\r\n          variant=\"default\"\r\n          href={homeUrl}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            navigateHook(homeUrl);\r\n          }}>\r\n          {homeLabel}\r\n        </HyperLink>\r\n      )}\r\n\r\n      {!!items &&\r\n        items.length > 2 &&\r\n        (items.length > 3 ? (\r\n          <>\r\n            {renderChevron()}\r\n            <DropdownButton\r\n              type={'icon'}\r\n              alignLeft={true}\r\n              items={dropdownItems}\r\n              size={size == Size.XSmall ? Size.Small : size}\r\n              icon={<SystemIcons.MoreHorizontal color={COLORS.getColor('neutral_600', theme)} size=\"20px\" />}\r\n              onClick={navigate}\r\n            />\r\n          </>\r\n        ) : (\r\n          <>{renderBreadcrumbLinkItem(items.length - 3, items[items.length - 3])}</>\r\n        ))}\r\n\r\n      {!!items && items.length > 1 && <>{renderBreadcrumbLinkItem(items.length - 2, items[items.length - 2])}</>}\r\n\r\n      {!!items && items.length > 0 && (\r\n        <>\r\n          {lastItemAsLabel ? (\r\n            <>\r\n              {renderChevron()}\r\n              <BreadcrumbItemLastStyles size={size}>{items[items.length - 1].label}</BreadcrumbItemLastStyles>\r\n            </>\r\n          ) : (\r\n            <>\r\n              {renderBreadcrumbLinkItem(items.length - 1, items[items.length - 1])}\r\n              {renderChevron()}\r\n            </>\r\n          )}\r\n        </>\r\n      )}\r\n    </BreadcrumbContainerStyles>\r\n  );\r\n};\r\n\r\nexport default Breadcrumb;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Breadcrumb.cjs","names":["React","_interopRequireWildcard","require","_styles","_","_reactRouter","_DropdownButton","_interopRequireDefault","_styles2","_styledComponents","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Breadcrumb","_ref","items","_ref$size","size","Size","Small","_ref$homeIcon","homeIcon","_ref$homeLabel","homeLabel","_ref$lastItemAsLabel","lastItemAsLabel","_ref$homeUrl","homeUrl","rest","_objectWithoutProperties2","theme","useTheme","navigateHook","useNavigate","dropdownItems","slice","map","x","value","url","displayLabel","label","navigate","links","chevronSize","Medium","renderChevron","jsx","children","SystemIcons","ForwardSlash","className","color","COLORS","getColor","renderBreadcrumbLinkItem","index","item","jsxs","Fragment","HyperLink","id","onClick","preventDefault","target","variant","href","BreadcrumbContainerStyles","$size","IconButton","shape","action","Home","type","alignLeft","XSmall","icon","MoreHorizontal","BreadcrumbItemLastStyles","propTypes","_propTypes","bool","string","array","_default","exports"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { COLORS } from '../styles';\r\nimport { Size, SystemIcons } from '..';\r\nimport { useNavigate } from 'react-router';\r\nimport { HyperLink, IconButton } from '..';\r\nimport { BreadcrumbItem } from './BreadcrumbItem';\r\nimport DropdownButton from '../Dropdown/DropdownButton';\r\nimport { DropdownItem } from '../Dropdown/DropdownContent';\r\nimport { BreadcrumbContainerStyles, BreadcrumbItemLastStyles } from './styles';\r\nimport internal from 'stream';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport type BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** If set to false, then instead of 'Home' icon, link will be shown. Defaults to 'true' */\r\n  homeIcon?: boolean;\r\n  /** Label of the home link. Will be shown only if homeIcon is set to false. Defaults to 'Home' */\r\n  homeLabel?: string;\r\n  /** URL of the home link. Defaults to '/' */\r\n  homeUrl?: string;\r\n  /** Array of items to show. */\r\n  items?: BreadcrumbItem[];\r\n  /** Size of Breadcrumb component and items. Can be Small, Medium or XSmall. Defaults to 'Small' */\r\n  size?: Size.Small | Size.Medium | Size.XSmall;\r\n  /** Displays last item as label, and not as a link by default. */\r\n  lastItemAsLabel?: boolean;\r\n};\r\n\r\n/** Breadcrumbs is a list of links that help visualize a page's location within a site's hierarchical structure, it allows navigation up to any of the ancestors. */\r\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({\r\n  items,\r\n  size = Size.Small,\r\n  homeIcon = true,\r\n  homeLabel = 'Home',\r\n  lastItemAsLabel = false,\r\n  homeUrl = '/',\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const navigateHook = useNavigate();\r\n  const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.url, displayLabel: x.label })) : [];\r\n  const navigate = (links: string[]) => {\r\n    navigateHook(links[0]);\r\n  };\r\n\r\n  const chevronSize = size == Size.Medium ? '24px' : size == Size.Small ? '20px' : '16px';\r\n  const renderChevron = () => (\r\n    <div aria-hidden=\"true\">\r\n      <SystemIcons.ForwardSlash className=\"chevronicon\" color={COLORS.getColor('neutral_500', theme)} size={chevronSize} />\r\n    </div>\r\n  );\r\n  const renderBreadcrumbLinkItem = (index: number, item: BreadcrumbItem) => {\r\n    return (\r\n      <>\r\n        {renderChevron()}\r\n        <HyperLink\r\n          id={'link-item-' + index}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            navigateHook(item.url);\r\n          }}\r\n          target=\"_self\"\r\n          variant=\"default\"\r\n          href={item.url}>\r\n          {item.label}\r\n        </HyperLink>\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <BreadcrumbContainerStyles $size={size} data-testid={'breacrumbContainer'} {...rest}>\r\n      {homeIcon ? (\r\n        <IconButton id=\"homeIcon\" variant=\"secondary\" shape=\"circular\" action={() => navigateHook(homeUrl)}>\r\n          <SystemIcons.Home size={chevronSize} />\r\n        </IconButton>\r\n      ) : (\r\n        <HyperLink\r\n          id={'homelink'}\r\n          variant=\"default\"\r\n          href={homeUrl}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            navigateHook(homeUrl);\r\n          }}>\r\n          {homeLabel}\r\n        </HyperLink>\r\n      )}\r\n\r\n      {!!items &&\r\n        items.length > 2 &&\r\n        (items.length > 3 ? (\r\n          <>\r\n            {renderChevron()}\r\n            <DropdownButton\r\n              type={'icon'}\r\n              alignLeft={true}\r\n              items={dropdownItems}\r\n              size={size == Size.XSmall ? Size.Small : size}\r\n              icon={<SystemIcons.MoreHorizontal color={COLORS.getColor('neutral_600', theme)} size=\"20px\" />}\r\n              onClick={navigate}\r\n            />\r\n          </>\r\n        ) : (\r\n          <>{renderBreadcrumbLinkItem(items.length - 3, items[items.length - 3])}</>\r\n        ))}\r\n\r\n      {!!items && items.length > 1 && <>{renderBreadcrumbLinkItem(items.length - 2, items[items.length - 2])}</>}\r\n\r\n      {!!items && items.length > 0 && (\r\n        <>\r\n          {lastItemAsLabel ? (\r\n            <>\r\n              {renderChevron()}\r\n              <BreadcrumbItemLastStyles $size={size}>{items[items.length - 1].label}</BreadcrumbItemLastStyles>\r\n            </>\r\n          ) : (\r\n            <>\r\n              {renderBreadcrumbLinkItem(items.length - 1, items[items.length - 1])}\r\n              {renderChevron()}\r\n            </>\r\n          )}\r\n        </>\r\n      )}\r\n    </BreadcrumbContainerStyles>\r\n  );\r\n};\r\n\r\nexport default Breadcrumb;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Breadcrumb/Breadcrumb.js

@@ -67,7 +67,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
     });
   };
   return /*#__PURE__*/_jsxs(BreadcrumbContainerStyles, _objectSpread(_objectSpread({
-    size: size,
+    $size: size,
     "data-testid": 'breacrumbContainer'
   }, rest), {}, {
     children: [homeIcon ? /*#__PURE__*/_jsx(IconButton, {
@@ -108,7 +108,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
     }), !!items && items.length > 0 && /*#__PURE__*/_jsx(_Fragment, {
       children: lastItemAsLabel ? /*#__PURE__*/_jsxs(_Fragment, {
         children: [renderChevron(), /*#__PURE__*/_jsx(BreadcrumbItemLastStyles, {
-          size: size,
+          $size: size,
           children: items[items.length - 1].label
         })]
       }) : /*#__PURE__*/_jsxs(_Fragment, {

package/dist/Breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","names":["React","COLORS","Size","SystemIcons","useNavigate","HyperLink","IconButton","DropdownButton","BreadcrumbContainerStyles","BreadcrumbItemLastStyles","useTheme","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Breadcrumb","_ref","items","_ref$size","size","Small","_ref$homeIcon","homeIcon","_ref$homeLabel","homeLabel","_ref$lastItemAsLabel","lastItemAsLabel","_ref$homeUrl","homeUrl","rest","_objectWithoutProperties","_excluded","theme","navigateHook","dropdownItems","slice","length","map","x","value","url","displayLabel","label","navigate","links","chevronSize","Medium","renderChevron","children","ForwardSlash","className","color","getColor","renderBreadcrumbLinkItem","index","item","id","onClick","e","preventDefault","target","variant","href","_objectSpread","shape","action","Home","type","alignLeft","XSmall","icon","MoreHorizontal","propTypes","_pt","bool","string","array"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { COLORS } from '../styles';\r\nimport { Size, SystemIcons } from '..';\r\nimport { useNavigate } from 'react-router';\r\nimport { HyperLink, IconButton } from '..';\r\nimport { BreadcrumbItem } from './BreadcrumbItem';\r\nimport DropdownButton from '../Dropdown/DropdownButton';\r\nimport { DropdownItem } from '../Dropdown/DropdownContent';\r\nimport { BreadcrumbContainerStyles, BreadcrumbItemLastStyles } from './styles';\r\nimport internal from 'stream';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport type BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** If set to false, then instead of 'Home' icon, link will be shown. Defaults to 'true' */\r\n  homeIcon?: boolean;\r\n  /** Label of the home link. Will be shown only if homeIcon is set to false. Defaults to 'Home' */\r\n  homeLabel?: string;\r\n  /** URL of the home link. Defaults to '/' */\r\n  homeUrl?: string;\r\n  /** Array of items to show. */\r\n  items?: BreadcrumbItem[];\r\n  /** Size of Breadcrumb component and items. Can be Small, Medium or XSmall. Defaults to 'Small' */\r\n  size?: Size.Small | Size.Medium | Size.XSmall;\r\n  /** Displays last item as label, and not as a link by default. */\r\n  lastItemAsLabel?: boolean;\r\n};\r\n\r\n/** Breadcrumbs is a list of links that help visualize a page's location within a site's hierarchical structure, it allows navigation up to any of the ancestors. */\r\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({\r\n  items,\r\n  size = Size.Small,\r\n  homeIcon = true,\r\n  homeLabel = 'Home',\r\n  lastItemAsLabel = false,\r\n  homeUrl = '/',\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const navigateHook = useNavigate();\r\n  const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.url, displayLabel: x.label })) : [];\r\n  const navigate = (links: string[]) => {\r\n    navigateHook(links[0]);\r\n  };\r\n\r\n  const chevronSize = size == Size.Medium ? '24px' : size == Size.Small ? '20px' : '16px';\r\n  const renderChevron = () => (\r\n    <div aria-hidden=\"true\">\r\n      <SystemIcons.ForwardSlash className=\"chevronicon\" color={COLORS.getColor('neutral_500', theme)} size={chevronSize} />\r\n    </div>\r\n  );\r\n  const renderBreadcrumbLinkItem = (index: number, item: BreadcrumbItem) => {\r\n    return (\r\n      <>\r\n        {renderChevron()}\r\n        <HyperLink\r\n          id={'link-item-' + index}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            navigateHook(item.url);\r\n          }}\r\n          target=\"_self\"\r\n          variant=\"default\"\r\n          href={item.url}>\r\n          {item.label}\r\n        </HyperLink>\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <BreadcrumbContainerStyles size={size} data-testid={'breacrumbContainer'} {...rest}>\r\n      {homeIcon ? (\r\n        <IconButton id=\"homeIcon\" variant=\"secondary\" shape=\"circular\" action={() => navigateHook(homeUrl)}>\r\n          <SystemIcons.Home size={chevronSize} />\r\n        </IconButton>\r\n      ) : (\r\n        <HyperLink\r\n          id={'homelink'}\r\n          variant=\"default\"\r\n          href={homeUrl}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            navigateHook(homeUrl);\r\n          }}>\r\n          {homeLabel}\r\n        </HyperLink>\r\n      )}\r\n\r\n      {!!items &&\r\n        items.length > 2 &&\r\n        (items.length > 3 ? (\r\n          <>\r\n            {renderChevron()}\r\n            <DropdownButton\r\n              type={'icon'}\r\n              alignLeft={true}\r\n              items={dropdownItems}\r\n              size={size == Size.XSmall ? Size.Small : size}\r\n              icon={<SystemIcons.MoreHorizontal color={COLORS.getColor('neutral_600', theme)} size=\"20px\" />}\r\n              onClick={navigate}\r\n            />\r\n          </>\r\n        ) : (\r\n          <>{renderBreadcrumbLinkItem(items.length - 3, items[items.length - 3])}</>\r\n        ))}\r\n\r\n      {!!items && items.length > 1 && <>{renderBreadcrumbLinkItem(items.length - 2, items[items.length - 2])}</>}\r\n\r\n      {!!items && items.length > 0 && (\r\n        <>\r\n          {lastItemAsLabel ? (\r\n            <>\r\n              {renderChevron()}\r\n              <BreadcrumbItemLastStyles size={size}>{items[items.length - 1].label}</BreadcrumbItemLastStyles>\r\n            </>\r\n          ) : (\r\n            <>\r\n              {renderBreadcrumbLinkItem(items.length - 1, items[items.length - 1])}\r\n              {renderChevron()}\r\n            </>\r\n          )}\r\n        </>\r\n      )}\r\n    </BreadcrumbContainerStyles>\r\n  );\r\n};\r\n\r\nexport default Breadcrumb;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Breadcrumb.js","names":["React","COLORS","Size","SystemIcons","useNavigate","HyperLink","IconButton","DropdownButton","BreadcrumbContainerStyles","BreadcrumbItemLastStyles","useTheme","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Breadcrumb","_ref","items","_ref$size","size","Small","_ref$homeIcon","homeIcon","_ref$homeLabel","homeLabel","_ref$lastItemAsLabel","lastItemAsLabel","_ref$homeUrl","homeUrl","rest","_objectWithoutProperties","_excluded","theme","navigateHook","dropdownItems","slice","length","map","x","value","url","displayLabel","label","navigate","links","chevronSize","Medium","renderChevron","children","ForwardSlash","className","color","getColor","renderBreadcrumbLinkItem","index","item","id","onClick","e","preventDefault","target","variant","href","_objectSpread","$size","shape","action","Home","type","alignLeft","XSmall","icon","MoreHorizontal","propTypes","_pt","bool","string","array"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { COLORS } from '../styles';\r\nimport { Size, SystemIcons } from '..';\r\nimport { useNavigate } from 'react-router';\r\nimport { HyperLink, IconButton } from '..';\r\nimport { BreadcrumbItem } from './BreadcrumbItem';\r\nimport DropdownButton from '../Dropdown/DropdownButton';\r\nimport { DropdownItem } from '../Dropdown/DropdownContent';\r\nimport { BreadcrumbContainerStyles, BreadcrumbItemLastStyles } from './styles';\r\nimport internal from 'stream';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport type BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** If set to false, then instead of 'Home' icon, link will be shown. Defaults to 'true' */\r\n  homeIcon?: boolean;\r\n  /** Label of the home link. Will be shown only if homeIcon is set to false. Defaults to 'Home' */\r\n  homeLabel?: string;\r\n  /** URL of the home link. Defaults to '/' */\r\n  homeUrl?: string;\r\n  /** Array of items to show. */\r\n  items?: BreadcrumbItem[];\r\n  /** Size of Breadcrumb component and items. Can be Small, Medium or XSmall. Defaults to 'Small' */\r\n  size?: Size.Small | Size.Medium | Size.XSmall;\r\n  /** Displays last item as label, and not as a link by default. */\r\n  lastItemAsLabel?: boolean;\r\n};\r\n\r\n/** Breadcrumbs is a list of links that help visualize a page's location within a site's hierarchical structure, it allows navigation up to any of the ancestors. */\r\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({\r\n  items,\r\n  size = Size.Small,\r\n  homeIcon = true,\r\n  homeLabel = 'Home',\r\n  lastItemAsLabel = false,\r\n  homeUrl = '/',\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const navigateHook = useNavigate();\r\n  const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.url, displayLabel: x.label })) : [];\r\n  const navigate = (links: string[]) => {\r\n    navigateHook(links[0]);\r\n  };\r\n\r\n  const chevronSize = size == Size.Medium ? '24px' : size == Size.Small ? '20px' : '16px';\r\n  const renderChevron = () => (\r\n    <div aria-hidden=\"true\">\r\n      <SystemIcons.ForwardSlash className=\"chevronicon\" color={COLORS.getColor('neutral_500', theme)} size={chevronSize} />\r\n    </div>\r\n  );\r\n  const renderBreadcrumbLinkItem = (index: number, item: BreadcrumbItem) => {\r\n    return (\r\n      <>\r\n        {renderChevron()}\r\n        <HyperLink\r\n          id={'link-item-' + index}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            navigateHook(item.url);\r\n          }}\r\n          target=\"_self\"\r\n          variant=\"default\"\r\n          href={item.url}>\r\n          {item.label}\r\n        </HyperLink>\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <BreadcrumbContainerStyles $size={size} data-testid={'breacrumbContainer'} {...rest}>\r\n      {homeIcon ? (\r\n        <IconButton id=\"homeIcon\" variant=\"secondary\" shape=\"circular\" action={() => navigateHook(homeUrl)}>\r\n          <SystemIcons.Home size={chevronSize} />\r\n        </IconButton>\r\n      ) : (\r\n        <HyperLink\r\n          id={'homelink'}\r\n          variant=\"default\"\r\n          href={homeUrl}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            navigateHook(homeUrl);\r\n          }}>\r\n          {homeLabel}\r\n        </HyperLink>\r\n      )}\r\n\r\n      {!!items &&\r\n        items.length > 2 &&\r\n        (items.length > 3 ? (\r\n          <>\r\n            {renderChevron()}\r\n            <DropdownButton\r\n              type={'icon'}\r\n              alignLeft={true}\r\n              items={dropdownItems}\r\n              size={size == Size.XSmall ? Size.Small : size}\r\n              icon={<SystemIcons.MoreHorizontal color={COLORS.getColor('neutral_600', theme)} size=\"20px\" />}\r\n              onClick={navigate}\r\n            />\r\n          </>\r\n        ) : (\r\n          <>{renderBreadcrumbLinkItem(items.length - 3, items[items.length - 3])}</>\r\n        ))}\r\n\r\n      {!!items && items.length > 1 && <>{renderBreadcrumbLinkItem(items.length - 2, items[items.length - 2])}</>}\r\n\r\n      {!!items && items.length > 0 && (\r\n        <>\r\n          {lastItemAsLabel ? (\r\n            <>\r\n              {renderChevron()}\r\n              <BreadcrumbItemLastStyles $size={size}>{items[items.length - 1].label}</BreadcrumbItemLastStyles>\r\n            </>\r\n          ) : (\r\n            <>\r\n              {renderBreadcrumbLinkItem(items.length - 1, items[items.length - 1])}\r\n              {renderChevron()}\r\n            </>\r\n          )}\r\n        </>\r\n      )}\r\n    </BreadcrumbContainerStyles>\r\n  );\r\n};\r\n\r\nexport default Breadcrumb;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Breadcrumb/styles.cjs

@@ -25,17 +25,17 @@ var FontStyles = function FontStyles(size, textStyle, color) {
   }
 };
 var BreadcrumbItemLastStyles = _styledComponents["default"].label(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n  ", "\n"])), function (props) {
-  return FontStyles(props.size, _styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_800', props.theme));
+  return FontStyles(props.$size, _styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_800', props.theme));
 }, function (props) {
-  return marginRight(props.size);
+  return marginRight(props.$size);
 });
 exports.BreadcrumbItemLastStyles = BreadcrumbItemLastStyles;
 var BreadcrumbContainerStyles = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  min-height: 48px;\n\n  a {\n    text-decoration: none;\n    ", "\n    ", "\n  }\n\n  .chevronicon {\n    ", "\n  }\n\n  a:hover {\n    color: ", ";\n  }\n  a:active {\n    color: ", ";\n  }\n"])), function (props) {
-  return FontStyles(props.size, _styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme));
+  return FontStyles(props.$size, _styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme));
 }, function (props) {
-  return marginRight(props.size);
+  return marginRight(props.$size);
 }, function (props) {
-  return marginRight(props.size);
+  return marginRight(props.$size);
 }, function (props) {
   return _styles.COLORS.getColor('primary_700', props.theme);
 }, function (props) {

package/dist/Breadcrumb/styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","_types","_templateObject","_templateObject2","marginRight","size","Size","Small","Medium","FontStyles","textStyle","color","XSmall","ComponentXXSStyling","ComponentMStyling","ComponentSStyling","BreadcrumbItemLastStyles","styled","label","_taggedTemplateLiteral2","props","ComponentTextStyle","Bold","COLORS","getColor","theme","exports","BreadcrumbContainerStyles","div","Regular"],"sources":["../../src/Breadcrumb/styles.ts"],"sourcesContent":["import styled from 'styled-components';\r\nimport { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXXSStyling } from '../styles';\r\nimport { Size } from '../types';\r\n\r\nconst marginRight = (size: Size | undefined) => {\r\n  return size == Size.Small || size == Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;';\r\n};\r\n\r\nconst FontStyles = (size: Size | undefined, textStyle: ComponentTextStyle, color: string) => {\r\n  switch (size) {\r\n    case Size.XSmall:\r\n      return ComponentXXSStyling(textStyle, color);\r\n    case Size.Medium:\r\n      return ComponentMStyling(textStyle, color);\r\n    case Size.Small:\r\n    default:\r\n      return ComponentSStyling(textStyle, color);\r\n  }\r\n};\r\n\r\nexport const BreadcrumbItemLastStyles = styled.label<{ size: Size }>`\r\n  ${(props) => FontStyles(props.size, ComponentTextStyle.Bold, COLORS.getColor('neutral_800', props.theme))}\r\n  ${(props) => marginRight(props.size)}\r\n`;\r\n\r\nexport const BreadcrumbContainerStyles = styled.div<{ size: Size | undefined }>`\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 48px;\r\n\r\n  a {\r\n    text-decoration: none;\r\n    ${(props) => FontStyles(props.size, ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    ${(props) => marginRight(props.size)}\r\n  }\r\n\r\n  .chevronicon {\r\n    ${(props) => marginRight(props.size)}\r\n  }\r\n\r\n  a:hover {\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n  a:active {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAgC,IAAAG,eAAA,EAAAC,gBAAA;AAEhC,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAAsB,EAAK;EAC9C,OAAOA,IAAI,IAAIC,WAAI,CAACC,KAAK,IAAIF,IAAI,IAAIC,WAAI,CAACE,MAAM,GAAG,oBAAoB,GAAG,oBAAoB;AAChG,CAAC;AAED,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIJ,IAAsB,EAAEK,SAA6B,EAAEC,KAAa,EAAK;EAC3F,QAAQN,IAAI;IACV,KAAKC,WAAI,CAACM,MAAM;MACd,OAAO,IAAAC,2BAAmB,EAACH,SAAS,EAAEC,KAAK,CAAC;IAC9C,KAAKL,WAAI,CAACE,MAAM;MACd,OAAO,IAAAM,yBAAiB,EAACJ,SAAS,EAAEC,KAAK,CAAC;IAC5C,KAAKL,WAAI,CAACC,KAAK;IACf;MACE,OAAO,IAAAQ,yBAAiB,EAACL,SAAS,EAAEC,KAAK,CAAC;EAC9C;AACF,CAAC;AAEM,IAAMK,wBAAwB,GAAGC,4BAAM,CAACC,KAAK,CAAAhB,eAAA,KAAAA,eAAA,OAAAiB,uBAAA,uCAChD,UAACC,KAAK;EAAA,OAAKX,UAAU,CAACW,KAAK,CAACf,IAAI,EAAEgB,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC,CAAC;AAAA,GACvG,UAACL,KAAK;EAAA,OAAKhB,WAAW,CAACgB,KAAK,CAACf,IAAI,CAAC;AAAA,EACrC;AAACqB,OAAA,CAAAV,wBAAA,GAAAA,wBAAA;AAEK,IAAMW,yBAAyB,GAAGV,4BAAM,CAACW,GAAG,CAAAzB,gBAAA,KAAAA,gBAAA,OAAAgB,uBAAA,kQAO7C,UAACC,KAAK;EAAA,OAAKX,UAAU,CAACW,KAAK,CAACf,IAAI,EAAEgB,0BAAkB,CAACQ,OAAO,EAAEN,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC,CAAC;AAAA,GAC1G,UAACL,KAAK;EAAA,OAAKhB,WAAW,CAACgB,KAAK,CAACf,IAAI,CAAC;AAAA,GAIlC,UAACe,KAAK;EAAA,OAAKhB,WAAW,CAACgB,KAAK,CAACf,IAAI,CAAC;AAAA,GAI3B,UAAAe,KAAK;EAAA,OAAIG,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC;AAAA,GAGpD,UAAAL,KAAK;EAAA,OAAIG,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC;AAAA,EAEhE;AAACC,OAAA,CAAAC,yBAAA,GAAAA,yBAAA","ignoreList":[]}
+{"version":3,"file":"styles.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","_types","_templateObject","_templateObject2","marginRight","size","Size","Small","Medium","FontStyles","textStyle","color","XSmall","ComponentXXSStyling","ComponentMStyling","ComponentSStyling","BreadcrumbItemLastStyles","styled","label","_taggedTemplateLiteral2","props","$size","ComponentTextStyle","Bold","COLORS","getColor","theme","exports","BreadcrumbContainerStyles","div","Regular"],"sources":["../../src/Breadcrumb/styles.ts"],"sourcesContent":["import styled from 'styled-components';\r\nimport { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXXSStyling } from '../styles';\r\nimport { Size } from '../types';\r\n\r\nconst marginRight = (size: Size | undefined) => {\r\n  return size == Size.Small || size == Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;';\r\n};\r\n\r\nconst FontStyles = (size: Size | undefined, textStyle: ComponentTextStyle, color: string) => {\r\n  switch (size) {\r\n    case Size.XSmall:\r\n      return ComponentXXSStyling(textStyle, color);\r\n    case Size.Medium:\r\n      return ComponentMStyling(textStyle, color);\r\n    case Size.Small:\r\n    default:\r\n      return ComponentSStyling(textStyle, color);\r\n  }\r\n};\r\n\r\nexport const BreadcrumbItemLastStyles = styled.label<{ $size: Size }>`\r\n  ${(props) => FontStyles(props.$size, ComponentTextStyle.Bold, COLORS.getColor('neutral_800', props.theme))}\r\n  ${(props) => marginRight(props.$size)}\r\n`;\r\n\r\nexport const BreadcrumbContainerStyles = styled.div<{ $size: Size | undefined }>`\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 48px;\r\n\r\n  a {\r\n    text-decoration: none;\r\n    ${(props) => FontStyles(props.$size, ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    ${(props) => marginRight(props.$size)}\r\n  }\r\n\r\n  .chevronicon {\r\n    ${(props) => marginRight(props.$size)}\r\n  }\r\n\r\n  a:hover {\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n  a:active {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAgC,IAAAG,eAAA,EAAAC,gBAAA;AAEhC,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAAsB,EAAK;EAC9C,OAAOA,IAAI,IAAIC,WAAI,CAACC,KAAK,IAAIF,IAAI,IAAIC,WAAI,CAACE,MAAM,GAAG,oBAAoB,GAAG,oBAAoB;AAChG,CAAC;AAED,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIJ,IAAsB,EAAEK,SAA6B,EAAEC,KAAa,EAAK;EAC3F,QAAQN,IAAI;IACV,KAAKC,WAAI,CAACM,MAAM;MACd,OAAO,IAAAC,2BAAmB,EAACH,SAAS,EAAEC,KAAK,CAAC;IAC9C,KAAKL,WAAI,CAACE,MAAM;MACd,OAAO,IAAAM,yBAAiB,EAACJ,SAAS,EAAEC,KAAK,CAAC;IAC5C,KAAKL,WAAI,CAACC,KAAK;IACf;MACE,OAAO,IAAAQ,yBAAiB,EAACL,SAAS,EAAEC,KAAK,CAAC;EAC9C;AACF,CAAC;AAEM,IAAMK,wBAAwB,GAAGC,4BAAM,CAACC,KAAK,CAAAhB,eAAA,KAAAA,eAAA,OAAAiB,uBAAA,uCAChD,UAACC,KAAK;EAAA,OAAKX,UAAU,CAACW,KAAK,CAACC,KAAK,EAAEC,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC;AAAA,GACxG,UAACN,KAAK;EAAA,OAAKhB,WAAW,CAACgB,KAAK,CAACC,KAAK,CAAC;AAAA,EACtC;AAACM,OAAA,CAAAX,wBAAA,GAAAA,wBAAA;AAEK,IAAMY,yBAAyB,GAAGX,4BAAM,CAACY,GAAG,CAAA1B,gBAAA,KAAAA,gBAAA,OAAAgB,uBAAA,kQAO7C,UAACC,KAAK;EAAA,OAAKX,UAAU,CAACW,KAAK,CAACC,KAAK,EAAEC,0BAAkB,CAACQ,OAAO,EAAEN,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC;AAAA,GAC3G,UAACN,KAAK;EAAA,OAAKhB,WAAW,CAACgB,KAAK,CAACC,KAAK,CAAC;AAAA,GAInC,UAACD,KAAK;EAAA,OAAKhB,WAAW,CAACgB,KAAK,CAACC,KAAK,CAAC;AAAA,GAI5B,UAAAD,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAGpD,UAAAN,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,EAEhE;AAACC,OAAA,CAAAC,yBAAA,GAAAA,yBAAA","ignoreList":[]}

package/dist/Breadcrumb/styles.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { Size } from '../types';
 export declare const BreadcrumbItemLastStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
-    size: Size;
+    $size: Size;
 }>> & string;
 export declare const BreadcrumbContainerStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    size: Size | undefined;
+    $size: Size | undefined;
 }>> & string;

package/dist/Breadcrumb/styles.js

@@ -18,16 +18,16 @@ var FontStyles = function FontStyles(size, textStyle, color) {
   }
 };
 export var BreadcrumbItemLastStyles = styled.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), function (props) {
-  return FontStyles(props.size, ComponentTextStyle.Bold, COLORS.getColor('neutral_800', props.theme));
+  return FontStyles(props.$size, ComponentTextStyle.Bold, COLORS.getColor('neutral_800', props.theme));
 }, function (props) {
-  return marginRight(props.size);
+  return marginRight(props.$size);
 });
 export var BreadcrumbContainerStyles = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  min-height: 48px;\n\n  a {\n    text-decoration: none;\n    ", "\n    ", "\n  }\n\n  .chevronicon {\n    ", "\n  }\n\n  a:hover {\n    color: ", ";\n  }\n  a:active {\n    color: ", ";\n  }\n"])), function (props) {
-  return FontStyles(props.size, ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme));
+  return FontStyles(props.$size, ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme));
 }, function (props) {
-  return marginRight(props.size);
+  return marginRight(props.$size);
 }, function (props) {
-  return marginRight(props.size);
+  return marginRight(props.$size);
 }, function (props) {
   return COLORS.getColor('primary_700', props.theme);
 }, function (props) {

package/dist/Breadcrumb/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styled","COLORS","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXXSStyling","Size","marginRight","size","Small","Medium","FontStyles","textStyle","color","XSmall","BreadcrumbItemLastStyles","label","_templateObject","_taggedTemplateLiteral","props","Bold","getColor","theme","BreadcrumbContainerStyles","div","_templateObject2","Regular"],"sources":["../../src/Breadcrumb/styles.ts"],"sourcesContent":["import styled from 'styled-components';\r\nimport { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXXSStyling } from '../styles';\r\nimport { Size } from '../types';\r\n\r\nconst marginRight = (size: Size | undefined) => {\r\n  return size == Size.Small || size == Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;';\r\n};\r\n\r\nconst FontStyles = (size: Size | undefined, textStyle: ComponentTextStyle, color: string) => {\r\n  switch (size) {\r\n    case Size.XSmall:\r\n      return ComponentXXSStyling(textStyle, color);\r\n    case Size.Medium:\r\n      return ComponentMStyling(textStyle, color);\r\n    case Size.Small:\r\n    default:\r\n      return ComponentSStyling(textStyle, color);\r\n  }\r\n};\r\n\r\nexport const BreadcrumbItemLastStyles = styled.label<{ size: Size }>`\r\n  ${(props) => FontStyles(props.size, ComponentTextStyle.Bold, COLORS.getColor('neutral_800', props.theme))}\r\n  ${(props) => marginRight(props.size)}\r\n`;\r\n\r\nexport const BreadcrumbContainerStyles = styled.div<{ size: Size | undefined }>`\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 48px;\r\n\r\n  a {\r\n    text-decoration: none;\r\n    ${(props) => FontStyles(props.size, ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    ${(props) => marginRight(props.size)}\r\n  }\r\n\r\n  .chevronicon {\r\n    ${(props) => marginRight(props.size)}\r\n  }\r\n\r\n  a:hover {\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n  a:active {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAEC,mBAAmB,QAAQ,WAAW;AACjH,SAASC,IAAI,QAAQ,UAAU;AAE/B,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAAsB,EAAK;EAC9C,OAAOA,IAAI,IAAIF,IAAI,CAACG,KAAK,IAAID,IAAI,IAAIF,IAAI,CAACI,MAAM,GAAG,oBAAoB,GAAG,oBAAoB;AAChG,CAAC;AAED,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIH,IAAsB,EAAEI,SAA6B,EAAEC,KAAa,EAAK;EAC3F,QAAQL,IAAI;IACV,KAAKF,IAAI,CAACQ,MAAM;MACd,OAAOT,mBAAmB,CAACO,SAAS,EAAEC,KAAK,CAAC;IAC9C,KAAKP,IAAI,CAACI,MAAM;MACd,OAAOR,iBAAiB,CAACU,SAAS,EAAEC,KAAK,CAAC;IAC5C,KAAKP,IAAI,CAACG,KAAK;IACf;MACE,OAAON,iBAAiB,CAACS,SAAS,EAAEC,KAAK,CAAC;EAC9C;AACF,CAAC;AAED,OAAO,IAAME,wBAAwB,GAAGf,MAAM,CAACgB,KAAK,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,2BAChD,UAACC,KAAK;EAAA,OAAKR,UAAU,CAACQ,KAAK,CAACX,IAAI,EAAEJ,kBAAkB,CAACgB,IAAI,EAAEnB,MAAM,CAACoB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GACvG,UAACH,KAAK;EAAA,OAAKZ,WAAW,CAACY,KAAK,CAACX,IAAI,CAAC;AAAA,EACrC;AAED,OAAO,IAAMe,yBAAyB,GAAGvB,MAAM,CAACwB,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,sPAO7C,UAACC,KAAK;EAAA,OAAKR,UAAU,CAACQ,KAAK,CAACX,IAAI,EAAEJ,kBAAkB,CAACsB,OAAO,EAAEzB,MAAM,CAACoB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAC1G,UAACH,KAAK;EAAA,OAAKZ,WAAW,CAACY,KAAK,CAACX,IAAI,CAAC;AAAA,GAIlC,UAACW,KAAK;EAAA,OAAKZ,WAAW,CAACY,KAAK,CAACX,IAAI,CAAC;AAAA,GAI3B,UAAAW,KAAK;EAAA,OAAIlB,MAAM,CAACoB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAGpD,UAAAH,KAAK;EAAA,OAAIlB,MAAM,CAACoB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAEhE","ignoreList":[]}
+{"version":3,"file":"styles.js","names":["styled","COLORS","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXXSStyling","Size","marginRight","size","Small","Medium","FontStyles","textStyle","color","XSmall","BreadcrumbItemLastStyles","label","_templateObject","_taggedTemplateLiteral","props","$size","Bold","getColor","theme","BreadcrumbContainerStyles","div","_templateObject2","Regular"],"sources":["../../src/Breadcrumb/styles.ts"],"sourcesContent":["import styled from 'styled-components';\r\nimport { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXXSStyling } from '../styles';\r\nimport { Size } from '../types';\r\n\r\nconst marginRight = (size: Size | undefined) => {\r\n  return size == Size.Small || size == Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;';\r\n};\r\n\r\nconst FontStyles = (size: Size | undefined, textStyle: ComponentTextStyle, color: string) => {\r\n  switch (size) {\r\n    case Size.XSmall:\r\n      return ComponentXXSStyling(textStyle, color);\r\n    case Size.Medium:\r\n      return ComponentMStyling(textStyle, color);\r\n    case Size.Small:\r\n    default:\r\n      return ComponentSStyling(textStyle, color);\r\n  }\r\n};\r\n\r\nexport const BreadcrumbItemLastStyles = styled.label<{ $size: Size }>`\r\n  ${(props) => FontStyles(props.$size, ComponentTextStyle.Bold, COLORS.getColor('neutral_800', props.theme))}\r\n  ${(props) => marginRight(props.$size)}\r\n`;\r\n\r\nexport const BreadcrumbContainerStyles = styled.div<{ $size: Size | undefined }>`\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 48px;\r\n\r\n  a {\r\n    text-decoration: none;\r\n    ${(props) => FontStyles(props.$size, ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    ${(props) => marginRight(props.$size)}\r\n  }\r\n\r\n  .chevronicon {\r\n    ${(props) => marginRight(props.$size)}\r\n  }\r\n\r\n  a:hover {\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n  a:active {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAEC,mBAAmB,QAAQ,WAAW;AACjH,SAASC,IAAI,QAAQ,UAAU;AAE/B,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAAsB,EAAK;EAC9C,OAAOA,IAAI,IAAIF,IAAI,CAACG,KAAK,IAAID,IAAI,IAAIF,IAAI,CAACI,MAAM,GAAG,oBAAoB,GAAG,oBAAoB;AAChG,CAAC;AAED,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIH,IAAsB,EAAEI,SAA6B,EAAEC,KAAa,EAAK;EAC3F,QAAQL,IAAI;IACV,KAAKF,IAAI,CAACQ,MAAM;MACd,OAAOT,mBAAmB,CAACO,SAAS,EAAEC,KAAK,CAAC;IAC9C,KAAKP,IAAI,CAACI,MAAM;MACd,OAAOR,iBAAiB,CAACU,SAAS,EAAEC,KAAK,CAAC;IAC5C,KAAKP,IAAI,CAACG,KAAK;IACf;MACE,OAAON,iBAAiB,CAACS,SAAS,EAAEC,KAAK,CAAC;EAC9C;AACF,CAAC;AAED,OAAO,IAAME,wBAAwB,GAAGf,MAAM,CAACgB,KAAK,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,2BAChD,UAACC,KAAK;EAAA,OAAKR,UAAU,CAACQ,KAAK,CAACC,KAAK,EAAEhB,kBAAkB,CAACiB,IAAI,EAAEpB,MAAM,CAACqB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC,CAAC;AAAA,GACxG,UAACJ,KAAK;EAAA,OAAKZ,WAAW,CAACY,KAAK,CAACC,KAAK,CAAC;AAAA,EACtC;AAED,OAAO,IAAMI,yBAAyB,GAAGxB,MAAM,CAACyB,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,sPAO7C,UAACC,KAAK;EAAA,OAAKR,UAAU,CAACQ,KAAK,CAACC,KAAK,EAAEhB,kBAAkB,CAACuB,OAAO,EAAE1B,MAAM,CAACqB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC,CAAC;AAAA,GAC3G,UAACJ,KAAK;EAAA,OAAKZ,WAAW,CAACY,KAAK,CAACC,KAAK,CAAC;AAAA,GAInC,UAACD,KAAK;EAAA,OAAKZ,WAAW,CAACY,KAAK,CAACC,KAAK,CAAC;AAAA,GAI5B,UAAAD,KAAK;EAAA,OAAIlB,MAAM,CAACqB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAGpD,UAAAJ,KAAK;EAAA,OAAIlB,MAAM,CAACqB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,EAEhE","ignoreList":[]}

package/dist/Button/BackButton.cjs

@@ -26,7 +26,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var BackButtonContentContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
 exports.BackButtonContentContainer = BackButtonContentContainer;
 var BackButtonContainerStyles = _styledComponents["default"].button(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  box-sizing: border-box;\n  min-height: 48px;\n  padding: 0;\n  margin: 0;\n  outline:none;\n  max-width: max-content;\n  display: flex;\n  align-items: center;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n\n  ", ";\n  font-feature-settings: 'liga' off;\n\n  & > ", " {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    max-width: max-content;\n    padding: 4px 4px 4px 0;\n    border-radius: 4px;\n    cursor: inherit;\n    min-width: 64px;\n\n  }\n\n  & > ", " > span {\n    display: flex;\n    cursor: inherit;\n  }\n  & > ", " > label {\n    display: flex;\n    cursor: inherit;\n    flex-grow: 1;\n    justify-content: center;\n  }\n\n  &:hover > ", ",\n  &.hover-state > ", " {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:focus > ", ",\n  &.focus-state > ", " {\n    ", "\n  }\n  &:active > ", ",\n  &.active-state > ", " {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:disabled {\n    cursor: not-allowed;\n  }\n  &:disabled > ", " {\n    color: ", " !important;\n    background-color: transparent !important;\n  }\n"])), function (props) {
-  return props.size === _types.Size.XSmall ? (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme)) : (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme));
+  return props.$size === _types.Size.XSmall ? (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme)) : (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme));
 }, BackButtonContentContainer, BackButtonContentContainer, BackButtonContentContainer, BackButtonContentContainer, BackButtonContentContainer, function (props) {
   return _styles.COLORS.getColor('primary_20', props.theme);
 }, function (props) {
@@ -45,7 +45,7 @@ var BackButton = function BackButton(_ref) {
     dataTestId = _ref.dataTestId,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(BackButtonContainerStyles, _objectSpread(_objectSpread({}, props), {}, {
-    size: size,
+    $size: size,
     onMouseDown: _common.defaultOnMouseDownHandler,
     dataTestId: dataTestId,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(BackButtonContentContainer, {

package/dist/Button/BackButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BackButton.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_types","_icons","_common","_jsxRuntime","_excluded","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","BackButtonContentContainer","styled","div","_taggedTemplateLiteral2","exports","BackButtonContainerStyles","button","props","size","Size","XSmall","ComponentXSStyling","ComponentTextStyle","Bold","COLORS","getColor","theme","ComponentSStyling","focusStyles","BackButton","_ref","children","_ref$size","Small","dataTestId","_objectWithoutProperties2","jsx","onMouseDown","defaultOnMouseDownHandler","jsxs","SystemIcons","ArrowLineLeft","propTypes","disabled","_propTypes","bool","_default"],"sources":["../../src/Button/BackButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {COLORS, focusStyles} from '../styles';\r\nimport { Size, Testable } from '../types';\r\nimport { SystemIcons } from '../icons';\r\nimport { ComponentTextStyle, ComponentSStyling, ComponentXSStyling } from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nexport const BackButtonContentContainer = styled.div``;\r\n\r\nconst BackButtonContainerStyles = styled.button<BackButtonProps>`\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  padding: 0;\r\n  margin: 0;\r\n  outline:none;\r\n  max-width: max-content;\r\n  display: flex;\r\n  align-items: center;\r\n  border: none;\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n\r\n  ${(props) => (props.size === Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)) : ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)))};\r\n  font-feature-settings: 'liga' off;\r\n\r\n  & > ${BackButtonContentContainer} {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    max-width: max-content;\r\n    padding: 4px 4px 4px 0;\r\n    border-radius: 4px;\r\n    cursor: inherit;\r\n    min-width: 64px;\r\n\r\n  }\r\n\r\n  & > ${BackButtonContentContainer} > span {\r\n    display: flex;\r\n    cursor: inherit;\r\n  }\r\n  & > ${BackButtonContentContainer} > label {\r\n    display: flex;\r\n    cursor: inherit;\r\n    flex-grow: 1;\r\n    justify-content: center;\r\n  }\r\n\r\n  &:hover > ${BackButtonContentContainer},\r\n  &.hover-state > ${BackButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n  &:focus > ${BackButtonContentContainer},\r\n  &.focus-state > ${BackButtonContentContainer} {\r\n    ${focusStyles}\r\n  }\r\n  &:active > ${BackButtonContentContainer},\r\n  &.active-state > ${BackButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n  &:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n  &:disabled > ${BackButtonContentContainer} {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n    background-color: transparent !important;\r\n  }\r\n`;\r\n\r\nexport interface BackButtonProps extends Testable, React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n    /**\r\n   * Required. The size of the back button. Can be 'Small' or 'XSmall'.\r\n   */\r\n  size: Size.Small | Size.XSmall;\r\n    /**\r\n   * Optional. A boolean indicating whether the back button is disabled.\r\n   */\r\n  disabled?: boolean;\r\n}\r\nconst BackButton: React.FunctionComponent<BackButtonProps> = ({ children, size = Size.Small, dataTestId, ...props }) => {\r\n  return (\r\n    <BackButtonContainerStyles {...props} size={size} onMouseDown={defaultOnMouseDownHandler} dataTestId={dataTestId}>\r\n      <BackButtonContentContainer>\r\n        <span aria-hidden=\"true\">\r\n          <SystemIcons.ArrowLineLeft size={size === Size.XSmall ? '20' : '24'} />\r\n        </span>\r\n        <label>{children}</label>\r\n      </BackButtonContentContainer>\r\n    </BackButtonContainerStyles>\r\n  );\r\n};\r\n\r\nexport default BackButton;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BackButton.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_types","_icons","_common","_jsxRuntime","_excluded","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","BackButtonContentContainer","styled","div","_taggedTemplateLiteral2","exports","BackButtonContainerStyles","button","props","$size","Size","XSmall","ComponentXSStyling","ComponentTextStyle","Bold","COLORS","getColor","theme","ComponentSStyling","focusStyles","BackButton","_ref","children","_ref$size","size","Small","dataTestId","_objectWithoutProperties2","jsx","onMouseDown","defaultOnMouseDownHandler","jsxs","SystemIcons","ArrowLineLeft","propTypes","disabled","_propTypes","bool","_default"],"sources":["../../src/Button/BackButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {COLORS, focusStyles} from '../styles';\r\nimport { Size, Testable } from '../types';\r\nimport { SystemIcons } from '../icons';\r\nimport { ComponentTextStyle, ComponentSStyling, ComponentXSStyling } from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nexport const BackButtonContentContainer = styled.div``;\r\n\r\nconst BackButtonContainerStyles = styled.button<{$size: Size, dataTestId: string | undefined}>`\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  padding: 0;\r\n  margin: 0;\r\n  outline:none;\r\n  max-width: max-content;\r\n  display: flex;\r\n  align-items: center;\r\n  border: none;\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n\r\n  ${(props) => (props.$size === Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)) : ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)))};\r\n  font-feature-settings: 'liga' off;\r\n\r\n  & > ${BackButtonContentContainer} {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    max-width: max-content;\r\n    padding: 4px 4px 4px 0;\r\n    border-radius: 4px;\r\n    cursor: inherit;\r\n    min-width: 64px;\r\n\r\n  }\r\n\r\n  & > ${BackButtonContentContainer} > span {\r\n    display: flex;\r\n    cursor: inherit;\r\n  }\r\n  & > ${BackButtonContentContainer} > label {\r\n    display: flex;\r\n    cursor: inherit;\r\n    flex-grow: 1;\r\n    justify-content: center;\r\n  }\r\n\r\n  &:hover > ${BackButtonContentContainer},\r\n  &.hover-state > ${BackButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n  &:focus > ${BackButtonContentContainer},\r\n  &.focus-state > ${BackButtonContentContainer} {\r\n    ${focusStyles}\r\n  }\r\n  &:active > ${BackButtonContentContainer},\r\n  &.active-state > ${BackButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n  &:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n  &:disabled > ${BackButtonContentContainer} {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n    background-color: transparent !important;\r\n  }\r\n`;\r\n\r\nexport interface BackButtonProps extends Testable, React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n    /**\r\n   * Required. The size of the back button. Can be 'Small' or 'XSmall'.\r\n   */\r\n  size: Size.Small | Size.XSmall;\r\n    /**\r\n   * Optional. A boolean indicating whether the back button is disabled.\r\n   */\r\n  disabled?: boolean;\r\n}\r\nconst BackButton: React.FunctionComponent<BackButtonProps> = ({ children, size: size = Size.Small, dataTestId, ...props }) => {\r\n  return (\r\n    <BackButtonContainerStyles {...props} $size={size} onMouseDown={defaultOnMouseDownHandler} dataTestId={dataTestId}>\r\n      <BackButtonContentContainer>\r\n        <span aria-hidden=\"true\">\r\n          <SystemIcons.ArrowLineLeft size={size === Size.XSmall ? '20' : '24'} />\r\n        </span>\r\n        <label>{children}</label>\r\n      </BackButtonContentContainer>\r\n    </BackButtonContainerStyles>\r\n  );\r\n};\r\n\r\nexport default BackButton;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Button/BackButton.js

@@ -17,7 +17,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var BackButtonContentContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
 var BackButtonContainerStyles = styled.button(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  min-height: 48px;\n  padding: 0;\n  margin: 0;\n  outline:none;\n  max-width: max-content;\n  display: flex;\n  align-items: center;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n\n  ", ";\n  font-feature-settings: 'liga' off;\n\n  & > ", " {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    max-width: max-content;\n    padding: 4px 4px 4px 0;\n    border-radius: 4px;\n    cursor: inherit;\n    min-width: 64px;\n\n  }\n\n  & > ", " > span {\n    display: flex;\n    cursor: inherit;\n  }\n  & > ", " > label {\n    display: flex;\n    cursor: inherit;\n    flex-grow: 1;\n    justify-content: center;\n  }\n\n  &:hover > ", ",\n  &.hover-state > ", " {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:focus > ", ",\n  &.focus-state > ", " {\n    ", "\n  }\n  &:active > ", ",\n  &.active-state > ", " {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:disabled {\n    cursor: not-allowed;\n  }\n  &:disabled > ", " {\n    color: ", " !important;\n    background-color: transparent !important;\n  }\n"])), function (props) {
-  return props.size === Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)) : ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme));
+  return props.$size === Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)) : ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme));
 }, BackButtonContentContainer, BackButtonContentContainer, BackButtonContentContainer, BackButtonContentContainer, BackButtonContentContainer, function (props) {
   return COLORS.getColor('primary_20', props.theme);
 }, function (props) {
@@ -36,7 +36,7 @@ var BackButton = function BackButton(_ref) {
     dataTestId = _ref.dataTestId,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(BackButtonContainerStyles, _objectSpread(_objectSpread({}, props), {}, {
-    size: size,
+    $size: size,
     onMouseDown: defaultOnMouseDownHandler,
     dataTestId: dataTestId,
     children: /*#__PURE__*/_jsxs(BackButtonContentContainer, {

package/dist/Button/BackButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackButton.js","names":["React","styled","COLORS","focusStyles","Size","SystemIcons","ComponentTextStyle","ComponentSStyling","ComponentXSStyling","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","BackButtonContentContainer","div","_templateObject","_taggedTemplateLiteral","BackButtonContainerStyles","button","_templateObject2","props","size","XSmall","Bold","getColor","theme","BackButton","_ref","children","_ref$size","Small","dataTestId","_objectWithoutProperties","_excluded","_objectSpread","onMouseDown","ArrowLineLeft","propTypes","disabled","_pt","bool"],"sources":["../../src/Button/BackButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {COLORS, focusStyles} from '../styles';\r\nimport { Size, Testable } from '../types';\r\nimport { SystemIcons } from '../icons';\r\nimport { ComponentTextStyle, ComponentSStyling, ComponentXSStyling } from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nexport const BackButtonContentContainer = styled.div``;\r\n\r\nconst BackButtonContainerStyles = styled.button<BackButtonProps>`\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  padding: 0;\r\n  margin: 0;\r\n  outline:none;\r\n  max-width: max-content;\r\n  display: flex;\r\n  align-items: center;\r\n  border: none;\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n\r\n  ${(props) => (props.size === Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)) : ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)))};\r\n  font-feature-settings: 'liga' off;\r\n\r\n  & > ${BackButtonContentContainer} {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    max-width: max-content;\r\n    padding: 4px 4px 4px 0;\r\n    border-radius: 4px;\r\n    cursor: inherit;\r\n    min-width: 64px;\r\n\r\n  }\r\n\r\n  & > ${BackButtonContentContainer} > span {\r\n    display: flex;\r\n    cursor: inherit;\r\n  }\r\n  & > ${BackButtonContentContainer} > label {\r\n    display: flex;\r\n    cursor: inherit;\r\n    flex-grow: 1;\r\n    justify-content: center;\r\n  }\r\n\r\n  &:hover > ${BackButtonContentContainer},\r\n  &.hover-state > ${BackButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n  &:focus > ${BackButtonContentContainer},\r\n  &.focus-state > ${BackButtonContentContainer} {\r\n    ${focusStyles}\r\n  }\r\n  &:active > ${BackButtonContentContainer},\r\n  &.active-state > ${BackButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n  &:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n  &:disabled > ${BackButtonContentContainer} {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n    background-color: transparent !important;\r\n  }\r\n`;\r\n\r\nexport interface BackButtonProps extends Testable, React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n    /**\r\n   * Required. The size of the back button. Can be 'Small' or 'XSmall'.\r\n   */\r\n  size: Size.Small | Size.XSmall;\r\n    /**\r\n   * Optional. A boolean indicating whether the back button is disabled.\r\n   */\r\n  disabled?: boolean;\r\n}\r\nconst BackButton: React.FunctionComponent<BackButtonProps> = ({ children, size = Size.Small, dataTestId, ...props }) => {\r\n  return (\r\n    <BackButtonContainerStyles {...props} size={size} onMouseDown={defaultOnMouseDownHandler} dataTestId={dataTestId}>\r\n      <BackButtonContentContainer>\r\n        <span aria-hidden=\"true\">\r\n          <SystemIcons.ArrowLineLeft size={size === Size.XSmall ? '20' : '24'} />\r\n        </span>\r\n        <label>{children}</label>\r\n      </BackButtonContentContainer>\r\n    </BackButtonContainerStyles>\r\n  );\r\n};\r\n\r\nexport default BackButton;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BackButton.js","names":["React","styled","COLORS","focusStyles","Size","SystemIcons","ComponentTextStyle","ComponentSStyling","ComponentXSStyling","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","BackButtonContentContainer","div","_templateObject","_taggedTemplateLiteral","BackButtonContainerStyles","button","_templateObject2","props","$size","XSmall","Bold","getColor","theme","BackButton","_ref","children","_ref$size","size","Small","dataTestId","_objectWithoutProperties","_excluded","_objectSpread","onMouseDown","ArrowLineLeft","propTypes","disabled","_pt","bool"],"sources":["../../src/Button/BackButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {COLORS, focusStyles} from '../styles';\r\nimport { Size, Testable } from '../types';\r\nimport { SystemIcons } from '../icons';\r\nimport { ComponentTextStyle, ComponentSStyling, ComponentXSStyling } from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nexport const BackButtonContentContainer = styled.div``;\r\n\r\nconst BackButtonContainerStyles = styled.button<{$size: Size, dataTestId: string | undefined}>`\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  padding: 0;\r\n  margin: 0;\r\n  outline:none;\r\n  max-width: max-content;\r\n  display: flex;\r\n  align-items: center;\r\n  border: none;\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n\r\n  ${(props) => (props.$size === Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)) : ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)))};\r\n  font-feature-settings: 'liga' off;\r\n\r\n  & > ${BackButtonContentContainer} {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    max-width: max-content;\r\n    padding: 4px 4px 4px 0;\r\n    border-radius: 4px;\r\n    cursor: inherit;\r\n    min-width: 64px;\r\n\r\n  }\r\n\r\n  & > ${BackButtonContentContainer} > span {\r\n    display: flex;\r\n    cursor: inherit;\r\n  }\r\n  & > ${BackButtonContentContainer} > label {\r\n    display: flex;\r\n    cursor: inherit;\r\n    flex-grow: 1;\r\n    justify-content: center;\r\n  }\r\n\r\n  &:hover > ${BackButtonContentContainer},\r\n  &.hover-state > ${BackButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n  &:focus > ${BackButtonContentContainer},\r\n  &.focus-state > ${BackButtonContentContainer} {\r\n    ${focusStyles}\r\n  }\r\n  &:active > ${BackButtonContentContainer},\r\n  &.active-state > ${BackButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n  &:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n  &:disabled > ${BackButtonContentContainer} {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n    background-color: transparent !important;\r\n  }\r\n`;\r\n\r\nexport interface BackButtonProps extends Testable, React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n    /**\r\n   * Required. The size of the back button. Can be 'Small' or 'XSmall'.\r\n   */\r\n  size: Size.Small | Size.XSmall;\r\n    /**\r\n   * Optional. A boolean indicating whether the back button is disabled.\r\n   */\r\n  disabled?: boolean;\r\n}\r\nconst BackButton: React.FunctionComponent<BackButtonProps> = ({ children, size: size = Size.Small, dataTestId, ...props }) => {\r\n  return (\r\n    <BackButtonContainerStyles {...props} $size={size} onMouseDown={defaultOnMouseDownHandler} dataTestId={dataTestId}>\r\n      <BackButtonContentContainer>\r\n        <span aria-hidden=\"true\">\r\n          <SystemIcons.ArrowLineLeft size={size === Size.XSmall ? '20' : '24'} />\r\n        </span>\r\n        <label>{children}</label>\r\n      </BackButtonContentContainer>\r\n    </BackButtonContainerStyles>\r\n  );\r\n};\r\n\r\nexport default BackButton;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Button/Button.cjs

@@ -210,7 +210,7 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     type: type,
     size: size,
     flatEdge: flatEdge,
-    width: width,
+    $width: width,
     "data-testid": testId,
     className: props.loading ? 'loading-state ' + props.className : ' ' + props.className,
     onMouseDown: _common.defaultOnMouseDownHandler,