@laerdal/life-react-components 6.0.0-dev.2.full → 6.0.0-dev.20.full

package/dist/Banners/Banner.js

@@ -20,7 +20,7 @@ import { hasWindow } from '../utils/utils';
  */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const BannerContainerStyles = styled.div`
-  background: ${props => props.$type ? props.$type : COLORS.getColor('correct_100', props.theme)};
+  background: ${props => props.$backgroundColor};
   min-height: 48px;
   display: flex;
   color: ${props => COLORS.getColor('black', props.theme)};
@@ -52,11 +52,11 @@ export const BannerContainerStyles = styled.div`
       color: ${props => props.$link};
     }
     &:visited {
-      color: ${props => props.$linkVisited};
+      color: ${props => props.$linkActive};
     }
     &:focus,
     &:active {
-      background-color: ${props => props.$linkFocused};
+      background-color: ${props => props.$linkActive};
       color: ${props => COLORS.getColor('white', props.theme)};
     }
   }
@@ -157,69 +157,73 @@ const Banner = _ref => {
     window.addEventListener('resize', handleResize);
     return () => window.removeEventListener('resize', handleResize);
   }, []);
+  let variant = 'primary';
+  switch (type) {
+    case 'warning':
+      variant = 'warning';
+      break;
+    case 'critical':
+      variant = 'critical';
+      break;
+    case 'positive':
+      variant = 'positive';
+      break;
+  }
   let bannerParams = {
-    typeColor: COLORS.getColor('primary_100', theme),
-    accentColor: COLORS.getColor('primary_700', theme),
-    closeIconColor: COLORS.getColor('primary_500', theme),
+    background: COLORS.generateToken({
+      componentType: 'bg-surface',
+      defaultVariant: variant
+    }, theme),
+    linkColor: COLORS.generateToken({
+      componentType: 'text-link',
+      defaultVariant: variant
+    }, theme),
+    closeIconColor: COLORS.generateToken({
+      componentType: 'icon',
+      defaultVariant: variant
+    }, theme),
     icon: SystemIcons.Tip,
     containerType: type,
-    focusBgColor: COLORS.getColor('primary_200', theme),
-    linkVisited: COLORS.getColor('primary_600', theme),
-    linkFocused: COLORS.getColor('primary_800', theme)
+    linkActive: COLORS.generateToken({
+      componentType: 'text-link',
+      defaultVariant: variant,
+      state: 'active'
+    }, theme)
   };
   switch (type) {
     case 'warning':
-      bannerParams.typeColor = COLORS.getColor('warning_100', theme);
-      bannerParams.accentColor = COLORS.getColor('warning_700', theme);
-      bannerParams.focusBgColor = COLORS.getColor('warning_200', theme);
       bannerParams.icon = SystemIcons.Help;
-      bannerParams.closeIconColor = COLORS.getColor('warning_500', theme);
-      bannerParams.linkVisited = COLORS.getColor('warning_800', theme);
-      bannerParams.linkFocused = COLORS.getColor('warning_800', theme);
       break;
     case 'critical':
-      bannerParams.typeColor = COLORS.getColor('critical_100', theme);
-      bannerParams.accentColor = COLORS.getColor('critical_700', theme);
-      bannerParams.focusBgColor = COLORS.getColor('critical_200', theme);
       bannerParams.icon = SystemIcons.TechnicalWarning;
-      bannerParams.closeIconColor = COLORS.getColor('critical_500', theme);
-      bannerParams.linkVisited = COLORS.getColor('critical_800', theme);
-      bannerParams.linkFocused = COLORS.getColor('critical_800', theme);
       break;
     case 'positive':
-      bannerParams.typeColor = COLORS.getColor('correct_100', theme);
-      bannerParams.accentColor = COLORS.getColor('correct_700', theme);
-      bannerParams.focusBgColor = COLORS.getColor('correct_200', theme);
       bannerParams.icon = SystemIcons.ThumbsUp;
-      bannerParams.closeIconColor = COLORS.getColor('correct_500', theme);
-      bannerParams.linkVisited = COLORS.getColor('correct_800', theme);
-      bannerParams.linkFocused = COLORS.getColor('correct_800', theme);
       break;
   }
   const cls = `${className ?? ''} ${fullWidth ? 'full-width-banner' : ''}`;
   return /*#__PURE__*/_jsx(BannerContainerStyles, _objectSpread(_objectSpread({
     "data-testid": testId,
-    $type: bannerParams.typeColor,
-    $linkFocused: bannerParams.linkFocused,
-    $linkVisited: bannerParams.linkVisited,
-    $link: bannerParams.accentColor,
+    $backgroundColor: bannerParams.background,
+    $linkActive: bannerParams.linkActive,
+    $link: bannerParams.linkColor,
     $bottom: bottom,
     className: cls,
     role: "note"
   }, rest), {}, {
     children: /*#__PURE__*/_jsxs(BannerCenterStyles, {
       style: {
-        color: bannerParams.accentColor
+        color: bannerParams.linkColor
       },
       className: size,
       children: [icon ? icon : noIcon ? null : /*#__PURE__*/_jsx(bannerParams.icon, {
-        color: bannerParams.accentColor,
+        color: bannerParams.linkColor,
         size: "24px"
       }), /*#__PURE__*/_jsx(BannerContentWrapperStyles, {
         children: /*#__PURE__*/_jsxs(ComponentResponsive, {
           size: size,
           width: width,
-          color: bannerParams.accentColor,
+          color: bannerParams.linkColor,
           children: [children, "\xA0", link && linkText && /*#__PURE__*/_jsx(HyperLink, {
             id: `${Math.floor(Math.random() * 999999999999)}_BannerLink`,
             onClick: e => {

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","props","$type","getColor","theme","$bottom","MEDIUM","LARGE","$link","$linkVisited","$linkFocused","BannerCenterStyles","Regular","BannerCloseButtonWrapperStyles","BannerCloseButtonContainerStyles","BannerContentWrapperStyles","Banner","_ref","size","type","children","bottom","testId","linkText","link","onClose","icon","noIcon","linkAction","fullWidth","className","rest","_objectWithoutProperties","_excluded","width","setWidth","useState","window","innerWidth","useEffect","handleResize","addEventListener","removeEventListener","bannerParams","typeColor","accentColor","closeIconColor","Tip","containerType","focusBgColor","linkVisited","linkFocused","Help","TechnicalWarning","ThumbsUp","cls","_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/HyperLink';\r\nimport { StyledLink } from '../HyperLink/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":[]}
+{"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","props","$backgroundColor","getColor","theme","$bottom","MEDIUM","LARGE","$link","$linkActive","BannerCenterStyles","Regular","BannerCloseButtonWrapperStyles","BannerCloseButtonContainerStyles","$type","BannerContentWrapperStyles","Banner","_ref","size","type","children","bottom","testId","linkText","link","onClose","icon","noIcon","linkAction","fullWidth","className","rest","_objectWithoutProperties","_excluded","width","setWidth","useState","window","innerWidth","useEffect","handleResize","addEventListener","removeEventListener","variant","bannerParams","background","generateToken","componentType","defaultVariant","linkColor","closeIconColor","Tip","containerType","linkActive","state","Help","TechnicalWarning","ThumbsUp","cls","_objectSpread","role","style","color","id","Math","floor","random","onClick","e","preventDefault","href","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/HyperLink';\r\nimport { StyledLink } from '../HyperLink/HyperLink';\r\nimport { hasWindow } from '../utils/utils';\r\nimport { ColorVariant } from 'src/utils/color-tokens';\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, $backgroundColor: string; $linkActive: string; }>`\r\n  background: ${props => props.$backgroundColor};\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.$linkActive};\r\n    }\r\n    &:focus,\r\n    &:active {\r\n      background-color: ${(props) => props.$linkActive};\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\r\n  let variant = 'primary';\r\n  switch(type)\r\n  {\r\n    case 'warning':\r\n      variant = 'warning';\r\n      break;\r\n\r\n    case 'critical':\r\n      variant = 'critical';\r\n      break;\r\n\r\n    case 'positive':\r\n      variant = 'positive';\r\n      break;\r\n  }\r\n  \r\n  let bannerParams = {\r\n    background:     COLORS.generateToken({ componentType: 'bg-surface', defaultVariant: variant as ColorVariant }, theme),\r\n    linkColor:      COLORS.generateToken({ componentType: 'text-link',  defaultVariant: variant as ColorVariant }, theme),\r\n    closeIconColor: COLORS.generateToken({ componentType: 'icon',       defaultVariant: variant as ColorVariant }, theme),\r\n    icon: SystemIcons.Tip,\r\n    containerType: type,\r\n    linkActive:     COLORS.generateToken({ componentType: 'text-link',  defaultVariant: variant as ColorVariant, state: 'active' }, theme),\r\n  };\r\n\r\n  switch (type) {\r\n    case 'warning':\r\n      bannerParams.icon = SystemIcons.Help;\r\n      break;\r\n    case 'critical':\r\n      bannerParams.icon = SystemIcons.TechnicalWarning;\r\n      break;\r\n    case 'positive':\r\n      bannerParams.icon = SystemIcons.ThumbsUp;\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      $backgroundColor={bannerParams.background}\r\n      $linkActive={bannerParams.linkActive}\r\n      $link={bannerParams.linkColor}\r\n      $bottom={bottom}\r\n      className={cls}\r\n      role=\"note\"\r\n      {...rest}>\r\n      <BannerCenterStyles style={{ color: bannerParams.linkColor }} className={size}>\r\n        {icon ? icon : noIcon ? null : <bannerParams.icon color={bannerParams.linkColor} size=\"24px\" />}\r\n        <BannerContentWrapperStyles>\r\n          <ComponentResponsive size={size} width={width} color={bannerParams.linkColor}>\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/__tests__/Banner.test.tsx

@@ -0,0 +1,47 @@
+import React from 'react';
+import { render } from '../../test-utils';
+import { Banner } from '../index';
+import 'jest-styled-components';
+import { COLORS } from '../../styles';
+
+
+
+
+describe('<Banner />', () => {
+  it('Renders warning banner', async () => {
+    const { queryByText, getByTestId } = render(
+      <Banner type="warning" testId="TestBanner">
+        <h2>TestBanner</h2>
+      </Banner>,
+    );
+    expect(queryByText('TestHeader')).toBeDefined();
+    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.bg_surface_warning);
+  });
+  it('Renders critial banner', async () => {
+    const { queryByText, getByTestId } = render(
+      <Banner type="critical" testId="TestBanner">
+        <h2>TestBanner</h2>
+      </Banner>,
+    );
+    expect(queryByText('TestHeader')).toBeDefined();
+    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.bg_surface_critical);
+  });
+  it('Renders positive banner', async () => {
+    const { queryByText, getByTestId } = render(
+      <Banner type="positive" testId="TestBanner">
+        <h2>TestBanner</h2>
+      </Banner>,
+    );
+    expect(queryByText('TestHeader')).toBeDefined();
+    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.bg_surface_positive);
+  });
+  it('Renders default banner', async () => {
+    const { queryByText, getByTestId } = render(
+      <Banner testId="TestBanner">
+        <h2>TestBanner</h2>
+      </Banner>,
+    );
+    expect(queryByText('TestHeader')).toBeDefined();
+    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.bg_surface_primary);
+  });
+});

package/dist/Banners/__tests__/OverviewBanner.test.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { render } from '../../test-utils';
+import { OverviewBanner } from '../index';
+import 'jest-styled-components';
+import { COLORS } from '../../styles';
+
+
+
+
+describe('<OverviewBanner />', () => {
+  it('Renders', async () => {
+    const { queryByText, getByTestId } = render(
+      <OverviewBanner testId="TestBanner">
+        <h2>TestHeader</h2>
+      </OverviewBanner>,
+    );
+    expect(queryByText('TestHeader')).toBeDefined();
+    expect(getByTestId('TestBanner')).toHaveStyleRule('background-color', COLORS.primary_20);
+  });
+});

package/dist/Banners/styles.cjs

@@ -13,9 +13,7 @@ const getButtonStyle = (type, theme) => {
     hoverBgColor: _styles.COLORS.getColor('primary_200', theme),
     hoverSvgFill: _styles.COLORS.getColor('primary_700', theme),
     activeBgColor: _styles.COLORS.getColor('primary_300', theme),
-    activeSvgFill: _styles.COLORS.getColor('primary_800', theme),
-    focusBgColor: _styles.COLORS.getColor('primary_200', theme),
-    focusSvgFill: _styles.COLORS.getColor('primary_700', theme)
+    activeSvgFill: _styles.COLORS.getColor('primary_800', theme)
   };
   switch (type) {
     case 'warning':
@@ -24,9 +22,7 @@ const getButtonStyle = (type, theme) => {
         hoverBgColor: _styles.COLORS.getColor('warning_200', theme),
         hoverSvgFill: _styles.COLORS.getColor('warning_700', theme),
         activeBgColor: _styles.COLORS.getColor('warning_300', theme),
-        activeSvgFill: _styles.COLORS.getColor('warning_800', theme),
-        focusBgColor: _styles.COLORS.getColor('warning_200', theme),
-        focusSvgFill: _styles.COLORS.getColor('warning_700', theme)
+        activeSvgFill: _styles.COLORS.getColor('warning_800', theme)
       };
       break;
     case 'critical':
@@ -35,20 +31,16 @@ const getButtonStyle = (type, theme) => {
         hoverBgColor: _styles.COLORS.getColor('critical_200', theme),
         hoverSvgFill: _styles.COLORS.getColor('critical_700', theme),
         activeBgColor: _styles.COLORS.getColor('critical_300', theme),
-        activeSvgFill: _styles.COLORS.getColor('critical_800', theme),
-        focusBgColor: _styles.COLORS.getColor('critical_200', theme),
-        focusSvgFill: _styles.COLORS.getColor('critical_700', theme)
+        activeSvgFill: _styles.COLORS.getColor('critical_800', theme)
       };
       break;
     case 'positive':
       style = {
-        svgFill: _styles.COLORS.getColor('correct_500', theme),
-        hoverBgColor: _styles.COLORS.getColor('correct_200', theme),
-        hoverSvgFill: _styles.COLORS.getColor('correct_700', theme),
-        activeBgColor: _styles.COLORS.getColor('correct_300', theme),
-        activeSvgFill: _styles.COLORS.getColor('correct_800', theme),
-        focusBgColor: _styles.COLORS.getColor('correct_200', theme),
-        focusSvgFill: _styles.COLORS.getColor('correct_700', theme)
+        svgFill: _styles.COLORS.getColor('positive_500', theme),
+        hoverBgColor: _styles.COLORS.getColor('positive_200', theme),
+        hoverSvgFill: _styles.COLORS.getColor('positive_700', theme),
+        activeBgColor: _styles.COLORS.getColor('positive_300', theme),
+        activeSvgFill: _styles.COLORS.getColor('positive_800', theme)
       };
       break;
   }

package/dist/Banners/styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs","names":["_styledComponents","require","_Iconbutton","_styles","getButtonStyle","type","theme","style","svgFill","COLORS","getColor","hoverBgColor","hoverSvgFill","activeBgColor","activeSvgFill","focusBgColor","focusSvgFill","css","IconButtonStyledSecondary","exports"],"sources":["../../src/Banners/styles.tsx"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { IconButtonStyledSecondary } from '../Button/Iconbutton';\r\nimport { COLORS } from '../styles';\r\n\r\nexport const getButtonStyle = (type: string, theme: any) => {\r\n  let style = {\r\n    svgFill: COLORS.getColor('primary_500', theme),\r\n    hoverBgColor: COLORS.getColor('primary_200', theme),\r\n    hoverSvgFill: COLORS.getColor('primary_700', theme),\r\n    activeBgColor: COLORS.getColor('primary_300', theme),\r\n    activeSvgFill: COLORS.getColor('primary_800', theme),\r\n    focusBgColor: COLORS.getColor('primary_200', theme),\r\n    focusSvgFill: COLORS.getColor('primary_700', theme)\r\n  };\r\n\r\n  switch(type)\r\n  {\r\n    case 'warning':\r\n      style = {\r\n        svgFill: COLORS.getColor('warning_500', theme),\r\n        hoverBgColor: COLORS.getColor('warning_200', theme),\r\n        hoverSvgFill: COLORS.getColor('warning_700', theme),\r\n        activeBgColor: COLORS.getColor('warning_300', theme),\r\n        activeSvgFill: COLORS.getColor('warning_800', theme),\r\n        focusBgColor: COLORS.getColor('warning_200', theme),\r\n        focusSvgFill: COLORS.getColor('warning_700', theme)\r\n      };\r\n      break;\r\n    \r\n    case 'critical':\r\n      style = {\r\n        svgFill: COLORS.getColor('critical_600', theme),\r\n        hoverBgColor: COLORS.getColor('critical_200', theme),\r\n        hoverSvgFill: COLORS.getColor('critical_700', theme),\r\n        activeBgColor: COLORS.getColor('critical_300', theme),\r\n        activeSvgFill: COLORS.getColor('critical_800', theme),\r\n        focusBgColor: COLORS.getColor('critical_200', theme),\r\n        focusSvgFill: COLORS.getColor('critical_700', theme)\r\n      };\r\n      break;\r\n\r\n    case 'positive':\r\n      style = {\r\n        svgFill: COLORS.getColor('correct_500', theme),\r\n        hoverBgColor: COLORS.getColor('correct_200', theme),\r\n        hoverSvgFill: COLORS.getColor('correct_700', theme),\r\n        activeBgColor: COLORS.getColor('correct_300', theme),\r\n        activeSvgFill: COLORS.getColor('correct_800', theme),\r\n        focusBgColor: COLORS.getColor('correct_200', theme),\r\n        focusSvgFill: COLORS.getColor('correct_700', theme)\r\n      };\r\n      break;\r\n  }\r\n\r\n  return css`\r\n    ${IconButtonStyledSecondary} {\r\n    div {\r\n      background-color: transparent;\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${style.svgFill};\r\n    }\r\n    &:hover:not(:disabled) {\r\n      div {\r\n        background-color: ${style.hoverBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.hoverSvgFill};\r\n      }\r\n    }\r\n    &:active:not(:disabled) {\r\n      div {\r\n        background: ${style.activeBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.activeSvgFill};\r\n      }\r\n    }\r\n  }`;\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"styles.cjs","names":["_styledComponents","require","_Iconbutton","_styles","getButtonStyle","type","theme","style","svgFill","COLORS","getColor","hoverBgColor","hoverSvgFill","activeBgColor","activeSvgFill","css","IconButtonStyledSecondary","exports"],"sources":["../../src/Banners/styles.tsx"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { IconButtonStyledSecondary } from '../Button/Iconbutton';\r\nimport { COLORS } from '../styles';\r\n\r\nexport const getButtonStyle = (type: string, theme: any) => {\r\n  let style = {\r\n    svgFill: COLORS.getColor('primary_500', theme),\r\n    hoverBgColor: COLORS.getColor('primary_200', theme),\r\n    hoverSvgFill: COLORS.getColor('primary_700', theme),\r\n    activeBgColor: COLORS.getColor('primary_300', theme),\r\n    activeSvgFill: COLORS.getColor('primary_800', theme),\r\n  };\r\n\r\n  switch(type)\r\n  {\r\n    case 'warning':\r\n      style = {\r\n        svgFill: COLORS.getColor('warning_500', theme),\r\n        hoverBgColor: COLORS.getColor('warning_200', theme),\r\n        hoverSvgFill: COLORS.getColor('warning_700', theme),\r\n        activeBgColor: COLORS.getColor('warning_300', theme),\r\n        activeSvgFill: COLORS.getColor('warning_800', theme),\r\n      };\r\n      break;\r\n    \r\n    case 'critical':\r\n      style = {\r\n        svgFill: COLORS.getColor('critical_600', theme),\r\n        hoverBgColor: COLORS.getColor('critical_200', theme),\r\n        hoverSvgFill: COLORS.getColor('critical_700', theme),\r\n        activeBgColor: COLORS.getColor('critical_300', theme),\r\n        activeSvgFill: COLORS.getColor('critical_800', theme),\r\n      };\r\n      break;\r\n\r\n    case 'positive':\r\n      style = {\r\n        svgFill: COLORS.getColor('positive_500', theme),\r\n        hoverBgColor: COLORS.getColor('positive_200', theme),\r\n        hoverSvgFill: COLORS.getColor('positive_700', theme),\r\n        activeBgColor: COLORS.getColor('positive_300', theme),\r\n        activeSvgFill: COLORS.getColor('positive_800', theme)\r\n      };\r\n      break;\r\n  }\r\n\r\n  return css`\r\n    ${IconButtonStyledSecondary} {\r\n    div {\r\n      background-color: transparent;\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${style.svgFill};\r\n    }\r\n    &:hover:not(:disabled) {\r\n      div {\r\n        background-color: ${style.hoverBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.hoverSvgFill};\r\n      }\r\n    }\r\n    &:active:not(:disabled) {\r\n      div {\r\n        background: ${style.activeBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.activeSvgFill};\r\n      }\r\n    }\r\n  }`;\r\n};\r\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEO,MAAMG,cAAc,GAAGA,CAACC,IAAY,EAAEC,KAAU,KAAK;EAC1D,IAAIC,KAAK,GAAG;IACVC,OAAO,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAAC;IAC9CK,YAAY,EAAEF,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAAC;IACnDM,YAAY,EAAEH,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAAC;IACnDO,aAAa,EAAEJ,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAAC;IACpDQ,aAAa,EAAEL,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK;EACrD,CAAC;EAED,QAAOD,IAAI;IAET,KAAK,SAAS;MACZE,KAAK,GAAG;QACNC,OAAO,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAAC;QAC9CK,YAAY,EAAEF,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAAC;QACnDM,YAAY,EAAEH,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAAC;QACnDO,aAAa,EAAEJ,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAAC;QACpDQ,aAAa,EAAEL,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK;MACrD,CAAC;MACD;IAEF,KAAK,UAAU;MACbC,KAAK,GAAG;QACNC,OAAO,EAAEC,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEJ,KAAK,CAAC;QAC/CK,YAAY,EAAEF,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEJ,KAAK,CAAC;QACpDM,YAAY,EAAEH,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEJ,KAAK,CAAC;QACpDO,aAAa,EAAEJ,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEJ,KAAK,CAAC;QACrDQ,aAAa,EAAEL,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEJ,KAAK;MACtD,CAAC;MACD;IAEF,KAAK,UAAU;MACbC,KAAK,GAAG;QACNC,OAAO,EAAEC,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEJ,KAAK,CAAC;QAC/CK,YAAY,EAAEF,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEJ,KAAK,CAAC;QACpDM,YAAY,EAAEH,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEJ,KAAK,CAAC;QACpDO,aAAa,EAAEJ,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEJ,KAAK,CAAC;QACrDQ,aAAa,EAAEL,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEJ,KAAK;MACtD,CAAC;MACD;EACJ;EAEA,OAAO,IAAAS,qBAAG;AACZ,MAAMC,qCAAyB;AAC/B;AACA;AACA;AACA;AACA;AACA,cAAcT,KAAK,CAACC,OAAO;AAC3B;AACA;AACA;AACA,4BAA4BD,KAAK,CAACI,YAAY;AAC9C;AACA;AACA;AACA,gBAAgBJ,KAAK,CAACK,YAAY;AAClC;AACA;AACA;AACA;AACA,sBAAsBL,KAAK,CAACM,aAAa;AACzC;AACA;AACA;AACA,gBAAgBN,KAAK,CAACO,aAAa;AACnC;AACA;AACA,IAAI;AACJ,CAAC;AAACG,OAAA,CAAAb,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/Banners/styles.js

@@ -7,9 +7,7 @@ export const getButtonStyle = (type, theme) => {
     hoverBgColor: COLORS.getColor('primary_200', theme),
     hoverSvgFill: COLORS.getColor('primary_700', theme),
     activeBgColor: COLORS.getColor('primary_300', theme),
-    activeSvgFill: COLORS.getColor('primary_800', theme),
-    focusBgColor: COLORS.getColor('primary_200', theme),
-    focusSvgFill: COLORS.getColor('primary_700', theme)
+    activeSvgFill: COLORS.getColor('primary_800', theme)
   };
   switch (type) {
     case 'warning':
@@ -18,9 +16,7 @@ export const getButtonStyle = (type, theme) => {
         hoverBgColor: COLORS.getColor('warning_200', theme),
         hoverSvgFill: COLORS.getColor('warning_700', theme),
         activeBgColor: COLORS.getColor('warning_300', theme),
-        activeSvgFill: COLORS.getColor('warning_800', theme),
-        focusBgColor: COLORS.getColor('warning_200', theme),
-        focusSvgFill: COLORS.getColor('warning_700', theme)
+        activeSvgFill: COLORS.getColor('warning_800', theme)
       };
       break;
     case 'critical':
@@ -29,20 +25,16 @@ export const getButtonStyle = (type, theme) => {
         hoverBgColor: COLORS.getColor('critical_200', theme),
         hoverSvgFill: COLORS.getColor('critical_700', theme),
         activeBgColor: COLORS.getColor('critical_300', theme),
-        activeSvgFill: COLORS.getColor('critical_800', theme),
-        focusBgColor: COLORS.getColor('critical_200', theme),
-        focusSvgFill: COLORS.getColor('critical_700', theme)
+        activeSvgFill: COLORS.getColor('critical_800', theme)
       };
       break;
     case 'positive':
       style = {
-        svgFill: COLORS.getColor('correct_500', theme),
-        hoverBgColor: COLORS.getColor('correct_200', theme),
-        hoverSvgFill: COLORS.getColor('correct_700', theme),
-        activeBgColor: COLORS.getColor('correct_300', theme),
-        activeSvgFill: COLORS.getColor('correct_800', theme),
-        focusBgColor: COLORS.getColor('correct_200', theme),
-        focusSvgFill: COLORS.getColor('correct_700', theme)
+        svgFill: COLORS.getColor('positive_500', theme),
+        hoverBgColor: COLORS.getColor('positive_200', theme),
+        hoverSvgFill: COLORS.getColor('positive_700', theme),
+        activeBgColor: COLORS.getColor('positive_300', theme),
+        activeSvgFill: COLORS.getColor('positive_800', theme)
       };
       break;
   }

package/dist/Banners/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["css","IconButtonStyledSecondary","COLORS","getButtonStyle","type","theme","style","svgFill","getColor","hoverBgColor","hoverSvgFill","activeBgColor","activeSvgFill","focusBgColor","focusSvgFill"],"sources":["../../src/Banners/styles.tsx"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { IconButtonStyledSecondary } from '../Button/Iconbutton';\r\nimport { COLORS } from '../styles';\r\n\r\nexport const getButtonStyle = (type: string, theme: any) => {\r\n  let style = {\r\n    svgFill: COLORS.getColor('primary_500', theme),\r\n    hoverBgColor: COLORS.getColor('primary_200', theme),\r\n    hoverSvgFill: COLORS.getColor('primary_700', theme),\r\n    activeBgColor: COLORS.getColor('primary_300', theme),\r\n    activeSvgFill: COLORS.getColor('primary_800', theme),\r\n    focusBgColor: COLORS.getColor('primary_200', theme),\r\n    focusSvgFill: COLORS.getColor('primary_700', theme)\r\n  };\r\n\r\n  switch(type)\r\n  {\r\n    case 'warning':\r\n      style = {\r\n        svgFill: COLORS.getColor('warning_500', theme),\r\n        hoverBgColor: COLORS.getColor('warning_200', theme),\r\n        hoverSvgFill: COLORS.getColor('warning_700', theme),\r\n        activeBgColor: COLORS.getColor('warning_300', theme),\r\n        activeSvgFill: COLORS.getColor('warning_800', theme),\r\n        focusBgColor: COLORS.getColor('warning_200', theme),\r\n        focusSvgFill: COLORS.getColor('warning_700', theme)\r\n      };\r\n      break;\r\n    \r\n    case 'critical':\r\n      style = {\r\n        svgFill: COLORS.getColor('critical_600', theme),\r\n        hoverBgColor: COLORS.getColor('critical_200', theme),\r\n        hoverSvgFill: COLORS.getColor('critical_700', theme),\r\n        activeBgColor: COLORS.getColor('critical_300', theme),\r\n        activeSvgFill: COLORS.getColor('critical_800', theme),\r\n        focusBgColor: COLORS.getColor('critical_200', theme),\r\n        focusSvgFill: COLORS.getColor('critical_700', theme)\r\n      };\r\n      break;\r\n\r\n    case 'positive':\r\n      style = {\r\n        svgFill: COLORS.getColor('correct_500', theme),\r\n        hoverBgColor: COLORS.getColor('correct_200', theme),\r\n        hoverSvgFill: COLORS.getColor('correct_700', theme),\r\n        activeBgColor: COLORS.getColor('correct_300', theme),\r\n        activeSvgFill: COLORS.getColor('correct_800', theme),\r\n        focusBgColor: COLORS.getColor('correct_200', theme),\r\n        focusSvgFill: COLORS.getColor('correct_700', theme)\r\n      };\r\n      break;\r\n  }\r\n\r\n  return css`\r\n    ${IconButtonStyledSecondary} {\r\n    div {\r\n      background-color: transparent;\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${style.svgFill};\r\n    }\r\n    &:hover:not(:disabled) {\r\n      div {\r\n        background-color: ${style.hoverBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.hoverSvgFill};\r\n      }\r\n    }\r\n    &:active:not(:disabled) {\r\n      div {\r\n        background: ${style.activeBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.activeSvgFill};\r\n      }\r\n    }\r\n  }`;\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"styles.js","names":["css","IconButtonStyledSecondary","COLORS","getButtonStyle","type","theme","style","svgFill","getColor","hoverBgColor","hoverSvgFill","activeBgColor","activeSvgFill"],"sources":["../../src/Banners/styles.tsx"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { IconButtonStyledSecondary } from '../Button/Iconbutton';\r\nimport { COLORS } from '../styles';\r\n\r\nexport const getButtonStyle = (type: string, theme: any) => {\r\n  let style = {\r\n    svgFill: COLORS.getColor('primary_500', theme),\r\n    hoverBgColor: COLORS.getColor('primary_200', theme),\r\n    hoverSvgFill: COLORS.getColor('primary_700', theme),\r\n    activeBgColor: COLORS.getColor('primary_300', theme),\r\n    activeSvgFill: COLORS.getColor('primary_800', theme),\r\n  };\r\n\r\n  switch(type)\r\n  {\r\n    case 'warning':\r\n      style = {\r\n        svgFill: COLORS.getColor('warning_500', theme),\r\n        hoverBgColor: COLORS.getColor('warning_200', theme),\r\n        hoverSvgFill: COLORS.getColor('warning_700', theme),\r\n        activeBgColor: COLORS.getColor('warning_300', theme),\r\n        activeSvgFill: COLORS.getColor('warning_800', theme),\r\n      };\r\n      break;\r\n    \r\n    case 'critical':\r\n      style = {\r\n        svgFill: COLORS.getColor('critical_600', theme),\r\n        hoverBgColor: COLORS.getColor('critical_200', theme),\r\n        hoverSvgFill: COLORS.getColor('critical_700', theme),\r\n        activeBgColor: COLORS.getColor('critical_300', theme),\r\n        activeSvgFill: COLORS.getColor('critical_800', theme),\r\n      };\r\n      break;\r\n\r\n    case 'positive':\r\n      style = {\r\n        svgFill: COLORS.getColor('positive_500', theme),\r\n        hoverBgColor: COLORS.getColor('positive_200', theme),\r\n        hoverSvgFill: COLORS.getColor('positive_700', theme),\r\n        activeBgColor: COLORS.getColor('positive_300', theme),\r\n        activeSvgFill: COLORS.getColor('positive_800', theme)\r\n      };\r\n      break;\r\n  }\r\n\r\n  return css`\r\n    ${IconButtonStyledSecondary} {\r\n    div {\r\n      background-color: transparent;\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${style.svgFill};\r\n    }\r\n    &:hover:not(:disabled) {\r\n      div {\r\n        background-color: ${style.hoverBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.hoverSvgFill};\r\n      }\r\n    }\r\n    &:active:not(:disabled) {\r\n      div {\r\n        background: ${style.activeBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.activeSvgFill};\r\n      }\r\n    }\r\n  }`;\r\n};\r\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,SAASC,yBAAyB,QAAQ,sBAAsB;AAChE,SAASC,MAAM,QAAQ,WAAW;AAElC,OAAO,MAAMC,cAAc,GAAGA,CAACC,IAAY,EAAEC,KAAU,KAAK;EAC1D,IAAIC,KAAK,GAAG;IACVC,OAAO,EAAEL,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;IAC9CI,YAAY,EAAEP,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;IACnDK,YAAY,EAAER,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;IACnDM,aAAa,EAAET,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;IACpDO,aAAa,EAAEV,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK;EACrD,CAAC;EAED,QAAOD,IAAI;IAET,KAAK,SAAS;MACZE,KAAK,GAAG;QACNC,OAAO,EAAEL,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;QAC9CI,YAAY,EAAEP,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;QACnDK,YAAY,EAAER,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;QACnDM,aAAa,EAAET,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;QACpDO,aAAa,EAAEV,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK;MACrD,CAAC;MACD;IAEF,KAAK,UAAU;MACbC,KAAK,GAAG;QACNC,OAAO,EAAEL,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAAC;QAC/CI,YAAY,EAAEP,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAAC;QACpDK,YAAY,EAAER,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAAC;QACpDM,aAAa,EAAET,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAAC;QACrDO,aAAa,EAAEV,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK;MACtD,CAAC;MACD;IAEF,KAAK,UAAU;MACbC,KAAK,GAAG;QACNC,OAAO,EAAEL,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAAC;QAC/CI,YAAY,EAAEP,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAAC;QACpDK,YAAY,EAAER,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAAC;QACpDM,aAAa,EAAET,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAAC;QACrDO,aAAa,EAAEV,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK;MACtD,CAAC;MACD;EACJ;EAEA,OAAOL,GAAG;AACZ,MAAMC,yBAAyB;AAC/B;AACA;AACA;AACA;AACA;AACA,cAAcK,KAAK,CAACC,OAAO;AAC3B;AACA;AACA;AACA,4BAA4BD,KAAK,CAACG,YAAY;AAC9C;AACA;AACA;AACA,gBAAgBH,KAAK,CAACI,YAAY;AAClC;AACA;AACA;AACA;AACA,sBAAsBJ,KAAK,CAACK,aAAa;AACzC;AACA;AACA;AACA,gBAAgBL,KAAK,CAACM,aAAa;AACnC;AACA;AACA,IAAI;AACJ,CAAC","ignoreList":[]}

package/dist/Breadcrumb/Breadcrumb.cjs

@@ -44,7 +44,10 @@ const Breadcrumb = _ref => {
     "aria-hidden": "true",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.SystemIcons.ForwardSlash, {
       className: "chevronicon",
-      color: _styles.COLORS.getColor('neutral_500', theme),
+      color: _styles.COLORS.generateToken({
+        componentType: 'icon',
+        defaultVariant: 'subtle'
+      }, theme),
       size: chevronSize
     })
   });
@@ -91,7 +94,10 @@ const Breadcrumb = _ref => {
         items: dropdownItems,
         size: size == _.Size.XSmall ? _.Size.Small : size,
         icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.SystemIcons.MoreHorizontal, {
-          color: _styles.COLORS.getColor('neutral_600', theme),
+          color: _styles.COLORS.generateToken({
+            componentType: 'icon',
+            defaultVariant: 'subtle'
+          }, theme),
           size: "20px"
         }),
         onClick: navigate

package/dist/Breadcrumb/Breadcrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.cjs","names":["React","_interopRequireWildcard","require","_styles","_","_DropdownButton","_interopRequireDefault","_styles2","_styledComponents","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","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","size","Size","Small","homeIcon","homeLabel","lastItemAsLabel","homeCallback","rest","_objectWithoutProperties2","theme","useTheme","dropdownItems","slice","map","x","value","id","displayLabel","label","navigate","links","find","callback","chevronSize","Medium","renderChevron","jsx","children","SystemIcons","ForwardSlash","className","color","COLORS","getColor","renderBreadcrumbLinkItem","index","item","jsxs","Fragment","HyperLink","href","onClick","preventDefault","target","variant","BreadcrumbContainerStyles","$size","IconButton","shape","action","Home","type","alignLeft","XSmall","icon","MoreHorizontal","BreadcrumbItemLastStyles","propTypes","_propTypes","bool","string","func","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 { 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 { 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  /** Callback that will be called when 'Home' is clicked. */\r\n  homeCallback?: () => void;\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  homeCallback = () => {},\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.id ?? '', displayLabel: x.label })) : [];\r\n  const navigate = (links: string[]) => {\r\n    items?.find(x => x.id == links[0])?.callback(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          href=''\r\n          id={'link-item-' + index}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            item.callback && item.callback(item.id);\r\n          }}\r\n          target=\"_self\"\r\n          variant=\"default\">\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={() => homeCallback()}>\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={''}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            homeCallback && homeCallback();\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","_","_DropdownButton","_interopRequireDefault","_styles2","_styledComponents","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","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","size","Size","Small","homeIcon","homeLabel","lastItemAsLabel","homeCallback","rest","_objectWithoutProperties2","theme","useTheme","dropdownItems","slice","map","x","value","id","displayLabel","label","navigate","links","find","callback","chevronSize","Medium","renderChevron","jsx","children","SystemIcons","ForwardSlash","className","color","COLORS","generateToken","componentType","defaultVariant","renderBreadcrumbLinkItem","index","item","jsxs","Fragment","HyperLink","href","onClick","preventDefault","target","variant","BreadcrumbContainerStyles","$size","IconButton","shape","action","Home","type","alignLeft","XSmall","icon","MoreHorizontal","BreadcrumbItemLastStyles","propTypes","_propTypes","bool","string","func","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 { 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 { 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  /** Callback that will be called when 'Home' is clicked. */\r\n  homeCallback?: () => void;\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  homeCallback = () => {},\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.id ?? '', displayLabel: x.label })) : [];\r\n  const navigate = (links: string[]) => {\r\n    items?.find(x => x.id == links[0])?.callback(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.generateToken({componentType:'icon', defaultVariant:'subtle'}, 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          href=''\r\n          id={'link-item-' + index}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            item.callback && item.callback(item.id);\r\n          }}\r\n          target=\"_self\"\r\n          variant=\"default\">\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={() => homeCallback()}>\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={''}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            homeCallback && homeCallback();\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.generateToken({componentType:'icon', defaultVariant:'subtle'}, 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

@@ -36,7 +36,10 @@ const Breadcrumb = _ref => {
     "aria-hidden": "true",
     children: /*#__PURE__*/_jsx(SystemIcons.ForwardSlash, {
       className: "chevronicon",
-      color: COLORS.getColor('neutral_500', theme),
+      color: COLORS.generateToken({
+        componentType: 'icon',
+        defaultVariant: 'subtle'
+      }, theme),
       size: chevronSize
     })
   });
@@ -83,7 +86,10 @@ const Breadcrumb = _ref => {
         items: dropdownItems,
         size: size == Size.XSmall ? Size.Small : size,
         icon: /*#__PURE__*/_jsx(SystemIcons.MoreHorizontal, {
-          color: COLORS.getColor('neutral_600', theme),
+          color: COLORS.generateToken({
+            componentType: 'icon',
+            defaultVariant: 'subtle'
+          }, theme),
           size: "20px"
         }),
         onClick: navigate

package/dist/Breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","names":["React","COLORS","Size","SystemIcons","HyperLink","IconButton","DropdownButton","BreadcrumbContainerStyles","BreadcrumbItemLastStyles","useTheme","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Breadcrumb","_ref","items","size","Small","homeIcon","homeLabel","lastItemAsLabel","homeCallback","rest","_objectWithoutProperties","_excluded","theme","dropdownItems","slice","length","map","x","value","id","displayLabel","label","navigate","links","find","callback","chevronSize","Medium","renderChevron","children","ForwardSlash","className","color","getColor","renderBreadcrumbLinkItem","index","item","href","onClick","e","preventDefault","target","variant","_objectSpread","$size","shape","action","Home","type","alignLeft","XSmall","icon","MoreHorizontal","propTypes","_pt","bool","string","func","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 { 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 { 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  /** Callback that will be called when 'Home' is clicked. */\r\n  homeCallback?: () => void;\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  homeCallback = () => {},\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.id ?? '', displayLabel: x.label })) : [];\r\n  const navigate = (links: string[]) => {\r\n    items?.find(x => x.id == links[0])?.callback(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          href=''\r\n          id={'link-item-' + index}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            item.callback && item.callback(item.id);\r\n          }}\r\n          target=\"_self\"\r\n          variant=\"default\">\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={() => homeCallback()}>\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={''}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            homeCallback && homeCallback();\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":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,IAAI,EAAEC,WAAW,QAAQ,IAAI;AACtC,SAASC,SAAS,EAAEC,UAAU,QAAQ,IAAI;AAE1C,OAAOC,cAAc,MAAM,4BAA4B;AAEvD,SAASC,yBAAyB,EAAEC,wBAAwB,QAAQ,UAAU;AAC9E,SAASC,QAAQ,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAiB7C;AACA,MAAMC,UAAoD,GAAGC,IAAA,IAQvD;EAAA,IARwD;MAC5DC,KAAK;MACLC,IAAI,GAAGjB,IAAI,CAACkB,KAAK;MACjBC,QAAQ,GAAG,IAAI;MACfC,SAAS,GAAG,MAAM;MAClBC,eAAe,GAAG,KAAK;MACvBC,YAAY,GAAGA,CAAA,KAAM,CAAC;IAExB,CAAC,GAAAP,IAAA;IADIQ,IAAI,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA;EAEP,MAAMC,KAAK,GAAGnB,QAAQ,CAAC,CAAC;EACxB,MAAMoB,aAA6B,GAAGX,KAAK,GAAGA,KAAK,CAACY,KAAK,CAAC,CAAC,EAAEZ,KAAK,CAACa,MAAM,GAAG,CAAC,CAAC,CAACC,GAAG,CAAEC,CAAC,KAAM;IAAEC,KAAK,EAAED,CAAC,CAACE,EAAE,IAAI,EAAE;IAAEC,YAAY,EAAEH,CAAC,CAACI;EAAM,CAAC,CAAC,CAAC,GAAG,EAAE;EAC9I,MAAMC,QAAQ,GAAIC,KAAe,IAAK;IACpCrB,KAAK,EAAEsB,IAAI,CAACP,CAAC,IAAIA,CAAC,CAACE,EAAE,IAAII,KAAK,CAAC,CAAC,CAAC,CAAC,EAAEE,QAAQ,CAACF,KAAK,CAAC,CAAC,CAAC,CAAC;EACxD,CAAC;EAED,MAAMG,WAAW,GAAGvB,IAAI,IAAIjB,IAAI,CAACyC,MAAM,GAAG,MAAM,GAAGxB,IAAI,IAAIjB,IAAI,CAACkB,KAAK,GAAG,MAAM,GAAG,MAAM;EACvF,MAAMwB,aAAa,GAAGA,CAAA,kBACpBjC,IAAA;IAAK,eAAY,MAAM;IAAAkC,QAAA,eACrBlC,IAAA,CAACR,WAAW,CAAC2C,YAAY;MAACC,SAAS,EAAC,aAAa;MAACC,KAAK,EAAE/C,MAAM,CAACgD,QAAQ,CAAC,aAAa,EAAErB,KAAK,CAAE;MAACT,IAAI,EAAEuB;IAAY,CAAE;EAAC,CAClH,CACN;EACD,MAAMQ,wBAAwB,GAAGA,CAACC,KAAa,EAAEC,IAAoB,KAAK;IACxE,oBACErC,KAAA,CAAAF,SAAA;MAAAgC,QAAA,GACGD,aAAa,CAAC,CAAC,eAChBjC,IAAA,CAACP,SAAS;QACRiD,IAAI,EAAC,EAAE;QACPlB,EAAE,EAAE,YAAY,GAAGgB,KAAM;QACzBG,OAAO,EAAGC,CAAC,IAAK;UACdA,CAAC,CAACC,cAAc,CAAC,CAAC;UAClBJ,IAAI,CAACX,QAAQ,IAAIW,IAAI,CAACX,QAAQ,CAACW,IAAI,CAACjB,EAAE,CAAC;QACzC,CAAE;QACFsB,MAAM,EAAC,OAAO;QACdC,OAAO,EAAC,SAAS;QAAAb,QAAA,EAChBO,IAAI,CAACf;MAAK,CACF,CAAC;IAAA,CACZ,CAAC;EAEP,CAAC;EAED,oBACEtB,KAAA,CAACR,yBAAyB,EAAAoD,aAAA,CAAAA,aAAA;IAACC,KAAK,EAAEzC,IAAK;IAAC,eAAa;EAAqB,GAAKM,IAAI;IAAAoB,QAAA,GAChFxB,QAAQ,gBACPV,IAAA,CAACN,UAAU;MAAC8B,EAAE,EAAC,UAAU;MAACuB,OAAO,EAAC,WAAW;MAACG,KAAK,EAAC,UAAU;MAACC,MAAM,EAAEA,CAAA,KAAMtC,YAAY,CAAC,CAAE;MAAAqB,QAAA,eAC1FlC,IAAA,CAACR,WAAW,CAAC4D,IAAI;QAAC5C,IAAI,EAAEuB;MAAY,CAAE;IAAC,CAC7B,CAAC,gBAEb/B,IAAA,CAACP,SAAS;MACR+B,EAAE,EAAE,UAAW;MACfuB,OAAO,EAAC,SAAS;MACjBL,IAAI,EAAE,EAAG;MACTC,OAAO,EAAGC,CAAC,IAAK;QACdA,CAAC,CAACC,cAAc,CAAC,CAAC;QAClBhC,YAAY,IAAIA,YAAY,CAAC,CAAC;MAChC,CAAE;MAAAqB,QAAA,EACDvB;IAAS,CACD,CACZ,EAEA,CAAC,CAACJ,KAAK,IACNA,KAAK,CAACa,MAAM,GAAG,CAAC,KACfb,KAAK,CAACa,MAAM,GAAG,CAAC,gBACfhB,KAAA,CAAAF,SAAA;MAAAgC,QAAA,GACGD,aAAa,CAAC,CAAC,eAChBjC,IAAA,CAACL,cAAc;QACb0D,IAAI,EAAE,MAAO;QACbC,SAAS,EAAE,IAAK;QAChB/C,KAAK,EAAEW,aAAc;QACrBV,IAAI,EAAEA,IAAI,IAAIjB,IAAI,CAACgE,MAAM,GAAGhE,IAAI,CAACkB,KAAK,GAAGD,IAAK;QAC9CgD,IAAI,eAAExD,IAAA,CAACR,WAAW,CAACiE,cAAc;UAACpB,KAAK,EAAE/C,MAAM,CAACgD,QAAQ,CAAC,aAAa,EAAErB,KAAK,CAAE;UAACT,IAAI,EAAC;QAAM,CAAE,CAAE;QAC/FmC,OAAO,EAAEhB;MAAS,CACnB,CAAC;IAAA,CACF,CAAC,gBAEH3B,IAAA,CAAAE,SAAA;MAAAgC,QAAA,EAAGK,wBAAwB,CAAChC,KAAK,CAACa,MAAM,GAAG,CAAC,EAAEb,KAAK,CAACA,KAAK,CAACa,MAAM,GAAG,CAAC,CAAC;IAAC,CAAG,CAC1E,CAAC,EAEH,CAAC,CAACb,KAAK,IAAIA,KAAK,CAACa,MAAM,GAAG,CAAC,iBAAIpB,IAAA,CAAAE,SAAA;MAAAgC,QAAA,EAAGK,wBAAwB,CAAChC,KAAK,CAACa,MAAM,GAAG,CAAC,EAAEb,KAAK,CAACA,KAAK,CAACa,MAAM,GAAG,CAAC,CAAC;IAAC,CAAG,CAAC,EAEzG,CAAC,CAACb,KAAK,IAAIA,KAAK,CAACa,MAAM,GAAG,CAAC,iBAC1BpB,IAAA,CAAAE,SAAA;MAAAgC,QAAA,EACGtB,eAAe,gBACdR,KAAA,CAAAF,SAAA;QAAAgC,QAAA,GACGD,aAAa,CAAC,CAAC,eAChBjC,IAAA,CAACH,wBAAwB;UAACoD,KAAK,EAAEzC,IAAK;UAAA0B,QAAA,EAAE3B,KAAK,CAACA,KAAK,CAACa,MAAM,GAAG,CAAC,CAAC,CAACM;QAAK,CAA2B,CAAC;MAAA,CACjG,CAAC,gBAEHtB,KAAA,CAAAF,SAAA;QAAAgC,QAAA,GACGK,wBAAwB,CAAChC,KAAK,CAACa,MAAM,GAAG,CAAC,EAAEb,KAAK,CAACA,KAAK,CAACa,MAAM,GAAG,CAAC,CAAC,CAAC,EACnEa,aAAa,CAAC,CAAC;MAAA,CAChB;IACH,CACD,CACH;EAAA,EACwB,CAAC;AAEhC,CAAC;AAAC5B,UAAA,CAAAqD,SAAA;EA9GAhD,QAAQ,EAAAiD,GAAA,CAAAC,IAAA;EAERjD,SAAS,EAAAgD,GAAA,CAAAE,MAAA;EAEThD,YAAY,EAAA8C,GAAA,CAAAG,IAAA;EAEZvD,KAAK,EAAAoD,GAAA,CAAAI,KAAA;EAILnD,eAAe,EAAA+C,GAAA,CAAAC;AAAA;AAsGjB,eAAevD,UAAU","ignoreList":[]}
+{"version":3,"file":"Breadcrumb.js","names":["React","COLORS","Size","SystemIcons","HyperLink","IconButton","DropdownButton","BreadcrumbContainerStyles","BreadcrumbItemLastStyles","useTheme","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Breadcrumb","_ref","items","size","Small","homeIcon","homeLabel","lastItemAsLabel","homeCallback","rest","_objectWithoutProperties","_excluded","theme","dropdownItems","slice","length","map","x","value","id","displayLabel","label","navigate","links","find","callback","chevronSize","Medium","renderChevron","children","ForwardSlash","className","color","generateToken","componentType","defaultVariant","renderBreadcrumbLinkItem","index","item","href","onClick","e","preventDefault","target","variant","_objectSpread","$size","shape","action","Home","type","alignLeft","XSmall","icon","MoreHorizontal","propTypes","_pt","bool","string","func","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 { 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 { 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  /** Callback that will be called when 'Home' is clicked. */\r\n  homeCallback?: () => void;\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  homeCallback = () => {},\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.id ?? '', displayLabel: x.label })) : [];\r\n  const navigate = (links: string[]) => {\r\n    items?.find(x => x.id == links[0])?.callback(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.generateToken({componentType:'icon', defaultVariant:'subtle'}, 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          href=''\r\n          id={'link-item-' + index}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            item.callback && item.callback(item.id);\r\n          }}\r\n          target=\"_self\"\r\n          variant=\"default\">\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={() => homeCallback()}>\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={''}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            homeCallback && homeCallback();\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.generateToken({componentType:'icon', defaultVariant:'subtle'}, 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":[]}