acinguiux-ds-react-framework 0.0.7 → 0.0.8

package/build/esm/components/Accordion/Accordion.consts.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { AccordionTypes } from '..\..\react-base\src';
+import { AccordionTypes } from 'acinguiux-ds-react-base';
 import { IIconProps } from '../Icon/Icon.types';
 type AccordionIconType = {
     [iconSet in AccordionTypes.IndicatorIconType]: {

package/build/esm/components/Accordion/Accordion.js

@@ -1,45 +1,45 @@
 import { jsx as n } from "react/jsx-runtime";
 import h from "classnames";
-import { AccordionIcon as x } from "./Accordion.consts.js";
-import { Accordion as P } from "./Accordion.styles.js";
-import { collapseMotion as C } from "./utils/motionUtils.js";
-import { useProps as S } from "../../react-base/src/components/Accordion/Accordion.utils.js";
-import { ACCORDION_CLASS as r } from "../../react-base/src/consts.js";
-import { consts as t } from "../../react-base/src/components/Accordion/Accordion.consts.js";
+import { ACCORDION_CLASS as r } from "../../react-base/build/esm/consts.js";
+import { useProps as x } from "../../react-base/build/esm/components/Accordion/Accordion.utils.js";
+import { consts as t } from "../../react-base/build/esm/components/Accordion/Accordion.consts.js";
+import { AccordionIcon as P } from "./Accordion.consts.js";
+import { Accordion as C } from "./Accordion.styles.js";
+import { collapseMotion as S } from "./utils/motionUtils.js";
 const w = ({
   className: c,
   ...i
 }) => {
   const {
     size: o,
-    disabled: e,
-    indicatorIcon: s,
-    bodyPadding: a,
+    disabled: s,
+    indicatorIcon: a,
+    bodyPadding: e,
     contained: d,
     borders: m,
     fullWidth: l,
     indicatorIconPosition: p,
     ...f
-  } = S(i), I = ({ isActive: A }) => {
-    const b = x[s][A ? "active" : "inactive"];
+  } = x(i), I = ({ isActive: A }) => {
+    const b = P[a][A ? "active" : "inactive"];
     return /* @__PURE__ */ n(b, { width: t[o].iconSize, height: t[o].iconSize });
   }, u = {
-    ...e && { collapsible: "disabled" }
+    ...s && { collapsible: "disabled" }
   };
   return /* @__PURE__ */ n(
-    P,
+    C,
     {
       className: h(r, c),
       prefixCls: r,
       size: o,
       expandIcon: I,
-      bodyPadding: a,
+      bodyPadding: e,
       contained: d,
       fullWidth: l,
       borders: m,
       indicatorIconPosition: p,
       destroyInactivePanel: !0,
-      openMotion: C,
+      openMotion: S,
       ...u,
       ...i,
       ...f

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\n\nimport classNames from 'classnames';\nimport { CollapsePanelProps } from 'rc-collapse';\nimport { AccordionUtils, AccordionConsts, ACCORDION_CLASS } from 'acinguiux-ds-react-base';\n\nimport { AccordionIcon } from './Accordion.consts';\nimport * as Styled from './Accordion.styles';\nimport { IAccordionProps } from './Accordion.types';\nimport { collapseMotion } from './utils/motionUtils';\n\nconst Accordion = ({\n  className,\n  ...props\n}: IAccordionProps): ReactElement => {\n \n  const { \n    size, \n    disabled, \n    indicatorIcon, \n    bodyPadding, \n    contained, \n    borders, \n    fullWidth, \n    indicatorIconPosition,\n    ...rest \n  } = AccordionUtils.useProps(props);\n\n  const handleExpandIcon = ({ isActive }: CollapsePanelProps): ReactNode => {\n    const Icon = AccordionIcon[indicatorIcon][isActive ? 'active' : 'inactive'];\n    \n    return <Icon width={AccordionConsts.consts[size].iconSize} height={AccordionConsts.consts[size].iconSize}  />;\n  };\n  \n  const additionalProps = {\n    ...(disabled && { collapsible: 'disabled' }),\n  };\n\n  return (\n    <Styled.Accordion\n      className={classNames(ACCORDION_CLASS, className)}\n      prefixCls={ACCORDION_CLASS}\n      size={size}\n      expandIcon={handleExpandIcon}\n      bodyPadding={bodyPadding}\n      contained={contained}\n      fullWidth={fullWidth}\n      borders={borders}\n      indicatorIconPosition={indicatorIconPosition}\n      destroyInactivePanel\n      openMotion={collapseMotion}\n      {...additionalProps}\n      {...props}\n      {...rest}\n    />\n  );\n};\n\nexport default Accordion;\n"],"names":["Accordion","className","props","size","disabled","indicatorIcon","bodyPadding","contained","borders","fullWidth","indicatorIconPosition","rest","AccordionUtils.useProps","handleExpandIcon","isActive","Icon","AccordionIcon","jsx","AccordionConsts.consts","additionalProps","Styled.Accordion","classNames","ACCORDION_CLASS","collapseMotion"],"mappings":";;;;;;;;AAWA,MAAMA,IAAY,CAAC;AAAA,EACjB,WAAAC;AAAA,EACA,GAAGC;AACL,MAAqC;AAE7B,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDC,EAAwBV,CAAK,GAE3BW,IAAmB,CAAC,EAAE,UAAAC,QAA8C;AACxE,UAAMC,IAAOC,EAAcX,CAAa,EAAES,IAAW,WAAW,UAAU;AAE1E,WAAQ,gBAAAG,EAAAF,GAAA,EAAK,OAAOG,EAAuBf,CAAI,EAAE,UAAU,QAAQe,EAAuBf,CAAI,EAAE,SAAW,CAAA;AAAA,EAC7G,GAEMgB,IAAkB;AAAA,IACtB,GAAIf,KAAY,EAAE,aAAa,WAAW;AAAA,EAC5C;AAGE,SAAA,gBAAAa;AAAA,IAACG;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAiBrB,CAAS;AAAA,MAChD,WAAWqB;AAAA,MACX,MAAAnB;AAAA,MACA,YAAYU;AAAA,MACZ,aAAAP;AAAA,MACA,WAAAC;AAAA,MACA,WAAAE;AAAA,MACA,SAAAD;AAAA,MACA,uBAAAE;AAAA,MACA,sBAAoB;AAAA,MACpB,YAAYa;AAAA,MACX,GAAGJ;AAAA,MACH,GAAGjB;AAAA,MACH,GAAGS;AAAA,IAAA;AAAA,EACN;AAEJ;"}
+{"version":3,"file":"Accordion.js","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\n\nimport classNames from 'classnames';\nimport { CollapsePanelProps } from 'rc-collapse';\nimport { AccordionUtils, AccordionConsts, ACCORDION_CLASS } from 'acinguiux-ds-react-base';\n\nimport { AccordionIcon } from './Accordion.consts';\nimport * as Styled from './Accordion.styles';\nimport { IAccordionProps } from './Accordion.types';\nimport { collapseMotion } from './utils/motionUtils';\n\nconst Accordion = ({\n  className,\n  ...props\n}: IAccordionProps): ReactElement => {\n \n  const { \n    size, \n    disabled, \n    indicatorIcon, \n    bodyPadding, \n    contained, \n    borders, \n    fullWidth, \n    indicatorIconPosition,\n    ...rest \n  } = AccordionUtils.useProps(props);\n\n  const handleExpandIcon = ({ isActive }: CollapsePanelProps): ReactNode => {\n    const Icon = AccordionIcon[indicatorIcon][isActive ? 'active' : 'inactive'];\n    \n    return <Icon width={AccordionConsts.consts[size].iconSize} height={AccordionConsts.consts[size].iconSize}  />;\n  };\n  \n  const additionalProps = {\n    ...(disabled && { collapsible: 'disabled' }),\n  };\n\n  return (\n    <Styled.Accordion\n      className={classNames(ACCORDION_CLASS, className)}\n      prefixCls={ACCORDION_CLASS}\n      size={size}\n      expandIcon={handleExpandIcon}\n      bodyPadding={bodyPadding}\n      contained={contained}\n      fullWidth={fullWidth}\n      borders={borders}\n      indicatorIconPosition={indicatorIconPosition}\n      destroyInactivePanel\n      openMotion={collapseMotion}\n      {...additionalProps}\n      {...props}\n      {...rest}\n    />\n  );\n};\n\nexport default Accordion;\n"],"names":["Accordion","className","props","size","disabled","indicatorIcon","bodyPadding","contained","borders","fullWidth","indicatorIconPosition","rest","AccordionUtils.useProps","handleExpandIcon","isActive","Icon","AccordionIcon","jsx","AccordionConsts.consts","additionalProps","Styled.Accordion","classNames","ACCORDION_CLASS","collapseMotion"],"mappings":";;;;;;;;AAWA,MAAMA,IAAY,CAAC;AAAA,EACjB,WAAAC;AAAA,EACA,GAAGC;AACL,MAAqC;AAE7B,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDC,EAAwBV,CAAK,GAE3BW,IAAmB,CAAC,EAAE,UAAAC,QAA8C;AACxE,UAAMC,IAAOC,EAAcX,CAAa,EAAES,IAAW,WAAW,UAAU;AAE1E,WAAQ,gBAAAG,EAAAF,GAAA,EAAK,OAAOG,EAAuBf,CAAI,EAAE,UAAU,QAAQe,EAAuBf,CAAI,EAAE,SAAW,CAAA;AAAA,EAC7G,GAEMgB,IAAkB;AAAA,IACtB,GAAIf,KAAY,EAAE,aAAa,WAAW;AAAA,EAC5C;AAGE,SAAA,gBAAAa;AAAA,IAACG;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAiBrB,CAAS;AAAA,MAChD,WAAWqB;AAAAA,MACX,MAAAnB;AAAA,MACA,YAAYU;AAAA,MACZ,aAAAP;AAAA,MACA,WAAAC;AAAA,MACA,WAAAE;AAAA,MACA,SAAAD;AAAA,MACA,uBAAAE;AAAA,MACA,sBAAoB;AAAA,MACpB,YAAYa;AAAA,MACX,GAAGJ;AAAA,MACH,GAAGjB;AAAA,MACH,GAAGS;AAAA,IAAA;AAAA,EACN;AAEJ;"}

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

@@ -1,22 +1,22 @@
-import g from "rc-collapse";
-import m, { css as o } from "styled-components";
-import { Sizes as s } from "../../react-base/src/consts.js";
-import { getFabricStyles as y, getNestedMarginStyle as h, getHeaderTitleFontStyle as p, getContentTextFontStyle as v, getContentPaddingStyle as S, getExpandIconStyle as b, getWithBordersItemStyle as x, getContainedItemStyle as H, getHeaderPaddingStyle as f, getExtraContentStyle as w, getHeaderTextStyle as A } from "../../react-base/src/components/Accordion/Accordion.utils.js";
-import * as F from "../../react-base/src/components/Accordion/Accordion.consts.js";
-const { consts: T } = F, N = m(g)`
-  ${({ prefixCls: t, size: e = s.Medium, fullWidth: i, nested: u, borders: l, indicatorIconPosition: r, bodyPadding: c, contained: $, disabled: d, theme: a }) => {
-  const n = y(a);
+import u from "rc-collapse";
+import g, { css as o } from "styled-components";
+import { Sizes as m } from "../../react-base/build/esm/consts.js";
+import { getFabricStyles as y, getNestedMarginStyle as h, getHeaderTitleFontStyle as p, getContentTextFontStyle as v, getContentPaddingStyle as S, getExpandIconStyle as b, getWithBordersItemStyle as x, getContainedItemStyle as A, getHeaderPaddingStyle as F, getExtraContentStyle as H, getHeaderTextStyle as T } from "../../react-base/build/esm/components/Accordion/Accordion.utils.js";
+import * as f from "../../react-base/build/esm/components/Accordion/Accordion.consts.js";
+const { consts: w } = f, k = g(u)`
+  ${({ prefixCls: t, size: e = m.Medium, fullWidth: c, nested: i, borders: s, indicatorIconPosition: r, bodyPadding: l, contained: a, disabled: d, theme: $ }) => {
+  const n = y($);
   return o`
-      width: ${i ? "100%" : "fit-content"};
-      min-height: ${T[e].minHeight}px;
+      width: ${c ? "100%" : "fit-content"};
+      min-height: ${w[e].minHeight}px;
       
-      ${u && o`
+      ${i && o`
         padding: 0 24px;
-        ${h(e, $, c)}
+        ${h(e, a, l)}
       `}
 
       .${t}-panel-header, .${t}-header {
-        ${p(a, e)}
+        ${p($, e)}
       }
 
       .${t}-content {
@@ -25,16 +25,16 @@ const { consts: T } = F, N = m(g)`
       }
 
       .${t}-panel-content, .${t}-content-box {
-        ${v(a, e)}
-        ${c && S(e, $)}
+        ${v($, e)}
+        ${l && S(e, a)}
       }
 
       .${t}-panel-item:last-of-type, .${t}-item:last-of-type {
-        ${l && !$ && o`
+        ${s && !a && o`
           border-bottom: none;
         `}
 
-        ${$ && o`
+        ${a && o`
           margin-bottom: 0;
         `}
       }
@@ -48,17 +48,17 @@ const { consts: T } = F, N = m(g)`
       .${t}-item {
         ${n.default}
 
-        ${l && !$ && o`
-          ${x(a)}
+        ${s && !a && o`
+          ${x($)}
         `}
 
-        ${$ && o`
+        ${a && o`
           ${n.default}
-          ${H(a)}
+          ${A($)}
           
           &:has(>.${t}-header:focus-visible) {
             border-radius: 10px;
-            outline: 3px solid ${a.additional.focus.subtle};
+            outline: 3px solid ${$.additional.focus.subtle};
             outline-offset: 2px;
           }
 
@@ -77,11 +77,11 @@ const { consts: T } = F, N = m(g)`
           display: flex;
           align-items: center;
           cursor: pointer;
-          ${f(e, $)}
+          ${F(e, a)}
 
           &:focus-visible {
             border-radius: 2px;
-            outline: ${$ ? "0px" : "3px"} solid ${a.additional.focus.subtle};
+            outline: ${a ? "0px" : "3px"} solid ${$.additional.focus.subtle};
           }
         
           &:hover {
@@ -99,11 +99,11 @@ const { consts: T } = F, N = m(g)`
           `}
 
           .${t}-extra {
-            ${w(e, r)}
+            ${H(e, r)}
           }
           
           .${t}-header-text {
-            ${A(e, r)};
+            ${T(e, r)};
           }
 
           &-collapsible-only {
@@ -123,6 +123,6 @@ const { consts: T } = F, N = m(g)`
 }};
 `;
 export {
-  N as Accordion
+  k as Accordion
 };
 //# sourceMappingURL=Accordion.styles.js.map

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

@@ -1,5 +1,5 @@
 import { CollapseProps, ItemType } from 'rc-collapse/lib/interface';
-import { AccordionTypes } from '..\..\react-base\src';
+import { AccordionTypes } from 'acinguiux-ds-react-base';
 export interface IAccordionProps extends Omit<CollapseProps, 'expandIcon' | 'items' | 'collapsible'>, AccordionTypes.IProps<ItemType> {
 }
 //# sourceMappingURL=Accordion.types.d.ts.map

package/build/esm/components/Accordion/components/AccordionPanel/AccordionPanel.js

@@ -1,22 +1,22 @@
 import { jsx as o } from "react/jsx-runtime";
 import d from "classnames";
+import { ACCORDION_PANEL_CLASS as r } from "../../../../react-base/build/esm/consts.js";
 import n from "../HeaderAccordion/HeaderAccordion.js";
-import { AccordionPanel as f } from "./AccordionPanel.styles.js";
-import { ACCORDION_PANEL_CLASS as r } from "../../../../react-base/src/consts.js";
+import { AccordionPanel as p } from "./AccordionPanel.styles.js";
 const P = ({
   className: e,
   children: a,
   border: m = !0,
   keyId: c,
-  header: i,
-  label: s,
+  header: s,
+  label: i,
   ...t
 }) => /* @__PURE__ */ o(
-  f,
+  p,
   {
     className: d(r, e),
     $border: m,
-    header: /* @__PURE__ */ o(n, { header: i, label: s }),
+    header: /* @__PURE__ */ o(n, { header: s, label: i }),
     ...t,
     prefixCls: r,
     children: a

package/build/esm/components/Accordion/components/AccordionPanel/AccordionPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionPanel.js","sources":["../../../../../../src/components/Accordion/components/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ACCORDION_PANEL_CLASS } from 'acinguiux-ds-react-base';\n\nimport HeaderAccordion from '../HeaderAccordion/HeaderAccordion';\nimport * as Styled from './AccordionPanel.styles';\nimport { IAccordionPanelProps } from './AccordionPanel.types';\n\nconst AccordionPanel = ({\n  className,\n  children,\n  border = true,\n  keyId,\n  header,\n  label,\n  ...rest\n}: IAccordionPanelProps) => (\n  <Styled.AccordionPanel\n    className={classNames(ACCORDION_PANEL_CLASS, className)}\n    $border={border}\n    key={keyId}\n    header={<HeaderAccordion header={header} label={label} />}\n    {...rest}\n    prefixCls={ACCORDION_PANEL_CLASS}\n  >\n    {children}\n  </Styled.AccordionPanel>\n);\n\nexport default AccordionPanel;\n"],"names":["AccordionPanel","className","children","border","keyId","header","label","rest","jsx","Styled.AccordionPanel","classNames","ACCORDION_PANEL_CLASS","HeaderAccordion"],"mappings":";;;;;AAOA,MAAMA,IAAiB,CAAC;AAAA,EACtB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAWC,EAAWC,GAAuBV,CAAS;AAAA,IACtD,SAASE;AAAA,IAET,QAAQ,gBAAAK,EAACI,GAAgB,EAAA,QAAAP,GAAgB,OAAAC,EAAc,CAAA;AAAA,IACtD,GAAGC;AAAA,IACJ,WAAWI;AAAA,IAEV,UAAAT;AAAA,EAAA;AAAA,EALIE;AAMP;"}
+{"version":3,"file":"AccordionPanel.js","sources":["../../../../../../src/components/Accordion/components/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ACCORDION_PANEL_CLASS } from 'acinguiux-ds-react-base';\n\nimport HeaderAccordion from '../HeaderAccordion/HeaderAccordion';\nimport * as Styled from './AccordionPanel.styles';\nimport { IAccordionPanelProps } from './AccordionPanel.types';\n\nconst AccordionPanel = ({\n  className,\n  children,\n  border = true,\n  keyId,\n  header,\n  label,\n  ...rest\n}: IAccordionPanelProps) => (\n  <Styled.AccordionPanel\n    className={classNames(ACCORDION_PANEL_CLASS, className)}\n    $border={border}\n    key={keyId}\n    header={<HeaderAccordion header={header} label={label} />}\n    {...rest}\n    prefixCls={ACCORDION_PANEL_CLASS}\n  >\n    {children}\n  </Styled.AccordionPanel>\n);\n\nexport default AccordionPanel;\n"],"names":["AccordionPanel","className","children","border","keyId","header","label","rest","jsx","Styled.AccordionPanel","classNames","ACCORDION_PANEL_CLASS","HeaderAccordion"],"mappings":";;;;;AAOA,MAAMA,IAAiB,CAAC;AAAA,EACtB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAWC,EAAWC,GAAuBV,CAAS;AAAA,IACtD,SAASE;AAAA,IAET,QAAQ,gBAAAK,EAACI,GAAgB,EAAA,QAAAP,GAAgB,OAAAC,EAAc,CAAA;AAAA,IACtD,GAAGC;AAAA,IACJ,WAAWI;AAAAA,IAEV,UAAAT;AAAA,EAAA;AAAA,EALIE;AAMP;"}

package/build/esm/components/Accordion/utils/motionUtils.js

@@ -1,4 +1,4 @@
-import { ACCORDION_CLASS as i } from "../../../react-base/src/consts.js";
+import { ACCORDION_CLASS as i } from "../../../react-base/build/esm/consts.js";
 const e = () => ({ height: 0, opacity: 0 }), a = (t) => ({ height: t.scrollHeight, opacity: 1 }), r = (t) => ({ height: t.offsetHeight }), o = (t, n) => n.propertyName === "height", c = {
   motionName: `${i}-motion`,
   onAppearStart: e,

package/build/esm/components/Alert/Alert.consts.js

@@ -1,4 +1,4 @@
-import { Sizes as a } from "../../react-base/src/consts.js";
+import { Sizes as a } from "../../react-base/build/esm/consts.js";
 const e = {
   icon: {
     [a.Small]: 20,

package/build/esm/components/Alert/Alert.js

@@ -1,53 +1,53 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { forwardRef as x } from "react";
 import B from "classnames";
 import { Sentiments as I } from "acinguiux-ds-fabrics";
-import $ from "../Button/Button.js";
-import j from "../Icon/components/Cross.js";
-import { Alert as k, IconContainer as y, AlertContentContainer as R, AlertContent as T, AlertLabel as _, AlertMessage as w, Actions as E, DismissContainer as P, DismissButton as V } from "./Alert.styles.js";
-import { getAlertStateIcon as b } from "./utils/alertUtils.js";
-import { ALERT_CLASS as q, Sizes as e, Variants as p, ICON_CLASS as F, NOOP as G, Alignments as H } from "../../react-base/src/consts.js";
+import { ALERT_CLASS as $, Sizes as e, Variants as p, ICON_CLASS as j, NOOP as k, Alignments as w } from "../../react-base/build/esm/consts.js";
+import y from "../Button/Button.js";
+import R from "../Icon/components/Cross.js";
+import { Alert as T, IconContainer as _, AlertContentContainer as b, AlertContent as E, AlertLabel as P, AlertMessage as V, Actions as Y, DismissContainer as q, DismissButton as F } from "./Alert.styles.js";
+import { getAlertStateIcon as G } from "./utils/alertUtils.js";
 const rr = x(
   ({
-    className: C,
+    className: u,
     size: r = e.Medium,
-    label: l,
-    children: m,
-    sentiment: a = I.Neutral,
-    icon: c,
-    iconAriaLabel: d,
-    iconClassName: u,
-    iconVisibility: A = !0,
+    label: a,
+    children: l,
+    sentiment: m = I.Neutral,
+    icon: A,
+    iconAriaLabel: C,
+    iconClassName: c,
+    iconVisibility: d = !0,
     elevation: S = !1,
-    dismissible: s = !1,
-    onDismissClick: h = G,
-    actionsAlignment: n = H.Bottom,
+    dismissible: i = !1,
+    onDismissClick: h = k,
+    actionsAlignment: n = w.Bottom,
     actions: o,
     dismissButtonTitle: L = "Dismiss",
     solidBgColor: N = !1,
     ...g
   }, O) => {
-    const D = b(a, r, c, d, u);
-    return /* @__PURE__ */ i(
-      k,
+    const D = G(m, r, A, C, c);
+    return /* @__PURE__ */ s(
+      T,
       {
         size: r,
-        className: B(q, C),
-        sentiment: a,
+        className: B($, u),
+        sentiment: m,
         $elevation: S,
         solidBgColor: N,
         actionsAlignment: n,
         ref: O,
         ...g,
         children: [
-          A && /* @__PURE__ */ t(y, { size: r, sentiment: a, children: D }),
-          /* @__PURE__ */ i(R, { actionsAlignment: n, children: [
-            /* @__PURE__ */ i(T, { size: r, $hasLabel: !!l, children: [
-              l && /* @__PURE__ */ t(_, { size: r, children: l }),
-              typeof m == "string" ? /* @__PURE__ */ t(w, { size: r, children: m }) : m
+          d && /* @__PURE__ */ t(_, { size: r, sentiment: m, children: D }),
+          /* @__PURE__ */ s(b, { actionsAlignment: n, children: [
+            /* @__PURE__ */ s(E, { size: r, $hasLabel: !!a, children: [
+              a && /* @__PURE__ */ t(P, { size: r, children: a }),
+              typeof l == "string" ? /* @__PURE__ */ t(V, { size: r, children: l }) : l
             ] }),
-            (o == null ? void 0 : o.length) && /* @__PURE__ */ t(E, { size: r, actionsAlignment: n, dismissible: s, children: o.map(({ label: f, action: M, props: v }) => /* @__PURE__ */ t(
-              $,
+            (o == null ? void 0 : o.length) && /* @__PURE__ */ t(Y, { size: r, actionsAlignment: n, dismissible: i, children: o.map(({ label: f, action: M, props: v }) => /* @__PURE__ */ t(
+              y,
               {
                 onClick: M,
                 ...v,
@@ -58,15 +58,15 @@ const rr = x(
               f
             )) })
           ] }),
-          s && /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(
-            V,
+          i && /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(
+            F,
             {
               size: r === e.Large ? e.Medium : e.Small,
               title: L,
               onClick: h,
               variant: p.Transparent,
               iconOnly: !0,
-              icon: /* @__PURE__ */ t(j, { className: F }),
+              icon: /* @__PURE__ */ t(R, { className: j }),
               "aria-label": "Dismiss"
             }
           ) })

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { Sentiments } from 'acinguiux-ds-fabrics';\nimport { Sizes, Alignments, Variants, NOOP, ALERT_CLASS, ICON_CLASS } from 'acinguiux-ds-react-base';\n\nimport Button from '../Button/Button';\nimport { Cross } from '../Icon/components';\nimport * as Styled from './Alert.styles';\nimport { IAlertProps } from './Alert.types';\nimport { getAlertStateIcon } from './utils/alertUtils';\n\nconst Alert = forwardRef<HTMLDivElement, IAlertProps>(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      label,\n      children,\n      sentiment = Sentiments.Neutral,\n      icon,\n      iconAriaLabel,\n      iconClassName,\n      iconVisibility = true,\n      elevation = false,\n      dismissible = false,\n      onDismissClick = NOOP,\n      actionsAlignment = Alignments.Bottom,\n      actions,\n      dismissButtonTitle = 'Dismiss',\n      solidBgColor = false,\n      ...rest\n    },\n    ref,\n  ): ReactElement => {\n    const iconComponent = getAlertStateIcon(sentiment, size, icon, iconAriaLabel, iconClassName);\n\n    return (\n      <Styled.Alert\n        size={size}\n        className={classNames(ALERT_CLASS, className)}\n        sentiment={sentiment}\n        $elevation={elevation}\n        solidBgColor={solidBgColor}\n        actionsAlignment={actionsAlignment}\n        ref={ref}\n        {...rest}\n      >\n        {iconVisibility && (\n          <Styled.IconContainer size={size} sentiment={sentiment}>\n            {iconComponent}\n          </Styled.IconContainer>\n        )}\n        <Styled.AlertContentContainer actionsAlignment={actionsAlignment}>\n          <Styled.AlertContent size={size} $hasLabel={!!label}>\n            {label && <Styled.AlertLabel size={size}>{label}</Styled.AlertLabel>}\n            {typeof children === 'string' ? (\n              <Styled.AlertMessage size={size}>{children}</Styled.AlertMessage>\n            ) : (\n              children\n            )}\n          </Styled.AlertContent>\n          {actions?.length && (\n            <Styled.Actions size={size} actionsAlignment={actionsAlignment} dismissible={dismissible}>\n              {actions.map(({ label: actionLabel, action, props }) => (\n                <Button\n                  key={actionLabel}\n                  onClick={action}\n                  {...props}\n                  size={size === Sizes.Large ? Sizes.Medium : Sizes.Small}\n                  variant={Variants.Outlined}\n                >\n                  {actionLabel}\n                </Button>\n              ))}\n            </Styled.Actions>\n          )}\n        </Styled.AlertContentContainer>\n        {dismissible && (\n          <Styled.DismissContainer>\n            <Styled.DismissButton\n              size={size === Sizes.Large ? Sizes.Medium : Sizes.Small}\n              title={dismissButtonTitle}\n              onClick={onDismissClick}\n              variant={Variants.Transparent}\n              iconOnly\n              icon={<Cross className={ICON_CLASS} />}\n              aria-label=\"Dismiss\"\n            />\n          </Styled.DismissContainer>\n        )}\n      </Styled.Alert>\n    );\n  },\n);\n\nexport default Alert;\n"],"names":["Alert","forwardRef","className","size","Sizes","label","children","sentiment","Sentiments","icon","iconAriaLabel","iconClassName","iconVisibility","elevation","dismissible","onDismissClick","NOOP","actionsAlignment","Alignments","actions","dismissButtonTitle","solidBgColor","rest","ref","iconComponent","getAlertStateIcon","jsxs","Styled.Alert","classNames","ALERT_CLASS","Styled.IconContainer","Styled.AlertContentContainer","Styled.AlertContent","jsx","Styled.AlertLabel","Styled.AlertMessage","Styled.Actions","actionLabel","action","props","Button","Variants","Styled.DismissContainer","Styled.DismissButton","Cross","ICON_CLASS"],"mappings":";;;;;;;;;AAYA,MAAMA,KAAQC;AAAA,EACZ,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAYC,EAAW;AAAA,IACvB,MAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,WAAAC,IAAY;AAAA,IACZ,aAAAC,IAAc;AAAA,IACd,gBAAAC,IAAiBC;AAAA,IACjB,kBAAAC,IAAmBC,EAAW;AAAA,IAC9B,SAAAC;AAAA,IACA,oBAAAC,IAAqB;AAAA,IACrB,cAAAC,IAAe;AAAA,IACf,GAAGC;AAAA,KAELC,MACiB;AACjB,UAAMC,IAAgBC,EAAkBlB,GAAWJ,GAAMM,GAAMC,GAAeC,CAAa;AAGzF,WAAA,gBAAAe;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,MAAAxB;AAAA,QACA,WAAWyB,EAAWC,GAAa3B,CAAS;AAAA,QAC5C,WAAAK;AAAA,QACA,YAAYM;AAAA,QACZ,cAAAQ;AAAA,QACA,kBAAAJ;AAAA,QACA,KAAAM;AAAA,QACC,GAAGD;AAAA,QAEH,UAAA;AAAA,UAAAV,uBACEkB,GAAA,EAAqB,MAAA3B,GAAY,WAAAI,GAC/B,UACHiB,GAAA;AAAA,UAED,gBAAAE,EAAAK,GAAA,EAA6B,kBAAAd,GAC5B,UAAA;AAAA,YAAA,gBAAAS,EAACM,GAAA,EAAoB,MAAA7B,GAAY,WAAW,CAAC,CAACE,GAC3C,UAAA;AAAA,cAAAA,KAAU,gBAAA4B,EAAAC,GAAA,EAAkB,MAAA/B,GAAa,UAAME,GAAA;AAAA,cAC/C,OAAOC,KAAa,WACnB,gBAAA2B,EAACE,GAAA,EAAoB,MAAAhC,GAAa,UAAAG,EAAA,CAAS,IAE3CA;AAAA,YAAA,GAEJ;AAAA,aACCa,KAAA,gBAAAA,EAAS,WACR,gBAAAc,EAACG,GAAA,EAAe,MAAAjC,GAAY,kBAAAc,GAAoC,aAAAH,GAC7D,UAAAK,EAAQ,IAAI,CAAC,EAAE,OAAOkB,GAAa,QAAAC,GAAQ,OAAAC,QAC1C,gBAAAN;AAAA,cAACO;AAAA,cAAA;AAAA,gBAEC,SAASF;AAAA,gBACR,GAAGC;AAAA,gBACJ,MAAMpC,MAASC,EAAM,QAAQA,EAAM,SAASA,EAAM;AAAA,gBAClD,SAASqC,EAAS;AAAA,gBAEjB,UAAAJ;AAAA,cAAA;AAAA,cANIA;AAAA,YAAA,CAQR,EACH,CAAA;AAAA,UAAA,GAEJ;AAAA,UACCvB,KACC,gBAAAmB,EAACS,GAAA,EACC,UAAA,gBAAAT;AAAA,YAACU;AAAAA,YAAA;AAAA,cACC,MAAMxC,MAASC,EAAM,QAAQA,EAAM,SAASA,EAAM;AAAA,cAClD,OAAOgB;AAAA,cACP,SAASL;AAAA,cACT,SAAS0B,EAAS;AAAA,cAClB,UAAQ;AAAA,cACR,MAAM,gBAAAR,EAACW,GAAM,EAAA,WAAWC,EAAY,CAAA;AAAA,cACpC,cAAW;AAAA,YAAA;AAAA,UAAA,EAEf,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { Sentiments } from 'acinguiux-ds-fabrics';\nimport { Sizes, Alignments, Variants, NOOP, ALERT_CLASS, ICON_CLASS } from 'acinguiux-ds-react-base';\n\nimport Button from '../Button/Button';\nimport { Cross } from '../Icon/components';\nimport * as Styled from './Alert.styles';\nimport { IAlertProps } from './Alert.types';\nimport { getAlertStateIcon } from './utils/alertUtils';\n\nconst Alert = forwardRef<HTMLDivElement, IAlertProps>(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      label,\n      children,\n      sentiment = Sentiments.Neutral,\n      icon,\n      iconAriaLabel,\n      iconClassName,\n      iconVisibility = true,\n      elevation = false,\n      dismissible = false,\n      onDismissClick = NOOP,\n      actionsAlignment = Alignments.Bottom,\n      actions,\n      dismissButtonTitle = 'Dismiss',\n      solidBgColor = false,\n      ...rest\n    },\n    ref,\n  ): ReactElement => {\n    const iconComponent = getAlertStateIcon(sentiment, size, icon, iconAriaLabel, iconClassName);\n\n    return (\n      <Styled.Alert\n        size={size}\n        className={classNames(ALERT_CLASS, className)}\n        sentiment={sentiment}\n        $elevation={elevation}\n        solidBgColor={solidBgColor}\n        actionsAlignment={actionsAlignment}\n        ref={ref}\n        {...rest}\n      >\n        {iconVisibility && (\n          <Styled.IconContainer size={size} sentiment={sentiment}>\n            {iconComponent}\n          </Styled.IconContainer>\n        )}\n        <Styled.AlertContentContainer actionsAlignment={actionsAlignment}>\n          <Styled.AlertContent size={size} $hasLabel={!!label}>\n            {label && <Styled.AlertLabel size={size}>{label}</Styled.AlertLabel>}\n            {typeof children === 'string' ? (\n              <Styled.AlertMessage size={size}>{children}</Styled.AlertMessage>\n            ) : (\n              children\n            )}\n          </Styled.AlertContent>\n          {actions?.length && (\n            <Styled.Actions size={size} actionsAlignment={actionsAlignment} dismissible={dismissible}>\n              {actions.map(({ label: actionLabel, action, props }) => (\n                <Button\n                  key={actionLabel}\n                  onClick={action}\n                  {...props}\n                  size={size === Sizes.Large ? Sizes.Medium : Sizes.Small}\n                  variant={Variants.Outlined}\n                >\n                  {actionLabel}\n                </Button>\n              ))}\n            </Styled.Actions>\n          )}\n        </Styled.AlertContentContainer>\n        {dismissible && (\n          <Styled.DismissContainer>\n            <Styled.DismissButton\n              size={size === Sizes.Large ? Sizes.Medium : Sizes.Small}\n              title={dismissButtonTitle}\n              onClick={onDismissClick}\n              variant={Variants.Transparent}\n              iconOnly\n              icon={<Cross className={ICON_CLASS} />}\n              aria-label=\"Dismiss\"\n            />\n          </Styled.DismissContainer>\n        )}\n      </Styled.Alert>\n    );\n  },\n);\n\nexport default Alert;\n"],"names":["Alert","forwardRef","className","size","Sizes","label","children","sentiment","Sentiments","icon","iconAriaLabel","iconClassName","iconVisibility","elevation","dismissible","onDismissClick","NOOP","actionsAlignment","Alignments","actions","dismissButtonTitle","solidBgColor","rest","ref","iconComponent","getAlertStateIcon","jsxs","Styled.Alert","classNames","ALERT_CLASS","Styled.IconContainer","Styled.AlertContentContainer","Styled.AlertContent","jsx","Styled.AlertLabel","Styled.AlertMessage","Styled.Actions","actionLabel","action","props","Button","Variants","Styled.DismissContainer","Styled.DismissButton","Cross","ICON_CLASS"],"mappings":";;;;;;;;;AAYA,MAAMA,KAAQC;AAAA,EACZ,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAYC,EAAW;AAAA,IACvB,MAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,WAAAC,IAAY;AAAA,IACZ,aAAAC,IAAc;AAAA,IACd,gBAAAC,IAAiBC;AAAAA,IACjB,kBAAAC,IAAmBC,EAAW;AAAA,IAC9B,SAAAC;AAAA,IACA,oBAAAC,IAAqB;AAAA,IACrB,cAAAC,IAAe;AAAA,IACf,GAAGC;AAAA,KAELC,MACiB;AACjB,UAAMC,IAAgBC,EAAkBlB,GAAWJ,GAAMM,GAAMC,GAAeC,CAAa;AAGzF,WAAA,gBAAAe;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,MAAAxB;AAAA,QACA,WAAWyB,EAAWC,GAAa3B,CAAS;AAAA,QAC5C,WAAAK;AAAA,QACA,YAAYM;AAAA,QACZ,cAAAQ;AAAA,QACA,kBAAAJ;AAAA,QACA,KAAAM;AAAA,QACC,GAAGD;AAAA,QAEH,UAAA;AAAA,UAAAV,uBACEkB,GAAA,EAAqB,MAAA3B,GAAY,WAAAI,GAC/B,UACHiB,GAAA;AAAA,UAED,gBAAAE,EAAAK,GAAA,EAA6B,kBAAAd,GAC5B,UAAA;AAAA,YAAA,gBAAAS,EAACM,GAAA,EAAoB,MAAA7B,GAAY,WAAW,CAAC,CAACE,GAC3C,UAAA;AAAA,cAAAA,KAAU,gBAAA4B,EAAAC,GAAA,EAAkB,MAAA/B,GAAa,UAAME,GAAA;AAAA,cAC/C,OAAOC,KAAa,WACnB,gBAAA2B,EAACE,GAAA,EAAoB,MAAAhC,GAAa,UAAAG,EAAA,CAAS,IAE3CA;AAAA,YAAA,GAEJ;AAAA,aACCa,KAAA,gBAAAA,EAAS,WACR,gBAAAc,EAACG,GAAA,EAAe,MAAAjC,GAAY,kBAAAc,GAAoC,aAAAH,GAC7D,UAAAK,EAAQ,IAAI,CAAC,EAAE,OAAOkB,GAAa,QAAAC,GAAQ,OAAAC,QAC1C,gBAAAN;AAAA,cAACO;AAAA,cAAA;AAAA,gBAEC,SAASF;AAAA,gBACR,GAAGC;AAAA,gBACJ,MAAMpC,MAASC,EAAM,QAAQA,EAAM,SAASA,EAAM;AAAA,gBAClD,SAASqC,EAAS;AAAA,gBAEjB,UAAAJ;AAAA,cAAA;AAAA,cANIA;AAAA,YAAA,CAQR,EACH,CAAA;AAAA,UAAA,GAEJ;AAAA,UACCvB,KACC,gBAAAmB,EAACS,GAAA,EACC,UAAA,gBAAAT;AAAA,YAACU;AAAAA,YAAA;AAAA,cACC,MAAMxC,MAASC,EAAM,QAAQA,EAAM,SAASA,EAAM;AAAA,cAClD,OAAOgB;AAAA,cACP,SAASL;AAAA,cACT,SAAS0B,EAAS;AAAA,cAClB,UAAQ;AAAA,cACR,MAAM,gBAAAR,EAACW,GAAM,EAAA,WAAWC,EAAY,CAAA;AAAA,cACpC,cAAW;AAAA,YAAA;AAAA,UAAA,EAEf,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;"}

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { RequiredProperties } from '..\..\react-base\src';
+import { RequiredProperties } from 'acinguiux-ds-react-base';
 import { IButtonProps } from '../Button/Button.types';
 import { IAlertProps } from './Alert.types';
-declare const Alert: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<IAlertProps, "sentiment" | "size" | "actionsAlignment" | "solidBgColor"> & Required<Pick<IAlertProps, "sentiment" | "size" | "actionsAlignment" | "solidBgColor">> & Omit<Pick<IAlertProps, "elevation">, "elevation"> & {
+declare const Alert: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<IAlertProps, "size" | "sentiment" | "actionsAlignment" | "solidBgColor"> & Required<Pick<IAlertProps, "size" | "sentiment" | "actionsAlignment" | "solidBgColor">> & Omit<Pick<IAlertProps, "elevation">, "elevation"> & {
     $elevation?: boolean | undefined;
 }, never>;
 declare const AlertLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, RequiredProperties<IAlertProps, "size">, never>;

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

@@ -1,12 +1,12 @@
-import { Prominences as s } from "acinguiux-ds-fabrics";
+import { Alignments as g, Sizes as e, ALERT_CLASS as x } from "../../react-base/build/esm/consts.js";
+import { VariablesNames as l } from "../../react-base/build/esm/theme/variableTheme.js";
+import { Prominences as m } from "acinguiux-ds-fabrics";
 import i, { css as r } from "styled-components";
-import x from "../Button/Button.js";
-import { alertConsts as e } from "./Alert.consts.js";
-import { VariablesNames as l } from "../../react-base/src/theme/variableTheme.js";
-import { Alignments as g, Sizes as a, ALERT_CLASS as h } from "../../react-base/src/consts.js";
-const u = (t) => t ? s.Subtle : s.Transparent, v = i.div`
-  ${({ size: t, sentiment: n, $elevation: o, solidBgColor: d, actionsAlignment: c, theme: m }) => {
-  const $ = { sentiment: n, sentimentProminence: u(d) }, p = m.getVariablesLayer($);
+import h from "../Button/Button.js";
+import { alertConsts as a } from "./Alert.consts.js";
+const u = (t) => t ? m.Subtle : m.Transparent, v = i.div`
+  ${({ size: t, sentiment: n, $elevation: o, solidBgColor: d, actionsAlignment: c, theme: s }) => {
+  const $ = { sentiment: n, sentimentProminence: u(d) }, p = s.getVariablesLayer($);
   return r`
       background-color: ${p[l[d ? "BackgroundSentiment" : "BackgroundFoundation"]]};
 
@@ -17,33 +17,33 @@ const u = (t) => t ? s.Subtle : s.Transparent, v = i.div`
       flex-direction: row;
       align-items: flex-start;
       width: 100%;
-      min-height: ${e.minHeight[t]}px;
-      padding: ${e.padding[t]};
+      min-height: ${a.minHeight[t]}px;
+      padding: ${a.padding[t]};
       border-width: 1px;
       border-style: solid;
       border-radius: 12px;
 
       ${o && r`
-        box-shadow: ${m.elevation.level1};
+        box-shadow: ${s.elevation.level1};
         border: 0;
       `}
 
       ${c === g.Right && r`
-        padding-right: ${e.paddingRight[t]};
+        padding-right: ${a.paddingRight[t]};
       `}
     `;
 }}
 `, w = i.span`
   ${({ size: t, theme: n }) => r`
-    ${t === a.Small && n.heading[5].bold};
-    ${t === a.Medium && n.heading[4].bold};
-    ${t === a.Large && n.heading[3].demi};
+    ${t === e.Small && n.heading[5].bold};
+    ${t === e.Medium && n.heading[4].bold};
+    ${t === e.Large && n.heading[3].demi};
   `}
-`, L = i.span`
+`, A = i.span`
   ${({ size: t, theme: n }) => r`
-    ${t === a.Large ? n.paragraph[a.Medium].normal : n.paragraph[a.Small].normal};
+    ${t === e.Large ? n.paragraph[e.Medium].normal : n.paragraph[e.Small].normal};
   `}
-`, R = i.div`
+`, L = i.div`
   ${({ actionsAlignment: t }) => r`
     display: flex;
     flex-grow: 1;
@@ -56,7 +56,7 @@ const u = (t) => t ? s.Subtle : s.Transparent, v = i.div`
       justify-content: space-between;
     `}
   `}
-`, k = i.div`
+`, R = i.div`
   ${({ size: t, $hasLabel: n, theme: o }) => r`
     ${o.paragraph[t].normal};
 
@@ -65,9 +65,9 @@ const u = (t) => t ? s.Subtle : s.Transparent, v = i.div`
     justify-content: start;
     min-height: 20px;
     row-gap: 8px;
-    margin: ${e[n ? "labelMarginTop" : "childrenMarginTop"][t]}px 0;
+    margin: ${a[n ? "labelMarginTop" : "childrenMarginTop"][t]}px 0;
   `};
-`, A = i.div`
+`, k = i.div`
   ${({ size: t, actionsAlignment: n, dismissible: o }) => r`
     display: flex;
     align-items: center;
@@ -81,7 +81,7 @@ const u = (t) => t ? s.Subtle : s.Transparent, v = i.div`
     `};
 
     ${n === g.Bottom && o && r`
-      margin-right: ${e.actionsMarginRight[t]}px;
+      margin-right: ${a.actionsMarginRight[t]}px;
     `};
 
     ${n === g.Right && o && r`
@@ -95,10 +95,10 @@ const u = (t) => t ? s.Subtle : s.Transparent, v = i.div`
       color: ${d[l.BackgroundSentiment]};
       display: flex;
       height: 100%;
-      margin-right: ${e.iconMarginRight[n]}px;
+      margin-right: ${a.iconMarginRight[n]}px;
 
-      .${h}-icon {
-        margin-top: ${e.iconMarginTop[n]}px;
+      .${x}-icon {
+        margin-top: ${a.iconMarginTop[n]}px;
       }
     `;
 }};
@@ -107,18 +107,18 @@ const u = (t) => t ? s.Subtle : s.Transparent, v = i.div`
   width: 20px;
   min-height: 20px;
   position: relative;
-`, O = i(x)`
+`, O = i(h)`
   ${({ size: t }) => r`
-    margin-left: ${t === a.Medium ? -16 : -8}px;
+    margin-left: ${t === e.Medium ? -16 : -8}px;
   `}
 `;
 export {
-  A as Actions,
+  k as Actions,
   v as Alert,
-  k as AlertContent,
-  R as AlertContentContainer,
+  R as AlertContent,
+  L as AlertContentContainer,
   w as AlertLabel,
-  L as AlertMessage,
+  A as AlertMessage,
   O as DismissButton,
   T as DismissContainer,
   C as IconContainer

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

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, MouseEvent, ReactElement } from 'react';
 import { SentimentType } from 'acinguiux-ds-fabrics';
-import { Sizes, Alignments, Action } from '..\..\react-base\src';
+import { Sizes, Alignments, Action } from 'acinguiux-ds-react-base';
 import { IButtonProps } from '../Button/Button.types';
 export type AlertSentiments = Extract<SentimentType, 'neutral' | 'positive' | 'negative' | 'warning' | 'information'>;
 export type AlertSize = Sizes.Small | Sizes.Medium | Sizes.Large;

package/build/esm/components/Alert/utils/alertUtils.js

@@ -1,26 +1,26 @@
 import { jsx as t } from "react/jsx-runtime";
-import { cloneElement as c } from "react";
+import { cloneElement as s } from "react";
+import { ALERT_CLASS as c } from "../../../react-base/build/esm/consts.js";
 import { Sentiments as o } from "acinguiux-ds-fabrics";
-import s from "../../Icon/components/AlertCircle.js";
-import f from "../../Icon/components/CheckCircle.js";
-import p from "../../Icon/components/CrossCircle.js";
-import C from "../../Icon/components/InfoCircle.js";
+import f from "../../Icon/components/AlertCircle.js";
+import p from "../../Icon/components/CheckCircle.js";
+import C from "../../Icon/components/CrossCircle.js";
+import b from "../../Icon/components/InfoCircle.js";
 import g from "../../Icon/components/QuestionMarkCircle.js";
 import { alertConsts as l } from "../Alert.consts.js";
-import { ALERT_CLASS as b } from "../../../react-base/src/consts.js";
 const W = (m, i, e, a, n) => {
   const r = {
-    className: n || `${b}-icon`,
+    className: n || `${c}-icon`,
     width: l.icon[i],
     height: l.icon[i],
     ...a ? { "aria-label": a } : {}
   };
-  return e ? c(e, r) : {
+  return e ? s(e, r) : {
     [o.Neutral]: /* @__PURE__ */ t(g, { "aria-label": "Neutral alert", ...r }),
-    [o.Positive]: /* @__PURE__ */ t(f, { "aria-label": "Positive alert", ...r }),
-    [o.Negative]: /* @__PURE__ */ t(p, { "aria-label": "Negative alert", ...r }),
-    [o.Warning]: /* @__PURE__ */ t(s, { "aria-label": "Waring alert", ...r }),
-    [o.Information]: /* @__PURE__ */ t(C, { "aria-label": "Information alert", ...r })
+    [o.Positive]: /* @__PURE__ */ t(p, { "aria-label": "Positive alert", ...r }),
+    [o.Negative]: /* @__PURE__ */ t(C, { "aria-label": "Negative alert", ...r }),
+    [o.Warning]: /* @__PURE__ */ t(f, { "aria-label": "Waring alert", ...r }),
+    [o.Information]: /* @__PURE__ */ t(b, { "aria-label": "Information alert", ...r })
   }[m];
 };
 export {

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

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { AvatarTypes } from '..\..\react-base\src';
+import { AvatarTypes } from 'acinguiux-ds-react-base';
 import * as Flags from '../Flag/components/index';
 type FlagComponentKey = keyof typeof Flags;
 type FlagName = Lowercase<FlagComponentKey> | Uppercase<FlagComponentKey>;