acinguiux-ds-react-framework 0.1.26 → 0.1.27

package/build/cjs/react-base/src/components/Tag/Tag.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.utils.js","sources":["../../../../../../../react-base/src/components/Tag/Tag.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { NOOP_VOID, Positions, Shapes, Sizes, Variants } from '../../consts';\nimport { Sentiment, Variant, UseProps, UseStyleProps } from './Tag.types';\nimport { Theme, Variables } from '../../theme';\nimport { consts } from './Tag.consts';\n\nexport const getProminence = (variant?: Variant) => {\n  switch (variant) {\n    case Variants.Outlined:\n      return FabricsVariables.SentimentProminences.Transparent;\n    case Variants.Subtle:\n      return FabricsVariables.SentimentProminences.Subtle;\n    case Variants.Filled:\n    default:\n      return FabricsVariables.SentimentProminences.Strong;\n  }\n};\n\nexport const getBorderStyles = (variant: Variant) => ({\n  borderWidth: variant === Variants.Outlined ? 1 : 0,\n  borderStyle: 'solid',\n});\n\nexport const useProps = ({\n  size = Sizes.Medium,\n  shape = Shapes.Square,\n  variant = Variants.Filled,\n  sentiment = FabricsVariables.Sentiments.Neutral,\n  closeButton = false,\n  onCloseClick = NOOP_VOID,\n  iconPosition = Positions.Left,\n  iconOnly = false,\n  ...props\n}: UseProps) => ({\n  size,\n  shape,\n  variant,\n  sentiment,\n  closeButton,\n  onCloseClick,\n  iconPosition,\n  iconOnly,\n  ...props,\n});\n\nexport const getLayer = (theme: Theme, sentiment: Sentiment, variant: Variant) =>\n  theme.layer({ sentiment, sentimentProminence: getProminence(variant) });\n\nexport const useStyles = ({ theme, sentiment, variant, size, icon, iconOnly, iconPosition, shape }: UseStyleProps) => {\n  const layer = getLayer(theme, sentiment, variant);\n  let labelPaddingInline = `${consts[size][shape].labelPaddingInline}px`;\n\n  if (iconOnly) {\n    labelPaddingInline = `${consts[size][shape].iconPaddingInline}px`;\n  } else if (icon) {\n    labelPaddingInline = `${iconPosition === 'right' ? consts[size][shape].labelPaddingInline : consts[size][shape].iconPaddingInline}px ${iconPosition === 'right' ? consts[size][shape].iconPaddingInline : consts[size][shape].labelPaddingInline}px`;\n  }\n\n  return {\n    color: layer[Variables.TextOnSentimentOnBackground],\n    backgroundColor: layer[Variables.BackgroundSentiment],\n    borderColor: layer[Variables.BorderOnSentimentOnBackground],\n    ...getBorderStyles(variant),\n\n    minHeight: consts[size][shape].minHeight,\n    paddingInline: consts[size][shape].paddingInline,\n    labelPaddingInline,\n    gap: consts[size][shape].gap,\n    borderRadius: consts[size][shape].radius,\n    iconSize: consts[size][shape].iconSize,\n  };\n};\n"],"names":["getProminence","variant","Variants","FabricsVariables","getBorderStyles","useProps","size","Sizes","shape","Shapes","sentiment","closeButton","onCloseClick","NOOP_VOID","iconPosition","Positions","iconOnly","props","getLayer","theme","useStyles","icon","layer","labelPaddingInline","consts","Variables"],"mappings":"4PAOaA,EAAiBC,GAAsB,CAClD,OAAQA,EAAA,CACN,KAAKC,EAAAA,SAAS,SACZ,OAAOC,EAAAA,iBAAiB,qBAAqB,YAC/C,KAAKD,EAAAA,SAAS,OACZ,OAAOC,EAAAA,iBAAiB,qBAAqB,OAC/C,KAAKD,EAAAA,SAAS,OACd,QACE,OAAOC,EAAAA,iBAAiB,qBAAqB,MAAA,CAEnD,EAEaC,EAAmBH,IAAsB,CACpD,YAAaA,IAAYC,EAAAA,SAAS,SAAW,EAAI,EACjD,YAAa,OACf,GAEaG,EAAW,CAAC,CACvB,KAAAC,EAAOC,EAAAA,MAAM,OACb,MAAAC,EAAQC,EAAAA,OAAO,OACf,QAAAR,EAAUC,EAAAA,SAAS,OACnB,UAAAQ,EAAYP,EAAAA,iBAAiB,WAAW,QACxC,YAAAQ,EAAc,GACd,aAAAC,EAAeC,EAAAA,UACf,aAAAC,EAAeC,EAAAA,UAAU,KACzB,SAAAC,EAAW,GACX,GAAGC,CACL,KAAiB,CACf,KAAAX,EACA,MAAAE,EACA,QAAAP,EACA,UAAAS,EACA,YAAAC,EACA,aAAAC,EACA,aAAAE,EACA,SAAAE,EACA,GAAGC,CACL,GAEaC,EAAW,CAACC,EAAcT,EAAsBT,IAC3DkB,EAAM,MAAM,CAAE,UAAAT,EAAW,oBAAqBV,EAAcC,CAAO,EAAG,EAE3DmB,EAAY,CAAC,CAAE,MAAAD,EAAO,UAAAT,EAAW,QAAAT,EAAS,KAAAK,EAAM,KAAAe,EAAM,SAAAL,EAAU,aAAAF,EAAc,MAAAN,KAA2B,CACpH,MAAMc,EAAQJ,EAASC,EAAOT,EAAWT,CAAO,EAChD,IAAIsB,EAAqB,GAAGC,SAAOlB,CAAI,EAAEE,CAAK,EAAE,kBAAkB,KAElE,OAAIQ,EACFO,EAAqB,GAAGC,SAAOlB,CAAI,EAAEE,CAAK,EAAE,iBAAiB,KACpDa,IACTE,EAAqB,GAAGT,IAAiB,QAAUU,EAAAA,OAAOlB,CAAI,EAAEE,CAAK,EAAE,mBAAqBgB,EAAAA,OAAOlB,CAAI,EAAEE,CAAK,EAAE,iBAAiB,MAAMM,IAAiB,QAAUU,EAAAA,OAAOlB,CAAI,EAAEE,CAAK,EAAE,kBAAoBgB,EAAAA,OAAOlB,CAAI,EAAEE,CAAK,EAAE,kBAAkB,MAG3O,CACL,MAAOc,EAAMG,EAAAA,UAAU,2BAA2B,EAClD,gBAAiBH,EAAMG,EAAAA,UAAU,mBAAmB,EACpD,YAAaH,EAAMG,EAAAA,UAAU,6BAA6B,EAC1D,GAAGrB,EAAgBH,CAAO,EAE1B,UAAWuB,EAAAA,OAAOlB,CAAI,EAAEE,CAAK,EAAE,UAC/B,cAAegB,EAAAA,OAAOlB,CAAI,EAAEE,CAAK,EAAE,cACnC,mBAAAe,EACA,IAAKC,EAAAA,OAAOlB,CAAI,EAAEE,CAAK,EAAE,IACzB,aAAcgB,EAAAA,OAAOlB,CAAI,EAAEE,CAAK,EAAE,OAClC,SAAUgB,EAAAA,OAAOlB,CAAI,EAAEE,CAAK,EAAE,QAAA,CAElC"}
+{"version":3,"file":"Tag.utils.js","sources":["../../../../../../../react-base/src/components/Tag/Tag.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\nimport { NOOP_VOID, Positions, Shapes, Sizes, Variants } from '../../consts';\r\nimport { Sentiment, Variant, UseProps, UseStyleProps } from './Tag.types';\r\nimport { Theme, Variables } from '../../theme';\r\nimport { consts } from './Tag.consts';\r\n\r\nexport const getProminence = (variant?: Variant) => {\r\n  switch (variant) {\r\n    case Variants.Outlined:\r\n      return FabricsVariables.SentimentProminences.Transparent;\r\n    case Variants.Subtle:\r\n      return FabricsVariables.SentimentProminences.Subtle;\r\n    case Variants.Filled:\r\n    default:\r\n      return FabricsVariables.SentimentProminences.Strong;\r\n  }\r\n};\r\n\r\nexport const getBorderStyles = (variant: Variant) => ({\r\n  borderWidth: variant === Variants.Outlined ? 1 : 0,\r\n  borderStyle: 'solid',\r\n});\r\n\r\nexport const useProps = ({\r\n  size = Sizes.Medium,\r\n  shape = Shapes.Square,\r\n  variant = Variants.Filled,\r\n  sentiment = FabricsVariables.Sentiments.Neutral,\r\n  closeButton = false,\r\n  onCloseClick = NOOP_VOID,\r\n  iconPosition = Positions.Left,\r\n  iconOnly = false,\r\n  ...props\r\n}: UseProps) => ({\r\n  size,\r\n  shape,\r\n  variant,\r\n  sentiment,\r\n  closeButton,\r\n  onCloseClick,\r\n  iconPosition,\r\n  iconOnly,\r\n  ...props,\r\n});\r\n\r\nexport const getLayer = (theme: Theme, sentiment: Sentiment, variant: Variant) =>\r\n  theme.layer({ sentiment, sentimentProminence: getProminence(variant) });\r\n\r\nexport const useStyles = ({ theme, sentiment, variant, size, icon, iconOnly, iconPosition, shape }: UseStyleProps) => {\r\n  const layer = getLayer(theme, sentiment, variant);\r\n  let labelPaddingInline = `${consts[size][shape].labelPaddingInline}px`;\r\n\r\n  if (iconOnly) {\r\n    labelPaddingInline = `${consts[size][shape].iconPaddingInline}px`;\r\n  } else if (icon) {\r\n    labelPaddingInline = `${iconPosition === 'right' ? consts[size][shape].labelPaddingInline : consts[size][shape].iconPaddingInline}px ${iconPosition === 'right' ? consts[size][shape].iconPaddingInline : consts[size][shape].labelPaddingInline}px`;\r\n  }\r\n\r\n  return {\r\n    color: layer[Variables.TextOnSentimentOnBackground],\r\n    backgroundColor: layer[Variables.BackgroundSentiment],\r\n    borderColor: layer[Variables.BorderOnSentimentOnBackground],\r\n    ...getBorderStyles(variant),\r\n\r\n    minHeight: consts[size][shape].minHeight,\r\n    paddingInline: consts[size][shape].paddingInline,\r\n    labelPaddingInline,\r\n    gap: consts[size][shape].gap,\r\n    borderRadius: consts[size][shape].radius,\r\n    iconSize: consts[size][shape].iconSize,\r\n  };\r\n};\r\n"],"names":["getProminence","variant","Variants","FabricsVariables","getBorderStyles","useProps","size","Sizes","shape","Shapes","sentiment","closeButton","onCloseClick","NOOP_VOID","iconPosition","Positions","iconOnly","props","getLayer","theme","useStyles","icon","layer","labelPaddingInline","consts","Variables"],"mappings":"4PAOaA,EAAiBC,GAAsB,CAClD,OAAQA,EAAA,CACN,KAAKC,EAAAA,SAAS,SACZ,OAAOC,EAAAA,iBAAiB,qBAAqB,YAC/C,KAAKD,EAAAA,SAAS,OACZ,OAAOC,EAAAA,iBAAiB,qBAAqB,OAC/C,KAAKD,EAAAA,SAAS,OACd,QACE,OAAOC,EAAAA,iBAAiB,qBAAqB,MAAA,CAEnD,EAEaC,EAAmBH,IAAsB,CACpD,YAAaA,IAAYC,EAAAA,SAAS,SAAW,EAAI,EACjD,YAAa,OACf,GAEaG,EAAW,CAAC,CACvB,KAAAC,EAAOC,EAAAA,MAAM,OACb,MAAAC,EAAQC,EAAAA,OAAO,OACf,QAAAR,EAAUC,EAAAA,SAAS,OACnB,UAAAQ,EAAYP,EAAAA,iBAAiB,WAAW,QACxC,YAAAQ,EAAc,GACd,aAAAC,EAAeC,EAAAA,UACf,aAAAC,EAAeC,EAAAA,UAAU,KACzB,SAAAC,EAAW,GACX,GAAGC,CACL,KAAiB,CACf,KAAAX,EACA,MAAAE,EACA,QAAAP,EACA,UAAAS,EACA,YAAAC,EACA,aAAAC,EACA,aAAAE,EACA,SAAAE,EACA,GAAGC,CACL,GAEaC,EAAW,CAACC,EAAcT,EAAsBT,IAC3DkB,EAAM,MAAM,CAAE,UAAAT,EAAW,oBAAqBV,EAAcC,CAAO,EAAG,EAE3DmB,EAAY,CAAC,CAAE,MAAAD,EAAO,UAAAT,EAAW,QAAAT,EAAS,KAAAK,EAAM,KAAAe,EAAM,SAAAL,EAAU,aAAAF,EAAc,MAAAN,KAA2B,CACpH,MAAMc,EAAQJ,EAASC,EAAOT,EAAWT,CAAO,EAChD,IAAIsB,EAAqB,GAAGC,SAAOlB,CAAI,EAAEE,CAAK,EAAE,kBAAkB,KAElE,OAAIQ,EACFO,EAAqB,GAAGC,SAAOlB,CAAI,EAAEE,CAAK,EAAE,iBAAiB,KACpDa,IACTE,EAAqB,GAAGT,IAAiB,QAAUU,EAAAA,OAAOlB,CAAI,EAAEE,CAAK,EAAE,mBAAqBgB,EAAAA,OAAOlB,CAAI,EAAEE,CAAK,EAAE,iBAAiB,MAAMM,IAAiB,QAAUU,EAAAA,OAAOlB,CAAI,EAAEE,CAAK,EAAE,kBAAoBgB,EAAAA,OAAOlB,CAAI,EAAEE,CAAK,EAAE,kBAAkB,MAG3O,CACL,MAAOc,EAAMG,EAAAA,UAAU,2BAA2B,EAClD,gBAAiBH,EAAMG,EAAAA,UAAU,mBAAmB,EACpD,YAAaH,EAAMG,EAAAA,UAAU,6BAA6B,EAC1D,GAAGrB,EAAgBH,CAAO,EAE1B,UAAWuB,EAAAA,OAAOlB,CAAI,EAAEE,CAAK,EAAE,UAC/B,cAAegB,EAAAA,OAAOlB,CAAI,EAAEE,CAAK,EAAE,cACnC,mBAAAe,EACA,IAAKC,EAAAA,OAAOlB,CAAI,EAAEE,CAAK,EAAE,IACzB,aAAcgB,EAAAA,OAAOlB,CAAI,EAAEE,CAAK,EAAE,OAClC,SAAUgB,EAAAA,OAAOlB,CAAI,EAAEE,CAAK,EAAE,QAAA,CAElC"}

package/build/cjs/react-base/src/components/Text/components/Display/Display.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Display.styles.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Display/Display.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from '../Text/Text.consts';\nimport { font } from './Display.utils';\nimport type { IProps, Levels } from './Display.types';\nimport { Variables } from '../../../../theme';\n\nexport type StylesProps = {\n  $level: Levels;\n  $gutter?: IProps['gutter'];\n  // eslint-disable-next-line sonarjs/deprecation\n  $bold?: IProps['bold'];\n  $size?: IProps['size'];\n  $disabled?: IProps['disabled'];\n  $contrast?: IProps['contrast'];\n};\n\nexport const Styles = css<StylesProps>`\n  ${({ theme, $level, $size, $bold, $gutter, $contrast, $disabled }) => {\n    const layer = theme.layer({ foundation: 'surface', disabled: $disabled });\n\n    return css`\n      ${font(theme, $level, $size)}\n\n      ${$bold &&\n      css`\n        font-weight: bold;\n      `};\n\n      b,\n      strong {\n        font-weight: bold;\n      }\n\n      margin-top: 0;\n      margin-bottom: 0;\n\n      color: ${layer[Variables.TextOnFoundationStrong]};\n\n      ${$contrast === 'subtle' &&\n      css`\n        color: ${layer[Variables.TextOnFoundationSubtle]};\n      `}\n\n      ${$gutter &&\n      css`\n        margin-bottom: ${consts.gutter.display};\n      `}\n    `;\n  }}\n`;\n"],"names":["Styles","css","theme","$level","$size","$bold","$gutter","$contrast","$disabled","layer","font","Variables","consts"],"mappings":"mQAiBaA,EAASC,EAAAA;AAAAA,IAClB,CAAC,CAAE,MAAAC,EAAO,OAAAC,EAAQ,MAAAC,EAAO,MAAAC,EAAO,QAAAC,EAAS,UAAAC,EAAW,UAAAC,KAAgB,CACpE,MAAMC,EAAQP,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUM,EAAW,EAExE,OAAOP,EAAAA;AAAAA,QACHS,OAAKR,EAAOC,EAAQC,CAAK,CAAC;AAAA;AAAA,QAE1BC,GACFJ,EAAAA;AAAAA;AAAAA,OAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAUQQ,EAAME,YAAU,sBAAsB,CAAC;AAAA;AAAA,QAE9CJ,IAAc,UAChBN,EAAAA;AAAAA,iBACWQ,EAAME,YAAU,sBAAsB,CAAC;AAAA,OACjD;AAAA;AAAA,QAECL,GACFL,EAAAA;AAAAA,yBACmBW,EAAAA,OAAO,OAAO,OAAO;AAAA,OACvC;AAAA,KAEL,CAAC;AAAA"}
+{"version":3,"file":"Display.styles.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Display/Display.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\r\n\r\nimport { consts } from '../Text/Text.consts';\r\nimport { font } from './Display.utils';\r\nimport type { IProps, Levels } from './Display.types';\r\nimport { Variables } from '../../../../theme';\r\n\r\nexport type StylesProps = {\r\n  $level: Levels;\r\n  $gutter?: IProps['gutter'];\r\n  // eslint-disable-next-line sonarjs/deprecation\r\n  $bold?: IProps['bold'];\r\n  $size?: IProps['size'];\r\n  $disabled?: IProps['disabled'];\r\n  $contrast?: IProps['contrast'];\r\n};\r\n\r\nexport const Styles = css<StylesProps>`\r\n  ${({ theme, $level, $size, $bold, $gutter, $contrast, $disabled }) => {\r\n    const layer = theme.layer({ foundation: 'surface', disabled: $disabled });\r\n\r\n    return css`\r\n      ${font(theme, $level, $size)}\r\n\r\n      ${$bold &&\r\n      css`\r\n        font-weight: bold;\r\n      `};\r\n\r\n      b,\r\n      strong {\r\n        font-weight: bold;\r\n      }\r\n\r\n      margin-top: 0;\r\n      margin-bottom: 0;\r\n\r\n      color: ${layer[Variables.TextOnFoundationStrong]};\r\n\r\n      ${$contrast === 'subtle' &&\r\n      css`\r\n        color: ${layer[Variables.TextOnFoundationSubtle]};\r\n      `}\r\n\r\n      ${$gutter &&\r\n      css`\r\n        margin-bottom: ${consts.gutter.display};\r\n      `}\r\n    `;\r\n  }}\r\n`;\r\n"],"names":["Styles","css","theme","$level","$size","$bold","$gutter","$contrast","$disabled","layer","font","Variables","consts"],"mappings":"mQAiBaA,EAASC,EAAAA;AAAAA,IAClB,CAAC,CAAE,MAAAC,EAAO,OAAAC,EAAQ,MAAAC,EAAO,MAAAC,EAAO,QAAAC,EAAS,UAAAC,EAAW,UAAAC,KAAgB,CACpE,MAAMC,EAAQP,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUM,EAAW,EAExE,OAAOP,EAAAA;AAAAA,QACHS,OAAKR,EAAOC,EAAQC,CAAK,CAAC;AAAA;AAAA,QAE1BC,GACFJ,EAAAA;AAAAA;AAAAA,OAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAUQQ,EAAME,YAAU,sBAAsB,CAAC;AAAA;AAAA,QAE9CJ,IAAc,UAChBN,EAAAA;AAAAA,iBACWQ,EAAME,YAAU,sBAAsB,CAAC;AAAA,OACjD;AAAA;AAAA,QAECL,GACFL,EAAAA;AAAAA,yBACmBW,EAAAA,OAAO,OAAO,OAAO;AAAA,OACvC;AAAA,KAEL,CAAC;AAAA"}

package/build/cjs/react-base/src/components/Text/components/Display/Display.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Display.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Display/Display.utils.ts"],"sourcesContent":["/* eslint-disable sonarjs/deprecation */\nimport type { Theme, TypographySize } from '../../../../theme';\nimport { TextElementTypes } from '../../../../consts';\nimport type { IProps, Levels, Size } from './Display.types';\nimport { getDisplayTypographySize } from '../../../../utils';\n\nconst DisplayLevelToTypographySize: Record<Levels, TypographySize<'display'>> = {\n  1: 'large',\n  2: 'medium',\n  3: 'small',\n  4: 'extraSmall',\n} as const;\n\nexport const font = (theme: Theme, level: Levels, size?: Size) =>\n  theme.typography('display', size ? getDisplayTypographySize(size) : DisplayLevelToTypographySize[level]);\n\nexport const useProps = ({\n  level = 1,\n  contrast,\n  gutter,\n  bold,\n  size,\n  disabled,\n  type = `${TextElementTypes.Span}`,\n  ...rest\n}: IProps) => ({\n  $level: level,\n  type,\n  $contrast: contrast,\n  $gutter: gutter,\n  $size: size,\n  $bold: bold,\n  $disabled: disabled,\n  ...rest,\n});\n"],"names":["DisplayLevelToTypographySize","font","theme","level","size","getDisplayTypographySize","useProps","contrast","gutter","bold","disabled","type","TextElementTypes","rest"],"mappings":"wMAMMA,EAA0E,CAC9E,EAAG,QACH,EAAG,SACH,EAAG,QACH,EAAG,YACL,EAEaC,EAAO,CAACC,EAAcC,EAAeC,IAChDF,EAAM,WAAW,UAAWE,EAAOC,EAAAA,yBAAyBD,CAAI,EAAIJ,EAA6BG,CAAK,CAAC,EAE5FG,EAAW,CAAC,CACvB,MAAAH,EAAQ,EACR,SAAAI,EACA,OAAAC,EACA,KAAAC,EACA,KAAAL,EACA,SAAAM,EACA,KAAAC,EAAO,GAAGC,mBAAiB,IAAI,GAC/B,GAAGC,CACL,KAAe,CACb,OAAQV,EACR,KAAAQ,EACA,UAAWJ,EACX,QAASC,EACT,MAAOJ,EACP,MAAOK,EACP,UAAWC,EACX,GAAGG,CACL"}
+{"version":3,"file":"Display.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Display/Display.utils.ts"],"sourcesContent":["/* eslint-disable sonarjs/deprecation */\r\nimport type { Theme, TypographySize } from '../../../../theme';\r\nimport { TextElementTypes } from '../../../../consts';\r\nimport type { IProps, Levels, Size } from './Display.types';\r\nimport { getDisplayTypographySize } from '../../../../utils';\r\n\r\nconst DisplayLevelToTypographySize: Record<Levels, TypographySize<'display'>> = {\r\n  1: 'large',\r\n  2: 'medium',\r\n  3: 'small',\r\n  4: 'extraSmall',\r\n} as const;\r\n\r\nexport const font = (theme: Theme, level: Levels, size?: Size) =>\r\n  theme.typography('display', size ? getDisplayTypographySize(size) : DisplayLevelToTypographySize[level]);\r\n\r\nexport const useProps = ({\r\n  level = 1,\r\n  contrast,\r\n  gutter,\r\n  bold,\r\n  size,\r\n  disabled,\r\n  type = `${TextElementTypes.Span}`,\r\n  ...rest\r\n}: IProps) => ({\r\n  $level: level,\r\n  type,\r\n  $contrast: contrast,\r\n  $gutter: gutter,\r\n  $size: size,\r\n  $bold: bold,\r\n  $disabled: disabled,\r\n  ...rest,\r\n});\r\n"],"names":["DisplayLevelToTypographySize","font","theme","level","size","getDisplayTypographySize","useProps","contrast","gutter","bold","disabled","type","TextElementTypes","rest"],"mappings":"wMAMMA,EAA0E,CAC9E,EAAG,QACH,EAAG,SACH,EAAG,QACH,EAAG,YACL,EAEaC,EAAO,CAACC,EAAcC,EAAeC,IAChDF,EAAM,WAAW,UAAWE,EAAOC,EAAAA,yBAAyBD,CAAI,EAAIJ,EAA6BG,CAAK,CAAC,EAE5FG,EAAW,CAAC,CACvB,MAAAH,EAAQ,EACR,SAAAI,EACA,OAAAC,EACA,KAAAC,EACA,KAAAL,EACA,SAAAM,EACA,KAAAC,EAAO,GAAGC,mBAAiB,IAAI,GAC/B,GAAGC,CACL,KAAe,CACb,OAAQV,EACR,KAAAQ,EACA,UAAWJ,EACX,QAASC,EACT,MAAOJ,EACP,MAAOK,EACP,UAAWC,EACX,GAAGG,CACL"}

