acinguiux-ds-react-framework 0.0.6 → 0.0.8

package/build/esm/components/Avatar/Avatar.styles.js

@@ -1,47 +1,142 @@
-import r, { css as e } from "styled-components";
-import { avatarConsts as o } from "./Avatar.consts.js";
-import { Sizes as l } from "../../react-base/src/consts.js";
-const c = r.div`
-  display: flex;
+import n, { css as r } from "styled-components";
+import { Sizes as a } from "../../react-base/build/esm/consts.js";
+import { LayerColor as c } from "../../react-base/build/esm/theme/theme.js";
+import { consts as i } from "../../react-base/build/esm/components/Avatar/Avatar.consts.js";
+import { getFabricStyles as g } from "../../react-base/build/esm/components/Avatar/Avatar.utils.js";
+import { States as d } from "acinguiux-ds-fabrics";
+import p from "../Button/Button.js";
+import { getFocusStyles as s } from "../../utils/styleUtils.js";
+const f = n.div`
+  ${({ size: t, theme: e }) => {
+  const o = g(e), l = e.getLayer({ state: d.Hover }), u = e.getLayer({ state: d.Active });
+  return r`
+      ${t === a.XSmall && e.label.small.bold};
+      ${(t === a.Small || t === a.Medium || t === a.Large) && e.heading[5].bold};
+
+      display: flex;
+      flex: 1 0 0;
+      justify-content: center;
+      align-items: center;
+
+      border-radius: 100%;
+      text-align: center;
+      white-space: nowrap;
+      color: ${e.onSentiment.default.strong.primary.default.text.default};
+      background-color: ${e.onSentiment.default.strong.primary.default.background};
+      outline: none;
+
+      &:hover {
+        ${o.hover};
+        background-color: ${l[c.BackgroundSentiment]};
+      }
+
+      &:active {
+        ${o.active};
+        background-color: ${u[c.BackgroundSentiment]};
+      }
+
+      &:focus-visible {
+        ${s(e)};
+      }
+    `;
+}}
+`, w = n(p)`
+  &&:hover {
+    background-color: transparent;
+  }
+
+  &&:focus-visible {
+    outline: none;
+  }
+`, k = n.div.attrs((t) => ({ tabIndex: t.tabIndex }))`
+  display: inline-flex;
+  min-height: ${(t) => i[t.size].minHeight};
+  padding: ${(t) => i[t.size].padding};
   align-items: center;
-  gap: 12px;
-`, p = r.div(
-  ({ size: a }) => e`
+  justify-content: flex-start;
+  gap: ${(t) => t.hasText ? i[t.size].gap : "0"};
+  border-radius: var(--radius-small, 8px);
+  outline: none;
+
+  ${({ theme: t, dropdownOverlay: e }) => {
+  const o = g(t), l = t.getLayer({ state: d.Hover }), u = t.getLayer({ state: d.Active });
+  return !!e && r`
+      cursor: pointer;
+
+      &:hover {
+        ${o.hover};
+
+        ${f} {
+          ${o.hover};
+          background-color: ${l[c.BackgroundSentiment]};
+        }
+      }
+
+      &:active {
+        ${o.active};
+
+        ${f} {
+          ${o.active};
+          background-color: ${u[c.BackgroundSentiment]};
+        }
+      }
+
+      &:has(:focus-visible) {
+        ${s(t)};
+      }
+
+      ${f} {
+        &:focus-visible {
+          outline: none;
+        }
+      }
+
+      &:focus-visible {
+        ${s(t)};
+      }
+    `;
+}}
+`, B = n.div(
+  ({ size: t }) => r`
     display: flex;
     align-items: stretch;
     flex: 0;
-    ${a && e`
-      min-width: ${o[a].avatar}px;
-      min-height: ${o[a].avatar}px;
-      width: ${o[a].avatar}px;
-      height: ${o[a].avatar}px;
+    ${t && r`
+      min-width: ${i[t].avatar}px;
+      min-height: ${i[t].avatar}px;
+      width: ${i[t].avatar}px;
+      height: ${i[t].avatar}px;
     `}
   `
-), f = r.div`
-  ${({ size: a, theme: t }) => e`
-    ${(a === l.Small || a === l.Medium) && t.heading[5].bold}
-    ${a === l.Large && t.heading[3].demi}
-
-    display: flex;
-    flex: 1 0 0;
-    justify-content: center;
-    align-items: center;
-
-    border-radius: 100%;
-    text-align: center;
-    white-space: nowrap;
-    color: ${t.onSentiment.default.strong.primary.default.text.default};
-    background-color: ${t.onSentiment.default.strong.primary.default.background};
-  `}
-`, s = r.div`
+), I = n.div`
   display: flex;
   font-size: 100%;
-`, g = r.img`
+`, L = n.img.attrs((t) => ({ tabIndex: t.tabIndex }))`
+${({ theme: t }) => r`
   max-width: 100%;
   border-radius: 100%;
   object-fit: cover;
-`, x = r.div(
-  ({ collapsed: a }) => e`
+
+  &:focus-visible {
+      ${s(t)};
+    }
+`}
+`, j = n.div.attrs((t) => ({ tabIndex: t.tabIndex }))`
+${({ theme: t, size: e }) => r`
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 100%;
+  font-size: ${i[e].avatar}px;
+
+  &:focus-visible {
+      ${s(t)};
+    }
+`}
+`, A = n.div(
+  ({ collapsed: t }) => r`
     display: flex;
     flex: 1 1 0;
     min-width: 0;
@@ -49,50 +144,56 @@ const c = r.div`
     align-items: flex-start;
     flex-direction: column;
     transition: opacity 0.2s linear;
-    opacity: ${a ? "0" : "1"};
+    opacity: ${t ? "0" : "1"};
   `
-), u = r.p`
-  ${({ theme: a, size: t, secondaryLabel: i }) => e`
+), C = n.p`
+  ${({ theme: t, size: e, secondaryLabel: o, extraLabel: l }) => r`
     margin: 0;
