acinguiux-ds-react-framework 0.0.6 → 0.0.7

package/build/esm/components/Timeline/styles/label.styles.js

@@ -1,28 +1,25 @@
 import { css as o } from "styled-components";
-import { timelineConsts as m } from "../Timeline.consts.js";
-import { Sizes as r, Alignments as i, Directions as e } from "../../../react-base/src/consts.js";
-const n = o`
-  ${({ size: l, theme: a }) => o`
-    ${l === r.Small && a.label.extraSmall.normal};
-    ${l === r.Medium && a.label.small.normal};
-    ${l === r.Large && a.label.medium.normal};
-    ${l === r.XLarge && a.label.large.normal};
-  `}
-`, p = o`
-  ${({ size: l, $direction: a, stepAlignment: t }) => o`
-    ${n};
-
+import { getStepDotLabelFontStyle as f } from "../../../react-base/src/components/Timeline/Timeline.utils.js";
+import { Alignments as i, Directions as n } from "../../../react-base/src/consts.js";
+import { consts as a } from "../../../react-base/src/components/Timeline/Timeline.consts.js";
+const s = o`
+  ${({ size: t, $direction: l, noDotContent: e, stepAlignment: r, mirrored: m, theme: p }) => o`
+    ${f(p, t)}
     width: 100px;
-    text-align: ${t === i.Left || t === i.Right ? t : "left"};
+    text-align: ${r === i.Left || r === i.Right ? r : "left"};
 
-    ${a === e.Vertical && o`
-      margin-top: ${m[l].labelTopMargin}px;
-      margin-bottom: ${m[l].bottomMargin}px;
+    ${l === n.Vertical && o`
+      margin-top: ${e ? a[t].noContentLabelTopMargin : a[t].labelTopMargin}px;
+      margin-bottom: ${a[t].bottomMargin}px;
+    `}
+    
+    ${l === n.Horizontal && m && o`
+      justify-self: flex-end;
+      width: auto;
     `}
   `}
 `;
 export {
-  n as labelSizeStyles,
-  p as labelStyles
+  s as labelStyles
 };
 //# sourceMappingURL=label.styles.js.map

package/build/esm/components/Timeline/styles/label.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.styles.js","sources":["../../../../../src/components/Timeline/styles/label.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { Sizes, Alignments, Directions } from 'acinguiux-ds-react-base';\r\n\r\nimport { StyledTimelineStepLabelProps } from '../Timeline.types';\r\nimport { timelineConsts } from '../Timeline.consts';\r\n\r\nexport const labelSizeStyles = css<StyledTimelineStepLabelProps>`\r\n  ${({ size, theme }) => css`\r\n    ${size === Sizes.Small && theme.label.extraSmall.normal};\r\n    ${size === Sizes.Medium && theme.label.small.normal};\r\n    ${size === Sizes.Large && theme.label.medium.normal};\r\n    ${size === Sizes.XLarge && theme.label.large.normal};\r\n  `}\r\n`;\r\n\r\nexport const labelStyles = css<StyledTimelineStepLabelProps>`\r\n  ${({ size, $direction, stepAlignment }) => css`\r\n    ${labelSizeStyles};\r\n\r\n    width: 100px;\r\n    text-align: ${stepAlignment === Alignments.Left || stepAlignment === Alignments.Right ? stepAlignment : 'left'};\r\n\r\n    ${$direction === Directions.Vertical &&\r\n    css`\r\n      margin-top: ${timelineConsts[size].labelTopMargin}px;\r\n      margin-bottom: ${timelineConsts[size].bottomMargin}px;\r\n    `}\r\n  `}\r\n`;\r\n"],"names":["labelSizeStyles","css","size","theme","Sizes","labelStyles","$direction","stepAlignment","Alignments","Directions","timelineConsts"],"mappings":";;;AAMO,MAAMA,IAAkBC;AAAA,IAC3B,CAAC,EAAE,MAAAC,GAAM,OAAAC,EAAA,MAAYF;AAAA,MACnBC,MAASE,EAAM,SAASD,EAAM,MAAM,WAAW,MAAM;AAAA,MACrDD,MAASE,EAAM,UAAUD,EAAM,MAAM,MAAM,MAAM;AAAA,MACjDD,MAASE,EAAM,SAASD,EAAM,MAAM,OAAO,MAAM;AAAA,MACjDD,MAASE,EAAM,UAAUD,EAAM,MAAM,MAAM,MAAM;AAAA,GACpD;AAAA,GAGUE,IAAcJ;AAAA,IACvB,CAAC,EAAE,MAAAC,GAAM,YAAAI,GAAY,eAAAC,QAAoBN;AAAA,MACvCD,CAAe;AAAA;AAAA;AAAA,kBAGHO,MAAkBC,EAAW,QAAQD,MAAkBC,EAAW,QAAQD,IAAgB,MAAM;AAAA;AAAA,MAE5GD,MAAeG,EAAW,YAC5BR;AAAA,oBACgBS,EAAeR,CAAI,EAAE,cAAc;AAAA,uBAChCQ,EAAeR,CAAI,EAAE,YAAY;AAAA,KACnD;AAAA,GACF;AAAA;"}
+{"version":3,"file":"label.styles.js","sources":["../../../../../src/components/Timeline/styles/label.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { Alignments, Directions, TimelineUtils, TimelineConsts } from 'acinguiux-ds-react-base';\n\nimport { StyledTimelineStepLabelProps } from '../Timeline.types';\n\nexport const labelStyles = css<StyledTimelineStepLabelProps>`\n  ${({ size, $direction, noDotContent, stepAlignment, mirrored, theme }) => css`\n    ${TimelineUtils.getStepDotLabelFontStyle(theme, size)}\n    width: 100px;\n    text-align: ${stepAlignment === Alignments.Left || stepAlignment === Alignments.Right ? stepAlignment : 'left'};\n\n    ${$direction === Directions.Vertical && css`\n      margin-top: ${!noDotContent ? TimelineConsts.consts[size].labelTopMargin : TimelineConsts.consts[size].noContentLabelTopMargin}px;\n      margin-bottom: ${TimelineConsts.consts[size].bottomMargin}px;\n    `}\n    \n    ${$direction === Directions.Horizontal && mirrored && css`\n      justify-self: flex-end;\n      width: auto;\n    `}\n  `}\n`;\n"],"names":["labelStyles","css","size","$direction","noDotContent","stepAlignment","mirrored","theme","TimelineUtils.getStepDotLabelFontStyle","Alignments","Directions","TimelineConsts.consts"],"mappings":";;;;AAKO,MAAMA,IAAcC;AAAA,IACvB,CAAC,EAAE,MAAAC,GAAM,YAAAC,GAAY,cAAAC,GAAc,eAAAC,GAAe,UAAAC,GAAU,OAAAC,QAAYN;AAAA,MACtEO,EAAuCD,GAAOL,CAAI,CAAC;AAAA;AAAA,kBAEvCG,MAAkBI,EAAW,QAAQJ,MAAkBI,EAAW,QAAQJ,IAAgB,MAAM;AAAA;AAAA,MAE5GF,MAAeO,EAAW,YAAYT;AAAA,oBACvBG,IAA4DO,EAAsBT,CAAI,EAAE,0BAAzES,EAAsBT,CAAI,EAAE,cAAoE;AAAA,uBAC7GS,EAAsBT,CAAI,EAAE,YAAY;AAAA,KAC1D;AAAA;AAAA,MAECC,MAAeO,EAAW,cAAcJ,KAAYL;AAAA;AAAA;AAAA,KAGrD;AAAA,GACF;AAAA;"}

package/build/esm/components/Timeline/styles/lineStyles.d.ts

@@ -1,10 +1,10 @@
-import { Directions } from '..\..\..\react-base\src';
-import { ITimelineStepProps, TimelineStepConnectorType } from '../Timeline.types';
-export declare const lineStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<Required<Pick<ITimelineStepProps, "size" | "variant">> & Pick<ITimelineStepProps, "isFirstItem" | "isLastItem"> & Omit<Pick<ITimelineStepProps, "direction" | "loading" | "mirrored">, "direction" | "mirrored"> & {
+import { Directions, Sorts, TimelineTypes } from '..\..\..\react-base\src';
+export declare const lineStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<Required<Pick<TimelineTypes.IStepProps, "size" | "variant">> & Pick<TimelineTypes.IStepProps, "isFirstItem" | "isLastItem"> & Omit<Pick<TimelineTypes.IStepProps, "direction" | "loading" | "mirrored">, "direction" | "mirrored"> & {
     $direction?: Directions | undefined;
     $mirrored?: boolean | undefined;
 } & {
     isBottomConnector?: boolean | undefined;
-    connectorVariant?: TimelineStepConnectorType | undefined;
+    connectorVariant?: TimelineTypes.StepConnectorType | undefined;
+    sort?: Sorts | undefined;
 }, import("styled-components").DefaultTheme>>;
 //# sourceMappingURL=lineStyles.d.ts.map

package/build/esm/components/Timeline/styles/lineStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lineStyles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Timeline/styles/lineStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAY,MAAM,yBAAyB,CAAC;AAG1E,OAAO,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAElF,eAAO,MAAM,UAAU;;;;;;6CAwEtB,CAAC"}
+{"version":3,"file":"lineStyles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Timeline/styles/lineStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAY,KAAK,EAAkB,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGhH,eAAO,MAAM,UAAU;;;;;;;6CA6DtB,CAAC"}

package/build/esm/components/Timeline/styles/lineStyles.js

@@ -1,55 +1,56 @@
-import { css as r } from "styled-components";
-import { timelineConsts as l, timelineGap as t } from "../Timeline.consts.js";
-import { Directions as i, Variants as b } from "../../../react-base/src/consts.js";
-const m = r`
+import { css as d } from "styled-components";
+import { Directions as c, Variants as x, Sorts as s } from "../../../react-base/src/consts.js";
+import { consts as $, gap as S } from "../../../react-base/src/components/Timeline/Timeline.consts.js";
+const m = d`
   ${({
-  size: p,
-  $direction: u,
-  variant: f,
-  $mirrored: $,
-  isFirstItem: n,
-  isLastItem: e,
-  isBottomConnector: d,
-  connectorVariant: a,
-  theme: o
-}) => r`
-    ${u === i.Vertical && r`
-      height: calc(100% - (${l[p].size}px + ${t}px));
-      min-height: ${l[p].bottomMargin}px;
-
-      ${!e && r`
-        border-left: 2px ${f === b.Transparent ? "dotted" : "solid"}
-          ${o.onSurface.surface.default.border.medium};
-      `}
-
-      ${d && r`
-        border-left: 2px ${a || "solid"} ${o.onSurface.surface.default.border.medium};
+  size: l,
+  $direction: o,
+  variant: a,
+  $mirrored: r,
+  isFirstItem: i,
+  isLastItem: u,
+  isBottomConnector: p,
+  connectorVariant: f,
+  sort: b,
+  theme: e
+}) => d`
+    ${o === c.Vertical && d`
+      height: calc(100% - (${$[l].dotSize}px + ${S}px) + 40px);
+      min-height: ${$[l].timelineMinHeight}px;
+
+      ${!u && d`
+        border-left: 2px ${a === x.Transparent ? "dashed" : "solid"}
+          ${e.onSurface.surface.default.border.medium};
       `}
 
-      ${e && !d && r`
-        border-left: unset;
+      ${p && d`
+        border-left: 2px ${f || "solid"} ${e.onSurface.surface.default.border.medium};
       `}
     `}
 