package/build/cjs/react-base/src/components/Text/components/Heading/Heading.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.styles.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Heading/Heading.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from '../Text/Text.consts';\nimport { font } from './Heading.utils';\nimport type { IProps, Level } from './Heading.types';\nimport { Variables } from '../../../../theme';\n\nexport type StylesProps = {\n  $innerLevel: Level;\n  $disabled?: IProps['disabled'];\n  $gutter?: IProps['gutter'];\n  $size?: IProps['size'];\n  // eslint-disable-next-line sonarjs/deprecation\n  $bold?: IProps['bold'];\n  $contrast?: IProps['contrast'];\n};\n\nconst Styles = css<StylesProps>`\n  ${({ $innerLevel, $size, $gutter, $bold, $contrast, $disabled, theme }) => {\n    const layer = theme.layer({ foundation: 'surface', disabled: $disabled });\n\n    return css`\n      ${font(theme, $innerLevel, $size)};\n      margin: unset;\n\n      ${$bold &&\n      css`\n        font-weight: 600;\n      `};\n\n      b,\n      strong {\n        font-weight: 600;\n      }\n\n      color: ${layer[Variables.TextOnFoundationStrong]};\n\n      ${$contrast === 'subtle' &&\n      css`\n        color: ${layer[Variables.TextOnFoundationSubtle]};\n      `}\n\n      ${$gutter &&\n      $innerLevel === 1 &&\n      css`\n        margin-bottom: ${consts.gutter.h1};\n      `}\n\n      ${$gutter &&\n      ($innerLevel === 2 || $innerLevel === 3 || $innerLevel === 4) &&\n      css`\n        margin-bottom: ${consts.gutter.h2};\n      `}\n\n        ${$gutter &&\n      ($innerLevel === 5 || $innerLevel === 6) &&\n      css`\n        margin-bottom: ${consts.gutter.h5};\n      `}\n    `;\n  }}\n`;\n\nexport { Styles };\n"],"names":["Styles","css","$innerLevel","$size","$gutter","$bold","$contrast","$disabled","theme","layer","font","Variables","consts"],"mappings":"mQAiBMA,EAASC,EAAAA;AAAAA,IACX,CAAC,CAAE,YAAAC,EAAa,MAAAC,EAAO,QAAAC,EAAS,MAAAC,EAAO,UAAAC,EAAW,UAAAC,EAAW,MAAAC,KAAY,CACzE,MAAMC,EAAQD,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUD,EAAW,EAExE,OAAON,EAAAA;AAAAA,QACHS,OAAKF,EAAON,EAAaC,CAAK,CAAC;AAAA;AAAA;AAAA,QAG/BE,GACFJ,EAAAA;AAAAA;AAAAA,OAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOQQ,EAAME,YAAU,sBAAsB,CAAC;AAAA;AAAA,QAE9CL,IAAc,UAChBL,EAAAA;AAAAA,iBACWQ,EAAME,YAAU,sBAAsB,CAAC;AAAA,OACjD;AAAA;AAAA,QAECP,GACFF,IAAgB,GAChBD,EAAAA;AAAAA,yBACmBW,EAAAA,OAAO,OAAO,EAAE;AAAA,OAClC;AAAA;AAAA,QAECR,IACDF,IAAgB,GAAKA,IAAgB,GAAKA,IAAgB,IAC3DD,EAAAA;AAAAA,yBACmBW,EAAAA,OAAO,OAAO,EAAE;AAAA,OAClC;AAAA;AAAA,UAEGR,IACHF,IAAgB,GAAKA,IAAgB,IACtCD,EAAAA;AAAAA,yBACmBW,EAAAA,OAAO,OAAO,EAAE;AAAA,OAClC;AAAA,KAEL,CAAC;AAAA"}
+{"version":3,"file":"Heading.styles.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Heading/Heading.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\r\n\r\nimport { consts } from '../Text/Text.consts';\r\nimport { font } from './Heading.utils';\r\nimport type { IProps, Level } from './Heading.types';\r\nimport { Variables } from '../../../../theme';\r\n\r\nexport type StylesProps = {\r\n  $innerLevel: Level;\r\n  $disabled?: IProps['disabled'];\r\n  $gutter?: IProps['gutter'];\r\n  $size?: IProps['size'];\r\n  // eslint-disable-next-line sonarjs/deprecation\r\n  $bold?: IProps['bold'];\r\n  $contrast?: IProps['contrast'];\r\n};\r\n\r\nconst Styles = css<StylesProps>`\r\n  ${({ $innerLevel, $size, $gutter, $bold, $contrast, $disabled, theme }) => {\r\n    const layer = theme.layer({ foundation: 'surface', disabled: $disabled });\r\n\r\n    return css`\r\n      ${font(theme, $innerLevel, $size)};\r\n      margin: unset;\r\n\r\n      ${$bold &&\r\n      css`\r\n        font-weight: 600;\r\n      `};\r\n\r\n      b,\r\n      strong {\r\n        font-weight: 600;\r\n      }\r\n\r\n      color: ${layer[Variables.TextOnFoundationStrong]};\r\n\r\n      ${$contrast === 'subtle' &&\r\n      css`\r\n        color: ${layer[Variables.TextOnFoundationSubtle]};\r\n      `}\r\n\r\n      ${$gutter &&\r\n      $innerLevel === 1 &&\r\n      css`\r\n        margin-bottom: ${consts.gutter.h1};\r\n      `}\r\n\r\n      ${$gutter &&\r\n      ($innerLevel === 2 || $innerLevel === 3 || $innerLevel === 4) &&\r\n      css`\r\n        margin-bottom: ${consts.gutter.h2};\r\n      `}\r\n\r\n        ${$gutter &&\r\n      ($innerLevel === 5 || $innerLevel === 6) &&\r\n      css`\r\n        margin-bottom: ${consts.gutter.h5};\r\n      `}\r\n    `;\r\n  }}\r\n`;\r\n\r\nexport { Styles };\r\n"],"names":["Styles","css","$innerLevel","$size","$gutter","$bold","$contrast","$disabled","theme","layer","font","Variables","consts"],"mappings":"mQAiBMA,EAASC,EAAAA;AAAAA,IACX,CAAC,CAAE,YAAAC,EAAa,MAAAC,EAAO,QAAAC,EAAS,MAAAC,EAAO,UAAAC,EAAW,UAAAC,EAAW,MAAAC,KAAY,CACzE,MAAMC,EAAQD,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUD,EAAW,EAExE,OAAON,EAAAA;AAAAA,QACHS,OAAKF,EAAON,EAAaC,CAAK,CAAC;AAAA;AAAA;AAAA,QAG/BE,GACFJ,EAAAA;AAAAA;AAAAA,OAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOQQ,EAAME,YAAU,sBAAsB,CAAC;AAAA;AAAA,QAE9CL,IAAc,UAChBL,EAAAA;AAAAA,iBACWQ,EAAME,YAAU,sBAAsB,CAAC;AAAA,OACjD;AAAA;AAAA,QAECP,GACFF,IAAgB,GAChBD,EAAAA;AAAAA,yBACmBW,EAAAA,OAAO,OAAO,EAAE;AAAA,OAClC;AAAA;AAAA,QAECR,IACDF,IAAgB,GAAKA,IAAgB,GAAKA,IAAgB,IAC3DD,EAAAA;AAAAA,yBACmBW,EAAAA,OAAO,OAAO,EAAE;AAAA,OAClC;AAAA;AAAA,UAEGR,IACHF,IAAgB,GAAKA,IAAgB,IACtCD,EAAAA;AAAAA,yBACmBW,EAAAA,OAAO,OAAO,EAAE;AAAA,OAClC;AAAA,KAEL,CAAC;AAAA"}

package/build/cjs/react-base/src/components/Text/components/Heading/Heading.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Heading/Heading.utils.ts"],"sourcesContent":["/* eslint-disable sonarjs/deprecation */\nimport type { IProps, Level, Size } from './Heading.types';\nimport { TextElementTypes } from '../../../../consts';\nimport type { Theme, TypographySize } from '../../../../theme';\nimport { getHeadingTypographySize } from '../../../../utils';\n\nconst allHeadings = [\n  `${TextElementTypes.H1}`,\n  `${TextElementTypes.H2}`,\n  `${TextElementTypes.H3}`,\n  `${TextElementTypes.H4}`,\n  `${TextElementTypes.H5}`,\n  `${TextElementTypes.H6}`,\n];\n\nconst LevelToTypographySize: Record<Level, TypographySize<'heading'>> = {\n  1: 'extraLarge',\n  2: 'large',\n  3: 'medium',\n  4: 'small',\n  5: 'extraSmall',\n  6: 'smallest',\n};\n\nexport const font = (theme: Theme, level: Level, size?: Size) =>\n  theme.typography('heading', size ? getHeadingTypographySize(size) : LevelToTypographySize[level]);\n\nexport const useProps = ({\n  type = `${TextElementTypes.H1}`,\n  contrast,\n  level,\n  size,\n  gutter,\n  bold,\n  disabled,\n  ...rest\n}: IProps) => {\n  const innerLevel = (level ?? ((allHeadings.indexOf(type) + 1) as Level)) || 1;\n\n  return {\n    ...rest,\n    type,\n    $gutter: gutter,\n    $bold: bold,\n    $size: size,\n    $contrast: contrast,\n    $disabled: disabled,\n    $innerLevel: innerLevel,\n  };\n};\n"],"names":["allHeadings","TextElementTypes","LevelToTypographySize","font","theme","level","size","getHeadingTypographySize","useProps","type","contrast","gutter","bold","disabled","rest","innerLevel"],"mappings":"wMAMMA,EAAc,CAClB,GAAGC,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,EACxB,EAEMC,EAAkE,CACtE,EAAG,aACH,EAAG,QACH,EAAG,SACH,EAAG,QACH,EAAG,aACH,EAAG,UACL,EAEaC,EAAO,CAACC,EAAcC,EAAcC,IAC/CF,EAAM,WAAW,UAAWE,EAAOC,EAAAA,yBAAyBD,CAAI,EAAIJ,EAAsBG,CAAK,CAAC,EAErFG,EAAW,CAAC,CACvB,KAAAC,EAAO,GAAGR,mBAAiB,EAAE,GAC7B,SAAAS,EACA,MAAAL,EACA,KAAAC,EACA,OAAAK,EACA,KAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAc,CACZ,MAAMC,GAAcV,GAAWL,EAAY,QAAQS,CAAI,EAAI,IAAiB,EAE5E,MAAO,CACL,GAAGK,EACH,KAAAL,EACA,QAASE,EACT,MAAOC,EACP,MAAON,EACP,UAAWI,EACX,UAAWG,EACX,YAAaE,CAAA,CAEjB"}
+{"version":3,"file":"Heading.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Heading/Heading.utils.ts"],"sourcesContent":["/* eslint-disable sonarjs/deprecation */\r\nimport type { IProps, Level, Size } from './Heading.types';\r\nimport { TextElementTypes } from '../../../../consts';\r\nimport type { Theme, TypographySize } from '../../../../theme';\r\nimport { getHeadingTypographySize } from '../../../../utils';\r\n\r\nconst allHeadings = [\r\n  `${TextElementTypes.H1}`,\r\n  `${TextElementTypes.H2}`,\r\n  `${TextElementTypes.H3}`,\r\n  `${TextElementTypes.H4}`,\r\n  `${TextElementTypes.H5}`,\r\n  `${TextElementTypes.H6}`,\r\n];\r\n\r\nconst LevelToTypographySize: Record<Level, TypographySize<'heading'>> = {\r\n  1: 'extraLarge',\r\n  2: 'large',\r\n  3: 'medium',\r\n  4: 'small',\r\n  5: 'extraSmall',\r\n  6: 'smallest',\r\n};\r\n\r\nexport const font = (theme: Theme, level: Level, size?: Size) =>\r\n  theme.typography('heading', size ? getHeadingTypographySize(size) : LevelToTypographySize[level]);\r\n\r\nexport const useProps = ({\r\n  type = `${TextElementTypes.H1}`,\r\n  contrast,\r\n  level,\r\n  size,\r\n  gutter,\r\n  bold,\r\n  disabled,\r\n  ...rest\r\n}: IProps) => {\r\n  const innerLevel = (level ?? ((allHeadings.indexOf(type) + 1) as Level)) || 1;\r\n\r\n  return {\r\n    ...rest,\r\n    type,\r\n    $gutter: gutter,\r\n    $bold: bold,\r\n    $size: size,\r\n    $contrast: contrast,\r\n    $disabled: disabled,\r\n    $innerLevel: innerLevel,\r\n  };\r\n};\r\n"],"names":["allHeadings","TextElementTypes","LevelToTypographySize","font","theme","level","size","getHeadingTypographySize","useProps","type","contrast","gutter","bold","disabled","rest","innerLevel"],"mappings":"wMAMMA,EAAc,CAClB,GAAGC,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,EACxB,EAEMC,EAAkE,CACtE,EAAG,aACH,EAAG,QACH,EAAG,SACH,EAAG,QACH,EAAG,aACH,EAAG,UACL,EAEaC,EAAO,CAACC,EAAcC,EAAcC,IAC/CF,EAAM,WAAW,UAAWE,EAAOC,EAAAA,yBAAyBD,CAAI,EAAIJ,EAAsBG,CAAK,CAAC,EAErFG,EAAW,CAAC,CACvB,KAAAC,EAAO,GAAGR,mBAAiB,EAAE,GAC7B,SAAAS,EACA,MAAAL,EACA,KAAAC,EACA,OAAAK,EACA,KAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAc,CACZ,MAAMC,GAAcV,GAAWL,EAAY,QAAQS,CAAI,EAAI,IAAiB,EAE5E,MAAO,CACL,GAAGK,EACH,KAAAL,EACA,QAASE,EACT,MAAOC,EACP,MAAON,EACP,UAAWI,EACX,UAAWG,EACX,YAAaE,CAAA,CAEjB"}

package/build/cjs/react-base/src/components/Text/components/Label/Label.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.styles.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Label/Label.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from '../Text/Text.consts';\nimport { font } from './Label.utils';\nimport { Variables } from '../../../../theme';\nimport type { IProps, Size } from './Label.types';\n\nexport type StylesProps = {\n  $size: Size;\n  $contrast: IProps['contrast'];\n  $gutter: IProps['gutter'];\n  $disabled: IProps['disabled'];\n  $bold: IProps['bold'];\n};\n\nconst Styles = css<StylesProps>`\n  ${({ $size, $gutter, $bold, $disabled, $contrast, theme }) => {\n    const layer = theme.layer({ foundation: 'surface', disabled: $disabled });\n\n    return css`\n      ${font($size, $bold ? 'bold' : 'normal', theme)};\n\n      margin-top: 0;\n      margin-bottom: 0;\n\n      strong {\n        ${font($size, 'bold', theme)};\n      }\n\n      color: ${layer[Variables.TextOnFoundationStrong]};\n\n      ${$contrast === 'subtle' &&\n      css`\n        color: ${layer[Variables.TextOnFoundationSubtle]};\n      `}\n\n      ${$gutter &&\n      css`\n        margin-bottom: ${consts.gutter.label};\n      `}\n    `;\n  }}\n`;\n\nexport { Styles };\n"],"names":["Styles","css","$size","$gutter","$bold","$disabled","$contrast","theme","layer","font","Variables","consts"],"mappings":"iQAeMA,EAASC,EAAAA;AAAAA,IACX,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,MAAAC,EAAO,UAAAC,EAAW,UAAAC,EAAW,MAAAC,KAAY,CAC5D,MAAMC,EAAQD,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUF,EAAW,EAExE,OAAOJ,EAAAA;AAAAA,QACHQ,EAAAA,KAAKP,EAAOE,EAAQ,OAAS,SAAUG,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAM3CE,OAAKP,EAAO,OAAQK,CAAK,CAAC;AAAA;AAAA;AAAA,eAGrBC,EAAME,YAAU,sBAAsB,CAAC;AAAA;AAAA,QAE9CJ,IAAc,UAChBL,EAAAA;AAAAA,iBACWO,EAAME,YAAU,sBAAsB,CAAC;AAAA,OACjD;AAAA;AAAA,QAECP,GACFF,EAAAA;AAAAA,yBACmBU,EAAAA,OAAO,OAAO,KAAK;AAAA,OACrC;AAAA,KAEL,CAAC;AAAA"}
+{"version":3,"file":"Label.styles.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Label/Label.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\r\n\r\nimport { consts } from '../Text/Text.consts';\r\nimport { font } from './Label.utils';\r\nimport { Variables } from '../../../../theme';\r\nimport type { IProps, Size } from './Label.types';\r\n\r\nexport type StylesProps = {\r\n  $size: Size;\r\n  $contrast: IProps['contrast'];\r\n  $gutter: IProps['gutter'];\r\n  $disabled: IProps['disabled'];\r\n  $bold: IProps['bold'];\r\n};\r\n\r\nconst Styles = css<StylesProps>`\r\n  ${({ $size, $gutter, $bold, $disabled, $contrast, theme }) => {\r\n    const layer = theme.layer({ foundation: 'surface', disabled: $disabled });\r\n\r\n    return css`\r\n      ${font($size, $bold ? 'bold' : 'normal', theme)};\r\n\r\n      margin-top: 0;\r\n      margin-bottom: 0;\r\n\r\n      strong {\r\n        ${font($size, 'bold', theme)};\r\n      }\r\n\r\n      color: ${layer[Variables.TextOnFoundationStrong]};\r\n\r\n      ${$contrast === 'subtle' &&\r\n      css`\r\n        color: ${layer[Variables.TextOnFoundationSubtle]};\r\n      `}\r\n\r\n      ${$gutter &&\r\n      css`\r\n        margin-bottom: ${consts.gutter.label};\r\n      `}\r\n    `;\r\n  }}\r\n`;\r\n\r\nexport { Styles };\r\n"],"names":["Styles","css","$size","$gutter","$bold","$disabled","$contrast","theme","layer","font","Variables","consts"],"mappings":"iQAeMA,EAASC,EAAAA;AAAAA,IACX,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,MAAAC,EAAO,UAAAC,EAAW,UAAAC,EAAW,MAAAC,KAAY,CAC5D,MAAMC,EAAQD,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUF,EAAW,EAExE,OAAOJ,EAAAA;AAAAA,QACHQ,EAAAA,KAAKP,EAAOE,EAAQ,OAAS,SAAUG,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAM3CE,OAAKP,EAAO,OAAQK,CAAK,CAAC;AAAA;AAAA;AAAA,eAGrBC,EAAME,YAAU,sBAAsB,CAAC;AAAA;AAAA,QAE9CJ,IAAc,UAChBL,EAAAA;AAAAA,iBACWO,EAAME,YAAU,sBAAsB,CAAC;AAAA,OACjD;AAAA;AAAA,QAECP,GACFF,EAAAA;AAAAA,yBACmBU,EAAAA,OAAO,OAAO,KAAK;AAAA,OACrC;AAAA,KAEL,CAAC;AAAA"}

package/build/cjs/react-base/src/components/Text/components/Label/Label.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Label/Label.utils.ts"],"sourcesContent":["import { Sizes, TextElementTypes } from '../../../../consts';\nimport type { IProps, Size } from './Label.types';\nimport type { Theme } from '../../../../theme';\nimport { getLabelTypographySize } from '../../../../utils/sizesUtils';\n\nconst FONT_WEIGHT_TYPOGRAPHY = {\n  normal: 'regular',\n  bold: 'strong',\n} as const;\n\nexport const font = (size: Size, weight: 'normal' | 'bold', theme: Theme) =>\n  theme.typography('label', getLabelTypographySize(size), FONT_WEIGHT_TYPOGRAPHY[weight]);\n\nexport const useProps = ({\n  size = Sizes.Medium,\n  type = TextElementTypes.Span,\n  contrast,\n  gutter = false,\n  bold = false,\n  disabled = false,\n  ...rest\n}: IProps) => ({\n  ...rest,\n  $size: size,\n  $bold: bold,\n  $disabled: disabled,\n  $gutter: gutter,\n  type,\n  $contrast: contrast,\n});\n"],"names":["FONT_WEIGHT_TYPOGRAPHY","font","size","weight","theme","getLabelTypographySize","useProps","Sizes","type","TextElementTypes","contrast","gutter","bold","disabled","rest"],"mappings":"wMAKMA,EAAyB,CAC7B,OAAQ,UACR,KAAM,QACR,EAEaC,EAAO,CAACC,EAAYC,EAA2BC,IAC1DA,EAAM,WAAW,QAASC,EAAAA,uBAAuBH,CAAI,EAAGF,EAAuBG,CAAM,CAAC,EAE3EG,EAAW,CAAC,CACvB,KAAAJ,EAAOK,EAAAA,MAAM,OACb,KAAAC,EAAOC,EAAAA,iBAAiB,KACxB,SAAAC,EACA,OAAAC,EAAS,GACT,KAAAC,EAAO,GACP,SAAAC,EAAW,GACX,GAAGC,CACL,KAAe,CACb,GAAGA,EACH,MAAOZ,EACP,MAAOU,EACP,UAAWC,EACX,QAASF,EACT,KAAAH,EACA,UAAWE,CACb"}
+{"version":3,"file":"Label.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Label/Label.utils.ts"],"sourcesContent":["import { Sizes, TextElementTypes } from '../../../../consts';\r\nimport type { IProps, Size } from './Label.types';\r\nimport type { Theme } from '../../../../theme';\r\nimport { getLabelTypographySize } from '../../../../utils/sizesUtils';\r\n\r\nconst FONT_WEIGHT_TYPOGRAPHY = {\r\n  normal: 'regular',\r\n  bold: 'strong',\r\n} as const;\r\n\r\nexport const font = (size: Size, weight: 'normal' | 'bold', theme: Theme) =>\r\n  theme.typography('label', getLabelTypographySize(size), FONT_WEIGHT_TYPOGRAPHY[weight]);\r\n\r\nexport const useProps = ({\r\n  size = Sizes.Medium,\r\n  type = TextElementTypes.Span,\r\n  contrast,\r\n  gutter = false,\r\n  bold = false,\r\n  disabled = false,\r\n  ...rest\r\n}: IProps) => ({\r\n  ...rest,\r\n  $size: size,\r\n  $bold: bold,\r\n  $disabled: disabled,\r\n  $gutter: gutter,\r\n  type,\r\n  $contrast: contrast,\r\n});\r\n"],"names":["FONT_WEIGHT_TYPOGRAPHY","font","size","weight","theme","getLabelTypographySize","useProps","Sizes","type","TextElementTypes","contrast","gutter","bold","disabled","rest"],"mappings":"wMAKMA,EAAyB,CAC7B,OAAQ,UACR,KAAM,QACR,EAEaC,EAAO,CAACC,EAAYC,EAA2BC,IAC1DA,EAAM,WAAW,QAASC,EAAAA,uBAAuBH,CAAI,EAAGF,EAAuBG,CAAM,CAAC,EAE3EG,EAAW,CAAC,CACvB,KAAAJ,EAAOK,EAAAA,MAAM,OACb,KAAAC,EAAOC,EAAAA,iBAAiB,KACxB,SAAAC,EACA,OAAAC,EAAS,GACT,KAAAC,EAAO,GACP,SAAAC,EAAW,GACX,GAAGC,CACL,KAAe,CACb,GAAGA,EACH,MAAOZ,EACP,MAAOU,EACP,UAAWC,EACX,QAASF,EACT,KAAAH,EACA,UAAWE,CACb"}