-
-    ${i && i.length > 0 && e`
-      ${t === l.Large && a.label.medium.bold}
-      ${(t === l.Small || t === l.Medium) && a.label.small.bold}
-    `}
-
-    ${(!i || i && i.length === 0) && e`
-      ${(t === l.Large || t === l.Medium) && a.label.medium.bold}
-      ${t === l.Small && a.label.small.bold}
-    `}
-    
-    color: ${a.onSurface.surface.default.text.strong};
+    color: ${t.onSurface.surface.default.text.strong};
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 100%;
+
+    ${l && o && o.length > 0 && r`
+      ${t.label.small.bold}
+    `}
+    
+    ${(!l || !o || o.length === 0) && r`
+      ${(e === a.XSmall || e === a.Small || e === a.Medium) && t.label.small.bold}
+      ${e === a.Large && t.label.medium.bold}
+    `}
   `}
-`, $ = r.p`
-  ${({ size: a, theme: t }) => e`
-    margin: ${a === l.Large ? "4px" : "0"} 0 0;
+`, T = n.p`
+  ${({ size: t, theme: e }) => r`
+    margin: ${t === a.XSmall ? "-2px 0 0 0" : "0"};
 
-    ${a === l.Large && t.label.medium.normal}
-    ${(a === l.Small || a === l.Medium) && t.label.small.normal}
+    ${(t === a.XSmall || t === a.Small || t === a.Medium || t === a.Large) && e.label.small.normal}
 
-    color: ${t.onSurface.surface.default.text.subtle};
+    color: ${e.onSurface.surface.default.text.subtle};
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 100%;
   `}