-    ${u === i.Horizontal && r`
-      width: calc(100% - ${t}px);
-      min-width: ${l[p].bottomMargin}px;
+    ${o === c.Horizontal && d`
+      width: calc(100% - ${S}px);
+      min-width: ${$[l].timelineMinHeight}px;
 
-      ${(!e || e && $) && r`
-        border-top: 2px ${f === b.Transparent ? "dotted" : "solid"}
-          ${o.onSurface.surface.default.border.medium};
+      ${(!u || u && r) && d`
+        border-top: 2px ${a === x.Transparent ? "dashed" : "solid"}
+          ${e.onSurface.surface.default.border.medium};
       `}
 
-      ${d && r`
-        border-top: 2px ${a || "solid"} ${o.onSurface.surface.default.border.medium};
+      ${p && u && !r && b === s.Asc && d`
+        border-top: 2px ${f || "solid"} ${e.onSurface.surface.default.border.medium};
       `}
 
-      ${e && !$ && !d && r`
+      ${i && r && d`
         border-top: unset;
       `}
-
-      ${n && $ && r`
-        border-top: unset;
+      
+      ${i && r && p && d`
+        border-top: 2px ${f || "solid"} ${e.onSurface.surface.default.border.medium};
+      `}
+      
+      ${u && !r && p && b === s.Desc && d`
+        border-top: 2px ${f || "solid"} ${e.onSurface.surface.default.border.medium};
       `}
     `}
   `}

package/build/esm/components/Timeline/styles/lineStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"lineStyles.js","sources":["../../../../../src/components/Timeline/styles/lineStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { Transient, Directions, Variants } from 'acinguiux-ds-react-base';\r\n\r\nimport { timelineConsts, timelineGap } from '../Timeline.consts';\r\nimport { ITimelineStepProps, TimelineStepConnectorType } from '../Timeline.types';\r\n\r\nexport const lineStyles = css<\r\n  Required<Pick<ITimelineStepProps, 'size' | 'variant'>> &\r\n  Pick<ITimelineStepProps, 'isLastItem' | 'isFirstItem'> &\r\n  Transient<Pick<ITimelineStepProps, 'direction' | 'loading' | 'mirrored'>, 'direction' | 'mirrored'> & {\r\n    isBottomConnector?: boolean;\r\n    connectorVariant?: TimelineStepConnectorType;\r\n  }\r\n>`\r\n  ${({\r\n  size,\r\n  $direction,\r\n  variant,\r\n  $mirrored,\r\n  isFirstItem,\r\n  isLastItem,\r\n  isBottomConnector,\r\n  connectorVariant,\r\n  theme,\r\n}) => css`\r\n    ${$direction === Directions.Vertical &&\r\n  css`\r\n      height: calc(100% - (${timelineConsts[size].size}px + ${timelineGap}px));\r\n      min-height: ${timelineConsts[size].bottomMargin}px;\r\n\r\n      ${!isLastItem &&\r\n    css`\r\n        border-left: 2px ${variant === Variants.Transparent ? 'dotted' : 'solid'}\r\n          ${theme.onSurface.surface.default.border.medium};\r\n      `}\r\n\r\n      ${isBottomConnector &&\r\n    css`\r\n        border-left: 2px ${connectorVariant || 'solid'} ${theme.onSurface.surface.default.border.medium};\r\n      `}\r\n\r\n      ${isLastItem &&\r\n    !isBottomConnector &&\r\n    css`\r\n        border-left: unset;\r\n      `}\r\n    `}\r\n\r\n    ${$direction === Directions.Horizontal &&\r\n  css`\r\n      width: calc(100% - ${timelineGap}px);\r\n      min-width: ${timelineConsts[size].bottomMargin}px;\r\n\r\n      ${(!isLastItem || (isLastItem && $mirrored)) &&\r\n    css`\r\n        border-top: 2px ${variant === Variants.Transparent ? 'dotted' : 'solid'}\r\n          ${theme.onSurface.surface.default.border.medium};\r\n      `}\r\n\r\n      ${isBottomConnector &&\r\n    css`\r\n        border-top: 2px ${connectorVariant || 'solid'} ${theme.onSurface.surface.default.border.medium};\r\n      `}\r\n\r\n      ${isLastItem &&\r\n    !$mirrored &&\r\n    !isBottomConnector &&\r\n    css`\r\n        border-top: unset;\r\n      `}\r\n\r\n      ${isFirstItem &&\r\n    $mirrored &&\r\n    css`\r\n        border-top: unset;\r\n      `}\r\n    `}\r\n  `}\r\n`;\r\n"],"names":["lineStyles","css","size","$direction","variant","$mirrored","isFirstItem","isLastItem","isBottomConnector","connectorVariant","theme","Directions","timelineConsts","timelineGap","Variants"],"mappings":";;;AAMO,MAAMA,IAAaC;AAAA,IAQtB,CAAC;AAAA,EACH,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,OAAAC;AACF,MAAMT;AAAA,MACAE,MAAeQ,EAAW,YAC9BV;AAAA,6BAC2BW,EAAeV,CAAI,EAAE,IAAI,QAAQW,CAAW;AAAA,oBACrDD,EAAeV,CAAI,EAAE,YAAY;AAAA;AAAA,QAE7C,CAACK,KACLN;AAAA,2BACuBG,MAAYU,EAAS,cAAc,WAAW,OAAO;AAAA,YACpEJ,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA,OAClD;AAAA;AAAA,QAECF,KACJP;AAAA,2BACuBQ,KAAoB,OAAO,IAAIC,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA,OAChG;AAAA;AAAA,QAECH,KACJ,CAACC,KACDP;AAAA;AAAA,OAEG;AAAA,KACF;AAAA;AAAA,MAECE,MAAeQ,EAAW,cAC9BV;AAAA,2BACyBY,CAAW;AAAA,mBACnBD,EAAeV,CAAI,EAAE,YAAY;AAAA;AAAA,SAE3C,CAACK,KAAeA,KAAcF,MACnCJ;AAAA,0BACsBG,MAAYU,EAAS,cAAc,WAAW,OAAO;AAAA,YACnEJ,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA,OAClD;AAAA;AAAA,QAECF,KACJP;AAAA,0BACsBQ,KAAoB,OAAO,IAAIC,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA,OAC/F;AAAA;AAAA,QAECH,KACJ,CAACF,KACD,CAACG,KACDP;AAAA;AAAA,OAEG;AAAA;AAAA,QAECK,KACJD,KACAJ;AAAA;AAAA,OAEG;AAAA,KACF;AAAA,GACF;AAAA;"}
+{"version":3,"file":"lineStyles.js","sources":["../../../../../src/components/Timeline/styles/lineStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { Transient, Directions, Variants, Sorts, TimelineConsts, TimelineTypes } from 'acinguiux-ds-react-base';\n\n\nexport const lineStyles = css<\n  Required<Pick<TimelineTypes.IStepProps, 'size' | 'variant'>> &\n  Pick<TimelineTypes.IStepProps, 'isLastItem' | 'isFirstItem'> &\n  Transient<Pick<TimelineTypes.IStepProps, 'direction' | 'loading' | 'mirrored'>, 'direction' | 'mirrored'> & {\n    isBottomConnector?: boolean;\n    connectorVariant?: TimelineTypes.StepConnectorType;\n    sort?: TimelineTypes.Sort;\n  }\n>`\n  ${({\n  size,\n  $direction,\n  variant,\n  $mirrored,\n  isFirstItem,\n  isLastItem,\n  isBottomConnector,\n  connectorVariant,\n  sort,\n  theme,\n}) => css`\n    ${$direction === Directions.Vertical && css`\n      height: calc(100% - (${TimelineConsts.consts[size].dotSize}px + ${TimelineConsts.gap}px) + 40px);\n      min-height: ${TimelineConsts.consts[size].timelineMinHeight}px;\n\n      ${!isLastItem && css`\n        border-left: 2px ${variant === Variants.Transparent ? 'dashed' : 'solid'}\n          ${theme.onSurface.surface.default.border.medium};\n      `}\n\n      ${isBottomConnector && css`\n        border-left: 2px ${connectorVariant || 'solid'} ${theme.onSurface.surface.default.border.medium};\n      `}\n    `}\n\n    ${$direction === Directions.Horizontal && css`\n      width: calc(100% - ${TimelineConsts.gap}px);\n      min-width: ${TimelineConsts.consts[size].timelineMinHeight}px;\n\n      ${(!isLastItem || (isLastItem && $mirrored)) && css`\n        border-top: 2px ${variant === Variants.Transparent ? 'dashed' : 'solid'}\n          ${theme.onSurface.surface.default.border.medium};\n      `}\n\n      ${isBottomConnector && isLastItem && !$mirrored && sort === Sorts.Asc && css`\n        border-top: 2px ${connectorVariant || 'solid'} ${theme.onSurface.surface.default.border.medium};\n      `}\n\n      ${isFirstItem && $mirrored && css`\n        border-top: unset;\n      `}\n      \n      ${isFirstItem && $mirrored && isBottomConnector && css`\n        border-top: 2px ${connectorVariant || 'solid'} ${theme.onSurface.surface.default.border.medium};\n      `}\n      \n      ${isLastItem && !$mirrored && isBottomConnector && sort === Sorts.Desc && css`\n        border-top: 2px ${connectorVariant || 'solid'} ${theme.onSurface.surface.default.border.medium};\n      `}\n    `}\n  `}\n`;\n"],"names":["lineStyles","css","size","$direction","variant","$mirrored","isFirstItem","isLastItem","isBottomConnector","connectorVariant","sort","theme","Directions","TimelineConsts.consts","TimelineConsts.gap","Variants","Sorts"],"mappings":";;;AAIO,MAAMA,IAAaC;AAAA,IAStB,CAAC;AAAA,EACH,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AACF,MAAMV;AAAA,MACAE,MAAeS,EAAW,YAAYX;AAAA,6BACfY,EAAsBX,CAAI,EAAE,OAAO,QAAQY,CAAkB;AAAA,oBACtED,EAAsBX,CAAI,EAAE,iBAAiB;AAAA;AAAA,QAEzD,CAACK,KAAcN;AAAA,2BACIG,MAAYW,EAAS,cAAc,WAAW,OAAO;AAAA,YACpEJ,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA,OAClD;AAAA;AAAA,QAECH,KAAqBP;AAAA,2BACFQ,KAAoB,OAAO,IAAIE,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA,OAChG;AAAA,KACF;AAAA;AAAA,MAECR,MAAeS,EAAW,cAAcX;AAAA,2BACnBa,CAAkB;AAAA,mBAC1BD,EAAsBX,CAAI,EAAE,iBAAiB;AAAA;AAAA,SAEvD,CAACK,KAAeA,KAAcF,MAAeJ;AAAA,0BAC5BG,MAAYW,EAAS,cAAc,WAAW,OAAO;AAAA,YACnEJ,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA,OAClD;AAAA;AAAA,QAECH,KAAqBD,KAAc,CAACF,KAAaK,MAASM,EAAM,OAAOf;AAAA,0BACrDQ,KAAoB,OAAO,IAAIE,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA,OAC/F;AAAA;AAAA,QAECL,KAAeD,KAAaJ;AAAA;AAAA,OAE7B;AAAA;AAAA,QAECK,KAAeD,KAAaG,KAAqBP;AAAA,0BAC/BQ,KAAoB,OAAO,IAAIE,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA,OAC/F;AAAA;AAAA,QAECJ,KAAc,CAACF,KAAaG,KAAqBE,MAASM,EAAM,QAAQf;AAAA,0BACtDQ,KAAoB,OAAO,IAAIE,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA,OAC/F;AAAA,KACF;AAAA,GACF;AAAA;"}

package/build/esm/components/Timeline/styles/verticalStepStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"verticalStepStyles.js","sources":["../../../../../src/components/Timeline/styles/verticalStepStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { Directions, Alignments } from 'acinguiux-ds-react-base';\n\nimport {\n  verticalAlignmentLeftStyles,\n  verticalAlignmentRightStyles,\n  verticalAlignmentAlternateStyles,\n} from './alignments.styles';\nimport { StyledTimelineStepProps } from '../Timeline.types';\n\nexport const verticalStepStyles = css<StyledTimelineStepProps>`\n  ${({ $direction, timelineAlignment, alternate }) => css`\n    ${$direction === Directions.Vertical &&\n    css`\n      ${timelineAlignment === Alignments.Left &&\n      css`\n        ${verticalAlignmentLeftStyles};\n      `}\n\n      ${timelineAlignment === Alignments.Right &&\n      css`\n        ${verticalAlignmentRightStyles};\n      `}\n\n      ${alternate &&\n      css`\n        ${verticalAlignmentAlternateStyles};\n      `};\n    `}\n  `}\n`;\n"],"names":["verticalStepStyles","css","$direction","timelineAlignment","alternate","Directions","Alignments","verticalAlignmentLeftStyles","verticalAlignmentRightStyles","verticalAlignmentAlternateStyles"],"mappings":";;;AAUO,MAAMA,IAAqBC;AAAA,IAC9B,CAAC,EAAE,YAAAC,GAAY,mBAAAC,GAAmB,WAAAC,QAAgBH;AAAA,MAChDC,MAAeG,EAAW,YAC5BJ;AAAA,QACIE,MAAsBG,EAAW,QACnCL;AAAA,UACIM,CAA2B;AAAA,OAC9B;AAAA;AAAA,QAECJ,MAAsBG,EAAW,SACnCL;AAAA,UACIO,CAA4B;AAAA,OAC/B;AAAA;AAAA,QAECJ,KACFH;AAAA,UACIQ,CAAgC;AAAA,OACnC;AAAA,KACF;AAAA,GACF;AAAA;"}
+{"version":3,"file":"verticalStepStyles.js","sources":["../../../../../src/components/Timeline/styles/verticalStepStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { Directions, Alignments } from 'acinguiux-ds-react-base';\n\nimport {\n  verticalAlignmentLeftStyles,\n  verticalAlignmentRightStyles,\n  verticalAlignmentAlternateStyles,\n} from './alignments.styles';\nimport { StyledTimelineStepProps } from '../Timeline.types';\n\nexport const verticalStepStyles = css<StyledTimelineStepProps>`\n  ${({ $direction, timelineAlignment, alternate }) => css`\n    ${$direction === Directions.Vertical &&\n    css`\n      ${timelineAlignment === Alignments.Left &&\n      css`\n        ${verticalAlignmentLeftStyles};\n      `}\n\n      ${timelineAlignment === Alignments.Right &&\n      css`\n        ${verticalAlignmentRightStyles};\n      `}\n\n      ${alternate &&\n      css`\n        ${verticalAlignmentAlternateStyles};\n      `};\n    `}\n  `}\n`;\n"],"names":["verticalStepStyles","css","$direction","timelineAlignment","alternate","Directions","Alignments","verticalAlignmentLeftStyles","verticalAlignmentRightStyles","verticalAlignmentAlternateStyles"],"mappings":";;;AAUO,MAAMA,IAAqBC;AAAA,IAC9B,CAAC,EAAE,YAAAC,GAAY,mBAAAC,GAAmB,WAAAC,EAAgB,MAAAH;AAAA,MAChDC,MAAeG,EAAW,YAC5BJ;AAAA,QACIE,MAAsBG,EAAW,QACnCL;AAAA,UACIM,CAA2B;AAAA,OAC9B;AAAA;AAAA,QAECJ,MAAsBG,EAAW,SACnCL;AAAA,UACIO,CAA4B;AAAA,OAC/B;AAAA;AAAA,QAECJ,KACFH;AAAA,UACIQ,CAAgC;AAAA,OACnC;AAAA,KACF;AAAA,GACF;AAAA;"}