package/build/cjs/react-base/src/components/Text/components/Link/Link.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Link/Link.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { Variables, type VariableValues } from '../../../../theme';\nimport { useCustomTheme } from '../../../../providers';\n\nconst getLinkStyles = (layer: VariableValues, linkColor?: string) =>\n  ({\n    color: linkColor ?? layer[Variables.TextOnFoundationLink],\n    borderColor: linkColor ?? layer[Variables.TextOnFoundationLink],\n    textDecoration: 'none',\n    borderBottomWidth: '1px',\n    borderBottomStyle: 'solid',\n  }) as const;\n\nexport const useProps = () => {\n  const theme = useCustomTheme();\n  const layer = theme.layer({ foundation: 'surface' });\n  const disabledLayer = theme.layer({ foundation: 'surface', disabled: true });\n\n  const defaultStyles = getLinkStyles(layer);\n  const hoverStyles = getLinkStyles(\n    layer,\n    theme.layer({ foundation: 'surface', state: FabricsVariables.States.Hover })[Variables.TextOnFoundationLink],\n  );\n  const pressStyles = getLinkStyles(\n    layer,\n    theme.layer({ foundation: 'surface', state: FabricsVariables.States.Press })[Variables.TextOnFoundationLink],\n  );\n  const visitedStyles = getLinkStyles(\n    layer,\n    theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationLinkVisited],\n  );\n  const disabledStyles = getLinkStyles(disabledLayer);\n\n  return {\n    defaultStyles,\n    hoverStyles,\n    pressStyles,\n    visitedStyles,\n    disabledStyles,\n  } as const;\n};\n"],"names":["getLinkStyles","layer","linkColor","Variables","useProps","theme","useCustomTheme","disabledLayer","defaultStyles","hoverStyles","FabricsVariables","pressStyles","visitedStyles","disabledStyles"],"mappings":"qPAKMA,EAAgB,CAACC,EAAuBC,KAC3C,CACC,MAAOA,GAAaD,EAAME,EAAAA,UAAU,oBAAoB,EACxD,YAAaD,GAAaD,EAAME,EAAAA,UAAU,oBAAoB,EAC9D,eAAgB,OAChB,kBAAmB,MACnB,kBAAmB,OACrB,GAEWC,EAAW,IAAM,CAC5B,MAAMC,EAAQC,EAAAA,eAAA,EACRL,EAAQI,EAAM,MAAM,CAAE,WAAY,UAAW,EAC7CE,EAAgBF,EAAM,MAAM,CAAE,WAAY,UAAW,SAAU,GAAM,EAErEG,EAAgBR,EAAcC,CAAK,EACnCQ,EAAcT,EAClBC,EACAI,EAAM,MAAM,CAAE,WAAY,UAAW,MAAOK,EAAAA,iBAAiB,OAAO,MAAO,EAAEP,EAAAA,UAAU,oBAAoB,CAAA,EAEvGQ,EAAcX,EAClBC,EACAI,EAAM,MAAM,CAAE,WAAY,UAAW,MAAOK,EAAAA,iBAAiB,OAAO,MAAO,EAAEP,EAAAA,UAAU,oBAAoB,CAAA,EAEvGS,EAAgBZ,EACpBC,EACAI,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEF,EAAAA,UAAU,2BAA2B,CAAA,EAExEU,EAAiBb,EAAcO,CAAa,EAElD,MAAO,CACL,cAAAC,EACA,YAAAC,EACA,YAAAE,EACA,cAAAC,EACA,eAAAC,CAAA,CAEJ"}
+{"version":3,"file":"Link.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Link/Link.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\nimport { Variables, type VariableValues } from '../../../../theme';\r\nimport { useCustomTheme } from '../../../../providers';\r\n\r\nconst getLinkStyles = (layer: VariableValues, linkColor?: string) =>\r\n  ({\r\n    color: linkColor ?? layer[Variables.TextOnFoundationLink],\r\n    borderColor: linkColor ?? layer[Variables.TextOnFoundationLink],\r\n    textDecoration: 'none',\r\n    borderBottomWidth: '1px',\r\n    borderBottomStyle: 'solid',\r\n  }) as const;\r\n\r\nexport const useProps = () => {\r\n  const theme = useCustomTheme();\r\n  const layer = theme.layer({ foundation: 'surface' });\r\n  const disabledLayer = theme.layer({ foundation: 'surface', disabled: true });\r\n\r\n  const defaultStyles = getLinkStyles(layer);\r\n  const hoverStyles = getLinkStyles(\r\n    layer,\r\n    theme.layer({ foundation: 'surface', state: FabricsVariables.States.Hover })[Variables.TextOnFoundationLink],\r\n  );\r\n  const pressStyles = getLinkStyles(\r\n    layer,\r\n    theme.layer({ foundation: 'surface', state: FabricsVariables.States.Press })[Variables.TextOnFoundationLink],\r\n  );\r\n  const visitedStyles = getLinkStyles(\r\n    layer,\r\n    theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationLinkVisited],\r\n  );\r\n  const disabledStyles = getLinkStyles(disabledLayer);\r\n\r\n  return {\r\n    defaultStyles,\r\n    hoverStyles,\r\n    pressStyles,\r\n    visitedStyles,\r\n    disabledStyles,\r\n  } as const;\r\n};\r\n"],"names":["getLinkStyles","layer","linkColor","Variables","useProps","theme","useCustomTheme","disabledLayer","defaultStyles","hoverStyles","FabricsVariables","pressStyles","visitedStyles","disabledStyles"],"mappings":"qPAKMA,EAAgB,CAACC,EAAuBC,KAC3C,CACC,MAAOA,GAAaD,EAAME,EAAAA,UAAU,oBAAoB,EACxD,YAAaD,GAAaD,EAAME,EAAAA,UAAU,oBAAoB,EAC9D,eAAgB,OAChB,kBAAmB,MACnB,kBAAmB,OACrB,GAEWC,EAAW,IAAM,CAC5B,MAAMC,EAAQC,EAAAA,eAAA,EACRL,EAAQI,EAAM,MAAM,CAAE,WAAY,UAAW,EAC7CE,EAAgBF,EAAM,MAAM,CAAE,WAAY,UAAW,SAAU,GAAM,EAErEG,EAAgBR,EAAcC,CAAK,EACnCQ,EAAcT,EAClBC,EACAI,EAAM,MAAM,CAAE,WAAY,UAAW,MAAOK,EAAAA,iBAAiB,OAAO,MAAO,EAAEP,EAAAA,UAAU,oBAAoB,CAAA,EAEvGQ,EAAcX,EAClBC,EACAI,EAAM,MAAM,CAAE,WAAY,UAAW,MAAOK,EAAAA,iBAAiB,OAAO,MAAO,EAAEP,EAAAA,UAAU,oBAAoB,CAAA,EAEvGS,EAAgBZ,EACpBC,EACAI,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEF,EAAAA,UAAU,2BAA2B,CAAA,EAExEU,EAAiBb,EAAcO,CAAa,EAElD,MAAO,CACL,cAAAC,EACA,YAAAC,EACA,YAAAE,EACA,cAAAC,EACA,eAAAC,CAAA,CAEJ"}

package/build/cjs/react-base/src/components/Text/components/Section/Section.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.styles.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Section/Section.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from '../Text/Text.consts';\nimport type { IProps } from './Section.types';\n\nexport type StylesProps = {\n  $gutter: IProps['gutter'];\n};\n\nconst Styles = css<StylesProps>`\n  ${({ $gutter }) => css`\n    ${$gutter &&\n    css`\n      margin-bottom: ${consts.gutter.section};\n    `}\n  `}\n`;\n\nexport { Styles };\n"],"names":["Styles","css","$gutter","consts"],"mappings":"qLASMA,EAASC,EAAAA;AAAAA,IACX,CAAC,CAAE,QAAAC,CAAA,IAAcD,EAAAA;AAAAA,MACfC,GACFD,EAAAA;AAAAA,uBACmBE,EAAAA,OAAO,OAAO,OAAO;AAAA,KACvC;AAAA,GACF;AAAA"}
+{"version":3,"file":"Section.styles.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Section/Section.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\r\n\r\nimport { consts } from '../Text/Text.consts';\r\nimport type { IProps } from './Section.types';\r\n\r\nexport type StylesProps = {\r\n  $gutter: IProps['gutter'];\r\n};\r\n\r\nconst Styles = css<StylesProps>`\r\n  ${({ $gutter }) => css`\r\n    ${$gutter &&\r\n    css`\r\n      margin-bottom: ${consts.gutter.section};\r\n    `}\r\n  `}\r\n`;\r\n\r\nexport { Styles };\r\n"],"names":["Styles","css","$gutter","consts"],"mappings":"qLASMA,EAASC,EAAAA;AAAAA,IACX,CAAC,CAAE,QAAAC,CAAA,IAAcD,EAAAA;AAAAA,MACfC,GACFD,EAAAA;AAAAA,uBACmBE,EAAAA,OAAO,OAAO,OAAO;AAAA,KACvC;AAAA,GACF;AAAA"}

package/build/cjs/react-base/src/components/Text/components/Text/Text.consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.consts.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Text/Text.consts.ts"],"sourcesContent":["export const consts = {\n  gutter: {\n    section: '56px',\n    h1: '56px',\n    h2: '24px',\n    h3: '24px',\n    h4: '24px',\n    h5: '16px',\n    display: '24px',\n    p: '24px',\n    label: '24px',\n    a: '24px',\n    ul: '24px',\n    ol: '24px',\n    li: '16px',\n  },\n};\n"],"names":["consts"],"mappings":"4GAAO,MAAMA,EAAS,CACpB,OAAQ,CACN,QAAS,OACT,GAAI,OACJ,GAAI,OAGJ,GAAI,OACJ,QAAS,OACT,EAAG,OACH,MAAO,MAKT,CACF"}
+{"version":3,"file":"Text.consts.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Text/Text.consts.ts"],"sourcesContent":["export const consts = {\r\n  gutter: {\r\n    section: '56px',\r\n    h1: '56px',\r\n    h2: '24px',\r\n    h3: '24px',\r\n    h4: '24px',\r\n    h5: '16px',\r\n    display: '24px',\r\n    p: '24px',\r\n    label: '24px',\r\n    a: '24px',\r\n    ul: '24px',\r\n    ol: '24px',\r\n    li: '16px',\r\n  },\r\n};\r\n"],"names":["consts"],"mappings":"4GAAO,MAAMA,EAAS,CACpB,OAAQ,CACN,QAAS,OACT,GAAI,OACJ,GAAI,OAGJ,GAAI,OACJ,QAAS,OACT,EAAG,OACH,MAAO,MAKT,CACF"}

package/build/cjs/react-base/src/components/Text/components/Text/Text.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.styles.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Text/Text.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from './Text.consts';\nimport type { IProps } from './Text.types';\nimport { font } from './Text.utils';\nimport { Variables } from '../../../../theme';\n\nexport type StylesProps = {\n  $size: IProps['size'];\n  $contrast: IProps['contrast'];\n  $disabled: IProps['disabled'];\n  $gutter: IProps['gutter'];\n  $bold: IProps['bold'];\n};\n\nconst Styles = css<StylesProps>`\n  ${({ $size, $gutter, $disabled, $bold, $contrast, theme }) => {\n    const layer = theme.layer({ foundation: 'surface', disabled: $disabled });\n\n    return css`\n      ${font($size, theme, $bold)}\n      margin-top: 0;\n      margin-bottom: 0;\n\n      i {\n        font-style: italic;\n      }\n\n      b,\n      strong {\n        font-weight: bold;\n      }\n\n      color: ${layer[Variables.TextOnFoundationStrong]};\n\n      ${$contrast === 'subtle' &&\n      css`\n        color: ${layer[Variables.TextOnFoundationSubtle]};\n      `};\n\n      ${$gutter &&\n      css`\n        margin-bottom: ${consts.gutter.p};\n      `}\n    `;\n  }}\n`;\n\nexport { Styles };\n"],"names":["Styles","css","$size","$gutter","$disabled","$bold","$contrast","theme","layer","font","Variables","consts"],"mappings":"0PAeMA,EAASC,EAAAA;AAAAA,IACX,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,UAAAC,EAAW,MAAAC,EAAO,UAAAC,EAAW,MAAAC,KAAY,CAC5D,MAAMC,EAAQD,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUH,EAAW,EAExE,OAAOH,EAAAA;AAAAA,QACHQ,OAAKP,EAAOK,EAAOF,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAalBG,EAAME,YAAU,sBAAsB,CAAC;AAAA;AAAA,QAE9CJ,IAAc,UAChBL,EAAAA;AAAAA,iBACWO,EAAME,YAAU,sBAAsB,CAAC;AAAA,OACjD;AAAA;AAAA,QAECP,GACFF,EAAAA;AAAAA,yBACmBU,EAAAA,OAAO,OAAO,CAAC;AAAA,OACjC;AAAA,KAEL,CAAC;AAAA"}
+{"version":3,"file":"Text.styles.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Text/Text.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\r\n\r\nimport { consts } from './Text.consts';\r\nimport type { IProps } from './Text.types';\r\nimport { font } from './Text.utils';\r\nimport { Variables } from '../../../../theme';\r\n\r\nexport type StylesProps = {\r\n  $size: IProps['size'];\r\n  $contrast: IProps['contrast'];\r\n  $disabled: IProps['disabled'];\r\n  $gutter: IProps['gutter'];\r\n  $bold: IProps['bold'];\r\n};\r\n\r\nconst Styles = css<StylesProps>`\r\n  ${({ $size, $gutter, $disabled, $bold, $contrast, theme }) => {\r\n    const layer = theme.layer({ foundation: 'surface', disabled: $disabled });\r\n\r\n    return css`\r\n      ${font($size, theme, $bold)}\r\n      margin-top: 0;\r\n      margin-bottom: 0;\r\n\r\n      i {\r\n        font-style: italic;\r\n      }\r\n\r\n      b,\r\n      strong {\r\n        font-weight: bold;\r\n      }\r\n\r\n      color: ${layer[Variables.TextOnFoundationStrong]};\r\n\r\n      ${$contrast === 'subtle' &&\r\n      css`\r\n        color: ${layer[Variables.TextOnFoundationSubtle]};\r\n      `};\r\n\r\n      ${$gutter &&\r\n      css`\r\n        margin-bottom: ${consts.gutter.p};\r\n      `}\r\n    `;\r\n  }}\r\n`;\r\n\r\nexport { Styles };\r\n"],"names":["Styles","css","$size","$gutter","$disabled","$bold","$contrast","theme","layer","font","Variables","consts"],"mappings":"0PAeMA,EAASC,EAAAA;AAAAA,IACX,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,UAAAC,EAAW,MAAAC,EAAO,UAAAC,EAAW,MAAAC,KAAY,CAC5D,MAAMC,EAAQD,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUH,EAAW,EAExE,OAAOH,EAAAA;AAAAA,QACHQ,OAAKP,EAAOK,EAAOF,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAalBG,EAAME,YAAU,sBAAsB,CAAC;AAAA;AAAA,QAE9CJ,IAAc,UAChBL,EAAAA;AAAAA,iBACWO,EAAME,YAAU,sBAAsB,CAAC;AAAA,OACjD;AAAA;AAAA,QAECP,GACFF,EAAAA;AAAAA,yBACmBU,EAAAA,OAAO,OAAO,CAAC;AAAA,OACjC;AAAA,KAEL,CAAC;AAAA"}

package/build/cjs/react-base/src/components/Text/components/Text/Text.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Text/Text.utils.ts"],"sourcesContent":["import type { IProps, Size } from './Text.types';\nimport type { Theme } from '../../../../theme';\nimport { Sizes, TextElementTypes } from '../../../../consts';\nimport { getParagraphTypographySize } from '../../../../utils/sizesUtils';\n\nexport const font = (size: Size | undefined, theme: Theme, bold: boolean | undefined) =>\n  theme.typography('paragraph', getParagraphTypographySize(size), bold ? 'strong' : 'regular');\n\nexport const useProps = ({\n  size = Sizes.Medium,\n  type = TextElementTypes.Paragraph,\n  contrast,\n  disabled = false,\n  gutter = false,\n  bold = false,\n  ...rest\n}: IProps) => ({\n  ...rest,\n  $size: size,\n  $gutter: gutter,\n  $bold: bold,\n  $disabled: disabled,\n  $contrast: contrast,\n  type,\n});\n"],"names":["font","size","theme","bold","getParagraphTypographySize","useProps","Sizes","type","TextElementTypes","contrast","disabled","gutter","rest"],"mappings":"wMAKaA,EAAO,CAACC,EAAwBC,EAAcC,IACzDD,EAAM,WAAW,YAAaE,EAAAA,2BAA2BH,CAAI,EAAGE,EAAO,SAAW,SAAS,EAEhFE,EAAW,CAAC,CACvB,KAAAJ,EAAOK,EAAAA,MAAM,OACb,KAAAC,EAAOC,EAAAA,iBAAiB,UACxB,SAAAC,EACA,SAAAC,EAAW,GACX,OAAAC,EAAS,GACT,KAAAR,EAAO,GACP,GAAGS,CACL,KAAe,CACb,GAAGA,EACH,MAAOX,EACP,QAASU,EACT,MAAOR,EACP,UAAWO,EACX,UAAWD,EACX,KAAAF,CACF"}
+{"version":3,"file":"Text.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Text/Text.utils.ts"],"sourcesContent":["import type { IProps, Size } from './Text.types';\r\nimport type { Theme } from '../../../../theme';\r\nimport { Sizes, TextElementTypes } from '../../../../consts';\r\nimport { getParagraphTypographySize } from '../../../../utils/sizesUtils';\r\n\r\nexport const font = (size: Size | undefined, theme: Theme, bold: boolean | undefined) =>\r\n  theme.typography('paragraph', getParagraphTypographySize(size), bold ? 'strong' : 'regular');\r\n\r\nexport const useProps = ({\r\n  size = Sizes.Medium,\r\n  type = TextElementTypes.Paragraph,\r\n  contrast,\r\n  disabled = false,\r\n  gutter = false,\r\n  bold = false,\r\n  ...rest\r\n}: IProps) => ({\r\n  ...rest,\r\n  $size: size,\r\n  $gutter: gutter,\r\n  $bold: bold,\r\n  $disabled: disabled,\r\n  $contrast: contrast,\r\n  type,\r\n});\r\n"],"names":["font","size","theme","bold","getParagraphTypographySize","useProps","Sizes","type","TextElementTypes","contrast","disabled","gutter","rest"],"mappings":"wMAKaA,EAAO,CAACC,EAAwBC,EAAcC,IACzDD,EAAM,WAAW,YAAaE,EAAAA,2BAA2BH,CAAI,EAAGE,EAAO,SAAW,SAAS,EAEhFE,EAAW,CAAC,CACvB,KAAAJ,EAAOK,EAAAA,MAAM,OACb,KAAAC,EAAOC,EAAAA,iBAAiB,UACxB,SAAAC,EACA,SAAAC,EAAW,GACX,OAAAC,EAAS,GACT,KAAAR,EAAO,GACP,GAAGS,CACL,KAAe,CACb,GAAGA,EACH,MAAOX,EACP,QAASU,EACT,MAAOR,EACP,UAAWO,EACX,UAAWD,EACX,KAAAF,CACF"}

package/build/cjs/react-base/src/components/Timeline/Timeline.consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.consts.js","sources":["../../../../../../../react-base/src/components/Timeline/Timeline.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\nimport type { Size } from './Timeline.types';\n\ntype TimelineConsts = {\n  [size in Size]: {\n    dotSize: number;\n    icon: number;\n    minStepWidth: number;\n    horizontalStepPadding: number;\n    connectorTopMargin: number;\n    labelTopMargin: number;\n    noContentLabelTopMargin: number;\n    titleBottomMargin: number;\n    subtitleBottomMargin: number;\n    bodyTopMargin: number;\n    bottomMargin: number;\n    timelineMinHeight: number;\n    noDotContentVerticalMargin: string;\n    dotCirclePadding: number;\n    noLabelMargin: number;\n  };\n};\n\nexport const consts: TimelineConsts = {\n  [Sizes.Small]: {\n    dotSize: 24,\n    icon: 16,\n    minStepWidth: 120,\n    horizontalStepPadding: 16,\n    connectorTopMargin: 2,\n    labelTopMargin: 4,\n    noContentLabelTopMargin: 0,\n    titleBottomMargin: 2,\n    subtitleBottomMargin: 4,\n    bodyTopMargin: 3,\n    bottomMargin: 24,\n    timelineMinHeight: 16,\n    noDotContentVerticalMargin: 'unset',\n    dotCirclePadding: 4,\n    noLabelMargin: 24,\n  },\n  [Sizes.Medium]: {\n    dotSize: 32,\n    icon: 20,\n    minStepWidth: 180,\n    horizontalStepPadding: 16,\n    connectorTopMargin: 2,\n    labelTopMargin: 8,\n    noContentLabelTopMargin: 2,\n    titleBottomMargin: 2,\n    subtitleBottomMargin: 8,\n    bodyTopMargin: 6,\n    bottomMargin: 24,\n    timelineMinHeight: 32,\n    noDotContentVerticalMargin: '3px 0',\n    dotCirclePadding: 6,\n    noLabelMargin: 32,\n  },\n  [Sizes.Large]: {\n    dotSize: 40,\n    icon: 24,\n    minStepWidth: 192,\n    horizontalStepPadding: 16,\n    connectorTopMargin: 2,\n    labelTopMargin: 12,\n    noContentLabelTopMargin: 4,\n    titleBottomMargin: 2,\n    subtitleBottomMargin: 10,\n    bodyTopMargin: 8,\n    bottomMargin: 32,\n    timelineMinHeight: 32,\n    noDotContentVerticalMargin: '6px 0',\n    dotCirclePadding: 8,\n    noLabelMargin: 28,\n  },\n  [Sizes.XLarge]: {\n    dotSize: 56,\n    icon: 28,\n    minStepWidth: 220,\n    horizontalStepPadding: 24,\n    connectorTopMargin: 2,\n    labelTopMargin: 18,\n    noContentLabelTopMargin: 4,\n    titleBottomMargin: 4,\n    subtitleBottomMargin: 12,\n    bodyTopMargin: 14,\n    bottomMargin: 40,\n    timelineMinHeight: 40,\n    noDotContentVerticalMargin: '8px 0',\n    dotCirclePadding: 14,\n    noLabelMargin: 32,\n  },\n};\n\nexport const gap = 8;\nexport const noContentDotSize = 16;\n"],"names":["consts","Sizes","gap","noContentDotSize"],"mappings":"qJAuBaA,EAAyB,CACpC,CAACC,EAAAA,MAAM,KAAK,EAAG,CACb,QAAS,GACT,KAAM,GACN,aAAc,IACd,sBAAuB,GACvB,mBAAoB,EACpB,eAAgB,EAChB,wBAAyB,EACzB,kBAAmB,EACnB,qBAAsB,EACtB,cAAe,EACf,aAAc,GACd,kBAAmB,GACnB,2BAA4B,QAC5B,iBAAkB,EAClB,cAAe,EAAA,EAEjB,CAACA,EAAAA,MAAM,MAAM,EAAG,CACd,QAAS,GACT,KAAM,GACN,aAAc,IACd,sBAAuB,GACvB,mBAAoB,EACpB,eAAgB,EAChB,wBAAyB,EACzB,kBAAmB,EACnB,qBAAsB,EACtB,cAAe,EACf,aAAc,GACd,kBAAmB,GACnB,2BAA4B,QAC5B,iBAAkB,EAClB,cAAe,EAAA,EAEjB,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,QAAS,GACT,KAAM,GACN,aAAc,IACd,sBAAuB,GACvB,mBAAoB,EACpB,eAAgB,GAChB,wBAAyB,EACzB,kBAAmB,EACnB,qBAAsB,GACtB,cAAe,EACf,aAAc,GACd,kBAAmB,GACnB,2BAA4B,QAC5B,iBAAkB,EAClB,cAAe,EAAA,EAEjB,CAACA,EAAAA,MAAM,MAAM,EAAG,CACd,QAAS,GACT,KAAM,GACN,aAAc,IACd,sBAAuB,GACvB,mBAAoB,EACpB,eAAgB,GAChB,wBAAyB,EACzB,kBAAmB,EACnB,qBAAsB,GACtB,cAAe,GACf,aAAc,GACd,kBAAmB,GACnB,2BAA4B,QAC5B,iBAAkB,GAClB,cAAe,EAAA,CAEnB,EAEaC,EAAM,EACNC,EAAmB"}
+{"version":3,"file":"Timeline.consts.js","sources":["../../../../../../../react-base/src/components/Timeline/Timeline.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\r\nimport type { Size } from './Timeline.types';\r\n\r\ntype TimelineConsts = {\r\n  [size in Size]: {\r\n    dotSize: number;\r\n    icon: number;\r\n    minStepWidth: number;\r\n    horizontalStepPadding: number;\r\n    connectorTopMargin: number;\r\n    labelTopMargin: number;\r\n    noContentLabelTopMargin: number;\r\n    titleBottomMargin: number;\r\n    subtitleBottomMargin: number;\r\n    bodyTopMargin: number;\r\n    bottomMargin: number;\r\n    timelineMinHeight: number;\r\n    noDotContentVerticalMargin: string;\r\n    dotCirclePadding: number;\r\n    noLabelMargin: number;\r\n  };\r\n};\r\n\r\nexport const consts: TimelineConsts = {\r\n  [Sizes.Small]: {\r\n    dotSize: 24,\r\n    icon: 16,\r\n    minStepWidth: 120,\r\n    horizontalStepPadding: 16,\r\n    connectorTopMargin: 2,\r\n    labelTopMargin: 4,\r\n    noContentLabelTopMargin: 0,\r\n    titleBottomMargin: 2,\r\n    subtitleBottomMargin: 4,\r\n    bodyTopMargin: 3,\r\n    bottomMargin: 24,\r\n    timelineMinHeight: 16,\r\n    noDotContentVerticalMargin: 'unset',\r\n    dotCirclePadding: 4,\r\n    noLabelMargin: 24,\r\n  },\r\n  [Sizes.Medium]: {\r\n    dotSize: 32,\r\n    icon: 20,\r\n    minStepWidth: 180,\r\n    horizontalStepPadding: 16,\r\n    connectorTopMargin: 2,\r\n    labelTopMargin: 8,\r\n    noContentLabelTopMargin: 2,\r\n    titleBottomMargin: 2,\r\n    subtitleBottomMargin: 8,\r\n    bodyTopMargin: 6,\r\n    bottomMargin: 24,\r\n    timelineMinHeight: 32,\r\n    noDotContentVerticalMargin: '3px 0',\r\n    dotCirclePadding: 6,\r\n    noLabelMargin: 32,\r\n  },\r\n  [Sizes.Large]: {\r\n    dotSize: 40,\r\n    icon: 24,\r\n    minStepWidth: 192,\r\n    horizontalStepPadding: 16,\r\n    connectorTopMargin: 2,\r\n    labelTopMargin: 12,\r\n    noContentLabelTopMargin: 4,\r\n    titleBottomMargin: 2,\r\n    subtitleBottomMargin: 10,\r\n    bodyTopMargin: 8,\r\n    bottomMargin: 32,\r\n    timelineMinHeight: 32,\r\n    noDotContentVerticalMargin: '6px 0',\r\n    dotCirclePadding: 8,\r\n    noLabelMargin: 28,\r\n  },\r\n  [Sizes.XLarge]: {\r\n    dotSize: 56,\r\n    icon: 28,\r\n    minStepWidth: 220,\r\n    horizontalStepPadding: 24,\r\n    connectorTopMargin: 2,\r\n    labelTopMargin: 18,\r\n    noContentLabelTopMargin: 4,\r\n    titleBottomMargin: 4,\r\n    subtitleBottomMargin: 12,\r\n    bodyTopMargin: 14,\r\n    bottomMargin: 40,\r\n    timelineMinHeight: 40,\r\n    noDotContentVerticalMargin: '8px 0',\r\n    dotCirclePadding: 14,\r\n    noLabelMargin: 32,\r\n  },\r\n};\r\n\r\nexport const gap = 8;\r\nexport const noContentDotSize = 16;\r\n"],"names":["consts","Sizes","gap","noContentDotSize"],"mappings":"qJAuBaA,EAAyB,CACpC,CAACC,EAAAA,MAAM,KAAK,EAAG,CACb,QAAS,GACT,KAAM,GACN,aAAc,IACd,sBAAuB,GACvB,mBAAoB,EACpB,eAAgB,EAChB,wBAAyB,EACzB,kBAAmB,EACnB,qBAAsB,EACtB,cAAe,EACf,aAAc,GACd,kBAAmB,GACnB,2BAA4B,QAC5B,iBAAkB,EAClB,cAAe,EAAA,EAEjB,CAACA,EAAAA,MAAM,MAAM,EAAG,CACd,QAAS,GACT,KAAM,GACN,aAAc,IACd,sBAAuB,GACvB,mBAAoB,EACpB,eAAgB,EAChB,wBAAyB,EACzB,kBAAmB,EACnB,qBAAsB,EACtB,cAAe,EACf,aAAc,GACd,kBAAmB,GACnB,2BAA4B,QAC5B,iBAAkB,EAClB,cAAe,EAAA,EAEjB,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,QAAS,GACT,KAAM,GACN,aAAc,IACd,sBAAuB,GACvB,mBAAoB,EACpB,eAAgB,GAChB,wBAAyB,EACzB,kBAAmB,EACnB,qBAAsB,GACtB,cAAe,EACf,aAAc,GACd,kBAAmB,GACnB,2BAA4B,QAC5B,iBAAkB,EAClB,cAAe,EAAA,EAEjB,CAACA,EAAAA,MAAM,MAAM,EAAG,CACd,QAAS,GACT,KAAM,GACN,aAAc,IACd,sBAAuB,GACvB,mBAAoB,EACpB,eAAgB,GAChB,wBAAyB,EACzB,kBAAmB,EACnB,qBAAsB,GACtB,cAAe,GACf,aAAc,GACd,kBAAmB,GACnB,2BAA4B,QAC5B,iBAAkB,GAClB,cAAe,EAAA,CAEnB,EAEaC,EAAM,EACNC,EAAmB"}

