acinguiux-ds-react-framework 0.1.24 → 0.1.25

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

@@ -2,25 +2,26 @@ 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 { 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 { containerStylesForVariant as $, stylesForVariant as g } 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 y = i.span``, c = i.span``, l = (t, e) => o(
+import { ICON_CLASS as y } from "../../react-base/src/consts/classes.js";
+const F = i.span``, c = i.span``, l = (t, e) => o(
   ({ $size: n, theme: r }) => o`
-      ${g(t)};
+      ${$(t)};
       &[aria-busy='true'] {
         & > ${c}, & > ${c} > svg,
-        & ${c} > ${y} {
+        & ${c} > ${F} {
           opacity: 0;
           min-height: 0;
           height: 0;
         }
       }
 
-      & ${c}, &:is(a) {
-        ${$(t)};
+      & ${c} {
+        ${g(t)};
         ${u(r, n)};
-        & > svg {
+        & > .${y} {
           ${b(n)};
         }
       }
@@ -50,14 +51,14 @@ const y = i.span``, c = i.span``, l = (t, e) => o(
       ${d.press};
     }
   `;
-}, F = (t) => o`
+}, O = (t) => o`
   ${l(t)};
-  ${({ $variant: e, theme: n }) => a(n, "Foundation", e, {
-  transparentRestingState: e === "filled" ? s.TransparentRestingStates.False : s.TransparentRestingStates.True
+  ${({ $variant: e, theme: n }) => a(n, "Foundation", t ?? e, {
+  transparentRestingState: (t ?? e) === "filled" ? s.TransparentRestingStates.False : s.TransparentRestingStates.True
 })};
-`, k = i.button`
-  ${F()};
-`, h = i.a(
+`, x = i.button`
+  ${O()};
+`, C = i.a(
   ({ $variant: t, theme: e, $disabled: n }) => o`
     ${l()};
     text-decoration: underline;
@@ -79,7 +80,7 @@ const y = i.span``, c = i.span``, l = (t, e) => o(
     transparentRestingState: t === "filled" ? s.TransparentRestingStates.False : s.TransparentRestingStates.True
   })};
   `
-), x = i.button(
+), w = i.button(
   ({ $variant: t, theme: e, $sentiment: n }) => o`
     ${l(t, "Sentiment")};
     ${a(e, "Sentiment", t, {
@@ -87,7 +88,7 @@ const y = i.span``, c = i.span``, l = (t, e) => o(
     sentimentProminence: t === "filled" ? s.SentimentProminences.Strong : s.SentimentProminences.Transparent
   })};
   `
-), w = i.button(
+), A = i.button(
   ({ $variant: t, theme: e, $sentiment: n, $sentimentProminence: r }) => o`
     ${l(t, "On Sentiment")};
     ${a(e, "On Sentiment", t, {
@@ -95,12 +96,12 @@ const y = i.span``, c = i.span``, l = (t, e) => o(
     sentimentProminence: r
   })};
   `
-), C = i.button(
+), I = i.button(
   ({ $variant: t, theme: e, $brand: n }) => o`
     ${l(t, "On Brand")};
     ${a(e, "On Brand", t, { brand: n })};
   `
-), W = i.button(
+), N = i.button(
   ({ $variant: t, theme: e }) => o`
     ${l(t, "On Selected")};
     ${a(e, "On Selected", t, {
@@ -109,14 +110,14 @@ const y = i.span``, c = i.span``, l = (t, e) => o(
   `
 );
 export {
-  k as Button,
-  y as ButtonLabel,
+  x as Button,
+  F as ButtonLabel,
   c as ButtonLabelContainer,
-  h as ButtonLink,
-  C as OnBrandButton,
-  W as OnSelectedButton,
-  w as OnSentimentButton,
-  x as SentimentButton,
-  F as buttonCssWithVariant
+  C as ButtonLink,
+  I as OnBrandButton,
+  N as OnSelectedButton,
+  A as OnSentimentButton,
+  w as SentimentButton,
+  O 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, 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":";;;;;;;AAeO,MAAMA,IAAcC,EAAO,QACrBC,IAAuBD,EAAO,QAErCE,IAAyB,CAACC,GAA+BC,MAC7DC;AAAA,EACE,CAAC,EAAE,OAAAC,GAAO,OAAAC,EAAA,MAAYF;AAAA,QAClBG,EAAuCL,CAAO,CAAC;AAAA;AAAA,cAEzCF,CAAoB,SAASA,CAAoB;AAAA,YACnDA,CAAoB,MAAMF,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAOvCE,CAAoB;AAAA,UACpBQ,EAA8BN,CAAO,CAAC;AAAA,UACtCO,EAA0BH,GAAOD,CAAK,CAAC;AAAA;AAAA,YAErCK,EAAyBL,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAKjCM,EAAeL,GAAOJ,MAAY,YAAYC,MAAU,YAAY,CAAC;AAAA;AAAA;AAG7E,GAEIS,IAAc,CAClBN,GACAH,GACAD,IAA+BW,EAAS,QACxCC,IAAmB,OAChB;AACH,QAAMC,IAASC,EAA4BV,GAAOJ,GAASC,GAAOW,CAAK;AAEvE,SAAOV;AAAA;AAAA;AAAA,QAGDW,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,QAKdA,EAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,QAIfA,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA,QAIZA,EAAO,KAAK;AAAA;AAAA;AAGpB,GAEaE,IAAuB,CAACf,MAAkCE;AAAA,IACnEH,EAAuBC,CAAO,CAAC;AAAA,IAC/B,CAAC,EAAE,UAAAgB,GAAU,OAAAZ,EAAA,MACbM,EAAYN,GAAO,cAAyBY,GAAU;AAAA,EACpD,yBACcA,MAAc,WACtBC,EAAiB,yBAAyB,QAC1CA,EAAiB,yBAAyB;AAClD,CAAC,CAAC;AAAA,GAGOC,IAASrB,EAAO;AAAA,IACzBkB,GAAsB;AAAA,GAGbI,IAAatB,EAAO;AAAA,EAC/B,CAAC,EAAE,UAAAmB,GAAU,OAAAZ,GAAO,WAAAgB,QAAgBlB;AAAA,MAChCH,GAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQxBiB,KACFA,MAAa,YACbd;AAAA;AAAA,iBAEaE,EAAM,MAAM,EAAE,UAAUgB,GAAW,EAAEC,EAAU,2BAA2B,CAAC;AAAA,wBACpEjB,EAAM,MAAM,EAAE,UAAUgB,GAAW,EAAEC,EAAU,2BAA2B,CAAC;AAAA;AAAA,KAE9F;AAAA;AAAA,MAECX,EAAYN,GAAO,QAAQY,GAAU;AAAA,IACrC,UAAUI;AAAA,IACV,yBACEJ,MAAa,WACTC,EAAiB,yBAAyB,QAC1CA,EAAiB,yBAAyB;AAAA,EAAA,CACjD,CAAC;AAAA;AAEN,GAEaK,IAAkBzB,EAAO;AAAA,EACpC,CAAC,EAAE,UAAAmB,GAAU,OAAAZ,GAAO,YAAAmB,QAAiBrB;AAAA,MACjCH,EAAuBiB,GAAU,WAAW,CAAC;AAAA,MAC7CN,EAAYN,GAAO,aAAaY,GAAU;AAAA,IAC1C,WAAWO;AAAA,IACX,qBACEP,MAAa,WACTC,EAAiB,qBAAqB,SACtCA,EAAiB,qBAAqB;AAAA,EAAA,CAC7C,CAAC;AAAA;AAEN,GAEaO,IAAoB3B,EAAO;AAAA,EACtC,CAAC,EAAE,UAAAmB,GAAU,OAAAZ,GAAO,YAAAmB,GAAY,sBAAAE,QAA2BvB;AAAA,MACvDH,EAAuBiB,GAAU,cAAc,CAAC;AAAA,MAChDN,EAAYN,GAAO,gBAAgBY,GAAU;AAAA,IAC7C,WAAWO;AAAA,IACX,qBAAqBE;AAAA,EAAA,CACtB,CAAC;AAAA;AAEN,GAEaC,IAAgB7B,EAAO;AAAA,EAClC,CAAC,EAAE,UAAAmB,GAAU,OAAAZ,GAAO,QAAAuB,QAAazB;AAAA,MAC7BH,EAAuBiB,GAAU,UAAU,CAAC;AAAA,MAC5CN,EAAYN,GAAO,YAAYY,GAAU,EAAE,OAAOW,EAAA,CAAQ,CAAC;AAAA;AAEjE,GAEaC,IAAmB/B,EAAO;AAAA,EACrC,CAAC,EAAE,UAAAmB,GAAU,OAAAZ,EAAA,MAAYF;AAAA,MACrBH,EAAuBiB,GAAU,aAAa,CAAC;AAAA,MAC/CN,EAAYN,GAAO,eAAeY,GAAU;AAAA,IAC5C,oBACEA,MAAa,WACTC,EAAiB,oBAAoB,SACrCA,EAAiB,oBAAoB;AAAA,EAAA,CAC5C,CAAC;AAAA;AAEN;"}
+{"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 { ICON_CLASS, 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} {\n        ${ButtonStyles.stylesForVariant(variant)};\n        ${ButtonUtils.getSizeStyles(theme, $size)};\n        & > .${ICON_CLASS} {\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","ICON_CLASS","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/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,QAAA,MAAM,IAAI,oHAkET,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,QAAA,MAAM,IAAI,oHAoET,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/build/esm/components/Card/Card.js

@@ -1,72 +1,72 @@
-import { jsxs as u, jsx as $ } from "react/jsx-runtime";
-import { forwardRef as h } from "react";
-import n from "classnames";
-import { Directions as w, Sizes as x } from "../../react-base/src/consts/index.js";
+import { jsxs as u, jsx as l } from "react/jsx-runtime";
+import { forwardRef as h, Children as j } from "react";
+import w from "classnames";
+import { Directions as x, Sizes as A } from "../../react-base/src/consts/index.js";
 import { Card as S, CardBody as k } from "./Card.styles.js";
 import f from "./components/CardBar/CardBar.js";
-import { CARD_CLASS as A } from "../../react-base/src/consts/classes.js";
+import { CARD_CLASS as B } from "../../react-base/src/consts/classes.js";
 const L = h(
   ({
-    className: l,
-    size: r = `${x.Medium}`,
-    direction: e = `${w.Vertical}`,
+    className: p,
+    size: r = `${A.Medium}`,
+    direction: t = `${x.Vertical}`,
     padding: s = !0,
     bgColor: m = !1,
-    headerBorder: p,
-    footerBorder: d,
+    headerBorder: d,
+    footerBorder: C,
     borders: o = !1,
     outlined: c = !1,
-    children: C,
+    children: $,
     onClick: i,
-    header: t,
+    header: e,
     footer: a,
-    isClickable: b,
-    ...y
-  }, j) => /* @__PURE__ */ u(
+    isClickable: y,
+    ...b
+  }, n) => /* @__PURE__ */ u(
     S,
     {
-      ref: j,
-      className: n(A, l),
+      ref: n,
+      className: w(B, p),
       $size: r,
-      $direction: e,
+      $direction: t,
       $outlined: c,
-      $isClickable: !!b || !!i,
+      $isClickable: !!y || !!i,
       onClick: i,
-      ...y,
+      ...b,
       children: [
-        !!t && /* @__PURE__ */ $(
+        !!e && /* @__PURE__ */ l(
           f,
           {
             size: r,
-            bar: t,
+            bar: e,
             type: "header",
-            direction: e,
-            borders: p ?? o,
+            direction: t,
+            borders: d ?? o,
             bgColor: m,
             padding: s
           }
         ),
-        /* @__PURE__ */ $(
+        j.toArray($).length > 0 ? /* @__PURE__ */ l(
           k,
           {
             $size: r,
-            $direction: e,
-            $withHeader: !!t && Object.keys(t).length > 0,
+            $direction: t,
+            $withHeader: !!e && Object.keys(e).length > 0,
             $withFooter: !!a && Object.keys(a).length > 0,
             $padding: s,
             $borders: o,
             $bgColor: m,
-            children: C
+            children: $
           }
-        ),
-        !!a && /* @__PURE__ */ $(
+        ) : null,
+        !!a && /* @__PURE__ */ l(
           f,
           {
             size: r,
             bar: a,
             type: "footer",
-            direction: e,
-            borders: d ?? o,
+            direction: t,
+            borders: C ?? o,
             bgColor: m,
             padding: s
           }

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Directions, CARD_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport * as Styled from './Card.styles';\nimport type { ICardProps } from './Card.types';\nimport CardBar from './components/CardBar/CardBar';\n\nconst Card = forwardRef<HTMLDivElement, ICardProps>(\n  (\n    {\n      className,\n      size = `${Sizes.Medium}`,\n      direction = `${Directions.Vertical}`,\n      padding = true,\n      bgColor = false,\n      headerBorder,\n      footerBorder,\n      borders = false,\n      outlined = false,\n      children,\n      onClick,\n      header,\n      footer,\n      isClickable,\n      ...rest\n    },\n    ref,\n  ): ReactElement => (\n    <Styled.Card\n      ref={ref}\n      className={classNames(CARD_CLASS, className)}\n      $size={size}\n      $direction={direction}\n      $outlined={outlined}\n      $isClickable={!!isClickable || !!onClick}\n      onClick={onClick}\n      {...rest}\n    >\n      {!!header && (\n        <CardBar\n          size={size}\n          bar={header}\n          type=\"header\"\n          direction={direction}\n          borders={headerBorder ?? borders}\n          bgColor={bgColor}\n          padding={padding}\n        />\n      )}\n      <Styled.CardBody\n        $size={size}\n        $direction={direction}\n        $withHeader={!!header && Object.keys(header).length > 0}\n        $withFooter={!!footer && Object.keys(footer).length > 0}\n        $padding={padding}\n        $borders={borders}\n        $bgColor={bgColor}\n      >\n        {children}\n      </Styled.CardBody>\n      {!!footer && (\n        <CardBar\n          size={size}\n          bar={footer}\n          type=\"footer\"\n          direction={direction}\n          borders={footerBorder ?? borders}\n          bgColor={bgColor}\n          padding={padding}\n        />\n      )}\n    </Styled.Card>\n  ),\n);\n\nexport default Card;\n"],"names":["Card","forwardRef","className","size","Sizes","direction","Directions","padding","bgColor","headerBorder","footerBorder","borders","outlined","children","onClick","header","footer","isClickable","rest","ref","jsxs","Styled.Card","classNames","CARD_CLASS","jsx","CardBar","Styled.CardBody"],"mappings":";;;;;;;AASA,MAAMA,IAAOC;AAAA,EACX,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,IACtB,WAAAC,IAAY,GAAGC,EAAW,QAAQ;AAAA,IAClC,SAAAC,IAAU;AAAA,IACV,SAAAC,IAAU;AAAA,IACV,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MAEA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAWC,GAAYrB,CAAS;AAAA,MAC3C,OAAOC;AAAA,MACP,YAAYE;AAAA,MACZ,WAAWO;AAAA,MACX,cAAc,CAAC,CAACK,KAAe,CAAC,CAACH;AAAA,MACjC,SAAAA;AAAA,MACC,GAAGI;AAAA,MAEH,UAAA;AAAA,QAAA,CAAC,CAACH,KACD,gBAAAS;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAAtB;AAAA,YACA,KAAKY;AAAA,YACL,MAAK;AAAA,YACL,WAAAV;AAAA,YACA,SAASI,KAAgBE;AAAA,YACzB,SAAAH;AAAA,YACA,SAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJ,gBAAAiB;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,OAAOvB;AAAA,YACP,YAAYE;AAAA,YACZ,aAAa,CAAC,CAACU,KAAU,OAAO,KAAKA,CAAM,EAAE,SAAS;AAAA,YACtD,aAAa,CAAC,CAACC,KAAU,OAAO,KAAKA,CAAM,EAAE,SAAS;AAAA,YACtD,UAAUT;AAAA,YACV,UAAUI;AAAA,YACV,UAAUH;AAAA,YAET,UAAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,CAAC,CAACG,KACD,gBAAAQ;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAAtB;AAAA,YACA,KAAKa;AAAA,YACL,MAAK;AAAA,YACL,WAAAX;AAAA,YACA,SAASK,KAAgBC;AAAA,YACzB,SAAAH;AAAA,YACA,SAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"Card.js","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import { Children, forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Directions, CARD_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport * as Styled from './Card.styles';\nimport type { ICardProps } from './Card.types';\nimport CardBar from './components/CardBar/CardBar';\n\nconst Card = forwardRef<HTMLDivElement, ICardProps>(\n  (\n    {\n      className,\n      size = `${Sizes.Medium}`,\n      direction = `${Directions.Vertical}`,\n      padding = true,\n      bgColor = false,\n      headerBorder,\n      footerBorder,\n      borders = false,\n      outlined = false,\n      children,\n      onClick,\n      header,\n      footer,\n      isClickable,\n      ...rest\n    },\n    ref,\n  ): ReactElement => (\n    <Styled.Card\n      ref={ref}\n      className={classNames(CARD_CLASS, className)}\n      $size={size}\n      $direction={direction}\n      $outlined={outlined}\n      $isClickable={!!isClickable || !!onClick}\n      onClick={onClick}\n      {...rest}\n    >\n      {!!header && (\n        <CardBar\n          size={size}\n          bar={header}\n          type=\"header\"\n          direction={direction}\n          borders={headerBorder ?? borders}\n          bgColor={bgColor}\n          padding={padding}\n        />\n      )}\n      {Children.toArray(children).length > 0 ? (\n        <Styled.CardBody\n          $size={size}\n          $direction={direction}\n          $withHeader={!!header && Object.keys(header).length > 0}\n          $withFooter={!!footer && Object.keys(footer).length > 0}\n          $padding={padding}\n          $borders={borders}\n          $bgColor={bgColor}\n        >\n          {children}\n        </Styled.CardBody>\n      ) : null}\n      {!!footer && (\n        <CardBar\n          size={size}\n          bar={footer}\n          type=\"footer\"\n          direction={direction}\n          borders={footerBorder ?? borders}\n          bgColor={bgColor}\n          padding={padding}\n        />\n      )}\n    </Styled.Card>\n  ),\n);\n\nexport default Card;\n"],"names":["Card","forwardRef","className","size","Sizes","direction","Directions","padding","bgColor","headerBorder","footerBorder","borders","outlined","children","onClick","header","footer","isClickable","rest","ref","jsxs","Styled.Card","classNames","CARD_CLASS","jsx","CardBar","Children","Styled.CardBody"],"mappings":";;;;;;;AASA,MAAMA,IAAOC;AAAA,EACX,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,IACtB,WAAAC,IAAY,GAAGC,EAAW,QAAQ;AAAA,IAClC,SAAAC,IAAU;AAAA,IACV,SAAAC,IAAU;AAAA,IACV,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MAEA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAWC,GAAYrB,CAAS;AAAA,MAC3C,OAAOC;AAAA,MACP,YAAYE;AAAA,MACZ,WAAWO;AAAA,MACX,cAAc,CAAC,CAACK,KAAe,CAAC,CAACH;AAAA,MACjC,SAAAA;AAAA,MACC,GAAGI;AAAA,MAEH,UAAA;AAAA,QAAA,CAAC,CAACH,KACD,gBAAAS;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAAtB;AAAA,YACA,KAAKY;AAAA,YACL,MAAK;AAAA,YACL,WAAAV;AAAA,YACA,SAASI,KAAgBE;AAAA,YACzB,SAAAH;AAAA,YACA,SAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHmB,EAAS,QAAQb,CAAQ,EAAE,SAAS,IACnC,gBAAAW;AAAA,UAACG;AAAAA,UAAA;AAAA,YACC,OAAOxB;AAAA,YACP,YAAYE;AAAA,YACZ,aAAa,CAAC,CAACU,KAAU,OAAO,KAAKA,CAAM,EAAE,SAAS;AAAA,YACtD,aAAa,CAAC,CAACC,KAAU,OAAO,KAAKA,CAAM,EAAE,SAAS;AAAA,YACtD,UAAUT;AAAA,YACV,UAAUI;AAAA,YACV,UAAUH;AAAA,YAET,UAAAK;AAAA,UAAA;AAAA,QAAA,IAED;AAAA,QACH,CAAC,CAACG,KACD,gBAAAQ;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAAtB;AAAA,YACA,KAAKa;AAAA,YACL,MAAK;AAAA,YACL,WAAAX;AAAA,YACA,SAASK,KAAgBC;AAAA,YACzB,SAAAH;AAAA,YACA,SAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAM9D,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGhE,KAAK,iBAAiB,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,MAAM,CAAC;AAE3E,QAAA,MAAM,IAAI,2RAoCT,CAAC;AAEF,QAAA,MAAM,aAAa,6NAQlB,CAAC;AAEF,QAAA,MAAM,SAAS;;sGAiCd,CAAC;AAEF,KAAK,qBAAqB,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;AAE7E,QAAA,MAAM,QAAQ;kBAGM,OAAO;kBACP,OAAO;YAmDzB,CAAC;AAEH,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAM9D,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGhE,KAAK,iBAAiB,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,MAAM,CAAC;AAE3E,QAAA,MAAM,IAAI,2RAoCT,CAAC;AAEF,QAAA,MAAM,aAAa,6NAQlB,CAAC;AAEF,QAAA,MAAM,SAAS;;sGAiCd,CAAC;AAEF,KAAK,qBAAqB,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;AAE7E,QAAA,MAAM,QAAQ;kBAGM,OAAO;kBACP,OAAO;YAkDzB,CAAC;AAEH,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -1,11 +1,11 @@
-import { styled as l, css as d } from "styled-components";
+import { styled as u, css as d } from "styled-components";
 import { Directions as s, Sizes as g } from "../../react-base/src/consts/index.js";
 import { consts as o } from "../../react-base/src/components/Card/Card.consts.js";
 import { Variables as p } from "../../react-base/src/theme/types/layer.js";
 import { getFocusStyles as f } from "../../react-base/src/utils/stylesUtils.js";
-import { getParagraphTypographySize as x } from "../../react-base/src/utils/sizesUtils.js";
-import { CardBar as $ } from "./components/CardBar/CardBar.styles.js";
-const m = l.div(
+import { getParagraphTypographySize as $ } from "../../react-base/src/utils/sizesUtils.js";
+import { CardBar as m } from "./components/CardBar/CardBar.styles.js";
+const x = u.div(
   ({ $size: r, $outlined: i, $direction: e, $isClickable: n, theme: a }) => {
     const t = a.layer({ foundation: "surface" });
     return d`
@@ -38,7 +38,7 @@ const m = l.div(
       }
     `;
   }
-), b = l.div`
+), b = u.div`
   display: block;
   position: absolute;
   top: 0;
@@ -46,7 +46,7 @@ const m = l.div(
   width: 100%;
   height: 100%;
   transition: transform 0.5s;
-`, S = l(m)(
+`, S = u(x)(
   ({ $size: r = `${g.Medium}`, $backgroundImage: i, $interactive: e, $backgroundPosition: n = "center", theme: a }) => d`
     position: relative;
     align-items: flex-end;
@@ -56,7 +56,7 @@ const m = l.div(
     background-color: ${a.layer()[p.BackgroundFoundation]};
     overflow: hidden;
 
-    & > ${$} {
+    & > ${m} {
       padding: ${o[r].innerCardPadding}px;
       position: relative;
     }
@@ -75,12 +75,11 @@ const m = l.div(
       }
     `}
   `
-), C = l.div(({ $size: r, $padding: i, $bgColor: e, $withHeader: n, $withFooter: a, $direction: t, theme: u }) => {
-  const c = u.layer({ foundation: e ? "section" : "surface" });
+), C = u.div(({ $size: r, $padding: i, $bgColor: e, $withHeader: n, $withFooter: a, $direction: t, theme: l }) => {
+  const c = l.layer({ foundation: e ? "section" : "surface" });
   return d`
-    ${u.typography("paragraph", x(r))};
+    ${l.typography("paragraph", $(r))};
     display: grid;
-    flex-grow: 1;
     color: ${c[p.TextOnFoundationStrong]};
     background-color: ${c[p.BackgroundFoundation]};
 
@@ -116,7 +115,7 @@ const m = l.div(
   `;
 });
 export {
-  m as Card,
+  x as Card,
   C as CardBody,
   S as InsetCard,
   b as InsetCardBody

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

@@ -1 +1 @@
-{"version":3,"file":"Card.styles.js","sources":["../../../../src/components/Card/Card.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Directions, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { CardConsts } from 'acinguiux-ds-react-base/components/Card';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { getParagraphTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport type { ICardProps, IInsetCardProps } from './Card.types';\nimport { CardBar } from './components/CardBar/CardBar.styles';\n\ntype CardStylePropKeys = 'outlined' | 'direction' | 'isClickable' | 'size';\n\nconst Card = styled.div<Required<PickTransient<ICardProps, CardStylePropKeys>>>(\n  ({ $size, $outlined, $direction, $isClickable, theme }) => {\n    const layer = theme.layer({ foundation: 'surface' });\n\n    return css`\n      display: flex;\n      flex-direction: ${$direction === Directions.Vertical ? 'column' : 'row'};\n      width: 100%;\n      background-color: ${layer[Variables.BackgroundFoundation]};\n      ${$outlined &&\n      css`\n        border: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\n      `};\n      transition: filter 0.3s ease;\n      border-radius: ${CardConsts.consts[$size].borderRadius}px;\n\n      ${$isClickable &&\n      css`\n        text-decoration: none;\n        color: inherit;\n        cursor: pointer;\n\n        &:hover {\n          filter: ${theme.dropShadows.low2};\n        }\n\n        &:active {\n          filter: ${theme.dropShadows.low1};\n        }\n      `}\n\n      &:focus-visible {\n        ${getFocusStyles(theme)};\n      }\n    `;\n  },\n);\n\nconst InsetCardBody = styled.div`\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  transition: transform 0.5s;\n`;\n\nconst InsetCard = styled(Card)<\n  PickTransient<IInsetCardProps, 'backgroundImage' | 'backgroundPosition' | 'interactive'>\n>(\n  ({ $size = `${Sizes.Medium}`, $backgroundImage, $interactive, $backgroundPosition = 'center', theme }) => css`\n    position: relative;\n    align-items: flex-end;\n    height: 100%;\n    padding: ${CardConsts.consts[$size].padding}px;\n    border-radius: ${CardConsts.consts[$size].borderRadius}px;\n    background-color: ${theme.layer()[Variables.BackgroundFoundation]};\n    overflow: hidden;\n\n    & > ${CardBar} {\n      padding: ${CardConsts.consts[$size].innerCardPadding}px;\n      position: relative;\n    }\n\n    & > ${InsetCardBody} {\n      ${$backgroundImage &&\n      css`\n        background-image: url(${$backgroundImage});\n        background-position: ${$backgroundPosition};\n        background-size: cover;\n      `}\n    }\n\n    ${$interactive &&\n    css`\n      &:hover > ${InsetCardBody} {\n        transform: scale(1.05);\n      }\n    `}\n  `,\n);\n\ntype CardBodyStylePropKeys = 'padding' | 'bgColor' | 'direction' | 'borders';\n\nconst CardBody = styled.div<\n  Required<PickTransient<ICardProps, 'size'>> &\n    PickTransient<ICardProps, CardBodyStylePropKeys> & {\n      $withHeader?: boolean;\n      $withFooter?: boolean;\n    }\n>(({ $size, $padding, $bgColor, $withHeader, $withFooter, $direction, theme }) => {\n  const layer = theme.layer({ foundation: $bgColor ? 'section' : 'surface' });\n\n  return css`\n    ${theme.typography('paragraph', getParagraphTypographySize($size))};\n    display: grid;\n    flex-grow: 1;\n    color: ${layer[Variables.TextOnFoundationStrong]};\n    background-color: ${layer[Variables.BackgroundFoundation]};\n\n    ${$padding &&\n    css`\n      padding: ${CardConsts.consts[$size].padding}px;\n    `}\n\n    ${$direction === Directions.Horizontal &&\n    !$withHeader &&\n    css`\n      border-top-left-radius: ${CardConsts.consts[$size].borderRadius}px;\n      border-bottom-left-radius: ${CardConsts.consts[$size].borderRadius}px;\n    `}\n      \n      ${$direction === Directions.Horizontal &&\n    !$withFooter &&\n    css`\n      border-top-right-radius: ${CardConsts.consts[$size].borderRadius}px;\n      border-bottom-right-radius: ${CardConsts.consts[$size].borderRadius}px;\n    `}\n\n      ${$direction === Directions.Vertical &&\n    !$withHeader &&\n    css`\n      border-top-left-radius: ${CardConsts.consts[$size].borderRadius}px;\n      border-top-right-radius: ${CardConsts.consts[$size].borderRadius}px;\n    `}\n\n      ${$direction === Directions.Vertical &&\n    !$withFooter &&\n    css`\n      border-bottom-right-radius: ${CardConsts.consts[$size].borderRadius}px;\n      border-bottom-left-radius: ${CardConsts.consts[$size].borderRadius}px;\n    `}\n\n      > img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n    }\n  `;\n});\n\nexport { Card, InsetCard, InsetCardBody, CardBody };\n"],"names":["Card","styled","$size","$outlined","$direction","$isClickable","theme","layer","css","Directions","Variables","CardConsts.consts","getFocusStyles","InsetCardBody","InsetCard","Sizes","$backgroundImage","$interactive","$backgroundPosition","CardBar","CardBody","$padding","$bgColor","$withHeader","$withFooter","getParagraphTypographySize"],"mappings":"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"}
+{"version":3,"file":"Card.styles.js","sources":["../../../../src/components/Card/Card.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Directions, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { CardConsts } from 'acinguiux-ds-react-base/components/Card';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { getParagraphTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport type { ICardProps, IInsetCardProps } from './Card.types';\nimport { CardBar } from './components/CardBar/CardBar.styles';\n\ntype CardStylePropKeys = 'outlined' | 'direction' | 'isClickable' | 'size';\n\nconst Card = styled.div<Required<PickTransient<ICardProps, CardStylePropKeys>>>(\n  ({ $size, $outlined, $direction, $isClickable, theme }) => {\n    const layer = theme.layer({ foundation: 'surface' });\n\n    return css`\n      display: flex;\n      flex-direction: ${$direction === Directions.Vertical ? 'column' : 'row'};\n      width: 100%;\n      background-color: ${layer[Variables.BackgroundFoundation]};\n      ${$outlined &&\n      css`\n        border: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\n      `};\n      transition: filter 0.3s ease;\n      border-radius: ${CardConsts.consts[$size].borderRadius}px;\n\n      ${$isClickable &&\n      css`\n        text-decoration: none;\n        color: inherit;\n        cursor: pointer;\n\n        &:hover {\n          filter: ${theme.dropShadows.low2};\n        }\n\n        &:active {\n          filter: ${theme.dropShadows.low1};\n        }\n      `}\n\n      &:focus-visible {\n        ${getFocusStyles(theme)};\n      }\n    `;\n  },\n);\n\nconst InsetCardBody = styled.div`\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  transition: transform 0.5s;\n`;\n\nconst InsetCard = styled(Card)<\n  PickTransient<IInsetCardProps, 'backgroundImage' | 'backgroundPosition' | 'interactive'>\n>(\n  ({ $size = `${Sizes.Medium}`, $backgroundImage, $interactive, $backgroundPosition = 'center', theme }) => css`\n    position: relative;\n    align-items: flex-end;\n    height: 100%;\n    padding: ${CardConsts.consts[$size].padding}px;\n    border-radius: ${CardConsts.consts[$size].borderRadius}px;\n    background-color: ${theme.layer()[Variables.BackgroundFoundation]};\n    overflow: hidden;\n\n    & > ${CardBar} {\n      padding: ${CardConsts.consts[$size].innerCardPadding}px;\n      position: relative;\n    }\n\n    & > ${InsetCardBody} {\n      ${$backgroundImage &&\n      css`\n        background-image: url(${$backgroundImage});\n        background-position: ${$backgroundPosition};\n        background-size: cover;\n      `}\n    }\n\n    ${$interactive &&\n    css`\n      &:hover > ${InsetCardBody} {\n        transform: scale(1.05);\n      }\n    `}\n  `,\n);\n\ntype CardBodyStylePropKeys = 'padding' | 'bgColor' | 'direction' | 'borders';\n\nconst CardBody = styled.div<\n  Required<PickTransient<ICardProps, 'size'>> &\n    PickTransient<ICardProps, CardBodyStylePropKeys> & {\n      $withHeader?: boolean;\n      $withFooter?: boolean;\n    }\n>(({ $size, $padding, $bgColor, $withHeader, $withFooter, $direction, theme }) => {\n  const layer = theme.layer({ foundation: $bgColor ? 'section' : 'surface' });\n\n  return css`\n    ${theme.typography('paragraph', getParagraphTypographySize($size))};\n    display: grid;\n    color: ${layer[Variables.TextOnFoundationStrong]};\n    background-color: ${layer[Variables.BackgroundFoundation]};\n\n    ${$padding &&\n    css`\n      padding: ${CardConsts.consts[$size].padding}px;\n    `}\n\n    ${$direction === Directions.Horizontal &&\n    !$withHeader &&\n    css`\n      border-top-left-radius: ${CardConsts.consts[$size].borderRadius}px;\n      border-bottom-left-radius: ${CardConsts.consts[$size].borderRadius}px;\n    `}\n      \n      ${$direction === Directions.Horizontal &&\n    !$withFooter &&\n    css`\n      border-top-right-radius: ${CardConsts.consts[$size].borderRadius}px;\n      border-bottom-right-radius: ${CardConsts.consts[$size].borderRadius}px;\n    `}\n\n      ${$direction === Directions.Vertical &&\n    !$withHeader &&\n    css`\n      border-top-left-radius: ${CardConsts.consts[$size].borderRadius}px;\n      border-top-right-radius: ${CardConsts.consts[$size].borderRadius}px;\n    `}\n\n      ${$direction === Directions.Vertical &&\n    !$withFooter &&\n    css`\n      border-bottom-right-radius: ${CardConsts.consts[$size].borderRadius}px;\n      border-bottom-left-radius: ${CardConsts.consts[$size].borderRadius}px;\n    `}\n\n      > img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n    }\n  `;\n});\n\nexport { Card, InsetCard, InsetCardBody, CardBody };\n"],"names":["Card","styled","$size","$outlined","$direction","$isClickable","theme","layer","css","Directions","Variables","CardConsts.consts","getFocusStyles","InsetCardBody","InsetCard","Sizes","$backgroundImage","$interactive","$backgroundPosition","CardBar","CardBody","$padding","$bgColor","$withHeader","$withFooter","getParagraphTypographySize"],"mappings":"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"}

package/build/esm/components/Card/InsetCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InsetCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/InsetCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAIpD,QAAA,MAAM,SAAS,yHA6Cd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"InsetCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/InsetCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAIpD,QAAA,MAAM,SAAS,yHA8Cd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/build/esm/components/Card/InsetCard.js

@@ -1,49 +1,50 @@
-import { jsxs as C, jsx as e } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import g from "classnames";
-import { Directions as i, Sizes as I } from "../../react-base/src/consts/index.js";
-import { InsetCard as b, InsetCardBody as x } from "./Card.styles.js";
-import S from "./components/CardBar/CardBar.js";
-import { CARD_CLASS as j } from "../../react-base/src/consts/classes.js";
-const h = u(
+import { jsxs as u, jsx as i } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import I from "classnames";
+import { Directions as e, Sizes as x } from "../../react-base/src/consts/index.js";
+import { InsetCard as S, InsetCardBody as b } from "./Card.styles.js";
+import j from "./components/CardBar/CardBar.js";
+import { CARD_CLASS as k } from "../../react-base/src/consts/classes.js";
+const h = g(
   ({
     className: a,
-    size: r = `${I.Medium}`,
+    size: r = `${x.Medium}`,
     bar: o,
-    borders: k,
-    outlined: s = !1,
+    borders: s,
+    outlined: m = !1,
     fullBar: d,
-    interactive: m,
+    interactive: n,
     onClick: t,
-    isClickable: n,
-    backgroundImage: f,
-    backgroundPosition: c,
-    children: l,
-    ...p
-  }, $) => /* @__PURE__ */ C(
-    b,
+    isClickable: f,
+    backgroundImage: c,
+    backgroundPosition: l,
+    children: p,
+    ...$
+  }, C) => /* @__PURE__ */ u(
+    S,
     {
-      ref: $,
-      className: g(j, a),
+      ref: C,
+      className: I(k, a),
       $size: r,
-      $direction: i.Horizontal,
-      $outlined: s,
-      $isClickable: !!n || !!t,
-      $interactive: m,
+      $direction: e.Horizontal,
+      $outlined: m,
+      $isClickable: !!f || !!t,
+      $interactive: n,
       onClick: t,
-      $backgroundPosition: c,
-      $backgroundImage: f,
-      ...p,
+      $backgroundPosition: l,
+      $backgroundImage: c,
+      ...$,
       children: [
-        /* @__PURE__ */ e(x, { children: l }),
-        !!o && /* @__PURE__ */ e(
-          S,
+        /* @__PURE__ */ i(b, { children: p }),
+        !!o && /* @__PURE__ */ i(
+          j,
           {
             size: r,
             bar: o,
+            borders: s,
             fullBar: d,
             padding: !0,
-            direction: i.Vertical,
+            direction: e.Vertical,
             type: "floatingFooter"
           }
         )

package/build/esm/components/Card/InsetCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"InsetCard.js","sources":["../../../../src/components/Card/InsetCard.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, CARD_CLASS, Directions } from 'acinguiux-ds-react-base/consts';\n\nimport type { IInsetCardProps } from './Card.types';\nimport * as Styled from './Card.styles';\nimport CardBar from './components/CardBar/CardBar';\n\nconst InsetCard = forwardRef<HTMLDivElement, IInsetCardProps>(\n  (\n    {\n      className,\n      size = `${Sizes.Medium}`,\n      bar,\n      borders,\n      outlined = false,\n      fullBar,\n      interactive,\n      onClick,\n      isClickable,\n      backgroundImage,\n      backgroundPosition,\n      children,\n      ...rest\n    },\n    ref,\n  ) => (\n    <Styled.InsetCard\n      ref={ref}\n      className={classNames(CARD_CLASS, className)}\n      $size={size}\n      $direction={Directions.Horizontal}\n      $outlined={outlined}\n      $isClickable={!!isClickable || !!onClick}\n      $interactive={interactive}\n      onClick={onClick}\n      $backgroundPosition={backgroundPosition}\n      $backgroundImage={backgroundImage}\n      {...rest}\n    >\n      <Styled.InsetCardBody>{children}</Styled.InsetCardBody>\n      {!!bar && (\n        <CardBar\n          size={size}\n          bar={bar}\n          fullBar={fullBar}\n          padding={true}\n          direction={Directions.Vertical}\n          type=\"floatingFooter\"\n        />\n      )}\n    </Styled.InsetCard>\n  ),\n);\n\nexport default InsetCard;\n"],"names":["InsetCard","forwardRef","className","size","Sizes","bar","borders","outlined","fullBar","interactive","onClick","isClickable","backgroundImage","backgroundPosition","children","rest","ref","jsxs","Styled.InsetCard","classNames","CARD_CLASS","Directions","jsx","Styled.InsetCardBody","CardBar"],"mappings":";;;;;;;AASA,MAAMA,IAAYC;AAAA,EAChB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,IACtB,KAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MAEA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAWC,GAAYlB,CAAS;AAAA,MAC3C,OAAOC;AAAA,MACP,YAAYkB,EAAW;AAAA,MACvB,WAAWd;AAAA,MACX,cAAc,CAAC,CAACI,KAAe,CAAC,CAACD;AAAA,MACjC,cAAcD;AAAA,MACd,SAAAC;AAAA,MACA,qBAAqBG;AAAA,MACrB,kBAAkBD;AAAA,MACjB,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAO,EAACC,GAAA,EAAsB,UAAAT,GAAS;AAAA,QAC/B,CAAC,CAACT,KACD,gBAAAiB;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAArB;AAAA,YACA,KAAAE;AAAA,YACA,SAAAG;AAAA,YACA,SAAS;AAAA,YACT,WAAWa,EAAW;AAAA,YACtB,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"InsetCard.js","sources":["../../../../src/components/Card/InsetCard.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, CARD_CLASS, Directions } from 'acinguiux-ds-react-base/consts';\n\nimport type { IInsetCardProps } from './Card.types';\nimport * as Styled from './Card.styles';\nimport CardBar from './components/CardBar/CardBar';\n\nconst InsetCard = forwardRef<HTMLDivElement, IInsetCardProps>(\n  (\n    {\n      className,\n      size = `${Sizes.Medium}`,\n      bar,\n      borders,\n      outlined = false,\n      fullBar,\n      interactive,\n      onClick,\n      isClickable,\n      backgroundImage,\n      backgroundPosition,\n      children,\n      ...rest\n    },\n    ref,\n  ) => (\n    <Styled.InsetCard\n      ref={ref}\n      className={classNames(CARD_CLASS, className)}\n      $size={size}\n      $direction={Directions.Horizontal}\n      $outlined={outlined}\n      $isClickable={!!isClickable || !!onClick}\n      $interactive={interactive}\n      onClick={onClick}\n      $backgroundPosition={backgroundPosition}\n      $backgroundImage={backgroundImage}\n      {...rest}\n    >\n      <Styled.InsetCardBody>{children}</Styled.InsetCardBody>\n      {!!bar && (\n        <CardBar\n          size={size}\n          bar={bar}\n          borders={borders}\n          fullBar={fullBar}\n          padding={true}\n          direction={Directions.Vertical}\n          type=\"floatingFooter\"\n        />\n      )}\n    </Styled.InsetCard>\n  ),\n);\n\nexport default InsetCard;\n"],"names":["InsetCard","forwardRef","className","size","Sizes","bar","borders","outlined","fullBar","interactive","onClick","isClickable","backgroundImage","backgroundPosition","children","rest","ref","jsxs","Styled.InsetCard","classNames","CARD_CLASS","Directions","jsx","Styled.InsetCardBody","CardBar"],"mappings":";;;;;;;AASA,MAAMA,IAAYC;AAAA,EAChB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,IACtB,KAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MAEA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAWC,GAAYlB,CAAS;AAAA,MAC3C,OAAOC;AAAA,MACP,YAAYkB,EAAW;AAAA,MACvB,WAAWd;AAAA,MACX,cAAc,CAAC,CAACI,KAAe,CAAC,CAACD;AAAA,MACjC,cAAcD;AAAA,MACd,SAAAC;AAAA,MACA,qBAAqBG;AAAA,MACrB,kBAAkBD;AAAA,MACjB,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAO,EAACC,GAAA,EAAsB,UAAAT,GAAS;AAAA,QAC/B,CAAC,CAACT,KACD,gBAAAiB;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAArB;AAAA,YACA,KAAAE;AAAA,YACA,SAAAC;AAAA,YACA,SAAAE;AAAA,YACA,SAAS;AAAA,YACT,WAAWa,EAAW;AAAA,YACtB,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/build/esm/components/Card/components/CardBar/CardBar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardBar.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/components/CardBar/CardBar.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAKnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,KAAK,oBAAoB,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;AA4BtE,QAAA,MAAM,OAAO;;+UAuBZ,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"CardBar.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/components/CardBar/CardBar.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAKnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,KAAK,oBAAoB,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;AAgCtE,QAAA,MAAM,OAAO;;+UAuBZ,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/build/esm/components/Card/components/CardBar/CardBar.styles.js

@@ -4,24 +4,26 @@ import { Variables as u } from "../../../../react-base/src/theme/types/layer.js"
 import { Directions as l } from "../../../../react-base/src/consts/index.js";
 import g from "../../../Flexbox/Flexbox.js";
 const m = (o, r, t, a) => {
-  const n = o === "floatingFooter" ? c[t].innerCardPadding : c[t].padding, i = r === l.Vertical && o === "footer" && a ? 0 : n, e = r === l.Vertical && o === "header" && a ? 0 : n, f = r === l.Horizontal && o === "header" && a ? 0 : n, d = r === l.Horizontal && o === "footer" && a ? 0 : n;
-  return `padding: ${i}px ${f}px ${e}px ${d}px`;
-}, p = (o, r, t = !1) => {
+  const n = o === "floatingFooter" ? c[t].innerCardPadding : c[t].padding, i = r === l.Vertical && o === "footer" && a ? 0 : n, e = r === l.Vertical && o === "header" && a ? 0 : n, d = r === l.Horizontal && o === "header" && a ? 0 : n, f = r === l.Horizontal && o === "footer" && a ? 0 : n;
+  return `padding: ${i}px ${d}px ${e}px ${f}px`;
+}, h = (o, r, t = !1) => {
+  if (o === "floatingFooter" && t)
+    return "border-width: 1px";
   const a = t && r === l.Vertical && o === "footer" ? 1 : 0, n = t && r === l.Vertical && o === "header" ? 1 : 0, i = t && r === l.Horizontal && o === "header" ? 1 : 0, e = t && r === l.Horizontal && o === "footer" ? 1 : 0;
   return `border-width: ${a}px ${i}px ${n}px ${e}px`;
 }, V = x(g)`
-  ${({ $type: o, $size: r, $direction: t, $padding: a, $bgColor: n, $fullBar: i, $borders: e, theme: f }) => {
-  const d = f.layer({ foundation: "surface" });
+  ${({ $type: o, $size: r, $direction: t, $padding: a, $bgColor: n, $fullBar: i, $borders: e, theme: d }) => {
+  const f = d.layer({ foundation: "surface" });
   return s`
       display: flex;
       min-height: auto;
-      border-color: ${d[u.BorderOnFoundationSubtle]};
+      border-color: ${f[u.BorderOnFoundationSubtle]};
       border-style: solid;
-      ${p(o, t, e)};
+      ${h(o, t, e)};
       ${m(o, t, r, !e && !n && a === !0)};
 
       ${o === "floatingFooter" && s`
-        background-color: ${d[u.BackgroundFoundation]};
+        background-color: ${f[u.BackgroundFoundation]};
         border-radius: ${c[r].floatingBarBorderRadius}px;
         flex-basis: ${o === "floatingFooter" && i ? "100%" : "50%"};
       `}

package/build/esm/components/Card/components/CardBar/CardBar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardBar.styles.js","sources":["../../../../../../src/components/Card/components/CardBar/CardBar.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { CardConsts } from 'acinguiux-ds-react-base/components/Card';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { Directions } from 'acinguiux-ds-react-base/consts';\n\nimport type { ICardBarProps } from './CardBar.types';\nimport Flexbox from '../../../Flexbox/Flexbox';\n\ntype CardBarStylePropKeys = 'size' | 'type' | 'direction' | 'padding';\n\nconst getCardBarPadding = (\n  type: ICardBarProps['type'],\n  direction: ICardBarProps['direction'],\n  size: ICardBarProps['size'],\n  lessPadding: boolean,\n) => {\n  const paddingValue =\n    type === 'floatingFooter' ? CardConsts.consts[size].innerCardPadding : CardConsts.consts[size].padding;\n\n  const top = direction === Directions.Vertical && type === 'footer' && lessPadding ? 0 : paddingValue;\n  const bottom = direction === Directions.Vertical && type === 'header' && lessPadding ? 0 : paddingValue;\n  const right = direction === Directions.Horizontal && type === 'header' && lessPadding ? 0 : paddingValue;\n  const left = direction === Directions.Horizontal && type === 'footer' && lessPadding ? 0 : paddingValue;\n\n  return `padding: ${top}px ${right}px ${bottom}px ${left}px`;\n};\n\nconst getCardBarBorderWidth = (type: ICardBarProps['type'], direction: ICardBarProps['direction'], borders = false) => {\n  const top = borders && direction === Directions.Vertical && type === 'footer' ? 1 : 0;\n  const bottom = borders && direction === Directions.Vertical && type === 'header' ? 1 : 0;\n  const right = borders && direction === Directions.Horizontal && type === 'header' ? 1 : 0;\n  const left = borders && direction === Directions.Horizontal && type === 'footer' ? 1 : 0;\n\n  return `border-width: ${top}px ${right}px ${bottom}px ${left}px`;\n};\n\nconst CardBar = styled(Flexbox)<\n  Required<PickTransient<ICardBarProps, CardBarStylePropKeys>> &\n    PickTransient<ICardBarProps, 'fullBar' | 'borders' | 'bgColor'>\n>`\n  ${({ $type, $size, $direction, $padding, $bgColor, $fullBar, $borders, theme }) => {\n    const layer = theme.layer({ foundation: 'surface' });\n\n    return css`\n      display: flex;\n      min-height: auto;\n      border-color: ${layer[Variables.BorderOnFoundationSubtle]};\n      border-style: solid;\n      ${getCardBarBorderWidth($type, $direction, $borders)};\n      ${getCardBarPadding($type, $direction, $size, !$borders && !$bgColor && $padding === true)};\n\n      ${$type === 'floatingFooter' &&\n      css`\n        background-color: ${layer[Variables.BackgroundFoundation]};\n        border-radius: ${CardConsts.consts[$size].floatingBarBorderRadius}px;\n        flex-basis: ${$type === 'floatingFooter' && $fullBar ? '100%' : '50%'};\n      `}\n    `;\n  }};\n`;\n\nexport { CardBar };\n"],"names":["getCardBarPadding","type","direction","size","lessPadding","paddingValue","CardConsts.consts","top","Directions","bottom","right","left","getCardBarBorderWidth","borders","CardBar","styled","Flexbox","$type","$size","$direction","$padding","$bgColor","$fullBar","$borders","theme","layer","css","Variables"],"mappings":";;;;;AAWA,MAAMA,IAAoB,CACxBC,GACAC,GACAC,GACAC,MACG;AACH,QAAMC,IACJJ,MAAS,mBAAmBK,EAAkBH,CAAI,EAAE,mBAAmBG,EAAkBH,CAAI,EAAE,SAE3FI,IAAML,MAAcM,EAAW,YAAYP,MAAS,YAAYG,IAAc,IAAIC,GAClFI,IAASP,MAAcM,EAAW,YAAYP,MAAS,YAAYG,IAAc,IAAIC,GACrFK,IAAQR,MAAcM,EAAW,cAAcP,MAAS,YAAYG,IAAc,IAAIC,GACtFM,IAAOT,MAAcM,EAAW,cAAcP,MAAS,YAAYG,IAAc,IAAIC;AAE3F,SAAO,YAAYE,CAAG,MAAMG,CAAK,MAAMD,CAAM,MAAME,CAAI;AACzD,GAEMC,IAAwB,CAACX,GAA6BC,GAAuCW,IAAU,OAAU;AACrH,QAAMN,IAAMM,KAAWX,MAAcM,EAAW,YAAYP,MAAS,WAAW,IAAI,GAC9EQ,IAASI,KAAWX,MAAcM,EAAW,YAAYP,MAAS,WAAW,IAAI,GACjFS,IAAQG,KAAWX,MAAcM,EAAW,cAAcP,MAAS,WAAW,IAAI,GAClFU,IAAOE,KAAWX,MAAcM,EAAW,cAAcP,MAAS,WAAW,IAAI;AAEvF,SAAO,iBAAiBM,CAAG,MAAMG,CAAK,MAAMD,CAAM,MAAME,CAAI;AAC9D,GAEMG,IAAUC,EAAOC,CAAO;AAAA,IAI1B,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,YAAAC,GAAY,UAAAC,GAAU,UAAAC,GAAU,UAAAC,GAAU,UAAAC,GAAU,OAAAC,QAAY;AACjF,QAAMC,IAAQD,EAAM,MAAM,EAAE,YAAY,WAAW;AAEnD,SAAOE;AAAA;AAAA;AAAA,sBAGWD,EAAME,EAAU,wBAAwB,CAAC;AAAA;AAAA,QAEvDf,EAAsBK,GAAOE,GAAYI,CAAQ,CAAC;AAAA,QAClDvB,EAAkBiB,GAAOE,GAAYD,GAAO,CAACK,KAAY,CAACF,KAAYD,MAAa,EAAI,CAAC;AAAA;AAAA,QAExFH,MAAU,oBACZS;AAAA,4BACsBD,EAAME,EAAU,oBAAoB,CAAC;AAAA,yBACxCrB,EAAkBY,CAAK,EAAE,uBAAuB;AAAA,sBACnDD,MAAU,oBAAoBK,IAAW,SAAS,KAAK;AAAA,OACtE;AAAA;AAEL,CAAC;AAAA;"}
+{"version":3,"file":"CardBar.styles.js","sources":["../../../../../../src/components/Card/components/CardBar/CardBar.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { CardConsts } from 'acinguiux-ds-react-base/components/Card';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { Directions } from 'acinguiux-ds-react-base/consts';\n\nimport type { ICardBarProps } from './CardBar.types';\nimport Flexbox from '../../../Flexbox/Flexbox';\n\ntype CardBarStylePropKeys = 'size' | 'type' | 'direction' | 'padding';\n\nconst getCardBarPadding = (\n  type: ICardBarProps['type'],\n  direction: ICardBarProps['direction'],\n  size: ICardBarProps['size'],\n  lessPadding: boolean,\n) => {\n  const paddingValue =\n    type === 'floatingFooter' ? CardConsts.consts[size].innerCardPadding : CardConsts.consts[size].padding;\n\n  const top = direction === Directions.Vertical && type === 'footer' && lessPadding ? 0 : paddingValue;\n  const bottom = direction === Directions.Vertical && type === 'header' && lessPadding ? 0 : paddingValue;\n  const right = direction === Directions.Horizontal && type === 'header' && lessPadding ? 0 : paddingValue;\n  const left = direction === Directions.Horizontal && type === 'footer' && lessPadding ? 0 : paddingValue;\n\n  return `padding: ${top}px ${right}px ${bottom}px ${left}px`;\n};\n\nconst getCardBarBorderWidth = (type: ICardBarProps['type'], direction: ICardBarProps['direction'], borders = false) => {\n  if (type === 'floatingFooter' && borders) {\n    return `border-width: 1px`;\n  }\n\n  const top = borders && direction === Directions.Vertical && type === 'footer' ? 1 : 0;\n  const bottom = borders && direction === Directions.Vertical && type === 'header' ? 1 : 0;\n  const right = borders && direction === Directions.Horizontal && type === 'header' ? 1 : 0;\n  const left = borders && direction === Directions.Horizontal && type === 'footer' ? 1 : 0;\n\n  return `border-width: ${top}px ${right}px ${bottom}px ${left}px`;\n};\n\nconst CardBar = styled(Flexbox)<\n  Required<PickTransient<ICardBarProps, CardBarStylePropKeys>> &\n    PickTransient<ICardBarProps, 'fullBar' | 'borders' | 'bgColor'>\n>`\n  ${({ $type, $size, $direction, $padding, $bgColor, $fullBar, $borders, theme }) => {\n    const layer = theme.layer({ foundation: 'surface' });\n\n    return css`\n      display: flex;\n      min-height: auto;\n      border-color: ${layer[Variables.BorderOnFoundationSubtle]};\n      border-style: solid;\n      ${getCardBarBorderWidth($type, $direction, $borders)};\n      ${getCardBarPadding($type, $direction, $size, !$borders && !$bgColor && $padding === true)};\n\n      ${$type === 'floatingFooter' &&\n      css`\n        background-color: ${layer[Variables.BackgroundFoundation]};\n        border-radius: ${CardConsts.consts[$size].floatingBarBorderRadius}px;\n        flex-basis: ${$type === 'floatingFooter' && $fullBar ? '100%' : '50%'};\n      `}\n    `;\n  }};\n`;\n\nexport { CardBar };\n"],"names":["getCardBarPadding","type","direction","size","lessPadding","paddingValue","CardConsts.consts","top","Directions","bottom","right","left","getCardBarBorderWidth","borders","CardBar","styled","Flexbox","$type","$size","$direction","$padding","$bgColor","$fullBar","$borders","theme","layer","css","Variables"],"mappings":";;;;;AAWA,MAAMA,IAAoB,CACxBC,GACAC,GACAC,GACAC,MACG;AACH,QAAMC,IACJJ,MAAS,mBAAmBK,EAAkBH,CAAI,EAAE,mBAAmBG,EAAkBH,CAAI,EAAE,SAE3FI,IAAML,MAAcM,EAAW,YAAYP,MAAS,YAAYG,IAAc,IAAIC,GAClFI,IAASP,MAAcM,EAAW,YAAYP,MAAS,YAAYG,IAAc,IAAIC,GACrFK,IAAQR,MAAcM,EAAW,cAAcP,MAAS,YAAYG,IAAc,IAAIC,GACtFM,IAAOT,MAAcM,EAAW,cAAcP,MAAS,YAAYG,IAAc,IAAIC;AAE3F,SAAO,YAAYE,CAAG,MAAMG,CAAK,MAAMD,CAAM,MAAME,CAAI;AACzD,GAEMC,IAAwB,CAACX,GAA6BC,GAAuCW,IAAU,OAAU;AACrH,MAAIZ,MAAS,oBAAoBY;AAC/B,WAAO;AAGT,QAAMN,IAAMM,KAAWX,MAAcM,EAAW,YAAYP,MAAS,WAAW,IAAI,GAC9EQ,IAASI,KAAWX,MAAcM,EAAW,YAAYP,MAAS,WAAW,IAAI,GACjFS,IAAQG,KAAWX,MAAcM,EAAW,cAAcP,MAAS,WAAW,IAAI,GAClFU,IAAOE,KAAWX,MAAcM,EAAW,cAAcP,MAAS,WAAW,IAAI;AAEvF,SAAO,iBAAiBM,CAAG,MAAMG,CAAK,MAAMD,CAAM,MAAME,CAAI;AAC9D,GAEMG,IAAUC,EAAOC,CAAO;AAAA,IAI1B,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,YAAAC,GAAY,UAAAC,GAAU,UAAAC,GAAU,UAAAC,GAAU,UAAAC,GAAU,OAAAC,QAAY;AACjF,QAAMC,IAAQD,EAAM,MAAM,EAAE,YAAY,WAAW;AAEnD,SAAOE;AAAA;AAAA;AAAA,sBAGWD,EAAME,EAAU,wBAAwB,CAAC;AAAA;AAAA,QAEvDf,EAAsBK,GAAOE,GAAYI,CAAQ,CAAC;AAAA,QAClDvB,EAAkBiB,GAAOE,GAAYD,GAAO,CAACK,KAAY,CAACF,KAAYD,MAAa,EAAI,CAAC;AAAA;AAAA,QAExFH,MAAU,oBACZS;AAAA,4BACsBD,EAAME,EAAU,oBAAoB,CAAC;AAAA,yBACxCrB,EAAkBY,CAAK,EAAE,uBAAuB;AAAA,sBACnDD,MAAU,oBAAoBK,IAAW,SAAS,KAAK;AAAA,OACtE;AAAA;AAEL,CAAC;AAAA;"}

package/build/esm/components/Chart/Highcharts/HighchartsChart.d.ts

@@ -1,4 +1,5 @@
 import { HighchartsReactRefObject } from 'highcharts-react-official';
+import 'highcharts/modules/accessibility.js';
 import type { IHighchartsChartProps } from './HighchartsChart.types';
 declare const HighchartsChart: import("react").ForwardRefExoticComponent<Omit<IHighchartsChartProps, "ref"> & import("react").RefAttributes<HighchartsReactRefObject>>;
 export default HighchartsChart;

package/build/esm/components/Chart/Highcharts/HighchartsChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HighchartsChart.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chart/Highcharts/HighchartsChart.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAyC,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAM5G,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAcrE,QAAA,MAAM,eAAe,yIAwBpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"HighchartsChart.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chart/Highcharts/HighchartsChart.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAyC,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAE5G,OAAO,kCAAkC,CAAC;AAE1C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAcrE,QAAA,MAAM,eAAe,yIAcpB,CAAC;AAEF,eAAe,eAAe,CAAC"}