package/build/esm/components/Toggle/Toggle.js

@@ -1,51 +1,51 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import d from "classnames";
-import { ToggleWrapper as S, Toggle as $, ToggleLabel as L } from "./Toggle.styles.js";
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import c from "classnames";
+import { ToggleWrapper as S, Toggle as L, ToggleLabel as $ } from "./Toggle.styles.js";
 import { TOGGLE_CLASS as u, TOGGLE_SWITCH_CLASS as x, Sizes as C } from "../../react-base/src/consts.js";
-const G = c(
+const E = d(
   ({
-    className: i,
+    className: t,
     size: e = C.Medium,
     label: r,
     checked: o,
     disabled: s = !1,
     emphasis: m = !0,
-    mirrored: g = !1,
-    wrapperProps: f,
-    title: l,
-    ...p
-  }, a) => {
-    const T = l || typeof r == "string" && r || void 0;
+    mirrored: f = !1,
+    wrapperProps: g,
+    title: p,
+    ...a
+  }, l) => {
+    const T = p || typeof r == "string" && r || void 0;
     return /* @__PURE__ */ n(
       S,
       {
-        className: d(u, i),
+        className: c(u, t),
         size: e,
         $checked: o,
-        $mirrored: g,
+        $mirrored: f,
         $disabled: s,
         $emphasis: m,
-        ...f,
+        ...g,
         children: [
-          /* @__PURE__ */ t(
-            $,
+          /* @__PURE__ */ i(
+            L,
             {
-              ref: a,
+              ref: l,
               prefixCls: x,
               checked: o,
               disabled: s,
               title: T,
-              ...p
+              ...a
             }
           ),
-          !!r && /* @__PURE__ */ t(L, { size: e, children: r })
+          !!r && /* @__PURE__ */ i($, { size: e, children: r })
         ]
       }
     );
   }
-), N = G;
+);
 export {
-  N as default
+  E as default
 };
 //# sourceMappingURL=Toggle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sources":["../../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Sizes, TOGGLE_CLASS, TOGGLE_SWITCH_CLASS } from 'acinguiux-ds-react-base';\r\n\r\nimport * as Styled from './Toggle.styles';\r\nimport { IToggleProps } from './Toggle.types';\r\n\r\nconst Toggle = forwardRef(\r\n  (\r\n    {\r\n      className,\r\n      size = Sizes.Medium,\r\n      label,\r\n      checked,\r\n      disabled = false,\r\n      emphasis = true,\r\n      mirrored = false,\r\n      wrapperProps,\r\n      title,\r\n      ...rest\r\n    }: IToggleProps,\r\n    ref: ForwardedRef<HTMLButtonElement>,\r\n  ): ReactElement => {\r\n    const innerTitle = title || (typeof label === 'string' && label) || undefined;\r\n\r\n    return (\r\n      <Styled.ToggleWrapper\r\n        className={classNames(TOGGLE_CLASS, className)}\r\n        size={size}\r\n        $checked={checked}\r\n        $mirrored={mirrored}\r\n        $disabled={disabled}\r\n        $emphasis={emphasis}\r\n        {...wrapperProps}\r\n      >\r\n        <Styled.Toggle\r\n          ref={ref}\r\n          prefixCls={TOGGLE_SWITCH_CLASS}\r\n          checked={checked}\r\n          disabled={disabled}\r\n          title={innerTitle}\r\n          {...rest}\r\n        />\r\n        {!!label && <Styled.ToggleLabel size={size}>{label}</Styled.ToggleLabel>}\r\n      </Styled.ToggleWrapper>\r\n    );\r\n  },\r\n);\r\n\r\nexport default Toggle;\r\n"],"names":["Toggle","forwardRef","className","size","Sizes","label","checked","disabled","emphasis","mirrored","wrapperProps","title","rest","ref","innerTitle","jsxs","Styled.ToggleWrapper","classNames","TOGGLE_CLASS","jsx","Styled.Toggle","TOGGLE_SWITCH_CLASS","Styled.ToggleLabel","Toggle$1"],"mappings":";;;;;AAQA,MAAMA,IAASC;AAAA,EACb,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACiB;AACjB,UAAMC,IAAaH,KAAU,OAAON,KAAU,YAAYA,KAAU;AAGlE,WAAA,gBAAAU;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAchB,CAAS;AAAA,QAC7C,MAAAC;AAAA,QACA,UAAUG;AAAA,QACV,WAAWG;AAAA,QACX,WAAWF;AAAA,QACX,WAAWC;AAAA,QACV,GAAGE;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAS;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,KAAAP;AAAA,cACA,WAAWQ;AAAA,cACX,SAAAf;AAAA,cACA,UAAAC;AAAA,cACA,OAAOO;AAAA,cACN,GAAGF;AAAA,YAAA;AAAA,UACN;AAAA,UACC,CAAC,CAACP,KAAS,gBAAAc,EAACG,GAAA,EAAmB,MAAAnB,GAAa,UAAME,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGzD;AACF,GAEAkB,IAAevB;"}
