acinguiux-ds-react-framework 0.1.18 → 0.1.20

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

@@ -1,113 +1,112 @@
-import { jsxs as $, jsx as t } from "react/jsx-runtime";
-import { forwardRef as _, useRef as y, useCallback as H, useEffect as L, cloneElement as U } from "react";
-import j from "classnames";
-import { FabricsVariables as F } from "acinguiux-ds-fabrics";
-import { Directions as g, Variants as h, Sizes as w } from "../../react-base/src/consts/index.js";
-import { consts as q } from "../../react-base/src/components/Alert/Alert.consts.js";
-import { getProminence as T } from "../../react-base/src/components/Alert/Alert.utils.js";
-import z from "../Icon/components/Cross.js";
-import { Alert as G, AutoCloseContainer as J, HighlightIndicator as K, AlertContentContainer as Q, InnerContainer as W, MessageAndButtonContainer as X, MessageAndIconVerticalContainer as Y, IconContainer as Z, AlertMessageContainer as k, AlertTitle as v, AlertMessage as D, CloseButton as E, Actions as ee, ActionButton as re } from "./Alert.styles.js";
-import { getAlertTextSize as te, getAlertCloseButtonSize as O, getAlertButtonSize as ne } from "./utils/alertUtils.js";
-import { ALERT_CLASS as B } from "../../react-base/src/consts/classes.js";
-const de = _(
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { forwardRef as _, useRef as k, useCallback as y, useEffect as H, cloneElement as L } from "react";
+import U from "classnames";
+import { FabricsVariables as j } from "acinguiux-ds-fabrics";
+import { Directions as C, Variants as d, Sizes as F } from "../../react-base/src/consts/index.js";
+import { consts as w } from "../../react-base/src/components/Alert/Alert.consts.js";
+import { getProminence as u } from "../../react-base/src/components/Alert/Alert.utils.js";
+import M from "../Icon/components/Cross.js";
+import { Alert as q, AutoCloseContainer as D, HighlightIndicator as G, AlertContentContainer as J, InnerContainer as K, MessageAndButtonContainer as Q, MessageAndIconVerticalContainer as W, IconContainer as X, AlertMessageContainer as Y, AlertTitle as Z, AlertMessage as v, CloseButton as b, Actions as ee, ActionButton as re } from "./Alert.styles.js";
+import { getAlertTextSize as te, getAlertCloseButtonSize as z, getAlertButtonSize as ne } from "./utils/alertUtils.js";
+import { ALERT_CLASS as E } from "../../react-base/src/consts/classes.js";
+const Ce = _(
   ({
-    className: I,
-    size: e = `${w.Medium}`,
-    label: V,
-    title: x,
-    children: c,
-    autoClose: A = !1,
-    sentiment: i = F.Sentiments.Neutral,
-    icon: p,
-    closeButton: S = !1,
-    onDismissClick: a,
-    onClose: l,
-    autoCloseTimeout: d = q.DEFAULT_AUTOCLOSE_TIMEOUT_MS,
-    alignment: r = `${g.Vertical}`,
-    highlight: C = !1,
-    banner: M = !1,
-    actions: f,
-    variant: n = `${h.Outlined}`,
-    ...N
-  }, P) => {
-    const b = x ?? V, u = y(null), m = H(
-      (o) => {
-        var s;
-        o ? (a == null || a(o), l == null || l()) : a ? (s = u.current) == null || s.click() : l == null || l();
+    className: O,
+    size: e = `${F.Medium}`,
+    label: B,
+    title: I,
+    children: a,
+    autoClose: c = !1,
+    sentiment: l = j.Sentiments.Neutral,
+    icon: $,
+    closeButton: g = !1,
+    onDismissClick: m,
+    onClose: f,
+    autoCloseTimeout: A = w.DEFAULT_AUTOCLOSE_TIMEOUT_MS,
+    alignment: r = `${C.Vertical}`,
+    highlight: V = !1,
+    banner: h = !1,
+    actions: T,
+    variant: n = `${d.Outlined}`,
+    ...x
+  }, N) => {
+    const S = I ?? B, p = k(null), s = y(
+      (i) => {
+        i ? (m?.(i), f?.()) : m ? p.current?.click() : f?.();
       },
-      [a, l]
+      [m, f]
     );
-    return L(() => {
-      A && setTimeout(() => {
-        m();
-      }, d);
-    }, [A, m, d]), /* @__PURE__ */ $(
-      G,
+    return H(() => {
+      c && setTimeout(() => {
+        s();
+      }, A);
+    }, [c, s, A]), /* @__PURE__ */ o(
+      q,
       {
-        $banner: M,
+        $banner: h,
         $size: e,
-        className: j(B, I),
-        $sentiment: i,
+        className: U(E, O),
+        $sentiment: l,
         $variant: n,
         $alignment: r,
-        ref: P,
-        ...N,
+        ref: N,
+        ...x,
         children: [
-          A && /* @__PURE__ */ t(J, { $sentiment: i, $variant: n, $autoCloseTimeout: d }),
-          C && !M && /* @__PURE__ */ t(K, { $size: e, $alignment: r, $sentiment: i, $variant: n }),
-          /* @__PURE__ */ t(Q, { $size: e, $alignment: r, $variant: n, children: /* @__PURE__ */ $(W, { $size: e, $alignment: r, children: [
-            /* @__PURE__ */ $(X, { $size: e, $alignment: r, children: [
-              /* @__PURE__ */ $(Y, { $size: e, $alignment: r, children: [
-                !!p && /* @__PURE__ */ t(Z, { $size: e, $alignment: r, children: U(p, {
-                  className: `${B}-icon`,
+          c && /* @__PURE__ */ t(D, { $sentiment: l, $variant: n, $autoCloseTimeout: A }),
+          V && !h && /* @__PURE__ */ t(G, { $size: e, $alignment: r, $sentiment: l, $variant: n }),
+          /* @__PURE__ */ t(J, { $size: e, $alignment: r, $variant: n, children: /* @__PURE__ */ o(K, { $size: e, $alignment: r, children: [
+            /* @__PURE__ */ o(Q, { $size: e, $alignment: r, children: [
+              /* @__PURE__ */ o(W, { $size: e, $alignment: r, children: [
+                !!$ && /* @__PURE__ */ t(X, { $size: e, $alignment: r, children: L($, {
+                  className: `${E}-icon`,
                   "aria-label": "alert icon",
-                  ...p.props
+                  ...$.props
                 }) }),
-                /* @__PURE__ */ $(k, { $size: e, $alignment: r, $variant: n, children: [
-                  b && /* @__PURE__ */ t(v, { $size: e, $alignment: r, children: b }),
-                  typeof c == "string" && c.length > 0 ? /* @__PURE__ */ t(D, { size: te(e), children: c }) : c
+                /* @__PURE__ */ o(Y, { $size: e, $alignment: r, $variant: n, children: [
+                  S && /* @__PURE__ */ t(Z, { $size: e, $alignment: r, children: S }),
+                  typeof a == "string" && a.length > 0 ? /* @__PURE__ */ t(v, { size: te(e), children: a }) : a
                 ] })
               ] }),
-              S && r === g.Vertical && /* @__PURE__ */ t(
-                E,
+              g && r === C.Vertical && /* @__PURE__ */ t(
+                b,
                 {
-                  ref: u,
-                  sentiment: i,
-                  sentimentProminence: T(n),
-                  size: O(e),
+                  ref: p,
+                  sentiment: l,
+                  sentimentProminence: u(n),
+                  size: z(e),
                   title: "Close",
-                  onClick: m,
-                  variant: h.Transparent,
+                  onClick: s,
+                  variant: d.Transparent,
                   iconOnly: !0,
-                  icon: /* @__PURE__ */ t(z, {}),
+                  icon: /* @__PURE__ */ t(M, {}),
                   "aria-label": "Close"
                 }
               )
             ] }),
-            !!(f != null && f.length) && /* @__PURE__ */ t(ee, { $size: e, $alignment: r, children: f.map(({ label: o, action: s, props: R }) => /* @__PURE__ */ t(
+            !!T?.length && /* @__PURE__ */ t(ee, { $size: e, $alignment: r, children: T.map(({ label: i, action: P, props: R }) => /* @__PURE__ */ t(
               re,
               {
-                sentiment: i,
-                sentimentProminence: T(n),
-                onClick: s,
+                sentiment: l,
+                sentimentProminence: u(n),
+                onClick: P,
                 size: ne(e),
                 ...R,
-                children: o
+                children: i
               },
-              o
+              i
             )) }),
-            S && r === g.Horizontal && /* @__PURE__ */ t(
-              E,
+            g && r === C.Horizontal && /* @__PURE__ */ t(
+              b,
               {
-                ref: u,
-                sentiment: i,
-                sentimentProminence: T(n),
-                size: O(e),
+                ref: p,
+                sentiment: l,
+                sentimentProminence: u(n),
+                size: z(e),
                 title: "Close",
-                onClick: m,
-                variant: h.Transparent,
+                onClick: s,
+                variant: d.Transparent,
                 iconOnly: !0,
-                icon: /* @__PURE__ */ t(z, {}),
+                icon: /* @__PURE__ */ t(M, {}),
                 "aria-label": "Close"
               }
             )
@@ -118,6 +117,6 @@ const de = _(
   }
 );
 export {
-  de as default
+  Ce as default
 };
 //# sourceMappingURL=Alert.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { cloneElement, forwardRef, ReactElement, useCallback, useEffect, useRef } from 'react';\n\nimport classNames from 'classnames';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { Sizes, Directions, Variants, ALERT_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { AlertConsts, AlertUtils } from 'acinguiux-ds-react-base/components/Alert';\n\nimport Cross from '../Icon/components/Cross';\nimport * as Styled from './Alert.styles';\nimport type { IAlertProps } from './Alert.types';\nimport { getAlertButtonSize, getAlertCloseButtonSize, getAlertTextSize } from './utils/alertUtils';\n\nconst Alert = forwardRef<HTMLDivElement, IAlertProps>(\n  (\n    {\n      className,\n      size = `${Sizes.Medium}`,\n      label,\n      title,\n      children,\n      autoClose = false,\n      sentiment = FabricsVariables.Sentiments.Neutral,\n      icon,\n      closeButton = false,\n      onDismissClick,\n      onClose,\n      autoCloseTimeout = AlertConsts.consts.DEFAULT_AUTOCLOSE_TIMEOUT_MS,\n      alignment = `${Directions.Vertical}`,\n      highlight = false,\n      banner = false,\n      actions,\n      variant = `${Variants.Outlined}`,\n      ...rest\n    },\n    ref,\n  ): ReactElement => {\n    const alertTitle = title ?? label;\n    const closeButtonRef = useRef<HTMLButtonElement>(null);\n\n    // Note: Acceptable tech debt until onDismissClick is removed.\n    const onCloseHandler = useCallback(\n      (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n        if (event) {\n          onDismissClick?.(event);\n          onClose?.();\n        } else if (onDismissClick) {\n          closeButtonRef.current?.click();\n        } else {\n          onClose?.();\n        }\n      },\n      [onDismissClick, onClose],\n    );\n\n    useEffect(() => {\n      if (autoClose) {\n        setTimeout(() => {\n          onCloseHandler();\n        }, autoCloseTimeout);\n      }\n    }, [autoClose, onCloseHandler, autoCloseTimeout]);\n\n    return (\n      <Styled.Alert\n        $banner={banner}\n        $size={size}\n        className={classNames(ALERT_CLASS, className)}\n        $sentiment={sentiment}\n        $variant={variant}\n        $alignment={alignment}\n        ref={ref}\n        {...rest}\n      >\n        {autoClose && (\n          <Styled.AutoCloseContainer $sentiment={sentiment} $variant={variant} $autoCloseTimeout={autoCloseTimeout} />\n        )}\n        {highlight && !banner && (\n          <Styled.HighlightIndicator $size={size} $alignment={alignment} $sentiment={sentiment} $variant={variant} />\n        )}\n        <Styled.AlertContentContainer $size={size} $alignment={alignment} $variant={variant}>\n          <Styled.InnerContainer $size={size} $alignment={alignment}>\n            <Styled.MessageAndButtonContainer $size={size} $alignment={alignment}>\n              <Styled.MessageAndIconVerticalContainer $size={size} $alignment={alignment}>\n                {!!icon && (\n                  <Styled.IconContainer $size={size} $alignment={alignment}>\n                    {cloneElement(icon, {\n                      className: `${ALERT_CLASS}-icon`,\n                      'aria-label': 'alert icon',\n                      ...icon.props,\n                    })}\n                  </Styled.IconContainer>\n                )}\n                <Styled.AlertMessageContainer $size={size} $alignment={alignment} $variant={variant}>\n                  {alertTitle && (\n                    <Styled.AlertTitle $size={size} $alignment={alignment}>\n                      {alertTitle}\n                    </Styled.AlertTitle>\n                  )}\n                  {typeof children === 'string' && children.length > 0 ? (\n                    <Styled.AlertMessage size={getAlertTextSize(size)}>{children}</Styled.AlertMessage>\n                  ) : (\n                    children\n                  )}\n                </Styled.AlertMessageContainer>\n              </Styled.MessageAndIconVerticalContainer>\n              {closeButton && alignment === Directions.Vertical && (\n                <Styled.CloseButton\n                  ref={closeButtonRef}\n                  sentiment={sentiment}\n                  sentimentProminence={AlertUtils.getProminence(variant)}\n                  size={getAlertCloseButtonSize(size)}\n                  title=\"Close\"\n                  onClick={onCloseHandler}\n                  variant={Variants.Transparent}\n                  iconOnly={true}\n                  icon={<Cross />}\n                  aria-label=\"Close\"\n                />\n              )}\n            </Styled.MessageAndButtonContainer>\n            {!!actions?.length && (\n              <Styled.Actions $size={size} $alignment={alignment}>\n                {actions.map(({ label: actionLabel, action, props }) => (\n                  <Styled.ActionButton\n                    sentiment={sentiment}\n                    sentimentProminence={AlertUtils.getProminence(variant)}\n                    key={actionLabel}\n                    onClick={action}\n                    size={getAlertButtonSize(size)}\n                    {...props}\n                  >\n                    {actionLabel}\n                  </Styled.ActionButton>\n                ))}\n              </Styled.Actions>\n            )}\n            {closeButton && alignment === Directions.Horizontal && (\n              <Styled.CloseButton\n                ref={closeButtonRef}\n                sentiment={sentiment}\n                sentimentProminence={AlertUtils.getProminence(variant)}\n                size={getAlertCloseButtonSize(size)}\n                title=\"Close\"\n                onClick={onCloseHandler}\n                variant={Variants.Transparent}\n                iconOnly={true}\n                icon={<Cross />}\n                aria-label=\"Close\"\n              />\n            )}\n          </Styled.InnerContainer>\n        </Styled.AlertContentContainer>\n      </Styled.Alert>\n    );\n  },\n);\n\nexport default Alert;\n"],"names":["Alert","forwardRef","className","size","Sizes","label","title","children","autoClose","sentiment","FabricsVariables","icon","closeButton","onDismissClick","onClose","autoCloseTimeout","AlertConsts.consts","alignment","Directions","highlight","banner","actions","variant","Variants","rest","ref","alertTitle","closeButtonRef","useRef","onCloseHandler","useCallback","event","_a","useEffect","jsxs","Styled.Alert","classNames","ALERT_CLASS","jsx","Styled.AutoCloseContainer","Styled.HighlightIndicator","Styled.AlertContentContainer","Styled.InnerContainer","Styled.MessageAndButtonContainer","Styled.MessageAndIconVerticalContainer","Styled.IconContainer","cloneElement","Styled.AlertMessageContainer","Styled.AlertTitle","Styled.AlertMessage","getAlertTextSize","Styled.CloseButton","AlertUtils.getProminence","getAlertCloseButtonSize","Cross","Styled.Actions","actionLabel","action","props","Styled.ActionButton","getAlertButtonSize"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { cloneElement, forwardRef, ReactElement, useCallback, useEffect, useRef } from 'react';\n\nimport classNames from 'classnames';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { Sizes, Directions, Variants, ALERT_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { AlertConsts, AlertUtils } from 'acinguiux-ds-react-base/components/Alert';\n\nimport Cross from '../Icon/components/Cross';\nimport * as Styled from './Alert.styles';\nimport type { IAlertProps } from './Alert.types';\nimport { getAlertButtonSize, getAlertCloseButtonSize, getAlertTextSize } from './utils/alertUtils';\n\nconst Alert = forwardRef<HTMLDivElement, IAlertProps>(\n  (\n    {\n      className,\n      size = `${Sizes.Medium}`,\n      label,\n      title,\n      children,\n      autoClose = false,\n      sentiment = FabricsVariables.Sentiments.Neutral,\n      icon,\n      closeButton = false,\n      onDismissClick,\n      onClose,\n      autoCloseTimeout = AlertConsts.consts.DEFAULT_AUTOCLOSE_TIMEOUT_MS,\n      alignment = `${Directions.Vertical}`,\n      highlight = false,\n      banner = false,\n      actions,\n      variant = `${Variants.Outlined}`,\n      ...rest\n    },\n    ref,\n  ): ReactElement => {\n    const alertTitle = title ?? label;\n    const closeButtonRef = useRef<HTMLButtonElement>(null);\n\n    // Note: Acceptable tech debt until onDismissClick is removed.\n    const onCloseHandler = useCallback(\n      (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n        if (event) {\n          onDismissClick?.(event);\n          onClose?.();\n        } else if (onDismissClick) {\n          closeButtonRef.current?.click();\n        } else {\n          onClose?.();\n        }\n      },\n      [onDismissClick, onClose],\n    );\n\n    useEffect(() => {\n      if (autoClose) {\n        setTimeout(() => {\n          onCloseHandler();\n        }, autoCloseTimeout);\n      }\n    }, [autoClose, onCloseHandler, autoCloseTimeout]);\n\n    return (\n      <Styled.Alert\n        $banner={banner}\n        $size={size}\n        className={classNames(ALERT_CLASS, className)}\n        $sentiment={sentiment}\n        $variant={variant}\n        $alignment={alignment}\n        ref={ref}\n        {...rest}\n      >\n        {autoClose && (\n          <Styled.AutoCloseContainer $sentiment={sentiment} $variant={variant} $autoCloseTimeout={autoCloseTimeout} />\n        )}\n        {highlight && !banner && (\n          <Styled.HighlightIndicator $size={size} $alignment={alignment} $sentiment={sentiment} $variant={variant} />\n        )}\n        <Styled.AlertContentContainer $size={size} $alignment={alignment} $variant={variant}>\n          <Styled.InnerContainer $size={size} $alignment={alignment}>\n            <Styled.MessageAndButtonContainer $size={size} $alignment={alignment}>\n              <Styled.MessageAndIconVerticalContainer $size={size} $alignment={alignment}>\n                {!!icon && (\n                  <Styled.IconContainer $size={size} $alignment={alignment}>\n                    {cloneElement(icon, {\n                      className: `${ALERT_CLASS}-icon`,\n                      'aria-label': 'alert icon',\n                      ...icon.props,\n                    })}\n                  </Styled.IconContainer>\n                )}\n                <Styled.AlertMessageContainer $size={size} $alignment={alignment} $variant={variant}>\n                  {alertTitle && (\n                    <Styled.AlertTitle $size={size} $alignment={alignment}>\n                      {alertTitle}\n                    </Styled.AlertTitle>\n                  )}\n                  {typeof children === 'string' && children.length > 0 ? (\n                    <Styled.AlertMessage size={getAlertTextSize(size)}>{children}</Styled.AlertMessage>\n                  ) : (\n                    children\n                  )}\n                </Styled.AlertMessageContainer>\n              </Styled.MessageAndIconVerticalContainer>\n              {closeButton && alignment === Directions.Vertical && (\n                <Styled.CloseButton\n                  ref={closeButtonRef}\n                  sentiment={sentiment}\n                  sentimentProminence={AlertUtils.getProminence(variant)}\n                  size={getAlertCloseButtonSize(size)}\n                  title=\"Close\"\n                  onClick={onCloseHandler}\n                  variant={Variants.Transparent}\n                  iconOnly={true}\n                  icon={<Cross />}\n                  aria-label=\"Close\"\n                />\n              )}\n            </Styled.MessageAndButtonContainer>\n            {!!actions?.length && (\n              <Styled.Actions $size={size} $alignment={alignment}>\n                {actions.map(({ label: actionLabel, action, props }) => (\n                  <Styled.ActionButton\n                    sentiment={sentiment}\n                    sentimentProminence={AlertUtils.getProminence(variant)}\n                    key={actionLabel}\n                    onClick={action}\n                    size={getAlertButtonSize(size)}\n                    {...props}\n                  >\n                    {actionLabel}\n                  </Styled.ActionButton>\n                ))}\n              </Styled.Actions>\n            )}\n            {closeButton && alignment === Directions.Horizontal && (\n              <Styled.CloseButton\n                ref={closeButtonRef}\n                sentiment={sentiment}\n                sentimentProminence={AlertUtils.getProminence(variant)}\n                size={getAlertCloseButtonSize(size)}\n                title=\"Close\"\n                onClick={onCloseHandler}\n                variant={Variants.Transparent}\n                iconOnly={true}\n                icon={<Cross />}\n                aria-label=\"Close\"\n              />\n            )}\n          </Styled.InnerContainer>\n        </Styled.AlertContentContainer>\n      </Styled.Alert>\n    );\n  },\n);\n\nexport default Alert;\n"],"names":["Alert","forwardRef","className","size","Sizes","label","title","children","autoClose","sentiment","FabricsVariables","icon","closeButton","onDismissClick","onClose","autoCloseTimeout","AlertConsts.consts","alignment","Directions","highlight","banner","actions","variant","Variants","rest","ref","alertTitle","closeButtonRef","useRef","onCloseHandler","useCallback","event","useEffect","jsxs","Styled.Alert","classNames","ALERT_CLASS","jsx","Styled.AutoCloseContainer","Styled.HighlightIndicator","Styled.AlertContentContainer","Styled.InnerContainer","Styled.MessageAndButtonContainer","Styled.MessageAndIconVerticalContainer","Styled.IconContainer","cloneElement","Styled.AlertMessageContainer","Styled.AlertTitle","Styled.AlertMessage","getAlertTextSize","Styled.CloseButton","AlertUtils.getProminence","getAlertCloseButtonSize","Cross","Styled.Actions","actionLabel","action","props","Styled.ActionButton","getAlertButtonSize"],"mappings":"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"}

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

@@ -1,8 +1,7 @@
-import { type ButtonTypes } from '../../react-base/src/components/Button';
+import { ButtonTypes } from '../../react-base/src/components/Button';
 import type { StyledButtonProps, StyledOnBrandButtonProps, StyledOnSelectedButtonProps, StyledOnSentimentButtonProps, StyledSentimentButtonProps } from './Button.types';
 export declare const ButtonLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const ButtonLabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const CommonStyles: import("styled-components").RuleSet<StyledButtonProps>;
 export declare const buttonCssWithVariant: (variant?: ButtonTypes.Variant) => import("styled-components").RuleSet<StyledButtonProps>;
 export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledButtonProps>> & string;
 export declare const ButtonLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, StyledButtonProps>> & string;

package/build/esm/components/Button/Button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAgB,KAAK,WAAW,EAAe,MAAM,2CAA2C,CAAC;AAIxG,OAAO,KAAK,EACV,iBAAiB,EACjB,wBAAwB,EACxB,2BAA2B,EAC3B,4BAA4B,EAC5B,0BAA0B,EAC3B,MAAM,gBAAgB,CAAC;AAExB,eAAO,MAAM,WAAW,+NAAgB,CAAC;AACzC,eAAO,MAAM,oBAAoB,+NAAgB,CAAC;AA4BlD,eAAO,MAAM,YAAY,wDAExB,CAAC;AA+BF,eAAO,MAAM,oBAAoB,aAAc,WAAW,CAAC,OAAO,2DASjE,CAAC;AAEF,eAAO,MAAM,MAAM,kQAElB,CAAC;AAEF,eAAO,MAAM,UAAU,kQA2BtB,CAAC;AAEF,eAAO,MAAM,eAAe,2QAU3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,6QAI7B,CAAC;AAEF,eAAO,MAAM,aAAa,yQAGzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,4QAS5B,CAAC"}
+{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAgB,WAAW,EAAe,MAAM,2CAA2C,CAAC;AAInG,OAAO,KAAK,EACV,iBAAiB,EACjB,wBAAwB,EACxB,2BAA2B,EAC3B,4BAA4B,EAC5B,0BAA0B,EAC3B,MAAM,gBAAgB,CAAC;AAExB,eAAO,MAAM,WAAW,+NAAgB,CAAC;AACzC,eAAO,MAAM,oBAAoB,+NAAgB,CAAC;AA0DlD,eAAO,MAAM,oBAAoB,aAAc,WAAW,CAAC,OAAO,2DASjE,CAAC;AAEF,eAAO,MAAM,MAAM,kQAElB,CAAC;AAEF,eAAO,MAAM,UAAU,kQA2BtB,CAAC;AAEF,eAAO,MAAM,eAAe,2QAW3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,6QAQ7B,CAAC;AAEF,eAAO,MAAM,aAAa,yQAKzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,4QAU5B,CAAC"}

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

@@ -1,112 +1,122 @@
-import { styled as s, css as i } from "styled-components";
+import { styled as i, css as o } from "styled-components";
 import { getFocusStyles as S } from "../../react-base/src/utils/stylesUtils.js";
 import { Variables as m } from "../../react-base/src/theme/types/layer.js";
-import { getFabricStyles as b, getSizeStyles as $, getSvgStyles as p } from "../../react-base/src/components/Button/Button.utils.js";
-import { containerStylesForVariant as g, stylesForVariant as y } from "../../react-base/src/components/Button/Button.styles.js";
-import { FabricsVariables as o } from "acinguiux-ds-fabrics";
+import { getSizeStyles as u, getSvgStyles as b, getFabricStyles as p } from "../../react-base/src/components/Button/Button.utils.js";
+import { containerStylesForVariant as g, stylesForVariant as $ } from "../../react-base/src/components/Button/Button.styles.js";
+import { FabricsVariables as s } from "acinguiux-ds-fabrics";
 import { Variants as f } from "../../react-base/src/consts/index.js";
-const F = s.span``, d = s.span``, u = (e) => i`
-  ${({ $size: t, theme: n }) => i`
-    ${g()};
-    &[aria-busy='true'] {
-      & > ${d}, & > ${d} > svg,
-      & ${d} > ${F} {
-        opacity: 0;
-        min-height: 0;
-        height: 0;
+const y = i.span``, c = i.span``, l = (t, e) => o(
+  ({ $size: n, theme: r }) => o`
+      ${g(t)};
+      &[aria-busy='true'] {
+        & > ${c}, & > ${c} > svg,
+        & ${c} > ${y} {
+          opacity: 0;
+          min-height: 0;
+          height: 0;
+        }
       }
-    }
 
-    & ${d}, &:is(a) {
-      ${y()};
-      ${$(n, t)};
-      & > svg {
-        ${p(t)};
+      & ${c}, &:is(a) {
+        ${$(t)};
+        ${u(r, n)};
+        & > svg {
+          ${b(n)};
+        }
       }
-    }
 
-    &:focus-visible {
-      ${S(n)};
-    }
-  `};
-`, a = i`
-  ${u()};
-`, r = (e, t, n = f.Filled, c = {}) => {
-  const l = b(e, n, t, c);
-  return i`
+      &:focus-visible {
+        ${S(r, t === "filled" && e !== "Foundation")};
+      }
+    `
+), a = (t, e, n = f.Filled, r = {}) => {
+  const d = p(t, n, e, r);
+  return o`
     &,
     &:not(:disabled) {
-      ${l.resting};
+      ${d.resting};
     }
 
     &:disabled {
       cursor: not-allowed;
-      ${l.disabled};
+      ${d.disabled};
     }
 
     &:not(:disabled):hover {
-      ${l.hover};
+      ${d.hover};
     }
 
     &:not(:disabled):active {
-      ${l.press};
+      ${d.press};
     }
   `;
-}, B = (e) => i`
-  ${u()};
-  ${({ $variant: t, theme: n }) => r(n, "Foundation", t, {
-  transparentRestingState: t === "filled" ? o.TransparentRestingStates.False : o.TransparentRestingStates.True
+}, F = (t) => o`
+  ${l(t)};
+  ${({ $variant: e, theme: n }) => a(n, "Foundation", e, {
+  transparentRestingState: e === "filled" ? s.TransparentRestingStates.False : s.TransparentRestingStates.True
 })};
-`, h = s.button`
-  ${B()};
-`, k = s.a`
-  ${a};
-  text-decoration: underline;
+`, k = i.button`
+  ${F()};
+`, h = i.a(
+  ({ $variant: t, theme: e, $disabled: n }) => o`
+    ${l()};
+    text-decoration: underline;
 
-  &[aria-disabled='true'] {
-    cursor: not-allowed;
-    pointer-events: none;
-  }
+    &[aria-disabled='true'] {
+      cursor: not-allowed;
+      pointer-events: none;
+    }
 
-  ${({ $variant: e, theme: t, $disabled: n }) => e && e !== "filled" && i`
+    ${t && t !== "filled" && o`
       &:link:visited {
-        color: ${t.layer({ disabled: n })[m.TextOnFoundationLinkVisited]};
-        border-color: ${t.layer({ disabled: n })[m.TextOnFoundationLinkVisited]};
+        color: ${e.layer({ disabled: n })[m.TextOnFoundationLinkVisited]};
+        border-color: ${e.layer({ disabled: n })[m.TextOnFoundationLinkVisited]};
       }
     `};
 
-  ${({ $variant: e, theme: t, $disabled: n }) => r(t, "Link", e, {
-  disabled: n,
-  transparentRestingState: e === "filled" ? o.TransparentRestingStates.False : o.TransparentRestingStates.True
-})};
-`, x = s.button`
-  ${a};
-  ${({ $variant: e, theme: t, $sentiment: n }) => r(t, "Sentiment", e, {
-  sentiment: n,
-  sentimentProminence: e === "filled" ? o.SentimentProminences.Strong : o.SentimentProminences.Transparent
-})};
-`, C = s.button`
-  ${a};
-  ${({ $variant: e, theme: t, $sentiment: n, $sentimentProminence: c }) => r(t, "On Sentiment", e, { sentiment: n, sentimentProminence: c })};
-`, w = s.button`
-  ${a};
-  ${({ $variant: e, theme: t, $brand: n }) => r(t, "On Brand", e, { brand: n })};
-`, W = s.button`
-  ${a};
-  ${({ $variant: e, theme: t }) => r(t, "On Selected", e, {
-  selectedProminence: e === "filled" ? o.SelectedProminences.Strong : o.SelectedProminences.Subtle
-})};
-`;
+    ${a(e, "Link", t, {
+    disabled: n,
+    transparentRestingState: t === "filled" ? s.TransparentRestingStates.False : s.TransparentRestingStates.True
+  })};
+  `
+), x = i.button(
+  ({ $variant: t, theme: e, $sentiment: n }) => o`
+    ${l(t, "Sentiment")};
+    ${a(e, "Sentiment", t, {
+    sentiment: n,
+    sentimentProminence: t === "filled" ? s.SentimentProminences.Strong : s.SentimentProminences.Transparent
+  })};
+  `
+), w = i.button(
+  ({ $variant: t, theme: e, $sentiment: n, $sentimentProminence: r }) => o`
+    ${l(t, "On Sentiment")};
+    ${a(e, "On Sentiment", t, {
+    sentiment: n,
+    sentimentProminence: r
+  })};
+  `
+), C = i.button(
+  ({ $variant: t, theme: e, $brand: n }) => o`
+    ${l(t, "On Brand")};
+    ${a(e, "On Brand", t, { brand: n })};
+  `
+), W = i.button(
+  ({ $variant: t, theme: e }) => o`
+    ${l(t, "On Selected")};
+    ${a(e, "On Selected", t, {
+    selectedProminence: t === "filled" ? s.SelectedProminences.Strong : s.SelectedProminences.Subtle
+  })};
+  `
+);
 export {
-  h as Button,
-  F as ButtonLabel,
-  d as ButtonLabelContainer,
-  k as ButtonLink,
-  a as CommonStyles,
-  w as OnBrandButton,
+  k as Button,
+  y as ButtonLabel,
+  c as ButtonLabelContainer,
+  h as ButtonLink,
+  C as OnBrandButton,
   W as OnSelectedButton,
-  C as OnSentimentButton,
+  w as OnSentimentButton,
   x as SentimentButton,
-  B as buttonCssWithVariant
+  F as buttonCssWithVariant
 };
 //# sourceMappingURL=Button.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.js","sources":["../../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { type Theme, type ModesType, Variables } from 'acinguiux-ds-react-base/theme';\nimport { ButtonStyles, type ButtonTypes, ButtonUtils } from 'acinguiux-ds-react-base/components/Button';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { Variants } from 'acinguiux-ds-react-base/consts';\n\nimport type {\n  StyledButtonProps,\n  StyledOnBrandButtonProps,\n  StyledOnSelectedButtonProps,\n  StyledOnSentimentButtonProps,\n  StyledSentimentButtonProps,\n} from './Button.types';\n\nexport const ButtonLabel = styled.span``;\nexport const ButtonLabelContainer = styled.span``;\n\nconst commonStylesForVariant = (variant?: ButtonTypes.Variant) => css<StyledButtonProps>`\n  ${({ $size, theme }) => css<StyledButtonProps>`\n    ${ButtonStyles.containerStylesForVariant(variant)};\n    &[aria-busy='true'] {\n      & > ${ButtonLabelContainer}, & > ${ButtonLabelContainer} > svg,\n      & ${ButtonLabelContainer} > ${ButtonLabel} {\n        opacity: 0;\n        min-height: 0;\n        height: 0;\n      }\n    }\n\n    & ${ButtonLabelContainer}, &:is(a) {\n      ${ButtonStyles.stylesForVariant(variant)};\n      ${ButtonUtils.getSizeStyles(theme, $size)};\n      & > svg {\n        ${ButtonUtils.getSvgStyles($size)};\n      }\n    }\n\n    &:focus-visible {\n      ${getFocusStyles(theme)};\n    }\n  `};\n`;\n\nexport const CommonStyles = css<StyledButtonProps>`\n  ${commonStylesForVariant()};\n`;\n\nconst stateStyles = (\n  theme: Theme,\n  style: ButtonUtils.ButtonKinds,\n  variant: ButtonTypes.Variant = Variants.Filled,\n  modes: ModesType = {},\n) => {\n  const styles = ButtonUtils.getFabricStyles(theme, variant, style, modes);\n\n  return css`\n    &,\n    &:not(:disabled) {\n      ${styles.resting};\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      ${styles.disabled};\n    }\n\n    &:not(:disabled):hover {\n      ${styles.hover};\n    }\n\n    &:not(:disabled):active {\n      ${styles.press};\n    }\n  `;\n};\n\nexport const buttonCssWithVariant = (variant?: ButtonTypes.Variant) => css<StyledButtonProps>`\n  ${commonStylesForVariant(variant)};\n  ${({ $variant, theme }) =>\n    stateStyles(theme, 'Foundation', variant ?? $variant, {\n      transparentRestingState:\n        (variant ?? $variant) === 'filled'\n          ? FabricsVariables.TransparentRestingStates.False\n          : FabricsVariables.TransparentRestingStates.True,\n    })};\n`;\n\nexport const Button = styled.button<StyledButtonProps>`\n  ${buttonCssWithVariant()};\n`;\n\nexport const ButtonLink = styled.a<StyledButtonProps>`\n  ${CommonStyles};\n  text-decoration: underline;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  ${({ $variant, theme, $disabled }) =>\n    $variant &&\n    $variant !== 'filled' &&\n    css`\n      &:link:visited {\n        color: ${theme.layer({ disabled: $disabled })[Variables.TextOnFoundationLinkVisited]};\n        border-color: ${theme.layer({ disabled: $disabled })[Variables.TextOnFoundationLinkVisited]};\n      }\n    `};\n\n  ${({ $variant, theme, $disabled }) =>\n    stateStyles(theme, 'Link', $variant, {\n      disabled: $disabled,\n      transparentRestingState:\n        $variant === 'filled'\n          ? FabricsVariables.TransparentRestingStates.False\n          : FabricsVariables.TransparentRestingStates.True,\n    })};\n`;\n\nexport const SentimentButton = styled.button<StyledSentimentButtonProps>`\n  ${CommonStyles};\n  ${({ $variant, theme, $sentiment }) =>\n    stateStyles(theme, 'Sentiment', $variant, {\n      sentiment: $sentiment,\n      sentimentProminence:\n        $variant === 'filled'\n          ? FabricsVariables.SentimentProminences.Strong\n          : FabricsVariables.SentimentProminences.Transparent,\n    })};\n`;\n\nexport const OnSentimentButton = styled.button<StyledOnSentimentButtonProps>`\n  ${CommonStyles};\n  ${({ $variant, theme, $sentiment, $sentimentProminence }) =>\n    stateStyles(theme, 'On Sentiment', $variant, { sentiment: $sentiment, sentimentProminence: $sentimentProminence })};\n`;\n\nexport const OnBrandButton = styled.button<StyledOnBrandButtonProps>`\n  ${CommonStyles};\n  ${({ $variant, theme, $brand }) => stateStyles(theme, 'On Brand', $variant, { brand: $brand })};\n`;\n\nexport const OnSelectedButton = styled.button<StyledOnSelectedButtonProps>`\n  ${CommonStyles};\n  ${({ $variant, theme }) =>\n    stateStyles(theme, 'On Selected', $variant, {\n      selectedProminence:\n        $variant === 'filled'\n          ? FabricsVariables.SelectedProminences.Strong\n          : FabricsVariables.SelectedProminences.Subtle,\n    })};\n`;\n"],"names":["ButtonLabel","styled","ButtonLabelContainer","commonStylesForVariant","variant","css","$size","theme","ButtonStyles.containerStylesForVariant","ButtonStyles.stylesForVariant","ButtonUtils.getSizeStyles","ButtonUtils.getSvgStyles","getFocusStyles","CommonStyles","stateStyles","style","Variants","modes","styles","ButtonUtils.getFabricStyles","buttonCssWithVariant","$variant","FabricsVariables","Button","ButtonLink","$disabled","Variables","SentimentButton","$sentiment","OnSentimentButton","$sentimentProminence","OnBrandButton","$brand","OnSelectedButton"],"mappings":"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"}
+{"version":3,"file":"Button.styles.js","sources":["../../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { type Theme, type ModesType, Variables } from 'acinguiux-ds-react-base/theme';\nimport { ButtonStyles, ButtonTypes, ButtonUtils } from 'acinguiux-ds-react-base/components/Button';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { Variants } from 'acinguiux-ds-react-base/consts';\n\nimport type {\n  StyledButtonProps,\n  StyledOnBrandButtonProps,\n  StyledOnSelectedButtonProps,\n  StyledOnSentimentButtonProps,\n  StyledSentimentButtonProps,\n} from './Button.types';\n\nexport const ButtonLabel = styled.span``;\nexport const ButtonLabelContainer = styled.span``;\n\nconst commonStylesForVariant = (variant?: ButtonTypes.Variant, style?: ButtonUtils.ButtonKinds) =>\n  css<StyledButtonProps>(\n    ({ $size, theme }) => css<StyledButtonProps>`\n      ${ButtonStyles.containerStylesForVariant(variant)};\n      &[aria-busy='true'] {\n        & > ${ButtonLabelContainer}, & > ${ButtonLabelContainer} > svg,\n        & ${ButtonLabelContainer} > ${ButtonLabel} {\n          opacity: 0;\n          min-height: 0;\n          height: 0;\n        }\n      }\n\n      & ${ButtonLabelContainer}, &:is(a) {\n        ${ButtonStyles.stylesForVariant(variant)};\n        ${ButtonUtils.getSizeStyles(theme, $size)};\n        & > svg {\n          ${ButtonUtils.getSvgStyles($size)};\n        }\n      }\n\n      &:focus-visible {\n        ${getFocusStyles(theme, variant === 'filled' && style !== 'Foundation')};\n      }\n    `,\n  );\n\nconst stateStyles = (\n  theme: Theme,\n  style: ButtonUtils.ButtonKinds,\n  variant: ButtonTypes.Variant = Variants.Filled,\n  modes: ModesType = {},\n) => {\n  const styles = ButtonUtils.getFabricStyles(theme, variant, style, modes);\n\n  return css`\n    &,\n    &:not(:disabled) {\n      ${styles.resting};\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      ${styles.disabled};\n    }\n\n    &:not(:disabled):hover {\n      ${styles.hover};\n    }\n\n    &:not(:disabled):active {\n      ${styles.press};\n    }\n  `;\n};\n\nexport const buttonCssWithVariant = (variant?: ButtonTypes.Variant) => css<StyledButtonProps>`\n  ${commonStylesForVariant(variant)};\n  ${({ $variant, theme }) =>\n    stateStyles(theme, 'Foundation', variant ?? $variant, {\n      transparentRestingState:\n        (variant ?? $variant) === 'filled'\n          ? FabricsVariables.TransparentRestingStates.False\n          : FabricsVariables.TransparentRestingStates.True,\n    })};\n`;\n\nexport const Button = styled.button<StyledButtonProps>`\n  ${buttonCssWithVariant()};\n`;\n\nexport const ButtonLink = styled.a<StyledButtonProps>(\n  ({ $variant, theme, $disabled }) => css<StyledButtonProps>`\n    ${commonStylesForVariant()};\n    text-decoration: underline;\n\n    &[aria-disabled='true'] {\n      cursor: not-allowed;\n      pointer-events: none;\n    }\n\n    ${$variant &&\n    $variant !== 'filled' &&\n    css`\n      &:link:visited {\n        color: ${theme.layer({ disabled: $disabled })[Variables.TextOnFoundationLinkVisited]};\n        border-color: ${theme.layer({ disabled: $disabled })[Variables.TextOnFoundationLinkVisited]};\n      }\n    `};\n\n    ${stateStyles(theme, 'Link', $variant, {\n      disabled: $disabled,\n      transparentRestingState:\n        $variant === 'filled'\n          ? FabricsVariables.TransparentRestingStates.False\n          : FabricsVariables.TransparentRestingStates.True,\n    })};\n  `,\n);\n\nexport const SentimentButton = styled.button<StyledSentimentButtonProps>(\n  ({ $variant, theme, $sentiment }) => css<StyledSentimentButtonProps>`\n    ${commonStylesForVariant($variant, 'Sentiment')};\n    ${stateStyles(theme, 'Sentiment', $variant, {\n      sentiment: $sentiment,\n      sentimentProminence:\n        $variant === 'filled'\n          ? FabricsVariables.SentimentProminences.Strong\n          : FabricsVariables.SentimentProminences.Transparent,\n    })};\n  `,\n);\n\nexport const OnSentimentButton = styled.button<StyledOnSentimentButtonProps>(\n  ({ $variant, theme, $sentiment, $sentimentProminence }) => css<StyledOnSentimentButtonProps>`\n    ${commonStylesForVariant($variant, 'On Sentiment')};\n    ${stateStyles(theme, 'On Sentiment', $variant, {\n      sentiment: $sentiment,\n      sentimentProminence: $sentimentProminence,\n    })};\n  `,\n);\n\nexport const OnBrandButton = styled.button<StyledOnBrandButtonProps>(\n  ({ $variant, theme, $brand }) => css<StyledOnBrandButtonProps>`\n    ${commonStylesForVariant($variant, 'On Brand')};\n    ${stateStyles(theme, 'On Brand', $variant, { brand: $brand })};\n  `,\n);\n\nexport const OnSelectedButton = styled.button<StyledOnSelectedButtonProps>(\n  ({ $variant, theme }) => css<StyledOnSelectedButtonProps>`\n    ${commonStylesForVariant($variant, 'On Selected')};\n    ${stateStyles(theme, 'On Selected', $variant, {\n      selectedProminence:\n        $variant === 'filled'\n          ? FabricsVariables.SelectedProminences.Strong\n          : FabricsVariables.SelectedProminences.Subtle,\n    })};\n  `,\n);\n"],"names":["ButtonLabel","styled","ButtonLabelContainer","commonStylesForVariant","variant","style","css","$size","theme","ButtonStyles.containerStylesForVariant","ButtonStyles.stylesForVariant","ButtonUtils.getSizeStyles","ButtonUtils.getSvgStyles","getFocusStyles","stateStyles","Variants","modes","styles","ButtonUtils.getFabricStyles","buttonCssWithVariant","$variant","FabricsVariables","Button","ButtonLink","$disabled","Variables","SentimentButton","$sentiment","OnSentimentButton","$sentimentProminence","OnBrandButton","$brand","OnSelectedButton"],"mappings":"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"}

package/build/esm/components/Button/OnBrandButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OnBrandButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/OnBrandButton.tsx"],"names":[],"mappings":"AAWA,QAAA,MAAM,aAAa;;;;;;6DAuClB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"OnBrandButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/OnBrandButton.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,aAAa;;;;;;6DAiClB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/build/esm/components/Button/OnBrandButton.js

@@ -30,16 +30,7 @@ const A = O(
             a,
             !t && /* @__PURE__ */ d(N, { children: i })
           ] }),
-          r && /* @__PURE__ */ d(
-            P,
-            {
-              size: p,
-              "aria-hidden": !0,
-              type: "brand",
-              brand: e,
-              withForeground: $
-            }
-          )
+          r && /* @__PURE__ */ d(P, { size: p, "aria-hidden": !0, type: "brand", brand: e, withForeground: $ })
         ]
       }
     );

package/build/esm/components/Button/OnBrandButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnBrandButton.js","sources":["../../../../src/components/Button/OnBrandButton.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport { BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ButtonUtils } from 'acinguiux-ds-react-base/components/Button';\nimport type { LoadingTypes } from 'acinguiux-ds-react-base/components/Loading';\n\nimport * as Styled from './Button.styles';\nimport type { IOnBrandButtonProps } from './Button.types';\nimport Loading from '../Loading/Loading';\n\nconst OnBrandButton = forwardRef<HTMLButtonElement, IOnBrandButtonProps>(\n  ({ className, type = 'button', ...props }, ref) => {\n    const { size, variant, disabled, loading, label, iconPosition, icon, iconOnly, loaderSize, brand, ...rest } =\n      ButtonUtils.useOnBrandProps(props);\n    const isFilled = useMemo(() => variant === 'filled', [variant]);\n\n    return (\n      <Styled.OnBrandButton\n        aria-label={label}\n        aria-busy={!!loading}\n        disabled={disabled}\n        $size={size}\n        $disabled={disabled}\n        $variant={variant}\n        $brand={brand}\n        $iconOnly={iconOnly}\n        $icon={icon}\n        $iconPosition={iconPosition}\n        type={type}\n        className={classNames(BUTTON_CLASS, className)}\n        ref={ref}\n        {...rest}\n      >\n        <Styled.ButtonLabelContainer>\n          {icon}\n          {!iconOnly && <Styled.ButtonLabel>{label}</Styled.ButtonLabel>}\n        </Styled.ButtonLabelContainer>\n        {loading && (\n          <Loading\n            size={loaderSize as LoadingTypes.Size}\n            aria-hidden={true}\n            type=\"brand\"\n            brand={brand}\n            withForeground={isFilled}\n          />\n        )}\n      </Styled.OnBrandButton>\n    );\n  },\n);\n\nexport default OnBrandButton;\n"],"names":["OnBrandButton","forwardRef","className","type","props","ref","size","variant","disabled","loading","label","iconPosition","icon","iconOnly","loaderSize","brand","rest","ButtonUtils.useOnBrandProps","isFilled","useMemo","jsxs","Styled.OnBrandButton","classNames","BUTTON_CLASS","Styled.ButtonLabelContainer","jsx","Styled.ButtonLabel","Loading"],"mappings":";;;;;;;AAWA,MAAMA,IAAgBC;AAAA,EACpB,CAAC,EAAE,WAAAC,GAAW,MAAAC,IAAO,UAAU,GAAGC,EAAA,GAASC,MAAQ;AACjD,UAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,UAAAC,GAAU,SAAAC,GAAS,OAAAC,GAAO,cAAAC,GAAc,MAAAC,GAAM,UAAAC,GAAU,YAAAC,GAAY,OAAAC,GAAO,GAAGC,EAAA,IACnGC,EAA4Bb,CAAK,GAC7Bc,IAAWC,EAAQ,MAAMZ,MAAY,UAAU,CAACA,CAAO,CAAC;AAE9D,WACE,gBAAAa;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,cAAYX;AAAA,QACZ,aAAW,CAAC,CAACD;AAAA,QACb,UAAAD;AAAA,QACA,OAAOF;AAAA,QACP,WAAWE;AAAA,QACX,UAAUD;AAAA,QACV,QAAQQ;AAAA,QACR,WAAWF;AAAA,QACX,OAAOD;AAAA,QACP,eAAeD;AAAA,QACf,MAAAR;AAAA,QACA,WAAWmB,EAAWC,GAAcrB,CAAS;AAAA,QAC7C,KAAAG;AAAA,QACC,GAAGW;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAI,EAACI,GAAA,EACE,UAAA;AAAA,YAAAZ;AAAA,YACA,CAACC,KAAY,gBAAAY,EAACC,GAAA,EAAoB,UAAAhB,EAAA,CAAM;AAAA,UAAA,GAC3C;AAAA,UACCD,KACC,gBAAAgB;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAMb;AAAA,cACN,eAAa;AAAA,cACb,MAAK;AAAA,cACL,OAAAC;AAAA,cACA,gBAAgBG;AAAA,YAAA;AAAA,UAAA;AAAA,QAClB;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
+{"version":3,"file":"OnBrandButton.js","sources":["../../../../src/components/Button/OnBrandButton.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport { BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ButtonUtils } from 'acinguiux-ds-react-base/components/Button';\n\nimport * as Styled from './Button.styles';\nimport type { IOnBrandButtonProps } from './Button.types';\nimport Loading from '../Loading/Loading';\n\nconst OnBrandButton = forwardRef<HTMLButtonElement, IOnBrandButtonProps>(\n  ({ className, type = 'button', ...props }, ref) => {\n    const { size, variant, disabled, loading, label, iconPosition, icon, iconOnly, loaderSize, brand, ...rest } =\n      ButtonUtils.useOnBrandProps(props);\n    const isFilled = useMemo(() => variant === 'filled', [variant]);\n\n    return (\n      <Styled.OnBrandButton\n        aria-label={label}\n        aria-busy={!!loading}\n        disabled={disabled}\n        $size={size}\n        $disabled={disabled}\n        $variant={variant}\n        $brand={brand}\n        $iconOnly={iconOnly}\n        $icon={icon}\n        $iconPosition={iconPosition}\n        type={type}\n        className={classNames(BUTTON_CLASS, className)}\n        ref={ref}\n        {...rest}\n      >\n        <Styled.ButtonLabelContainer>\n          {icon}\n          {!iconOnly && <Styled.ButtonLabel>{label}</Styled.ButtonLabel>}\n        </Styled.ButtonLabelContainer>\n        {loading && (\n          <Loading size={loaderSize} aria-hidden={true} type=\"brand\" brand={brand} withForeground={isFilled} />\n        )}\n      </Styled.OnBrandButton>\n    );\n  },\n);\n\nexport default OnBrandButton;\n"],"names":["OnBrandButton","forwardRef","className","type","props","ref","size","variant","disabled","loading","label","iconPosition","icon","iconOnly","loaderSize","brand","rest","ButtonUtils.useOnBrandProps","isFilled","useMemo","jsxs","Styled.OnBrandButton","classNames","BUTTON_CLASS","Styled.ButtonLabelContainer","jsx","Styled.ButtonLabel","Loading"],"mappings":";;;;;;;AAUA,MAAMA,IAAgBC;AAAA,EACpB,CAAC,EAAE,WAAAC,GAAW,MAAAC,IAAO,UAAU,GAAGC,EAAA,GAASC,MAAQ;AACjD,UAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,UAAAC,GAAU,SAAAC,GAAS,OAAAC,GAAO,cAAAC,GAAc,MAAAC,GAAM,UAAAC,GAAU,YAAAC,GAAY,OAAAC,GAAO,GAAGC,EAAA,IACnGC,EAA4Bb,CAAK,GAC7Bc,IAAWC,EAAQ,MAAMZ,MAAY,UAAU,CAACA,CAAO,CAAC;AAE9D,WACE,gBAAAa;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,cAAYX;AAAA,QACZ,aAAW,CAAC,CAACD;AAAA,QACb,UAAAD;AAAA,QACA,OAAOF;AAAA,QACP,WAAWE;AAAA,QACX,UAAUD;AAAA,QACV,QAAQQ;AAAA,QACR,WAAWF;AAAA,QACX,OAAOD;AAAA,QACP,eAAeD;AAAA,QACf,MAAAR;AAAA,QACA,WAAWmB,EAAWC,GAAcrB,CAAS;AAAA,QAC7C,KAAAG;AAAA,QACC,GAAGW;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAI,EAACI,GAAA,EACE,UAAA;AAAA,YAAAZ;AAAA,YACA,CAACC,KAAY,gBAAAY,EAACC,GAAA,EAAoB,UAAAhB,EAAA,CAAM;AAAA,UAAA,GAC3C;AAAA,UACCD,KACC,gBAAAgB,EAACE,GAAA,EAAQ,MAAMb,GAAY,eAAa,IAAM,MAAK,SAAQ,OAAAC,GAAc,gBAAgBG,EAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAI3G;AACF;"}

package/build/esm/components/Button/OnSentimentButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OnSentimentButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/OnSentimentButton.tsx"],"names":[],"mappings":"AAWA,QAAA,MAAM,iBAAiB;;;;;;;6DAqDtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"OnSentimentButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/OnSentimentButton.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,iBAAiB;;;;;;;6DAqDtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/build/esm/components/Button/OnSentimentButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnSentimentButton.js","sources":["../../../../src/components/Button/OnSentimentButton.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport { BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ButtonUtils } from 'acinguiux-ds-react-base/components/Button';\nimport type { LoadingTypes } from 'acinguiux-ds-react-base/components/Loading';\n\nimport * as Styled from './Button.styles';\nimport type { IOnSentimentButtonProps } from './Button.types';\nimport Loading from '../Loading/Loading';\n\nconst OnSentimentButton = forwardRef<HTMLButtonElement, IOnSentimentButtonProps>(\n  ({ className, type = 'button', ...props }, ref) => {\n    const {\n      size,\n      variant,\n      disabled,\n      loading,\n      label,\n      iconPosition,\n      icon,\n      iconOnly,\n      loaderSize,\n      sentiment,\n      sentimentProminence,\n      ...rest\n    } = ButtonUtils.useOnSentimentProps(props);\n    const isFilled = useMemo(() => variant === 'filled', [variant]);\n\n    return (\n      <Styled.OnSentimentButton\n        aria-label={label}\n        aria-busy={!!loading}\n        disabled={disabled}\n        $size={size}\n        $disabled={disabled}\n        $variant={variant}\n        $sentiment={sentiment}\n        $sentimentProminence={sentimentProminence}\n        $iconOnly={iconOnly}\n        $icon={icon}\n        $iconPosition={iconPosition}\n        type={type}\n        className={classNames(BUTTON_CLASS, className)}\n        ref={ref}\n        {...rest}\n      >\n        <Styled.ButtonLabelContainer>\n          {icon}\n          {!iconOnly && <Styled.ButtonLabel>{label}</Styled.ButtonLabel>}\n        </Styled.ButtonLabelContainer>\n        {loading && (\n          <Loading\n            size={loaderSize as LoadingTypes.Size}\n            aria-hidden={true}\n            type=\"sentiment\"\n            sentiment={sentiment}\n            sentimentProminence={sentimentProminence}\n            withForeground={isFilled}\n          />\n        )}\n      </Styled.OnSentimentButton>\n    );\n  },\n);\n\nexport default OnSentimentButton;\n"],"names":["OnSentimentButton","forwardRef","className","type","props","ref","size","variant","disabled","loading","label","iconPosition","icon","iconOnly","loaderSize","sentiment","sentimentProminence","rest","ButtonUtils.useOnSentimentProps","isFilled","useMemo","jsxs","Styled.OnSentimentButton","classNames","BUTTON_CLASS","Styled.ButtonLabelContainer","jsx","Styled.ButtonLabel","Loading"],"mappings":";;;;;;;AAWA,MAAMA,IAAoBC;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,MAAAC,IAAO,UAAU,GAAGC,EAAA,GAASC,MAAQ;AACjD,UAAM;AAAA,MACJ,MAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,OAAAC;AAAA,MACA,cAAAC;AAAA,MACA,MAAAC;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,WAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDC,EAAgCd,CAAK,GACnCe,IAAWC,EAAQ,MAAMb,MAAY,UAAU,CAACA,CAAO,CAAC;AAE9D,WACE,gBAAAc;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,cAAYZ;AAAA,QACZ,aAAW,CAAC,CAACD;AAAA,QACb,UAAAD;AAAA,QACA,OAAOF;AAAA,QACP,WAAWE;AAAA,QACX,UAAUD;AAAA,QACV,YAAYQ;AAAA,QACZ,sBAAsBC;AAAA,QACtB,WAAWH;AAAA,QACX,OAAOD;AAAA,QACP,eAAeD;AAAA,QACf,MAAAR;AAAA,QACA,WAAWoB,EAAWC,GAActB,CAAS;AAAA,QAC7C,KAAAG;AAAA,QACC,GAAGY;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAI,EAACI,GAAA,EACE,UAAA;AAAA,YAAAb;AAAA,YACA,CAACC,KAAY,gBAAAa,EAACC,GAAA,EAAoB,UAAAjB,EAAA,CAAM;AAAA,UAAA,GAC3C;AAAA,UACCD,KACC,gBAAAiB;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAMd;AAAA,cACN,eAAa;AAAA,cACb,MAAK;AAAA,cACL,WAAAC;AAAA,cACA,qBAAAC;AAAA,cACA,gBAAgBG;AAAA,YAAA;AAAA,UAAA;AAAA,QAClB;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
+{"version":3,"file":"OnSentimentButton.js","sources":["../../../../src/components/Button/OnSentimentButton.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport { BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ButtonUtils } from 'acinguiux-ds-react-base/components/Button';\n\nimport * as Styled from './Button.styles';\nimport type { IOnSentimentButtonProps } from './Button.types';\nimport Loading from '../Loading/Loading';\n\nconst OnSentimentButton = forwardRef<HTMLButtonElement, IOnSentimentButtonProps>(\n  ({ className, type = 'button', ...props }, ref) => {\n    const {\n      size,\n      variant,\n      disabled,\n      loading,\n      label,\n      iconPosition,\n      icon,\n      iconOnly,\n      loaderSize,\n      sentiment,\n      sentimentProminence,\n      ...rest\n    } = ButtonUtils.useOnSentimentProps(props);\n    const isFilled = useMemo(() => variant === 'filled', [variant]);\n\n    return (\n      <Styled.OnSentimentButton\n        aria-label={label}\n        aria-busy={!!loading}\n        disabled={disabled}\n        $size={size}\n        $disabled={disabled}\n        $variant={variant}\n        $sentiment={sentiment}\n        $sentimentProminence={sentimentProminence}\n        $iconOnly={iconOnly}\n        $icon={icon}\n        $iconPosition={iconPosition}\n        type={type}\n        className={classNames(BUTTON_CLASS, className)}\n        ref={ref}\n        {...rest}\n      >\n        <Styled.ButtonLabelContainer>\n          {icon}\n          {!iconOnly && <Styled.ButtonLabel>{label}</Styled.ButtonLabel>}\n        </Styled.ButtonLabelContainer>\n        {loading && (\n          <Loading\n            size={loaderSize}\n            aria-hidden={true}\n            type=\"sentiment\"\n            sentiment={sentiment}\n            sentimentProminence={sentimentProminence}\n            withForeground={isFilled}\n          />\n        )}\n      </Styled.OnSentimentButton>\n    );\n  },\n);\n\nexport default OnSentimentButton;\n"],"names":["OnSentimentButton","forwardRef","className","type","props","ref","size","variant","disabled","loading","label","iconPosition","icon","iconOnly","loaderSize","sentiment","sentimentProminence","rest","ButtonUtils.useOnSentimentProps","isFilled","useMemo","jsxs","Styled.OnSentimentButton","classNames","BUTTON_CLASS","Styled.ButtonLabelContainer","jsx","Styled.ButtonLabel","Loading"],"mappings":";;;;;;;AAUA,MAAMA,IAAoBC;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,MAAAC,IAAO,UAAU,GAAGC,EAAA,GAASC,MAAQ;AACjD,UAAM;AAAA,MACJ,MAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,OAAAC;AAAA,MACA,cAAAC;AAAA,MACA,MAAAC;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,WAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDC,EAAgCd,CAAK,GACnCe,IAAWC,EAAQ,MAAMb,MAAY,UAAU,CAACA,CAAO,CAAC;AAE9D,WACE,gBAAAc;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,cAAYZ;AAAA,QACZ,aAAW,CAAC,CAACD;AAAA,QACb,UAAAD;AAAA,QACA,OAAOF;AAAA,QACP,WAAWE;AAAA,QACX,UAAUD;AAAA,QACV,YAAYQ;AAAA,QACZ,sBAAsBC;AAAA,QACtB,WAAWH;AAAA,QACX,OAAOD;AAAA,QACP,eAAeD;AAAA,QACf,MAAAR;AAAA,QACA,WAAWoB,EAAWC,GAActB,CAAS;AAAA,QAC7C,KAAAG;AAAA,QACC,GAAGY;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAI,EAACI,GAAA,EACE,UAAA;AAAA,YAAAb;AAAA,YACA,CAACC,KAAY,gBAAAa,EAACC,GAAA,EAAoB,UAAAjB,EAAA,CAAM;AAAA,UAAA,GAC3C;AAAA,UACCD,KACC,gBAAAiB;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAMd;AAAA,cACN,eAAa;AAAA,cACb,MAAK;AAAA,cACL,WAAAC;AAAA,cACA,qBAAAC;AAAA,cACA,gBAAgBG;AAAA,YAAA;AAAA,UAAA;AAAA,QAClB;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}