package/build/cjs/react-base/src/components/Timeline/Timeline.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.utils.js","sources":["../../../../../../../react-base/src/components/Timeline/Timeline.utils.ts"],"sourcesContent":["import type { CSSProperties } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { Variants, Sizes, Alignments, Directions, Sorts } from '../../consts';\nimport { consts, noContentDotSize, gap } from './Timeline.consts';\nimport type { Alignment, Size, Sort, Direction, StepVariant } from './Timeline.types';\nimport { Variables, type Theme } from '../../theme';\nimport { getLabelTypographySize, getSmallerSize } from '../../utils/sizesUtils';\n\nconst geItemsAlignment = (alternate?: boolean, alignment?: Alignment) => {\n  if (!alternate && alignment === Alignments.Bottom) {\n    return 'flex-start';\n  }\n\n  if (!alternate && alignment === Alignments.Top) {\n    return 'flex-end';\n  }\n\n  return undefined;\n};\n\nexport const getTimeLineContainerStyle = (\n  direction?: Direction,\n  alignment?: Alignment,\n  alternate?: boolean,\n  sort?: Sort,\n): CSSProperties => {\n  if (direction === Directions.Horizontal) {\n    return {\n      display: 'flex',\n      gap,\n      flexDirection: sort === Sorts.Asc ? 'row' : 'row-reverse',\n      alignItems: geItemsAlignment(alternate, alignment),\n    };\n  }\n\n  return {\n    display: 'flex',\n    gap,\n    flexDirection: sort === Sorts.Asc ? 'column' : 'column-reverse',\n  };\n};\n\nexport const getStepTitleFontStyle = (theme: Theme, size: Size) => {\n  switch (size) {\n    case Sizes.Small:\n      return theme.typography('heading', 'extraSmall');\n    case Sizes.Large:\n      return theme.typography('heading', 'medium');\n    case Sizes.XLarge:\n      return theme.typography('heading', 'large');\n    default:\n      return theme.typography('heading', 'small');\n  }\n};\n\nexport const getLoadingSize = (size: Size) => {\n  switch (size) {\n    case Sizes.Small:\n      return Sizes.XSmall;\n    case Sizes.Large:\n      return Sizes.Medium;\n    case Sizes.XLarge:\n      return Sizes.Large;\n    default:\n      return Sizes.Small;\n  }\n};\n\nexport const getStepAlignment = (\n  direction: Direction,\n  alignment: Alignment,\n  alternate: boolean,\n  index: number,\n): Alignment => {\n  const isEven = (index + 1) % 2 === 0;\n\n  if (\n    direction === Directions.Vertical &&\n    ((!alternate && alignment === Alignments.Left) ||\n      (alternate && !isEven && alignment === Alignments.Left) ||\n      (alternate && isEven && alignment === Alignments.Right))\n  ) {\n    return Alignments.Left;\n  }\n\n  if (\n    direction === Directions.Horizontal &&\n    ((!alternate && alignment === Alignments.Top) ||\n      (alternate && !isEven && alignment === Alignments.Top) ||\n      (alternate && isEven && alignment === Alignments.Bottom))\n  ) {\n    return Alignments.Top;\n  }\n\n  return direction === Directions.Vertical ? Alignments.Right : Alignments.Bottom;\n};\n\nexport const getStepDescriptionFontStyle = (theme: Theme, size: Size) =>\n  theme.typography('label', getLabelTypographySize(getSmallerSize(size)));\n\nexport const getStepDotContentFontStyle = (theme: Theme, size: Size) =>\n  theme.typography('label', getLabelTypographySize(size));\n\nexport const getStepDotLabelFontStyle = (theme: Theme, size: Size) =>\n  theme.typography('label', getLabelTypographySize(getSmallerSize(size)));\n\nexport const getStepDotStyle = (size: Size = Sizes.Medium, noDotContent?: boolean): CSSProperties => ({\n  width: `${noDotContent ? noContentDotSize : consts[size].dotSize}px`,\n  height: `${noDotContent ? noContentDotSize : consts[size].dotSize}px`,\n  minWidth: `${noDotContent ? noContentDotSize : consts[size].dotSize}px`,\n  minHeight: `${noDotContent ? noContentDotSize : consts[size].dotSize}px`,\n  margin: noDotContent && consts[size].noDotContentVerticalMargin,\n  padding: `${!noDotContent && consts[size].dotCirclePadding}px`,\n});\n\nexport const getFabricColor = (theme: Theme, variant?: StepVariant, sentiment?: FabricsVariables.SentimentType) =>\n  theme.layer({\n    sentiment,\n    sentimentProminence:\n      variant && variant === Variants.Filled\n        ? FabricsVariables.SentimentProminences.Strong\n        : FabricsVariables.SentimentProminences.Transparent,\n  });\n\nexport const getDotLabelContent = (label?: string, noLabel?: boolean, alternate?: boolean) => {\n  if (label) {\n    return label;\n  }\n\n  if (noLabel && alternate) {\n    return ' ';\n  }\n\n  return undefined;\n};\n\nexport const getDotVariantStyle = (\n  theme: Theme,\n  variant: StepVariant,\n  stepSentiment: FabricsVariables.SentimentType = FabricsVariables.Sentiments.Neutral,\n): CSSProperties => {\n  const backgroundColor = getFabricColor(theme, variant, stepSentiment)[Variables.BackgroundSentiment];\n  const borderColor = getFabricColor(theme, variant, stepSentiment)[Variables.BorderOnSentimentOnBackground];\n  const fontColor = getFabricColor(theme, variant, stepSentiment)[Variables.TextOnSentimentOnBackground];\n\n  switch (variant) {\n    case Variants.Filled:\n      return {\n        backgroundColor,\n        color: fontColor,\n      };\n\n    case Variants.Transparent:\n      return {\n        border: `1px dashed ${borderColor}`,\n        color: fontColor,\n      };\n\n    default:\n      return {\n        border: `2px solid ${borderColor}`,\n        color: fontColor,\n      };\n  }\n};\n"],"names":["geItemsAlignment","alternate","alignment","Alignments","getTimeLineContainerStyle","direction","sort","Directions","gap","Sorts","getStepTitleFontStyle","theme","size","Sizes","getLoadingSize","getStepAlignment","index","isEven","getStepDescriptionFontStyle","getLabelTypographySize","getSmallerSize","getStepDotContentFontStyle","getStepDotLabelFontStyle","getStepDotStyle","noDotContent","noContentDotSize","consts","getFabricColor","variant","sentiment","Variants","FabricsVariables","getDotLabelContent","label","noLabel","getDotVariantStyle","stepSentiment","backgroundColor","Variables","borderColor","fontColor"],"mappings":"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"}
+{"version":3,"file":"Timeline.utils.js","sources":["../../../../../../../react-base/src/components/Timeline/Timeline.utils.ts"],"sourcesContent":["import type { CSSProperties } from 'styled-components';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\nimport { Variants, Sizes, Alignments, Directions, Sorts } from '../../consts';\r\nimport { consts, noContentDotSize, gap } from './Timeline.consts';\r\nimport type { Alignment, Size, Sort, Direction, StepVariant } from './Timeline.types';\r\nimport { Variables, type Theme } from '../../theme';\r\nimport { getLabelTypographySize, getSmallerSize } from '../../utils/sizesUtils';\r\n\r\nconst geItemsAlignment = (alternate?: boolean, alignment?: Alignment) => {\r\n  if (!alternate && alignment === Alignments.Bottom) {\r\n    return 'flex-start';\r\n  }\r\n\r\n  if (!alternate && alignment === Alignments.Top) {\r\n    return 'flex-end';\r\n  }\r\n\r\n  return undefined;\r\n};\r\n\r\nexport const getTimeLineContainerStyle = (\r\n  direction?: Direction,\r\n  alignment?: Alignment,\r\n  alternate?: boolean,\r\n  sort?: Sort,\r\n): CSSProperties => {\r\n  if (direction === Directions.Horizontal) {\r\n    return {\r\n      display: 'flex',\r\n      gap,\r\n      flexDirection: sort === Sorts.Asc ? 'row' : 'row-reverse',\r\n      alignItems: geItemsAlignment(alternate, alignment),\r\n    };\r\n  }\r\n\r\n  return {\r\n    display: 'flex',\r\n    gap,\r\n    flexDirection: sort === Sorts.Asc ? 'column' : 'column-reverse',\r\n  };\r\n};\r\n\r\nexport const getStepTitleFontStyle = (theme: Theme, size: Size) => {\r\n  switch (size) {\r\n    case Sizes.Small:\r\n      return theme.typography('heading', 'extraSmall');\r\n    case Sizes.Large:\r\n      return theme.typography('heading', 'medium');\r\n    case Sizes.XLarge:\r\n      return theme.typography('heading', 'large');\r\n    default:\r\n      return theme.typography('heading', 'small');\r\n  }\r\n};\r\n\r\nexport const getLoadingSize = (size: Size) => {\r\n  switch (size) {\r\n    case Sizes.Small:\r\n      return Sizes.XSmall;\r\n    case Sizes.Large:\r\n      return Sizes.Medium;\r\n    case Sizes.XLarge:\r\n      return Sizes.Large;\r\n    default:\r\n      return Sizes.Small;\r\n  }\r\n};\r\n\r\nexport const getStepAlignment = (\r\n  direction: Direction,\r\n  alignment: Alignment,\r\n  alternate: boolean,\r\n  index: number,\r\n): Alignment => {\r\n  const isEven = (index + 1) % 2 === 0;\r\n\r\n  if (\r\n    direction === Directions.Vertical &&\r\n    ((!alternate && alignment === Alignments.Left) ||\r\n      (alternate && !isEven && alignment === Alignments.Left) ||\r\n      (alternate && isEven && alignment === Alignments.Right))\r\n  ) {\r\n    return Alignments.Left;\r\n  }\r\n\r\n  if (\r\n    direction === Directions.Horizontal &&\r\n    ((!alternate && alignment === Alignments.Top) ||\r\n      (alternate && !isEven && alignment === Alignments.Top) ||\r\n      (alternate && isEven && alignment === Alignments.Bottom))\r\n  ) {\r\n    return Alignments.Top;\r\n  }\r\n\r\n  return direction === Directions.Vertical ? Alignments.Right : Alignments.Bottom;\r\n};\r\n\r\nexport const getStepDescriptionFontStyle = (theme: Theme, size: Size) =>\r\n  theme.typography('label', getLabelTypographySize(getSmallerSize(size)));\r\n\r\nexport const getStepDotContentFontStyle = (theme: Theme, size: Size) =>\r\n  theme.typography('label', getLabelTypographySize(size));\r\n\r\nexport const getStepDotLabelFontStyle = (theme: Theme, size: Size) =>\r\n  theme.typography('label', getLabelTypographySize(getSmallerSize(size)));\r\n\r\nexport const getStepDotStyle = (size: Size = Sizes.Medium, noDotContent?: boolean): CSSProperties => ({\r\n  width: `${noDotContent ? noContentDotSize : consts[size].dotSize}px`,\r\n  height: `${noDotContent ? noContentDotSize : consts[size].dotSize}px`,\r\n  minWidth: `${noDotContent ? noContentDotSize : consts[size].dotSize}px`,\r\n  minHeight: `${noDotContent ? noContentDotSize : consts[size].dotSize}px`,\r\n  margin: noDotContent && consts[size].noDotContentVerticalMargin,\r\n  padding: `${!noDotContent && consts[size].dotCirclePadding}px`,\r\n});\r\n\r\nexport const getFabricColor = (theme: Theme, variant?: StepVariant, sentiment?: FabricsVariables.SentimentType) =>\r\n  theme.layer({\r\n    sentiment,\r\n    sentimentProminence:\r\n      variant && variant === Variants.Filled\r\n        ? FabricsVariables.SentimentProminences.Strong\r\n        : FabricsVariables.SentimentProminences.Transparent,\r\n  });\r\n\r\nexport const getDotLabelContent = (label?: string, noLabel?: boolean, alternate?: boolean) => {\r\n  if (label) {\r\n    return label;\r\n  }\r\n\r\n  if (noLabel && alternate) {\r\n    return ' ';\r\n  }\r\n\r\n  return undefined;\r\n};\r\n\r\nexport const getDotVariantStyle = (\r\n  theme: Theme,\r\n  variant: StepVariant,\r\n  stepSentiment: FabricsVariables.SentimentType = FabricsVariables.Sentiments.Neutral,\r\n): CSSProperties => {\r\n  const backgroundColor = getFabricColor(theme, variant, stepSentiment)[Variables.BackgroundSentiment];\r\n  const borderColor = getFabricColor(theme, variant, stepSentiment)[Variables.BorderOnSentimentOnBackground];\r\n  const fontColor = getFabricColor(theme, variant, stepSentiment)[Variables.TextOnSentimentOnBackground];\r\n\r\n  switch (variant) {\r\n    case Variants.Filled:\r\n      return {\r\n        backgroundColor,\r\n        color: fontColor,\r\n      };\r\n\r\n    case Variants.Transparent:\r\n      return {\r\n        border: `1px dashed ${borderColor}`,\r\n        color: fontColor,\r\n      };\r\n\r\n    default:\r\n      return {\r\n        border: `2px solid ${borderColor}`,\r\n        color: fontColor,\r\n      };\r\n  }\r\n};\r\n"],"names":["geItemsAlignment","alternate","alignment","Alignments","getTimeLineContainerStyle","direction","sort","Directions","gap","Sorts","getStepTitleFontStyle","theme","size","Sizes","getLoadingSize","getStepAlignment","index","isEven","getStepDescriptionFontStyle","getLabelTypographySize","getSmallerSize","getStepDotContentFontStyle","getStepDotLabelFontStyle","getStepDotStyle","noDotContent","noContentDotSize","consts","getFabricColor","variant","sentiment","Variants","FabricsVariables","getDotLabelContent","label","noLabel","getDotVariantStyle","stepSentiment","backgroundColor","Variables","borderColor","fontColor"],"mappings":"wSASMA,EAAmB,CAACC,EAAqBC,IAA0B,CACvE,GAAI,CAACD,GAAaC,IAAcC,EAAAA,WAAW,OACzC,MAAO,aAGT,GAAI,CAACF,GAAaC,IAAcC,EAAAA,WAAW,IACzC,MAAO,UAIX,EAEaC,EAA4B,CACvCC,EACAH,EACAD,EACAK,IAEID,IAAcE,EAAAA,WAAW,WACpB,CACL,QAAS,OAAA,IACTC,EAAAA,IACA,cAAeF,IAASG,EAAAA,MAAM,IAAM,MAAQ,cAC5C,WAAYT,EAAiBC,EAAWC,CAAS,CAAA,EAI9C,CACL,QAAS,OAAA,IACTM,EAAAA,IACA,cAAeF,IAASG,QAAM,IAAM,SAAW,gBAAA,EAItCC,EAAwB,CAACC,EAAcC,IAAe,CACjE,OAAQA,EAAA,CACN,KAAKC,EAAAA,MAAM,MACT,OAAOF,EAAM,WAAW,UAAW,YAAY,EACjD,KAAKE,EAAAA,MAAM,MACT,OAAOF,EAAM,WAAW,UAAW,QAAQ,EAC7C,KAAKE,EAAAA,MAAM,OACT,OAAOF,EAAM,WAAW,UAAW,OAAO,EAC5C,QACE,OAAOA,EAAM,WAAW,UAAW,OAAO,CAAA,CAEhD,EAEaG,EAAkBF,GAAe,CAC5C,OAAQA,EAAA,CACN,KAAKC,EAAAA,MAAM,MACT,OAAOA,EAAAA,MAAM,OACf,KAAKA,EAAAA,MAAM,MACT,OAAOA,EAAAA,MAAM,OACf,KAAKA,EAAAA,MAAM,OACT,OAAOA,EAAAA,MAAM,MACf,QACE,OAAOA,EAAAA,MAAM,KAAA,CAEnB,EAEaE,EAAmB,CAC9BV,EACAH,EACAD,EACAe,IACc,CACd,MAAMC,GAAUD,EAAQ,GAAK,IAAM,EAEnC,OACEX,IAAcE,EAAAA,WAAW,WACvB,CAACN,GAAaC,IAAcC,EAAAA,WAAW,MACtCF,GAAa,CAACgB,GAAUf,IAAcC,EAAAA,WAAW,MACjDF,GAAagB,GAAUf,IAAcC,aAAW,OAE5CA,EAAAA,WAAW,KAIlBE,IAAcE,EAAAA,WAAW,aACvB,CAACN,GAAaC,IAAcC,EAAAA,WAAW,KACtCF,GAAa,CAACgB,GAAUf,IAAcC,EAAAA,WAAW,KACjDF,GAAagB,GAAUf,IAAcC,aAAW,QAE5CA,EAAAA,WAAW,IAGbE,IAAcE,EAAAA,WAAW,SAAWJ,EAAAA,WAAW,MAAQA,EAAAA,WAAW,MAC3E,EAEae,EAA8B,CAACP,EAAcC,IACxDD,EAAM,WAAW,QAASQ,EAAAA,uBAAuBC,iBAAeR,CAAI,CAAC,CAAC,EAE3DS,EAA6B,CAACV,EAAcC,IACvDD,EAAM,WAAW,QAASQ,EAAAA,uBAAuBP,CAAI,CAAC,EAE3CU,EAA2B,CAACX,EAAcC,IACrDD,EAAM,WAAW,QAASQ,EAAAA,uBAAuBC,iBAAeR,CAAI,CAAC,CAAC,EAE3DW,EAAkB,CAACX,EAAaC,QAAM,OAAQW,KAA2C,CACpG,MAAO,GAAGA,EAAeC,EAAAA,iBAAmBC,EAAAA,OAAOd,CAAI,EAAE,OAAO,KAChE,OAAQ,GAAGY,EAAeC,EAAAA,iBAAmBC,EAAAA,OAAOd,CAAI,EAAE,OAAO,KACjE,SAAU,GAAGY,EAAeC,EAAAA,iBAAmBC,EAAAA,OAAOd,CAAI,EAAE,OAAO,KACnE,UAAW,GAAGY,EAAeC,EAAAA,iBAAmBC,EAAAA,OAAOd,CAAI,EAAE,OAAO,KACpE,OAAQY,GAAgBE,SAAOd,CAAI,EAAE,2BACrC,QAAS,GAAG,CAACY,GAAgBE,EAAAA,OAAOd,CAAI,EAAE,gBAAgB,IAC5D,GAEae,EAAiB,CAAChB,EAAciB,EAAuBC,IAClElB,EAAM,MAAM,CACV,UAAAkB,EACA,oBACED,GAAWA,IAAYE,WAAS,OAC5BC,EAAAA,iBAAiB,qBAAqB,OACtCA,EAAAA,iBAAiB,qBAAqB,WAC9C,CAAC,EAEUC,EAAqB,CAACC,EAAgBC,EAAmBjC,IAAwB,CAC5F,GAAIgC,EACF,OAAOA,EAGT,GAAIC,GAAWjC,EACb,MAAO,GAIX,EAEakC,EAAqB,CAChCxB,EACAiB,EACAQ,EAAgDL,EAAAA,iBAAiB,WAAW,UAC1D,CAClB,MAAMM,EAAkBV,EAAehB,EAAOiB,EAASQ,CAAa,EAAEE,EAAAA,UAAU,mBAAmB,EAC7FC,EAAcZ,EAAehB,EAAOiB,EAASQ,CAAa,EAAEE,EAAAA,UAAU,6BAA6B,EACnGE,EAAYb,EAAehB,EAAOiB,EAASQ,CAAa,EAAEE,EAAAA,UAAU,2BAA2B,EAErG,OAAQV,EAAA,CACN,KAAKE,EAAAA,SAAS,OACZ,MAAO,CACL,gBAAAO,EACA,MAAOG,CAAA,EAGX,KAAKV,EAAAA,SAAS,YACZ,MAAO,CACL,OAAQ,cAAcS,CAAW,GACjC,MAAOC,CAAA,EAGX,QACE,MAAO,CACL,OAAQ,aAAaD,CAAW,GAChC,MAAOC,CAAA,CACT,CAEN"}

package/build/cjs/react-base/src/components/Toggle/Toggle.consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.consts.js","sources":["../../../../../../../react-base/src/components/Toggle/Toggle.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\n\nexport const consts = {\n  [Sizes.XSmall]: {\n    width: 28,\n    height: 16,\n    labelSpacing: 8,\n    circle: {\n      size: 12,\n      checkedSize: 12,\n      pressedSize: 16,\n      onPosition: 12,\n      offset: 2,\n      checkedOffset: 2,\n    },\n  },\n  [Sizes.Small]: {\n    width: 36,\n    height: 20,\n    labelSpacing: 8,\n    circle: {\n      size: 16,\n      checkedSize: 16,\n      pressedSize: 20,\n      onPosition: 16,\n      offset: 2,\n      checkedOffset: 2,\n    },\n  },\n  [Sizes.Medium]: {\n    width: 44,\n    height: 24,\n    labelSpacing: 10,\n    circle: {\n      size: 20,\n      checkedSize: 20,\n      pressedSize: 26,\n      onPosition: 20,\n      offset: 2,\n      checkedOffset: 2,\n    },\n  },\n  [Sizes.Large]: {\n    width: 50,\n    height: 28,\n    labelSpacing: 12,\n    circle: {\n      size: 22,\n      checkedSize: 22,\n      pressedSize: 32,\n      onPosition: 22,\n      offset: 3,\n      checkedOffset: 3,\n    },\n  },\n} as const;\n"],"names":["consts","Sizes"],"mappings":"qJAEaA,EAAS,CACpB,CAACC,EAAAA,MAAM,MAAM,EAAG,CACd,MAAO,GACP,OAAQ,GACR,aAAc,EACd,OAAQ,CACN,KAAM,GACN,YAAa,GACb,YAAa,GACb,WAAY,GACZ,OAAQ,EACR,cAAe,CAAA,CACjB,EAEF,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,MAAO,GACP,OAAQ,GACR,aAAc,EACd,OAAQ,CACN,KAAM,GACN,YAAa,GACb,YAAa,GACb,WAAY,GACZ,OAAQ,EACR,cAAe,CAAA,CACjB,EAEF,CAACA,EAAAA,MAAM,MAAM,EAAG,CACd,MAAO,GACP,OAAQ,GACR,aAAc,GACd,OAAQ,CACN,KAAM,GACN,YAAa,GACb,YAAa,GACb,WAAY,GACZ,OAAQ,EACR,cAAe,CAAA,CACjB,EAEF,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,MAAO,GACP,OAAQ,GACR,aAAc,GACd,OAAQ,CACN,KAAM,GACN,YAAa,GACb,YAAa,GACb,WAAY,GACZ,OAAQ,EACR,cAAe,CAAA,CACjB,CAEJ"}
+{"version":3,"file":"Toggle.consts.js","sources":["../../../../../../../react-base/src/components/Toggle/Toggle.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\r\n\r\nexport const consts = {\r\n  [Sizes.XSmall]: {\r\n    width: 28,\r\n    height: 16,\r\n    labelSpacing: 8,\r\n    circle: {\r\n      size: 12,\r\n      checkedSize: 12,\r\n      pressedSize: 16,\r\n      onPosition: 12,\r\n      offset: 2,\r\n      checkedOffset: 2,\r\n    },\r\n  },\r\n  [Sizes.Small]: {\r\n    width: 36,\r\n    height: 20,\r\n    labelSpacing: 8,\r\n    circle: {\r\n      size: 16,\r\n      checkedSize: 16,\r\n      pressedSize: 20,\r\n      onPosition: 16,\r\n      offset: 2,\r\n      checkedOffset: 2,\r\n    },\r\n  },\r\n  [Sizes.Medium]: {\r\n    width: 44,\r\n    height: 24,\r\n    labelSpacing: 10,\r\n    circle: {\r\n      size: 20,\r\n      checkedSize: 20,\r\n      pressedSize: 26,\r\n      onPosition: 20,\r\n      offset: 2,\r\n      checkedOffset: 2,\r\n    },\r\n  },\r\n  [Sizes.Large]: {\r\n    width: 50,\r\n    height: 28,\r\n    labelSpacing: 12,\r\n    circle: {\r\n      size: 22,\r\n      checkedSize: 22,\r\n      pressedSize: 32,\r\n      onPosition: 22,\r\n      offset: 3,\r\n      checkedOffset: 3,\r\n    },\r\n  },\r\n} as const;\r\n"],"names":["consts","Sizes"],"mappings":"qJAEaA,EAAS,CACpB,CAACC,EAAAA,MAAM,MAAM,EAAG,CACd,MAAO,GACP,OAAQ,GACR,aAAc,EACd,OAAQ,CACN,KAAM,GACN,YAAa,GACb,YAAa,GACb,WAAY,GACZ,OAAQ,EACR,cAAe,CAAA,CACjB,EAEF,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,MAAO,GACP,OAAQ,GACR,aAAc,EACd,OAAQ,CACN,KAAM,GACN,YAAa,GACb,YAAa,GACb,WAAY,GACZ,OAAQ,EACR,cAAe,CAAA,CACjB,EAEF,CAACA,EAAAA,MAAM,MAAM,EAAG,CACd,MAAO,GACP,OAAQ,GACR,aAAc,GACd,OAAQ,CACN,KAAM,GACN,YAAa,GACb,YAAa,GACb,WAAY,GACZ,OAAQ,EACR,cAAe,CAAA,CACjB,EAEF,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,MAAO,GACP,OAAQ,GACR,aAAc,GACd,OAAQ,CACN,KAAM,GACN,YAAa,GACb,YAAa,GACb,WAAY,GACZ,OAAQ,EACR,cAAe,CAAA,CACjB,CAEJ"}

