acinguiux-ds-react-framework 0.0.6 → 0.0.7

package/build/esm/components/Drawer/Drawer.js

@@ -1,6 +1,6 @@
 import { jsxs as D, jsx as r } from "react/jsx-runtime";
-import { useRef as $, useLayoutEffect as x } from "react";
-import H from "classnames";
+import { useRef as x, useLayoutEffect as H } from "react";
+import $ from "classnames";
 import S from "rc-drawer";
 import d from "../Button/Button.js";
 import j from "../Icon/components/ChevronLeft.js";
@@ -9,7 +9,7 @@ import { Drawer as y, DrawerHeader as B, DrawerHeaderContent as F, DrawerContent
 import I from "../_internalComponents/ActionBar/ActionBar.js";
 import M from "../_internalComponents/InfoBar/InfoBar.js";
 import { DRAWER_CLASS as V, Variants as w, Sizes as m, Alignments as W, Directions as _ } from "../../react-base/src/consts.js";
-const b = ({ className: n, rootClassName: a, ...t }) => /* @__PURE__ */ r(S, { rootClassName: H(a, n), ...t }), q = ({
+const b = ({ className: n, rootClassName: a, ...t }) => /* @__PURE__ */ r(S, { rootClassName: $(a, n), ...t }), rr = ({
   children: n,
   className: a,
   size: t = m.Medium,
@@ -19,8 +19,8 @@ const b = ({ className: n, rootClassName: a, ...t }) => /* @__PURE__ */ r(S, { r
   sticky: c = !1,
   elevation: h,
   onClose: i,
-  closeButton: s = !0,
-  backButton: u = !1,
+  closeButton: u = !0,
+  backButton: s = !1,
   padding: A = !0,
   bgColor: E = !1,
   borders: f = !0,
@@ -43,8 +43,8 @@ const b = ({ className: n, rootClassName: a, ...t }) => /* @__PURE__ */ r(S, { r
   open: o = !1,
   ...R
 }) => {
-  const e = $(null);
-  return x(() => {
+  const e = x(null);
+  return H(() => {
     o && document.activeElement && !e.current && (e.current = document.activeElement), !o && e.current && (e.current.focus(), e.current = null);
   }, [o, e]), /* @__PURE__ */ D(
     y,
@@ -62,8 +62,8 @@ const b = ({ className: n, rootClassName: a, ...t }) => /* @__PURE__ */ r(S, { r
       open: o,
       ...R,
       children: [
-        l && /* @__PURE__ */ D(B, { size: t, backButton: u, closeButton: s, borders: f, children: [
-          u ? /* @__PURE__ */ r(
+        l && /* @__PURE__ */ D(B, { size: t, backButton: s, closeButton: u, borders: f, children: [
+          s ? /* @__PURE__ */ r(
             d,
             {
               icon: /* @__PURE__ */ r(j, {}),
@@ -75,7 +75,7 @@ const b = ({ className: n, rootClassName: a, ...t }) => /* @__PURE__ */ r(S, { r
             }
           ) : null,
           /* @__PURE__ */ r(F, { children: /* @__PURE__ */ r(M, { size: t, ...l }) }),
-          s ? /* @__PURE__ */ r(
+          u ? /* @__PURE__ */ r(
             d,
             {
               icon: /* @__PURE__ */ r(k, {}),
@@ -92,8 +92,8 @@ const b = ({ className: n, rootClassName: a, ...t }) => /* @__PURE__ */ r(S, { r
       ]
     }
   );
-}, er = q;
+};
 export {
-  er as default
+  rr as default
 };
 //# sourceMappingURL=Drawer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import { ReactElement, useRef, useLayoutEffect } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport RcDrawer from 'rc-drawer';\r\nimport { Sizes, Alignments, Directions, DRAWER_CLASS, Variants } from 'acinguiux-ds-react-base';\r\n\r\nimport Button from '../Button/Button';\r\nimport { ChevronLeft } from '../Icon/components';\r\nimport CrossIcon from '../Icon/components/Cross';\r\nimport * as Styled from './Drawer.styles';\r\nimport { IDrawerProps } from './Drawer.types';\r\nimport ActionBar from '../_internalComponents/ActionBar/ActionBar';\r\nimport InfoBar from '../_internalComponents/InfoBar/InfoBar';\r\n\r\nconst DrawerHoc = ({ className, rootClassName, ...props }: IDrawerProps): ReactElement => (\r\n  <RcDrawer rootClassName={classNames(rootClassName, className)} {...props} />\r\n);\r\n\r\nconst Drawer = ({\r\n  children,\r\n  className,\r\n  size = Sizes.Medium,\r\n  header,\r\n  actionsAlignment = Alignments.Right,\r\n  actionsDirection = Directions.Horizontal,\r\n  sticky = false,\r\n  elevation,\r\n  onClose,\r\n  closeButton = true,\r\n  backButton = false,\r\n  padding = true,\r\n  bgColor = false,\r\n  borders = true,\r\n  actions,\r\n  getContainer,\r\n  maskMotion = {\r\n    motionName: 'mask-motion',\r\n    motionAppear: true,\r\n    motionEnter: true,\r\n    motionLeave: true,\r\n    motionDeadline: 300,\r\n  },\r\n  motion = (placement) => ({\r\n    motionName: `panel-motion-${placement}`,\r\n    motionAppear: true,\r\n    motionEnter: true,\r\n    motionLeave: true,\r\n    motionDeadline: 300,\r\n  }),\r\n  open = false,\r\n  ...rest\r\n}: IDrawerProps): ReactElement => {\r\n  const cachedActiveElement = useRef<HTMLElement | null>(null);\r\n\r\n  useLayoutEffect(() => {\r\n    if (open && document.activeElement && !cachedActiveElement.current) {\r\n      cachedActiveElement.current = document.activeElement as HTMLElement;\r\n    }\r\n\r\n    if (!open && cachedActiveElement.current) {\r\n      cachedActiveElement.current.focus();\r\n      cachedActiveElement.current = null;\r\n    }\r\n  }, [open, cachedActiveElement]);\r\n\r\n  return (\r\n    <Styled.Drawer\r\n      as={DrawerHoc}\r\n      className={`${className} this-new-class-name`}\r\n      prefixCls={DRAWER_CLASS}\r\n      onClose={onClose}\r\n      getContainer={getContainer}\r\n      motion={motion}\r\n      maskMotion={maskMotion}\r\n      sticky={sticky}\r\n      $elevation={elevation}\r\n      autoFocus\r\n      open={open}\r\n      {...rest}\r\n    >\r\n      {header && (\r\n        <Styled.DrawerHeader size={size} backButton={backButton} closeButton={closeButton} borders={borders}>\r\n          {backButton ? (\r\n            <Button\r\n              icon={<ChevronLeft />}\r\n              iconOnly\r\n              variant={Variants.Transparent}\r\n              size={Sizes.Large}\r\n              onClick={onClose}\r\n              aria-label=\"Back\"\r\n            />\r\n          ) : null}\r\n          <Styled.DrawerHeaderContent>\r\n            <InfoBar size={size} {...header} />\r\n          </Styled.DrawerHeaderContent>\r\n          {closeButton ? (\r\n            <Button\r\n              icon={<CrossIcon />}\r\n              iconOnly\r\n              variant={Variants.Transparent}\r\n              size={Sizes.Large}\r\n              onClick={onClose}\r\n              aria-label=\"Close\"\r\n            />\r\n          ) : null}\r\n        </Styled.DrawerHeader>\r\n      )}\r\n\r\n      <Styled.DrawerContent sticky={sticky} size={size} padding={padding} bgColor={bgColor}>\r\n        {children}\r\n      </Styled.DrawerContent>\r\n\r\n      {actions && (\r\n        <Styled.DrawerFooter size={size} borders={borders}>\r\n          <ActionBar size={size} actions={actions} alignment={actionsAlignment} direction={actionsDirection} />\r\n        </Styled.DrawerFooter>\r\n      )}\r\n    </Styled.Drawer>\r\n  );\r\n};\r\n\r\nexport default Drawer;\r\n"],"names":["DrawerHoc","className","rootClassName","props","jsx","RcDrawer","classNames","Drawer","children","size","Sizes","header","actionsAlignment","Alignments","actionsDirection","Directions","sticky","elevation","onClose","closeButton","backButton","padding","bgColor","borders","actions","getContainer","maskMotion","motion","placement","open","rest","cachedActiveElement","useRef","useLayoutEffect","jsxs","Styled.Drawer","DRAWER_CLASS","Styled.DrawerHeader","Button","ChevronLeft","Variants","Styled.DrawerHeaderContent","InfoBar","CrossIcon","Styled.DrawerContent","Styled.DrawerFooter","ActionBar","Drawer$1"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import { ReactElement, useRef, useLayoutEffect } from 'react';\n\nimport classNames from 'classnames';\nimport RcDrawer from 'rc-drawer';\nimport { Sizes, Alignments, Directions, DRAWER_CLASS, Variants } from 'acinguiux-ds-react-base';\n\nimport Button from '../Button/Button';\nimport { ChevronLeft } from '../Icon/components';\nimport CrossIcon from '../Icon/components/Cross';\nimport * as Styled from './Drawer.styles';\nimport { IDrawerProps } from './Drawer.types';\nimport ActionBar from '../_internalComponents/ActionBar/ActionBar';\nimport InfoBar from '../_internalComponents/InfoBar/InfoBar';\n\nconst DrawerHoc = ({ className, rootClassName, ...props }: IDrawerProps): ReactElement => (\n  <RcDrawer rootClassName={classNames(rootClassName, className)} {...props} />\n);\n\nconst Drawer = ({\n  children,\n  className,\n  size = Sizes.Medium,\n  header,\n  actionsAlignment = Alignments.Right,\n  actionsDirection = Directions.Horizontal,\n  sticky = false,\n  elevation,\n  onClose,\n  closeButton = true,\n  backButton = false,\n  padding = true,\n  bgColor = false,\n  borders = true,\n  actions,\n  getContainer,\n  maskMotion = {\n    motionName: 'mask-motion',\n    motionAppear: true,\n    motionEnter: true,\n    motionLeave: true,\n    motionDeadline: 300,\n  },\n  motion = (placement) => ({\n    motionName: `panel-motion-${placement}`,\n    motionAppear: true,\n    motionEnter: true,\n    motionLeave: true,\n    motionDeadline: 300,\n  }),\n  open = false,\n  ...rest\n}: IDrawerProps): ReactElement => {\n  const cachedActiveElement = useRef<HTMLElement | null>(null);\n\n  useLayoutEffect(() => {\n    if (open && document.activeElement && !cachedActiveElement.current) {\n      cachedActiveElement.current = document.activeElement as HTMLElement;\n    }\n\n    if (!open && cachedActiveElement.current) {\n      cachedActiveElement.current.focus();\n      cachedActiveElement.current = null;\n    }\n  }, [open, cachedActiveElement]);\n\n  return (\n    <Styled.Drawer\n      as={DrawerHoc}\n      className={`${className} this-new-class-name`}\n      prefixCls={DRAWER_CLASS}\n      onClose={onClose}\n      getContainer={getContainer}\n      motion={motion}\n      maskMotion={maskMotion}\n      sticky={sticky}\n      $elevation={elevation}\n      autoFocus\n      open={open}\n      {...rest}\n    >\n      {header && (\n        <Styled.DrawerHeader size={size} backButton={backButton} closeButton={closeButton} borders={borders}>\n          {backButton ? (\n            <Button\n              icon={<ChevronLeft />}\n              iconOnly\n              variant={Variants.Transparent}\n              size={Sizes.Large}\n              onClick={onClose}\n              aria-label=\"Back\"\n            />\n          ) : null}\n          <Styled.DrawerHeaderContent>\n            <InfoBar size={size} {...header} />\n          </Styled.DrawerHeaderContent>\n          {closeButton ? (\n            <Button\n              icon={<CrossIcon />}\n              iconOnly\n              variant={Variants.Transparent}\n              size={Sizes.Large}\n              onClick={onClose}\n              aria-label=\"Close\"\n            />\n          ) : null}\n        </Styled.DrawerHeader>\n      )}\n\n      <Styled.DrawerContent sticky={sticky} size={size} padding={padding} bgColor={bgColor}>\n        {children}\n      </Styled.DrawerContent>\n\n      {actions && (\n        <Styled.DrawerFooter size={size} borders={borders}>\n          <ActionBar size={size} actions={actions} alignment={actionsAlignment} direction={actionsDirection} />\n        </Styled.DrawerFooter>\n      )}\n    </Styled.Drawer>\n  );\n};\n\nexport default Drawer;\n"],"names":["DrawerHoc","className","rootClassName","props","jsx","RcDrawer","classNames","Drawer","children","size","Sizes","header","actionsAlignment","Alignments","actionsDirection","Directions","sticky","elevation","onClose","closeButton","backButton","padding","bgColor","borders","actions","getContainer","maskMotion","motion","placement","open","rest","cachedActiveElement","useRef","useLayoutEffect","jsxs","Styled.Drawer","DRAWER_CLASS","Styled.DrawerHeader","Button","ChevronLeft","Variants","Styled.DrawerHeaderContent","InfoBar","CrossIcon","Styled.DrawerContent","Styled.DrawerFooter","ActionBar"],"mappings":"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"}

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

@@ -2,7 +2,7 @@
 import { Transient, RequiredProperties } from '..\..\react-base\src';
 import { IDrawerProps } from './Drawer.types';
 declare const Drawer: import("styled-components").StyledComponent<import("react").FC<import("rc-drawer").DrawerProps>, import("styled-components").DefaultTheme, Transient<IDrawerProps, "elevation">, never>;
-declare const DrawerContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, RequiredProperties<IDrawerProps, "size" | "padding" | "bgColor" | "sticky">, never>;
+declare const DrawerContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, RequiredProperties<IDrawerProps, "size" | "sticky" | "padding" | "bgColor">, never>;
 declare const DrawerHeaderContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 declare const DrawerHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<IDrawerProps, "size"> & Required<Pick<IDrawerProps, "size">>, never>;
 declare const DrawerFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<IDrawerProps, "size"> & Required<Pick<IDrawerProps, "size">> & IDrawerProps, never>;

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.styles.js","sources":["../../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import RcDrawer from 'rc-drawer';\r\nimport styled, { css } from 'styled-components';\r\nimport { Transient, RequiredProperties, ZIndexes, DrawerConsts } from 'acinguiux-ds-react-base';\r\n\r\nimport { IDrawerProps } from './Drawer.types';\r\n\r\nconst panelMotion = css`\r\n  &-enter,\r\n  &-appear,\r\n  &-leave {\r\n    &-start {\r\n      transition: none;\r\n    }\r\n\r\n    &-active {\r\n      transition: all 0.3s ease-out;\r\n    }\r\n  }\r\n`;\r\n\r\nconst Drawer = styled(RcDrawer) <Transient<IDrawerProps, 'elevation'>>`\r\n  ${({ prefixCls, theme, sticky, $elevation }) => css`\r\n    z-index: ${ZIndexes.DRAWER};\r\n    position: fixed;\r\n    inset: 0;\r\n    color: ${theme.onSurface.surface.default.text.strong};\r\n    pointer-events: none;\r\n\r\n    &.${prefixCls}-inline {\r\n      position: absolute;\r\n    }\r\n\r\n    .${prefixCls} {\r\n      &-mask {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: ${ZIndexes.DRAWER};\r\n        pointer-events: auto;\r\n        background-color: ${theme.additional.mask.strong};\r\n\r\n        &.mask-motion {\r\n          &-enter,\r\n          &-appear,\r\n          &-leave {\r\n            &-active {\r\n              transition: all 0.3s;\r\n            }\r\n          }\r\n\r\n          &-enter,\r\n          &-appear {\r\n            opacity: 0;\r\n\r\n            &-active {\r\n              opacity: 1;\r\n            }\r\n          }\r\n\r\n          &-leave {\r\n            opacity: 1;\r\n\r\n            &-active {\r\n              opacity: 0;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      &-content-wrapper {\r\n        position: absolute;\r\n        z-index: ${ZIndexes.DRAWER};\r\n        transition: transform 0.3s ease-out;\r\n\r\n        &-hidden {\r\n          display: none;\r\n        }\r\n\r\n        .${prefixCls}-left& {\r\n          top: 0;\r\n          bottom: 0;\r\n          left: 0;\r\n        }\r\n\r\n        .${prefixCls}-right& {\r\n          top: 0;\r\n          right: 0;\r\n          bottom: 0;\r\n        }\r\n\r\n        .${prefixCls}-top& {\r\n          top: 0;\r\n          right: 0;\r\n          left: 0;\r\n        }\r\n\r\n        .${prefixCls}-bottom& {\r\n          right: 0;\r\n          bottom: 0;\r\n          left: 0;\r\n        }\r\n\r\n        &.panel-motion {\r\n          /* Left */\r\n          &-left {\r\n            ${panelMotion};\r\n            &-enter,\r\n            &-appear {\r\n              &-start {\r\n                transform: translateX(-100%) !important;\r\n              }\r\n\r\n              &-active {\r\n                transform: translateX(0);\r\n              }\r\n            }\r\n\r\n            &-leave {\r\n              transform: translateX(0);\r\n\r\n              &-active {\r\n                transform: translateX(-100%);\r\n              }\r\n            }\r\n          }\r\n\r\n          /* Right */\r\n          &-right {\r\n            ${panelMotion};\r\n            &-enter,\r\n            &-appear {\r\n              &-start {\r\n                transform: translateX(100%) !important;\r\n              }\r\n\r\n              &-active {\r\n                transform: translateX(0);\r\n              }\r\n            }\r\n\r\n            &-leave {\r\n              transform: translateX(0);\r\n\r\n              &-active {\r\n                transform: translateX(100%);\r\n              }\r\n            }\r\n          }\r\n\r\n          /* Top */\r\n          &-top {\r\n            ${panelMotion};\r\n            &-enter,\r\n            &-appear {\r\n              &-start {\r\n                transform: translateY(-100%) !important;\r\n              }\r\n\r\n              &-active {\r\n                transform: translateY(0);\r\n              }\r\n            }\r\n\r\n            &-leave {\r\n              transform: translateY(0);\r\n\r\n              &-active {\r\n                transform: translateY(-100%);\r\n              }\r\n            }\r\n          }\r\n\r\n          /* Bottom */\r\n          &-bottom {\r\n            ${panelMotion};\r\n            &-enter,\r\n            &-appear {\r\n              &-start {\r\n                transform: translateY(100%) !important;\r\n              }\r\n\r\n              &-active {\r\n                transform: translateY(0);\r\n              }\r\n            }\r\n\r\n            &-leave {\r\n              transform: translateY(0);\r\n\r\n              &-active {\r\n                transform: translateY(100%);\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      &-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;\r\n        width: 100%;\r\n        pointer-events: auto;\r\n        background: ${theme.onSurface.surface.default.background};\r\n        overflow: hidden;\r\n\r\n        ${!sticky &&\r\n    css`\r\n          overflow-y: auto;\r\n        `}\r\n\r\n        ${$elevation &&\r\n    css`\r\n          box-shadow: ${theme.elevation.level2};\r\n        `}\r\n      }\r\n    }\r\n\r\n    &.${prefixCls}-left .${prefixCls}-content {\r\n      border-radius: 0 16px 16px 0;\r\n    }\r\n\r\n    &.${prefixCls}-right .${prefixCls}-content {\r\n      border-radius: 16px 0 0 16px;\r\n    }\r\n\r\n    &.${prefixCls}-top .${prefixCls}-content {\r\n      border-radius: 0 0 16px 16px;\r\n    }\r\n\r\n    &.${prefixCls}-bottom .${prefixCls}-content {\r\n      border-radius: 16px 16px 0 0;\r\n    }\r\n  `}\r\n`;\r\n\r\nconst DrawerContent = styled.div<RequiredProperties<IDrawerProps, 'size' | 'padding' | 'bgColor' | 'sticky'>>`\r\n  ${({ size, padding, bgColor, sticky, theme }) => css`\r\n    display: flex;\r\n    flex-direction: column;\r\n    background-color: ${theme.onSurface.surface.default.background};\r\n\r\n    ${sticky &&\r\n    css`\r\n      overflow-y: auto;\r\n    `}\r\n\r\n    ${bgColor &&\r\n    css`\r\n      background-color: ${theme.onSurface.base.default.background};\r\n    `}\r\n\r\n    ${padding &&\r\n    css`\r\n      padding: ${DrawerConsts.consts[size].padding};\r\n    `}\r\n  `}\r\n`;\r\n\r\nconst DrawerBar = styled.div<RequiredProperties<IDrawerProps, 'size'>>`\r\n  ${({ size, theme }) => css`\r\n    z-index: ${ZIndexes.ELEVATED};\r\n    display: flex;\r\n    align-items: center;\r\n    min-height: auto;\r\n    padding: ${DrawerConsts.consts[size].padding};\r\n    background: ${theme.onSurface.surface.default.background};\r\n  `}\r\n`;\r\n\r\nconst DrawerHeaderContent = styled.div`\r\n  flex: 1 0 0;\r\n`;\r\n\r\nconst DrawerHeader = styled(DrawerBar) <RequiredProperties<IDrawerProps, 'size'>>`\r\n  ${({ borders, theme }) => css`\r\n    gap: 12px;\r\n\r\n    ${borders &&\r\n    css`\r\n      border-bottom: 1px solid ${theme.onSurface.surface.default.border.subtle};\r\n    `}\r\n  `}\r\n`;\r\n\r\nconst DrawerFooter = styled(DrawerBar) <IDrawerProps>`\r\n  ${({ borders, theme }) => css`\r\n    width: 100%;\r\n\r\n    ${borders &&\r\n    css`\r\n      border-top: 1px solid ${theme.onSurface.surface.default.border.subtle};\r\n    `}\r\n  `}\r\n`;\r\n\r\nexport { Drawer, DrawerContent, DrawerHeader, DrawerHeaderContent, DrawerFooter };\r\n"],"names":["panelMotion","css","Drawer","styled","RcDrawer","prefixCls","theme","sticky","$elevation","ZIndexes","DrawerContent","size","padding","bgColor","DrawerConsts.consts","DrawerBar","DrawerHeaderContent","DrawerHeader","borders","DrawerFooter"],"mappings":"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"}
+{"version":3,"file":"Drawer.styles.js","sources":["../../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import RcDrawer from 'rc-drawer';\nimport styled, { css } from 'styled-components';\nimport { Transient, RequiredProperties, ZIndexes, DrawerConsts } from 'acinguiux-ds-react-base';\n\nimport { IDrawerProps } from './Drawer.types';\n\nconst panelMotion = css`\n  &-enter,\n  &-appear,\n  &-leave {\n    &-start {\n      transition: none;\n    }\n\n    &-active {\n      transition: all 0.3s ease-out;\n    }\n  }\n`;\n\nconst Drawer = styled(RcDrawer) <Transient<IDrawerProps, 'elevation'>>`\n  ${({ prefixCls, theme, sticky, $elevation }) => css`\n    z-index: ${ZIndexes.DRAWER};\n    position: fixed;\n    inset: 0;\n    color: ${theme.onSurface.surface.default.text.strong};\n    pointer-events: none;\n\n    &.${prefixCls}-inline {\n      position: absolute;\n    }\n\n    .${prefixCls} {\n      &-mask {\n        position: absolute;\n        inset: 0;\n        z-index: ${ZIndexes.DRAWER};\n        pointer-events: auto;\n        background-color: ${theme.additional.mask.strong};\n\n        &.mask-motion {\n          &-enter,\n          &-appear,\n          &-leave {\n            &-active {\n              transition: all 0.3s;\n            }\n          }\n\n          &-enter,\n          &-appear {\n            opacity: 0;\n\n            &-active {\n              opacity: 1;\n            }\n          }\n\n          &-leave {\n            opacity: 1;\n\n            &-active {\n              opacity: 0;\n            }\n          }\n        }\n      }\n\n      &-content-wrapper {\n        position: absolute;\n        z-index: ${ZIndexes.DRAWER};\n        transition: transform 0.3s ease-out;\n\n        &-hidden {\n          display: none;\n        }\n\n        .${prefixCls}-left& {\n          top: 0;\n          bottom: 0;\n          left: 0;\n        }\n\n        .${prefixCls}-right& {\n          top: 0;\n          right: 0;\n          bottom: 0;\n        }\n\n        .${prefixCls}-top& {\n          top: 0;\n          right: 0;\n          left: 0;\n        }\n\n        .${prefixCls}-bottom& {\n          right: 0;\n          bottom: 0;\n          left: 0;\n        }\n\n        &.panel-motion {\n          /* Left */\n          &-left {\n            ${panelMotion};\n            &-enter,\n            &-appear {\n              &-start {\n                transform: translateX(-100%) !important;\n              }\n\n              &-active {\n                transform: translateX(0);\n              }\n            }\n\n            &-leave {\n              transform: translateX(0);\n\n              &-active {\n                transform: translateX(-100%);\n              }\n            }\n          }\n\n          /* Right */\n          &-right {\n            ${panelMotion};\n            &-enter,\n            &-appear {\n              &-start {\n                transform: translateX(100%) !important;\n              }\n\n              &-active {\n                transform: translateX(0);\n              }\n            }\n\n            &-leave {\n              transform: translateX(0);\n\n              &-active {\n                transform: translateX(100%);\n              }\n            }\n          }\n\n          /* Top */\n          &-top {\n            ${panelMotion};\n            &-enter,\n            &-appear {\n              &-start {\n                transform: translateY(-100%) !important;\n              }\n\n              &-active {\n                transform: translateY(0);\n              }\n            }\n\n            &-leave {\n              transform: translateY(0);\n\n              &-active {\n                transform: translateY(-100%);\n              }\n            }\n          }\n\n          /* Bottom */\n          &-bottom {\n            ${panelMotion};\n            &-enter,\n            &-appear {\n              &-start {\n                transform: translateY(100%) !important;\n              }\n\n              &-active {\n                transform: translateY(0);\n              }\n            }\n\n            &-leave {\n              transform: translateY(0);\n\n              &-active {\n                transform: translateY(100%);\n              }\n            }\n          }\n        }\n      }\n\n      &-content {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n        width: 100%;\n        pointer-events: auto;\n        background: ${theme.onSurface.surface.default.background};\n        overflow: hidden;\n\n        ${!sticky &&\n    css`\n          overflow-y: auto;\n        `}\n\n        ${$elevation &&\n    css`\n          box-shadow: ${theme.elevation.level2};\n        `}\n      }\n    }\n\n    &.${prefixCls}-left .${prefixCls}-content {\n      border-radius: 0 16px 16px 0;\n    }\n\n    &.${prefixCls}-right .${prefixCls}-content {\n      border-radius: 16px 0 0 16px;\n    }\n\n    &.${prefixCls}-top .${prefixCls}-content {\n      border-radius: 0 0 16px 16px;\n    }\n\n    &.${prefixCls}-bottom .${prefixCls}-content {\n      border-radius: 16px 16px 0 0;\n    }\n  `}\n`;\n\nconst DrawerContent = styled.div<RequiredProperties<IDrawerProps, 'size' | 'padding' | 'bgColor' | 'sticky'>>`\n  ${({ size, padding, bgColor, sticky, theme }) => css`\n    display: flex;\n    flex-direction: column;\n    background-color: ${theme.onSurface.surface.default.background};\n\n    ${sticky &&\n    css`\n      overflow-y: auto;\n    `}\n\n    ${bgColor &&\n    css`\n      background-color: ${theme.onSurface.base.default.background};\n    `}\n\n    ${padding &&\n    css`\n      padding: ${DrawerConsts.consts[size].padding};\n    `}\n  `}\n`;\n\nconst DrawerBar = styled.div<RequiredProperties<IDrawerProps, 'size'>>`\n  ${({ size, theme }) => css`\n    z-index: ${ZIndexes.ELEVATED};\n    display: flex;\n    align-items: center;\n    min-height: auto;\n    padding: ${DrawerConsts.consts[size].padding};\n    background: ${theme.onSurface.surface.default.background};\n  `}\n`;\n\nconst DrawerHeaderContent = styled.div`\n  flex: 1 0 0;\n`;\n\nconst DrawerHeader = styled(DrawerBar) <RequiredProperties<IDrawerProps, 'size'>>`\n  ${({ borders, theme }) => css`\n    gap: 12px;\n\n    ${borders &&\n    css`\n      border-bottom: 1px solid ${theme.onSurface.surface.default.border.subtle};\n    `}\n  `}\n`;\n\nconst DrawerFooter = styled(DrawerBar) <IDrawerProps>`\n  ${({ borders, theme }) => css`\n    width: 100%;\n\n    ${borders &&\n    css`\n      border-top: 1px solid ${theme.onSurface.surface.default.border.subtle};\n    `}\n  `}\n`;\n\nexport { Drawer, DrawerContent, DrawerHeader, DrawerHeaderContent, DrawerFooter };\n"],"names":["panelMotion","css","Drawer","styled","RcDrawer","prefixCls","theme","sticky","$elevation","ZIndexes","DrawerContent","size","padding","bgColor","DrawerConsts.consts","DrawerBar","DrawerHeaderContent","DrawerHeader","borders","DrawerFooter"],"mappings":"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"}

package/build/esm/components/Dropdown/Dropdown.js

@@ -1,33 +1,33 @@
 import { jsx as r } from "react/jsx-runtime";
-import f from "classnames";
+import d from "classnames";
 import l from "rc-dropdown";
 import { Dropdown as C, DropdownContainer as c } from "./Dropdown.styles.js";
-import { DROPDOWN_CONTAINER_OVERLAY_CLASS as n, DROPDOWN_CLASS as p } from "../../react-base/src/consts.js";
+import { DROPDOWN_CONTAINER_OVERLAY_CLASS as p, DROPDOWN_CLASS as t } from "../../react-base/src/consts.js";
 const w = ({
   className: o,
-  overlayClassName: t,
+  overlayClassName: n,
   trigger: e = "click",
   children: m,
-  arrow: s = !1,
-  placement: D = "bottomLeft",
-  overlay: a,
-  ...i
+  arrow: a = !1,
+  placement: i = "bottomLeft",
+  overlay: s,
+  ...D
 }) => /* @__PURE__ */ r(
   l,
   {
     className: o,
-    placement: D,
-    arrow: s,
+    placement: i,
+    arrow: a,
     trigger: e,
-    getPopupContainer: (d) => d,
-    ...i,
-    prefixCls: p,
-    overlayClassName: f(n, t, o),
-    overlay: /* @__PURE__ */ r(c, { children: a }),
+    getPopupContainer: (f) => f,
+    ...D,
+    prefixCls: t,
+    overlayClassName: d(p, n, o),
+    overlay: /* @__PURE__ */ r(c, { children: s }),
     children: m
   }
-), O = C(w, p, n), _ = O;
+), S = C(w, t, p);
 export {
-  _ as default
+  S as default
 };
 //# sourceMappingURL=Dropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport RcDropdown from 'rc-dropdown';\nimport { DROPDOWN_CLASS, DROPDOWN_CONTAINER_OVERLAY_CLASS } from 'acinguiux-ds-react-base';\n\nimport * as Styled from './Dropdown.styles';\nimport { IDropdownProps } from './Dropdown.types';\n\nconst DropdownComponent = ({\n  className,\n  overlayClassName,\n  trigger = 'click',\n  children,\n  arrow = false,\n  placement = 'bottomLeft',\n  overlay,\n  ...rest\n}: IDropdownProps): ReactElement => (\n  <RcDropdown\n    // @ts-ignore\n    className={className}\n    placement={placement}\n    arrow={arrow}\n    trigger={trigger}\n    getPopupContainer={(element) => element}\n    {...rest}\n    prefixCls={DROPDOWN_CLASS}\n    overlayClassName={classNames(DROPDOWN_CONTAINER_OVERLAY_CLASS, overlayClassName, className)}\n    overlay={<Styled.DropdownContainer>{overlay}</Styled.DropdownContainer>}\n  >\n    {children}\n  </RcDropdown>\n);\n\n/**\n *\n * @deprecated\n * Use Popover instead of Dropdown\n */\nconst Dropdown = Styled.Dropdown(DropdownComponent, DROPDOWN_CLASS, DROPDOWN_CONTAINER_OVERLAY_CLASS);\n\nexport default Dropdown;\n"],"names":["DropdownComponent","className","overlayClassName","trigger","children","arrow","placement","overlay","rest","jsx","RcDropdown","element","DROPDOWN_CLASS","classNames","DROPDOWN_CONTAINER_OVERLAY_CLASS","Styled.DropdownContainer","Dropdown","Styled.Dropdown","Dropdown$1"],"mappings":";;;;;AASA,MAAMA,IAAoB,CAAC;AAAA,EACzB,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IAEC,WAAAT;AAAA,IACA,WAAAK;AAAA,IACA,OAAAD;AAAA,IACA,SAAAF;AAAA,IACA,mBAAmB,CAACQ,MAAYA;AAAA,IAC/B,GAAGH;AAAA,IACJ,WAAWI;AAAA,IACX,kBAAkBC,EAAWC,GAAkCZ,GAAkBD,CAAS;AAAA,IAC1F,SAAS,gBAAAQ,EAACM,GAAA,EAA0B,UAAQR,EAAA,CAAA;AAAA,IAE3C,UAAAH;AAAA,EAAA;AACH,GAQIY,IAAWC,EAAgBjB,GAAmBY,GAAgBE,CAAgC,GAEpGI,IAAeF;"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport RcDropdown from 'rc-dropdown';\nimport { DROPDOWN_CLASS, DROPDOWN_CONTAINER_OVERLAY_CLASS } from 'acinguiux-ds-react-base';\n\nimport * as Styled from './Dropdown.styles';\nimport { IDropdownProps } from './Dropdown.types';\n\nconst DropdownComponent = ({\n  className,\n  overlayClassName,\n  trigger = 'click',\n  children,\n  arrow = false,\n  placement = 'bottomLeft',\n  overlay,\n  ...rest\n}: IDropdownProps): ReactElement => (\n  <RcDropdown\n    // @ts-ignore\n    className={className}\n    placement={placement}\n    arrow={arrow}\n    trigger={trigger}\n    getPopupContainer={(element) => element}\n    {...rest}\n    prefixCls={DROPDOWN_CLASS}\n    overlayClassName={classNames(DROPDOWN_CONTAINER_OVERLAY_CLASS, overlayClassName, className)}\n    overlay={<Styled.DropdownContainer>{overlay}</Styled.DropdownContainer>}\n  >\n    {children}\n  </RcDropdown>\n);\n\n/**\n *\n * @deprecated\n * Use Popover instead of Dropdown\n */\nconst Dropdown = Styled.Dropdown(DropdownComponent, DROPDOWN_CLASS, DROPDOWN_CONTAINER_OVERLAY_CLASS);\n\nexport default Dropdown;\n"],"names":["DropdownComponent","className","overlayClassName","trigger","children","arrow","placement","overlay","rest","jsx","RcDropdown","element","DROPDOWN_CLASS","classNames","DROPDOWN_CONTAINER_OVERLAY_CLASS","Styled.DropdownContainer","Dropdown","Styled.Dropdown"],"mappings":";;;;;AASA,MAAMA,IAAoB,CAAC;AAAA,EACzB,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IAEC,WAAAT;AAAA,IACA,WAAAK;AAAA,IACA,OAAAD;AAAA,IACA,SAAAF;AAAA,IACA,mBAAmB,CAACQ,MAAYA;AAAA,IAC/B,GAAGH;AAAA,IACJ,WAAWI;AAAA,IACX,kBAAkBC,EAAWC,GAAkCZ,GAAkBD,CAAS;AAAA,IAC1F,SAAS,gBAAAQ,EAACM,GAAA,EAA0B,UAAQR,EAAA,CAAA;AAAA,IAE3C,UAAAH;AAAA,EAAA;AACH,GAQIY,IAAWC,EAAgBjB,GAAmBY,GAAgBE,CAAgC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.styles.js","sources":["../../../../src/components/Dropdown/Dropdown.styles.ts"],"sourcesContent":["import { ReactElement } from 'react';\r\n\r\nimport styled, { css } from 'styled-components';\r\nimport { ZIndexes } from 'acinguiux-ds-react-base';\r\n\r\nimport { IDropdownProps } from './Dropdown.types';\r\n\r\nconst Dropdown = (\r\n  Component: ({ className, trigger, children, arrow, placement, ...rest }: IDropdownProps) => ReactElement,\r\n  prefixCls: string,\r\n  overlayClassName: string,\r\n) =>\r\n  styled(Component)`\r\n    ${({ theme }) => css`\r\n      &.${prefixCls} {\r\n        position: absolute;\r\n        display: flex;\r\n        flex-direction: column;\r\n        color: ${theme.onSurface.surface.default.text.strong};\r\n\r\n        &-hidden {\r\n          display: none !important;\r\n        }\r\n\r\n        .${prefixCls}-arrow {\r\n          width: 24px;\r\n          height: 12px;\r\n          margin: 0 16px;\r\n          overflow: hidden;\r\n\r\n          &::before {\r\n            content: '';\r\n            display: block;\r\n            width: 12px;\r\n            height: 12px;\r\n            background: ${theme.onSurface.elevated.default.background};\r\n            box-shadow: rgb(0 0 0 / 2%) 0 0 4px 0, rgb(0 0 0 / 4%) 0 0 0 1px;\r\n            transform: translateX(50%) translateY(50%) rotate(45deg);\r\n          }\r\n        }\r\n\r\n        &-placement-topLeft,\r\n        &-placement-bottomLeft {\r\n          .${prefixCls}-arrow {\r\n            margin-right: auto;\r\n          }\r\n        }\r\n\r\n        &-placement-topCenter,\r\n        &-placement-bottomCenter {\r\n          .${prefixCls}-arrow {\r\n            margin: auto;\r\n          }\r\n        }\r\n\r\n        &-placement-topRight,\r\n        &-placement-bottomRight {\r\n          .${prefixCls}-arrow {\r\n            margin-left: auto;\r\n          }\r\n        }\r\n\r\n        &-placement-topLeft,\r\n        &-placement-topCenter,\r\n        &-placement-topRight {\r\n          flex-direction: column-reverse;\r\n          .${prefixCls}-arrow {\r\n            &::before {\r\n              transform: translateX(50%) translateY(-50%) rotate(45deg);\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      &.${overlayClassName} {\r\n        z-index: ${ZIndexes.POPOVER};\r\n      }\r\n    `}\r\n  `;\r\n\r\nconst DropdownContainer = styled.div`\r\n  ${({ theme }) => css`\r\n    border-radius: 2px;\r\n    background: ${theme.onSurface.elevated.default.background};\r\n    box-shadow: ${theme.elevation.level2};\r\n  `}\r\n`;\r\n\r\nexport { Dropdown, DropdownContainer };\r\n"],"names":["Dropdown","Component","prefixCls","overlayClassName","styled","theme","css","ZIndexes","DropdownContainer"],"mappings":";;AAOA,MAAMA,IAAW,CACfC,GACAC,GACAC,MAEAC,EAAOH,CAAS;AAAA,MACZ,CAAC,EAAE,OAAAI,EAAY,MAAAC;AAAA,UACXJ,CAAS;AAAA;AAAA;AAAA;AAAA,iBAIFG,EAAM,UAAU,QAAQ,QAAQ,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMjDH,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAWMG,EAAM,UAAU,SAAS,QAAQ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAQxDH,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAOTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAOTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aASTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQZC,CAAgB;AAAA,mBACPI,EAAS,OAAO;AAAA;AAAA,KAE9B;AAAA,KAGCC,IAAoBJ,EAAO;AAAA,IAC7B,CAAC,EAAE,OAAAC,EAAY,MAAAC;AAAA;AAAA,kBAEDD,EAAM,UAAU,SAAS,QAAQ,UAAU;AAAA,kBAC3CA,EAAM,UAAU,MAAM;AAAA,GACrC;AAAA;"}
+{"version":3,"file":"Dropdown.styles.js","sources":["../../../../src/components/Dropdown/Dropdown.styles.ts"],"sourcesContent":["import { ReactElement } from 'react';\n\nimport styled, { css } from 'styled-components';\nimport { ZIndexes } from 'acinguiux-ds-react-base';\n\nimport { IDropdownProps } from './Dropdown.types';\n\nconst Dropdown = (\n  Component: ({ className, trigger, children, arrow, placement, ...rest }: IDropdownProps) => ReactElement,\n  prefixCls: string,\n  overlayClassName: string,\n) =>\n  styled(Component)`\n    ${({ theme }) => css`\n      &.${prefixCls} {\n        position: absolute;\n        display: flex;\n        flex-direction: column;\n        color: ${theme.onSurface.surface.default.text.strong};\n\n        &-hidden {\n          display: none !important;\n        }\n\n        .${prefixCls}-arrow {\n          width: 24px;\n          height: 12px;\n          margin: 0 16px;\n          overflow: hidden;\n\n          &::before {\n            content: '';\n            display: block;\n            width: 12px;\n            height: 12px;\n            background: ${theme.onSurface.elevated.default.background};\n            box-shadow: rgb(0 0 0 / 2%) 0 0 4px 0, rgb(0 0 0 / 4%) 0 0 0 1px;\n            transform: translateX(50%) translateY(50%) rotate(45deg);\n          }\n        }\n\n        &-placement-topLeft,\n        &-placement-bottomLeft {\n          .${prefixCls}-arrow {\n            margin-right: auto;\n          }\n        }\n\n        &-placement-topCenter,\n        &-placement-bottomCenter {\n          .${prefixCls}-arrow {\n            margin: auto;\n          }\n        }\n\n        &-placement-topRight,\n        &-placement-bottomRight {\n          .${prefixCls}-arrow {\n            margin-left: auto;\n          }\n        }\n\n        &-placement-topLeft,\n        &-placement-topCenter,\n        &-placement-topRight {\n          flex-direction: column-reverse;\n          .${prefixCls}-arrow {\n            &::before {\n              transform: translateX(50%) translateY(-50%) rotate(45deg);\n            }\n          }\n        }\n      }\n\n      &.${overlayClassName} {\n        z-index: ${ZIndexes.POPOVER};\n      }\n    `}\n  `;\n\nconst DropdownContainer = styled.div`\n  ${({ theme }) => css`\n    border-radius: 2px;\n    background: ${theme.onSurface.elevated.default.background};\n    box-shadow: ${theme.elevation.level2};\n  `}\n`;\n\nexport { Dropdown, DropdownContainer };\n"],"names":["Dropdown","Component","prefixCls","overlayClassName","styled","theme","css","ZIndexes","DropdownContainer"],"mappings":";;AAOA,MAAMA,IAAW,CACfC,GACAC,GACAC,MAEAC,EAAOH,CAAS;AAAA,MACZ,CAAC,EAAE,OAAAI,EAAA,MAAYC;AAAA,UACXJ,CAAS;AAAA;AAAA;AAAA;AAAA,iBAIFG,EAAM,UAAU,QAAQ,QAAQ,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMjDH,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAWMG,EAAM,UAAU,SAAS,QAAQ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAQxDH,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAOTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAOTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aASTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQZC,CAAgB;AAAA,mBACPI,EAAS,OAAO;AAAA;AAAA,KAE9B;AAAA,KAGCC,IAAoBJ,EAAO;AAAA,IAC7B,CAAC,EAAE,OAAAC,EAAA,MAAYC;AAAA;AAAA,kBAEDD,EAAM,UAAU,SAAS,QAAQ,UAAU;AAAA,kBAC3CA,EAAM,UAAU,MAAM;AAAA,GACrC;AAAA;"}

package/build/esm/components/EmptyState/EmptyState.js

@@ -1,43 +1,43 @@
-import { jsxs as d, jsx as m } from "react/jsx-runtime";
+import { jsxs as s, jsx as m } from "react/jsx-runtime";
 import { forwardRef as b } from "react";
-import n from "classnames";
-import { Sentiments as x } from "acinguiux-ds-fabrics";
-import A from "../Button/Button.js";
-import { EmptyState as P, VisualPlaceholder as o, TextPlaceholder as u, Title as C, Description as N, Actions as _ } from "./EmptyState.styles.js";
-import j from "../ButtonLink/ButtonLink.js";
-import { EMPTY_STATE_CLASS as k, Sizes as D, Directions as L, Alignments as M } from "../../react-base/src/consts.js";
+import x from "classnames";
+import { Sentiments as A } from "acinguiux-ds-fabrics";
+import P from "../Button/Button.js";
+import { EmptyState as n, VisualPlaceholder as u, TextPlaceholder as C, Title as N, Description as _, Actions as j } from "./EmptyState.styles.js";
+import k from "../ButtonLink/ButtonLink.js";
+import { EMPTY_STATE_CLASS as o, Sizes as D, Directions as L, Alignments as M } from "../../react-base/src/consts.js";
 import * as V from "../../react-base/src/components/EmptyState/EmptyState.utils.js";
-const { getVisualPlaceholderType: $ } = V, w = b(
+const { getVisualPlaceholderType: w } = V, G = b(
   ({
     className: S,
-    image: f,
+    image: h,
     icon: e,
-    pictogram: h,
-    title: s,
+    pictogram: t,
+    title: d,
     description: p,
     size: l = D.Medium,
-    actions: t,
+    actions: f,
     actionsDirection: a = L.Horizontal,
     actionsAlignment: y = M.Center,
     ...E
-  }, T) => /* @__PURE__ */ d(P, { ref: T, size: l, className: n(k, S), ...E, children: [
-    (f || h || e) && /* @__PURE__ */ m(
-      o,
+  }, T) => /* @__PURE__ */ s(n, { ref: T, size: l, className: x(o, S), ...E, children: [
+    (h || t || e) && /* @__PURE__ */ m(
+      u,
       {
         size: l,
-        type: $(!!f, !!h, !!e),
-        iconSentiment: (e == null ? void 0 : e.sentiment) || x.Neutral,
-        children: f || h || (e == null ? void 0 : e.component)
+        type: w(!!h, !!t, !!e),
+        iconSentiment: (e == null ? void 0 : e.sentiment) || A.Neutral,
+        children: h || t || (e == null ? void 0 : e.component)
       }
     ),
-    (s || p) && /* @__PURE__ */ d(u, { size: l, children: [
-      s && /* @__PURE__ */ m(C, { size: l, children: s }),
-      typeof p == "string" ? /* @__PURE__ */ m(N, { size: l, children: p }) : p
+    (d || p) && /* @__PURE__ */ s(C, { size: l, children: [
+      d && /* @__PURE__ */ m(N, { size: l, children: d }),
+      typeof p == "string" ? /* @__PURE__ */ m(_, { size: l, children: p }) : p
     ] }),
-    (t == null ? void 0 : t.length) && /* @__PURE__ */ m(_, { size: l, actionsDirection: a, actionsAlignment: y, children: t.map((r) => "href" in r ? /* @__PURE__ */ m(j, { size: l, href: r.href, ...r.props, children: r.label }, r.label) : "action" in r ? /* @__PURE__ */ m(A, { size: l, onClick: r.action, ...r.props, children: r.label }, r.label) : null) })
+    (f == null ? void 0 : f.length) && /* @__PURE__ */ m(j, { size: l, actionsDirection: a, actionsAlignment: y, children: f.map((r) => "href" in r ? /* @__PURE__ */ m(k, { size: l, href: r.href, ...r.props, children: r.label }, r.label) : "action" in r ? /* @__PURE__ */ m(P, { size: l, onClick: r.action, ...r.props, children: r.label }, r.label) : null) })
   ] })
-), I = w;
+);
 export {
-  I as default
+  G as default
 };
 //# sourceMappingURL=EmptyState.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Directions, Sizes, Alignments, EmptyStateUtils, EMPTY_STATE_CLASS } from 'acinguiux-ds-react-base';\r\nimport { Sentiments } from 'acinguiux-ds-fabrics';\r\n\r\nimport Button from '../Button/Button';\r\nimport * as Styled from './EmptyState.styles';\r\nimport { IEmptyStateProps } from './EmptyState.types';\r\nimport ButtonLink from '../ButtonLink/ButtonLink';\r\n\r\nconst { getVisualPlaceholderType } = EmptyStateUtils;\r\n\r\nconst EmptyState = forwardRef(\r\n  (\r\n    {\r\n      className,\r\n      image,\r\n      icon,\r\n      pictogram,\r\n      title,\r\n      description,\r\n      size = Sizes.Medium,\r\n      actions,\r\n      actionsDirection = Directions.Horizontal,\r\n      actionsAlignment = Alignments.Center,\r\n      ...rest\r\n    }: IEmptyStateProps,\r\n    ref: ForwardedRef<HTMLDivElement>,\r\n  ) => (\r\n    <Styled.EmptyState ref={ref} size={size} className={classNames(EMPTY_STATE_CLASS, className)} {...rest}>\r\n      {(image || pictogram || icon) && (\r\n        <Styled.VisualPlaceholder\r\n          size={size}\r\n          type={getVisualPlaceholderType(!!image, !!pictogram, !!icon)}\r\n          iconSentiment={icon?.sentiment || Sentiments.Neutral}\r\n        >\r\n          {image || pictogram || icon?.component}\r\n        </Styled.VisualPlaceholder>\r\n      )}\r\n\r\n      {(title || description) && (\r\n        <Styled.TextPlaceholder size={size}>\r\n          {title && <Styled.Title size={size}>{title}</Styled.Title>}\r\n          {typeof description === 'string' ? (\r\n            <Styled.Description size={size}>{description}</Styled.Description>\r\n          ) : (\r\n            description\r\n          )}\r\n        </Styled.TextPlaceholder>\r\n      )}\r\n\r\n      {actions?.length && (\r\n        <Styled.Actions size={size} actionsDirection={actionsDirection} actionsAlignment={actionsAlignment}>\r\n          {actions.map((actionButton) => {\r\n            if ('href' in actionButton) {\r\n              return (\r\n                <ButtonLink key={actionButton.label} size={size} href={actionButton.href} {...actionButton.props}>\r\n                  {actionButton.label}\r\n                </ButtonLink>\r\n              );\r\n            }\r\n\r\n            if ('action' in actionButton) {\r\n              return (\r\n                <Button key={actionButton.label} size={size} onClick={actionButton.action} {...actionButton.props}>\r\n                  {actionButton.label}\r\n                </Button>\r\n              );\r\n            }\r\n\r\n            return null;\r\n          })}\r\n        </Styled.Actions>\r\n      )}\r\n    </Styled.EmptyState>\r\n  ),\r\n);\r\n\r\nexport default EmptyState;\r\n"],"names":["getVisualPlaceholderType","EmptyStateUtils","EmptyState","forwardRef","className","image","icon","pictogram","title","description","size","Sizes","actions","actionsDirection","Directions","actionsAlignment","Alignments","rest","ref","jsxs","Styled.EmptyState","classNames","EMPTY_STATE_CLASS","jsx","Styled.VisualPlaceholder","Sentiments","Styled.TextPlaceholder","Styled.Title","Styled.Description","Styled.Actions","actionButton","ButtonLink","Button","EmptyState$1"],"mappings":";;;;;;;;;AAWA,MAAM,EAAE,0BAAAA,EAA6B,IAAAC,GAE/BC,IAAaC;AAAA,EACjB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,SAAAC;AAAA,IACA,kBAAAC,IAAmBC,EAAW;AAAA,IAC9B,kBAAAC,IAAmBC,EAAW;AAAA,IAC9B,GAAGC;AAAA,EAEL,GAAAC,MAEC,gBAAAC,EAAAC,GAAA,EAAkB,KAAAF,GAAU,MAAAR,GAAY,WAAWW,EAAWC,GAAmBlB,CAAS,GAAI,GAAGa,GAC9F,UAAA;AAAA,KAAAZ,KAASE,KAAaD,MACtB,gBAAAiB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,MAAAd;AAAA,QACA,MAAMV,EAAyB,CAAC,CAACK,GAAO,CAAC,CAACE,GAAW,CAAC,CAACD,CAAI;AAAA,QAC3D,gBAAeA,KAAA,gBAAAA,EAAM,cAAamB,EAAW;AAAA,QAE5C,UAAApB,KAASE,MAAaD,KAAA,gBAAAA,EAAM;AAAA,MAAA;AAAA,IAC/B;AAAA,KAGAE,KAASC,MACT,gBAAAU,EAACO,GAAA,EAAuB,MAAAhB,GACrB,UAAA;AAAA,MAAAF,KAAU,gBAAAe,EAAAI,GAAA,EAAa,MAAAjB,GAAa,UAAMF,GAAA;AAAA,MAC1C,OAAOC,KAAgB,WACtB,gBAAAc,EAACK,GAAA,EAAmB,MAAAlB,GAAa,UAAAD,EAAY,CAAA,IAE7CA;AAAA,IAAA,GAEJ;AAAA,KAGDG,KAAA,gBAAAA,EAAS,WACP,gBAAAW,EAAAM,GAAA,EAAe,MAAAnB,GAAY,kBAAAG,GAAoC,kBAAAE,GAC7D,UAAAH,EAAQ,IAAI,CAACkB,MACR,UAAUA,IAET,gBAAAP,EAAAQ,GAAA,EAAoC,MAAArB,GAAY,MAAMoB,EAAa,MAAO,GAAGA,EAAa,OACxF,UAAAA,EAAa,MADC,GAAAA,EAAa,KAE9B,IAIA,YAAYA,IAEX,gBAAAP,EAAAS,GAAA,EAAgC,MAAAtB,GAAY,SAASoB,EAAa,QAAS,GAAGA,EAAa,OACzF,UAAAA,EAAa,MADH,GAAAA,EAAa,KAE1B,IAIG,IACR,GACH;AAAA,EAAA,GAEJ;AAEJ,GAEAG,IAAe/B;"}
+{"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Directions, Sizes, Alignments, EmptyStateUtils, EMPTY_STATE_CLASS } from 'acinguiux-ds-react-base';\nimport { Sentiments } from 'acinguiux-ds-fabrics';\n\nimport Button from '../Button/Button';\nimport * as Styled from './EmptyState.styles';\nimport { IEmptyStateProps } from './EmptyState.types';\nimport ButtonLink from '../ButtonLink/ButtonLink';\n\nconst { getVisualPlaceholderType } = EmptyStateUtils;\n\nconst EmptyState = forwardRef(\n  (\n    {\n      className,\n      image,\n      icon,\n      pictogram,\n      title,\n      description,\n      size = Sizes.Medium,\n      actions,\n      actionsDirection = Directions.Horizontal,\n      actionsAlignment = Alignments.Center,\n      ...rest\n    }: IEmptyStateProps,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => (\n    <Styled.EmptyState ref={ref} size={size} className={classNames(EMPTY_STATE_CLASS, className)} {...rest}>\n      {(image || pictogram || icon) && (\n        <Styled.VisualPlaceholder\n          size={size}\n          type={getVisualPlaceholderType(!!image, !!pictogram, !!icon)}\n          iconSentiment={icon?.sentiment || Sentiments.Neutral}\n        >\n          {image || pictogram || icon?.component}\n        </Styled.VisualPlaceholder>\n      )}\n\n      {(title || description) && (\n        <Styled.TextPlaceholder size={size}>\n          {title && <Styled.Title size={size}>{title}</Styled.Title>}\n          {typeof description === 'string' ? (\n            <Styled.Description size={size}>{description}</Styled.Description>\n          ) : (\n            description\n          )}\n        </Styled.TextPlaceholder>\n      )}\n\n      {actions?.length && (\n        <Styled.Actions size={size} actionsDirection={actionsDirection} actionsAlignment={actionsAlignment}>\n          {actions.map((actionButton) => {\n            if ('href' in actionButton) {\n              return (\n                <ButtonLink key={actionButton.label} size={size} href={actionButton.href} {...actionButton.props}>\n                  {actionButton.label}\n                </ButtonLink>\n              );\n            }\n\n            if ('action' in actionButton) {\n              return (\n                <Button key={actionButton.label} size={size} onClick={actionButton.action} {...actionButton.props}>\n                  {actionButton.label}\n                </Button>\n              );\n            }\n\n            return null;\n          })}\n        </Styled.Actions>\n      )}\n    </Styled.EmptyState>\n  ),\n);\n\nexport default EmptyState;\n"],"names":["getVisualPlaceholderType","EmptyStateUtils","EmptyState","forwardRef","className","image","icon","pictogram","title","description","size","Sizes","actions","actionsDirection","Directions","actionsAlignment","Alignments","rest","ref","jsxs","Styled.EmptyState","classNames","EMPTY_STATE_CLASS","jsx","Styled.VisualPlaceholder","Sentiments","Styled.TextPlaceholder","Styled.Title","Styled.Description","Styled.Actions","actionButton","ButtonLink","Button"],"mappings":";;;;;;;;;AAWA,MAAM,EAAE,0BAAAA,EAA6B,IAAAC,GAE/BC,IAAaC;AAAA,EACjB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,SAAAC;AAAA,IACA,kBAAAC,IAAmBC,EAAW;AAAA,IAC9B,kBAAAC,IAAmBC,EAAW;AAAA,IAC9B,GAAGC;AAAA,EAEL,GAAAC,MAEC,gBAAAC,EAAAC,GAAA,EAAkB,KAAAF,GAAU,MAAAR,GAAY,WAAWW,EAAWC,GAAmBlB,CAAS,GAAI,GAAGa,GAC9F,UAAA;AAAA,KAAAZ,KAASE,KAAaD,MACtB,gBAAAiB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,MAAAd;AAAA,QACA,MAAMV,EAAyB,CAAC,CAACK,GAAO,CAAC,CAACE,GAAW,CAAC,CAACD,CAAI;AAAA,QAC3D,gBAAeA,KAAA,gBAAAA,EAAM,cAAamB,EAAW;AAAA,QAE5C,UAAApB,KAASE,MAAaD,KAAA,gBAAAA,EAAM;AAAA,MAAA;AAAA,IAC/B;AAAA,KAGAE,KAASC,MACT,gBAAAU,EAACO,GAAA,EAAuB,MAAAhB,GACrB,UAAA;AAAA,MAAAF,KAAU,gBAAAe,EAAAI,GAAA,EAAa,MAAAjB,GAAa,UAAMF,GAAA;AAAA,MAC1C,OAAOC,KAAgB,WACtB,gBAAAc,EAACK,GAAA,EAAmB,MAAAlB,GAAa,UAAAD,EAAA,CAAY,IAE7CA;AAAA,IAAA,GAEJ;AAAA,KAGDG,KAAA,gBAAAA,EAAS,WACP,gBAAAW,EAAAM,GAAA,EAAe,MAAAnB,GAAY,kBAAAG,GAAoC,kBAAAE,GAC7D,UAAAH,EAAQ,IAAI,CAACkB,MACR,UAAUA,IAET,gBAAAP,EAAAQ,GAAA,EAAoC,MAAArB,GAAY,MAAMoB,EAAa,MAAO,GAAGA,EAAa,OACxF,UAAAA,EAAa,MADC,GAAAA,EAAa,KAE9B,IAIA,YAAYA,IAEX,gBAAAP,EAAAS,GAAA,EAAgC,MAAAtB,GAAY,SAASoB,EAAa,QAAS,GAAGA,EAAa,OACzF,UAAAA,EAAa,MADH,GAAAA,EAAa,KAE1B,IAIG,IACR,EACH,CAAA;AAAA,EAAA,EAEJ,CAAA;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.styles.js","sources":["../../../../src/components/EmptyState/EmptyState.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { Sizes, Directions, Alignments, EmptyStateTypes, EmptyStateConsts } from 'acinguiux-ds-react-base';\r\n\r\nimport { getColorBySentiment } from '../../utils/colorUtils';\r\nimport { IEmptyStateProps } from './EmptyState.types';\r\n\r\nconst { consts } = EmptyStateConsts;\r\n\r\nconst EmptyState = styled.div<Required<Pick<IEmptyStateProps, 'size'>>>`\r\n  ${({ size }) => css`\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: ${consts[size].gap}px;\r\n    padding: ${size === Sizes.Large ? '32px' : '20px'};\r\n  `}\r\n`;\r\n\r\nconst VisualPlaceholder = styled.div<\r\n  Required<Pick<IEmptyStateProps, 'size'>> & {\r\n    iconSentiment?: EmptyStateTypes.IconSentiment;\r\n    type: 'icon' | 'pictogram' | 'image' | 'none';\r\n  }\r\n>`\r\n  ${({ size, iconSentiment, type, theme }) => css`\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    ${type === 'image' &&\r\n    css`\r\n      img {\r\n        width: ${consts[size].image}px;\r\n        height: ${consts[size].image}px;\r\n      }\r\n    `}\r\n\r\n    ${(type === 'icon' || type === 'pictogram') &&\r\n    css`\r\n      svg {\r\n        width: ${consts[size][type]}px;\r\n        height: ${consts[size][type]}px;\r\n\r\n        ${type === 'icon' &&\r\n      iconSentiment &&\r\n      css`\r\n          fill: ${getColorBySentiment(iconSentiment, theme)};\r\n        `}\r\n      }\r\n    `}\r\n  `}\r\n`;\r\n\r\nconst TextPlaceholder = styled.div<Required<Pick<IEmptyStateProps, 'size'>>>`\r\n  ${({ size }) => css`\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    gap: ${consts[size].textGap}px;\r\n  `}\r\n`;\r\n\r\nconst Title = styled.span<{ size: EmptyStateTypes.Size }>`\r\n  ${({ size, theme }) => css`\r\n    ${size === Sizes.XSmall && theme.heading['5'].bold};\r\n    ${size === Sizes.Small && theme.heading['4'].bold};\r\n    ${size === Sizes.Medium && theme.heading['3'].demi};\r\n    ${size === Sizes.Large && theme.heading['2'].demi};\r\n\r\n    max-width: 480px;\r\n    text-align: center;\r\n  `}\r\n`;\r\n\r\nconst Description = styled.span<{ size: EmptyStateTypes.Size }>`\r\n  ${({ size, theme }) => css`\r\n    ${(size === Sizes.XSmall || size === Sizes.Small) && theme.paragraph[Sizes.Small].normal};\r\n    ${size === Sizes.Medium && theme.paragraph[Sizes.Medium].normal};\r\n    ${size === Sizes.Large && theme.paragraph[Sizes.Large].normal};\r\n\r\n    max-width: 480px;\r\n    text-align: center;\r\n  `}\r\n`;\r\n\r\nconst Actions = styled.div<\r\n  Required<Pick<IEmptyStateProps, 'size'>> & Pick<IEmptyStateProps, 'actionsDirection' | 'actionsAlignment'>\r\n>`\r\n  ${({ size, actionsDirection, actionsAlignment }) => css`\r\n    display: flex;\r\n    gap: ${consts[size].actionsGap}px;\r\n    flex-direction: ${actionsDirection === Directions.Horizontal ? 'row' : 'column-reverse'};\r\n\r\n    ${(actionsAlignment === Alignments.Fill || actionsDirection === Directions.Vertical) &&\r\n    css`\r\n      width: 100%;\r\n      justify-content: space-between;\r\n    `}\r\n  `}\r\n`;\r\n\r\nexport { EmptyState, VisualPlaceholder, TextPlaceholder, Title, Description, Actions };\r\n"],"names":["consts","EmptyStateConsts","EmptyState","styled","size","css","Sizes","VisualPlaceholder","iconSentiment","type","theme","getColorBySentiment","TextPlaceholder","Title","Description","Actions","actionsDirection","actionsAlignment","Directions","Alignments"],"mappings":";;;;AAMA,MAAM,EAAE,QAAAA,EAAW,IAAAC,GAEbC,IAAaC,EAAO;AAAA,IACtB,CAAC,EAAE,MAAAC,EAAW,MAAAC;AAAA;AAAA;AAAA;AAAA;AAAA,WAKPL,EAAOI,CAAI,EAAE,GAAG;AAAA,eACZA,MAASE,EAAM,QAAQ,SAAS,MAAM;AAAA,GAClD;AAAA,GAGGC,IAAoBJ,EAAO;AAAA,IAM7B,CAAC,EAAE,MAAAC,GAAM,eAAAI,GAAe,MAAAC,GAAM,OAAAC,EAAY,MAAAL;AAAA;AAAA;AAAA;AAAA;AAAA,MAKxCI,MAAS,WACXJ;AAAA;AAAA,iBAEaL,EAAOI,CAAI,EAAE,KAAK;AAAA,kBACjBJ,EAAOI,CAAI,EAAE,KAAK;AAAA;AAAA,KAE/B;AAAA;AAAA,OAEEK,MAAS,UAAUA,MAAS,gBAC/BJ;AAAA;AAAA,iBAEaL,EAAOI,CAAI,EAAEK,CAAI,CAAC;AAAA,kBACjBT,EAAOI,CAAI,EAAEK,CAAI,CAAC;AAAA;AAAA,UAE1BA,MAAS,UACbD,KACAH;AAAA,kBACYM,EAAoBH,GAAeE,CAAK,CAAC;AAAA,SAClD;AAAA;AAAA,KAEJ;AAAA,GACF;AAAA,GAGGE,IAAkBT,EAAO;AAAA,IAC3B,CAAC,EAAE,MAAAC,EAAW,MAAAC;AAAA;AAAA;AAAA;AAAA,WAIPL,EAAOI,CAAI,EAAE,OAAO;AAAA,GAC5B;AAAA,GAGGS,IAAQV,EAAO;AAAA,IACjB,CAAC,EAAE,MAAAC,GAAM,OAAAM,EAAA,MAAYL;AAAA,MACnBD,MAASE,EAAM,UAAUI,EAAM,QAAQ,CAAG,EAAE,IAAI;AAAA,MAChDN,MAASE,EAAM,SAASI,EAAM,QAAQ,CAAG,EAAE,IAAI;AAAA,MAC/CN,MAASE,EAAM,UAAUI,EAAM,QAAQ,CAAG,EAAE,IAAI;AAAA,MAChDN,MAASE,EAAM,SAASI,EAAM,QAAQ,CAAG,EAAE,IAAI;AAAA;AAAA;AAAA;AAAA,GAIlD;AAAA,GAGGI,IAAcX,EAAO;AAAA,IACvB,CAAC,EAAE,MAAAC,GAAM,OAAAM,EAAA,MAAYL;AAAA,OAClBD,MAASE,EAAM,UAAUF,MAASE,EAAM,UAAUI,EAAM,UAAUJ,EAAM,KAAK,EAAE,MAAM;AAAA,MACtFF,MAASE,EAAM,UAAUI,EAAM,UAAUJ,EAAM,MAAM,EAAE,MAAM;AAAA,MAC7DF,MAASE,EAAM,SAASI,EAAM,UAAUJ,EAAM,KAAK,EAAE,MAAM;AAAA;AAAA;AAAA;AAAA,GAI9D;AAAA,GAGGS,IAAUZ,EAAO;AAAA,IAGnB,CAAC,EAAE,MAAAC,GAAM,kBAAAY,GAAkB,kBAAAC,QAAuBZ;AAAA;AAAA,WAE3CL,EAAOI,CAAI,EAAE,UAAU;AAAA,sBACZY,MAAqBE,EAAW,aAAa,QAAQ,gBAAgB;AAAA;AAAA,OAEpFD,MAAqBE,EAAW,QAAQH,MAAqBE,EAAW,aAC3Eb;AAAA;AAAA;AAAA,KAGC;AAAA,GACF;AAAA;"}
+{"version":3,"file":"EmptyState.styles.js","sources":["../../../../src/components/EmptyState/EmptyState.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Sizes, Directions, Alignments, EmptyStateTypes, EmptyStateConsts } from 'acinguiux-ds-react-base';\n\nimport { getColorBySentiment } from '../../utils/colorUtils';\nimport { IEmptyStateProps } from './EmptyState.types';\n\nconst { consts } = EmptyStateConsts;\n\nconst EmptyState = styled.div<Required<Pick<IEmptyStateProps, 'size'>>>`\n  ${({ size }) => css`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: ${consts[size].gap}px;\n    padding: ${size === Sizes.Large ? '32px' : '20px'};\n  `}\n`;\n\nconst VisualPlaceholder = styled.div<\n  Required<Pick<IEmptyStateProps, 'size'>> & {\n    iconSentiment?: EmptyStateTypes.IconSentiment;\n    type: 'icon' | 'pictogram' | 'image' | 'none';\n  }\n>`\n  ${({ size, iconSentiment, type, theme }) => css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    ${type === 'image' &&\n    css`\n      img {\n        width: ${consts[size].image}px;\n        height: ${consts[size].image}px;\n      }\n    `}\n\n    ${(type === 'icon' || type === 'pictogram') &&\n    css`\n      svg {\n        width: ${consts[size][type]}px;\n        height: ${consts[size][type]}px;\n\n        ${type === 'icon' &&\n      iconSentiment &&\n      css`\n          fill: ${getColorBySentiment(iconSentiment, theme)};\n        `}\n      }\n    `}\n  `}\n`;\n\nconst TextPlaceholder = styled.div<Required<Pick<IEmptyStateProps, 'size'>>>`\n  ${({ size }) => css`\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: ${consts[size].textGap}px;\n  `}\n`;\n\nconst Title = styled.span<{ size: EmptyStateTypes.Size }>`\n  ${({ size, theme }) => css`\n    ${size === Sizes.XSmall && theme.heading['5'].bold};\n    ${size === Sizes.Small && theme.heading['4'].bold};\n    ${size === Sizes.Medium && theme.heading['3'].demi};\n    ${size === Sizes.Large && theme.heading['2'].demi};\n\n    max-width: 480px;\n    text-align: center;\n  `}\n`;\n\nconst Description = styled.span<{ size: EmptyStateTypes.Size }>`\n  ${({ size, theme }) => css`\n    ${(size === Sizes.XSmall || size === Sizes.Small) && theme.paragraph[Sizes.Small].normal};\n    ${size === Sizes.Medium && theme.paragraph[Sizes.Medium].normal};\n    ${size === Sizes.Large && theme.paragraph[Sizes.Large].normal};\n\n    max-width: 480px;\n    text-align: center;\n  `}\n`;\n\nconst Actions = styled.div<\n  Required<Pick<IEmptyStateProps, 'size'>> & Pick<IEmptyStateProps, 'actionsDirection' | 'actionsAlignment'>\n>`\n  ${({ size, actionsDirection, actionsAlignment }) => css`\n    display: flex;\n    gap: ${consts[size].actionsGap}px;\n    flex-direction: ${actionsDirection === Directions.Horizontal ? 'row' : 'column-reverse'};\n\n    ${(actionsAlignment === Alignments.Fill || actionsDirection === Directions.Vertical) &&\n    css`\n      width: 100%;\n      justify-content: space-between;\n    `}\n  `}\n`;\n\nexport { EmptyState, VisualPlaceholder, TextPlaceholder, Title, Description, Actions };\n"],"names":["consts","EmptyStateConsts","EmptyState","styled","size","css","Sizes","VisualPlaceholder","iconSentiment","type","theme","getColorBySentiment","TextPlaceholder","Title","Description","Actions","actionsDirection","actionsAlignment","Directions","Alignments"],"mappings":";;;;AAMA,MAAM,EAAE,QAAAA,EAAW,IAAAC,GAEbC,IAAaC,EAAO;AAAA,IACtB,CAAC,EAAE,MAAAC,EAAA,MAAWC;AAAA;AAAA;AAAA;AAAA;AAAA,WAKPL,EAAOI,CAAI,EAAE,GAAG;AAAA,eACZA,MAASE,EAAM,QAAQ,SAAS,MAAM;AAAA,GAClD;AAAA,GAGGC,IAAoBJ,EAAO;AAAA,IAM7B,CAAC,EAAE,MAAAC,GAAM,eAAAI,GAAe,MAAAC,GAAM,OAAAC,EAAY,MAAAL;AAAA;AAAA;AAAA;AAAA;AAAA,MAKxCI,MAAS,WACXJ;AAAA;AAAA,iBAEaL,EAAOI,CAAI,EAAE,KAAK;AAAA,kBACjBJ,EAAOI,CAAI,EAAE,KAAK;AAAA;AAAA,KAE/B;AAAA;AAAA,OAEEK,MAAS,UAAUA,MAAS,gBAC/BJ;AAAA;AAAA,iBAEaL,EAAOI,CAAI,EAAEK,CAAI,CAAC;AAAA,kBACjBT,EAAOI,CAAI,EAAEK,CAAI,CAAC;AAAA;AAAA,UAE1BA,MAAS,UACbD,KACAH;AAAA,kBACYM,EAAoBH,GAAeE,CAAK,CAAC;AAAA,SAClD;AAAA;AAAA,KAEJ;AAAA,GACF;AAAA,GAGGE,IAAkBT,EAAO;AAAA,IAC3B,CAAC,EAAE,MAAAC,EAAA,MAAWC;AAAA;AAAA;AAAA;AAAA,WAIPL,EAAOI,CAAI,EAAE,OAAO;AAAA,GAC5B;AAAA,GAGGS,IAAQV,EAAO;AAAA,IACjB,CAAC,EAAE,MAAAC,GAAM,OAAAM,EAAA,MAAYL;AAAA,MACnBD,MAASE,EAAM,UAAUI,EAAM,QAAQ,CAAG,EAAE,IAAI;AAAA,MAChDN,MAASE,EAAM,SAASI,EAAM,QAAQ,CAAG,EAAE,IAAI;AAAA,MAC/CN,MAASE,EAAM,UAAUI,EAAM,QAAQ,CAAG,EAAE,IAAI;AAAA,MAChDN,MAASE,EAAM,SAASI,EAAM,QAAQ,CAAG,EAAE,IAAI;AAAA;AAAA;AAAA;AAAA,GAIlD;AAAA,GAGGI,IAAcX,EAAO;AAAA,IACvB,CAAC,EAAE,MAAAC,GAAM,OAAAM,EAAA,MAAYL;AAAA,OAClBD,MAASE,EAAM,UAAUF,MAASE,EAAM,UAAUI,EAAM,UAAUJ,EAAM,KAAK,EAAE,MAAM;AAAA,MACtFF,MAASE,EAAM,UAAUI,EAAM,UAAUJ,EAAM,MAAM,EAAE,MAAM;AAAA,MAC7DF,MAASE,EAAM,SAASI,EAAM,UAAUJ,EAAM,KAAK,EAAE,MAAM;AAAA;AAAA;AAAA;AAAA,GAI9D;AAAA,GAGGS,IAAUZ,EAAO;AAAA,IAGnB,CAAC,EAAE,MAAAC,GAAM,kBAAAY,GAAkB,kBAAAC,EAAuB,MAAAZ;AAAA;AAAA,WAE3CL,EAAOI,CAAI,EAAE,UAAU;AAAA,sBACZY,MAAqBE,EAAW,aAAa,QAAQ,gBAAgB;AAAA;AAAA,OAEpFD,MAAqBE,EAAW,QAAQH,MAAqBE,EAAW,aAC3Eb;AAAA;AAAA;AAAA,KAGC;AAAA,GACF;AAAA;"}

package/build/esm/components/FileUploader/FileUploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.d.ts","sourceRoot":"","sources":["../../../../src/components/FileUploader/FileUploader.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAsC,kBAAkB,EAAoB,MAAM,sBAAsB,CAAC;AAShH,QAAA,MAAM,YAAY,+GAuIjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"FileUploader.d.ts","sourceRoot":"","sources":["../../../../src/components/FileUploader/FileUploader.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAS1D,QAAA,MAAM,YAAY,+GAiIjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/build/esm/components/FileUploader/FileUploader.js

@@ -1,128 +1,125 @@
-import { jsxs as x, jsx as r } from "react/jsx-runtime";
-import { forwardRef as j, useRef as g, useMemo as k } from "react";
-import { Sentiments as v } from "acinguiux-ds-fabrics";
-import { FileType as h, FilePreview as K } from "./FileUploader.types.js";
-import { DropzoneContainer as A, DropZone as B, FileInput as H } from "./FileUploader.styles.js";
-import S from "../Flexbox/Flexbox.js";
-import O from "./components/FileUpload/FileUpload.js";
-import Z from "./components/FileUploadErrorMessage/FileUploadErrorMessage.js";
-import $ from "./components/FileUploadContent/FileUploadContent.js";
-import q from "../Alert/Alert.js";
-import G from "./hooks/useFileUploaderProps.js";
-import { Sizes as J } from "../../react-base/src/consts.js";
-const L = j(
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { forwardRef as k, useRef as F, useMemo as v } from "react";
+import { Sentiments as N } from "acinguiux-ds-fabrics";
+import { DropzoneContainer as K, DropZone as A, FileInput as B } from "./FileUploader.styles.js";
+import x from "../Flexbox/Flexbox.js";
+import G from "./components/FileUpload/FileUpload.js";
+import H from "./components/FileUploadErrorMessage/FileUploadErrorMessage.js";
+import O from "./components/FileUploadContent/FileUploadContent.js";
+import Z from "../Alert/Alert.js";
+import $ from "./hooks/useFileUploaderProps.js";
+import { FileType as g, FilePreview as q } from "../../react-base/src/components/FileUploader/FileUploader.types.js";
+import { consts as J } from "../../react-base/src/components/FileUploader/FileUploader.consts.js";
+import { Sizes as L } from "../../react-base/src/consts.js";
+const de = k(
   ({
-    size: i = J.Medium,
-    filePreview: m = K.Image,
-    progressBarType: D = "line",
-    disabled: y = !1,
-    showIcon: z = !0,
-    showDescription: R = !0,
-    showButton: U = !0,
+    size: i = L.Medium,
+    filePreview: d = q.Image,
+    progressBarType: h = "line",
+    disabled: S = !1,
+    showIcon: D = !0,
+    showDescription: y = !0,
+    showButton: R = !0,
     ...o
-  }, C) => {
+  }, z) => {
     const {
-      renderFileUploads: I,
-      hasError: t,
-      accept: b,
+      renderFileUploads: C,
+      hasError: n,
+      accept: I,
       acceptedTextMapper: c,
-      isFirstFileUploadComplete: E,
-      handleOnRemoveFile: p,
-      onChange: T,
-      onClick: w,
-      dropResult: { isDropTarget: l, dropProps: M },
-      isSingleFileType: N,
-      fileType: u,
-      fileUploads: n,
-      renderSingleDeleteFile: f,
+      isFirstFileUploadComplete: U,
+      handleOnRemoveFile: b,
+      onChange: E,
+      onClick: T,
+      dropResult: { isDropTarget: l, dropProps: w },
+      isSingleFileType: M,
+      fileType: p,
+      fileUploads: t,
+      renderSingleDeleteFile: P,
       fileInputRef: a
-    } = G(o), d = g(null), s = g(null);
-    s.current = k(
+    } = $(o), m = F(null), u = F(null);
+    u.current = v(
       () => {
         var e;
-        return l ? ((e = d.current) == null ? void 0 : e.getBoundingClientRect()) ?? null : null;
+        return l ? ((e = m.current) == null ? void 0 : e.getBoundingClientRect()) ?? null : null;
       },
-      [l, d.current]
+      [l, m.current]
     );
-    const { onError: Q, onProgress: V, ...P } = o;
-    return /* @__PURE__ */ x(
-      A,
+    const { onError: Q, onProgress: V, ...j } = o;
+    return /* @__PURE__ */ s(
+      K,
       {
-        "data-invalid": t,
-        "data-disabled": y,
+        "data-invalid": n,
+        "data-disabled": S,
         size: i,
-        ref: C,
+        ref: z,
         gap: "16px",
-        flexDirection: u === h.MultiHorizontal ? "row" : "column",
+        flexDirection: p === g.MultiHorizontal ? "row" : "column",
         children: [
           /* @__PURE__ */ r(
-            B,
+            A,
             {
-              ...P,
+              ...j,
               size: i,
-              rect: s.current,
+              rect: u.current,
               isDropTarget: l,
-              ref: d,
+              ref: m,
               tabIndex: 0,
               "data-dropzone": !0,
               onKeyDown: (e) => {
-                var F;
-                if (f) {
-                  p(n[0].fileName);
-                  return;
-                }
-                (e.key === "Enter" || e.code === "Space") && a.current && a.current.click(), (F = o.onKeyDown) == null || F.call(o, e);
+                var f;
+                (e.key === "Enter" || e.code === "Space") && a.current && a.current.click(), (f = o.onKeyDown) == null || f.call(o, e);
               },
-              children: /* @__PURE__ */ x(S, { flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "8px", children: [
+              children: /* @__PURE__ */ s(x, { flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "4px", children: [
                 /* @__PURE__ */ r(
-                  $,
+                  O,
                   {
-                    renderSingleDeleteFile: f,
-                    fileUploads: n,
-                    isSingleFileType: N,
+                    renderSingleDeleteFile: P,
+                    fileUploads: t,
+                    isSingleFileType: M,
                     isDropTarget: l,
-                    filePreview: m,
-                    isFirstFileUploadComplete: E,
-                    progressBarType: D,
-                    renderErrorsInside: t,
+                    filePreview: d,
+                    isFirstFileUploadComplete: U,
+                    progressBarType: h,
+                    renderErrorsInside: n,
                     acceptedTextMapper: c,
                     size: i,
-                    showIcon: z,
-                    showDescription: R,
-                    showButton: U,
+                    showIcon: D,
+                    showDescription: y,
+                    showButton: R,
                     maxFileSize: o.maxFileSize
                   }
                 ),
                 /* @__PURE__ */ r(
-                  H,
+                  B,
                   {
-                    ...M,
-                    onClick: w,
+                    ...w,
+                    onClick: T,
                     ref: a,
-                    onChange: T,
-                    multiple: u !== h.Single,
+                    onChange: E,
+                    multiple: p !== g.Single,
                     tabIndex: -1,
                     "aria-hidden": "true",
                     type: "file",
-                    accept: b
+                    accept: I
                   }
                 )
               ] })
             }
           ),
-          I && /* @__PURE__ */ r(S, { flexDirection: "column", gap: "16px", children: t ? /* @__PURE__ */ r(q, { sentiment: v.Negative, label: "The following files could not be uploaded:", children: /* @__PURE__ */ r("ul", { children: n.map((e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
-            Z,
+          C && /* @__PURE__ */ r(x, { flexDirection: "column", gap: `${J[i].attachedFilesGap}`, children: n ? /* @__PURE__ */ r(Z, { sentiment: N.Negative, label: "The following files could not be uploaded:", children: /* @__PURE__ */ r("ul", { children: t.map((e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
+            H,
             {
               fileUploadError: e,
               acceptedTextMapper: c,
               maxFilesSize: o.maxFileSize
             }
-          ) }, e.fileName)) }) }) : n.map((e) => /* @__PURE__ */ r(
-            O,
+          ) }, e.fileName)) }) }) : t.map((e) => /* @__PURE__ */ r(
+            G,
             {
               ...e,
-              handleOnRemoveFile: p,
-              filePreview: m,
+              handleOnRemoveFile: b,
+              filePreview: d,
               size: i
             },
             e.fileName
@@ -131,7 +128,7 @@ const L = j(
       }
     );
   }
-), de = L;
+);
 export {
   de as default
 };