+{"version":3,"file":"Toggle.js","sources":["../../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, TOGGLE_CLASS, TOGGLE_SWITCH_CLASS } from 'acinguiux-ds-react-base';\n\nimport * as Styled from './Toggle.styles';\nimport { IToggleProps } from './Toggle.types';\n\nconst Toggle = forwardRef(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      label,\n      checked,\n      disabled = false,\n      emphasis = true,\n      mirrored = false,\n      wrapperProps,\n      title,\n      ...rest\n    }: IToggleProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n  ): ReactElement => {\n    const innerTitle = title || (typeof label === 'string' && label) || undefined;\n\n    return (\n      <Styled.ToggleWrapper\n        className={classNames(TOGGLE_CLASS, className)}\n        size={size}\n        $checked={checked}\n        $mirrored={mirrored}\n        $disabled={disabled}\n        $emphasis={emphasis}\n        {...wrapperProps}\n      >\n        <Styled.Toggle\n          ref={ref}\n          prefixCls={TOGGLE_SWITCH_CLASS}\n          checked={checked}\n          disabled={disabled}\n          title={innerTitle}\n          {...rest}\n        />\n        {!!label && <Styled.ToggleLabel size={size}>{label}</Styled.ToggleLabel>}\n      </Styled.ToggleWrapper>\n    );\n  },\n);\n\nexport default Toggle;\n"],"names":["Toggle","forwardRef","className","size","Sizes","label","checked","disabled","emphasis","mirrored","wrapperProps","title","rest","ref","innerTitle","jsxs","Styled.ToggleWrapper","classNames","TOGGLE_CLASS","jsx","Styled.Toggle","TOGGLE_SWITCH_CLASS","Styled.ToggleLabel"],"mappings":";;;;;AAQA,MAAMA,IAASC;AAAA,EACb,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACiB;AACjB,UAAMC,IAAaH,KAAU,OAAON,KAAU,YAAYA,KAAU;AAGlE,WAAA,gBAAAU;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAchB,CAAS;AAAA,QAC7C,MAAAC;AAAA,QACA,UAAUG;AAAA,QACV,WAAWG;AAAA,QACX,WAAWF;AAAA,QACX,WAAWC;AAAA,QACV,GAAGE;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAS;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,KAAAP;AAAA,cACA,WAAWQ;AAAA,cACX,SAAAf;AAAA,cACA,UAAAC;AAAA,cACA,OAAOO;AAAA,cACN,GAAGF;AAAA,YAAA;AAAA,UACN;AAAA,UACC,CAAC,CAACP,KAAS,gBAAAc,EAACG,GAAA,EAAmB,MAAAnB,GAAa,UAAME,EAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACrD;AAAA,EAAA;AAGN;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.styles.js","sources":["../../../../src/components/Toggle/Toggle.styles.ts"],"sourcesContent":["import Switch from 'rc-switch';\r\nimport styled, { css } from 'styled-components';\r\nimport {\r\n  Transient,\r\n  TOGGLE_SWITCH_CLASS,\r\n  getLabelFontStyles,\r\n  ToggleConsts,\r\n  ToggleUtils,\r\n  ToggleTypes,\r\n  InputUtils,\r\n  Sizes,\r\n} from 'acinguiux-ds-react-base';\r\nimport { States, StateType } from 'acinguiux-ds-fabrics';\r\n\r\nimport { IToggleProps } from './Toggle.types';\r\nimport { getFocusStyles } from '../../utils/styleUtils';\r\n\r\nconst { consts } = ToggleConsts;\r\n\r\nconst Toggle: any = styled(Switch) <Required<Pick<IToggleProps, 'size'>>>``;\r\n\r\nconst ToggleLabel = styled.label<Pick<IToggleProps, 'size'>>`\r\n  ${({ size, theme }) => css`\r\n    ${size === Sizes.XSmall && theme.label[Sizes.Small].normal};\r\n    ${(size === Sizes.Small || size === Sizes.Medium) && theme.label[Sizes.Medium].normal};\r\n    ${size === Sizes.Large && theme.label[Sizes.Large].normal};\r\n  `};\r\n`;\r\n\r\nconst ToggleWrapper = styled.div<\r\n  Required<Pick<IToggleProps, 'size'>> &\r\n  Transient<\r\n    Pick<IToggleProps, 'checked' | 'disabled' | 'mirrored' | 'emphasis'>,\r\n    'checked' | 'disabled' | 'mirrored' | 'emphasis'\r\n  >\r\n>`\r\n  ${({ size, $checked, $disabled, $mirrored, $emphasis, theme }) => {\r\n    const getStyles = (state?: StateType, checked?: boolean) =>\r\n      ToggleUtils.getStyles(state, $disabled, $emphasis, $checked || checked);\r\n\r\n    const { width, height, circle } = consts[size];\r\n\r\n    return css`\r\n      display: flex;\r\n      flex-direction: ${$mirrored ? 'row-reverse' : 'row'};\r\n      align-items: center;\r\n      gap: ${consts[size].labelSpacing}px;\r\n\r\n      ${ToggleLabel} {\r\n        ${getLabelFontStyles(theme, $disabled)};\r\n      }\r\n\r\n      ${Toggle} {\r\n        position: relative;\r\n        width: ${width}px;\r\n        height: ${height}px;\r\n        cursor: ${$disabled ? 'no-drop' : 'pointer'};\r\n        transition: background-color 0.3s ease-out;\r\n        ${InputUtils.getInputBorderStyles(size as ToggleTypes.Size, true)};\r\n        border-radius: 16px;\r\n        ${getStyles()};\r\n\r\n        &:focus-visible {\r\n          ${getFocusStyles(theme)};\r\n        }\r\n\r\n        &::after {\r\n          position: absolute;\r\n          left: ${circle.offset}px;\r\n          top: ${circle.offset}px;\r\n          width: ${circle.size}px;\r\n          height: ${circle.size}px;\r\n          border-radius: ${circle.size / 2}px;\r\n          content: '';\r\n          cursor: ${$disabled ? 'no-drop' : 'pointer'};\r\n          transition: width 0.3s ease-out, transform 0.3s ease-out;\r\n          background-color: ${getStyles().color};\r\n        }\r\n\r\n        &.${TOGGLE_SWITCH_CLASS}-checked {\r\n          border: none;\r\n\r\n          &::after {\r\n            left: ${circle.checkedOffset}px;\r\n            top: ${circle.checkedOffset}px;\r\n            width: ${circle.checkedSize}px;\r\n            height: ${circle.checkedSize}px;\r\n            border-radius: ${circle.checkedSize / 2}px;\r\n            transform: translateX(${circle.onPosition}px);\r\n          }\r\n        }\r\n\r\n        ${!$disabled &&\r\n      css`\r\n          &:hover {\r\n            ${getStyles(States.Hover)};\r\n          }\r\n\r\n          &:active {\r\n            ${getStyles(States.Active)};\r\n            &::after {\r\n              width: ${circle.pressedSize}px;\r\n            }\r\n          }\r\n\r\n          &.${TOGGLE_SWITCH_CLASS}-checked {\r\n            ${getStyles(States.Default, true)};\r\n            &::after {\r\n              background-color: ${getStyles(States.Default, true).color};\r\n            }\r\n\r\n            &:hover {\r\n              ${getStyles(States.Hover, true)};\r\n              &::after {\r\n                background-color: ${getStyles(States.Hover, true).color};\r\n              }\r\n            }\r\n\r\n            &:active {\r\n              ${getStyles(States.Active, true)};\r\n              &::after {\r\n                transform: translateX(${circle.onPosition - circle.pressedSize + circle.checkedSize}px);\r\n                background-color: ${getStyles(States.Active, true).color};\r\n              }\r\n            }\r\n          }\r\n        `}\r\n      }\r\n    `;\r\n  }}\r\n`;\r\n\r\nexport { Toggle, ToggleLabel, ToggleWrapper };\r\n"],"names":["consts","ToggleConsts","Toggle","styled","Switch","ToggleLabel","size","theme","css","Sizes","ToggleWrapper","$checked","$disabled","$mirrored","$emphasis","getStyles","state","checked","ToggleUtils.getStyles","width","height","circle","getLabelFontStyles","InputUtils.getInputBorderStyles","getFocusStyles","TOGGLE_SWITCH_CLASS","States"],"mappings":";;;;;;;;;AAiBA,MAAM,EAAE,QAAAA,EAAW,IAAAC,GAEbC,IAAcC,EAAOC,CAAM,KAE3BC,IAAcF,EAAO;AAAA,IACvB,CAAC,EAAE,MAAAG,GAAM,OAAAC,EAAA,MAAYC;AAAA,MACnBF,MAASG,EAAM,UAAUF,EAAM,MAAME,EAAM,KAAK,EAAE,MAAM;AAAA,OACvDH,MAASG,EAAM,SAASH,MAASG,EAAM,WAAWF,EAAM,MAAME,EAAM,MAAM,EAAE,MAAM;AAAA,MACnFH,MAASG,EAAM,SAASF,EAAM,MAAME,EAAM,KAAK,EAAE,MAAM;AAAA,GAC1D;AAAA,GAGGC,IAAgBP,EAAO;AAAA,IAOzB,CAAC,EAAE,MAAAG,GAAM,UAAAK,GAAU,WAAAC,GAAW,WAAAC,GAAW,WAAAC,GAAW,OAAAP,QAAY;AAC1D,QAAAQ,IAAY,CAACC,GAAmBC,MACpCC,EAAsBF,GAAOJ,GAAWE,GAAWH,KAAYM,CAAO,GAElE,EAAE,OAAAE,GAAO,QAAAC,GAAQ,QAAAC,EAAO,IAAIrB,EAAOM,CAAI;AAEtC,SAAAE;AAAA;AAAA,wBAEaK,IAAY,gBAAgB,KAAK;AAAA;AAAA,aAE5Cb,EAAOM,CAAI,EAAE,YAAY;AAAA;AAAA,QAE9BD,CAAW;AAAA,UACTiB,EAAmBf,GAAOK,CAAS,CAAC;AAAA;AAAA;AAAA,QAGtCV,CAAM;AAAA;AAAA,iBAEGiB,CAAK;AAAA,kBACJC,CAAM;AAAA,kBACNR,IAAY,YAAY,SAAS;AAAA;AAAA,UAEzCW,EAAgCjB,GAA0B,EAAI,CAAC;AAAA;AAAA,UAE/DS,GAAW;AAAA;AAAA;AAAA,YAGTS,EAAejB,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKfc,EAAO,MAAM;AAAA,iBACdA,EAAO,MAAM;AAAA,mBACXA,EAAO,IAAI;AAAA,oBACVA,EAAO,IAAI;AAAA,2BACJA,EAAO,OAAO,CAAC;AAAA;AAAA,oBAEtBT,IAAY,YAAY,SAAS;AAAA;AAAA,8BAEvBG,IAAY,KAAK;AAAA;AAAA;AAAA,YAGnCU,CAAmB;AAAA;AAAA;AAAA;AAAA,oBAIXJ,EAAO,aAAa;AAAA,mBACrBA,EAAO,aAAa;AAAA,qBAClBA,EAAO,WAAW;AAAA,sBACjBA,EAAO,WAAW;AAAA,6BACXA,EAAO,cAAc,CAAC;AAAA,oCACfA,EAAO,UAAU;AAAA;AAAA;AAAA;AAAA,UAI3C,CAACT,KACLJ;AAAA;AAAA,cAEQO,EAAUW,EAAO,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,cAIvBX,EAAUW,EAAO,MAAM,CAAC;AAAA;AAAA,uBAEfL,EAAO,WAAW;AAAA;AAAA;AAAA;AAAA,cAI3BI,CAAmB;AAAA,cACnBV,EAAUW,EAAO,SAAS,EAAI,CAAC;AAAA;AAAA,kCAEXX,EAAUW,EAAO,SAAS,EAAI,EAAE,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIvDX,EAAUW,EAAO,OAAO,EAAI,CAAC;AAAA;AAAA,oCAETX,EAAUW,EAAO,OAAO,EAAI,EAAE,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKvDX,EAAUW,EAAO,QAAQ,EAAI,CAAC;AAAA;AAAA,wCAENL,EAAO,aAAaA,EAAO,cAAcA,EAAO,WAAW;AAAA,oCAC/DN,EAAUW,EAAO,QAAQ,EAAI,EAAE,KAAK;AAAA;AAAA;AAAA;AAAA,SAI/D;AAAA;AAAA;AAGP,CAAC;AAAA;"}
+{"version":3,"file":"Toggle.styles.js","sources":["../../../../src/components/Toggle/Toggle.styles.ts"],"sourcesContent":["import Switch from 'rc-switch';\nimport styled, { css } from 'styled-components';\nimport {\n  Transient,\n  TOGGLE_SWITCH_CLASS,\n  getLabelFontStyles,\n  ToggleConsts,\n  ToggleUtils,\n  ToggleTypes,\n  InputUtils,\n  Sizes,\n} from 'acinguiux-ds-react-base';\nimport { States, StateType } from 'acinguiux-ds-fabrics';\n\nimport { IToggleProps } from './Toggle.types';\nimport { getFocusStyles } from '../../utils/styleUtils';\n\nconst { consts } = ToggleConsts;\n\nconst Toggle: any = styled(Switch) <Required<Pick<IToggleProps, 'size'>>>``;\n\nconst ToggleLabel = styled.label<Pick<IToggleProps, 'size'>>`\n  ${({ size, theme }) => css`\n    ${size === Sizes.XSmall && theme.label[Sizes.Small].normal};\n    ${(size === Sizes.Small || size === Sizes.Medium) && theme.label[Sizes.Medium].normal};\n    ${size === Sizes.Large && theme.label[Sizes.Large].normal};\n  `};\n`;\n\nconst ToggleWrapper = styled.div<\n  Required<Pick<IToggleProps, 'size'>> &\n  Transient<\n    Pick<IToggleProps, 'checked' | 'disabled' | 'mirrored' | 'emphasis'>,\n    'checked' | 'disabled' | 'mirrored' | 'emphasis'\n  >\n>`\n  ${({ size, $checked, $disabled, $mirrored, $emphasis, theme }) => {\n    const getStyles = (state?: StateType, checked?: boolean) =>\n      ToggleUtils.getStyles(state, $disabled, $emphasis, $checked || checked);\n\n    const { width, height, circle } = consts[size];\n\n    return css`\n      display: flex;\n      flex-direction: ${$mirrored ? 'row-reverse' : 'row'};\n      align-items: center;\n      gap: ${consts[size].labelSpacing}px;\n\n      ${ToggleLabel} {\n        ${getLabelFontStyles(theme, $disabled)};\n      }\n\n      ${Toggle} {\n        position: relative;\n        width: ${width}px;\n        height: ${height}px;\n        cursor: ${$disabled ? 'no-drop' : 'pointer'};\n        transition: background-color 0.3s ease-out;\n        ${InputUtils.getInputBorderStyles(size as ToggleTypes.Size, true)};\n        border-radius: 16px;\n        ${getStyles()};\n\n        &:focus-visible {\n          ${getFocusStyles(theme)};\n        }\n\n        &::after {\n          position: absolute;\n          left: ${circle.offset}px;\n          top: ${circle.offset}px;\n          width: ${circle.size}px;\n          height: ${circle.size}px;\n          border-radius: ${circle.size / 2}px;\n          content: '';\n          cursor: ${$disabled ? 'no-drop' : 'pointer'};\n          transition: width 0.3s ease-out, transform 0.3s ease-out;\n          background-color: ${getStyles().color};\n        }\n\n        &.${TOGGLE_SWITCH_CLASS}-checked {\n          border: none;\n\n          &::after {\n            left: ${circle.checkedOffset}px;\n            top: ${circle.checkedOffset}px;\n            width: ${circle.checkedSize}px;\n            height: ${circle.checkedSize}px;\n            border-radius: ${circle.checkedSize / 2}px;\n            transform: translateX(${circle.onPosition}px);\n          }\n        }\n\n        ${!$disabled &&\n      css`\n          &:hover {\n            ${getStyles(States.Hover)};\n          }\n\n          &:active {\n            ${getStyles(States.Active)};\n            &::after {\n              width: ${circle.pressedSize}px;\n            }\n          }\n\n          &.${TOGGLE_SWITCH_CLASS}-checked {\n            ${getStyles(States.Default, true)};\n            &::after {\n              background-color: ${getStyles(States.Default, true).color};\n            }\n\n            &:hover {\n              ${getStyles(States.Hover, true)};\n              &::after {\n                background-color: ${getStyles(States.Hover, true).color};\n              }\n            }\n\n            &:active {\n              ${getStyles(States.Active, true)};\n              &::after {\n                transform: translateX(${circle.onPosition - circle.pressedSize + circle.checkedSize}px);\n                background-color: ${getStyles(States.Active, true).color};\n              }\n            }\n          }\n        `}\n      }\n    `;\n  }}\n`;\n\nexport { Toggle, ToggleLabel, ToggleWrapper };\n"],"names":["consts","ToggleConsts","Toggle","styled","Switch","ToggleLabel","size","theme","css","Sizes","ToggleWrapper","$checked","$disabled","$mirrored","$emphasis","getStyles","state","checked","ToggleUtils.getStyles","width","height","circle","getLabelFontStyles","InputUtils.getInputBorderStyles","getFocusStyles","TOGGLE_SWITCH_CLASS","States"],"mappings":";;;;;;;;;AAiBA,MAAM,EAAE,QAAAA,EAAW,IAAAC,GAEbC,IAAcC,EAAOC,CAAM,KAE3BC,IAAcF,EAAO;AAAA,IACvB,CAAC,EAAE,MAAAG,GAAM,OAAAC,EAAA,MAAYC;AAAA,MACnBF,MAASG,EAAM,UAAUF,EAAM,MAAME,EAAM,KAAK,EAAE,MAAM;AAAA,OACvDH,MAASG,EAAM,SAASH,MAASG,EAAM,WAAWF,EAAM,MAAME,EAAM,MAAM,EAAE,MAAM;AAAA,MACnFH,MAASG,EAAM,SAASF,EAAM,MAAME,EAAM,KAAK,EAAE,MAAM;AAAA,GAC1D;AAAA,GAGGC,IAAgBP,EAAO;AAAA,IAOzB,CAAC,EAAE,MAAAG,GAAM,UAAAK,GAAU,WAAAC,GAAW,WAAAC,GAAW,WAAAC,GAAW,OAAAP,QAAY;AAC1D,QAAAQ,IAAY,CAACC,GAAmBC,MACpCC,EAAsBF,GAAOJ,GAAWE,GAAWH,KAAYM,CAAO,GAElE,EAAE,OAAAE,GAAO,QAAAC,GAAQ,QAAAC,EAAO,IAAIrB,EAAOM,CAAI;AAEtC,SAAAE;AAAA;AAAA,wBAEaK,IAAY,gBAAgB,KAAK;AAAA;AAAA,aAE5Cb,EAAOM,CAAI,EAAE,YAAY;AAAA;AAAA,QAE9BD,CAAW;AAAA,UACTiB,EAAmBf,GAAOK,CAAS,CAAC;AAAA;AAAA;AAAA,QAGtCV,CAAM;AAAA;AAAA,iBAEGiB,CAAK;AAAA,kBACJC,CAAM;AAAA,kBACNR,IAAY,YAAY,SAAS;AAAA;AAAA,UAEzCW,EAAgCjB,GAA0B,EAAI,CAAC;AAAA;AAAA,UAE/DS,GAAW;AAAA;AAAA;AAAA,YAGTS,EAAejB,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKfc,EAAO,MAAM;AAAA,iBACdA,EAAO,MAAM;AAAA,mBACXA,EAAO,IAAI;AAAA,oBACVA,EAAO,IAAI;AAAA,2BACJA,EAAO,OAAO,CAAC;AAAA;AAAA,oBAEtBT,IAAY,YAAY,SAAS;AAAA;AAAA,8BAEvBG,IAAY,KAAK;AAAA;AAAA;AAAA,YAGnCU,CAAmB;AAAA;AAAA;AAAA;AAAA,oBAIXJ,EAAO,aAAa;AAAA,mBACrBA,EAAO,aAAa;AAAA,qBAClBA,EAAO,WAAW;AAAA,sBACjBA,EAAO,WAAW;AAAA,6BACXA,EAAO,cAAc,CAAC;AAAA,oCACfA,EAAO,UAAU;AAAA;AAAA;AAAA;AAAA,UAI3C,CAACT,KACLJ;AAAA;AAAA,cAEQO,EAAUW,EAAO,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,cAIvBX,EAAUW,EAAO,MAAM,CAAC;AAAA;AAAA,uBAEfL,EAAO,WAAW;AAAA;AAAA;AAAA;AAAA,cAI3BI,CAAmB;AAAA,cACnBV,EAAUW,EAAO,SAAS,EAAI,CAAC;AAAA;AAAA,kCAEXX,EAAUW,EAAO,SAAS,EAAI,EAAE,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIvDX,EAAUW,EAAO,OAAO,EAAI,CAAC;AAAA;AAAA,oCAETX,EAAUW,EAAO,OAAO,EAAI,EAAE,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKvDX,EAAUW,EAAO,QAAQ,EAAI,CAAC;AAAA;AAAA,wCAENL,EAAO,aAAaA,EAAO,cAAcA,EAAO,WAAW;AAAA,oCAC/DN,EAAUW,EAAO,QAAQ,EAAI,EAAE,KAAK;AAAA;AAAA;AAAA;AAAA,SAI/D;AAAA;AAAA;AAGP,CAAC;AAAA;"}