+`, X = n.div`
+  display: flex;
+  align-items: center;
+  justify-content: justify-between;
+  flex-grow: 1;
+  gap: 4px;
 `;
 export {
-  $ as AdditionalText,
-  p as Avatar,
-  c as AvatarWrapper,
-  g as Image,
-  u as Label,
-  s as NoImageCircle,
+  T as AdditionalText,
+  B as Avatar,
+  k as AvatarWrapper,
+  j as FlagContainer,
+  L as Image,
+  C as Label,
+  I as NoImageCircle,
   f as NoImageCircleWrapper,
-  x as TextBox
+  w as StyledButton,
+  X as TextAndChevronContainer,
+  A as TextBox
 };
 //# sourceMappingURL=Avatar.styles.js.map

package/build/esm/components/Avatar/Avatar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.styles.js","sources":["../../../../src/components/Avatar/Avatar.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { Sizes } from 'acinguiux-ds-react-base';\r\n\r\nimport { avatarConsts } from './Avatar.consts';\r\nimport { IAvatarProps } from './Avatar.types';\r\n\r\nconst AvatarWrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n`;\r\n\r\nconst Avatar = styled.div<Required<Pick<IAvatarProps, 'size'>>>(\r\n  ({ size }) => css`\r\n    display: flex;\r\n    align-items: stretch;\r\n    flex: 0;\r\n    ${size &&\r\n    css`\r\n      min-width: ${avatarConsts[size].avatar}px;\r\n      min-height: ${avatarConsts[size].avatar}px;\r\n      width: ${avatarConsts[size].avatar}px;\r\n      height: ${avatarConsts[size].avatar}px;\r\n    `}\r\n  `,\r\n);\r\n\r\nconst NoImageCircleWrapper = styled.div<Required<Pick<IAvatarProps, 'size'>>>`\r\n  ${({ size, theme }) => css`\r\n    ${(size === Sizes.Small || size === Sizes.Medium) && theme.heading[5].bold}\r\n    ${size === Sizes.Large && theme.heading[3].demi}\r\n\r\n    display: flex;\r\n    flex: 1 0 0;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    border-radius: 100%;\r\n    text-align: center;\r\n    white-space: nowrap;\r\n    color: ${theme.onSentiment.default.strong.primary.default.text.default};\r\n    background-color: ${theme.onSentiment.default.strong.primary.default.background};\r\n  `}\r\n`;\r\n\r\nconst NoImageCircle = styled.div`\r\n  display: flex;\r\n  font-size: 100%;\r\n`;\r\n\r\nconst Image = styled.img`\r\n  max-width: 100%;\r\n  border-radius: 100%;\r\n  object-fit: cover;\r\n`;\r\n\r\nconst TextBox = styled.div<Pick<IAvatarProps, 'collapsed'>>(\r\n  ({ collapsed }) => css`\r\n    display: flex;\r\n    flex: 1 1 0;\r\n    min-width: 0;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    flex-direction: column;\r\n    transition: opacity 0.2s linear;\r\n    opacity: ${collapsed ? '0' : '1'};\r\n  `,\r\n);\r\n\r\nconst Label = styled.p<IAvatarProps>`\r\n  ${({ theme, size, secondaryLabel }) => css`\r\n    margin: 0;\r\n\r\n    ${secondaryLabel &&\r\n    secondaryLabel.length > 0 &&\r\n    css`\r\n      ${size === Sizes.Large && theme.label.medium.bold}\r\n      ${(size === Sizes.Small || size === Sizes.Medium) && theme.label.small.bold}\r\n    `}\r\n\r\n    ${(!secondaryLabel || (secondaryLabel && secondaryLabel.length === 0)) &&\r\n    css`\r\n      ${(size === Sizes.Large || size === Sizes.Medium) && theme.label.medium.bold}\r\n      ${size === Sizes.Small && theme.label.small.bold}\r\n    `}\r\n    \r\n    color: ${theme.onSurface.surface.default.text.strong};\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n    width: 100%;\r\n  `}\r\n`;\r\n\r\nconst AdditionalText = styled.p<Required<Pick<IAvatarProps, 'size'>>>`\r\n  ${({ size, theme }) => css`\r\n    margin: ${size === Sizes.Large ? '4px' : '0'} 0 0;\r\n\r\n    ${size === Sizes.Large && theme.label.medium.normal}\r\n    ${(size === Sizes.Small || size === Sizes.Medium) && theme.label.small.normal}\r\n\r\n    color: ${theme.onSurface.surface.default.text.subtle};\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n    width: 100%;\r\n  `}\r\n`;\r\n\r\nexport { AvatarWrapper, Avatar, NoImageCircleWrapper, NoImageCircle, Image, TextBox, Label, AdditionalText };\r\n"],"names":["AvatarWrapper","styled","Avatar","size","css","avatarConsts","NoImageCircleWrapper","theme","Sizes","NoImageCircle","Image","TextBox","collapsed","Label","secondaryLabel","AdditionalText"],"mappings":";;;AAMA,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMvBC,IAASD,EAAO;AAAA,EACpB,CAAC,EAAE,MAAAE,EAAW,MAAAC;AAAA;AAAA;AAAA;AAAA,MAIVD,KACFC;AAAA,mBACeC,EAAaF,CAAI,EAAE,MAAM;AAAA,oBACxBE,EAAaF,CAAI,EAAE,MAAM;AAAA,eAC9BE,EAAaF,CAAI,EAAE,MAAM;AAAA,gBACxBE,EAAaF,CAAI,EAAE,MAAM;AAAA,KACpC;AAAA;AAEL,GAEMG,IAAuBL,EAAO;AAAA,IAChC,CAAC,EAAE,MAAAE,GAAM,OAAAI,EAAA,MAAYH;AAAA,OAClBD,MAASK,EAAM,SAASL,MAASK,EAAM,WAAWD,EAAM,QAAQ,CAAC,EAAE,IAAI;AAAA,MACxEJ,MAASK,EAAM,SAASD,EAAM,QAAQ,CAAC,EAAE,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAUtCA,EAAM,YAAY,QAAQ,OAAO,QAAQ,QAAQ,KAAK,OAAO;AAAA,wBAClDA,EAAM,YAAY,QAAQ,OAAO,QAAQ,QAAQ,UAAU;AAAA,GAChF;AAAA,GAGGE,IAAgBR,EAAO;AAAA;AAAA;AAAA,GAKvBS,IAAQT,EAAO;AAAA;AAAA;AAAA;AAAA,GAMfU,IAAUV,EAAO;AAAA,EACrB,CAAC,EAAE,WAAAW,EAAgB,MAAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQNQ,IAAY,MAAM,GAAG;AAAA;AAEpC,GAEMC,IAAQZ,EAAO;AAAA,IACjB,CAAC,EAAE,OAAAM,GAAO,MAAAJ,GAAM,gBAAAW,QAAqBV;AAAA;AAAA;AAAA,MAGnCU,KACFA,EAAe,SAAS,KACxBV;AAAA,QACID,MAASK,EAAM,SAASD,EAAM,MAAM,OAAO,IAAI;AAAA,SAC9CJ,MAASK,EAAM,SAASL,MAASK,EAAM,WAAWD,EAAM,MAAM,MAAM,IAAI;AAAA,KAC5E;AAAA;AAAA,OAEE,CAACO,KAAmBA,KAAkBA,EAAe,WAAW,MACnEV;AAAA,SACKD,MAASK,EAAM,SAASL,MAASK,EAAM,WAAWD,EAAM,MAAM,OAAO,IAAI;AAAA,QAC1EJ,MAASK,EAAM,SAASD,EAAM,MAAM,MAAM,IAAI;AAAA,KACjD;AAAA;AAAA,aAEQA,EAAM,UAAU,QAAQ,QAAQ,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,GAKrD;AAAA,GAGGQ,IAAiBd,EAAO;AAAA,IAC1B,CAAC,EAAE,MAAAE,GAAM,OAAAI,EAAA,MAAYH;AAAA,cACXD,MAASK,EAAM,QAAQ,QAAQ,GAAG;AAAA;AAAA,MAE1CL,MAASK,EAAM,SAASD,EAAM,MAAM,OAAO,MAAM;AAAA,OAChDJ,MAASK,EAAM,SAASL,MAASK,EAAM,WAAWD,EAAM,MAAM,MAAM,MAAM;AAAA;AAAA,aAEpEA,EAAM,UAAU,QAAQ,QAAQ,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,GAKrD;AAAA;"}
+{"version":3,"file":"Avatar.styles.js","sources":["../../../../src/components/Avatar/Avatar.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Sizes, LayerColor, AvatarConsts, AvatarTypes, AvatarUtils } from 'acinguiux-ds-react-base';\nimport { States } from 'acinguiux-ds-fabrics';\n\nimport Button from '../Button/Button';\nimport { getFocusStyles } from '../../utils/styleUtils';\nimport { FlagName, IAvatarProps } from './Avatar.types';\n\ntype PropsWithRequiredSize = Required<Pick<IAvatarProps<FlagName>, 'size'>>;\n\nconst NoImageCircleWrapper = styled.div<PropsWithRequiredSize>`\n  ${({ size, theme }) => {\n    const styles = AvatarUtils.getFabricStyles(theme);\n    const hoverLayer = theme.getLayer({ state: States.Hover });\n    const activeLayer = theme.getLayer({ state: States.Active });\n\n    return css`\n      ${(size === Sizes.XSmall) && theme.label.small.bold};\n      ${(size === Sizes.Small || size === Sizes.Medium || size === Sizes.Large) && theme.heading[5].bold};\n\n      display: flex;\n      flex: 1 0 0;\n      justify-content: center;\n      align-items: center;\n\n      border-radius: 100%;\n      text-align: center;\n      white-space: nowrap;\n      color: ${theme.onSentiment.default.strong.primary.default.text.default};\n      background-color: ${theme.onSentiment.default.strong.primary.default.background};\n      outline: none;\n\n      &:hover {\n        ${styles.hover};\n        background-color: ${hoverLayer[LayerColor.BackgroundSentiment]};\n      }\n\n      &:active {\n        ${styles.active};\n        background-color: ${activeLayer[LayerColor.BackgroundSentiment]};\n      }\n\n      &:focus-visible {\n        ${getFocusStyles(theme)};\n      }\n    `;\n  }}\n`;\n\n  const StyledButton = styled(Button)`\n  &&:hover {\n    background-color: transparent;\n  }\n\n  &&:focus-visible {\n    outline: none;\n  }\n`;\n\nconst AvatarWrapper = styled.div.attrs((props: { tabIndex: number }) => ({ tabIndex: props.tabIndex })) <AvatarTypes.IAvatarWrapperProps>`\n  display: inline-flex;\n  min-height: ${props => AvatarConsts.consts[props.size].minHeight};\n  padding: ${props => AvatarConsts.consts[props.size].padding};\n  align-items: center;\n  justify-content: flex-start;\n  gap: ${props => props.hasText ? AvatarConsts.consts[props.size].gap : '0'};\n  border-radius: var(--radius-small, 8px);\n  outline: none;\n\n  ${({ theme, dropdownOverlay }) => {\n    const styles = AvatarUtils.getFabricStyles(theme);\n    const hoverLayer = theme.getLayer({ state: States.Hover });\n    const activeLayer = theme.getLayer({ state: States.Active });\n\n    return Boolean(dropdownOverlay) && css`\n      cursor: pointer;\n\n      &:hover {\n        ${styles.hover};\n\n        ${NoImageCircleWrapper} {\n          ${styles.hover};\n          background-color: ${hoverLayer[LayerColor.BackgroundSentiment]};\n        }\n      }\n\n      &:active {\n        ${styles.active};\n\n        ${NoImageCircleWrapper} {\n          ${styles.active};\n          background-color: ${activeLayer[LayerColor.BackgroundSentiment]};\n        }\n      }\n\n      &:has(:focus-visible) {\n        ${getFocusStyles(theme)};\n      }\n\n      ${NoImageCircleWrapper} {\n        &:focus-visible {\n          outline: none;\n        }\n      }\n\n      &:focus-visible {\n        ${getFocusStyles(theme)};\n      }\n    `;\n  }}\n`;\n\nconst Avatar = styled.div<PropsWithRequiredSize>(\n  ({ size }) => css`\n    display: flex;\n    align-items: stretch;\n    flex: 0;\n    ${size &&\n    css`\n      min-width: ${AvatarConsts.consts[size].avatar}px;\n      min-height: ${AvatarConsts.consts[size].avatar}px;\n      width: ${AvatarConsts.consts[size].avatar}px;\n      height: ${AvatarConsts.consts[size].avatar}px;\n    `}\n  `,\n);\n\nconst NoImageCircle = styled.div`\n  display: flex;\n  font-size: 100%;\n`;\n\nconst Image = styled.img.attrs((props: { tabIndex: number }) => ({ tabIndex: props.tabIndex }))`\n${({ theme }) => css`\n  max-width: 100%;\n  border-radius: 100%;\n  object-fit: cover;\n\n  &:focus-visible {\n      ${getFocusStyles(theme)};\n    }\n`}\n`;\n\nconst FlagContainer = styled.div.attrs((props: { tabIndex: number }) => ({ tabIndex: props.tabIndex })) <PropsWithRequiredSize>`\n${({ theme, size }) => css`\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 100%;\n  font-size: ${AvatarConsts.consts[size].avatar}px;\n\n  &:focus-visible {\n      ${getFocusStyles(theme)};\n    }\n`}\n`;\n\nconst TextBox = styled.div<Pick<IAvatarProps<FlagName>, 'collapsed'>>(\n  ({ collapsed }) => css`\n    display: flex;\n    flex: 1 1 0;\n    min-width: 0;\n    justify-content: center;\n    align-items: flex-start;\n    flex-direction: column;\n    transition: opacity 0.2s linear;\n    opacity: ${collapsed ? '0' : '1'};\n  `,\n);\n\nconst Label = styled.p<IAvatarProps<FlagName>>`\n  ${({ theme, size, secondaryLabel, extraLabel }) => css`\n    margin: 0;\n    color: ${theme.onSurface.surface.default.text.strong};\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    width: 100%;\n\n    ${extraLabel && secondaryLabel &&\n    secondaryLabel.length > 0 &&\n    css`\n      ${theme.label.small.bold}\n    `}\n    \n    ${(!extraLabel || !secondaryLabel || (secondaryLabel.length === 0)) &&\n    css`\n      ${(size === Sizes.XSmall || size === Sizes.Small || size === Sizes.Medium) && theme.label.small.bold}\n      ${size === Sizes.Large && theme.label.medium.bold}\n    `}\n  `}\n`;\n\nconst AdditionalText = styled.p<PropsWithRequiredSize>`\n  ${({ size, theme }) => css`\n    margin: ${size === Sizes.XSmall ? '-2px 0 0 0' : '0'};\n\n    ${(size === Sizes.XSmall || size === Sizes.Small || size === Sizes.Medium || size === Sizes.Large) && theme.label.small.normal}\n\n    color: ${theme.onSurface.surface.default.text.subtle};\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    width: 100%;\n  `}\n`;\n\nconst TextAndChevronContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: justify-between;\n  flex-grow: 1;\n  gap: 4px;\n`;\n\nexport { AvatarWrapper, Avatar, NoImageCircleWrapper, NoImageCircle, StyledButton, Image, FlagContainer, TextBox, Label, AdditionalText, TextAndChevronContainer };\n"],"names":["NoImageCircleWrapper","styled","size","theme","styles","AvatarUtils.getFabricStyles","hoverLayer","States","activeLayer","css","Sizes","LayerColor","getFocusStyles","StyledButton","Button","AvatarWrapper","props","AvatarConsts.consts","dropdownOverlay","Avatar","NoImageCircle","Image","FlagContainer","TextBox","collapsed","Label","secondaryLabel","extraLabel","AdditionalText","TextAndChevronContainer"],"mappings":"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"}