package/build/cjs/react-base/src/components/Toggle/Toggle.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.utils.js","sources":["../../../../../../../react-base/src/components/Toggle/Toggle.utils.ts"],"sourcesContent":["import type { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { type Theme, type ModesType, Variables } from '../../theme';\n\nexport const getStyles = (theme: Theme, state?: FabricsVariables.StateType, disabled?: boolean, checked?: boolean) => {\n  const modes: ModesType = { disabled, state, foundation: 'surface' };\n  const layer = theme.layer(modes);\n\n  return {\n    backgroundColor: checked ? layer[Variables.BackgroundSelected] : layer[Variables.BorderOnFoundationMedium],\n    circleBackgroundColor: theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation],\n    color: layer[Variables.TextOnFoundationStrong],\n  };\n};\n"],"names":["getStyles","theme","state","disabled","checked","modes","layer","Variables"],"mappings":"0JAIaA,EAAY,CAACC,EAAcC,EAAoCC,EAAoBC,IAAsB,CACpH,MAAMC,EAAmB,CAAE,SAAAF,EAAU,MAAAD,EAAO,WAAY,SAAA,EAClDI,EAAQL,EAAM,MAAMI,CAAK,EAE/B,MAAO,CACL,gBAAiBD,EAAUE,EAAMC,EAAAA,UAAU,kBAAkB,EAAID,EAAMC,EAAAA,UAAU,wBAAwB,EACzG,sBAAuBN,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEM,EAAAA,UAAU,oBAAoB,EAC5F,MAAOD,EAAMC,EAAAA,UAAU,sBAAsB,CAAA,CAEjD"}
+{"version":3,"file":"Toggle.utils.js","sources":["../../../../../../../react-base/src/components/Toggle/Toggle.utils.ts"],"sourcesContent":["import type { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\nimport { type Theme, type ModesType, Variables } from '../../theme';\r\n\r\nexport const getStyles = (theme: Theme, state?: FabricsVariables.StateType, disabled?: boolean, checked?: boolean) => {\r\n  const modes: ModesType = { disabled, state, foundation: 'surface' };\r\n  const layer = theme.layer(modes);\r\n\r\n  return {\r\n    backgroundColor: checked ? layer[Variables.BackgroundSelected] : layer[Variables.BorderOnFoundationMedium],\r\n    circleBackgroundColor: theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation],\r\n    color: layer[Variables.TextOnFoundationStrong],\r\n  };\r\n};\r\n"],"names":["getStyles","theme","state","disabled","checked","modes","layer","Variables"],"mappings":"0JAIaA,EAAY,CAACC,EAAcC,EAAoCC,EAAoBC,IAAsB,CACpH,MAAMC,EAAmB,CAAE,SAAAF,EAAU,MAAAD,EAAO,WAAY,SAAA,EAClDI,EAAQL,EAAM,MAAMI,CAAK,EAE/B,MAAO,CACL,gBAAiBD,EAAUE,EAAMC,EAAAA,UAAU,kBAAkB,EAAID,EAAMC,EAAAA,UAAU,wBAAwB,EACzG,sBAAuBN,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEM,EAAAA,UAAU,oBAAoB,EAC5F,MAAOD,EAAMC,EAAAA,UAAU,sBAAsB,CAAA,CAEjD"}

package/build/cjs/react-base/src/components/ToggleButton/ToggleButton.consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.consts.js","sources":["../../../../../../../react-base/src/components/ToggleButton/ToggleButton.consts.ts"],"sourcesContent":["import type { Size } from './ToggleButton.types';\nimport { Sizes } from '../../consts';\n\ntype ToggleButtonConsts = {\n  [size in Size]: {\n    height: number;\n    padding: { inline: number; icon: number; iconOnly: number };\n    borderRadius: number;\n    icon: number;\n    gap: number;\n  };\n};\n\nexport const consts: ToggleButtonConsts = {\n  [Sizes.XSmall]: {\n    height: 24,\n    padding: { inline: 8, icon: 6, iconOnly: 4 },\n    borderRadius: 6,\n    icon: 16,\n    gap: 4,\n  },\n  [Sizes.Small]: {\n    height: 32,\n    padding: { inline: 12, icon: 10, iconOnly: 8 },\n    borderRadius: 8,\n    icon: 16,\n    gap: 4,\n  },\n  [Sizes.Medium]: {\n    height: 40,\n    padding: { inline: 16, icon: 14, iconOnly: 10 },\n    borderRadius: 8,\n    icon: 20,\n    gap: 6,\n  },\n  [Sizes.Large]: {\n    height: 48,\n    padding: { inline: 20, icon: 18, iconOnly: 12 },\n    borderRadius: 10,\n    icon: 24,\n    gap: 8,\n  },\n};\n"],"names":["consts","Sizes"],"mappings":"qJAaaA,EAA6B,CACxC,CAACC,EAAAA,MAAM,MAAM,EAAG,CACd,OAAQ,GACR,QAAS,CAAE,OAAQ,EAAG,KAAM,EAAG,SAAU,CAAA,EACzC,aAAc,EACd,KAAM,GACN,IAAK,CAAA,EAEP,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,OAAQ,GACR,QAAS,CAAE,OAAQ,GAAI,KAAM,GAAI,SAAU,CAAA,EAC3C,aAAc,EACd,KAAM,GACN,IAAK,CAAA,EAEP,CAACA,EAAAA,MAAM,MAAM,EAAG,CACd,OAAQ,GACR,QAAS,CAAE,OAAQ,GAAI,KAAM,GAAI,SAAU,EAAA,EAC3C,aAAc,EACd,KAAM,GACN,IAAK,CAAA,EAEP,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,OAAQ,GACR,QAAS,CAAE,OAAQ,GAAI,KAAM,GAAI,SAAU,EAAA,EAC3C,aAAc,GACd,KAAM,GACN,IAAK,CAAA,CAET"}
+{"version":3,"file":"ToggleButton.consts.js","sources":["../../../../../../../react-base/src/components/ToggleButton/ToggleButton.consts.ts"],"sourcesContent":["import type { Size } from './ToggleButton.types';\r\nimport { Sizes } from '../../consts';\r\n\r\ntype ToggleButtonConsts = {\r\n  [size in Size]: {\r\n    height: number;\r\n    padding: { inline: number; icon: number; iconOnly: number };\r\n    borderRadius: number;\r\n    icon: number;\r\n    gap: number;\r\n  };\r\n};\r\n\r\nexport const consts: ToggleButtonConsts = {\r\n  [Sizes.XSmall]: {\r\n    height: 24,\r\n    padding: { inline: 8, icon: 6, iconOnly: 4 },\r\n    borderRadius: 6,\r\n    icon: 16,\r\n    gap: 4,\r\n  },\r\n  [Sizes.Small]: {\r\n    height: 32,\r\n    padding: { inline: 12, icon: 10, iconOnly: 8 },\r\n    borderRadius: 8,\r\n    icon: 16,\r\n    gap: 4,\r\n  },\r\n  [Sizes.Medium]: {\r\n    height: 40,\r\n    padding: { inline: 16, icon: 14, iconOnly: 10 },\r\n    borderRadius: 8,\r\n    icon: 20,\r\n    gap: 6,\r\n  },\r\n  [Sizes.Large]: {\r\n    height: 48,\r\n    padding: { inline: 20, icon: 18, iconOnly: 12 },\r\n    borderRadius: 10,\r\n    icon: 24,\r\n    gap: 8,\r\n  },\r\n};\r\n"],"names":["consts","Sizes"],"mappings":"qJAaaA,EAA6B,CACxC,CAACC,EAAAA,MAAM,MAAM,EAAG,CACd,OAAQ,GACR,QAAS,CAAE,OAAQ,EAAG,KAAM,EAAG,SAAU,CAAA,EACzC,aAAc,EACd,KAAM,GACN,IAAK,CAAA,EAEP,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,OAAQ,GACR,QAAS,CAAE,OAAQ,GAAI,KAAM,GAAI,SAAU,CAAA,EAC3C,aAAc,EACd,KAAM,GACN,IAAK,CAAA,EAEP,CAACA,EAAAA,MAAM,MAAM,EAAG,CACd,OAAQ,GACR,QAAS,CAAE,OAAQ,GAAI,KAAM,GAAI,SAAU,EAAA,EAC3C,aAAc,EACd,KAAM,GACN,IAAK,CAAA,EAEP,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,OAAQ,GACR,QAAS,CAAE,OAAQ,GAAI,KAAM,GAAI,SAAU,EAAA,EAC3C,aAAc,GACd,KAAM,GACN,IAAK,CAAA,CAET"}