package/build/esm/components/ToggleButton/ToggleButton.js

@@ -1,29 +1,29 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import a from "classnames";
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import u from "classnames";
 import T from "./ToggleButton.styles.js";
 import d from "./components/ToggleButtonContent/ToggleButtonContent.js";
 import { TOGGLE_BUTTON_CLASS as y } from "../../react-base/src/consts.js";
-import { useProps as B } from "../../react-base/src/components/ToggleButton/ToggleButton.utils.js";
-const O = u(
-  ({ className: i, onClick: t, ...m }, c) => {
-    const { icon: n, iconOnly: r, children: s, loading: o, ...e } = B(m), f = (p) => {
-      t && !o && t(p);
-    }, g = () => r ? "iconOnly" : n && !o ? "withIcon" : "labelOnly";
-    return /* @__PURE__ */ l(
+import { useProps as O } from "../../react-base/src/components/ToggleButton/ToggleButton.utils.js";
+const G = g(
+  ({ className: l, onClick: t, ...m }, c) => {
+    const { icon: n, iconOnly: r, children: s, loading: o, ...e } = O(m), f = (a) => {
+      t && !o && t(a);
+    }, p = () => r ? "iconOnly" : n && !o ? "withIcon" : "labelOnly";
+    return /* @__PURE__ */ i(
       T.ToggleButton,
       {
-        className: a(i, y),
-        contentType: g(),
+        className: u(l, y),
+        contentType: p(),
         ref: c,
         onClick: f,
         ...e,
-        children: /* @__PURE__ */ l(d, { iconOnly: r, icon: n, loading: o, ...e, children: s })
+        children: /* @__PURE__ */ i(d, { iconOnly: r, icon: n, loading: o, ...e, children: s })
       }
     );
   }
-), L = O;
+);
 export {
-  L as default
+  G as default
 };
 //# sourceMappingURL=ToggleButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.js","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { forwardRef, MouseEvent } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { ToggleButtonUtils, TOGGLE_BUTTON_CLASS } from 'acinguiux-ds-react-base';\r\n\r\nimport Styled from './ToggleButton.styles';\r\nimport { IToggleButtonProps } from './ToggleButton.types';\r\nimport ToggleButtonContent from './components/ToggleButtonContent/ToggleButtonContent';\r\n\r\nconst ToggleButton = forwardRef<HTMLButtonElement, IToggleButtonProps>(\r\n  (\r\n    { className, onClick, ...props }: IToggleButtonProps,\r\n    ref,\r\n  ) => {\r\n    const { icon, iconOnly, children, loading, ...toggleButtonProps } = ToggleButtonUtils.useProps(props);\r\n\r\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>): void => {\r\n      if (onClick && !loading) {\r\n        onClick(e);\r\n      }\r\n    };\r\n\r\n    const getContentType = () => {\r\n      if (iconOnly) {\r\n        return 'iconOnly';\r\n      }\r\n      if (icon && !loading) {\r\n        return 'withIcon';\r\n      }\r\n\r\n      return 'labelOnly';\r\n    };\r\n\r\n    return (\r\n      <Styled.ToggleButton\r\n        className={classNames(className, TOGGLE_BUTTON_CLASS)}\r\n        contentType={getContentType()}\r\n        ref={ref}\r\n        onClick={handleOnClick}\r\n        {...toggleButtonProps}\r\n      >\r\n        <ToggleButtonContent iconOnly={iconOnly} icon={icon} loading={loading} {...toggleButtonProps}>\r\n          {children}\r\n        </ToggleButtonContent>\r\n      </Styled.ToggleButton>\r\n    );\r\n  },\r\n);\r\n\r\nexport default ToggleButton;"],"names":["ToggleButton","forwardRef","className","onClick","props","ref","icon","iconOnly","children","loading","toggleButtonProps","ToggleButtonUtils.useProps","handleOnClick","e","getContentType","jsx","Styled","classNames","TOGGLE_BUTTON_CLASS","ToggleButtonContent","ToggleButton$1"],"mappings":";;;;;;;AASA,MAAMA,IAAeC;AAAA,EACnB,CACE,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAA,GACzBC,MACG;AACG,UAAA,EAAE,MAAAC,GAAM,UAAAC,GAAU,UAAAC,GAAU,SAAAC,GAAS,GAAGC,EAAkB,IAAIC,EAA2BP,CAAK,GAE9FQ,IAAgB,CAACC,MAA2C;AAC5D,MAAAV,KAAW,CAACM,KACdN,EAAQU,CAAC;AAAA,IACX,GAGIC,IAAiB,MACjBP,IACK,aAELD,KAAQ,CAACG,IACJ,aAGF;AAIP,WAAA,gBAAAM;AAAA,MAACC,EAAO;AAAA,MAAP;AAAA,QACC,WAAWC,EAAWf,GAAWgB,CAAmB;AAAA,QACpD,aAAaJ,EAAe;AAAA,QAC5B,KAAAT;AAAA,QACA,SAASO;AAAA,QACR,GAAGF;AAAA,QAEJ,4BAACS,GAAoB,EAAA,UAAAZ,GAAoB,MAAAD,GAAY,SAAAG,GAAmB,GAAGC,GACxE,UAAAF,GACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF,GAEAY,IAAepB;"}
+{"version":3,"file":"ToggleButton.js","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { forwardRef, MouseEvent } from 'react';\n\nimport classNames from 'classnames';\nimport { ToggleButtonUtils, TOGGLE_BUTTON_CLASS } from 'acinguiux-ds-react-base';\n\nimport Styled from './ToggleButton.styles';\nimport { IToggleButtonProps } from './ToggleButton.types';\nimport ToggleButtonContent from './components/ToggleButtonContent/ToggleButtonContent';\n\nconst ToggleButton = forwardRef<HTMLButtonElement, IToggleButtonProps>(\n  (\n    { className, onClick, ...props }: IToggleButtonProps,\n    ref,\n  ) => {\n    const { icon, iconOnly, children, loading, ...toggleButtonProps } = ToggleButtonUtils.useProps(props);\n\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>): void => {\n      if (onClick && !loading) {\n        onClick(e);\n      }\n    };\n\n    const getContentType = () => {\n      if (iconOnly) {\n        return 'iconOnly';\n      }\n      if (icon && !loading) {\n        return 'withIcon';\n      }\n\n      return 'labelOnly';\n    };\n\n    return (\n      <Styled.ToggleButton\n        className={classNames(className, TOGGLE_BUTTON_CLASS)}\n        contentType={getContentType()}\n        ref={ref}\n        onClick={handleOnClick}\n        {...toggleButtonProps}\n      >\n        <ToggleButtonContent iconOnly={iconOnly} icon={icon} loading={loading} {...toggleButtonProps}>\n          {children}\n        </ToggleButtonContent>\n      </Styled.ToggleButton>\n    );\n  },\n);\n\nexport default ToggleButton;"],"names":["ToggleButton","forwardRef","className","onClick","props","ref","icon","iconOnly","children","loading","toggleButtonProps","ToggleButtonUtils.useProps","handleOnClick","e","getContentType","jsx","Styled","classNames","TOGGLE_BUTTON_CLASS","ToggleButtonContent"],"mappings":";;;;;;;AASA,MAAMA,IAAeC;AAAA,EACnB,CACE,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAA,GACzBC,MACG;AACG,UAAA,EAAE,MAAAC,GAAM,UAAAC,GAAU,UAAAC,GAAU,SAAAC,GAAS,GAAGC,EAAkB,IAAIC,EAA2BP,CAAK,GAE9FQ,IAAgB,CAACC,MAA2C;AAC5D,MAAAV,KAAW,CAACM,KACdN,EAAQU,CAAC;AAAA,IAEb,GAEMC,IAAiB,MACjBP,IACK,aAELD,KAAQ,CAACG,IACJ,aAGF;AAIP,WAAA,gBAAAM;AAAA,MAACC,EAAO;AAAA,MAAP;AAAA,QACC,WAAWC,EAAWf,GAAWgB,CAAmB;AAAA,QACpD,aAAaJ,EAAe;AAAA,QAC5B,KAAAT;AAAA,QACA,SAASO;AAAA,QACR,GAAGF;AAAA,QAEJ,4BAACS,GAAoB,EAAA,UAAAZ,GAAoB,MAAAD,GAAY,SAAAG,GAAmB,GAAGC,GACxE,UAAAF,EACH,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.styles.js","sources":["../../../../src/components/ToggleButton/ToggleButton.styles.ts"],"sourcesContent":["import { ToggleButtonUtils, ToggleButtonStyles, Variants } from 'acinguiux-ds-react-base';\r\nimport styled, { css } from 'styled-components';\r\n\r\nimport { StyledToggleButtonProps } from './ToggleButton.types';\r\nimport { getFocusStyles } from '../../utils/styleUtils';\r\n\r\nconst ToggleButton = styled.button<StyledToggleButtonProps>(({ active, variant, theme }) => {\r\n  const styles = ToggleButtonUtils.getFabricStyles(theme, variant, active);\r\n\r\n  return css`\r\n    ${ToggleButtonStyles.Styles};\r\n    ${styles.default};\r\n    border: none;\r\n    \r\n    &:focus-visible { ${getFocusStyles(theme)} }\r\n\r\n    &&:hover { ${styles.hover} }\r\n\r\n    &&:active { ${styles.active} }\r\n\r\n    &&:disabled { ${styles.disabled} }\r\n    \r\n\r\n    ${active && css`\r\n      ${styles.default};\r\n\r\n      &:focus-visible {\r\n        ${variant === Variants.Outlined && css`\r\n          outline-offset: 3px;\r\n        ` }\r\n      }\r\n\r\n      &&:hover {\r\n        ${styles.hover}\r\n      }\r\n\r\n      &:not(:disabled):active { ${styles.active} }\r\n\r\n      &&:disabled {\r\n        ${styles.disabled}\r\n      }\r\n    `};\r\n  `;\r\n});\r\n\r\nexport default { ToggleButton };\r\n"],"names":["ToggleButton","styled","active","variant","theme","styles","ToggleButtonUtils.getFabricStyles","css","ToggleButtonStyles.Styles","getFocusStyles","Variants","Styled"],"mappings":";;;;;AAMA,MAAMA,IAAeC,EAAO,OAAgC,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,OAAAC,QAAY;AAC1F,QAAMC,IAASC,EAAkCF,GAAOD,GAASD,CAAM;AAEhE,SAAAK;AAAA,MACHC,CAAyB;AAAA,MACzBH,EAAO,OAAO;AAAA;AAAA;AAAA,wBAGII,EAAeL,CAAK,CAAC;AAAA;AAAA,iBAE5BC,EAAO,KAAK;AAAA;AAAA,kBAEXA,EAAO,MAAM;AAAA;AAAA,oBAEXA,EAAO,QAAQ;AAAA;AAAA;AAAA,MAG7BH,KAAUK;AAAA,QACRF,EAAO,OAAO;AAAA;AAAA;AAAA,UAGZF,MAAYO,EAAS,YAAYH;AAAA;AAAA,SAEjC;AAAA;AAAA;AAAA;AAAA,UAIAF,EAAO,KAAK;AAAA;AAAA;AAAA,kCAGYA,EAAO,MAAM;AAAA;AAAA;AAAA,UAGrCA,EAAO,QAAQ;AAAA;AAAA,KAEpB;AAAA;AAEL,CAAC,GAEcM,IAAA,EAAE,cAAAX,EAAa;"}
+{"version":3,"file":"ToggleButton.styles.js","sources":["../../../../src/components/ToggleButton/ToggleButton.styles.ts"],"sourcesContent":["import { ToggleButtonUtils, ToggleButtonStyles, Variants } from 'acinguiux-ds-react-base';\nimport styled, { css } from 'styled-components';\n\nimport { StyledToggleButtonProps } from './ToggleButton.types';\nimport { getFocusStyles } from '../../utils/styleUtils';\n\nconst ToggleButton = styled.button<StyledToggleButtonProps>(({ active, variant, theme }) => {\n  const styles = ToggleButtonUtils.getFabricStyles(theme, variant, active);\n\n  return css`\n    ${ToggleButtonStyles.Styles};\n    ${styles.default};\n    border: none;\n    \n    &:focus-visible { ${getFocusStyles(theme)} }\n\n    &&:hover { ${styles.hover} }\n\n    &&:active { ${styles.active} }\n\n    &&:disabled { ${styles.disabled} }\n    \n\n    ${active && css`\n      ${styles.default};\n\n      &:focus-visible {\n        ${variant === Variants.Outlined && css`\n          outline-offset: 3px;\n        ` }\n      }\n\n      &&:hover {\n        ${styles.hover}\n      }\n\n      &:not(:disabled):active { ${styles.active} }\n\n      &&:disabled {\n        ${styles.disabled}\n      }\n    `};\n  `;\n});\n\nexport default { ToggleButton };\n"],"names":["ToggleButton","styled","active","variant","theme","styles","ToggleButtonUtils.getFabricStyles","css","ToggleButtonStyles.Styles","getFocusStyles","Variants","Styled"],"mappings":";;;;;AAMA,MAAMA,IAAeC,EAAO,OAAgC,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,OAAAC,QAAY;AAC1F,QAAMC,IAASC,EAAkCF,GAAOD,GAASD,CAAM;AAEhE,SAAAK;AAAA,MACHC,CAAyB;AAAA,MACzBH,EAAO,OAAO;AAAA;AAAA;AAAA,wBAGII,EAAeL,CAAK,CAAC;AAAA;AAAA,iBAE5BC,EAAO,KAAK;AAAA;AAAA,kBAEXA,EAAO,MAAM;AAAA;AAAA,oBAEXA,EAAO,QAAQ;AAAA;AAAA;AAAA,MAG7BH,KAAUK;AAAA,QACRF,EAAO,OAAO;AAAA;AAAA;AAAA,UAGZF,MAAYO,EAAS,YAAYH;AAAA;AAAA,SAEjC;AAAA;AAAA;AAAA;AAAA,UAIAF,EAAO,KAAK;AAAA;AAAA;AAAA,kCAGYA,EAAO,MAAM;AAAA;AAAA;AAAA,UAGrCA,EAAO,QAAQ;AAAA;AAAA,KAEpB;AAAA;AAEL,CAAC,GAEcM,IAAA,EAAE,cAAAX,EAAa;"}

package/build/esm/components/ToggleButton/components/ToggleButtonContent/ToggleButtonContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonContent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ToggleButton/components/ToggleButtonContent/ToggleButtonContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA+D,MAAM,yBAAyB,CAAC;AAMzH,QAAA,MAAM,mBAAmB,UAAW,kBAAkB,MAAM,4CAyC3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"ToggleButtonContent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ToggleButton/components/ToggleButtonContent/ToggleButtonContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA+D,MAAM,yBAAyB,CAAC;AAMzH,QAAA,MAAM,mBAAmB,UAAW,kBAAkB,MAAM,4CA4C3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/build/esm/components/ToggleButton/components/ToggleButtonContent/ToggleButtonContent.js

@@ -1,37 +1,43 @@
-import { jsxs as n, Fragment as m, jsx as e } from "react/jsx-runtime";
-import { Sentiments as B } from "acinguiux-ds-fabrics";
-import C from "../../../Loading/Loading.js";
-import { ButtonContentLoader as T, ToggleButtonContent as v, ToggleButonLabel as o } from "./ToggleButtonContent.styles.js";
-import { useProps as S, getLabelSize as i } from "../../../../react-base/src/components/ToggleButton/components/ToggleButtonContnet/ToggleButtonContent.utils.js";
-import { Variants as x, Positions as g } from "../../../../react-base/src/consts.js";
-const R = (u) => {
+import { jsxs as i, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { Sentiments as C, Prominences as T } from "acinguiux-ds-fabrics";
+import P from "../../../Loading/Loading.js";
+import { ButtonContentLoader as x, ToggleButtonContent as y, ToggleButonLabel as r } from "./ToggleButtonContent.styles.js";
+import { useProps as O, getLabelSize as l } from "../../../../react-base/src/components/ToggleButton/components/ToggleButtonContnet/ToggleButtonContent.utils.js";
+import { Variants as g, Positions as u } from "../../../../react-base/src/consts.js";
+const k = (h) => {
   const {
-    active: r,
+    active: t,
     loaderSize: f,
-    visibility: h,
-    variant: l,
+    visibility: p,
+    variant: o,
     children: s,
-    loading: p,
-    icon: a,
-    iconOnly: b,
-    iconPosition: d,
-    labelOne: z,
+    loading: b,
+    icon: d,
+    iconOnly: z,
+    iconPosition: a,
+    labelOne: B,
     labelTwo: c,
-    size: t
-  } = S(u), L = () => s ? /* @__PURE__ */ e(o, { size: i(t), children: s }) : /* @__PURE__ */ n(m, { children: [
-    /* @__PURE__ */ e(o, { size: i(t), children: z }),
-    c && /* @__PURE__ */ e(o, { size: i(t), bold: !0, children: c })
-  ] });
-  return /* @__PURE__ */ n(m, { children: [
-    p && /* @__PURE__ */ e(T, { active: r, variant: l, children: /* @__PURE__ */ e(C, { sentiment: l === x.Filled && r ? B.Secondary : void 0, size: f, "aria-hidden": !0 }) }),
-    /* @__PURE__ */ n(v, { size: t, visibility: h, children: [
-      d === g.Left && a,
-      b ? null : L(),
-      d === g.Right && a
+    size: n,
+    disabled: L
+  } = O(h), S = () => {
+    if (s)
+      return /* @__PURE__ */ e(r, { size: l(n), children: s });
+    const v = o === g.Outlined && !L && !t;
+    return /* @__PURE__ */ i(m, { children: [
+      /* @__PURE__ */ e(r, { size: l(n), children: B }),
+      c && /* @__PURE__ */ e(r, { prominence: v ? T.Strong : void 0, size: l(n), bold: !0, children: c })
+    ] });
+  };
+  return /* @__PURE__ */ i(m, { children: [
+    b && /* @__PURE__ */ e(x, { active: t, variant: o, children: /* @__PURE__ */ e(P, { sentiment: o === g.Filled && t ? C.Secondary : void 0, size: f, "aria-hidden": !0 }) }),
+    /* @__PURE__ */ i(y, { size: n, visibility: p, children: [
+      a === u.Left && d,
+      z ? null : S(),
+      a === u.Right && d
     ] })
   ] });
 };
 export {
-  R as default
+  k as default
 };
 //# sourceMappingURL=ToggleButtonContent.js.map

package/build/esm/components/ToggleButton/components/ToggleButtonContent/ToggleButtonContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonContent.js","sources":["../../../../../../src/components/ToggleButton/components/ToggleButtonContent/ToggleButtonContent.tsx"],"sourcesContent":["import { ToggleButtonTypes, ToggleButtonContentUtils, LoadingTypes, Positions, Variants } from 'acinguiux-ds-react-base';\r\nimport { Sentiments } from 'acinguiux-ds-fabrics';\r\n\r\nimport Loading from '../../../Loading/Loading';\r\nimport * as Styled from './ToggleButtonContent.styles';\r\n\r\nconst ToggleButtonContent = (props: ToggleButtonTypes.IProps) => {\r\n  const {\r\n    active,\r\n    loaderSize,\r\n    visibility,\r\n    variant,\r\n    children,\r\n    loading,\r\n    icon,\r\n    iconOnly,\r\n    iconPosition,\r\n    labelOne,\r\n    labelTwo,\r\n    size,\r\n  } = ToggleButtonContentUtils.useProps(props);\r\n\r\n  const getLabelContent = () => {\r\n    if (children) {\r\n      return <Styled.ToggleButonLabel size={ToggleButtonContentUtils.getLabelSize(size)}>{children}</Styled.ToggleButonLabel>;\r\n    };\r\n\r\n    return (<>\r\n      <Styled.ToggleButonLabel size={ToggleButtonContentUtils.getLabelSize(size)}>{labelOne}</Styled.ToggleButonLabel>\r\n      {labelTwo && <Styled.ToggleButonLabel size={ToggleButtonContentUtils.getLabelSize(size)} bold>{labelTwo}</Styled.ToggleButonLabel>}\r\n    </>);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      {loading && (\r\n        <Styled.ButtonContentLoader active={active} variant={variant} >\r\n          <Loading sentiment={variant === Variants.Filled && active ? Sentiments.Secondary : undefined} size={loaderSize as LoadingTypes.LoadingSize} aria-hidden />\r\n        </Styled.ButtonContentLoader>\r\n      )}\r\n      <Styled.ToggleButtonContent size={size} visibility={visibility}>\r\n        {iconPosition === Positions.Left && icon}\r\n        {iconOnly ? null : getLabelContent()}\r\n        {iconPosition === Positions.Right && icon}\r\n      </Styled.ToggleButtonContent>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ToggleButtonContent;\r\n"],"names":["ToggleButtonContent","props","active","loaderSize","visibility","variant","children","loading","icon","iconOnly","iconPosition","labelOne","labelTwo","size","ToggleButtonContentUtils.useProps","getLabelContent","jsx","Styled.ToggleButonLabel","ToggleButtonContentUtils.getLabelSize","jsxs","Fragment","Styled.ButtonContentLoader","Loading","Variants","Sentiments","Styled.ToggleButtonContent","Positions"],"mappings":";;;;;;AAMM,MAAAA,IAAsB,CAACC,MAAoC;AACzD,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,EAAA,IACEC,EAAkCb,CAAK,GAErCc,IAAkB,MAClBT,IACK,gBAAAU,EAACC,GAAA,EAAwB,MAAMC,EAAsCL,CAAI,GAAI,UAAAP,EAAS,CAAA,IAI7F,gBAAAa,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAJ,EAAAC,GAAA,EAAwB,MAAMC,EAAsCL,CAAI,GAAI,UAASF,GAAA;AAAA,IACrFC,KAAY,gBAAAI,EAACC,GAAA,EAAwB,MAAMC,EAAsCL,CAAI,GAAG,MAAI,IAAE,UAASD,EAAA,CAAA;AAAA,EAC1G,EAAA,CAAA;AAGF,SAEK,gBAAAO,EAAAC,GAAA,EAAA,UAAA;AAAA,IACCb,KAAA,gBAAAS,EAACK,GAAA,EAA2B,QAAAnB,GAAgB,SAAAG,GAC1C,UAAA,gBAAAW,EAACM,KAAQ,WAAWjB,MAAYkB,EAAS,UAAUrB,IAASsB,EAAW,YAAY,QAAW,MAAMrB,GAAwC,eAAW,IAAC,EAC1J,CAAA;AAAA,IAED,gBAAAgB,EAAAM,GAAA,EAA2B,MAAAZ,GAAY,YAAAT,GACrC,UAAA;AAAA,MAAAM,MAAiBgB,EAAU,QAAQlB;AAAA,MACnCC,IAAW,OAAOM,EAAgB;AAAA,MAClCL,MAAiBgB,EAAU,SAASlB;AAAA,IAAA,GACvC;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"ToggleButtonContent.js","sources":["../../../../../../src/components/ToggleButton/components/ToggleButtonContent/ToggleButtonContent.tsx"],"sourcesContent":["import { ToggleButtonTypes, ToggleButtonContentUtils, LoadingTypes, Positions, Variants } from 'acinguiux-ds-react-base';\nimport { Sentiments, Prominences } from 'acinguiux-ds-fabrics';\n\nimport Loading from '../../../Loading/Loading';\nimport * as Styled from './ToggleButtonContent.styles';\n\nconst ToggleButtonContent = (props: ToggleButtonTypes.IProps) => {\n  const {\n    active,\n    loaderSize,\n    visibility,\n    variant,\n    children,\n    loading,\n    icon,\n    iconOnly,\n    iconPosition,\n    labelOne,\n    labelTwo,\n    size,\n    disabled,\n  } = ToggleButtonContentUtils.useProps(props);\n\n  const getLabelContent = () => {\n    if (children) {\n      return <Styled.ToggleButonLabel size={ToggleButtonContentUtils.getLabelSize(size)}>{children}</Styled.ToggleButonLabel>;\n    };\n\n    const shouldBeStrong = variant === Variants.Outlined && !disabled && !active;\n\n    return (<>\n      <Styled.ToggleButonLabel size={ToggleButtonContentUtils.getLabelSize(size)}>{labelOne}</Styled.ToggleButonLabel>\n      {labelTwo && <Styled.ToggleButonLabel prominence={shouldBeStrong ? Prominences.Strong : undefined} size={ToggleButtonContentUtils.getLabelSize(size)} bold>{labelTwo}</Styled.ToggleButonLabel>}\n    </>);\n  };\n\n  return (\n    <>\n      {loading && (\n        <Styled.ButtonContentLoader active={active} variant={variant} >\n          <Loading sentiment={variant === Variants.Filled && active ? Sentiments.Secondary : undefined} size={loaderSize as LoadingTypes.LoadingSize} aria-hidden />\n        </Styled.ButtonContentLoader>\n      )}\n      <Styled.ToggleButtonContent size={size} visibility={visibility}>\n        {iconPosition === Positions.Left && icon}\n        {iconOnly ? null : getLabelContent()}\n        {iconPosition === Positions.Right && icon}\n      </Styled.ToggleButtonContent>\n    </>\n  );\n};\n\nexport default ToggleButtonContent;\n"],"names":["ToggleButtonContent","props","active","loaderSize","visibility","variant","children","loading","icon","iconOnly","iconPosition","labelOne","labelTwo","size","disabled","ToggleButtonContentUtils.useProps","getLabelContent","jsx","Styled.ToggleButonLabel","ToggleButtonContentUtils.getLabelSize","shouldBeStrong","Variants","jsxs","Fragment","Prominences","Styled.ButtonContentLoader","Loading","Sentiments","Styled.ToggleButtonContent","Positions"],"mappings":";;;;;;AAMM,MAAAA,IAAsB,CAACC,MAAoC;AACzD,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACEC,EAAkCd,CAAK,GAErCe,IAAkB,MAAM;AAC5B,QAAIV;AACK,aAAA,gBAAAW,EAACC,GAAA,EAAwB,MAAMC,EAAsCN,CAAI,GAAI,UAAAP,GAAS;AAG/F,UAAMc,IAAiBf,MAAYgB,EAAS,YAAY,CAACP,KAAY,CAACZ;AAEtE,WACE,gBAAAoB,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAC,gBAAAN,EAAAC,GAAA,EAAwB,MAAMC,EAAsCN,CAAI,GAAI,UAASF,GAAA;AAAA,MACrFC,KAAa,gBAAAK,EAAAC,GAAA,EAAwB,YAAYE,IAAiBI,EAAY,SAAS,QAAW,MAAML,EAAsCN,CAAI,GAAG,MAAI,IAAE,UAASD,EAAA,CAAA;AAAA,IAAA,GACvK;AAAA,EACF;AAEA,SAEK,gBAAAU,EAAAC,GAAA,EAAA,UAAA;AAAA,IACChB,KAAA,gBAAAU,EAACQ,GAAA,EAA2B,QAAAvB,GAAgB,SAAAG,GAC1C,UAAA,gBAAAY,EAACS,KAAQ,WAAWrB,MAAYgB,EAAS,UAAUnB,IAASyB,EAAW,YAAY,QAAW,MAAMxB,GAAwC,eAAW,IAAC,EAC1J,CAAA;AAAA,IAED,gBAAAmB,EAAAM,GAAA,EAA2B,MAAAf,GAAY,YAAAT,GACrC,UAAA;AAAA,MAAAM,MAAiBmB,EAAU,QAAQrB;AAAA,MACnCC,IAAW,OAAOO,EAAgB;AAAA,MAClCN,MAAiBmB,EAAU,SAASrB;AAAA,IAAA,EACvC,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/build/esm/components/ToggleButton/components/ToggleButtonContent/ToggleButtonContent.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonContent.styles.js","sources":["../../../../../../src/components/ToggleButton/components/ToggleButtonContent/ToggleButtonContent.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { ToggleButtonContentStyles, ToggleButtonContentUtils, ToggleButtonTypes, Variants, LayerColor } from 'acinguiux-ds-react-base';\r\nimport { Prominences, Sentiments } from 'acinguiux-ds-fabrics';\r\n\r\nimport Label from '../../../Text/components/Label/Label';\r\nimport * as LoadingSpinner from '../../../Loading/Loading.styles';\r\n\r\nexport const ButtonContentLoader = styled.span<{\r\n  variant: ToggleButtonTypes.Variant;\r\n  active?: boolean;\r\n}>`\r\n  ${({ variant, active, theme }) => {\r\n    const layer = theme.getLayer({ sentiment: Sentiments.Selected, prominence: Prominences.Transparent });\r\n\r\n    return css`\r\n      ${ToggleButtonContentStyles.LoaderStyles}\r\n\r\n      ${variant !== Variants.Filled && active &&\r\n      css`\r\n        ${LoadingSpinner.Background} {\r\n          opacity: 1;\r\n          stroke: ${layer[LayerColor.BorderOnSurfaceSubtle]};\r\n        }\r\n\r\n        ${LoadingSpinner.Highlighted} {\r\n          stroke: ${layer[LayerColor.BorderOnSentimentColour]};\r\n        }\r\n      `}\r\n    `;\r\n  }}\r\n`;\r\n\r\nexport const ToggleButtonContent = styled.div<{ size: ToggleButtonTypes.Size; visibility: string; }>`\r\n${({ size, visibility }) => css`\r\n  ${ToggleButtonContentStyles.Styles};\r\n  visibility: ${visibility};\r\n\r\n  svg {\r\n    ${ToggleButtonContentUtils.getIconSize(size)};\r\n  }\r\n  `}\r\n`;\r\n\r\nexport const ToggleButonLabel = styled(Label)`\r\n`;"],"names":["ButtonContentLoader","styled","variant","active","theme","layer","Sentiments","Prominences","css","ToggleButtonContentStyles.LoaderStyles","Variants","LoadingSpinner.Background","LayerColor","LoadingSpinner.Highlighted","ToggleButtonContent","size","visibility","ToggleButtonContentStyles.Styles","ToggleButtonContentUtils.getIconSize","ToggleButonLabel","Label"],"mappings":";;;;;;;;AAOO,MAAMA,IAAsBC,EAAO;AAAA,IAItC,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,OAAAC,QAAY;AAC1B,QAAAC,IAAQD,EAAM,SAAS,EAAE,WAAWE,EAAW,UAAU,YAAYC,EAAY,YAAa,CAAA;AAE7F,SAAAC;AAAA,QACHC,CAAsC;AAAA;AAAA,QAEtCP,MAAYQ,EAAS,UAAUP,KACjCK;AAAA,UACIG,CAAyB;AAAA;AAAA,oBAEfN,EAAMO,EAAW,qBAAqB,CAAC;AAAA;AAAA;AAAA,UAGjDC,CAA0B;AAAA,oBAChBR,EAAMO,EAAW,uBAAuB,CAAC;AAAA;AAAA,OAEtD;AAAA;AAEL,CAAC;AAAA,GAGUE,IAAsBb,EAAO;AAAA,EACxC,CAAC,EAAE,MAAAc,GAAM,YAAAC,EAAiB,MAAAR;AAAA,IACxBS,CAAgC;AAAA,gBACpBD,CAAU;AAAA;AAAA;AAAA,MAGpBE,EAAqCH,CAAI,CAAC;AAAA;AAAA,GAE7C;AAAA,GAGUI,IAAmBlB,EAAOmB,CAAK;AAAA;"}
+{"version":3,"file":"ToggleButtonContent.styles.js","sources":["../../../../../../src/components/ToggleButton/components/ToggleButtonContent/ToggleButtonContent.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { ToggleButtonContentStyles, ToggleButtonContentUtils, ToggleButtonTypes, Variants, LayerColor } from 'acinguiux-ds-react-base';\nimport { Prominences, Sentiments } from 'acinguiux-ds-fabrics';\n\nimport Label from '../../../Text/components/Label/Label';\nimport * as LoadingSpinner from '../../../Loading/Loading.styles';\n\nexport const ButtonContentLoader = styled.span<{\n  variant: ToggleButtonTypes.Variant;\n  active?: boolean;\n}>`\n  ${({ variant, active, theme }) => {\n    const layer = theme.getLayer({ sentiment: Sentiments.Selected, prominence: Prominences.Transparent });\n\n    return css`\n      ${ToggleButtonContentStyles.LoaderStyles}\n\n      ${variant !== Variants.Filled && active &&\n      css`\n        ${LoadingSpinner.Background} {\n          opacity: 1;\n          stroke: ${layer[LayerColor.BorderOnSurfaceSubtle]};\n        }\n\n        ${LoadingSpinner.Highlighted} {\n          stroke: ${layer[LayerColor.BorderOnSentimentColour]};\n        }\n      `}\n    `;\n  }}\n`;\n\nexport const ToggleButtonContent = styled.div<{ size: ToggleButtonTypes.Size; visibility: string; }>`\n${({ size, visibility }) => css`\n  ${ToggleButtonContentStyles.Styles};\n  visibility: ${visibility};\n\n  svg {\n    ${ToggleButtonContentUtils.getIconSize(size)};\n  }\n  `}\n`;\n\nexport const ToggleButonLabel = styled(Label)`\n`;"],"names":["ButtonContentLoader","styled","variant","active","theme","layer","Sentiments","Prominences","css","ToggleButtonContentStyles.LoaderStyles","Variants","LoadingSpinner.Background","LayerColor","LoadingSpinner.Highlighted","ToggleButtonContent","size","visibility","ToggleButtonContentStyles.Styles","ToggleButtonContentUtils.getIconSize","ToggleButonLabel","Label"],"mappings":";;;;;;;;AAOO,MAAMA,IAAsBC,EAAO;AAAA,IAItC,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,OAAAC,QAAY;AAC1B,QAAAC,IAAQD,EAAM,SAAS,EAAE,WAAWE,EAAW,UAAU,YAAYC,EAAY,aAAa;AAE7F,SAAAC;AAAA,QACHC,CAAsC;AAAA;AAAA,QAEtCP,MAAYQ,EAAS,UAAUP,KACjCK;AAAA,UACIG,CAAyB;AAAA;AAAA,oBAEfN,EAAMO,EAAW,qBAAqB,CAAC;AAAA;AAAA;AAAA,UAGjDC,CAA0B;AAAA,oBAChBR,EAAMO,EAAW,uBAAuB,CAAC;AAAA;AAAA,OAEtD;AAAA;AAEL,CAAC;AAAA,GAGUE,IAAsBb,EAAO;AAAA,EACxC,CAAC,EAAE,MAAAc,GAAM,YAAAC,EAAA,MAAiBR;AAAA,IACxBS,CAAgC;AAAA,gBACpBD,CAAU;AAAA;AAAA;AAAA,MAGpBE,EAAqCH,CAAI,CAAC;AAAA;AAAA,GAE7C;AAAA,GAGUI,IAAmBlB,EAAOmB,CAAK;AAAA;"}

package/build/esm/components/Tooltip/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","sources":["../../../../src/components/Tooltip/Overlay.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { useTooltip } from 'react-aria';\nimport classNames from 'classnames';\n\nimport * as Styled from './Overlay.styles';\nimport { IOverlayProps } from './Overlay.types';\n\nconst Overlay = forwardRef<HTMLElement, IOverlayProps>(\n  ({ children, arrowRef, arrowProps, triggerState, className, arrow, ...props }, ref) => {\n    const { tooltipProps } = useTooltip(props, triggerState);\n    const { placement, overlayProps } = props;\n    const childIsString = typeof children === 'string';\n\n    return (\n      <Styled.Overlay\n        {...tooltipProps}\n        padded={childIsString}\n        {...overlayProps}\n        className={classNames(className, placement)}\n        arrow={arrow}\n        ref={ref}\n      >\n        {children || null}\n        <span className=\"tip\" {...arrowProps} ref={arrowRef} />\n      </Styled.Overlay>\n    );\n  },\n);\n\nexport { Overlay };\n"],"names":["Overlay","forwardRef","children","arrowRef","arrowProps","triggerState","className","arrow","props","ref","tooltipProps","useTooltip","placement","overlayProps","jsxs","Styled.Overlay","classNames"],"mappings":";;;;;AAQA,MAAMA,IAAUC;AAAA,EACd,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,YAAAC,GAAY,cAAAC,GAAc,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAM,GAAGC,MAAQ;AACrF,UAAM,EAAE,cAAAC,EAAiB,IAAAC,EAAWH,GAAOH,CAAY,GACjD,EAAE,WAAAO,GAAW,cAAAC,EAAiB,IAAAL;AAIlC,WAAA,gBAAAM;AAAA,MAACC;AAAAA,MAAA;AAAA,QACE,GAAGL;AAAA,QACJ,QALkB,OAAOR,KAAa;AAAA,QAMrC,GAAGW;AAAA,QACJ,WAAWG,EAAWV,GAAWM,CAAS;AAAA,QAC1C,OAAAL;AAAA,QACA,KAAAE;AAAA,QAEC,UAAA;AAAA,UAAYP,KAAA;AAAA,4BACZ,QAAK,EAAA,WAAU,OAAO,GAAGE,GAAY,KAAKD,GAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG3D;AACF;"}
+{"version":3,"file":"Overlay.js","sources":["../../../../src/components/Tooltip/Overlay.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { useTooltip } from 'react-aria';\nimport classNames from 'classnames';\n\nimport * as Styled from './Overlay.styles';\nimport { IOverlayProps } from './Overlay.types';\n\nconst Overlay = forwardRef<HTMLElement, IOverlayProps>(\n  ({ children, arrowRef, arrowProps, triggerState, className, arrow, ...props }, ref) => {\n    const { tooltipProps } = useTooltip(props, triggerState);\n    const { placement, overlayProps } = props;\n    const childIsString = typeof children === 'string';\n\n    return (\n      <Styled.Overlay\n        {...tooltipProps}\n        padded={childIsString}\n        {...overlayProps}\n        className={classNames(className, placement)}\n        arrow={arrow}\n        ref={ref}\n      >\n        {children || null}\n        <span className=\"tip\" {...arrowProps} ref={arrowRef} />\n      </Styled.Overlay>\n    );\n  },\n);\n\nexport { Overlay };\n"],"names":["Overlay","forwardRef","children","arrowRef","arrowProps","triggerState","className","arrow","props","ref","tooltipProps","useTooltip","placement","overlayProps","jsxs","Styled.Overlay","classNames"],"mappings":";;;;;AAQA,MAAMA,IAAUC;AAAA,EACd,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,YAAAC,GAAY,cAAAC,GAAc,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAM,GAAGC,MAAQ;AACrF,UAAM,EAAE,cAAAC,EAAiB,IAAAC,EAAWH,GAAOH,CAAY,GACjD,EAAE,WAAAO,GAAW,cAAAC,EAAA,IAAiBL;AAIlC,WAAA,gBAAAM;AAAA,MAACC;AAAAA,MAAA;AAAA,QACE,GAAGL;AAAA,QACJ,QALkB,OAAOR,KAAa;AAAA,QAMrC,GAAGW;AAAA,QACJ,WAAWG,EAAWV,GAAWM,CAAS;AAAA,QAC1C,OAAAL;AAAA,QACA,KAAAE;AAAA,QAEC,UAAA;AAAA,UAAYP,KAAA;AAAA,4BACZ,QAAK,EAAA,WAAU,OAAO,GAAGE,GAAY,KAAKD,EAAU,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACvD;AAAA,EAAA;AAGN;"}

package/build/esm/components/Tooltip/Overlay.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.styles.js","sources":["../../../../src/components/Tooltip/Overlay.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { TooltipUtils } from 'acinguiux-ds-react-base';\r\n\r\nimport { IOverlayProps } from './Overlay.types';\r\n\r\nexport const Overlay = styled.span<Pick<IOverlayProps, 'arrow'> & { padded?: boolean }>(({ padded, arrow, theme }) => {\r\n  const { background, color, boxShadow, zIndex, arrowWidth, arrowHeight } = TooltipUtils.useStyles(theme);\r\n\r\n  return css`\r\n    z-index: ${zIndex};\r\n    border-radius: 6px;\r\n    background: ${background};\r\n    color: ${color};\r\n    box-shadow: ${boxShadow};\r\n\r\n    ${padded &&\r\n    css`\r\n      padding: 8px;\r\n    `}\r\n\r\n    ${arrow &&\r\n    css`\r\n      .tip {\r\n        position: absolute;\r\n        width: ${arrowWidth}px;\r\n        height: ${arrowHeight}px;\r\n        top: 100%;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        overflow: hidden;\r\n\r\n        &::after {\r\n          content: '';\r\n          width: 10px;\r\n          height: 10px;\r\n          top: 0;\r\n          left: 0;\r\n          transform-origin: 0 0;\r\n          position: absolute;\r\n          background: ${background};\r\n          box-shadow: ${boxShadow};\r\n          transform: rotate(45deg) translate(-50%, -50%);\r\n        }\r\n      }\r\n\r\n      &.top .tip {\r\n        top: 100%;\r\n\r\n        &::after {\r\n          left: 50%;\r\n        }\r\n      }\r\n\r\n      &.bottom .tip {\r\n        top: auto;\r\n        bottom: 100%;\r\n\r\n        &::after {\r\n          left: 50%;\r\n          top: 100%;\r\n        }\r\n      }\r\n\r\n      &.right .tip {\r\n        top: auto;\r\n        left: auto;\r\n        width: ${arrowHeight}px;\r\n        height: ${arrowWidth}px;\r\n        right: 100%;\r\n        transform: translateY(-50%);\r\n\r\n        &::after {\r\n          left: 100%;\r\n          top: 50%;\r\n        }\r\n      }\r\n\r\n      &.left .tip {\r\n        top: auto;\r\n        width: ${arrowHeight}px;\r\n        height: ${arrowWidth}px;\r\n        left: 100%;\r\n        transform: translateY(-50%);\r\n\r\n        &::after {\r\n          top: 50%;\r\n        }\r\n      }\r\n    `}\r\n  `;\r\n});\r\n"],"names":["Overlay","styled","padded","arrow","theme","background","color","boxShadow","zIndex","arrowWidth","arrowHeight","TooltipUtils.useStyles","css"],"mappings":";;AAKa,MAAAA,IAAUC,EAAO,KAA0D,CAAC,EAAE,QAAAC,GAAQ,OAAAC,GAAO,OAAAC,QAAY;AAC9G,QAAA,EAAE,YAAAC,GAAY,OAAAC,GAAO,WAAAC,GAAW,QAAAC,GAAQ,YAAAC,GAAY,aAAAC,EAAY,IAAIC,EAAuBP,CAAK;AAE/F,SAAAQ;AAAA,eACMJ,CAAM;AAAA;AAAA,kBAEHH,CAAU;AAAA,aACfC,CAAK;AAAA,kBACAC,CAAS;AAAA;AAAA,MAErBL,KACFU;AAAA;AAAA,KAEC;AAAA;AAAA,MAECT,KACFS;AAAA;AAAA;AAAA,iBAGaH,CAAU;AAAA,kBACTC,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAcLL,CAAU;AAAA,wBACVE,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBA0BhBG,CAAW;AAAA,kBACVD,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAYXC,CAAW;AAAA,kBACVD,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQvB;AAAA;AAEL,CAAC;"}
+{"version":3,"file":"Overlay.styles.js","sources":["../../../../src/components/Tooltip/Overlay.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { TooltipUtils } from 'acinguiux-ds-react-base';\n\nimport { IOverlayProps } from './Overlay.types';\n\nexport const Overlay = styled.span<Pick<IOverlayProps, 'arrow'> & { padded?: boolean }>(({ padded, arrow, theme }) => {\n  const { background, color, boxShadow, zIndex, arrowWidth, arrowHeight } = TooltipUtils.useStyles(theme);\n\n  return css`\n    z-index: ${zIndex};\n    border-radius: 6px;\n    background: ${background};\n    color: ${color};\n    box-shadow: ${boxShadow};\n\n    ${padded &&\n    css`\n      padding: 8px;\n    `}\n\n    ${arrow &&\n    css`\n      .tip {\n        position: absolute;\n        width: ${arrowWidth}px;\n        height: ${arrowHeight}px;\n        top: 100%;\n        left: 50%;\n        transform: translateX(-50%);\n        overflow: hidden;\n\n        &::after {\n          content: '';\n          width: 10px;\n          height: 10px;\n          top: 0;\n          left: 0;\n          transform-origin: 0 0;\n          position: absolute;\n          background: ${background};\n          box-shadow: ${boxShadow};\n          transform: rotate(45deg) translate(-50%, -50%);\n        }\n      }\n\n      &.top .tip {\n        top: 100%;\n\n        &::after {\n          left: 50%;\n        }\n      }\n\n      &.bottom .tip {\n        top: auto;\n        bottom: 100%;\n\n        &::after {\n          left: 50%;\n          top: 100%;\n        }\n      }\n\n      &.right .tip {\n        top: auto;\n        left: auto;\n        width: ${arrowHeight}px;\n        height: ${arrowWidth}px;\n        right: 100%;\n        transform: translateY(-50%);\n\n        &::after {\n          left: 100%;\n          top: 50%;\n        }\n      }\n\n      &.left .tip {\n        top: auto;\n        width: ${arrowHeight}px;\n        height: ${arrowWidth}px;\n        left: 100%;\n        transform: translateY(-50%);\n\n        &::after {\n          top: 50%;\n        }\n      }\n    `}\n  `;\n});\n"],"names":["Overlay","styled","padded","arrow","theme","background","color","boxShadow","zIndex","arrowWidth","arrowHeight","TooltipUtils.useStyles","css"],"mappings":";;AAKa,MAAAA,IAAUC,EAAO,KAA0D,CAAC,EAAE,QAAAC,GAAQ,OAAAC,GAAO,OAAAC,QAAY;AAC9G,QAAA,EAAE,YAAAC,GAAY,OAAAC,GAAO,WAAAC,GAAW,QAAAC,GAAQ,YAAAC,GAAY,aAAAC,EAAY,IAAIC,EAAuBP,CAAK;AAE/F,SAAAQ;AAAA,eACMJ,CAAM;AAAA;AAAA,kBAEHH,CAAU;AAAA,aACfC,CAAK;AAAA,kBACAC,CAAS;AAAA;AAAA,MAErBL,KACFU;AAAA;AAAA,KAEC;AAAA;AAAA,MAECT,KACFS;AAAA;AAAA;AAAA,iBAGaH,CAAU;AAAA,kBACTC,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAcLL,CAAU;AAAA,wBACVE,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBA0BhBG,CAAW;AAAA,kBACVD,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAYXC,CAAW;AAAA,kBACVD,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQvB;AAAA;AAEL,CAAC;"}

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

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import { ITooltipProps } from './Tooltip.types';
-declare const Tooltip: React.ForwardRefExoticComponent<ITooltipProps & React.RefAttributes<HTMLElement>>;
+declare const Tooltip: import("react").ForwardRefExoticComponent<ITooltipProps & import("react").RefAttributes<HTMLElement>>;
 export default Tooltip;
 //# sourceMappingURL=Tooltip.d.ts.map