package/build/esm/components/Avatar/Avatar.types.d.ts

@@ -1,31 +1,17 @@
-import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
-import { Sizes } from '..\..\react-base\src';
+import { ComponentPropsWithoutRef, ReactElement } from 'react';
+import { AvatarTypes } from 'acinguiux-ds-react-base';
 import { PopoverContentProps } from '@radix-ui/react-popover';
-export type AvatarSize = Sizes.Small | Sizes.Medium | Sizes.Large;
-interface IAvatarBaseProps {
-    size: AvatarSize;
-}
-export interface IAvatarNoImageCircle extends IAvatarBaseProps {
-    children: ReactNode;
-    ariaLabel?: string;
-}
-export interface IAvatarAsText extends IAvatarBaseProps {
-    abbreviation: string;
-    ariaLabel?: string;
-}
-export interface IAvatarAsIcon extends IAvatarBaseProps {
-    ariaLabel?: string;
-}
-export interface IAvatarAsImage extends IAvatarBaseProps {
-    src: string;
-    alt: string;
-}
+import * as Flags from '../Flag/components/index';
+export type FlagComponentKey = keyof typeof Flags;
+export type FlagName = Lowercase<FlagComponentKey> | Uppercase<FlagComponentKey>;
+export type FlagNameKeyRecord = {
+    [key in FlagComponentKey as Lowercase<key>]: key;
+} & {
+    [key in FlagComponentKey as Uppercase<key>]: key;
+};
 type IAvatarImageProps = {
-    src: string;
+    src?: string;
     alt?: string;
-} | {
-    src?: never;
-    alt?: never;
 };
 type IAvatarDropdownProps = {
     dropdownOverlay: ReactElement;
@@ -37,12 +23,15 @@ type IAvatarDropdownProps = {
     dropdownOverlay?: never;
     dropdownAlign?: never;
 };
-export type IAvatarProps = ComponentPropsWithoutRef<'div'> & IAvatarImageProps & IAvatarDropdownProps & {
+export type IAvatarProps<TFlagName extends FlagName> = ComponentPropsWithoutRef<'div'> & IAvatarImageProps & IAvatarDropdownProps & {
     abbreviation?: string;
-    size?: AvatarSize;
+    size?: AvatarTypes.AvatarSize;
     label?: string;
     secondaryLabel?: string;
     collapsed?: boolean;
+    flag?: TFlagName;
+    extraLabel?: boolean;
+    textandChevron?: boolean;
 };
 export {};
 //# sourceMappingURL=Avatar.types.d.ts.map

package/build/esm/components/Avatar/Avatar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;AAElE,UAAU,gBAAgB;IACxB,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACtD,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,KAAK,iBAAiB,GAClB;IACA,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,GACC;IACA,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,GAAG,CAAC,EAAE,KAAK,CAAC;CACb,CAAC;AAEJ,KAAK,oBAAoB,GACrB;IACA,eAAe,EAAE,YAAY,CAAC;IAC9B,aAAa,CAAC,EAAE;QACd,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;QACnC,KAAK,CAAC,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;KACtC,CAAC;CACH,GACC;IACA,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,CAAC;AAEJ,MAAM,MAAM,YAAY,GAAG,wBAAwB,CAAC,KAAK,CAAC,GACxD,iBAAiB,GACjB,oBAAoB,GAAG;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}
+{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,KAAK,KAAK,MAAM,0BAA0B,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,KAAK,CAAC;AAClD,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC,gBAAgB,CAAC,CAAC;AACjF,MAAM,MAAM,iBAAiB,GAAG;KAAG,GAAG,IAAI,gBAAgB,IAAI,SAAS,CAAC,GAAG,CAAC,GAAG,GAAG;CAAE,GAAG;KAAG,GAAG,IAAI,gBAAgB,IAAI,SAAS,CAAC,GAAG,CAAC,GAAG,GAAG;CAAE,CAAA;AAE3I,KAAK,iBAAiB,GACtB;IACE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAA;AAED,KAAK,oBAAoB,GACrB;IACA,eAAe,EAAE,YAAY,CAAC;IAC9B,aAAa,CAAC,EAAE;QACd,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;QACnC,KAAK,CAAC,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;KACtC,CAAC;CACH,GACC;IACA,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,CAAC;AAEJ,MAAM,MAAM,YAAY,CAAC,SAAS,SAAS,QAAQ,IAAI,wBAAwB,CAAC,KAAK,CAAC,GACpF,iBAAiB,GACjB,oBAAoB,GAAG;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC"}

package/build/esm/components/Badge/Badge.js

@@ -1,28 +1,28 @@
-import { jsxs as c, jsx as f } from "react/jsx-runtime";
+import { jsxs as f, jsx as c } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
 import p from "classnames";
-import { Badge as g, BadgeText as B } from "./Badge.styles.js";
-import { BADGE_CLASS as h } from "../../react-base/src/consts.js";
-import { useProps as u } from "../../react-base/src/components/Badge/Badge.utils.js";
-const x = l(({ className: r, ...e }, s) => {
-  const { size: o, sentiment: m, iconComponent: t, shouldRenderChildren: d, shouldRenderIcon: n, children: a, ...i } = u(e);
-  return /* @__PURE__ */ c(
-    g,
+import { BADGE_CLASS as g } from "../../react-base/build/esm/consts.js";
+import { useProps as h } from "../../react-base/build/esm/components/Badge/Badge.utils.js";
+import { Badge as u, BadgeText as x } from "./Badge.styles.js";
+const N = l(({ className: r, ...e }, s) => {
+  const { size: o, sentiment: m, iconComponent: a, shouldRenderChildren: t, shouldRenderIcon: d, children: n, ...i } = h(e);
+  return /* @__PURE__ */ f(
+    u,
     {
-      className: p(h, r),
+      className: p(g, r),
       ref: s,
       size: o,
       ...e,
       ...i,
       sentiment: m,
       children: [
-        n && t,
-        d && /* @__PURE__ */ f(B, { size: o, children: a })
+        d && a,
+        t && /* @__PURE__ */ c(x, { size: o, children: n })
       ]
     }
   );
-}), S = x;
+});
 export {
-  S as default
+  N as default
 };
 //# sourceMappingURL=Badge.js.map

package/build/esm/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { BadgeUtils, BADGE_CLASS } from 'acinguiux-ds-react-base';\r\n\r\nimport * as Styled from './Badge.styles';\r\nimport { IBadgeProps } from './Badge.types';\r\n\r\nconst Badge = forwardRef<HTMLDivElement, IBadgeProps>(({ className, ...props }, ref) => {\r\n  const { size, sentiment, iconComponent, shouldRenderChildren, shouldRenderIcon, children, ...badgeProps } =\r\n    BadgeUtils.useProps(props);\r\n\r\n  return (\r\n    <Styled.Badge\r\n      className={classNames(BADGE_CLASS, className)}\r\n      ref={ref}\r\n      size={size}\r\n      {...props}\r\n      {...badgeProps}\r\n      sentiment={sentiment}\r\n    >\r\n      {shouldRenderIcon && iconComponent}\r\n      {shouldRenderChildren && <Styled.BadgeText size={size}>{children}</Styled.BadgeText>}\r\n    </Styled.Badge>\r\n  );\r\n});\r\n\r\nexport default Badge;\r\n"],"names":["Badge","forwardRef","className","props","ref","size","sentiment","iconComponent","shouldRenderChildren","shouldRenderIcon","children","badgeProps","BadgeUtils.useProps","jsxs","Styled.Badge","classNames","BADGE_CLASS","jsx","Styled.BadgeText","Badge$1"],"mappings":";;;;;;AAQA,MAAMA,IAAQC,EAAwC,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MAAQ;AACtF,QAAM,EAAE,MAAAC,GAAM,WAAAC,GAAW,eAAAC,GAAe,sBAAAC,GAAsB,kBAAAC,GAAkB,UAAAC,GAAU,GAAGC,EAAW,IACtGC,EAAoBT,CAAK;AAGzB,SAAA,gBAAAU;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAad,CAAS;AAAA,MAC5C,KAAAE;AAAA,MACA,MAAAC;AAAA,MACC,GAAGF;AAAA,MACH,GAAGQ;AAAA,MACJ,WAAAL;AAAA,MAEC,UAAA;AAAA,QAAoBG,KAAAF;AAAA,QACpBC,KAAyB,gBAAAS,EAAAC,GAAA,EAAiB,MAAAb,GAAa,UAAAK,EAAS,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvE,CAAC,GAEDS,IAAenB;"}
+{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { BadgeUtils, BADGE_CLASS } from 'acinguiux-ds-react-base';\n\nimport * as Styled from './Badge.styles';\nimport { IBadgeProps } from './Badge.types';\n\nconst Badge = forwardRef<HTMLDivElement, IBadgeProps>(({ className, ...props }, ref) => {\n  const { size, sentiment, iconComponent, shouldRenderChildren, shouldRenderIcon, children, ...badgeProps } =\n    BadgeUtils.useProps(props);\n\n  return (\n    <Styled.Badge\n      className={classNames(BADGE_CLASS, className)}\n      ref={ref}\n      size={size}\n      {...props}\n      {...badgeProps}\n      sentiment={sentiment}\n    >\n      {shouldRenderIcon && iconComponent}\n      {shouldRenderChildren && <Styled.BadgeText size={size}>{children}</Styled.BadgeText>}\n    </Styled.Badge>\n  );\n});\n\nexport default Badge;\n"],"names":["Badge","forwardRef","className","props","ref","size","sentiment","iconComponent","shouldRenderChildren","shouldRenderIcon","children","badgeProps","BadgeUtils.useProps","jsxs","Styled.Badge","classNames","BADGE_CLASS","jsx","Styled.BadgeText"],"mappings":";;;;;;AAQM,MAAAA,IAAQC,EAAwC,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MAAQ;AACtF,QAAM,EAAE,MAAAC,GAAM,WAAAC,GAAW,eAAAC,GAAe,sBAAAC,GAAsB,kBAAAC,GAAkB,UAAAC,GAAU,GAAGC,MAC3FC,EAAoBT,CAAK;AAGzB,SAAA,gBAAAU;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAad,CAAS;AAAA,MAC5C,KAAAE;AAAA,MACA,MAAAC;AAAA,MACC,GAAGF;AAAA,MACH,GAAGQ;AAAA,MACJ,WAAAL;AAAA,MAEC,UAAA;AAAA,QAAoBG,KAAAF;AAAA,QACpBC,KAAyB,gBAAAS,EAAAC,GAAA,EAAiB,MAAAb,GAAa,UAAAK,EAAS,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACnE;AAEJ,CAAC;"}

package/build/esm/components/Badge/Badge.styles.js

@@ -1,15 +1,15 @@
-import t, { css as s } from "styled-components";
-import { Styles as r } from "../../react-base/src/components/Badge/Badge.styles.js";
-import { getSizeStyles as m } from "../../react-base/src/components/Badge/Badge.utils.js";
-const a = t.div`
+import t, { css as o } from "styled-components";
+import { Styles as r } from "../../react-base/build/esm/components/Badge/Badge.styles.js";
+import { getSizeStyles as m } from "../../react-base/build/esm/components/Badge/Badge.utils.js";
+const d = t.div`
   ${r};
-`, c = t.span`
-  ${({ theme: e, size: o }) => s`
-    ${m(e, o)};
+`, f = t.span`
+  ${({ theme: s, size: e }) => o`
+    ${m(s, e)};
   `};
 `;
 export {
-  a as Badge,
-  c as BadgeText
+  d as Badge,
+  f as BadgeText
 };
 //# sourceMappingURL=Badge.styles.js.map

package/build/esm/components/Badge/Badge.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.styles.js","sources":["../../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":["import { BadgeStyles, BadgeUtils } from 'acinguiux-ds-react-base';\r\nimport styled, { css } from 'styled-components';\r\n\r\nimport { StyledBadgeProps, StyledBadgeTextProps } from './Badge.types';\r\n\r\nconst Badge = styled.div<StyledBadgeProps>`\r\n  ${BadgeStyles.Styles};\r\n`;\r\n\r\nconst BadgeText = styled.span<StyledBadgeTextProps>`\r\n  ${({ theme, size }) => css`\r\n    ${BadgeUtils.getSizeStyles(theme, size)};\r\n  `};\r\n`;\r\n\r\nexport { Badge, BadgeText };\r\n"],"names":["Badge","styled","BadgeStyles.Styles","BadgeText","theme","size","css","BadgeUtils.getSizeStyles"],"mappings":";;;AAKA,MAAMA,IAAQC,EAAO;AAAA,IACjBC,CAAkB;AAAA,GAGhBC,IAAYF,EAAO;AAAA,IACrB,CAAC,EAAE,OAAAG,GAAO,MAAAC,EAAA,MAAWC;AAAA,MACnBC,EAAyBH,GAAOC,CAAI,CAAC;AAAA,GACxC;AAAA;"}
+{"version":3,"file":"Badge.styles.js","sources":["../../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":["import { BadgeStyles, BadgeUtils } from 'acinguiux-ds-react-base';\nimport styled, { css } from 'styled-components';\n\nimport { StyledBadgeProps, StyledBadgeTextProps } from './Badge.types';\n\nconst Badge = styled.div<StyledBadgeProps>`\n  ${BadgeStyles.Styles};\n`;\n\nconst BadgeText = styled.span<StyledBadgeTextProps>`\n  ${({ theme, size }) => css`\n    ${BadgeUtils.getSizeStyles(theme, size)};\n  `};\n`;\n\nexport { Badge, BadgeText };\n"],"names":["Badge","styled","BadgeStyles.Styles","BadgeText","theme","size","css","BadgeUtils.getSizeStyles"],"mappings":";;;AAKA,MAAMA,IAAQC,EAAO;AAAA,IACjBC,CAAkB;AAAA,GAGhBC,IAAYF,EAAO;AAAA,IACrB,CAAC,EAAE,OAAAG,GAAO,MAAAC,EAAA,MAAWC;AAAA,MACnBC,EAAyBH,GAAOC,CAAI,CAAC;AAAA,GACxC;AAAA;"}

package/build/esm/components/Badge/Badge.types.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { BadgeTypes, BadgeUtils, BadgeStyles } from '..\..\react-base\src';
+import { BadgeTypes, BadgeUtils, BadgeStyles } from 'acinguiux-ds-react-base';
 export interface IBadgeProps extends BadgeTypes.IProps, ComponentPropsWithoutRef<'div'> {
 }
 export type StyledBadgeTextProps = {

package/build/esm/components/Breadcrumb/Breadcrumb.js

@@ -1,43 +1,43 @@
-import { jsx as r, jsxs as R } from "react/jsx-runtime";
+import { jsx as r, jsxs as b } from "react/jsx-runtime";
 import { forwardRef as v } from "react";
 import C from "classnames";
-import L from "../Icon/components/ChevronSmallLeft.js";
+import { BREADCRUMB_CLASS as L, Positions as g, Sizes as x } from "../../react-base/build/esm/consts.js";
+import A from "../Icon/components/ChevronSmallLeft.js";
 import $ from "../Icon/components/ChevronSmallRight.js";
-import { BreadcrumbWrapper as g, Breadcrumb as x } from "./Breadcrumb.styles.js";
-import j from "./components/Separator/Separator.js";
-import { defaultRenderPath as A } from "./utils/renderUtils.js";
-import { BREADCRUMB_CLASS as M, Positions as N, Sizes as P } from "../../react-base/src/consts.js";
-const w = v(
-  ({ className: s, size: e = P.Medium, items: t, separator: i, mirrored: o, navProps: f, ...p }, c) => {
-    const d = o ? /* @__PURE__ */ r(L, {}) : /* @__PURE__ */ r($, {});
-    return /* @__PURE__ */ r("nav", { ...f, children: /* @__PURE__ */ r(
-      g,
+import { BreadcrumbWrapper as j, Breadcrumb as M } from "./Breadcrumb.styles.js";
+import N from "./components/Separator/Separator.js";
+import { defaultRenderPath as P } from "./utils/renderUtils.js";
+const z = v(
+  ({ className: s, size: e = x.Medium, items: t, separator: f, mirrored: a, navProps: i, ...p }, d) => {
+    const l = a ? /* @__PURE__ */ r(A, {}) : /* @__PURE__ */ r($, {});
+    return /* @__PURE__ */ r("nav", { ...i, children: /* @__PURE__ */ r(
+      j,
       {
-        className: C(M, s),
+        className: C(L, s),
         size: e,
-        ref: c,
-        $mirrored: o,
+        ref: d,
+        $mirrored: a,
         ...p,
         children: t.map(
           ({
             name: m,
             key: n,
-            path: l,
+            path: c,
             icon: u,
-            iconPosition: h = N.Left,
-            iconOnly: B = !1,
-            renderPath: S = A
-          }, b) => {
-            const a = b === t.length - 1;
-            return /* @__PURE__ */ R(
-              x,
+            iconPosition: h = g.Left,
+            iconOnly: S = !1,
+            renderPath: B = P
+          }, R) => {
+            const o = R === t.length - 1;
+            return /* @__PURE__ */ b(
+              M,
               {
                 size: e,
-                $mirrored: o,
-                "aria-current": a ? "page" : void 0,
+                $mirrored: a,
+                "aria-current": o ? "page" : void 0,
                 children: [
-                  S(m, l, u, h, B, a),
-                  !a && /* @__PURE__ */ r(j, { separator: i || d })
+                  B(m, c, u, h, S, o),
+                  !o && /* @__PURE__ */ r(N, { separator: f || l })
                 ]
               },
               n || m
@@ -47,8 +47,8 @@ const w = v(
       }
     ) });
   }
-), F = w;
+);
 export {
-  F as default
+  z as default
 };
 //# sourceMappingURL=Breadcrumb.js.map

package/build/esm/components/Breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Sizes, Positions, BREADCRUMB_CLASS } from 'acinguiux-ds-react-base';\r\n\r\nimport { ChevronSmallRight, ChevronSmallLeft } from '../Icon/components';\r\nimport * as Styled from './Breadcrumb.styles';\r\nimport { IBreadcrumbProps } from './Breadcrumb.types';\r\nimport Separator from './components/Separator/Separator';\r\nimport { defaultRenderPath } from './utils/renderUtils';\r\n\r\nconst Breadcrumb = forwardRef<HTMLUListElement, IBreadcrumbProps>(\r\n  ({ className, size = Sizes.Medium, items, separator, mirrored, navProps, ...rest }, ref): ReactElement => {\r\n    const defaultSeparator = mirrored ? <ChevronSmallLeft /> : <ChevronSmallRight />;\r\n\r\n    return (\r\n      <nav {...navProps}>\r\n        <Styled.BreadcrumbWrapper\r\n          className={classNames(BREADCRUMB_CLASS, className)}\r\n          size={size}\r\n          ref={ref}\r\n          $mirrored={mirrored}\r\n          {...rest}\r\n        >\r\n          {items.map(\r\n            (\r\n              {\r\n                name,\r\n                key,\r\n                path,\r\n                icon,\r\n                iconPosition = Positions.Left,\r\n                iconOnly = false,\r\n                renderPath = defaultRenderPath,\r\n              },\r\n              index,\r\n            ) => {\r\n              const isLast = index === items.length - 1;\r\n\r\n              return (\r\n                <Styled.Breadcrumb\r\n                  key={key || name}\r\n                  size={size}\r\n                  $mirrored={mirrored}\r\n                  aria-current={isLast ? 'page' : undefined}\r\n                >\r\n                  {renderPath(name, path, icon, iconPosition, iconOnly, isLast)}\r\n                  {!isLast && <Separator separator={separator || defaultSeparator} />}\r\n                </Styled.Breadcrumb>\r\n              );\r\n            },\r\n          )}\r\n        </Styled.BreadcrumbWrapper>\r\n      </nav>\r\n    );\r\n  },\r\n);\r\n\r\nexport default Breadcrumb;\r\n"],"names":["Breadcrumb","forwardRef","className","size","Sizes","items","separator","mirrored","navProps","rest","ref","defaultSeparator","jsx","ChevronSmallLeft","ChevronSmallRight","Styled.BreadcrumbWrapper","classNames","BREADCRUMB_CLASS","name","key","path","icon","iconPosition","Positions","iconOnly","renderPath","defaultRenderPath","index","isLast","jsxs","Styled.Breadcrumb","Separator","Breadcrumb$1"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAaC;AAAA,EACjB,CAAC,EAAE,WAAAC,GAAW,MAAAC,IAAOC,EAAM,QAAQ,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAsB;AACxG,UAAMC,IAAmBJ,IAAW,gBAAAK,EAACC,GAAiB,CAAA,CAAA,sBAAMC,GAAkB,CAAA,CAAA;AAG5E,WAAA,gBAAAF,EAAC,OAAK,EAAA,GAAGJ,GACP,UAAA,gBAAAI;AAAA,MAACG;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAkBf,CAAS;AAAA,QACjD,MAAAC;AAAA,QACA,KAAAO;AAAA,QACA,WAAWH;AAAA,QACV,GAAGE;AAAA,QAEH,UAAMJ,EAAA;AAAA,UACL,CACE;AAAA,YACE,MAAAa;AAAA,YACA,KAAAC;AAAA,YACA,MAAAC;AAAA,YACA,MAAAC;AAAA,YACA,cAAAC,IAAeC,EAAU;AAAA,YACzB,UAAAC,IAAW;AAAA,YACX,YAAAC,IAAaC;AAAA,aAEfC,MACG;AACG,kBAAAC,IAASD,MAAUtB,EAAM,SAAS;AAGtC,mBAAA,gBAAAwB;AAAA,cAACC;AAAAA,cAAA;AAAA,gBAEC,MAAA3B;AAAA,gBACA,WAAWI;AAAA,gBACX,gBAAcqB,IAAS,SAAS;AAAA,gBAE/B,UAAA;AAAA,kBAAAH,EAAWP,GAAME,GAAMC,GAAMC,GAAcE,GAAUI,CAAM;AAAA,kBAC3D,CAACA,KAAU,gBAAAhB,EAACmB,GAAU,EAAA,WAAWzB,KAAaK,GAAkB;AAAA,gBAAA;AAAA,cAAA;AAAA,cAN5DQ,KAAOD;AAAA,YAAA;AAAA,UASlB;AAAA,QACF;AAAA,MAAA;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAc,IAAehC;"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Positions, BREADCRUMB_CLASS } from 'acinguiux-ds-react-base';\n\nimport { ChevronSmallRight, ChevronSmallLeft } from '../Icon/components';\nimport * as Styled from './Breadcrumb.styles';\nimport { IBreadcrumbProps } from './Breadcrumb.types';\nimport Separator from './components/Separator/Separator';\nimport { defaultRenderPath } from './utils/renderUtils';\n\nconst Breadcrumb = forwardRef<HTMLUListElement, IBreadcrumbProps>(\n  ({ className, size = Sizes.Medium, items, separator, mirrored, navProps, ...rest }, ref): ReactElement => {\n    const defaultSeparator = mirrored ? <ChevronSmallLeft /> : <ChevronSmallRight />;\n\n    return (\n      <nav {...navProps}>\n        <Styled.BreadcrumbWrapper\n          className={classNames(BREADCRUMB_CLASS, className)}\n          size={size}\n          ref={ref}\n          $mirrored={mirrored}\n          {...rest}\n        >\n          {items.map(\n            (\n              {\n                name,\n                key,\n                path,\n                icon,\n                iconPosition = Positions.Left,\n                iconOnly = false,\n                renderPath = defaultRenderPath,\n              },\n              index,\n            ) => {\n              const isLast = index === items.length - 1;\n\n              return (\n                <Styled.Breadcrumb\n                  key={key || name}\n                  size={size}\n                  $mirrored={mirrored}\n                  aria-current={isLast ? 'page' : undefined}\n                >\n                  {renderPath(name, path, icon, iconPosition, iconOnly, isLast)}\n                  {!isLast && <Separator separator={separator || defaultSeparator} />}\n                </Styled.Breadcrumb>\n              );\n            },\n          )}\n        </Styled.BreadcrumbWrapper>\n      </nav>\n    );\n  },\n);\n\nexport default Breadcrumb;\n"],"names":["Breadcrumb","forwardRef","className","size","Sizes","items","separator","mirrored","navProps","rest","ref","defaultSeparator","jsx","ChevronSmallLeft","ChevronSmallRight","Styled.BreadcrumbWrapper","classNames","BREADCRUMB_CLASS","name","key","path","icon","iconPosition","Positions","iconOnly","renderPath","defaultRenderPath","index","isLast","jsxs","Styled.Breadcrumb","Separator"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAaC;AAAA,EACjB,CAAC,EAAE,WAAAC,GAAW,MAAAC,IAAOC,EAAM,QAAQ,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAsB;AACxG,UAAMC,IAAmBJ,IAAW,gBAAAK,EAACC,GAAiB,CAAA,CAAA,sBAAMC,GAAkB,EAAA;AAG5E,WAAA,gBAAAF,EAAC,OAAK,EAAA,GAAGJ,GACP,UAAA,gBAAAI;AAAA,MAACG;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAkBf,CAAS;AAAA,QACjD,MAAAC;AAAA,QACA,KAAAO;AAAA,QACA,WAAWH;AAAA,QACV,GAAGE;AAAA,QAEH,UAAMJ,EAAA;AAAA,UACL,CACE;AAAA,YACE,MAAAa;AAAA,YACA,KAAAC;AAAA,YACA,MAAAC;AAAA,YACA,MAAAC;AAAA,YACA,cAAAC,IAAeC,EAAU;AAAA,YACzB,UAAAC,IAAW;AAAA,YACX,YAAAC,IAAaC;AAAA,aAEfC,MACG;AACG,kBAAAC,IAASD,MAAUtB,EAAM,SAAS;AAGtC,mBAAA,gBAAAwB;AAAA,cAACC;AAAAA,cAAA;AAAA,gBAEC,MAAA3B;AAAA,gBACA,WAAWI;AAAA,gBACX,gBAAcqB,IAAS,SAAS;AAAA,gBAE/B,UAAA;AAAA,kBAAAH,EAAWP,GAAME,GAAMC,GAAMC,GAAcE,GAAUI,CAAM;AAAA,kBAC3D,CAACA,KAAU,gBAAAhB,EAACmB,GAAU,EAAA,WAAWzB,KAAaK,EAAkB,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAN5DQ,KAAOD;AAAA,YAOd;AAAA,UAAA;AAAA,QAEJ;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,EAAA;AAGN;"}

package/build/esm/components/Breadcrumb/Breadcrumb.styles.d.ts

@@ -1,4 +1,4 @@
-import { BreadcrumbTypes } from '..\..\react-base\src';
+import { BreadcrumbTypes } from 'acinguiux-ds-react-base';
 import { IBreadcrumbProps } from './Breadcrumb.types';
 type BreadcrumbItemProps = {
     href?: string;