package/build/cjs/react-base/src/components/ToggleButton/ToggleButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.styles.js","sources":["../../../../../../../react-base/src/components/ToggleButton/ToggleButton.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from './ToggleButton.consts';\nimport type { IProps } from './ToggleButton.types';\nimport { getPaddingInline } from './ToggleButton.utils';\nimport { PickTransient } from '../../types';\n\nexport type LabelContainerStylesProps = Required<PickTransient<IProps, 'size'>>;\nexport type ContainerStylesProps = LabelContainerStylesProps & Required<PickTransient<IProps, 'rounded'>>;\nexport type ContentStylesProps = LabelContainerStylesProps &\n  Required<PickTransient<IProps, 'iconPosition' | 'iconOnly'>> &\n  PickTransient<IProps, 'icon'>;\n\nexport const LabelContainerStyles = css<LabelContainerStylesProps>(\n  ({ $size }) => css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: ${consts[$size].gap}px;\n  `,\n);\n\nexport const ContentContainerStyles = css<ContentStylesProps>(\n  ({ $size, $iconPosition, $icon, $iconOnly }) => css<ContentStylesProps>`\n    ${LabelContainerStyles};\n    padding-inline: ${getPaddingInline($size, Boolean($icon), $iconPosition, $iconOnly)};\n    ${$iconPosition === 'right' &&\n    css`\n      flex-direction: row-reverse;\n    `};\n  `,\n);\n\nexport const ContainerStyles = css<ContainerStylesProps>(\n  ({ $size, $rounded }) => css`\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    height: ${consts[$size].height}px;\n    border-radius: ${$rounded ? 1000 : consts[$size].borderRadius}px;\n    cursor: pointer;\n    transition:\n      box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1),\n      background-color 0.3s,\n      border 0.3s;\n  `,\n);\n\nexport const ContentLoadingStyles = css`\n  opacity: 0;\n  min-height: 0;\n  height: 0;\n`;\n"],"names":["LabelContainerStyles","css","$size","consts","ContentContainerStyles","$iconPosition","$icon","$iconOnly","getPaddingInline","ContainerStyles","$rounded","ContentLoadingStyles"],"mappings":"4NAaaA,EAAuBC,EAAAA,IAClC,CAAC,CAAE,MAAAC,CAAA,IAAYD,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,WAINE,EAAAA,OAAOD,CAAK,EAAE,GAAG;AAAA,GAE5B,EAEaE,EAAyBH,EAAAA,IACpC,CAAC,CAAE,MAAAC,EAAO,cAAAG,EAAe,MAAAC,EAAO,UAAAC,KAAgBN,EAAAA;AAAAA,MAC5CD,CAAoB;AAAA,sBACJQ,EAAAA,iBAAiBN,EAAO,EAAQI,EAAQD,EAAeE,CAAS,CAAC;AAAA,MACjFF,IAAkB,SACpBJ,EAAAA;AAAAA;AAAAA,KAEC;AAAA,GAEL,EAEaQ,EAAkBR,EAAAA,IAC7B,CAAC,CAAE,MAAAC,EAAO,SAAAQ,CAAA,IAAeT,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,cAMbE,EAAAA,OAAOD,CAAK,EAAE,MAAM;AAAA,qBACbQ,EAAW,IAAOP,EAAAA,OAAOD,CAAK,EAAE,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOjE,EAEaS,EAAuBV,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA"}
+{"version":3,"file":"ToggleButton.styles.js","sources":["../../../../../../../react-base/src/components/ToggleButton/ToggleButton.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\r\n\r\nimport { consts } from './ToggleButton.consts';\r\nimport type { IProps } from './ToggleButton.types';\r\nimport { getPaddingInline } from './ToggleButton.utils';\r\nimport { PickTransient } from '../../types';\r\n\r\nexport type LabelContainerStylesProps = Required<PickTransient<IProps, 'size'>>;\r\nexport type ContainerStylesProps = LabelContainerStylesProps & Required<PickTransient<IProps, 'rounded'>>;\r\nexport type ContentStylesProps = LabelContainerStylesProps &\r\n  Required<PickTransient<IProps, 'iconPosition' | 'iconOnly'>> &\r\n  PickTransient<IProps, 'icon'>;\r\n\r\nexport const LabelContainerStyles = css<LabelContainerStylesProps>(\r\n  ({ $size }) => css`\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: ${consts[$size].gap}px;\r\n  `,\r\n);\r\n\r\nexport const ContentContainerStyles = css<ContentStylesProps>(\r\n  ({ $size, $iconPosition, $icon, $iconOnly }) => css<ContentStylesProps>`\r\n    ${LabelContainerStyles};\r\n    padding-inline: ${getPaddingInline($size, Boolean($icon), $iconPosition, $iconOnly)};\r\n    ${$iconPosition === 'right' &&\r\n    css`\r\n      flex-direction: row-reverse;\r\n    `};\r\n  `,\r\n);\r\n\r\nexport const ContainerStyles = css<ContainerStylesProps>(\r\n  ({ $size, $rounded }) => css`\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    height: ${consts[$size].height}px;\r\n    border-radius: ${$rounded ? 1000 : consts[$size].borderRadius}px;\r\n    cursor: pointer;\r\n    transition:\r\n      box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1),\r\n      background-color 0.3s,\r\n      border 0.3s;\r\n  `,\r\n);\r\n\r\nexport const ContentLoadingStyles = css`\r\n  opacity: 0;\r\n  min-height: 0;\r\n  height: 0;\r\n`;\r\n"],"names":["LabelContainerStyles","css","$size","consts","ContentContainerStyles","$iconPosition","$icon","$iconOnly","getPaddingInline","ContainerStyles","$rounded","ContentLoadingStyles"],"mappings":"4NAaaA,EAAuBC,EAAAA,IAClC,CAAC,CAAE,MAAAC,CAAA,IAAYD,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,WAINE,EAAAA,OAAOD,CAAK,EAAE,GAAG;AAAA,GAE5B,EAEaE,EAAyBH,EAAAA,IACpC,CAAC,CAAE,MAAAC,EAAO,cAAAG,EAAe,MAAAC,EAAO,UAAAC,KAAgBN,EAAAA;AAAAA,MAC5CD,CAAoB;AAAA,sBACJQ,EAAAA,iBAAiBN,EAAO,EAAQI,EAAQD,EAAeE,CAAS,CAAC;AAAA,MACjFF,IAAkB,SACpBJ,EAAAA;AAAAA;AAAAA,KAEC;AAAA,GAEL,EAEaQ,EAAkBR,EAAAA,IAC7B,CAAC,CAAE,MAAAC,EAAO,SAAAQ,CAAA,IAAeT,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,cAMbE,EAAAA,OAAOD,CAAK,EAAE,MAAM;AAAA,qBACbQ,EAAW,IAAOP,EAAAA,OAAOD,CAAK,EAAE,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOjE,EAEaS,EAAuBV,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA"}

package/build/cjs/react-base/src/components/ToggleButton/ToggleButton.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.utils.js","sources":["../../../../../../../react-base/src/components/ToggleButton/ToggleButton.utils.ts"],"sourcesContent":["/* eslint-disable sonarjs/deprecation */\nimport type { CSSProperties } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { Variants, Sizes, Positions } from '../../consts';\nimport { consts } from './ToggleButton.consts';\nimport type { Size, IProps, IconPosition } from './ToggleButton.types';\nimport { ModesType, Variables, type Theme } from '../../theme';\nimport { getLoaderSize } from '../Button/Button.utils';\n\nexport const getPaddingInline = (size: Size, icon: boolean, iconPosition: IconPosition, iconOnly: boolean): string => {\n  if (!icon) {\n    return `${consts[size].padding.inline}px`;\n  }\n\n  if (iconOnly) {\n    return `${consts[size].padding.iconOnly}px`;\n  }\n\n  if (icon && iconPosition === Positions.Right) {\n    return `${consts[size].padding.inline}px ${consts[size].padding.icon}px`;\n  }\n\n  return `${consts[size].padding.icon}px ${consts[size].padding.inline}px`;\n};\n\nexport const getIconSize = (size: Size) =>\n  ({\n    width: consts[size].icon,\n    height: consts[size].icon,\n  }) as const;\n\nconst getBorderSize = (outlined: boolean, state: FabricsVariables.StateType, isSelected: boolean): string => {\n  if (outlined) {\n    if (\n      (isSelected && (state === FabricsVariables.States.Resting || state === FabricsVariables.States.Hover)) ||\n      (!isSelected && state === FabricsVariables.States.Press)\n    ) {\n      return 'inset 0 0 0 2px';\n    }\n\n    return 'inset 0 0 0 1px';\n  }\n\n  return '0 0 0 0px';\n};\n\nexport const getBackgroundColor = (\n  theme: Theme,\n  outlined: boolean,\n  state: FabricsVariables.StateType,\n  isSelected: boolean,\n  disabled?: boolean,\n): string => {\n  const modes: ModesType = {\n    selectedProminence: 'strong',\n    foundation: 'section',\n    transparentRestingState: outlined,\n    state,\n    disabled,\n  };\n  const layer = theme.layer(modes);\n  const layerType = isSelected && !outlined ? 'Selected' : 'Foundation';\n\n  return layer[`Background/${layerType}`];\n};\n\nexport const getTextColor = (theme: Theme, outlined: boolean, isSelected: boolean, disabled: boolean): string => {\n  const layer = theme.layer({ selectedProminence: outlined ? 'subtle' : 'strong', disabled });\n\n  if (isSelected && !disabled) {\n    return layer[Variables.ForegroundOnSelected];\n  }\n\n  return layer[Variables.TextOnFoundationStrong];\n};\n\nexport const getBorderColor = (theme: Theme, isSelected: boolean, disabled: boolean): string => {\n  const layer = theme.layer({ selectedProminence: 'subtle', disabled });\n\n  if (isSelected) {\n    return layer[Variables.BorderOnSelectedOnBackground];\n  }\n\n  return layer[Variables.BorderOnFoundationMedium];\n};\n\nexport const getStylesForState = (\n  theme: Theme,\n  outlined: boolean,\n  state: FabricsVariables.StateType,\n  isSelected: boolean,\n  disabled: boolean,\n): CSSProperties => ({\n  backgroundColor: getBackgroundColor(theme, outlined, state, isSelected, disabled),\n  color: getTextColor(theme, outlined, isSelected, disabled),\n  boxShadow: `${getBorderSize(outlined, state, isSelected)} ${getBorderColor(theme, isSelected, disabled)}`,\n});\n\nexport const getFabricStyles = (theme: Theme, outlined: boolean, isSelected: boolean) => {\n  const states = Object.values(FabricsVariables.States);\n  const styles = states.reduce(\n    (acc, state) => ({\n      ...acc,\n      [state]: getStylesForState(theme, outlined, state, isSelected, false),\n    }),\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    {} as { [key in FabricsVariables.StateType]: any },\n  );\n\n  const disabledStyles = getStylesForState(theme, outlined, FabricsVariables.States.Resting, isSelected, true);\n\n  return { ...styles, disabled: disabledStyles };\n};\n\nexport const useProps = ({\n  active = false,\n  selected,\n  size = `${Sizes.Medium}`,\n  variant = `${Variants.Filled}`,\n  outlined,\n  iconOnly = false,\n  iconPosition = `${Positions.Left}`,\n  loading = false,\n  rounded = false,\n  ...props\n}: IProps) => ({\n  ...props,\n  loaderSize: getLoaderSize(size),\n  selected: selected ?? active,\n  size,\n  outlined: outlined ?? variant !== Variants.Filled,\n  iconOnly,\n  iconPosition,\n  loading,\n  rounded,\n});\n"],"names":["getPaddingInline","size","icon","iconPosition","iconOnly","consts","Positions","getIconSize","getBorderSize","outlined","state","isSelected","FabricsVariables","getBackgroundColor","theme","disabled","modes","getTextColor","layer","Variables","getBorderColor","getStylesForState","getFabricStyles","styles","acc","disabledStyles","useProps","active","selected","Sizes","variant","Variants","loading","rounded","props","getLoaderSize"],"mappings":"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"}
+{"version":3,"file":"ToggleButton.utils.js","sources":["../../../../../../../react-base/src/components/ToggleButton/ToggleButton.utils.ts"],"sourcesContent":["/* eslint-disable sonarjs/deprecation */\r\nimport type { CSSProperties } from 'styled-components';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\nimport { Variants, Sizes, Positions } from '../../consts';\r\nimport { consts } from './ToggleButton.consts';\r\nimport type { Size, IProps, IconPosition } from './ToggleButton.types';\r\nimport { ModesType, Variables, type Theme } from '../../theme';\r\nimport { getLoaderSize } from '../Button/Button.utils';\r\n\r\nexport const getPaddingInline = (size: Size, icon: boolean, iconPosition: IconPosition, iconOnly: boolean): string => {\r\n  if (!icon) {\r\n    return `${consts[size].padding.inline}px`;\r\n  }\r\n\r\n  if (iconOnly) {\r\n    return `${consts[size].padding.iconOnly}px`;\r\n  }\r\n\r\n  if (icon && iconPosition === Positions.Right) {\r\n    return `${consts[size].padding.inline}px ${consts[size].padding.icon}px`;\r\n  }\r\n\r\n  return `${consts[size].padding.icon}px ${consts[size].padding.inline}px`;\r\n};\r\n\r\nexport const getIconSize = (size: Size) =>\r\n  ({\r\n    width: consts[size].icon,\r\n    height: consts[size].icon,\r\n  }) as const;\r\n\r\nconst getBorderSize = (outlined: boolean, state: FabricsVariables.StateType, isSelected: boolean): string => {\r\n  if (outlined) {\r\n    if (\r\n      (isSelected && (state === FabricsVariables.States.Resting || state === FabricsVariables.States.Hover)) ||\r\n      (!isSelected && state === FabricsVariables.States.Press)\r\n    ) {\r\n      return 'inset 0 0 0 2px';\r\n    }\r\n\r\n    return 'inset 0 0 0 1px';\r\n  }\r\n\r\n  return '0 0 0 0px';\r\n};\r\n\r\nexport const getBackgroundColor = (\r\n  theme: Theme,\r\n  outlined: boolean,\r\n  state: FabricsVariables.StateType,\r\n  isSelected: boolean,\r\n  disabled?: boolean,\r\n): string => {\r\n  const modes: ModesType = {\r\n    selectedProminence: 'strong',\r\n    foundation: 'section',\r\n    transparentRestingState: outlined,\r\n    state,\r\n    disabled,\r\n  };\r\n  const layer = theme.layer(modes);\r\n  const layerType = isSelected && !outlined ? 'Selected' : 'Foundation';\r\n\r\n  return layer[`Background/${layerType}`];\r\n};\r\n\r\nexport const getTextColor = (theme: Theme, outlined: boolean, isSelected: boolean, disabled: boolean): string => {\r\n  const layer = theme.layer({ selectedProminence: outlined ? 'subtle' : 'strong', disabled });\r\n\r\n  if (isSelected && !disabled) {\r\n    return layer[Variables.ForegroundOnSelected];\r\n  }\r\n\r\n  return layer[Variables.TextOnFoundationStrong];\r\n};\r\n\r\nexport const getBorderColor = (theme: Theme, isSelected: boolean, disabled: boolean): string => {\r\n  const layer = theme.layer({ selectedProminence: 'subtle', disabled });\r\n\r\n  if (isSelected) {\r\n    return layer[Variables.BorderOnSelectedOnBackground];\r\n  }\r\n\r\n  return layer[Variables.BorderOnFoundationMedium];\r\n};\r\n\r\nexport const getStylesForState = (\r\n  theme: Theme,\r\n  outlined: boolean,\r\n  state: FabricsVariables.StateType,\r\n  isSelected: boolean,\r\n  disabled: boolean,\r\n): CSSProperties => ({\r\n  backgroundColor: getBackgroundColor(theme, outlined, state, isSelected, disabled),\r\n  color: getTextColor(theme, outlined, isSelected, disabled),\r\n  boxShadow: `${getBorderSize(outlined, state, isSelected)} ${getBorderColor(theme, isSelected, disabled)}`,\r\n});\r\n\r\nexport const getFabricStyles = (theme: Theme, outlined: boolean, isSelected: boolean) => {\r\n  const states = Object.values(FabricsVariables.States);\r\n  const styles = states.reduce(\r\n    (acc, state) => ({\r\n      ...acc,\r\n      [state]: getStylesForState(theme, outlined, state, isSelected, false),\r\n    }),\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    {} as { [key in FabricsVariables.StateType]: any },\r\n  );\r\n\r\n  const disabledStyles = getStylesForState(theme, outlined, FabricsVariables.States.Resting, isSelected, true);\r\n\r\n  return { ...styles, disabled: disabledStyles };\r\n};\r\n\r\nexport const useProps = ({\r\n  active = false,\r\n  selected,\r\n  size = `${Sizes.Medium}`,\r\n  variant = `${Variants.Filled}`,\r\n  outlined,\r\n  iconOnly = false,\r\n  iconPosition = `${Positions.Left}`,\r\n  loading = false,\r\n  rounded = false,\r\n  ...props\r\n}: IProps) => ({\r\n  ...props,\r\n  loaderSize: getLoaderSize(size),\r\n  selected: selected ?? active,\r\n  size,\r\n  outlined: outlined ?? variant !== Variants.Filled,\r\n  iconOnly,\r\n  iconPosition,\r\n  loading,\r\n  rounded,\r\n});\r\n"],"names":["getPaddingInline","size","icon","iconPosition","iconOnly","consts","Positions","getIconSize","getBorderSize","outlined","state","isSelected","FabricsVariables","getBackgroundColor","theme","disabled","modes","getTextColor","layer","Variables","getBorderColor","getStylesForState","getFabricStyles","styles","acc","disabledStyles","useProps","active","selected","Sizes","variant","Variants","loading","rounded","props","getLoaderSize"],"mappings":"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"}

package/build/cjs/react-base/src/components/Tooltip/Tooltip.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.utils.js","sources":["../../../../../../../react-base/src/components/Tooltip/Tooltip.utils.ts"],"sourcesContent":["import { type Theme, Variables } from '../../theme';\nimport { Positions, ZIndexes } from '../../consts';\nimport type { IProps } from './Tooltip.types';\nimport { PopoverConsts } from '../Popover';\n\nexport const useProps = ({\n  isDisabled,\n  delay = 250,\n  overlay,\n  closeDelay = 500,\n  offset = 12,\n  crossOffset = 0,\n  arrow = true,\n  placement = `${Positions.Top}`,\n}: IProps) => ({\n  delay,\n  closeDelay,\n  isDisabled,\n  overlay,\n  offset,\n  crossOffset,\n  arrow,\n  overlayPlacement: placement,\n  arrowSize: PopoverConsts.consts.small.arrowWidth,\n  containerPadding: 0,\n  arrowBoundaryOffset: 0,\n});\n\nexport const useStyles = (theme: Theme) => {\n  const layer = theme.layer({ foundation: 'surface' });\n  const { arrowWidth, arrowHeight } = PopoverConsts.consts.small;\n\n  return {\n    background: layer[Variables.BackgroundFoundation],\n    color: layer[Variables.TextOnFoundationStrong],\n    dropShadow: theme.dropShadows.low2,\n    zIndex: ZIndexes.TOOLTIP,\n    arrowWidth,\n    arrowHeight,\n  };\n};\n"],"names":["useProps","isDisabled","delay","overlay","closeDelay","offset","crossOffset","arrow","placement","Positions","PopoverConsts.consts","useStyles","theme","layer","arrowWidth","arrowHeight","Variables","ZIndexes"],"mappings":"uOAKaA,EAAW,CAAC,CACvB,WAAAC,EACA,MAAAC,EAAQ,IACR,QAAAC,EACA,WAAAC,EAAa,IACb,OAAAC,EAAS,GACT,YAAAC,EAAc,EACd,MAAAC,EAAQ,GACR,UAAAC,EAAY,GAAGC,EAAAA,UAAU,GAAG,EAC9B,KAAe,CACb,MAAAP,EACA,WAAAE,EACA,WAAAH,EACA,QAAAE,EACA,OAAAE,EACA,YAAAC,EACA,MAAAC,EACA,iBAAkBC,EAClB,UAAWE,EAAAA,OAAqB,MAAM,WACtC,iBAAkB,EAClB,oBAAqB,CACvB,GAEaC,EAAaC,GAAiB,CACzC,MAAMC,EAAQD,EAAM,MAAM,CAAE,WAAY,UAAW,EAC7C,CAAE,WAAAE,EAAY,YAAAC,CAAA,EAAgBL,EAAAA,OAAqB,MAEzD,MAAO,CACL,WAAYG,EAAMG,EAAAA,UAAU,oBAAoB,EAChD,MAAOH,EAAMG,EAAAA,UAAU,sBAAsB,EAC7C,WAAYJ,EAAM,YAAY,KAC9B,OAAQK,EAAAA,SAAS,QACjB,WAAAH,EACA,YAAAC,CAAA,CAEJ"}
+{"version":3,"file":"Tooltip.utils.js","sources":["../../../../../../../react-base/src/components/Tooltip/Tooltip.utils.ts"],"sourcesContent":["import { type Theme, Variables } from '../../theme';\r\nimport { Positions, ZIndexes } from '../../consts';\r\nimport type { IProps } from './Tooltip.types';\r\nimport { PopoverConsts } from '../Popover';\r\n\r\nexport const useProps = ({\r\n  isDisabled,\r\n  delay = 250,\r\n  overlay,\r\n  closeDelay = 500,\r\n  offset = 12,\r\n  crossOffset = 0,\r\n  arrow = true,\r\n  placement = `${Positions.Top}`,\r\n}: IProps) => ({\r\n  delay,\r\n  closeDelay,\r\n  isDisabled,\r\n  overlay,\r\n  offset,\r\n  crossOffset,\r\n  arrow,\r\n  overlayPlacement: placement,\r\n  arrowSize: PopoverConsts.consts.small.arrowWidth,\r\n  containerPadding: 0,\r\n  arrowBoundaryOffset: 0,\r\n});\r\n\r\nexport const useStyles = (theme: Theme) => {\r\n  const layer = theme.layer({ foundation: 'surface' });\r\n  const { arrowWidth, arrowHeight } = PopoverConsts.consts.small;\r\n\r\n  return {\r\n    background: layer[Variables.BackgroundFoundation],\r\n    color: layer[Variables.TextOnFoundationStrong],\r\n    dropShadow: theme.dropShadows.low2,\r\n    zIndex: ZIndexes.TOOLTIP,\r\n    arrowWidth,\r\n    arrowHeight,\r\n  };\r\n};\r\n"],"names":["useProps","isDisabled","delay","overlay","closeDelay","offset","crossOffset","arrow","placement","Positions","PopoverConsts.consts","useStyles","theme","layer","arrowWidth","arrowHeight","Variables","ZIndexes"],"mappings":"uOAKaA,EAAW,CAAC,CACvB,WAAAC,EACA,MAAAC,EAAQ,IACR,QAAAC,EACA,WAAAC,EAAa,IACb,OAAAC,EAAS,GACT,YAAAC,EAAc,EACd,MAAAC,EAAQ,GACR,UAAAC,EAAY,GAAGC,EAAAA,UAAU,GAAG,EAC9B,KAAe,CACb,MAAAP,EACA,WAAAE,EACA,WAAAH,EACA,QAAAE,EACA,OAAAE,EACA,YAAAC,EACA,MAAAC,EACA,iBAAkBC,EAClB,UAAWE,EAAAA,OAAqB,MAAM,WACtC,iBAAkB,EAClB,oBAAqB,CACvB,GAEaC,EAAaC,GAAiB,CACzC,MAAMC,EAAQD,EAAM,MAAM,CAAE,WAAY,UAAW,EAC7C,CAAE,WAAAE,EAAY,YAAAC,CAAA,EAAgBL,EAAAA,OAAqB,MAEzD,MAAO,CACL,WAAYG,EAAMG,EAAAA,UAAU,oBAAoB,EAChD,MAAOH,EAAMG,EAAAA,UAAU,sBAAsB,EAC7C,WAAYJ,EAAM,YAAY,KAC9B,OAAQK,EAAAA,SAAS,QACjB,WAAAH,EACA,YAAAC,CAAA,CAEJ"}

package/build/cjs/react-base/src/components/Tree/Tree.consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.consts.js","sources":["../../../../../../../react-base/src/components/Tree/Tree.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\nimport type { Size } from './Tree.types';\n\ntype TreeConstsType = {\n  borderRadius: {\n    [size in Size]: number;\n  };\n  gap: {\n    [size in Size]: number;\n  };\n  icon: {\n    [size in Size]: number;\n  };\n  paddingLeft: {\n    [size in Size]: number;\n  };\n  padding: {\n    [size in Size]: string;\n  };\n};\n\nexport const consts: TreeConstsType = {\n  borderRadius: {\n    [Sizes.XSmall]: 4,\n    [Sizes.Small]: 4,\n    [Sizes.Medium]: 6,\n    [Sizes.Large]: 6,\n  },\n  gap: {\n    [Sizes.XSmall]: 4,\n    [Sizes.Small]: 6,\n    [Sizes.Medium]: 8,\n    [Sizes.Large]: 8,\n  },\n  icon: {\n    [Sizes.XSmall]: 16,\n    [Sizes.Small]: 20,\n    [Sizes.Medium]: 24,\n    [Sizes.Large]: 28,\n  },\n  paddingLeft: {\n    [Sizes.XSmall]: 20,\n    [Sizes.Small]: 26,\n    [Sizes.Medium]: 32,\n    [Sizes.Large]: 36,\n  },\n  padding: {\n    [Sizes.XSmall]: '4px 4px 4px 4px',\n    [Sizes.Small]: '6px 4px 6px 6px',\n    [Sizes.Medium]: '8px 6px 8px 8px',\n    [Sizes.Large]: '10px 6px 8px 10px',\n  },\n} as const;\n"],"names":["consts","Sizes"],"mappings":"qJAqBaA,EAAyB,CACpC,aAAc,CACZ,CAACC,EAAAA,MAAM,MAAM,EAAG,EAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,EACf,CAACA,EAAAA,MAAM,MAAM,EAAG,EAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,CAAA,EAEjB,IAAK,CACH,CAACA,EAAAA,MAAM,MAAM,EAAG,EAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,EACf,CAACA,EAAAA,MAAM,MAAM,EAAG,EAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,CAAA,EAEjB,KAAM,CACJ,CAACA,EAAAA,MAAM,MAAM,EAAG,GAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,GACf,CAACA,EAAAA,MAAM,MAAM,EAAG,GAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,EAAA,EAEjB,YAAa,CACX,CAACA,EAAAA,MAAM,MAAM,EAAG,GAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,GACf,CAACA,EAAAA,MAAM,MAAM,EAAG,GAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,EAAA,EAEjB,QAAS,CACP,CAACA,EAAAA,MAAM,MAAM,EAAG,kBAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,kBACf,CAACA,EAAAA,MAAM,MAAM,EAAG,kBAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,mBAAA,CAEnB"}
+{"version":3,"file":"Tree.consts.js","sources":["../../../../../../../react-base/src/components/Tree/Tree.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\r\nimport type { Size } from './Tree.types';\r\n\r\ntype TreeConstsType = {\r\n  borderRadius: {\r\n    [size in Size]: number;\r\n  };\r\n  gap: {\r\n    [size in Size]: number;\r\n  };\r\n  icon: {\r\n    [size in Size]: number;\r\n  };\r\n  paddingLeft: {\r\n    [size in Size]: number;\r\n  };\r\n  padding: {\r\n    [size in Size]: string;\r\n  };\r\n};\r\n\r\nexport const consts: TreeConstsType = {\r\n  borderRadius: {\r\n    [Sizes.XSmall]: 4,\r\n    [Sizes.Small]: 4,\r\n    [Sizes.Medium]: 6,\r\n    [Sizes.Large]: 6,\r\n  },\r\n  gap: {\r\n    [Sizes.XSmall]: 4,\r\n    [Sizes.Small]: 6,\r\n    [Sizes.Medium]: 8,\r\n    [Sizes.Large]: 8,\r\n  },\r\n  icon: {\r\n    [Sizes.XSmall]: 16,\r\n    [Sizes.Small]: 20,\r\n    [Sizes.Medium]: 24,\r\n    [Sizes.Large]: 28,\r\n  },\r\n  paddingLeft: {\r\n    [Sizes.XSmall]: 20,\r\n    [Sizes.Small]: 26,\r\n    [Sizes.Medium]: 32,\r\n    [Sizes.Large]: 36,\r\n  },\r\n  padding: {\r\n    [Sizes.XSmall]: '4px 4px 4px 4px',\r\n    [Sizes.Small]: '6px 4px 6px 6px',\r\n    [Sizes.Medium]: '8px 6px 8px 8px',\r\n    [Sizes.Large]: '10px 6px 8px 10px',\r\n  },\r\n} as const;\r\n"],"names":["consts","Sizes"],"mappings":"qJAqBaA,EAAyB,CACpC,aAAc,CACZ,CAACC,EAAAA,MAAM,MAAM,EAAG,EAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,EACf,CAACA,EAAAA,MAAM,MAAM,EAAG,EAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,CAAA,EAEjB,IAAK,CACH,CAACA,EAAAA,MAAM,MAAM,EAAG,EAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,EACf,CAACA,EAAAA,MAAM,MAAM,EAAG,EAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,CAAA,EAEjB,KAAM,CACJ,CAACA,EAAAA,MAAM,MAAM,EAAG,GAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,GACf,CAACA,EAAAA,MAAM,MAAM,EAAG,GAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,EAAA,EAEjB,YAAa,CACX,CAACA,EAAAA,MAAM,MAAM,EAAG,GAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,GACf,CAACA,EAAAA,MAAM,MAAM,EAAG,GAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,EAAA,EAEjB,QAAS,CACP,CAACA,EAAAA,MAAM,MAAM,EAAG,kBAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,kBACf,CAACA,EAAAA,MAAM,MAAM,EAAG,kBAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,mBAAA,CAEnB"}

package/build/cjs/react-base/src/components/Tree/Tree.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.utils.js","sources":["../../../../../../../react-base/src/components/Tree/Tree.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport type { CSSObject } from 'styled-components';\n\nimport { getLabelTypographySize } from '../../utils/sizesUtils';\nimport { Variables, type Theme } from '../../theme';\nimport { Sizes, Contrasts } from '../../consts';\nimport type { Size, IProps } from './Tree.types';\n\nconst getStateStyle = (theme: Theme, state: FabricsVariables.StateType) =>\n  theme.layer({ foundation: 'surface', state })[Variables.BackgroundFoundation];\n\nexport const getTitleFontStyle = (theme: Theme, size: Size) => theme.typography('label', getLabelTypographySize(size));\n\ntype StateTypes = FabricsVariables.StateType | 'focus' | 'disabled';\n\nexport const getNodeContentStyle = (theme: Theme): Record<StateTypes, CSSObject> => ({\n  resting: {\n    color: theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong],\n    backgroundColor: Contrasts.Transparent,\n    borderColor: Contrasts.Transparent,\n  },\n  disabled: {\n    color: theme.layer({ foundation: 'surface', disabled: true })[Variables.TextOnFoundationStrong],\n    outline: 3,\n    borderColor: Contrasts.Transparent,\n  },\n  press: {\n    backgroundColor: getStateStyle(theme, FabricsVariables.States.Press),\n  },\n  hover: {\n    backgroundColor: getStateStyle(theme, FabricsVariables.States.Hover),\n  },\n  focus: {\n    outline: `3px solid ${theme.globals('others').focus}`,\n    outlineOffset: '2px',\n    backgroundColor: getStateStyle(theme, FabricsVariables.States.Resting),\n  },\n});\n\nexport const getLoadingSize = (size: Size): Size => {\n  if (size === Sizes.Medium) {\n    return Sizes.Small;\n  }\n\n  if (size === Sizes.Large) {\n    return Sizes.Medium;\n  }\n\n  return Sizes.XSmall;\n};\n\nexport type UsePropsReturnType = ReturnType<typeof useProps>;\n\nexport const useProps = ({\n  treeData = [],\n  size = Sizes.Medium,\n  showIcon = true,\n  isCheckable = false,\n  isDisabled = false,\n  ...props\n}: IProps) => ({\n  ...props,\n  treeData,\n  size,\n  showIcon,\n  isCheckable,\n  isDisabled,\n});\n"],"names":["getStateStyle","theme","state","Variables","getTitleFontStyle","size","getLabelTypographySize","getNodeContentStyle","Contrasts","FabricsVariables","getLoadingSize","Sizes","useProps","treeData","showIcon","isCheckable","isDisabled","props"],"mappings":"sQAQMA,EAAgB,CAACC,EAAcC,IACnCD,EAAM,MAAM,CAAE,WAAY,UAAW,MAAAC,CAAA,CAAO,EAAEC,EAAAA,UAAU,oBAAoB,EAEjEC,EAAoB,CAACH,EAAcI,IAAeJ,EAAM,WAAW,QAASK,EAAAA,uBAAuBD,CAAI,CAAC,EAIxGE,EAAuBN,IAAiD,CACnF,QAAS,CACP,MAAOA,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEE,EAAAA,UAAU,sBAAsB,EAC9E,gBAAiBK,EAAAA,UAAU,YAC3B,YAAaA,EAAAA,UAAU,WAAA,EAEzB,SAAU,CACR,MAAOP,EAAM,MAAM,CAAE,WAAY,UAAW,SAAU,EAAA,CAAM,EAAEE,EAAAA,UAAU,sBAAsB,EAC9F,QAAS,EACT,YAAaK,EAAAA,UAAU,WAAA,EAEzB,MAAO,CACL,gBAAiBR,EAAcC,EAAOQ,EAAAA,iBAAiB,OAAO,KAAK,CAAA,EAErE,MAAO,CACL,gBAAiBT,EAAcC,EAAOQ,EAAAA,iBAAiB,OAAO,KAAK,CAAA,EAErE,MAAO,CACL,QAAS,aAAaR,EAAM,QAAQ,QAAQ,EAAE,KAAK,GACnD,cAAe,MACf,gBAAiBD,EAAcC,EAAOQ,EAAAA,iBAAiB,OAAO,OAAO,CAAA,CAEzE,GAEaC,EAAkBL,GACzBA,IAASM,EAAAA,MAAM,OACVA,EAAAA,MAAM,MAGXN,IAASM,EAAAA,MAAM,MACVA,EAAAA,MAAM,OAGRA,EAAAA,MAAM,OAKFC,EAAW,CAAC,CACvB,SAAAC,EAAW,CAAA,EACX,KAAAR,EAAOM,EAAAA,MAAM,OACb,SAAAG,EAAW,GACX,YAAAC,EAAc,GACd,WAAAC,EAAa,GACb,GAAGC,CACL,KAAe,CACb,GAAGA,EACH,SAAAJ,EACA,KAAAR,EACA,SAAAS,EACA,YAAAC,EACA,WAAAC,CACF"}
+{"version":3,"file":"Tree.utils.js","sources":["../../../../../../../react-base/src/components/Tree/Tree.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\r\nimport type { CSSObject } from 'styled-components';\r\n\r\nimport { getLabelTypographySize } from '../../utils/sizesUtils';\r\nimport { Variables, type Theme } from '../../theme';\r\nimport { Sizes, Contrasts } from '../../consts';\r\nimport type { Size, IProps } from './Tree.types';\r\n\r\nconst getStateStyle = (theme: Theme, state: FabricsVariables.StateType) =>\r\n  theme.layer({ foundation: 'surface', state })[Variables.BackgroundFoundation];\r\n\r\nexport const getTitleFontStyle = (theme: Theme, size: Size) => theme.typography('label', getLabelTypographySize(size));\r\n\r\ntype StateTypes = FabricsVariables.StateType | 'focus' | 'disabled';\r\n\r\nexport const getNodeContentStyle = (theme: Theme): Record<StateTypes, CSSObject> => ({\r\n  resting: {\r\n    color: theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong],\r\n    backgroundColor: Contrasts.Transparent,\r\n    borderColor: Contrasts.Transparent,\r\n  },\r\n  disabled: {\r\n    color: theme.layer({ foundation: 'surface', disabled: true })[Variables.TextOnFoundationStrong],\r\n    outline: 3,\r\n    borderColor: Contrasts.Transparent,\r\n  },\r\n  press: {\r\n    backgroundColor: getStateStyle(theme, FabricsVariables.States.Press),\r\n  },\r\n  hover: {\r\n    backgroundColor: getStateStyle(theme, FabricsVariables.States.Hover),\r\n  },\r\n  focus: {\r\n    outline: `3px solid ${theme.globals('others').focus}`,\r\n    outlineOffset: '2px',\r\n    backgroundColor: getStateStyle(theme, FabricsVariables.States.Resting),\r\n  },\r\n});\r\n\r\nexport const getLoadingSize = (size: Size): Size => {\r\n  if (size === Sizes.Medium) {\r\n    return Sizes.Small;\r\n  }\r\n\r\n  if (size === Sizes.Large) {\r\n    return Sizes.Medium;\r\n  }\r\n\r\n  return Sizes.XSmall;\r\n};\r\n\r\nexport type UsePropsReturnType = ReturnType<typeof useProps>;\r\n\r\nexport const useProps = ({\r\n  treeData = [],\r\n  size = Sizes.Medium,\r\n  showIcon = true,\r\n  isCheckable = false,\r\n  isDisabled = false,\r\n  ...props\r\n}: IProps) => ({\r\n  ...props,\r\n  treeData,\r\n  size,\r\n  showIcon,\r\n  isCheckable,\r\n  isDisabled,\r\n});\r\n"],"names":["getStateStyle","theme","state","Variables","getTitleFontStyle","size","getLabelTypographySize","getNodeContentStyle","Contrasts","FabricsVariables","getLoadingSize","Sizes","useProps","treeData","showIcon","isCheckable","isDisabled","props"],"mappings":"sQAQMA,EAAgB,CAACC,EAAcC,IACnCD,EAAM,MAAM,CAAE,WAAY,UAAW,MAAAC,CAAA,CAAO,EAAEC,EAAAA,UAAU,oBAAoB,EAEjEC,EAAoB,CAACH,EAAcI,IAAeJ,EAAM,WAAW,QAASK,EAAAA,uBAAuBD,CAAI,CAAC,EAIxGE,EAAuBN,IAAiD,CACnF,QAAS,CACP,MAAOA,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEE,EAAAA,UAAU,sBAAsB,EAC9E,gBAAiBK,EAAAA,UAAU,YAC3B,YAAaA,EAAAA,UAAU,WAAA,EAEzB,SAAU,CACR,MAAOP,EAAM,MAAM,CAAE,WAAY,UAAW,SAAU,EAAA,CAAM,EAAEE,EAAAA,UAAU,sBAAsB,EAC9F,QAAS,EACT,YAAaK,EAAAA,UAAU,WAAA,EAEzB,MAAO,CACL,gBAAiBR,EAAcC,EAAOQ,EAAAA,iBAAiB,OAAO,KAAK,CAAA,EAErE,MAAO,CACL,gBAAiBT,EAAcC,EAAOQ,EAAAA,iBAAiB,OAAO,KAAK,CAAA,EAErE,MAAO,CACL,QAAS,aAAaR,EAAM,QAAQ,QAAQ,EAAE,KAAK,GACnD,cAAe,MACf,gBAAiBD,EAAcC,EAAOQ,EAAAA,iBAAiB,OAAO,OAAO,CAAA,CAEzE,GAEaC,EAAkBL,GACzBA,IAASM,EAAAA,MAAM,OACVA,EAAAA,MAAM,MAGXN,IAASM,EAAAA,MAAM,MACVA,EAAAA,MAAM,OAGRA,EAAAA,MAAM,OAKFC,EAAW,CAAC,CACvB,SAAAC,EAAW,CAAA,EACX,KAAAR,EAAOM,EAAAA,MAAM,OACb,SAAAG,EAAW,GACX,YAAAC,EAAc,GACd,WAAAC,EAAa,GACb,GAAGC,CACL,KAAe,CACb,GAAGA,EACH,SAAAJ,EACA,KAAAR,EACA,SAAAS,EACA,YAAAC,EACA,WAAAC,CACF"}

package/build/cjs/react-base/src/consts/classes.js.map

@@ -1 +1 @@
-{"version":3,"file":"classes.js","sources":["../../../../../../react-base/src/consts/classes.ts"],"sourcesContent":["/** Class names */\n\nexport const ACCORDION_CLASS = 'acinguiux-accordion';\nexport const ACCORDION_PANEL_CLASS = 'acinguiux-accordion-panel';\nexport const ALERT_CLASS = 'acinguiux-alert';\nexport const AVATAR_CLASS = 'acinguiux-avatar';\nexport const ARROW_KEYPAD_CLASS = 'acinguiux-arrow-keypad';\nexport const BADGE_CLASS = 'acinguiux-badge';\nexport const BREADCRUMB_CLASS = 'acinguiux-breadcrumb';\nexport const BUTTON_CLASS = 'acinguiux-button';\nexport const BUTTON_GROUP_CLASS = 'acinguiux-button-group';\nexport const CARD_CLASS = 'acinguiux-card';\nexport const CHART_CLASS = 'acinguiux-chart';\nexport const CHECKBOX_CLASS = 'acinguiux-checkbox';\nexport const CALENDAR_CLASS = 'acinguiux-calendar';\nexport const DATE_PICKER_CLASS = 'acinguiux-date-picker';\nexport const DATE_INPUT_DAY_ID_SUFFIX = 'acinguiux-date-input-day';\nexport const DATE_INPUT_MONTH_ID_SUFFIX = 'acinguiux-date-input-month';\nexport const DATE_INPUT_YEAR_ID_SUFFIX = 'acinguiux-date-input-year';\nexport const DIVIDER_CLASS = 'acinguiux-divider';\nexport const DRAWER_CLASS = 'acinguiux-drawer';\nexport const DROPDOWN_CLASS = 'acinguiux-dropdown';\nexport const DROPDOWN_CONTAINER_CLASS = `${DROPDOWN_CLASS}-container`;\nexport const DROPDOWN_CONTAINER_OVERLAY_CLASS = `${DROPDOWN_CONTAINER_CLASS}-overlay`;\nexport const EMPTY_STATE_CLASS = 'acinguiux-empty-state';\nexport const FORM_FIELD_CLASS = 'acinguiux-form-field';\nexport const ICON_CLASS = 'acinguiux-icon';\nexport const FLAG_CLASS = 'acinguiux-flag';\nexport const LIST_ITEM_CLASS = 'acinguiux-list-item';\nexport const LIST_ITEM_HEADER_CLASS = 'acinguiux-list-item-header';\nexport const LIST_ITEM_CHECKED_ICON_CLASS = `${LIST_ITEM_CLASS}-checked-icon`;\nexport const LOADING_CLASS = 'acinguiux-loading';\nexport const MENU_CLASS = 'acinguiux-menu';\nexport const MODAL_CLASS = 'acinguiux-modal';\nexport const MODAL_CONTAINER_CLASS = `${MODAL_CLASS}-container`;\nexport const MODAL_HEADER_CLASS = `${MODAL_CLASS}-header`;\nexport const MODAL_CONTENT_CLASS = `${MODAL_CLASS}-content`;\nexport const MODAL_FOOTER_CLASS = `${MODAL_CLASS}-footer`;\nexport const NAV_BAR_CLASS = 'acinguiux-nav-bar';\nexport const PAGINATION_CLASS = 'acinguiux-pagination';\nexport const PECTEN_CLASS = 'acinguiux-pecten';\nexport const POPCONFIRM_CLASS = 'acinguiux-popconfirm';\nexport const POPOVER_CLASS = 'acinguiux-popover';\nexport const POPOVER_OVERLAY_CLASS = 'acinguiux-popover-overlay';\nexport const PROGRESS_BAR_LINEAR = 'acinguiux-linear-progress-bar';\nexport const PROGRESS_BAR_CIRCLE = 'acinguiux-circle-progress-bar';\nexport const RADIO_BUTTON_CLASS = 'acinguiux-radio-button';\nexport const SELECT_CLASS = 'acinguiux-select';\nexport const SELECT_ERROR_CLASS = `${SELECT_CLASS}-error`;\nexport const SLIDER_CLASS = 'acinguiux-slider';\nexport const STAT_CLASS = 'acinguiux-stat';\nexport const STEPPER_CLASS = 'acinguiux-stepper';\nexport const TABLE_CLASS = 'acinguiux-table';\nexport const BASE_TABLE_CLASS = 'acinguiux-base-table';\nexport const TABLE_HEADER_HEAD_CONTENT_CLASS = `${TABLE_CLASS}-header-head-content`;\nexport const TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS = `${TABLE_CLASS}-header-head-content-subhead`;\nexport const TABLE_SORTER_BUTTON_CLASS = `${TABLE_CLASS}-sorter-button`;\nexport const TABLE_ASC_ICON_CLASS = `${TABLE_CLASS}-asc-icon`;\nexport const TABLE_DESC_ICON_CLASS = `${TABLE_CLASS}-desc-icon`;\nexport const TABLE_NO_DIR_ICON_CLASS = `${TABLE_CLASS}-no-dir-icon`;\nexport const TABLE_FILTER_BUTTON_CLASS = `${TABLE_CLASS}-filter-button`;\nexport const TABLE_MENU_BUTTON_CLASS = `${TABLE_CLASS}-menu-button`;\nexport const TABLE_PIN_BUTTON_CLASS = `${TABLE_CLASS}-pin-button`;\nexport const TABLE_CHECKBOX_CLASS = `${TABLE_CLASS}-checkbox`;\nexport const TABLE_RESIZER_CLASS = `${TABLE_CLASS}-resizer`;\nexport const TABLE_EXPANDER_BUTTON_CLASS = `${TABLE_CLASS}-expander-button`;\nexport const TABLE_DRAGGABLE_BUTTON_CLASS = `${TABLE_CLASS}-draggable-button`;\nexport const TABLE_NUMERIC_TYPE_CLASS = `${TABLE_CLASS}-numeric-type`;\nexport const TABS_CLASS = 'acinguiux-tabs';\nexport const TAG_CLASS = 'acinguiux-tag';\nexport const SECTION_CLASS = 'acinguiux-text-article';\nexport const DISPLAY_CLASS = 'acinguiux-text-display';\nexport const HEADING_CLASS = 'acinguiux-text-heading';\nexport const LABEL_CLASS = 'acinguiux-text-label';\nexport const LINK_CLASS = 'acinguiux-text-link';\nexport const PARAGRAPH_CLASS = 'acinguiux-text-paragraph';\nexport const TEXT_AREA_CLASS = 'acinguiux-text-area';\nexport const TEXT_INPUT_CLASS = 'acinguiux-text-input';\nexport const TIMELINE_CLASS = 'acinguiux-timeline';\nexport const TOGGLE_CLASS = 'acinguiux-toggle';\nexport const TOGGLE_BUTTON_CLASS = 'acinguiux-toggle';\nexport const TOGGLE_SWITCH_CLASS = `${TOGGLE_CLASS}-switch`;\nexport const TOOLTIP_CLASS = 'acinguiux-tooltip';\nexport const TREE_CLASS = 'acinguiux-tree';\nexport const TREE_CHECKBOX_CLASS = `${TREE_CLASS}-checkbox-wrapper`;\nexport const TREE_CHECKBOX_CHECKED_CLASS = `${TREE_CHECKBOX_CLASS}-checked`;\nexport const TREE_CHECKBOX_UNCHECKED_CLASS = `${TREE_CHECKBOX_CLASS}-unchecked`;\nexport const TREE_CHECKBOX_INDETERMINATE_CLASS = `${TREE_CHECKBOX_CLASS}-indeterminate`;\n"],"names":["ACCORDION_CLASS","ACCORDION_PANEL_CLASS","ALERT_CLASS","AVATAR_CLASS","ARROW_KEYPAD_CLASS","BADGE_CLASS","BREADCRUMB_CLASS","BUTTON_CLASS","BUTTON_GROUP_CLASS","CARD_CLASS","CHART_CLASS","CHECKBOX_CLASS","CALENDAR_CLASS","DATE_PICKER_CLASS","DATE_INPUT_DAY_ID_SUFFIX","DATE_INPUT_MONTH_ID_SUFFIX","DATE_INPUT_YEAR_ID_SUFFIX","DIVIDER_CLASS","DRAWER_CLASS","DROPDOWN_CLASS","DROPDOWN_CONTAINER_CLASS","DROPDOWN_CONTAINER_OVERLAY_CLASS","EMPTY_STATE_CLASS","FORM_FIELD_CLASS","ICON_CLASS","FLAG_CLASS","LIST_ITEM_CLASS","LIST_ITEM_HEADER_CLASS","LIST_ITEM_CHECKED_ICON_CLASS","LOADING_CLASS","MENU_CLASS","MODAL_CLASS","MODAL_CONTAINER_CLASS","MODAL_HEADER_CLASS","MODAL_CONTENT_CLASS","MODAL_FOOTER_CLASS","NAV_BAR_CLASS","PAGINATION_CLASS","PECTEN_CLASS","POPCONFIRM_CLASS","POPOVER_CLASS","POPOVER_OVERLAY_CLASS","PROGRESS_BAR_LINEAR","PROGRESS_BAR_CIRCLE","RADIO_BUTTON_CLASS","SELECT_CLASS","SELECT_ERROR_CLASS","SLIDER_CLASS","STAT_CLASS","STEPPER_CLASS","TABLE_CLASS","BASE_TABLE_CLASS","TABLE_HEADER_HEAD_CONTENT_CLASS","TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS","TABLE_SORTER_BUTTON_CLASS","TABLE_ASC_ICON_CLASS","TABLE_DESC_ICON_CLASS","TABLE_NO_DIR_ICON_CLASS","TABLE_FILTER_BUTTON_CLASS","TABLE_MENU_BUTTON_CLASS","TABLE_PIN_BUTTON_CLASS","TABLE_CHECKBOX_CLASS","TABLE_RESIZER_CLASS","TABLE_EXPANDER_BUTTON_CLASS","TABLE_DRAGGABLE_BUTTON_CLASS","TABLE_NUMERIC_TYPE_CLASS","TABS_CLASS","TAG_CLASS","SECTION_CLASS","DISPLAY_CLASS","HEADING_CLASS","LABEL_CLASS","LINK_CLASS","PARAGRAPH_CLASS","TEXT_AREA_CLASS","TEXT_INPUT_CLASS","TIMELINE_CLASS","TOGGLE_CLASS","TOGGLE_BUTTON_CLASS","TOGGLE_SWITCH_CLASS","TOOLTIP_CLASS","TREE_CLASS","TREE_CHECKBOX_CLASS","TREE_CHECKBOX_CHECKED_CLASS","TREE_CHECKBOX_UNCHECKED_CLASS","TREE_CHECKBOX_INDETERMINATE_CLASS"],"mappings":"4GAEO,MAAMA,EAAkB,sBAClBC,EAAwB,4BACxBC,EAAc,kBACdC,EAAe,mBACfC,EAAqB,yBACrBC,EAAc,kBACdC,EAAmB,uBACnBC,EAAe,mBACfC,EAAqB,yBACrBC,EAAa,iBACbC,EAAc,kBACdC,EAAiB,qBACjBC,EAAiB,qBACjBC,EAAoB,wBACpBC,EAA2B,2BAC3BC,EAA6B,6BAC7BC,EAA4B,4BAC5BC,EAAgB,oBAChBC,EAAe,mBACfC,EAAiB,qBACjBC,EAA2B,GAAGD,CAAc,aAC5CE,EAAmC,GAAGD,CAAwB,WAC9DE,EAAoB,wBACpBC,EAAmB,uBACnBC,EAAa,iBACbC,EAAa,iBACbC,EAAkB,sBAClBC,EAAyB,6BACzBC,EAA+B,GAAGF,CAAe,gBACjDG,EAAgB,oBAChBC,EAAa,iBACbC,EAAc,kBACdC,EAAwB,GAAGD,CAAW,aACtCE,EAAqB,GAAGF,CAAW,UACnCG,EAAsB,GAAGH,CAAW,WACpCI,EAAqB,GAAGJ,CAAW,UACnCK,EAAgB,oBAChBC,EAAmB,uBACnBC,EAAe,mBACfC,EAAmB,uBACnBC,EAAgB,oBAChBC,EAAwB,4BACxBC,EAAsB,gCACtBC,EAAsB,gCACtBC,EAAqB,yBACrBC,EAAe,mBACfC,EAAqB,GAAGD,CAAY,SACpCE,EAAe,mBACfC,EAAa,iBACbC,EAAgB,oBAChBC,EAAc,kBACdC,GAAmB,uBACnBC,GAAkC,GAAGF,CAAW,uBAChDG,GAA0C,GAAGH,CAAW,+BACxDI,GAA4B,GAAGJ,CAAW,iBAC1CK,GAAuB,GAAGL,CAAW,YACrCM,GAAwB,GAAGN,CAAW,aACtCO,GAA0B,GAAGP,CAAW,eACxCQ,GAA4B,GAAGR,CAAW,iBAC1CS,GAA0B,GAAGT,CAAW,eACxCU,GAAyB,GAAGV,CAAW,cACvCW,GAAuB,GAAGX,CAAW,YACrCY,GAAsB,GAAGZ,CAAW,WACpCa,GAA8B,GAAGb,CAAW,mBAC5Cc,GAA+B,GAAGd,CAAW,oBAC7Ce,GAA2B,GAAGf,CAAW,gBACzCgB,GAAa,iBACbC,GAAY,gBACZC,GAAgB,yBAChBC,GAAgB,yBAChBC,GAAgB,yBAChBC,GAAc,uBACdC,GAAa,sBACbC,GAAkB,2BAClBC,GAAkB,sBAClBC,GAAmB,uBACnBC,GAAiB,qBACjBC,EAAe,mBACfC,GAAsB,mBACtBC,GAAsB,GAAGF,CAAY,UACrCG,GAAgB,oBAChBC,EAAa,iBACbC,EAAsB,GAAGD,CAAU,oBACnCE,GAA8B,GAAGD,CAAmB,WACpDE,GAAgC,GAAGF,CAAmB,aACtDG,GAAoC,GAAGH,CAAmB"}
+{"version":3,"file":"classes.js","sources":["../../../../../../react-base/src/consts/classes.ts"],"sourcesContent":["/** Class names */\r\n\r\nexport const ACCORDION_CLASS = 'acinguiux-accordion';\r\nexport const ACCORDION_PANEL_CLASS = 'acinguiux-accordion-panel';\r\nexport const ALERT_CLASS = 'acinguiux-alert';\r\nexport const AVATAR_CLASS = 'acinguiux-avatar';\r\nexport const ARROW_KEYPAD_CLASS = 'acinguiux-arrow-keypad';\r\nexport const BADGE_CLASS = 'acinguiux-badge';\r\nexport const BREADCRUMB_CLASS = 'acinguiux-breadcrumb';\r\nexport const BUTTON_CLASS = 'acinguiux-button';\r\nexport const BUTTON_GROUP_CLASS = 'acinguiux-button-group';\r\nexport const CARD_CLASS = 'acinguiux-card';\r\nexport const CHART_CLASS = 'acinguiux-chart';\r\nexport const CHECKBOX_CLASS = 'acinguiux-checkbox';\r\nexport const CALENDAR_CLASS = 'acinguiux-calendar';\r\nexport const DATE_PICKER_CLASS = 'acinguiux-date-picker';\r\nexport const DATE_INPUT_DAY_ID_SUFFIX = 'acinguiux-date-input-day';\r\nexport const DATE_INPUT_MONTH_ID_SUFFIX = 'acinguiux-date-input-month';\r\nexport const DATE_INPUT_YEAR_ID_SUFFIX = 'acinguiux-date-input-year';\r\nexport const DIVIDER_CLASS = 'acinguiux-divider';\r\nexport const DRAWER_CLASS = 'acinguiux-drawer';\r\nexport const DROPDOWN_CLASS = 'acinguiux-dropdown';\r\nexport const DROPDOWN_CONTAINER_CLASS = `${DROPDOWN_CLASS}-container`;\r\nexport const DROPDOWN_CONTAINER_OVERLAY_CLASS = `${DROPDOWN_CONTAINER_CLASS}-overlay`;\r\nexport const EMPTY_STATE_CLASS = 'acinguiux-empty-state';\r\nexport const FORM_FIELD_CLASS = 'acinguiux-form-field';\r\nexport const ICON_CLASS = 'acinguiux-icon';\r\nexport const FLAG_CLASS = 'acinguiux-flag';\r\nexport const LIST_ITEM_CLASS = 'acinguiux-list-item';\r\nexport const LIST_ITEM_HEADER_CLASS = 'acinguiux-list-item-header';\r\nexport const LIST_ITEM_CHECKED_ICON_CLASS = `${LIST_ITEM_CLASS}-checked-icon`;\r\nexport const LOADING_CLASS = 'acinguiux-loading';\r\nexport const MENU_CLASS = 'acinguiux-menu';\r\nexport const MODAL_CLASS = 'acinguiux-modal';\r\nexport const MODAL_CONTAINER_CLASS = `${MODAL_CLASS}-container`;\r\nexport const MODAL_HEADER_CLASS = `${MODAL_CLASS}-header`;\r\nexport const MODAL_CONTENT_CLASS = `${MODAL_CLASS}-content`;\r\nexport const MODAL_FOOTER_CLASS = `${MODAL_CLASS}-footer`;\r\nexport const NAV_BAR_CLASS = 'acinguiux-nav-bar';\r\nexport const PAGINATION_CLASS = 'acinguiux-pagination';\r\nexport const PECTEN_CLASS = 'acinguiux-pecten';\r\nexport const POPCONFIRM_CLASS = 'acinguiux-popconfirm';\r\nexport const POPOVER_CLASS = 'acinguiux-popover';\r\nexport const POPOVER_OVERLAY_CLASS = 'acinguiux-popover-overlay';\r\nexport const PROGRESS_BAR_LINEAR = 'acinguiux-linear-progress-bar';\r\nexport const PROGRESS_BAR_CIRCLE = 'acinguiux-circle-progress-bar';\r\nexport const RADIO_BUTTON_CLASS = 'acinguiux-radio-button';\r\nexport const SELECT_CLASS = 'acinguiux-select';\r\nexport const SELECT_ERROR_CLASS = `${SELECT_CLASS}-error`;\r\nexport const SLIDER_CLASS = 'acinguiux-slider';\r\nexport const STAT_CLASS = 'acinguiux-stat';\r\nexport const STEPPER_CLASS = 'acinguiux-stepper';\r\nexport const TABLE_CLASS = 'acinguiux-table';\r\nexport const BASE_TABLE_CLASS = 'acinguiux-base-table';\r\nexport const TABLE_HEADER_HEAD_CONTENT_CLASS = `${TABLE_CLASS}-header-head-content`;\r\nexport const TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS = `${TABLE_CLASS}-header-head-content-subhead`;\r\nexport const TABLE_SORTER_BUTTON_CLASS = `${TABLE_CLASS}-sorter-button`;\r\nexport const TABLE_ASC_ICON_CLASS = `${TABLE_CLASS}-asc-icon`;\r\nexport const TABLE_DESC_ICON_CLASS = `${TABLE_CLASS}-desc-icon`;\r\nexport const TABLE_NO_DIR_ICON_CLASS = `${TABLE_CLASS}-no-dir-icon`;\r\nexport const TABLE_FILTER_BUTTON_CLASS = `${TABLE_CLASS}-filter-button`;\r\nexport const TABLE_MENU_BUTTON_CLASS = `${TABLE_CLASS}-menu-button`;\r\nexport const TABLE_PIN_BUTTON_CLASS = `${TABLE_CLASS}-pin-button`;\r\nexport const TABLE_CHECKBOX_CLASS = `${TABLE_CLASS}-checkbox`;\r\nexport const TABLE_RESIZER_CLASS = `${TABLE_CLASS}-resizer`;\r\nexport const TABLE_EXPANDER_BUTTON_CLASS = `${TABLE_CLASS}-expander-button`;\r\nexport const TABLE_DRAGGABLE_BUTTON_CLASS = `${TABLE_CLASS}-draggable-button`;\r\nexport const TABLE_NUMERIC_TYPE_CLASS = `${TABLE_CLASS}-numeric-type`;\r\nexport const TABS_CLASS = 'acinguiux-tabs';\r\nexport const TAG_CLASS = 'acinguiux-tag';\r\nexport const SECTION_CLASS = 'acinguiux-text-article';\r\nexport const DISPLAY_CLASS = 'acinguiux-text-display';\r\nexport const HEADING_CLASS = 'acinguiux-text-heading';\r\nexport const LABEL_CLASS = 'acinguiux-text-label';\r\nexport const LINK_CLASS = 'acinguiux-text-link';\r\nexport const PARAGRAPH_CLASS = 'acinguiux-text-paragraph';\r\nexport const TEXT_AREA_CLASS = 'acinguiux-text-area';\r\nexport const TEXT_INPUT_CLASS = 'acinguiux-text-input';\r\nexport const TIMELINE_CLASS = 'acinguiux-timeline';\r\nexport const TOGGLE_CLASS = 'acinguiux-toggle';\r\nexport const TOGGLE_BUTTON_CLASS = 'acinguiux-toggle';\r\nexport const TOGGLE_SWITCH_CLASS = `${TOGGLE_CLASS}-switch`;\r\nexport const TOOLTIP_CLASS = 'acinguiux-tooltip';\r\nexport const TREE_CLASS = 'acinguiux-tree';\r\nexport const TREE_CHECKBOX_CLASS = `${TREE_CLASS}-checkbox-wrapper`;\r\nexport const TREE_CHECKBOX_CHECKED_CLASS = `${TREE_CHECKBOX_CLASS}-checked`;\r\nexport const TREE_CHECKBOX_UNCHECKED_CLASS = `${TREE_CHECKBOX_CLASS}-unchecked`;\r\nexport const TREE_CHECKBOX_INDETERMINATE_CLASS = `${TREE_CHECKBOX_CLASS}-indeterminate`;\r\n"],"names":["ACCORDION_CLASS","ACCORDION_PANEL_CLASS","ALERT_CLASS","AVATAR_CLASS","ARROW_KEYPAD_CLASS","BADGE_CLASS","BREADCRUMB_CLASS","BUTTON_CLASS","BUTTON_GROUP_CLASS","CARD_CLASS","CHART_CLASS","CHECKBOX_CLASS","CALENDAR_CLASS","DATE_PICKER_CLASS","DATE_INPUT_DAY_ID_SUFFIX","DATE_INPUT_MONTH_ID_SUFFIX","DATE_INPUT_YEAR_ID_SUFFIX","DIVIDER_CLASS","DRAWER_CLASS","DROPDOWN_CLASS","DROPDOWN_CONTAINER_CLASS","DROPDOWN_CONTAINER_OVERLAY_CLASS","EMPTY_STATE_CLASS","FORM_FIELD_CLASS","ICON_CLASS","FLAG_CLASS","LIST_ITEM_CLASS","LIST_ITEM_HEADER_CLASS","LIST_ITEM_CHECKED_ICON_CLASS","LOADING_CLASS","MENU_CLASS","MODAL_CLASS","MODAL_CONTAINER_CLASS","MODAL_HEADER_CLASS","MODAL_CONTENT_CLASS","MODAL_FOOTER_CLASS","NAV_BAR_CLASS","PAGINATION_CLASS","PECTEN_CLASS","POPCONFIRM_CLASS","POPOVER_CLASS","POPOVER_OVERLAY_CLASS","PROGRESS_BAR_LINEAR","PROGRESS_BAR_CIRCLE","RADIO_BUTTON_CLASS","SELECT_CLASS","SELECT_ERROR_CLASS","SLIDER_CLASS","STAT_CLASS","STEPPER_CLASS","TABLE_CLASS","BASE_TABLE_CLASS","TABLE_HEADER_HEAD_CONTENT_CLASS","TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS","TABLE_SORTER_BUTTON_CLASS","TABLE_ASC_ICON_CLASS","TABLE_DESC_ICON_CLASS","TABLE_NO_DIR_ICON_CLASS","TABLE_FILTER_BUTTON_CLASS","TABLE_MENU_BUTTON_CLASS","TABLE_PIN_BUTTON_CLASS","TABLE_CHECKBOX_CLASS","TABLE_RESIZER_CLASS","TABLE_EXPANDER_BUTTON_CLASS","TABLE_DRAGGABLE_BUTTON_CLASS","TABLE_NUMERIC_TYPE_CLASS","TABS_CLASS","TAG_CLASS","SECTION_CLASS","DISPLAY_CLASS","HEADING_CLASS","LABEL_CLASS","LINK_CLASS","PARAGRAPH_CLASS","TEXT_AREA_CLASS","TEXT_INPUT_CLASS","TIMELINE_CLASS","TOGGLE_CLASS","TOGGLE_BUTTON_CLASS","TOGGLE_SWITCH_CLASS","TOOLTIP_CLASS","TREE_CLASS","TREE_CHECKBOX_CLASS","TREE_CHECKBOX_CHECKED_CLASS","TREE_CHECKBOX_UNCHECKED_CLASS","TREE_CHECKBOX_INDETERMINATE_CLASS"],"mappings":"4GAEO,MAAMA,EAAkB,sBAClBC,EAAwB,4BACxBC,EAAc,kBACdC,EAAe,mBACfC,EAAqB,yBACrBC,EAAc,kBACdC,EAAmB,uBACnBC,EAAe,mBACfC,EAAqB,yBACrBC,EAAa,iBACbC,EAAc,kBACdC,EAAiB,qBACjBC,EAAiB,qBACjBC,EAAoB,wBACpBC,EAA2B,2BAC3BC,EAA6B,6BAC7BC,EAA4B,4BAC5BC,EAAgB,oBAChBC,EAAe,mBACfC,EAAiB,qBACjBC,EAA2B,GAAGD,CAAc,aAC5CE,EAAmC,GAAGD,CAAwB,WAC9DE,EAAoB,wBACpBC,EAAmB,uBACnBC,EAAa,iBACbC,EAAa,iBACbC,EAAkB,sBAClBC,EAAyB,6BACzBC,EAA+B,GAAGF,CAAe,gBACjDG,EAAgB,oBAChBC,EAAa,iBACbC,EAAc,kBACdC,EAAwB,GAAGD,CAAW,aACtCE,EAAqB,GAAGF,CAAW,UACnCG,EAAsB,GAAGH,CAAW,WACpCI,EAAqB,GAAGJ,CAAW,UACnCK,EAAgB,oBAChBC,EAAmB,uBACnBC,EAAe,mBACfC,EAAmB,uBACnBC,EAAgB,oBAChBC,EAAwB,4BACxBC,EAAsB,gCACtBC,EAAsB,gCACtBC,EAAqB,yBACrBC,EAAe,mBACfC,EAAqB,GAAGD,CAAY,SACpCE,EAAe,mBACfC,EAAa,iBACbC,EAAgB,oBAChBC,EAAc,kBACdC,GAAmB,uBACnBC,GAAkC,GAAGF,CAAW,uBAChDG,GAA0C,GAAGH,CAAW,+BACxDI,GAA4B,GAAGJ,CAAW,iBAC1CK,GAAuB,GAAGL,CAAW,YACrCM,GAAwB,GAAGN,CAAW,aACtCO,GAA0B,GAAGP,CAAW,eACxCQ,GAA4B,GAAGR,CAAW,iBAC1CS,GAA0B,GAAGT,CAAW,eACxCU,GAAyB,GAAGV,CAAW,cACvCW,GAAuB,GAAGX,CAAW,YACrCY,GAAsB,GAAGZ,CAAW,WACpCa,GAA8B,GAAGb,CAAW,mBAC5Cc,GAA+B,GAAGd,CAAW,oBAC7Ce,GAA2B,GAAGf,CAAW,gBACzCgB,GAAa,iBACbC,GAAY,gBACZC,GAAgB,yBAChBC,GAAgB,yBAChBC,GAAgB,yBAChBC,GAAc,uBACdC,GAAa,sBACbC,GAAkB,2BAClBC,GAAkB,sBAClBC,GAAmB,uBACnBC,GAAiB,qBACjBC,EAAe,mBACfC,GAAsB,mBACtBC,GAAsB,GAAGF,CAAY,UACrCG,GAAgB,oBAChBC,EAAa,iBACbC,EAAsB,GAAGD,CAAU,oBACnCE,GAA8B,GAAGD,CAAmB,WACpDE,GAAgC,GAAGF,CAAmB,aACtDG,GAAoC,GAAGH,CAAmB"}

package/build/cjs/react-base/src/consts/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../react-base/src/consts/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-duplicate-enum-values */\nexport enum Resolutions {\n  'XXL' = 'xxl',\n  'XL' = 'xl',\n  'L' = 'l',\n  'M' = 'm',\n  'S' = 's',\n  'XS' = 'xs',\n  'XXS' = 'xxs',\n}\n\nexport enum Sizes {\n  Smallest = 'smallest',\n  XSmall = 'xsmall',\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n  XLarge = 'xlarge',\n  XXLarge = 'xxlarge',\n}\n\nexport enum Variants {\n  Filled = 'filled',\n  Outlined = 'outlined',\n  Transparent = 'transparent',\n  Subtle = 'subtle',\n}\n\nexport enum Positions {\n  Top = 'top',\n  TopLeft = 'topLeft',\n  TopRight = 'topRight',\n  Bottom = 'bottom',\n  BottomLeft = 'bottomLeft',\n  BottomRight = 'bottomRight',\n  Right = 'right',\n  RightBottom = 'rightBottom',\n  RightTop = 'rightTop',\n  Left = 'left',\n  LeftTop = 'leftTop',\n  LeftBottom = 'leftBottom',\n  Center = 'center',\n  Side = 'side',\n}\n\nexport enum Alignments {\n  Top = 'top',\n  Bottom = 'bottom',\n  Start = 'start',\n  Left = 'left',\n  Right = 'right',\n  LeftAndRight = 'leftAndRight',\n  Center = 'center',\n  End = 'end',\n  Fill = 'fill',\n}\n\nexport enum Directions {\n  Horizontal = 'horizontal',\n  Vertical = 'vertical',\n}\n\nexport enum Sorts {\n  Asc = 'ascend',\n  Desc = 'descend',\n}\n\nexport enum BgColors {\n  Surface = 'surface',\n  Base = 'base',\n  Raised = 'raised',\n  Section = 'section',\n}\n\nexport enum Shapes {\n  Rounded = 'rounded',\n  Square = 'square',\n}\n\nexport enum TextElementTypes {\n  Paragraph = 'p',\n  Span = 'span',\n  Label = 'label',\n  H1 = 'h1',\n  H2 = 'h2',\n  H3 = 'h3',\n  H4 = 'h4',\n  H5 = 'h5',\n  H6 = 'h6',\n}\n\nexport enum Levels {\n  'One' = 1,\n  'Two' = 2,\n  'Three' = 3,\n  'Four' = 4,\n  'Five' = 5,\n  'Six' = 6,\n}\n\nexport enum InherentStates {\n  Default = 'default',\n  Disabled = 'disabled',\n  Invalid = 'invalid',\n}\n\nexport enum Contrasts {\n  Strong = 'strong',\n  Medium = 'medium',\n  Subtle = 'subtle',\n  Transparent = 'transparent',\n}\n\n/** Styles */\n\nexport enum ZIndexes {\n  'ELEVATED' = 10,\n  'DATE_PICKER' = 2,\n  'MENU' = 1,\n  'MODAL' = 2,\n  'NAVBAR' = 1,\n  'DRAWER' = 1,\n  'SELECT' = 2,\n  'TOOLTIP' = 2,\n  'POPOVER' = 2,\n  'OVERLAY' = 2,\n}\n\nexport const TRIGGER_OVERFLOW = {\n  adjustX: 0,\n  adjustY: 0,\n};\n\n/** Other */\n\nexport const NOOP = (): null => null;\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nexport const NOOP_VOID = (): void => {};\nexport const NOOP_COMPONENT = ({ children }: { children?: React.ReactNode }): React.ReactNode => children;\n\n/** CLASSES */\nexport * from './classes';\n"],"names":["Resolutions","Sizes","Variants","Positions","Alignments","Directions","Sorts","Shapes","TextElementTypes","Contrasts","ZIndexes","NOOP","NOOP_VOID","NOOP_COMPONENT","children"],"mappings":"4GACO,IAAKA,GAAAA,IACVA,EAAA,IAAQ,MACRA,EAAA,GAAO,KACPA,EAAA,EAAM,IACNA,EAAA,EAAM,IACNA,EAAA,EAAM,IACNA,EAAA,GAAO,KACPA,EAAA,IAAQ,MAPEA,IAAAA,GAAA,CAAA,CAAA,EAUAC,GAAAA,IACVA,EAAA,SAAW,WACXA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,OAAS,SACTA,EAAA,QAAU,UAPAA,IAAAA,GAAA,CAAA,CAAA,EAUAC,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,SAAW,WACXA,EAAA,YAAc,cACdA,EAAA,OAAS,SAJCA,IAAAA,GAAA,CAAA,CAAA,EAOAC,GAAAA,IACVA,EAAA,IAAM,MACNA,EAAA,QAAU,UACVA,EAAA,SAAW,WACXA,EAAA,OAAS,SACTA,EAAA,WAAa,aACbA,EAAA,YAAc,cACdA,EAAA,MAAQ,QACRA,EAAA,YAAc,cACdA,EAAA,SAAW,WACXA,EAAA,KAAO,OACPA,EAAA,QAAU,UACVA,EAAA,WAAa,aACbA,EAAA,OAAS,SACTA,EAAA,KAAO,OAdGA,IAAAA,GAAA,CAAA,CAAA,EAiBAC,GAAAA,IACVA,EAAA,IAAM,MACNA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,KAAO,OACPA,EAAA,MAAQ,QACRA,EAAA,aAAe,eACfA,EAAA,OAAS,SACTA,EAAA,IAAM,MACNA,EAAA,KAAO,OATGA,IAAAA,GAAA,CAAA,CAAA,EAYAC,GAAAA,IACVA,EAAA,WAAa,aACbA,EAAA,SAAW,WAFDA,IAAAA,GAAA,CAAA,CAAA,EAKAC,GAAAA,IACVA,EAAA,IAAM,SACNA,EAAA,KAAO,UAFGA,IAAAA,GAAA,CAAA,CAAA,EAYAC,GAAAA,IACVA,EAAA,QAAU,UACVA,EAAA,OAAS,SAFCA,IAAAA,GAAA,CAAA,CAAA,EAKAC,GAAAA,IACVA,EAAA,UAAY,IACZA,EAAA,KAAO,OACPA,EAAA,MAAQ,QACRA,EAAA,GAAK,KACLA,EAAA,GAAK,KACLA,EAAA,GAAK,KACLA,EAAA,GAAK,KACLA,EAAA,GAAK,KACLA,EAAA,GAAK,KATKA,IAAAA,GAAA,CAAA,CAAA,EA2BAC,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,YAAc,cAJJA,IAAAA,GAAA,CAAA,CAAA,EASAC,GAAAA,IACVA,EAAAA,EAAA,SAAa,EAAA,EAAb,WACAA,EAAAA,EAAA,YAAgB,CAAA,EAAhB,cACAA,EAAAA,EAAA,KAAS,CAAA,EAAT,OACAA,EAAAA,EAAA,MAAU,CAAA,EAAV,QACAA,EAAAA,EAAA,OAAW,CAAA,EAAX,SACAA,EAAAA,EAAA,OAAW,CAAA,EAAX,SACAA,EAAAA,EAAA,OAAW,CAAA,EAAX,SACAA,EAAAA,EAAA,QAAY,CAAA,EAAZ,UACAA,EAAAA,EAAA,QAAY,CAAA,EAAZ,UACAA,EAAAA,EAAA,QAAY,CAAA,EAAZ,UAVUA,IAAAA,GAAA,CAAA,CAAA,EAoBL,MAAMC,EAAO,IAAY,KAEnBC,EAAY,IAAY,CAAC,EACzBC,EAAiB,CAAC,CAAE,SAAAC,KAAgEA"}
+{"version":3,"file":"index.js","sources":["../../../../../../react-base/src/consts/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-duplicate-enum-values */\r\nexport enum Resolutions {\r\n  'XXL' = 'xxl',\r\n  'XL' = 'xl',\r\n  'L' = 'l',\r\n  'M' = 'm',\r\n  'S' = 's',\r\n  'XS' = 'xs',\r\n  'XXS' = 'xxs',\r\n}\r\n\r\nexport enum Sizes {\r\n  Smallest = 'smallest',\r\n  XSmall = 'xsmall',\r\n  Small = 'small',\r\n  Medium = 'medium',\r\n  Large = 'large',\r\n  XLarge = 'xlarge',\r\n  XXLarge = 'xxlarge',\r\n}\r\n\r\nexport enum Variants {\r\n  Filled = 'filled',\r\n  Outlined = 'outlined',\r\n  Transparent = 'transparent',\r\n  Subtle = 'subtle',\r\n}\r\n\r\nexport enum Positions {\r\n  Top = 'top',\r\n  TopLeft = 'topLeft',\r\n  TopRight = 'topRight',\r\n  Bottom = 'bottom',\r\n  BottomLeft = 'bottomLeft',\r\n  BottomRight = 'bottomRight',\r\n  Right = 'right',\r\n  RightBottom = 'rightBottom',\r\n  RightTop = 'rightTop',\r\n  Left = 'left',\r\n  LeftTop = 'leftTop',\r\n  LeftBottom = 'leftBottom',\r\n  Center = 'center',\r\n  Side = 'side',\r\n}\r\n\r\nexport enum Alignments {\r\n  Top = 'top',\r\n  Bottom = 'bottom',\r\n  Start = 'start',\r\n  Left = 'left',\r\n  Right = 'right',\r\n  LeftAndRight = 'leftAndRight',\r\n  Center = 'center',\r\n  End = 'end',\r\n  Fill = 'fill',\r\n}\r\n\r\nexport enum Directions {\r\n  Horizontal = 'horizontal',\r\n  Vertical = 'vertical',\r\n}\r\n\r\nexport enum Sorts {\r\n  Asc = 'ascend',\r\n  Desc = 'descend',\r\n}\r\n\r\nexport enum BgColors {\r\n  Surface = 'surface',\r\n  Base = 'base',\r\n  Raised = 'raised',\r\n  Section = 'section',\r\n}\r\n\r\nexport enum Shapes {\r\n  Rounded = 'rounded',\r\n  Square = 'square',\r\n}\r\n\r\nexport enum TextElementTypes {\r\n  Paragraph = 'p',\r\n  Span = 'span',\r\n  Label = 'label',\r\n  H1 = 'h1',\r\n  H2 = 'h2',\r\n  H3 = 'h3',\r\n  H4 = 'h4',\r\n  H5 = 'h5',\r\n  H6 = 'h6',\r\n}\r\n\r\nexport enum Levels {\r\n  'One' = 1,\r\n  'Two' = 2,\r\n  'Three' = 3,\r\n  'Four' = 4,\r\n  'Five' = 5,\r\n  'Six' = 6,\r\n}\r\n\r\nexport enum InherentStates {\r\n  Default = 'default',\r\n  Disabled = 'disabled',\r\n  Invalid = 'invalid',\r\n}\r\n\r\nexport enum Contrasts {\r\n  Strong = 'strong',\r\n  Medium = 'medium',\r\n  Subtle = 'subtle',\r\n  Transparent = 'transparent',\r\n}\r\n\r\n/** Styles */\r\n\r\nexport enum ZIndexes {\r\n  'ELEVATED' = 10,\r\n  'DATE_PICKER' = 2,\r\n  'MENU' = 1,\r\n  'MODAL' = 2,\r\n  'NAVBAR' = 1,\r\n  'DRAWER' = 1,\r\n  'SELECT' = 2,\r\n  'TOOLTIP' = 2,\r\n  'POPOVER' = 2,\r\n  'OVERLAY' = 2,\r\n}\r\n\r\nexport const TRIGGER_OVERFLOW = {\r\n  adjustX: 0,\r\n  adjustY: 0,\r\n};\r\n\r\n/** Other */\r\n\r\nexport const NOOP = (): null => null;\r\n// eslint-disable-next-line @typescript-eslint/no-empty-function\r\nexport const NOOP_VOID = (): void => {};\r\nexport const NOOP_COMPONENT = ({ children }: { children?: React.ReactNode }): React.ReactNode => children;\r\n\r\n/** CLASSES */\r\nexport * from './classes';\r\n"],"names":["Resolutions","Sizes","Variants","Positions","Alignments","Directions","Sorts","Shapes","TextElementTypes","Contrasts","ZIndexes","NOOP","NOOP_VOID","NOOP_COMPONENT","children"],"mappings":"4GACO,IAAKA,GAAAA,IACVA,EAAA,IAAQ,MACRA,EAAA,GAAO,KACPA,EAAA,EAAM,IACNA,EAAA,EAAM,IACNA,EAAA,EAAM,IACNA,EAAA,GAAO,KACPA,EAAA,IAAQ,MAPEA,IAAAA,GAAA,CAAA,CAAA,EAUAC,GAAAA,IACVA,EAAA,SAAW,WACXA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,OAAS,SACTA,EAAA,QAAU,UAPAA,IAAAA,GAAA,CAAA,CAAA,EAUAC,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,SAAW,WACXA,EAAA,YAAc,cACdA,EAAA,OAAS,SAJCA,IAAAA,GAAA,CAAA,CAAA,EAOAC,GAAAA,IACVA,EAAA,IAAM,MACNA,EAAA,QAAU,UACVA,EAAA,SAAW,WACXA,EAAA,OAAS,SACTA,EAAA,WAAa,aACbA,EAAA,YAAc,cACdA,EAAA,MAAQ,QACRA,EAAA,YAAc,cACdA,EAAA,SAAW,WACXA,EAAA,KAAO,OACPA,EAAA,QAAU,UACVA,EAAA,WAAa,aACbA,EAAA,OAAS,SACTA,EAAA,KAAO,OAdGA,IAAAA,GAAA,CAAA,CAAA,EAiBAC,GAAAA,IACVA,EAAA,IAAM,MACNA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,KAAO,OACPA,EAAA,MAAQ,QACRA,EAAA,aAAe,eACfA,EAAA,OAAS,SACTA,EAAA,IAAM,MACNA,EAAA,KAAO,OATGA,IAAAA,GAAA,CAAA,CAAA,EAYAC,GAAAA,IACVA,EAAA,WAAa,aACbA,EAAA,SAAW,WAFDA,IAAAA,GAAA,CAAA,CAAA,EAKAC,GAAAA,IACVA,EAAA,IAAM,SACNA,EAAA,KAAO,UAFGA,IAAAA,GAAA,CAAA,CAAA,EAYAC,GAAAA,IACVA,EAAA,QAAU,UACVA,EAAA,OAAS,SAFCA,IAAAA,GAAA,CAAA,CAAA,EAKAC,GAAAA,IACVA,EAAA,UAAY,IACZA,EAAA,KAAO,OACPA,EAAA,MAAQ,QACRA,EAAA,GAAK,KACLA,EAAA,GAAK,KACLA,EAAA,GAAK,KACLA,EAAA,GAAK,KACLA,EAAA,GAAK,KACLA,EAAA,GAAK,KATKA,IAAAA,GAAA,CAAA,CAAA,EA2BAC,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,YAAc,cAJJA,IAAAA,GAAA,CAAA,CAAA,EASAC,GAAAA,IACVA,EAAAA,EAAA,SAAa,EAAA,EAAb,WACAA,EAAAA,EAAA,YAAgB,CAAA,EAAhB,cACAA,EAAAA,EAAA,KAAS,CAAA,EAAT,OACAA,EAAAA,EAAA,MAAU,CAAA,EAAV,QACAA,EAAAA,EAAA,OAAW,CAAA,EAAX,SACAA,EAAAA,EAAA,OAAW,CAAA,EAAX,SACAA,EAAAA,EAAA,OAAW,CAAA,EAAX,SACAA,EAAAA,EAAA,QAAY,CAAA,EAAZ,UACAA,EAAAA,EAAA,QAAY,CAAA,EAAZ,UACAA,EAAAA,EAAA,QAAY,CAAA,EAAZ,UAVUA,IAAAA,GAAA,CAAA,CAAA,EAoBL,MAAMC,EAAO,IAAY,KAEnBC,EAAY,IAAY,CAAC,EACzBC,EAAiB,CAAC,CAAE,SAAAC,KAAgEA"}

package/build/cjs/react-base/src/providers/BaseProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseProvider.js","sources":["../../../../../../react-base/src/providers/BaseProvider.tsx"],"sourcesContent":["import { FC, PropsWithChildren, createContext, useContext, useMemo } from 'react';\n\nimport { Theme } from '../theme';\n\nexport type BaseContextTypes = {\n  useTheme: () => Theme;\n};\n\nconst BaseContext = createContext<BaseContextTypes | null>(null);\n\nexport const useCustomTheme = (): Theme => {\n  const context = useContext(BaseContext);\n\n  if (!context) {\n    throw new Error('useCustomTheme needs to be in a BaseProvider.');\n  }\n\n  return context.useTheme();\n};\n\nexport const BaseProvider: FC<PropsWithChildren<BaseContextTypes>> = ({ useTheme, children }) => {\n  const value = useMemo(() => ({ useTheme }), [useTheme]);\n\n  return <BaseContext.Provider value={value}>{children}</BaseContext.Provider>;\n};\n"],"names":["BaseContext","createContext","useCustomTheme","context","useContext","BaseProvider","useTheme","children","value","useMemo","jsx"],"mappings":"oKAQMA,EAAcC,EAAAA,cAAuC,IAAI,EAElDC,EAAiB,IAAa,CACzC,MAAMC,EAAUC,EAAAA,WAAWJ,CAAW,EAEtC,GAAI,CAACG,EACH,MAAM,IAAI,MAAM,+CAA+C,EAGjE,OAAOA,EAAQ,SAAA,CACjB,EAEaE,EAAwD,CAAC,CAAE,SAAAC,EAAU,SAAAC,KAAe,CAC/F,MAAMC,EAAQC,EAAAA,QAAQ,KAAO,CAAE,SAAAH,IAAa,CAACA,CAAQ,CAAC,EAEtD,OAAOI,EAAAA,IAACV,EAAY,SAAZ,CAAqB,MAAAQ,EAAe,SAAAD,CAAA,CAAS,CACvD"}
+{"version":3,"file":"BaseProvider.js","sources":["../../../../../../react-base/src/providers/BaseProvider.tsx"],"sourcesContent":["import { FC, PropsWithChildren, createContext, useContext, useMemo } from 'react';\r\n\r\nimport { Theme } from '../theme';\r\n\r\nexport type BaseContextTypes = {\r\n  useTheme: () => Theme;\r\n};\r\n\r\nconst BaseContext = createContext<BaseContextTypes | null>(null);\r\n\r\nexport const useCustomTheme = (): Theme => {\r\n  const context = useContext(BaseContext);\r\n\r\n  if (!context) {\r\n    throw new Error('useCustomTheme needs to be in a BaseProvider.');\r\n  }\r\n\r\n  return context.useTheme();\r\n};\r\n\r\nexport const BaseProvider: FC<PropsWithChildren<BaseContextTypes>> = ({ useTheme, children }) => {\r\n  const value = useMemo(() => ({ useTheme }), [useTheme]);\r\n\r\n  return <BaseContext.Provider value={value}>{children}</BaseContext.Provider>;\r\n};\r\n"],"names":["BaseContext","createContext","useCustomTheme","context","useContext","BaseProvider","useTheme","children","value","useMemo","jsx"],"mappings":"oKAQMA,EAAcC,EAAAA,cAAuC,IAAI,EAElDC,EAAiB,IAAa,CACzC,MAAMC,EAAUC,EAAAA,WAAWJ,CAAW,EAEtC,GAAI,CAACG,EACH,MAAM,IAAI,MAAM,+CAA+C,EAGjE,OAAOA,EAAQ,SAAA,CACjB,EAEaE,EAAwD,CAAC,CAAE,SAAAC,EAAU,SAAAC,KAAe,CAC/F,MAAMC,EAAQC,EAAAA,QAAQ,KAAO,CAAE,SAAAH,IAAa,CAACA,CAAQ,CAAC,EAEtD,OAAOI,EAAAA,IAACV,EAAY,SAAZ,CAAqB,MAAAQ,EAAe,SAAAD,CAAA,CAAS,CACvD"}

package/build/cjs/react-base/src/theme/dropShadows.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropShadows.js","sources":["../../../../../../react-base/src/theme/dropShadows.ts"],"sourcesContent":["import type { DropShadows, Elevation } from './types/dropShadows';\nimport type { ThemeInitFn } from './types/theme';\n\nconst elevationToDropShadow = (elevation: Elevation[]): string =>\n  elevation.map(({ blur, colour, offsetY }) => `drop-shadow(0px ${offsetY}px ${blur}px ${colour})`).join(' ');\n\nexport const themeToDropShadows: ThemeInitFn<DropShadows> = (theme) =>\n  Object.fromEntries(\n    Object.entries(theme.elevations).map(([key, elevation]) => [key, elevationToDropShadow(Object.values(elevation))]),\n  ) as DropShadows;\n"],"names":["elevationToDropShadow","elevation","blur","colour","offsetY","themeToDropShadows","theme","key"],"mappings":"4GAGA,MAAMA,EAAyBC,GAC7BA,EAAU,IAAI,CAAC,CAAE,KAAAC,EAAM,OAAAC,EAAQ,QAAAC,KAAc,mBAAmBA,CAAO,MAAMF,CAAI,MAAMC,CAAM,GAAG,EAAE,KAAK,GAAG,EAE/FE,EAAgDC,GAC3D,OAAO,YACL,OAAO,QAAQA,EAAM,UAAU,EAAE,IAAI,CAAC,CAACC,EAAKN,CAAS,IAAM,CAACM,EAAKP,EAAsB,OAAO,OAAOC,CAAS,CAAC,CAAC,CAAC,CACnH"}
+{"version":3,"file":"dropShadows.js","sources":["../../../../../../react-base/src/theme/dropShadows.ts"],"sourcesContent":["import type { DropShadows, Elevation } from './types/dropShadows';\r\nimport type { ThemeInitFn } from './types/theme';\r\n\r\nconst elevationToDropShadow = (elevation: Elevation[]): string =>\r\n  elevation.map(({ blur, colour, offsetY }) => `drop-shadow(0px ${offsetY}px ${blur}px ${colour})`).join(' ');\r\n\r\nexport const themeToDropShadows: ThemeInitFn<DropShadows> = (theme) =>\r\n  Object.fromEntries(\r\n    Object.entries(theme.elevations).map(([key, elevation]) => [key, elevationToDropShadow(Object.values(elevation))]),\r\n  ) as DropShadows;\r\n"],"names":["elevationToDropShadow","elevation","blur","colour","offsetY","themeToDropShadows","theme","key"],"mappings":"4GAGA,MAAMA,EAAyBC,GAC7BA,EAAU,IAAI,CAAC,CAAE,KAAAC,EAAM,OAAAC,EAAQ,QAAAC,KAAc,mBAAmBA,CAAO,MAAMF,CAAI,MAAMC,CAAM,GAAG,EAAE,KAAK,GAAG,EAE/FE,EAAgDC,GAC3D,OAAO,YACL,OAAO,QAAQA,EAAM,UAAU,EAAE,IAAI,CAAC,CAACC,EAAKN,CAAS,IAAM,CAACM,EAAKP,EAAsB,OAAO,OAAOC,CAAS,CAAC,CAAC,CAAC,CACnH"}

package/build/cjs/react-base/src/theme/global.js.map

@@ -1 +1 @@
-{"version":3,"file":"global.js","sources":["../../../../../../react-base/src/theme/global.ts"],"sourcesContent":["import type { GlobalsFn } from './types/global';\nimport type { ThemeInitFn } from './types/theme';\n\nexport const themeToGlobals: ThemeInitFn<GlobalsFn> = (theme) => (kind) => theme.variables[kind];\n"],"names":["themeToGlobals","theme","kind"],"mappings":"4GAGO,MAAMA,EAA0CC,GAAWC,GAASD,EAAM,UAAUC,CAAI"}
+{"version":3,"file":"global.js","sources":["../../../../../../react-base/src/theme/global.ts"],"sourcesContent":["import type { GlobalsFn } from './types/global';\r\nimport type { ThemeInitFn } from './types/theme';\r\n\r\nexport const themeToGlobals: ThemeInitFn<GlobalsFn> = (theme) => (kind) => theme.variables[kind];\r\n"],"names":["themeToGlobals","theme","kind"],"mappings":"4GAGO,MAAMA,EAA0CC,GAAWC,GAASD,EAAM,UAAUC,CAAI"}