acinguiux-ds-react-framework 0.0.7 → 0.1.0

package/build/cjs/components/TextArea/TextArea.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.styles.js","sources":["../../../../src/components/TextArea/TextArea.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Positions, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { getLabelFontStyles, getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { TextAreaConsts, type TextAreaTypes } from 'acinguiux-ds-react-base/components/TextArea';\nimport { InputUtils } from 'acinguiux-ds-react-base/components/Input';\nimport { StateType, States } from 'acinguiux-ds-fabrics';\n\nconst { getInputColorStyles, getWrapperStyles, getInputBorderStyles, getBaseElementStyles } = InputUtils;\nconst { consts, wrapperConsts } = TextAreaConsts;\n\nconst TextArea = styled.textarea<TextAreaTypes.IStyledProps>`\n  ${({ resize, theme }) => css`\n    display: inline-block;\n    transition: filter 0.3s cubic-bezier(0.35, 0, 0.25, 1);\n    resize: ${resize};\n    outline: none;\n\n    &:focus-visible {\n      ${getFocusStyles(theme)};\n    }\n  `}\n`;\n\nconst TextAreaWrapper = styled.div<TextAreaTypes.IWrapperStyledProps>`\n  ${({ size = `${Sizes.Medium}`, $disabled, $invalid, $icon, $iconPosition = `${Positions.Left}`, theme }) => {\n    const getStyles = (state?: StateType) => getInputColorStyles(theme, state, $disabled, $invalid);\n\n    return css`\n      ${getWrapperStyles};\n      outline: none;\n\n      ${TextArea} {\n        ${getInputBorderStyles(size, true)};\n        ${getStyles()};\n        ${getBaseElementStyles(theme, size, $disabled)};\n        ${$invalid && getLabelFontStyles(theme, $disabled)};\n        padding: ${$icon ? consts.paddingWithIcon[size][$iconPosition] : consts.paddingWithoutIcon[size]};\n      }\n\n      &:has(:focus-visible) {\n        ${TextArea} {\n          outline: none;\n          ${getFocusStyles(theme)};\n        }\n      }\n\n      &:hover {\n        ${TextArea} {\n          ${getStyles(States.Hover)};\n          ${$invalid && getLabelFontStyles(theme, $disabled)};\n        }\n      }\n\n      svg {\n        position: absolute;\n        top: ${wrapperConsts.iconOffset[size]};\n        width: ${wrapperConsts.iconSize[size]};\n        height: ${wrapperConsts.iconSize[size]};\n\n        ${$iconPosition === Positions.Left &&\n        css`\n          margin-left: ${wrapperConsts.iconOffset[size]};\n        `};\n\n        ${$iconPosition === Positions.Right &&\n        css`\n          margin-left: calc(-${wrapperConsts.iconOffset[size]} - 20px);\n        `};\n\n        ${$invalid && getLabelFontStyles(theme, $disabled)};\n      }\n    `;\n  }}\n`;\n\nexport { TextAreaWrapper, TextArea };\n"],"names":["getInputColorStyles","getWrapperStyles","getInputBorderStyles","getBaseElementStyles","InputUtils","consts","wrapperConsts","TextAreaConsts","TextArea","styled","resize","theme","css","getFocusStyles","TextAreaWrapper","size","Sizes","$disabled","$invalid","$icon","$iconPosition","Positions","getStyles","state","getLabelFontStyles","States"],"mappings":"uaAOM,CAAE,oBAAAA,EAAqB,iBAAAC,EAAkB,qBAAAC,EAAsB,qBAAAC,CAAyB,EAAAC,EACxF,CAAE,OAAAC,EAAQ,cAAAC,CAAA,EAAkBC,EAE5BC,EAAWC,EAAO;AAAA,IACpB,CAAC,CAAE,OAAAC,EAAQ,MAAAC,CAAA,IAAYC,EAAA;AAAA;AAAA;AAAA,cAGbF,CAAM;AAAA;AAAA;AAAA;AAAA,QAIZG,EAAAA,eAAeF,CAAK,CAAC;AAAA;AAAA,GAE1B;AAAA,EAGGG,EAAkBL,EAAO;AAAA,IAC3B,CAAC,CAAE,KAAAM,EAAO,GAAGC,EAAAA,MAAM,MAAM,GAAI,UAAAC,EAAW,SAAAC,EAAU,MAAAC,EAAO,cAAAC,EAAgB,GAAGC,EAAAA,UAAU,IAAI,GAAI,MAAAV,KAAY,CAC1G,MAAMW,EAAaC,GAAsBvB,EAAoBW,EAAOY,EAAON,EAAWC,CAAQ,EAEvF,OAAAN,EAAA;AAAA,QACHX,CAAgB;AAAA;AAAA;AAAA,QAGhBO,CAAQ;AAAA,UACNN,EAAqBa,EAAM,EAAI,CAAC;AAAA,UAChCO,GAAW;AAAA,UACXnB,EAAqBQ,EAAOI,EAAME,CAAS,CAAC;AAAA,UAC5CC,GAAYM,EAAAA,mBAAmBb,EAAOM,CAAS,CAAC;AAAA,mBACvCE,EAAQd,EAAO,gBAAgBU,CAAI,EAAEK,CAAa,EAAIf,EAAO,mBAAmBU,CAAI,CAAC;AAAA;AAAA;AAAA;AAAA,UAI9FP,CAAQ;AAAA;AAAA,YAENK,EAAAA,eAAeF,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAKvBH,CAAQ;AAAA,YACNc,EAAUG,SAAO,KAAK,CAAC;AAAA,YACvBP,GAAYM,EAAAA,mBAAmBb,EAAOM,CAAS,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAM7CX,EAAc,WAAWS,CAAI,CAAC;AAAA,iBAC5BT,EAAc,SAASS,CAAI,CAAC;AAAA,kBAC3BT,EAAc,SAASS,CAAI,CAAC;AAAA;AAAA,UAEpCK,IAAkBC,YAAU,MAC9BT,EAAA;AAAA,yBACiBN,EAAc,WAAWS,CAAI,CAAC;AAAA,SAC9C;AAAA;AAAA,UAECK,IAAkBC,YAAU,OAC9BT,EAAA;AAAA,+BACuBN,EAAc,WAAWS,CAAI,CAAC;AAAA,SACpD;AAAA;AAAA,UAECG,GAAYM,EAAAA,mBAAmBb,EAAOM,CAAS,CAAC;AAAA;AAAA,KAGxD,CAAC;AAAA"}

package/build/cjs/components/TextInput/TextInput.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),l=require("react"),N=require("classnames"),d=require("../../react-base/src/consts/index.js"),_=require("../Icon/components/Cross.js"),p=require("./TextInput.styles.js"),A=l.forwardRef(({className:m="",size:a=d.Sizes.Medium,invalid:$=!1,disabled:c=!1,clearable:T=!1,wrapperProps:w,prefix:n,suffix:r,onChange:h,onClear:j,value:e,...I},q)=>{const S=e!==void 0,[o,i]=l.useState(S&&e!==""&&T),t=l.useRef(null);l.useImperativeHandle(q,()=>t.current);const y=f=>{var u;if(t.current&&!S){t.current.value="";const C=(u=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value"))==null?void 0:u.set;C==null||C.call(t.current,"");const x=new Event("input",{bubbles:!0});t.current.dispatchEvent(x),i(!1)}j&&j(f)},E=f=>{var u;h&&h(f),T&&!c&&(((u=t.current)==null?void 0:u.value)===""&&o?i(!1):o||i(!0))};return l.useEffect(()=>{e===""&&o&&i(!1),e&&e!==""&&T&&i(!0)},[e,o]),s.jsxs(p.TextInputWrapper,{className:N(d.TEXT_INPUT_CLASS,m),size:a,$disabled:c,$invalid:$,...w,children:[n&&s.jsx(p.Affix,{size:a,$transparent:n.transparent,$disabled:c,$type:"prefix",children:n.node}),s.jsx(p.TextInput,{ref:t,className:`${d.TEXT_INPUT_CLASS}-input`,disabled:c,inputSize:a,onChange:E,value:e,transparentPrefix:n==null?void 0:n.transparent,transparentSuffix:r==null?void 0:r.transparent,"aria-invalid":$,...I}),o&&s.jsx(p.ClearButton,{size:a,variant:d.Variants.Transparent,icon:s.jsx(_,{}),iconOnly:!0,onClick:y}),r&&s.jsx(p.Affix,{size:a,$transparent:r.transparent,$disabled:c,$type:"suffix",children:r.node})]})});module.exports=A;
+//# sourceMappingURL=TextInput.js.map

package/build/cjs/components/TextInput/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sources":["../../../../src/components/TextInput/TextInput.tsx"],"sourcesContent":["import {\n  type ChangeEvent,\n  type ForwardedRef,\n  type MouseEvent,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Variants, TEXT_INPUT_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport Cross from '../Icon/components/Cross';\nimport * as Styled from './TextInput.styles';\nimport type { ITextInputProps } from './TextInput.types';\n\nconst TextInput = forwardRef(\n  (\n    {\n      className = '',\n      size = Sizes.Medium,\n      invalid = false,\n      disabled = false,\n      clearable = false,\n      wrapperProps,\n      prefix,\n      suffix,\n      onChange,\n      onClear,\n      value,\n      ...rest\n    }: ITextInputProps,\n    ref: ForwardedRef<HTMLInputElement>,\n  ) => {\n    const controlled = value !== undefined;\n    const [showClear, setShowClear] = useState(controlled && value !== '' && clearable);\n    const innerRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(ref, () => innerRef.current as HTMLInputElement);\n\n    const onClearClick = (mouseEvent: MouseEvent<HTMLButtonElement>) => {\n      if (innerRef.current && !controlled) {\n        innerRef.current.value = '';\n        const nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value')?.set;\n        nativeInputValueSetter?.call(innerRef.current, '');\n        const event = new Event('input', { bubbles: true });\n        innerRef.current.dispatchEvent(event);\n        setShowClear(false);\n      }\n      if (onClear) onClear(mouseEvent);\n    };\n\n    const handleOnChange = (event: ChangeEvent<HTMLInputElement>) => {\n      if (onChange) onChange(event);\n      if (clearable && !disabled) {\n        if (innerRef.current?.value === '' && showClear) {\n          setShowClear(false);\n        } else if (!showClear) {\n          setShowClear(true);\n        }\n      }\n    };\n\n    useEffect(() => {\n      if (value === '' && showClear) {\n        setShowClear(false);\n      }\n\n      if (value && value !== '' && clearable) {\n        setShowClear(true);\n      }\n    }, [value, showClear]);\n\n    return (\n      <Styled.TextInputWrapper\n        className={classNames(TEXT_INPUT_CLASS, className)}\n        size={size}\n        $disabled={disabled}\n        $invalid={invalid}\n        {...wrapperProps}\n      >\n        {prefix && (\n          <Styled.Affix size={size} $transparent={prefix.transparent} $disabled={disabled} $type=\"prefix\">\n            {prefix.node}\n          </Styled.Affix>\n        )}\n        <Styled.TextInput\n          ref={innerRef}\n          className={`${TEXT_INPUT_CLASS}-input`}\n          disabled={disabled}\n          inputSize={size}\n          onChange={handleOnChange}\n          value={value}\n          transparentPrefix={prefix?.transparent}\n          transparentSuffix={suffix?.transparent}\n          aria-invalid={invalid}\n          {...rest}\n        />\n        {showClear && (\n          <Styled.ClearButton\n            size={size}\n            variant={Variants.Transparent}\n            icon={<Cross />}\n            iconOnly\n            onClick={onClearClick}\n          />\n        )}\n        {suffix && (\n          <Styled.Affix size={size} $transparent={suffix.transparent} $disabled={disabled} $type=\"suffix\">\n            {suffix.node}\n          </Styled.Affix>\n        )}\n      </Styled.TextInputWrapper>\n    );\n  },\n);\n\nexport default TextInput;\n"],"names":["TextInput","forwardRef","className","size","Sizes","invalid","disabled","clearable","wrapperProps","prefix","suffix","onChange","onClear","value","rest","ref","controlled","showClear","setShowClear","useState","innerRef","useRef","useImperativeHandle","onClearClick","mouseEvent","nativeInputValueSetter","_a","event","handleOnChange","useEffect","jsxs","Styled.TextInputWrapper","classNames","TEXT_INPUT_CLASS","jsx","Styled.Affix","Styled.TextInput","Styled.ClearButton","Variants","Cross"],"mappings":"2NAkBMA,EAAYC,EAAA,WAChB,CACE,CACE,UAAAC,EAAY,GACZ,KAAAC,EAAOC,EAAM,MAAA,OACb,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,UAAAC,EAAY,GACZ,aAAAC,EACA,OAAAC,EACA,OAAAC,EACA,SAAAC,EACA,QAAAC,EACA,MAAAC,EACA,GAAGC,GAELC,IACG,CACH,MAAMC,EAAaH,IAAU,OACvB,CAACI,EAAWC,CAAY,EAAIC,EAAAA,SAASH,GAAcH,IAAU,IAAMN,CAAS,EAC5Ea,EAAWC,SAAyB,IAAI,EAC1BC,EAAAA,oBAAAP,EAAK,IAAMK,EAAS,OAA2B,EAE7D,MAAAG,EAAgBC,GAA8C,OAC9D,GAAAJ,EAAS,SAAW,CAACJ,EAAY,CACnCI,EAAS,QAAQ,MAAQ,GACzB,MAAMK,GAAyBC,EAAA,OAAO,yBAAyB,OAAO,iBAAiB,UAAW,OAAO,IAA1E,YAAAA,EAA6E,IACpFD,GAAA,MAAAA,EAAA,KAAKL,EAAS,QAAS,IAC/C,MAAMO,EAAQ,IAAI,MAAM,QAAS,CAAE,QAAS,GAAM,EACzCP,EAAA,QAAQ,cAAcO,CAAK,EACpCT,EAAa,EAAK,CAAA,CAEhBN,KAAiBY,CAAU,CACjC,EAEMI,EAAkBD,GAAyC,OAC3DhB,KAAmBgB,CAAK,EACxBpB,GAAa,CAACD,MACZoB,EAAAN,EAAS,UAAT,YAAAM,EAAkB,SAAU,IAAMT,EACpCC,EAAa,EAAK,EACRD,GACVC,EAAa,EAAI,EAGvB,EAEAW,OAAAA,EAAAA,UAAU,IAAM,CACVhB,IAAU,IAAMI,GAClBC,EAAa,EAAK,EAGhBL,GAASA,IAAU,IAAMN,GAC3BW,EAAa,EAAI,CACnB,EACC,CAACL,EAAOI,CAAS,CAAC,EAGnBa,EAAA,KAACC,EAAO,iBAAP,CACC,UAAWC,EAAWC,EAAA,iBAAkB/B,CAAS,EACjD,KAAAC,EACA,UAAWG,EACX,SAAUD,EACT,GAAGG,EAEH,SAAA,CAAAC,GACEyB,EAAA,IAAAC,EAAA,MAAA,CAAa,KAAAhC,EAAY,aAAcM,EAAO,YAAa,UAAWH,EAAU,MAAM,SACpF,WAAO,KACV,EAEF4B,EAAA,IAACE,EAAO,UAAP,CACC,IAAKhB,EACL,UAAW,GAAGa,EAAgB,gBAAA,SAC9B,SAAA3B,EACA,UAAWH,EACX,SAAUyB,EACV,MAAAf,EACA,kBAAmBJ,GAAA,YAAAA,EAAQ,YAC3B,kBAAmBC,GAAA,YAAAA,EAAQ,YAC3B,eAAcL,EACb,GAAGS,CAAA,CACN,EACCG,GACCiB,EAAA,IAACG,EAAO,YAAP,CACC,KAAAlC,EACA,QAASmC,EAAS,SAAA,YAClB,WAAOC,EAAM,EAAA,EACb,SAAQ,GACR,QAAShB,CAAA,CACX,EAEDb,GACCwB,EAAA,IAACC,EAAO,MAAP,CAAa,KAAAhC,EAAY,aAAcO,EAAO,YAAa,UAAWJ,EAAU,MAAM,SACpF,WAAO,IACV,CAAA,CAAA,CAAA,CAEJ,CAAA,CAGN"}

package/build/cjs/components/TextInput/TextInput.styles.js

@@ -0,0 +1,50 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),d=require("../../react-base/src/consts/index.js"),l=require("../../react-base/src/components/TextInput/TextInput.consts.js"),p=require("../../react-base/src/components/Input/Input.styles.js"),u=require("../../react-base/src/theme/variableTheme.js"),g=require("../../react-base/src/utils/typesUtils.js"),x=require("../../react-base/src/utils/sizesUtils.js"),f=require("../Button/Button.js"),{consts:c,wrapperConsts:n}=l,$=e.div`
+  ${p.WrapperStyles};
+`,b=e.input`
+  ${({inputSize:t,transparentPrefix:i,transparentSuffix:r})=>e.css`
+    ${i&&e.css`
+      padding-left: ${c.paddingWithTransparentAffix[t]};
+    `}
+
+    ${r&&e.css`
+      padding-right: ${c.paddingWithTransparentAffix[t]};
+    `}
+  `}
+`,m=e.div`
+  ${({size:t=`${d.Sizes.Medium}`,$transparent:i=!1,$disabled:r,$type:s,theme:a})=>{const o=a.getVariablesLayer({foundation:"section",disabled:g.booleanToString(r)});return e.css`
+      ${a.getTypography("labelRegular",x.getLabelTypographySize(t))};
+      display: flex;
+      align-items: center;
+      min-width: max-content;
+      padding: 0 ${n.affixPadding[t]};
+      color: ${o[u.VariablesNames.TextOnFoundationSubtle]};
+
+      ${!i&&e.css`
+        background-color: ${o[u.VariablesNames.BackgroundFoundation]};
+      `}
+
+      ${t!==d.Sizes.XSmall&&e.css`
+        border-radius: ${n.affixBorderRadius[t]};
+        margin-right: 4px;
+        margin-block: 4px;
+      `};
+
+      ${s==="prefix"&&i&&e.css`
+        padding-right: unset;
+      `}
+
+      ${s==="suffix"&&i&&e.css`
+        padding-left: unset;
+      `}
+
+      svg {
+        width: ${n.iconSize[t]};
+        height: ${n.iconSize[t]};
+      }
+    `}}
+`,T=e(f)`
+  margin-top: -1px;
+  margin-bottom: -1px;
+  margin-right: -1px;
+`;exports.Affix=m;exports.ClearButton=T;exports.TextInput=b;exports.TextInputWrapper=$;
+//# sourceMappingURL=TextInput.styles.js.map

package/build/cjs/components/TextInput/TextInput.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.styles.js","sources":["../../../../src/components/TextInput/TextInput.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { Transient } from 'acinguiux-ds-react-base/types';\nimport { TextInputConsts, type TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\nimport { type InputTypes, InputStyles } from 'acinguiux-ds-react-base/components/Input';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\nimport { booleanToString } from 'acinguiux-ds-react-base/utils/typesUtils';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport Button from '../Button/Button';\nimport type { ITextInputProps } from './TextInput.types';\n\ntype TextInputProps = {\n  inputSize: TextInputTypes.Size;\n  transparentPrefix?: boolean;\n  transparentSuffix?: boolean;\n};\n\ntype TextInputAffixProps = Transient<ITextInputProps, 'disabled' | 'invalid'> & {\n  $transparent?: boolean;\n  $type: 'prefix' | 'suffix';\n};\n\nconst { consts, wrapperConsts } = TextInputConsts;\n\nconst TextInputWrapper = styled.div<InputTypes.IProps>`\n  ${InputStyles.WrapperStyles};\n`;\n\nconst TextInput = styled.input<TextInputProps>`\n  ${({ inputSize, transparentPrefix, transparentSuffix }) => css`\n    ${transparentPrefix &&\n    css`\n      padding-left: ${consts.paddingWithTransparentAffix[inputSize]};\n    `}\n\n    ${transparentSuffix &&\n    css`\n      padding-right: ${consts.paddingWithTransparentAffix[inputSize]};\n    `}\n  `}\n`;\n\nconst Affix = styled.div<TextInputAffixProps>`\n  ${({ size = `${Sizes.Medium}`, $transparent = false, $disabled, $type, theme }) => {\n    const layer = theme.getVariablesLayer({ foundation: 'section', disabled: booleanToString($disabled) });\n\n    return css`\n      ${theme.getTypography('labelRegular', getLabelTypographySize(size))};\n      display: flex;\n      align-items: center;\n      min-width: max-content;\n      padding: 0 ${wrapperConsts.affixPadding[size]};\n      color: ${layer[VariablesNames.TextOnFoundationSubtle]};\n\n      ${!$transparent &&\n      css`\n        background-color: ${layer[VariablesNames.BackgroundFoundation]};\n      `}\n\n      ${size !== Sizes.XSmall &&\n      css`\n        border-radius: ${wrapperConsts.affixBorderRadius[size]};\n        margin-right: 4px;\n        margin-block: 4px;\n      `};\n\n      ${$type === 'prefix' &&\n      $transparent &&\n      css`\n        padding-right: unset;\n      `}\n\n      ${$type === 'suffix' &&\n      $transparent &&\n      css`\n        padding-left: unset;\n      `}\n\n      svg {\n        width: ${wrapperConsts.iconSize[size]};\n        height: ${wrapperConsts.iconSize[size]};\n      }\n    `;\n  }}\n`;\n\nexport const ClearButton = styled(Button)`\n  margin-top: -1px;\n  margin-bottom: -1px;\n  margin-right: -1px;\n`;\n\nexport { TextInputWrapper, TextInput, Affix };\n"],"names":["consts","wrapperConsts","TextInputConsts","TextInputWrapper","styled","InputStyles.WrapperStyles","TextInput","inputSize","transparentPrefix","transparentSuffix","css","Affix","size","Sizes","$transparent","$disabled","$type","theme","layer","booleanToString","getLabelTypographySize","VariablesNames","ClearButton","Button"],"mappings":"uhBAuBM,CAAE,OAAAA,EAAQ,cAAAC,CAAA,EAAkBC,EAE5BC,EAAmBC,EAAO;AAAA,IAC5BC,eAAyB;AAAA,EAGvBC,EAAYF,EAAO;AAAA,IACrB,CAAC,CAAE,UAAAG,EAAW,kBAAAC,EAAmB,kBAAAC,CAAwB,IAAAC,EAAA;AAAA,MACvDF,GACFE,EAAA;AAAA,sBACkBV,EAAO,4BAA4BO,CAAS,CAAC;AAAA,KAC9D;AAAA;AAAA,MAECE,GACFC,EAAA;AAAA,uBACmBV,EAAO,4BAA4BO,CAAS,CAAC;AAAA,KAC/D;AAAA,GACF;AAAA,EAGGI,EAAQP,EAAO;AAAA,IACjB,CAAC,CAAE,KAAAQ,EAAO,GAAGC,EAAM,MAAA,MAAM,GAAI,aAAAC,EAAe,GAAO,UAAAC,EAAW,MAAAC,EAAO,MAAAC,CAAA,IAAY,CAC3E,MAAAC,EAAQD,EAAM,kBAAkB,CAAE,WAAY,UAAW,SAAUE,EAAAA,gBAAgBJ,CAAS,EAAG,EAE9F,OAAAL,EAAA;AAAA,QACHO,EAAM,cAAc,eAAgBG,EAAAA,uBAAuBR,CAAI,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,mBAItDX,EAAc,aAAaW,CAAI,CAAC;AAAA,eACpCM,EAAMG,iBAAe,sBAAsB,CAAC;AAAA;AAAA,QAEnD,CAACP,GACHJ,EAAA;AAAA,4BACsBQ,EAAMG,iBAAe,oBAAoB,CAAC;AAAA,OAC/D;AAAA;AAAA,QAECT,IAASC,QAAM,QACjBH,EAAA;AAAA,yBACmBT,EAAc,kBAAkBW,CAAI,CAAC;AAAA;AAAA;AAAA,OAGvD;AAAA;AAAA,QAECI,IAAU,UACZF,GACAJ,EAAA;AAAA;AAAA,OAEC;AAAA;AAAA,QAECM,IAAU,UACZF,GACAJ,EAAA;AAAA;AAAA,OAEC;AAAA;AAAA;AAAA,iBAGUT,EAAc,SAASW,CAAI,CAAC;AAAA,kBAC3BX,EAAc,SAASW,CAAI,CAAC;AAAA;AAAA,KAG5C,CAAC;AAAA,EAGUU,EAAclB,EAAOmB,CAAM;AAAA;AAAA;AAAA;AAAA"}

package/build/cjs/components/Timeline/Timeline.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),_=require("classnames"),a=require("../../react-base/src/consts/index.js"),E=require("../../react-base/src/components/Timeline/Timeline.utils.js"),M=require("acinguiux-ds-fabrics"),g=require("./components/TimelineStep/TimelineStep.js"),R=require("./Timeline.styles.js"),$=({className:b,size:d=`${a.Sizes.Medium}`,direction:v=`${a.Directions.Vertical}`,sort:l=`${a.Sorts.Asc}`,alignment:j,sentiment:q=M.FabricsVariables.Sentiments.Neutral,alternate:A=!1,mirrored:m=!1,topConnector:i,bottomConnector:r,steps:s,...x})=>{const T=j||(v===a.Directions.Vertical?`${a.Alignments.Right}`:`${a.Alignments.Top}`),y=!!(s!=null&&s.find(V=>V.label)),S={size:d,direction:v,timelineAlignment:T,alternate:A,sort:l};return e.jsxs(R.Timeline,{className:_(a.TIMELINE_CLASS,b),direction:v,alignment:T,alternate:A,sort:l,...x,children:[(i==null?void 0:i.visibility)&&l===a.Sorts.Asc&&!m&&e.jsx(g,{variant:(i==null?void 0:i.variant)==="dashed"?a.Variants.Transparent:a.Variants.Outlined,dot:null,topConnector:!0,...S}),(i==null?void 0:i.visibility)&&l===a.Sorts.Desc&&m&&e.jsx(g,{variant:(i==null?void 0:i.variant)==="dashed"?a.Variants.Transparent:a.Variants.Outlined,dot:null,topConnector:!0,...S}),(s==null?void 0:s.length)>0&&s.map(({label:V,title:h,subtitle:D,description:I,children:L,variant:N,stepSentiment:O,dot:f,loading:F},u)=>e.jsx(g,{label:V,title:h,subtitle:D,description:I,variant:N,dot:f,stepSentiment:O||q,stepAlignment:E.getStepAlignment(v,T,A,u),loading:F,mirrored:m,hasLabels:y,bottomConnector:r,isFirstItem:l===a.Sorts.Asc?u===0:u===s.length-1,isLastItem:l===a.Sorts.Asc?u===s.length-1:u===0,...S,children:L},`${h}-${u}`)),(i==null?void 0:i.visibility)&&l===a.Sorts.Desc&&!m&&e.jsx(g,{variant:(i==null?void 0:i.variant)==="dashed"?a.Variants.Transparent:a.Variants.Outlined,dot:null,topConnector:!0,...S}),(i==null?void 0:i.visibility)&&l===a.Sorts.Asc&&m&&e.jsx(g,{variant:(i==null?void 0:i.variant)==="dashed"?a.Variants.Transparent:a.Variants.Outlined,dot:null,topConnector:!0,...S})]})};module.exports=$;
+//# sourceMappingURL=Timeline.js.map

package/build/cjs/components/Timeline/Timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.js","sources":["../../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { Sizes, Directions, Sorts, Alignments, Variants, TIMELINE_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport TimelineStep from './components/TimelineStep/TimelineStep';\nimport * as Styled from './Timeline.styles';\nimport type { ITimelineProps } from './Timeline.types';\n\nconst Timeline = ({\n  className,\n  size = `${Sizes.Medium}`,\n  direction = `${Directions.Vertical}`,\n  sort = `${Sorts.Asc}`,\n  alignment,\n  sentiment = FabricsVariables.Sentiments.Neutral,\n  alternate = false,\n  mirrored = false,\n  topConnector,\n  bottomConnector,\n  steps,\n  ...rest\n}: ITimelineProps) => {\n  const innerAlignment = alignment || (direction === Directions.Vertical ? `${Alignments.Right}` : `${Alignments.Top}`);\n  const hasLabels = !!steps?.find((step) => step.label);\n\n  const timelineStepProps = {\n    size,\n    direction,\n    timelineAlignment: innerAlignment,\n    alternate,\n    sort,\n  };\n\n  return (\n    <Styled.Timeline\n      className={classNames(TIMELINE_CLASS, className)}\n      direction={direction}\n      alignment={innerAlignment}\n      alternate={alternate}\n      sort={sort}\n      {...rest}\n    >\n      {topConnector?.visibility && sort === Sorts.Asc && !mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector\n          {...timelineStepProps}\n        />\n      )}\n      {topConnector?.visibility && sort === Sorts.Desc && mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector\n          {...timelineStepProps}\n        />\n      )}\n      {steps?.length > 0 &&\n        steps.map(({ label, title, subtitle, description, children, variant, stepSentiment, dot, loading }, index) => (\n          <TimelineStep\n            label={label}\n            title={title}\n            subtitle={subtitle}\n            description={description}\n            variant={variant}\n            dot={dot}\n            stepSentiment={stepSentiment || sentiment}\n            stepAlignment={TimelineUtils.getStepAlignment(direction, innerAlignment, alternate, index)}\n            loading={loading}\n            mirrored={mirrored}\n            hasLabels={hasLabels}\n            bottomConnector={bottomConnector}\n            isFirstItem={sort === Sorts.Asc ? index === 0 : index === steps.length - 1}\n            isLastItem={sort === Sorts.Asc ? index === steps.length - 1 : index === 0}\n            key={`${title}-${index}`}\n            {...timelineStepProps}\n          >\n            {children}\n          </TimelineStep>\n        ))}\n      {topConnector?.visibility && sort === Sorts.Desc && !mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector\n          {...timelineStepProps}\n        />\n      )}\n      {topConnector?.visibility && sort === Sorts.Asc && mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector\n          {...timelineStepProps}\n        />\n      )}\n    </Styled.Timeline>\n  );\n};\n\nexport default Timeline;\n"],"names":["Timeline","className","size","Sizes","direction","Directions","sort","Sorts","alignment","sentiment","FabricsVariables","alternate","mirrored","topConnector","bottomConnector","steps","rest","innerAlignment","Alignments","hasLabels","step","timelineStepProps","jsxs","Styled.Timeline","classNames","TIMELINE_CLASS","jsx","TimelineStep","Variants","label","title","subtitle","description","children","variant","stepSentiment","dot","loading","index","TimelineUtils.getStepAlignment"],"mappings":"+TASMA,EAAW,CAAC,CAChB,UAAAC,EACA,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,UAAAC,EAAY,GAAGC,aAAW,QAAQ,GAClC,KAAAC,EAAO,GAAGC,QAAM,GAAG,GACnB,UAAAC,EACA,UAAAC,EAAYC,EAAAA,iBAAiB,WAAW,QACxC,UAAAC,EAAY,GACZ,SAAAC,EAAW,GACX,aAAAC,EACA,gBAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAAsB,CACd,MAAAC,EAAiBT,IAAcJ,IAAcC,EAAW,WAAA,SAAW,GAAGa,aAAW,KAAK,GAAK,GAAGA,EAAAA,WAAW,GAAG,IAC5GC,EAAY,CAAC,EAACJ,GAAA,MAAAA,EAAO,KAAMK,GAASA,EAAK,QAEzCC,EAAoB,CACxB,KAAAnB,EACA,UAAAE,EACA,kBAAmBa,EACnB,UAAAN,EACA,KAAAL,CACF,EAGE,OAAAgB,EAAA,KAACC,EAAO,SAAP,CACC,UAAWC,EAAWC,EAAA,eAAgBxB,CAAS,EAC/C,UAAAG,EACA,UAAWa,EACX,UAAAN,EACA,KAAAL,EACC,GAAGU,EAEH,SAAA,EAAAH,GAAA,YAAAA,EAAc,aAAcP,IAASC,EAAM,MAAA,KAAO,CAACK,GAClDc,EAAA,IAACC,EAAA,CACC,SAASd,GAAA,YAAAA,EAAc,WAAY,SAAWe,EAAAA,SAAS,YAAcA,EAAAA,SAAS,SAC9E,IAAK,KACL,aAAY,GACX,GAAGP,CAAA,CACN,GAEDR,GAAA,YAAAA,EAAc,aAAcP,IAASC,EAAA,MAAM,MAAQK,GAClDc,EAAA,IAACC,EAAA,CACC,SAASd,GAAA,YAAAA,EAAc,WAAY,SAAWe,EAAAA,SAAS,YAAcA,EAAAA,SAAS,SAC9E,IAAK,KACL,aAAY,GACX,GAAGP,CAAA,CACN,GAEDN,GAAA,YAAAA,EAAO,QAAS,GACfA,EAAM,IAAI,CAAC,CAAE,MAAAc,EAAO,MAAAC,EAAO,SAAAC,EAAU,YAAAC,EAAa,SAAAC,EAAU,QAAAC,EAAS,cAAAC,EAAe,IAAAC,EAAK,QAAAC,CAAA,EAAWC,IAClGZ,EAAA,IAACC,EAAA,CACC,MAAAE,EACA,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,QAAAE,EACA,IAAAE,EACA,cAAeD,GAAiB1B,EAChC,cAAe8B,EAAAA,iBAA+BnC,EAAWa,EAAgBN,EAAW2B,CAAK,EACzF,QAAAD,EACA,SAAAzB,EACA,UAAAO,EACA,gBAAAL,EACA,YAAaR,IAASC,EAAM,MAAA,IAAM+B,IAAU,EAAIA,IAAUvB,EAAM,OAAS,EACzE,WAAYT,IAASC,EAAM,MAAA,IAAM+B,IAAUvB,EAAM,OAAS,EAAIuB,IAAU,EAEvE,GAAGjB,EAEH,SAAAY,CAAA,EAHI,GAAGH,CAAK,IAAIQ,CAAK,EAAA,CAKzB,GACFzB,GAAA,YAAAA,EAAc,aAAcP,IAASC,EAAM,MAAA,MAAQ,CAACK,GACnDc,EAAA,IAACC,EAAA,CACC,SAASd,GAAA,YAAAA,EAAc,WAAY,SAAWe,EAAAA,SAAS,YAAcA,EAAAA,SAAS,SAC9E,IAAK,KACL,aAAY,GACX,GAAGP,CAAA,CACN,GAEDR,GAAA,YAAAA,EAAc,aAAcP,IAASC,EAAA,MAAM,KAAOK,GACjDc,EAAA,IAACC,EAAA,CACC,SAASd,GAAA,YAAAA,EAAc,WAAY,SAAWe,EAAAA,SAAS,YAAcA,EAAAA,SAAS,SAC9E,IAAK,KACL,aAAY,GACX,GAAGP,CAAA,CAAA,CACN,CAAA,CAEJ,CAEJ"}

package/build/cjs/components/Timeline/Timeline.styles.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),s=require("../../react-base/src/components/Timeline/Timeline.utils.js"),r=e.div`
+  ${({direction:i,alignment:t,alternate:l,sort:n})=>e.css`
+    ${s.getTimeLineContainerStyle(i,t,l,n)}
+  `}
+`;exports.Timeline=r;
+//# sourceMappingURL=Timeline.styles.js.map

package/build/cjs/components/Timeline/Timeline.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.styles.js","sources":["../../../../src/components/Timeline/Timeline.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\n\nimport type { ITimelineProps } from './Timeline.types';\n\nconst Timeline = styled.div<Omit<ITimelineProps, 'steps'>>`\n  ${({ direction, alignment, alternate, sort }) => css`\n    ${TimelineUtils.getTimeLineContainerStyle(direction, alignment, alternate, sort)}\n  `}\n`;\n\nexport { Timeline };\n"],"names":["Timeline","styled","direction","alignment","alternate","sort","css","TimelineUtils.getTimeLineContainerStyle"],"mappings":"yNAKMA,EAAWC,EAAO;AAAA,IACpB,CAAC,CAAE,UAAAC,EAAW,UAAAC,EAAW,UAAAC,EAAW,KAAAC,CAAW,IAAAC,EAAA;AAAA,MAC7CC,EAAwC,0BAAAL,EAAWC,EAAWC,EAAWC,CAAI,CAAC;AAAA,GACjF;AAAA"}

package/build/cjs/components/Timeline/components/TimelineStep/TimelineStep.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),e=require("../../../../react-base/src/consts/index.js"),d=require("../../../../react-base/src/components/Timeline/Timeline.utils.js"),C=require("acinguiux-ds-fabrics"),F=require("../TimelineStepBody/TimelineStepBody.js"),B=require("../TimelineStepBox/TimelineStepBox.js"),P=require("./TimelineStep.styles.js"),_=({size:n=e.Sizes.Medium,direction:c=`${e.Directions.Vertical}`,variant:g=`${e.Variants.Outlined}`,stepSentiment:p=`${C.FabricsVariables.Sentiments.Neutral}`,stepAlignment:t=`${e.Alignments.Right}`,timelineAlignment:D,alternate:l,mirrored:s,dot:o,label:u,title:a,subtitle:m,description:x,children:S,loading:$=!1,hasLabels:r=!1,topConnector:q=!1,bottomConnector:b,isFirstItem:y=!1,isLastItem:L=!1,sort:R=`${e.Sorts.Asc}`})=>{const T=!!a||!!m||!!x||!!S||!!o,f=d.getDotLabelContent(u,r&&!u,l),j={size:n,direction:c,variant:g,dot:o,loading:$,mirrored:s,topConnector:q,dotLabel:f,noLabel:r&&!f,stepAlignment:t,stepSentiment:p,bottomConnector:b,isFirstItem:y,isLastItem:L,hasContent:T,sort:R},V={size:n,title:a,subtitle:m,description:x,mirrored:s,children:S};return i.jsxs(P.TimelineStep,{size:n,$direction:c,stepAlignment:t,timelineAlignment:D,alternate:l,hasLabels:r,noDotContent:!o,topConnector:q,$loading:!!$,$mirrored:!!s,children:[(t===e.Alignments.Right||t===e.Alignments.Bottom)&&i.jsx(B,{...j}),T&&i.jsx(F,{...V}),(t===e.Alignments.Left||t===e.Alignments.Top)&&i.jsx(B,{...j})]})};module.exports=_;
+//# sourceMappingURL=TimelineStep.js.map

package/build/cjs/components/Timeline/components/TimelineStep/TimelineStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineStep.js","sources":["../../../../../../src/components/Timeline/components/TimelineStep/TimelineStep.tsx"],"sourcesContent":["import { Directions, Sizes, Variants, Alignments, Sorts } from 'acinguiux-ds-react-base/consts';\nimport { TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport TimelineStepBody from '../TimelineStepBody/TimelineStepBody';\nimport TimelineStepBox from '../TimelineStepBox/TimelineStepBox';\nimport type { TimelineStepProps } from '../../Timeline.types';\nimport * as Styled from './TimelineStep.styles';\n\nconst TimelineStep = ({\n  size = Sizes.Medium,\n  direction = `${Directions.Vertical}`,\n  variant = `${Variants.Outlined}`,\n  stepSentiment = `${FabricsVariables.Sentiments.Neutral}`,\n  stepAlignment = `${Alignments.Right}`,\n  timelineAlignment,\n  alternate,\n  mirrored,\n  dot,\n  label,\n  title,\n  subtitle,\n  description,\n  children,\n  loading = false,\n  hasLabels = false,\n  topConnector = false,\n  bottomConnector,\n  isFirstItem = false,\n  isLastItem = false,\n  sort = `${Sorts.Asc}`,\n}: TimelineStepProps) => {\n  const hasContent = !!title || !!subtitle || !!description || !!children || !!dot;\n  const dotLabel = TimelineUtils.getDotLabelContent(label, hasLabels && !label, alternate);\n  const noLabel = hasLabels && !dotLabel;\n\n  const timelineStepBoxProps = {\n    size,\n    direction,\n    variant,\n    dot,\n    loading,\n    mirrored,\n    topConnector,\n    dotLabel,\n    noLabel,\n    stepAlignment,\n    stepSentiment,\n    bottomConnector,\n    isFirstItem,\n    isLastItem,\n    hasContent,\n    sort,\n  };\n\n  const timelineStepBodyProps = {\n    size,\n    title,\n    subtitle,\n    description,\n    mirrored,\n    children,\n  };\n\n  return (\n    <Styled.TimelineStep\n      size={size}\n      $direction={direction}\n      stepAlignment={stepAlignment}\n      timelineAlignment={timelineAlignment}\n      alternate={alternate}\n      hasLabels={hasLabels}\n      noDotContent={!dot}\n      topConnector={topConnector}\n      $loading={!!loading}\n      $mirrored={!!mirrored}\n    >\n      {(stepAlignment === Alignments.Right || stepAlignment === Alignments.Bottom) && (\n        <TimelineStepBox {...timelineStepBoxProps} />\n      )}\n      {hasContent && <TimelineStepBody {...timelineStepBodyProps} />}\n      {(stepAlignment === Alignments.Left || stepAlignment === Alignments.Top) && (\n        <TimelineStepBox {...timelineStepBoxProps} />\n      )}\n    </Styled.TimelineStep>\n  );\n};\n\nexport default TimelineStep;\n"],"names":["TimelineStep","size","Sizes","direction","Directions","variant","Variants","stepSentiment","FabricsVariables","stepAlignment","Alignments","timelineAlignment","alternate","mirrored","dot","label","title","subtitle","description","children","loading","hasLabels","topConnector","bottomConnector","isFirstItem","isLastItem","sort","Sorts","hasContent","dotLabel","TimelineUtils.getDotLabelContent","timelineStepBoxProps","timelineStepBodyProps","jsxs","Styled.TimelineStep","jsx","TimelineStepBox","TimelineStepBody"],"mappings":"wWASMA,EAAe,CAAC,CACpB,KAAAC,EAAOC,EAAM,MAAA,OACb,UAAAC,EAAY,GAAGC,aAAW,QAAQ,GAClC,QAAAC,EAAU,GAAGC,WAAS,QAAQ,GAC9B,cAAAC,EAAgB,GAAGC,EAAAA,iBAAiB,WAAW,OAAO,GACtD,cAAAC,EAAgB,GAAGC,aAAW,KAAK,GACnC,kBAAAC,EACA,UAAAC,EACA,SAAAC,EACA,IAAAC,EACA,MAAAC,EACA,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,SAAAC,EACA,QAAAC,EAAU,GACV,UAAAC,EAAY,GACZ,aAAAC,EAAe,GACf,gBAAAC,EACA,YAAAC,EAAc,GACd,WAAAC,EAAa,GACb,KAAAC,EAAO,GAAGC,EAAA,MAAM,GAAG,EACrB,IAAyB,CACvB,MAAMC,EAAa,CAAC,CAACZ,GAAS,CAAC,CAACC,GAAY,CAAC,CAACC,GAAe,CAAC,CAACC,GAAY,CAAC,CAACL,EACvEe,EAAWC,EAAAA,mBAAiCf,EAAOM,GAAa,CAACN,EAAOH,CAAS,EAGjFmB,EAAuB,CAC3B,KAAA9B,EACA,UAAAE,EACA,QAAAE,EACA,IAAAS,EACA,QAAAM,EACA,SAAAP,EACA,aAAAS,EACA,SAAAO,EACA,QAXcR,GAAa,CAACQ,EAY5B,cAAApB,EACA,cAAAF,EACA,gBAAAgB,EACA,YAAAC,EACA,WAAAC,EACA,WAAAG,EACA,KAAAF,CACF,EAEMM,EAAwB,CAC5B,KAAA/B,EACA,MAAAe,EACA,SAAAC,EACA,YAAAC,EACA,SAAAL,EACA,SAAAM,CACF,EAGE,OAAAc,EAAA,KAACC,EAAO,aAAP,CACC,KAAAjC,EACA,WAAYE,EACZ,cAAAM,EACA,kBAAAE,EACA,UAAAC,EACA,UAAAS,EACA,aAAc,CAACP,EACf,aAAAQ,EACA,SAAU,CAAC,CAACF,EACZ,UAAW,CAAC,CAACP,EAEX,SAAA,EAAkBJ,IAAAC,EAAAA,WAAW,OAASD,IAAkBC,EAAAA,WAAW,SAClEyB,MAAAC,EAAA,CAAiB,GAAGL,CAAsB,CAAA,EAE5CH,GAAcO,EAAAA,IAACE,EAAkB,CAAA,GAAGL,CAAuB,CAAA,GAC1DvB,IAAkBC,EAAAA,WAAW,MAAQD,IAAkBC,EAAAA,WAAW,MAClEyB,MAACC,EAAiB,CAAA,GAAGL,CAAsB,CAAA,CAAA,CAAA,CAE/C,CAEJ"}

package/build/cjs/components/Timeline/components/TimelineStep/TimelineStep.styles.js

@@ -0,0 +1,85 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("styled-components"),i=require("../../../../react-base/src/consts/index.js"),x=require("../../../../react-base/src/components/Timeline/Timeline.consts.js"),r=require("../../../../react-base/src/components/Timeline/Timeline.utils.js"),b=require("../../../../react-base/src/theme/variableTheme.js"),s=require("../TimelineStepBox/TimelineStepBox.styles.js"),f=require("../../styles/verticalStepStyles.js"),h=require("../../styles/horizontalStepStyles.js"),{consts:n}=x,g=t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`,d=t.span`
+  ${({size:e,theme:o})=>t.css`
+    ${r.getStepTitleFontStyle(o,e)}
+  `}
+`,$=t.span``,u=t.span`
+  ${({theme:e})=>t.css`
+    color: ${e.getVariablesLayer({})[b.VariablesNames.TextOnFoundationSubtle]};
+  `}
+`,D=t.div(({size:e,$direction:o,stepAlignment:l,alternate:p,$loading:T,$mirrored:a,hasLabels:c,noDotContent:m,topConnector:y,theme:S})=>t.css`
+    display: grid;
+    gap: 12px;
+    min-width: ${n[e].minStepWidth}px;
+
+    ${f.verticalStepStyles};
+    ${h.horizontalStepStyles};
+
+    ${y&&t.css`
+      min-width: 40px;
+      align-items: center;
+    `}
+
+    ${e===i.Sizes.Small&&T&&t.css`
+      ${s.TimelineStepDot} {
+        margin: 6px 0;
+      }
+
+      &:first-of-type {
+        ${s.TimelineStepDot} {
+          margin-top: unset;
+        }
+      }
+
+      &:last-of-type {
+        ${s.TimelineStepDot} {
+          margin-bottom: unset;
+        }
+      }
+    `}
+
+
+    ${g} {
+      text-align: ${l===i.Alignments.Left||a&&o===i.Directions.Horizontal?"right":"left"};
+
+      ${o===i.Directions.Vertical&&t.css`
+        margin-top: ${!m&&n[e].bodyTopMargin}px;
+        margin-bottom: ${n[e].bottomMargin}px;
+      `}
+
+      ${o===i.Directions.Horizontal&&t.css`
+        padding-right: ${n[e].horizontalStepPadding}px;
+        padding-left: unset;
+
+        ${a&&t.css`
+          padding-left: ${!m&&n[e].horizontalStepPadding}px;
+          padding-right: unset;
+        `}
+      `}
+
+      ${l===i.Alignments.Top&&p&&!c&&t.css`
+        align-self: end;
+      `}
+
+      ${l===i.Alignments.Bottom&&p&&!c&&t.css`
+        grid-row-start: 3;
+      `}
+    }
+
+    ${d} {
+      margin-bottom: ${n[e].titleBottomMargin}px;
+    }
+
+    ${$} {
+      ${r.getStepDotLabelFontStyle(S,e)}
+      margin-bottom: ${n[e].subtitleBottomMargin}px;
+    }
+
+    ${u} {
+      ${r.getStepDescriptionFontStyle(S,e)}
+    }
+  `);exports.TimelineStep=D;exports.TimelineStepBody=g;exports.TimelineStepDescription=u;exports.TimelineStepSubtitle=$;exports.TimelineStepTitle=d;
+//# sourceMappingURL=TimelineStep.styles.js.map

package/build/cjs/components/Timeline/components/TimelineStep/TimelineStep.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineStep.styles.js","sources":["../../../../../../src/components/Timeline/components/TimelineStep/TimelineStep.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Sizes, Alignments, Directions } from 'acinguiux-ds-react-base/consts';\nimport { TimelineConsts, TimelineUtils, type TimelineTypes } from 'acinguiux-ds-react-base/components/Timeline';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\n\nimport type { StyledTimelineStepProps } from '../../Timeline.types';\nimport { TimelineStepDot } from '../TimelineStepBox/TimelineStepBox.styles';\nimport { verticalStepStyles } from '../../styles/verticalStepStyles';\nimport { horizontalStepStyles } from '../../styles/horizontalStepStyles';\n\nconst { consts } = TimelineConsts;\n\nconst TimelineStepBody = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n`;\n\nconst TimelineStepTitle = styled.span<Required<Pick<TimelineTypes.IStepProps, 'size'>>>`\n  ${({ size, theme }) => css`\n    ${TimelineUtils.getStepTitleFontStyle(theme, size)}\n  `}\n`;\n\nconst TimelineStepSubtitle = styled.span``;\n\nconst TimelineStepDescription = styled.span`\n  ${({ theme }) => css`\n    color: ${theme.getVariablesLayer({})[VariablesNames.TextOnFoundationSubtle]};\n  `}\n`;\n\nexport type TimelineStepProps = StyledTimelineStepProps & { noDotContent?: boolean };\n\nconst TimelineStep = styled.div<TimelineStepProps>(\n  ({\n    size,\n    $direction,\n    stepAlignment,\n    alternate,\n    $loading,\n    $mirrored,\n    hasLabels,\n    noDotContent,\n    topConnector,\n    theme,\n  }) => css<TimelineStepProps>`\n    display: grid;\n    gap: 12px;\n    min-width: ${consts[size].minStepWidth}px;\n\n    ${verticalStepStyles};\n    ${horizontalStepStyles};\n\n    ${topConnector &&\n    css`\n      min-width: 40px;\n      align-items: center;\n    `}\n\n    ${size === Sizes.Small &&\n    $loading &&\n    css`\n      ${TimelineStepDot} {\n        margin: 6px 0;\n      }\n\n      &:first-of-type {\n        ${TimelineStepDot} {\n          margin-top: unset;\n        }\n      }\n\n      &:last-of-type {\n        ${TimelineStepDot} {\n          margin-bottom: unset;\n        }\n      }\n    `}\n\n\n    ${TimelineStepBody} {\n      text-align: ${stepAlignment === Alignments.Left || ($mirrored && $direction === Directions.Horizontal)\n        ? 'right'\n        : 'left'};\n\n      ${$direction === Directions.Vertical &&\n      css`\n        margin-top: ${!noDotContent && consts[size].bodyTopMargin}px;\n        margin-bottom: ${consts[size].bottomMargin}px;\n      `}\n\n      ${$direction === Directions.Horizontal &&\n      css`\n        padding-right: ${consts[size].horizontalStepPadding}px;\n        padding-left: unset;\n\n        ${$mirrored &&\n        css`\n          padding-left: ${!noDotContent && consts[size].horizontalStepPadding}px;\n          padding-right: unset;\n        `}\n      `}\n\n      ${stepAlignment === Alignments.Top &&\n      alternate &&\n      !hasLabels &&\n      css`\n        align-self: end;\n      `}\n\n      ${stepAlignment === Alignments.Bottom &&\n      alternate &&\n      !hasLabels &&\n      css`\n        grid-row-start: 3;\n      `}\n    }\n\n    ${TimelineStepTitle} {\n      margin-bottom: ${consts[size].titleBottomMargin}px;\n    }\n\n    ${TimelineStepSubtitle} {\n      ${TimelineUtils.getStepDotLabelFontStyle(theme, size)}\n      margin-bottom: ${consts[size].subtitleBottomMargin}px;\n    }\n\n    ${TimelineStepDescription} {\n      ${TimelineUtils.getStepDescriptionFontStyle(theme, size)}\n    }\n  `,\n);\n\nexport { TimelineStep, TimelineStepBody, TimelineStepTitle, TimelineStepSubtitle, TimelineStepDescription };\n"],"names":["consts","TimelineConsts","TimelineStepBody","styled","TimelineStepTitle","size","theme","css","TimelineUtils.getStepTitleFontStyle","TimelineStepSubtitle","TimelineStepDescription","VariablesNames","TimelineStep","$direction","stepAlignment","alternate","$loading","$mirrored","hasLabels","noDotContent","topConnector","verticalStepStyles","horizontalStepStyles","Sizes","TimelineStepDot","Alignments","Directions","TimelineUtils.getStepDotLabelFontStyle","TimelineUtils.getStepDescriptionFontStyle"],"mappings":"ikBAUM,CAAE,OAAAA,CAAW,EAAAC,EAEbC,EAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA,EAM1BC,EAAoBD,EAAO;AAAA,IAC7B,CAAC,CAAE,KAAAE,EAAM,MAAAC,CAAA,IAAYC,EAAA;AAAA,MACnBC,EAAc,sBAAsBF,EAAOD,CAAI,CAAC;AAAA,GACnD;AAAA,EAGGI,EAAuBN,EAAO,OAE9BO,EAA0BP,EAAO;AAAA,IACnC,CAAC,CAAE,MAAAG,CAAA,IAAYC,EAAA;AAAA,aACND,EAAM,kBAAkB,CAAA,CAAE,EAAEK,EAAA,eAAe,sBAAsB,CAAC;AAAA,GAC5E;AAAA,EAKGC,EAAeT,EAAO,IAC1B,CAAC,CACC,KAAAE,EACA,WAAAQ,EACA,cAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EACA,UAAAC,EACA,aAAAC,EACA,aAAAC,EACA,MAAAd,CAAA,IACIC,EAAA;AAAA;AAAA;AAAA,iBAGSP,EAAOK,CAAI,EAAE,YAAY;AAAA;AAAA,MAEpCgB,oBAAkB;AAAA,MAClBC,sBAAoB;AAAA;AAAA,MAEpBF,GACFb,EAAA;AAAA;AAAA;AAAA,KAGC;AAAA;AAAA,MAECF,IAASkB,EAAAA,MAAM,OACjBP,GACAT,EAAA;AAAA,QACIiB,iBAAe;AAAA;AAAA;AAAA;AAAA;AAAA,UAKbA,iBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMfA,iBAAe;AAAA;AAAA;AAAA;AAAA,KAIpB;AAAA;AAAA;AAAA,MAGCtB,CAAgB;AAAA,oBACFY,IAAkBW,aAAW,MAASR,GAAaJ,IAAea,aAAW,WACvF,QACA,MAAM;AAAA;AAAA,QAERb,IAAea,aAAW,UAC5BnB,EAAA;AAAA,sBACgB,CAACY,GAAgBnB,EAAOK,CAAI,EAAE,aAAa;AAAA,yBACxCL,EAAOK,CAAI,EAAE,YAAY;AAAA,OAC3C;AAAA;AAAA,QAECQ,IAAea,aAAW,YAC5BnB,EAAA;AAAA,yBACmBP,EAAOK,CAAI,EAAE,qBAAqB;AAAA;AAAA;AAAA,UAGjDY,GACFV,EAAA;AAAA,0BACkB,CAACY,GAAgBnB,EAAOK,CAAI,EAAE,qBAAqB;AAAA;AAAA,SAEpE;AAAA,OACF;AAAA;AAAA,QAECS,IAAkBW,EAAAA,WAAW,KAC/BV,GACA,CAACG,GACDX,EAAA;AAAA;AAAA,OAEC;AAAA;AAAA,QAECO,IAAkBW,EAAAA,WAAW,QAC/BV,GACA,CAACG,GACDX,EAAA;AAAA;AAAA,OAEC;AAAA;AAAA;AAAA,MAGDH,CAAiB;AAAA,uBACAJ,EAAOK,CAAI,EAAE,iBAAiB;AAAA;AAAA;AAAA,MAG/CI,CAAoB;AAAA,QAClBkB,EAAc,yBAAyBrB,EAAOD,CAAI,CAAC;AAAA,uBACpCL,EAAOK,CAAI,EAAE,oBAAoB;AAAA;AAAA;AAAA,MAGlDK,CAAuB;AAAA,QACrBkB,EAAc,4BAA4BtB,EAAOD,CAAI,CAAC;AAAA;AAAA,GAG9D"}

package/build/cjs/components/Timeline/components/TimelineStepBody/TimelineStepBody.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("../TimelineStep/TimelineStep.styles.js"),c=({size:l,title:n,subtitle:s,description:t,children:r})=>e.jsxs(i.TimelineStepBody,{children:[n&&e.jsx(i.TimelineStepTitle,{size:l,children:n}),s&&e.jsx(i.TimelineStepSubtitle,{children:s}),t&&e.jsx(i.TimelineStepDescription,{children:t}),r]});module.exports=c;
+//# sourceMappingURL=TimelineStepBody.js.map

package/build/cjs/components/Timeline/components/TimelineStepBody/TimelineStepBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineStepBody.js","sources":["../../../../../../src/components/Timeline/components/TimelineStepBody/TimelineStepBody.tsx"],"sourcesContent":["import type { TimelineTypes } from 'acinguiux-ds-react-base/components/Timeline';\n\nimport * as Styled from '../TimelineStep/TimelineStep.styles';\n\ntype ITimelineStepBodyProps = Required<Pick<TimelineTypes.IStepProps, 'size'>> &\n  Pick<TimelineTypes.IStepProps, 'title' | 'subtitle' | 'description' | 'children'>;\n\nconst TimelineStepBody = ({ size, title, subtitle, description, children }: ITimelineStepBodyProps) => (\n  <Styled.TimelineStepBody>\n    {title && <Styled.TimelineStepTitle size={size}>{title}</Styled.TimelineStepTitle>}\n    {subtitle && <Styled.TimelineStepSubtitle>{subtitle}</Styled.TimelineStepSubtitle>}\n    {description && <Styled.TimelineStepDescription>{description}</Styled.TimelineStepDescription>}\n    {children}\n  </Styled.TimelineStepBody>\n);\n\nexport default TimelineStepBody;\n"],"names":["TimelineStepBody","size","title","subtitle","description","children","jsxs","Styled.TimelineStepBody","jsx","Styled.TimelineStepTitle","Styled.TimelineStepSubtitle","Styled.TimelineStepDescription"],"mappings":"sGAOMA,EAAmB,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,SAAAC,EAAU,YAAAC,EAAa,SAAAC,KAC9DC,EAAAA,KAACC,EAAO,iBAAP,CACE,SAAA,CAAAL,GAAUM,EAAA,IAAAC,EAAA,kBAAA,CAAyB,KAAAR,EAAa,SAAMC,EAAA,EACtDC,GAAYK,EAAAA,IAACE,EAAAA,qBAAA,CAA6B,SAASP,CAAA,CAAA,EACnDC,GAAeI,EAAAA,IAACG,EAAAA,wBAAA,CAAgC,SAAYP,CAAA,CAAA,EAC5DC,CAAA,CACH,CAAA"}

package/build/cjs/components/Timeline/components/TimelineStepBox/TimelineStepBox.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),a=require("../../../../react-base/src/consts/index.js"),$=require("../../../../react-base/src/components/Timeline/Timeline.utils.js"),g=require("acinguiux-ds-fabrics"),F=require("../../../Loading/Loading.js"),n=require("./TimelineStepBox.styles.js"),p=({size:r,direction:c,variant:S,dot:l,loading:u,mirrored:j=!1,dotLabel:x,noLabel:T,stepAlignment:e,hasContent:h,stepSentiment:t=g.FabricsVariables.Sentiments.Neutral,bottomConnector:s,isFirstItem:q,isLastItem:B,sort:D})=>i.jsxs(i.Fragment,{children:[(e===a.Alignments.Right||e===a.Alignments.Top)&&x&&i.jsx(n.TimelineStepLabel,{mirrored:j,noDotContent:!l,size:r,$direction:c,stepAlignment:e,children:x}),i.jsxs(n.TimelineStepBox,{size:r,$direction:c,variant:S,stepSentiment:t,stepAlignment:e,isBottomConnector:s==null?void 0:s.visibility,connectorVariant:s==null?void 0:s.variant,noDotContent:!l,noLabel:T,isFirstItem:q,isLastItem:B,$loading:u,$mirrored:j,sort:D,children:[h&&i.jsx(n.TimelineStepDot,{children:u?i.jsx(F,{size:$.getLoadingSize(r)}):i.jsx(i.Fragment,{children:!u&&l})}),i.jsx(n.TimelineStepLine,{})]}),(e===a.Alignments.Left||e===a.Alignments.Bottom)&&x&&i.jsx(n.TimelineStepLabel,{mirrored:j,noDotContent:!l,size:r,$direction:c,stepAlignment:e,children:x})]});module.exports=p;
+//# sourceMappingURL=TimelineStepBox.js.map

package/build/cjs/components/Timeline/components/TimelineStepBox/TimelineStepBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineStepBox.js","sources":["../../../../../../src/components/Timeline/components/TimelineStepBox/TimelineStepBox.tsx"],"sourcesContent":["import { Alignments } from 'acinguiux-ds-react-base/consts';\nimport { TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport Loading from '../../../Loading/Loading';\nimport * as Styled from './TimelineStepBox.styles';\nimport type { ITimelineStepBoxProps } from './TimelineStepBox.types';\n\nconst TimelineStepBox = ({\n  size,\n  direction,\n  variant,\n  dot,\n  loading,\n  mirrored = false,\n  dotLabel,\n  noLabel,\n  stepAlignment,\n  hasContent,\n  stepSentiment = FabricsVariables.Sentiments.Neutral,\n  bottomConnector,\n  isFirstItem,\n  isLastItem,\n  sort,\n}: ITimelineStepBoxProps) => (\n  <>\n    {(stepAlignment === Alignments.Right || stepAlignment === Alignments.Top) && dotLabel && (\n      <Styled.TimelineStepLabel\n        mirrored={mirrored}\n        noDotContent={!dot}\n        size={size}\n        $direction={direction}\n        stepAlignment={stepAlignment}\n      >\n        {dotLabel}\n      </Styled.TimelineStepLabel>\n    )}\n\n    <Styled.TimelineStepBox\n      size={size}\n      $direction={direction}\n      variant={variant}\n      stepSentiment={stepSentiment}\n      stepAlignment={stepAlignment}\n      isBottomConnector={bottomConnector?.visibility}\n      connectorVariant={bottomConnector?.variant}\n      noDotContent={!dot}\n      noLabel={noLabel}\n      isFirstItem={isFirstItem}\n      isLastItem={isLastItem}\n      $loading={loading}\n      $mirrored={mirrored}\n      sort={sort}\n    >\n      {hasContent && (\n        <Styled.TimelineStepDot>\n          {loading ? <Loading size={TimelineUtils.getLoadingSize(size)} /> : <>{!loading && dot}</>}\n        </Styled.TimelineStepDot>\n      )}\n      <Styled.TimelineStepLine />\n    </Styled.TimelineStepBox>\n    {(stepAlignment === Alignments.Left || stepAlignment === Alignments.Bottom) && dotLabel && (\n      <Styled.TimelineStepLabel\n        mirrored={mirrored}\n        noDotContent={!dot}\n        size={size}\n        $direction={direction}\n        stepAlignment={stepAlignment}\n      >\n        {dotLabel}\n      </Styled.TimelineStepLabel>\n    )}\n  </>\n);\n\nexport default TimelineStepBox;\n"],"names":["TimelineStepBox","size","direction","variant","dot","loading","mirrored","dotLabel","noLabel","stepAlignment","hasContent","stepSentiment","FabricsVariables","bottomConnector","isFirstItem","isLastItem","sort","jsxs","Fragment","Alignments","jsx","Styled.TimelineStepLabel","Styled.TimelineStepBox","Styled.TimelineStepDot","Loading","TimelineUtils.getLoadingSize","Styled.TimelineStepLine"],"mappings":"4SAQMA,EAAkB,CAAC,CACvB,KAAAC,EACA,UAAAC,EACA,QAAAC,EACA,IAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EACA,QAAAC,EACA,cAAAC,EACA,WAAAC,EACA,cAAAC,EAAgBC,EAAAA,iBAAiB,WAAW,QAC5C,gBAAAC,EACA,YAAAC,EACA,WAAAC,EACA,KAAAC,CACF,IAEMC,EAAA,KAAAC,WAAA,CAAA,SAAA,EAAAT,IAAkBU,EAAAA,WAAW,OAASV,IAAkBU,aAAW,MAAQZ,GAC3Ea,EAAA,IAACC,EAAO,kBAAP,CACC,SAAAf,EACA,aAAc,CAACF,EACf,KAAAH,EACA,WAAYC,EACZ,cAAAO,EAEC,SAAAF,CAAA,CACH,EAGFU,EAAA,KAACK,EAAO,gBAAP,CACC,KAAArB,EACA,WAAYC,EACZ,QAAAC,EACA,cAAAQ,EACA,cAAAF,EACA,kBAAmBI,GAAA,YAAAA,EAAiB,WACpC,iBAAkBA,GAAA,YAAAA,EAAiB,QACnC,aAAc,CAACT,EACf,QAAAI,EACA,YAAAM,EACA,WAAAC,EACA,SAAUV,EACV,UAAWC,EACX,KAAAU,EAEC,SAAA,CAAAN,SACEa,EAAAA,gBAAA,CACE,SAAAlB,QAAWmB,EAAQ,CAAA,KAAMC,EAAAA,eAA6BxB,CAAI,CAAG,CAAA,oBAAQ,SAAC,CAAAI,GAAWD,CAAI,CAAA,EACxF,EAEFgB,EAAA,IAACM,EAAO,iBAAP,CAAwB,CAAA,CAAA,CAAA,CAC3B,GACEjB,IAAkBU,EAAAA,WAAW,MAAQV,IAAkBU,aAAW,SAAWZ,GAC7Ea,EAAA,IAACC,EAAO,kBAAP,CACC,SAAAf,EACA,aAAc,CAACF,EACf,KAAAH,EACA,WAAYC,EACZ,cAAAO,EAEC,SAAAF,CAAA,CAAA,CACH,CAEJ,CAAA"}

package/build/cjs/components/Timeline/components/TimelineStepBox/TimelineStepBox.styles.js

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),n=require("../../../../react-base/src/consts/index.js"),i=require("../../../../react-base/src/components/Timeline/Timeline.consts.js"),l=require("../../../../react-base/src/components/Timeline/Timeline.utils.js"),r=require("../../styles/dotStyles.js"),u=require("../../styles/label.styles.js"),$=require("../../styles/lineStyles.js"),g=e.span`
+  ${u.labelStyles};
+`,c=e.div``,a=e.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+`,y=e.div`
+  ${({size:t,$direction:p,noDotContent:S,$mirrored:m,noLabel:o,stepAlignment:s,theme:d})=>e.css`
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: ${i.gap}px;
+    height: inherit;
+
+    ${p===n.Directions.Horizontal&&e.css`
+      flex-direction: ${m?"row-reverse":"row"};
+      height: ${i.consts[t].dotSize}px;
+
+      ${o&&s===n.Alignments.Top&&e.css`
+        margin-bottom: ${i.consts[t].noLabelMargin}px;
+      `}
+
+      ${o&&s===n.Alignments.Bottom&&e.css`
+        margin-top: ${i.consts[t].noLabelMargin}px;
+      `}
+    `}
+
+    ${c} {
+      ${$.lineStyles};
+    }
+
+    ${a} {
+      ${l.getStepDotStyle(t,S)}
+      ${l.getStepDotContentFontStyle(d,t)}
+      ${r.dotVariantsStyles};
+      ${r.dotIconStyles};
+    }
+  `}
+`;exports.TimelineStepBox=y;exports.TimelineStepDot=a;exports.TimelineStepLabel=g;exports.TimelineStepLine=c;
+//# sourceMappingURL=TimelineStepBox.styles.js.map

package/build/cjs/components/Timeline/components/TimelineStepBox/TimelineStepBox.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineStepBox.styles.js","sources":["../../../../../../src/components/Timeline/components/TimelineStepBox/TimelineStepBox.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Alignments, Directions } from 'acinguiux-ds-react-base/consts';\nimport type { Transient } from 'acinguiux-ds-react-base/types';\nimport { TimelineUtils, TimelineConsts, type TimelineTypes } from 'acinguiux-ds-react-base/components/Timeline';\n\nimport { dotIconStyles, dotVariantsStyles } from '../../styles/dotStyles';\nimport { labelStyles } from '../../styles/label.styles';\nimport { lineStyles } from '../../styles/lineStyles';\nimport type { StyledTimelineStepLabelProps } from '../../Timeline.types';\nimport type { ITimelineStepBoxProps } from './TimelineStepBox.types';\n\nconst TimelineStepLabel = styled.span<StyledTimelineStepLabelProps>`\n  ${labelStyles};\n`;\n\nconst TimelineStepLine = styled.div``;\n\nconst TimelineStepDot = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n`;\n\nexport type TimelineStepBoxProps = Transient<ITimelineStepBoxProps, 'direction' | 'loading' | 'mirrored'> & {\n  isBottomConnector?: boolean;\n  connectorVariant?: TimelineTypes.StepConnectorType;\n  noDotContent?: boolean;\n  noLabel?: boolean;\n};\n\nconst TimelineStepBox = styled.div<TimelineStepBoxProps>`\n  ${({ size, $direction, noDotContent, $mirrored, noLabel, stepAlignment, theme }) => css<TimelineStepBoxProps>`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: ${TimelineConsts.gap}px;\n    height: inherit;\n\n    ${$direction === Directions.Horizontal &&\n    css`\n      flex-direction: ${$mirrored ? 'row-reverse' : 'row'};\n      height: ${TimelineConsts.consts[size].dotSize}px;\n\n      ${noLabel &&\n      stepAlignment === Alignments.Top &&\n      css`\n        margin-bottom: ${TimelineConsts.consts[size].noLabelMargin}px;\n      `}\n\n      ${noLabel &&\n      stepAlignment === Alignments.Bottom &&\n      css`\n        margin-top: ${TimelineConsts.consts[size].noLabelMargin}px;\n      `}\n    `}\n\n    ${TimelineStepLine} {\n      ${lineStyles};\n    }\n\n    ${TimelineStepDot} {\n      ${TimelineUtils.getStepDotStyle(size, noDotContent)}\n      ${TimelineUtils.getStepDotContentFontStyle(theme, size)}\n      ${dotVariantsStyles};\n      ${dotIconStyles};\n    }\n  `}\n`;\n\nexport { TimelineStepLabel, TimelineStepBox, TimelineStepLine, TimelineStepDot };\n"],"names":["TimelineStepLabel","styled","labelStyles","TimelineStepLine","TimelineStepDot","TimelineStepBox","size","$direction","noDotContent","$mirrored","noLabel","stepAlignment","theme","css","TimelineConsts.gap","Directions","TimelineConsts.consts","Alignments","lineStyles","TimelineUtils.getStepDotStyle","TimelineUtils.getStepDotContentFontStyle","dotVariantsStyles","dotIconStyles"],"mappings":"+dAWMA,EAAoBC,EAAO;AAAA,IAC7BC,aAAW;AAAA,EAGTC,EAAmBF,EAAO,MAE1BG,EAAkBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAczBI,EAAkBJ,EAAO;AAAA,IAC3B,CAAC,CAAE,KAAAK,EAAM,WAAAC,EAAY,aAAAC,EAAc,UAAAC,EAAW,QAAAC,EAAS,cAAAC,EAAe,MAAAC,CAAA,IAAYC,EAAA;AAAA;AAAA;AAAA;AAAA,WAI3EC,KAAkB;AAAA;AAAA;AAAA,MAGvBP,IAAeQ,aAAW,YAC5BF,EAAA;AAAA,wBACoBJ,EAAY,cAAgB,KAAK;AAAA,gBACzCO,EAAe,OAAOV,CAAI,EAAE,OAAO;AAAA;AAAA,QAE3CI,GACFC,IAAkBM,EAAA,WAAW,KAC7BJ,EAAA;AAAA,yBACmBG,EAAe,OAAOV,CAAI,EAAE,aAAa;AAAA,OAC3D;AAAA;AAAA,QAECI,GACFC,IAAkBM,EAAA,WAAW,QAC7BJ,EAAA;AAAA,sBACgBG,EAAe,OAAOV,CAAI,EAAE,aAAa;AAAA,OACxD;AAAA,KACF;AAAA;AAAA,MAECH,CAAgB;AAAA,QACde,YAAU;AAAA;AAAA;AAAA,MAGZd,CAAe;AAAA,QACbe,EAAc,gBAAgBb,EAAME,CAAY,CAAC;AAAA,QACjDY,EAAc,2BAA2BR,EAAON,CAAI,CAAC;AAAA,QACrDe,mBAAiB;AAAA,QACjBC,eAAa;AAAA;AAAA,GAElB;AAAA"}

package/build/cjs/components/Timeline/styles/alignments.styles.js

@@ -0,0 +1,85 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("styled-components"),r=require("../../../react-base/src/consts/index.js"),c=require("../../../react-base/src/components/Timeline/Timeline.consts.js"),i=require("../components/TimelineStepBox/TimelineStepBox.styles.js"),{consts:l}=c,m=t.css(({size:e,hasLabels:s,topConnector:n})=>t.css`
+    grid-template-columns: 1fr ${l[e].dotSize}px 100px;
+
+    ${!s&&t.css`
+      grid-template-columns: 1fr ${l[e].dotSize}px;
+    `}
+
+    ${n&&t.css`
+      ${i.TimelineStepBox} {
+        grid-column-start: 2;
+      }
+    `}
+  `),g=t.css(({size:e,hasLabels:s})=>t.css`
+    grid-template-columns: 100px ${l[e].dotSize}px 1fr;
+
+    ${!s&&t.css`
+      grid-template-columns: ${l[e].dotSize}px 1fr;
+    `}
+
+    ${s&&t.css`
+      ${i.TimelineStepBox} {
+        grid-column-start: 2;
+      }
+    `}
+  `),a=t.css`
+  ${({size:e,stepAlignment:s})=>t.css`
+    grid-template-columns: 1fr ${l[e].dotSize}px 1fr;
+
+    ${s===r.Alignments.Right&&t.css`
+      ${i.TimelineStepBox} {
+        grid-column-start: 2;
+      }
+    `}
+
+    ${s===r.Alignments.Right&&t.css`
+      ${i.TimelineStepLabel} {
+        justify-self: end;
+      }
+    `}
+  `}
+`,$=t.css`
+  ${({hasLabels:e})=>t.css`
+    grid-template-columns: 1fr;
+
+    ${e&&t.css`
+      ${i.TimelineStepLabel} {
+        grid-row-start: 3;
+      }
+    `}
+  `}
+`,S=t.css`
+  ${({hasLabels:e})=>t.css`
+    grid-template-columns: 1fr;
+
+    ${e&&t.css`
+      ${i.TimelineStepLabel} {
+        grid-row-start: 1;
+      }
+    `}
+  `}
+`,d=t.css`
+  ${({size:e,stepAlignment:s,hasLabels:n,topConnector:o})=>t.css`
+    grid-template-rows: ${!o&&`1fr ${l[e].dotSize}px 1fr`};
+
+    ${s===r.Alignments.Bottom&&!n&&t.css`
+      ${i.TimelineStepBox} {
+        grid-row-start: 2;
+      }
+    `}
+
+    ${s===r.Alignments.Bottom&&n&&t.css`
+      ${i.TimelineStepLabel} {
+        grid-row-start: 1;
+        align-self: end;
+      }
+    `}
+
+    ${s===r.Alignments.Top&&n&&t.css`
+      ${i.TimelineStepLabel} {
+        grid-row-start: 3;
+      }
+    `}
+  `}
+`;exports.horizontalAlignmentAlternateStyles=d;exports.horizontalAlignmentBottomStyles=S;exports.horizontalAlignmentTopStyles=$;exports.verticalAlignmentAlternateStyles=a;exports.verticalAlignmentLeftStyles=m;exports.verticalAlignmentRightStyles=g;
+//# sourceMappingURL=alignments.styles.js.map

package/build/cjs/components/Timeline/styles/alignments.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alignments.styles.js","sources":["../../../../../src/components/Timeline/styles/alignments.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { Alignments } from 'acinguiux-ds-react-base/consts';\nimport { TimelineConsts, type TimelineTypes } from 'acinguiux-ds-react-base/components/Timeline';\n\nimport { TimelineStepBox, TimelineStepLabel } from '../components/TimelineStepBox/TimelineStepBox.styles';\n\ntype AlignmentProps = Required<Pick<TimelineTypes.IStepProps, 'size'>>;\n\nconst { consts } = TimelineConsts;\n\nexport const verticalAlignmentLeftStyles = css<\n  AlignmentProps & Pick<TimelineTypes.IStepProps, 'topConnector' | 'hasLabels'>\n>(\n  ({ size, hasLabels, topConnector }) => css`\n    grid-template-columns: 1fr ${consts[size].dotSize}px 100px;\n\n    ${!hasLabels &&\n    css`\n      grid-template-columns: 1fr ${consts[size].dotSize}px;\n    `}\n\n    ${topConnector &&\n    css`\n      ${TimelineStepBox} {\n        grid-column-start: 2;\n      }\n    `}\n  `,\n);\n\nexport const verticalAlignmentRightStyles = css<AlignmentProps & Pick<TimelineTypes.IStepProps, 'hasLabels'>>(\n  ({ size, hasLabels }) => css`\n    grid-template-columns: 100px ${consts[size].dotSize}px 1fr;\n\n    ${!hasLabels &&\n    css`\n      grid-template-columns: ${consts[size].dotSize}px 1fr;\n    `}\n\n    ${hasLabels &&\n    css`\n      ${TimelineStepBox} {\n        grid-column-start: 2;\n      }\n    `}\n  `,\n);\n\nexport const verticalAlignmentAlternateStyles = css<AlignmentProps & Pick<TimelineTypes.IStepProps, 'stepAlignment'>>`\n  ${({ size, stepAlignment }) => css`\n    grid-template-columns: 1fr ${consts[size].dotSize}px 1fr;\n\n    ${stepAlignment === Alignments.Right &&\n    css`\n      ${TimelineStepBox} {\n        grid-column-start: 2;\n      }\n    `}\n\n    ${stepAlignment === Alignments.Right &&\n    css`\n      ${TimelineStepLabel} {\n        justify-self: end;\n      }\n    `}\n  `}\n`;\n\nexport const horizontalAlignmentTopStyles = css<Pick<TimelineTypes.IStepProps, 'hasLabels'>>`\n  ${({ hasLabels }) => css`\n    grid-template-columns: 1fr;\n\n    ${hasLabels &&\n    css`\n      ${TimelineStepLabel} {\n        grid-row-start: 3;\n      }\n    `}\n  `}\n`;\n\nexport const horizontalAlignmentBottomStyles = css<Pick<TimelineTypes.IStepProps, 'hasLabels'>>`\n  ${({ hasLabels }) => css`\n    grid-template-columns: 1fr;\n\n    ${hasLabels &&\n    css`\n      ${TimelineStepLabel} {\n        grid-row-start: 1;\n      }\n    `}\n  `}\n`;\n\nexport const horizontalAlignmentAlternateStyles = css<\n  AlignmentProps & Pick<TimelineTypes.IStepProps, 'stepAlignment' | 'hasLabels' | 'topConnector'>\n>`\n  ${({ size, stepAlignment, hasLabels, topConnector }) => css`\n    grid-template-rows: ${!topConnector && `1fr ${consts[size].dotSize}px 1fr`};\n\n    ${stepAlignment === Alignments.Bottom &&\n    !hasLabels &&\n    css`\n      ${TimelineStepBox} {\n        grid-row-start: 2;\n      }\n    `}\n\n    ${stepAlignment === Alignments.Bottom &&\n    hasLabels &&\n    css`\n      ${TimelineStepLabel} {\n        grid-row-start: 1;\n        align-self: end;\n      }\n    `}\n\n    ${stepAlignment === Alignments.Top &&\n    hasLabels &&\n    css`\n      ${TimelineStepLabel} {\n        grid-row-start: 3;\n      }\n    `}\n  `}\n`;\n"],"names":["consts","TimelineConsts","verticalAlignmentLeftStyles","css","size","hasLabels","topConnector","TimelineStepBox","verticalAlignmentRightStyles","verticalAlignmentAlternateStyles","stepAlignment","Alignments","TimelineStepLabel","horizontalAlignmentTopStyles","horizontalAlignmentBottomStyles","horizontalAlignmentAlternateStyles"],"mappings":"uVAQM,CAAE,OAAAA,CAAW,EAAAC,EAENC,EAA8BC,EAAA,IAGzC,CAAC,CAAE,KAAAC,EAAM,UAAAC,EAAW,aAAAC,CAAmB,IAAAH,EAAA;AAAA,iCACRH,EAAOI,CAAI,EAAE,OAAO;AAAA;AAAA,MAE/C,CAACC,GACHF,EAAA;AAAA,mCAC+BH,EAAOI,CAAI,EAAE,OAAO;AAAA,KAClD;AAAA;AAAA,MAECE,GACFH,EAAA;AAAA,QACII,iBAAe;AAAA;AAAA;AAAA,KAGlB;AAAA,GAEL,EAEaC,EAA+BL,EAAA,IAC1C,CAAC,CAAE,KAAAC,EAAM,UAAAC,CAAA,IAAgBF,EAAA;AAAA,mCACQH,EAAOI,CAAI,EAAE,OAAO;AAAA;AAAA,MAEjD,CAACC,GACHF,EAAA;AAAA,+BAC2BH,EAAOI,CAAI,EAAE,OAAO;AAAA,KAC9C;AAAA;AAAA,MAECC,GACFF,EAAA;AAAA,QACII,iBAAe;AAAA;AAAA;AAAA,KAGlB;AAAA,GAEL,EAEaE,EAAmCN,EAAA;AAAA,IAC5C,CAAC,CAAE,KAAAC,EAAM,cAAAM,CAAA,IAAoBP,EAAA;AAAA,iCACAH,EAAOI,CAAI,EAAE,OAAO;AAAA;AAAA,MAE/CM,IAAkBC,aAAW,OAC/BR,EAAA;AAAA,QACII,iBAAe;AAAA;AAAA;AAAA,KAGlB;AAAA;AAAA,MAECG,IAAkBC,aAAW,OAC/BR,EAAA;AAAA,QACIS,mBAAiB;AAAA;AAAA;AAAA,KAGpB;AAAA,GACF;AAAA,EAGUC,EAA+BV,EAAA;AAAA,IACxC,CAAC,CAAE,UAAAE,CAAA,IAAgBF,EAAA;AAAA;AAAA;AAAA,MAGjBE,GACFF,EAAA;AAAA,QACIS,mBAAiB;AAAA;AAAA;AAAA,KAGpB;AAAA,GACF;AAAA,EAGUE,EAAkCX,EAAA;AAAA,IAC3C,CAAC,CAAE,UAAAE,CAAA,IAAgBF,EAAA;AAAA;AAAA;AAAA,MAGjBE,GACFF,EAAA;AAAA,QACIS,mBAAiB;AAAA;AAAA;AAAA,KAGpB;AAAA,GACF;AAAA,EAGUG,EAAqCZ,EAAA;AAAA,IAG9C,CAAC,CAAE,KAAAC,EAAM,cAAAM,EAAe,UAAAL,EAAW,aAAAC,CAAmB,IAAAH,EAAA;AAAA,0BAChC,CAACG,GAAgB,OAAON,EAAOI,CAAI,EAAE,OAAO,QAAQ;AAAA;AAAA,MAExEM,IAAkBC,EAAA,WAAW,QAC/B,CAACN,GACDF,EAAA;AAAA,QACII,iBAAe;AAAA;AAAA;AAAA,KAGlB;AAAA;AAAA,MAECG,IAAkBC,EAAAA,WAAW,QAC/BN,GACAF,EAAA;AAAA,QACIS,mBAAiB;AAAA;AAAA;AAAA;AAAA,KAIpB;AAAA;AAAA,MAECF,IAAkBC,EAAAA,WAAW,KAC/BN,GACAF,EAAA;AAAA,QACIS,mBAAiB;AAAA;AAAA;AAAA,KAGpB;AAAA,GACF;AAAA"}

package/build/cjs/components/Timeline/styles/dotStyles.js

@@ -0,0 +1,23 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),i=require("../../../react-base/src/components/Timeline/Timeline.consts.js"),c=require("../../../react-base/src/components/Timeline/Timeline.utils.js"),l=require("../../../react-base/src/theme/variableTheme.js"),a=e.css`
+  ${({variant:t,stepSentiment:s,$loading:o,theme:n})=>e.css`
+    ${c.getDotVariantStyle(n,t,s)}
+
+    ${o&&e.css`
+      border: unset;
+    `}
+  `}
+`,u=e.css`
+  ${({size:t,variant:s,stepSentiment:o,$loading:n,theme:r})=>e.css`
+    ${!n&&e.css`
+      svg {
+        width: ${i.consts[t].icon}px;
+        height: ${i.consts[t].icon}px;
+
+        path {
+          fill: ${c.getFabricColor(r,s,o)[l.VariablesNames.TextOnSentimentOnBackground]};
+        }
+      }
+    `}
+  `}
+`;exports.dotIconStyles=u;exports.dotVariantsStyles=a;
+//# sourceMappingURL=dotStyles.js.map

package/build/cjs/components/Timeline/styles/dotStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dotStyles.js","sources":["../../../../../src/components/Timeline/styles/dotStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport type { Transient } from 'acinguiux-ds-react-base/types';\nimport { TimelineConsts, TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\n\nimport type { ITimelineStepBoxProps } from '../components/TimelineStepBox/TimelineStepBox.types';\n\nexport const dotVariantsStyles = css<\n  Pick<ITimelineStepBoxProps, 'size' | 'variant' | 'stepSentiment'> &\n    Transient<Pick<ITimelineStepBoxProps, 'loading'>, 'loading'>\n>`\n  ${({ variant, stepSentiment, $loading, theme }) => css`\n    ${TimelineUtils.getDotVariantStyle(theme, variant, stepSentiment)}\n\n    ${$loading &&\n    css`\n      border: unset;\n    `}\n  `}\n`;\n\nexport const dotIconStyles = css<\n  Pick<ITimelineStepBoxProps, 'size' | 'variant' | 'stepSentiment'> &\n    Transient<Pick<ITimelineStepBoxProps, 'loading'>, 'loading'>\n>`\n  ${({ size, variant, stepSentiment, $loading, theme }) => css`\n    ${!$loading &&\n    css`\n      svg {\n        width: ${TimelineConsts.consts[size].icon}px;\n        height: ${TimelineConsts.consts[size].icon}px;\n\n        path {\n          fill: ${TimelineUtils.getFabricColor(theme, variant, stepSentiment)[\n            VariablesNames.TextOnSentimentOnBackground\n          ]};\n        }\n      }\n    `}\n  `}\n`;\n"],"names":["dotVariantsStyles","css","variant","stepSentiment","$loading","theme","TimelineUtils.getDotVariantStyle","dotIconStyles","size","TimelineConsts.consts","TimelineUtils.getFabricColor","VariablesNames"],"mappings":"oWAOaA,EAAoBC,EAAA;AAAA,IAI7B,CAAC,CAAE,QAAAC,EAAS,cAAAC,EAAe,SAAAC,EAAU,MAAAC,CAAY,IAAAJ,EAAA;AAAA,MAC/CK,qBAAiCD,EAAOH,EAASC,CAAa,CAAC;AAAA;AAAA,MAE/DC,GACFH,EAAA;AAAA;AAAA,KAEC;AAAA,GACF;AAAA,EAGUM,EAAgBN,EAAA;AAAA,IAIzB,CAAC,CAAE,KAAAO,EAAM,QAAAN,EAAS,cAAAC,EAAe,SAAAC,EAAU,MAAAC,KAAYJ,EAAA;AAAA,MACrD,CAACG,GACHH,EAAA;AAAA;AAAA,iBAEaQ,EAAe,OAAOD,CAAI,EAAE,IAAI;AAAA,kBAC/BC,EAAe,OAAOD,CAAI,EAAE,IAAI;AAAA;AAAA;AAAA,kBAGhCE,EAAAA,eAA6BL,EAAOH,EAASC,CAAa,EAChEQ,EAAAA,eAAe,2BACjB,CAAC;AAAA;AAAA;AAAA,KAGN;AAAA,GACF;AAAA"}

package/build/cjs/components/Timeline/styles/horizontalStepStyles.js

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("styled-components"),e=require("../../../react-base/src/consts/index.js"),s=require("./alignments.styles.js"),i=t.css`
+  ${({$direction:n,timelineAlignment:o,alternate:l})=>t.css`
+    ${n===e.Directions.Horizontal&&t.css`
+      ${o===e.Alignments.Top&&t.css`
+        ${s.horizontalAlignmentTopStyles};
+      `}
+
+      ${o===e.Alignments.Bottom&&t.css`
+        ${s.horizontalAlignmentBottomStyles};
+      `}
+
+      ${l&&t.css`
+        ${s.horizontalAlignmentAlternateStyles};
+      `};
+    `}
+  `}
+`;exports.horizontalStepStyles=i;
+//# sourceMappingURL=horizontalStepStyles.js.map

package/build/cjs/components/Timeline/styles/horizontalStepStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontalStepStyles.js","sources":["../../../../../src/components/Timeline/styles/horizontalStepStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { Directions, Alignments } from 'acinguiux-ds-react-base/consts';\n\nimport type { StyledTimelineStepProps } from '../Timeline.types';\nimport {\n  horizontalAlignmentTopStyles,\n  horizontalAlignmentBottomStyles,\n  horizontalAlignmentAlternateStyles,\n} from './alignments.styles';\n\nexport const horizontalStepStyles = css<StyledTimelineStepProps>`\n  ${({ $direction, timelineAlignment, alternate }) => css<StyledTimelineStepProps>`\n    ${$direction === Directions.Horizontal &&\n    css<StyledTimelineStepProps>`\n      ${timelineAlignment === Alignments.Top &&\n      css<StyledTimelineStepProps>`\n        ${horizontalAlignmentTopStyles};\n      `}\n\n      ${timelineAlignment === Alignments.Bottom &&\n      css<StyledTimelineStepProps>`\n        ${horizontalAlignmentBottomStyles};\n      `}\n\n      ${alternate &&\n      css<StyledTimelineStepProps>`\n        ${horizontalAlignmentAlternateStyles};\n      `};\n    `}\n  `}\n`;\n"],"names":["horizontalStepStyles","css","$direction","timelineAlignment","alternate","Directions","Alignments","horizontalAlignmentTopStyles","horizontalAlignmentBottomStyles","horizontalAlignmentAlternateStyles"],"mappings":"0OAUaA,EAAuBC,EAAA;AAAA,IAChC,CAAC,CAAE,WAAAC,EAAY,kBAAAC,EAAmB,UAAAC,CAAgB,IAAAH,EAAA;AAAA,MAChDC,IAAeG,aAAW,YAC5BJ,EAAA;AAAA,QACIE,IAAsBG,aAAW,KACnCL,EAAA;AAAA,UACIM,8BAA4B;AAAA,OAC/B;AAAA;AAAA,QAECJ,IAAsBG,aAAW,QACnCL,EAAA;AAAA,UACIO,iCAA+B;AAAA,OAClC;AAAA;AAAA,QAECJ,GACFH,EAAA;AAAA,UACIQ,oCAAkC;AAAA,OACrC;AAAA,KACF;AAAA,GACF;AAAA"}

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

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),s=require("../../../react-base/src/consts/index.js"),n=require("../../../react-base/src/components/Timeline/Timeline.consts.js"),c=require("../../../react-base/src/components/Timeline/Timeline.utils.js"),u=e.css`
+  ${({size:t,$direction:l,noDotContent:i,stepAlignment:o,mirrored:r,theme:a})=>e.css`
+    ${c.getStepDotLabelFontStyle(a,t)}
+    width: 100px;
+    text-align: ${o===s.Alignments.Left||o===s.Alignments.Right?o:"left"};
+
+    ${l===s.Directions.Vertical&&e.css`
+      margin-top: ${i?n.consts[t].noContentLabelTopMargin:n.consts[t].labelTopMargin}px;
+      margin-bottom: ${n.consts[t].bottomMargin}px;
+    `}
+
+    ${l===s.Directions.Horizontal&&r&&e.css`
+      justify-self: flex-end;
+      width: auto;
+    `}
+  `}
+`;exports.labelStyles=u;
+//# sourceMappingURL=label.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.styles.js","sources":["../../../../../src/components/Timeline/styles/label.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { Alignments, Directions } from 'acinguiux-ds-react-base/consts';\nimport { TimelineUtils, TimelineConsts } from 'acinguiux-ds-react-base/components/Timeline';\n\nimport type { 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 &&\n    css`\n      margin-top: ${!noDotContent\n        ? TimelineConsts.consts[size].labelTopMargin\n        : TimelineConsts.consts[size].noContentLabelTopMargin}px;\n      margin-bottom: ${TimelineConsts.consts[size].bottomMargin}px;\n    `}\n\n    ${$direction === Directions.Horizontal &&\n    mirrored &&\n    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":"6VAMaA,EAAcC,EAAA;AAAA,IACvB,CAAC,CAAE,KAAAC,EAAM,WAAAC,EAAY,aAAAC,EAAc,cAAAC,EAAe,SAAAC,EAAU,MAAAC,KAAYN,EAAA;AAAA,MACtEO,EAAc,yBAAyBD,EAAOL,CAAI,CAAC;AAAA;AAAA,kBAEvCG,IAAkBI,EAAW,WAAA,MAAQJ,IAAkBI,EAAAA,WAAW,MAAQJ,EAAgB,MAAM;AAAA;AAAA,MAE5GF,IAAeO,aAAW,UAC5BT,EAAA;AAAA,oBACiBG,EAEXO,EAAe,OAAOT,CAAI,EAAE,wBAD5BS,EAAAA,OAAsBT,CAAI,EAAE,cACuB;AAAA,uBACtCS,EAAe,OAAOT,CAAI,EAAE,YAAY;AAAA,KAC1D;AAAA;AAAA,MAECC,IAAeO,EAAAA,WAAW,YAC5BJ,GACAL,EAAA;AAAA;AAAA;AAAA,KAGC;AAAA,GACF;AAAA"}

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

@@ -0,0 +1,44 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),i=require("../../../react-base/src/consts/index.js"),n=require("../../../react-base/src/components/Timeline/Timeline.consts.js"),a=require("../../../react-base/src/theme/variableTheme.js"),x=e.css`
+  ${({size:t,$direction:u,variant:c,$mirrored:d,isFirstItem:p,isLastItem:r,isBottomConnector:o,connectorVariant:l,sort:$,theme:b})=>{const s=b.getVariablesLayer({foundation:"surface"});return e.css`
+      ${u===i.Directions.Vertical&&e.css`
+        height: calc(100% - (${n.consts[t].dotSize}px + ${n.gap}px) + 40px);
+        min-height: ${n.consts[t].timelineMinHeight}px;
+
+        ${!r&&e.css`
+          border-left: 2px ${c===i.Variants.Transparent?"dashed":"solid"}
+            ${s[a.VariablesNames.BorderOnFoundationMedium]};
+        `}
+
+        ${o&&e.css`
+          border-left: 2px ${l||"solid"} ${s[a.VariablesNames.BorderOnFoundationMedium]};
+        `}
+      `}
+
+      ${u===i.Directions.Horizontal&&e.css`
+        width: calc(100% - ${n.gap}px);
+        min-width: ${n.consts[t].timelineMinHeight}px;
+
+        ${(!r||r&&d)&&e.css`
+          border-top: 2px ${c===i.Variants.Transparent?"dashed":"solid"}
+            ${s[a.VariablesNames.BorderOnFoundationMedium]};
+        `}
+
+        ${o&&r&&!d&&$===i.Sorts.Asc&&e.css`
+          border-top: 2px ${l||"solid"} ${s[a.VariablesNames.BorderOnFoundationMedium]};
+        `}
+
+        ${p&&d&&e.css`
+          border-top: unset;
+        `}
+
+        ${p&&d&&o&&e.css`
+          border-top: 2px ${l||"solid"} ${s[a.VariablesNames.BorderOnFoundationMedium]};
+        `}
+
+        ${r&&!d&&o&&$===i.Sorts.Desc&&e.css`
+          border-top: 2px ${l||"solid"} ${s[a.VariablesNames.BorderOnFoundationMedium]};
+        `}
+      `}
+    `}}
+`;exports.lineStyles=x;
+//# sourceMappingURL=lineStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lineStyles.js","sources":["../../../../../src/components/Timeline/styles/lineStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { Directions, Variants, Sorts } from 'acinguiux-ds-react-base/consts';\nimport type { Transient } from 'acinguiux-ds-react-base/types';\nimport { TimelineConsts, type TimelineTypes } from 'acinguiux-ds-react-base/components/Timeline';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\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  }) => {\n    const layer = theme.getVariablesLayer({ foundation: 'surface' });\n\n    return css`\n      ${$direction === Directions.Vertical &&\n      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 &&\n        css`\n          border-left: 2px ${variant === Variants.Transparent ? 'dashed' : 'solid'}\n            ${layer[VariablesNames.BorderOnFoundationMedium]};\n        `}\n\n        ${isBottomConnector &&\n        css`\n          border-left: 2px ${connectorVariant || 'solid'} ${layer[VariablesNames.BorderOnFoundationMedium]};\n        `}\n      `}\n\n      ${$direction === Directions.Horizontal &&\n      css`\n        width: calc(100% - ${TimelineConsts.gap}px);\n        min-width: ${TimelineConsts.consts[size].timelineMinHeight}px;\n\n        ${(!isLastItem || (isLastItem && $mirrored)) &&\n        css`\n          border-top: 2px ${variant === Variants.Transparent ? 'dashed' : 'solid'}\n            ${layer[VariablesNames.BorderOnFoundationMedium]};\n        `}\n\n        ${isBottomConnector &&\n        isLastItem &&\n        !$mirrored &&\n        sort === Sorts.Asc &&\n        css`\n          border-top: 2px ${connectorVariant || 'solid'} ${layer[VariablesNames.BorderOnFoundationMedium]};\n        `}\n\n        ${isFirstItem &&\n        $mirrored &&\n        css`\n          border-top: unset;\n        `}\n\n        ${isFirstItem &&\n        $mirrored &&\n        isBottomConnector &&\n        css`\n          border-top: 2px ${connectorVariant || 'solid'} ${layer[VariablesNames.BorderOnFoundationMedium]};\n        `}\n\n        ${isLastItem &&\n        !$mirrored &&\n        isBottomConnector &&\n        sort === Sorts.Desc &&\n        css`\n          border-top: 2px ${connectorVariant || 'solid'} ${layer[VariablesNames.BorderOnFoundationMedium]};\n        `}\n      `}\n    `;\n  }}\n`;\n"],"names":["lineStyles","css","size","$direction","variant","$mirrored","isFirstItem","isLastItem","isBottomConnector","connectorVariant","sort","theme","layer","Directions","TimelineConsts.consts","TimelineConsts.gap","Variants","VariablesNames","Sorts"],"mappings":"8UAMaA,EAAaC,EAAA;AAAA,IAStB,CAAC,CACD,KAAAC,EACA,WAAAC,EACA,QAAAC,EACA,UAAAC,EACA,YAAAC,EACA,WAAAC,EACA,kBAAAC,EACA,iBAAAC,EACA,KAAAC,EACA,MAAAC,CACF,IAAM,CACJ,MAAMC,EAAQD,EAAM,kBAAkB,CAAE,WAAY,UAAW,EAExD,OAAAV,EAAA;AAAA,QACHE,IAAeU,aAAW,UAC5BZ,EAAA;AAAA,+BACyBa,EAAsB,OAAAZ,CAAI,EAAE,OAAO,QAAQa,EAAAA,GAAkB;AAAA,sBACtED,EAAe,OAAOZ,CAAI,EAAE,iBAAiB;AAAA;AAAA,UAEzD,CAACK,GACHN,EAAA;AAAA,6BACqBG,IAAYY,EAAAA,SAAS,YAAc,SAAW,OAAO;AAAA,cACpEJ,EAAMK,iBAAe,wBAAwB,CAAC;AAAA,SACnD;AAAA;AAAA,UAECT,GACFP,EAAA;AAAA,6BACqBQ,GAAoB,OAAO,IAAIG,EAAMK,EAAAA,eAAe,wBAAwB,CAAC;AAAA,SACjG;AAAA,OACF;AAAA;AAAA,QAECd,IAAeU,aAAW,YAC5BZ,EAAA;AAAA,6BACuBc,KAAkB;AAAA,qBAC1BD,EAAe,OAAOZ,CAAI,EAAE,iBAAiB;AAAA;AAAA,WAEvD,CAACK,GAAeA,GAAcF,IACjCJ,EAAA;AAAA,4BACoBG,IAAYY,EAAAA,SAAS,YAAc,SAAW,OAAO;AAAA,cACnEJ,EAAMK,iBAAe,wBAAwB,CAAC;AAAA,SACnD;AAAA;AAAA,UAECT,GACFD,GACA,CAACF,GACDK,IAASQ,EAAAA,MAAM,KACfjB,EAAA;AAAA,4BACoBQ,GAAoB,OAAO,IAAIG,EAAMK,EAAAA,eAAe,wBAAwB,CAAC;AAAA,SAChG;AAAA;AAAA,UAECX,GACFD,GACAJ,EAAA;AAAA;AAAA,SAEC;AAAA;AAAA,UAECK,GACFD,GACAG,GACAP,EAAA;AAAA,4BACoBQ,GAAoB,OAAO,IAAIG,EAAMK,EAAAA,eAAe,wBAAwB,CAAC;AAAA,SAChG;AAAA;AAAA,UAECV,GACF,CAACF,GACDG,GACAE,IAASQ,EAAAA,MAAM,MACfjB,EAAA;AAAA,4BACoBQ,GAAoB,OAAO,IAAIG,EAAMK,EAAAA,eAAe,wBAAwB,CAAC;AAAA,SAChG;AAAA,OACF;AAAA,KAEL,CAAC;AAAA"}

package/build/cjs/components/Timeline/styles/verticalStepStyles.js

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("styled-components"),s=require("../../../react-base/src/consts/index.js"),l=require("./alignments.styles.js"),c=t.css(({$direction:r,timelineAlignment:e,alternate:i})=>t.css`
+    ${r===s.Directions.Vertical&&t.css`
+      ${e===s.Alignments.Left?l.verticalAlignmentLeftStyles:""};
+      ${!e||e===s.Alignments.Right?l.verticalAlignmentRightStyles:""};
+
+      ${i&&l.verticalAlignmentAlternateStyles};
+    `}
+  `);exports.verticalStepStyles=c;
+//# sourceMappingURL=verticalStepStyles.js.map

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

@@ -0,0 +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/consts';\n\nimport {\n  verticalAlignmentLeftStyles,\n  verticalAlignmentRightStyles,\n  verticalAlignmentAlternateStyles,\n} from './alignments.styles';\nimport type { StyledTimelineStepProps } from '../Timeline.types';\n\nexport const verticalStepStyles = css<StyledTimelineStepProps>(\n  ({ $direction, timelineAlignment, alternate }) => css<StyledTimelineStepProps>`\n    ${$direction === Directions.Vertical &&\n    css<StyledTimelineStepProps>`\n      ${timelineAlignment === Alignments.Left ? verticalAlignmentLeftStyles : ''};\n      ${!timelineAlignment || timelineAlignment === Alignments.Right ? verticalAlignmentRightStyles : ''};\n\n      ${alternate && verticalAlignmentAlternateStyles};\n    `}\n  `,\n);\n"],"names":["verticalStepStyles","css","$direction","timelineAlignment","alternate","Directions","Alignments","verticalAlignmentLeftStyles","verticalAlignmentRightStyles","verticalAlignmentAlternateStyles"],"mappings":"0OAUaA,EAAqBC,EAAA,IAChC,CAAC,CAAE,WAAAC,EAAY,kBAAAC,EAAmB,UAAAC,CAAgB,IAAAH,EAAA;AAAA,MAC9CC,IAAeG,aAAW,UAC5BJ,EAAA;AAAA,QACIE,IAAsBG,EAAA,WAAW,KAAOC,EAAAA,4BAA8B,EAAE;AAAA,QACxE,CAACJ,GAAqBA,IAAsBG,EAAW,WAAA,MAAQE,+BAA+B,EAAE;AAAA;AAAA,QAEhGJ,GAAaK,EAAAA,gCAAgC;AAAA,KAChD;AAAA,GAEL"}