acinguiux-ds-react-framework 0.1.7 → 0.1.8

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),r=require("./FormField.consts.js"),i=require("./FormField.utils.js"),c=require("../../utils/sizesUtils.js"),n=e.css`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),r=require("./FormField.consts.js"),i=require("./FormField.utils.js"),c=require("../../utils/sizesUtils.js");require("acinguiux-ds-fabrics");const n=e.css`
   ${({$size:s})=>e.css`
     display: flex;
     flex-direction: column;

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

@@ -1 +1 @@
-{"version":3,"file":"FormField.styles.js","sources":["../../../../../../../react-base/src/components/FormField/FormField.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from './FormField.consts';\nimport type { Size, Kind } from './FormField.types';\nimport { getColor } from './FormField.utils';\nimport { getLabelTypographySize } from '../../utils';\n\ntype MessageStyledProps = {\n  $size: Size;\n  $disabled: boolean;\n  $kind?: Kind;\n};\n\nexport const Styles = css<{ $size: Size }>`\n  ${({ $size }) => css`\n    display: flex;\n    flex-direction: column;\n    gap: ${consts[$size].gap}px;\n    width: 100%;\n  `}\n`;\n\nexport const MessageStyles = css<MessageStyledProps>`\n  ${({ $kind, $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size))};\n    display: flex;\n    color: ${getColor(theme, $disabled, $kind)};\n  `};\n`;\n"],"names":["Styles","css","$size","consts","MessageStyles","$kind","$disabled","theme","getLabelTypographySize","getColor"],"mappings":"6PAaaA,EAASC,EAAAA;AAAAA,IAClB,CAAC,CAAE,MAAAC,CAAA,IAAYD,EAAAA;AAAAA;AAAAA;AAAAA,WAGRE,EAAAA,OAAOD,CAAK,EAAE,GAAG;AAAA;AAAA,GAEzB;AAAA,EAGUE,EAAgBH,EAAAA;AAAAA,IACzB,CAAC,CAAE,MAAAI,EAAO,MAAAH,EAAO,UAAAI,EAAW,MAAAC,KAAYN,EAAAA;AAAAA,MACtCM,EAAM,WAAW,QAASC,EAAAA,uBAAuBN,CAAK,CAAC,CAAC;AAAA;AAAA,aAEjDO,WAASF,EAAOD,EAAWD,CAAK,CAAC;AAAA,GAC3C;AAAA"}
+{"version":3,"file":"FormField.styles.js","sources":["../../../../../../../react-base/src/components/FormField/FormField.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from './FormField.consts';\nimport type { Size, Kind } from './FormField.types';\nimport { getColor } from './FormField.utils';\nimport { getLabelTypographySize } from '../../utils';\n\ntype MessageStyledProps = {\n  $size: Size;\n  $disabled: boolean;\n  $kind?: Kind;\n};\n\nexport const Styles = css<{ $size: Size }>`\n  ${({ $size }) => css`\n    display: flex;\n    flex-direction: column;\n    gap: ${consts[$size].gap}px;\n    width: 100%;\n  `}\n`;\n\nexport const MessageStyles = css<MessageStyledProps>`\n  ${({ $kind, $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size))};\n    display: flex;\n    color: ${getColor(theme, $disabled, $kind)};\n  `};\n`;\n"],"names":["Styles","css","$size","consts","MessageStyles","$kind","$disabled","theme","getLabelTypographySize","getColor"],"mappings":"6RAaO,MAAMA,EAASC,EAAAA;AAAAA,IAClB,CAAC,CAAE,MAAAC,CAAA,IAAYD,EAAAA;AAAAA;AAAAA;AAAAA,WAGRE,EAAAA,OAAOD,CAAK,EAAE,GAAG;AAAA;AAAA,GAEzB;AAAA,EAGUE,EAAgBH,EAAAA;AAAAA,IACzB,CAAC,CAAE,MAAAI,EAAO,MAAAH,EAAO,UAAAI,EAAW,MAAAC,KAAYN,EAAAA;AAAAA,MACtCM,EAAM,WAAW,QAASC,EAAAA,uBAAuBN,CAAK,CAAC,CAAC;AAAA;AAAA,aAEjDO,WAASF,EAAOD,EAAWD,CAAK,CAAC;AAAA,GAC3C;AAAA"}

package/build/cjs/react-base/src/components/FormField/components/FormFieldLabel/FormFieldLabel.styles.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("styled-components"),n=require("../../FormField.consts.js"),l=require("../../../../theme/types/layer.js"),o=require("../../../../utils/sizesUtils.js"),r=t.css`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("styled-components"),n=require("../../FormField.consts.js"),l=require("../../../../theme/types/layer.js"),o=require("../../../../utils/sizesUtils.js");require("acinguiux-ds-fabrics");const r=t.css`
   ${({$size:s,$disabled:a,theme:e})=>t.css`
     ${e.typography("label",o.getLabelTypographySize(s))};
 

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

@@ -1 +1 @@
-{"version":3,"file":"FormFieldLabel.styles.js","sources":["../../../../../../../../../react-base/src/components/FormField/components/FormFieldLabel/FormFieldLabel.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport type { Size } from '../../FormField.types';\nimport { consts } from '../../FormField.consts';\nimport { Variables } from '../../../../theme';\nimport { getLabelTypographySize } from '../../../../utils';\n\ntype StyledProps = {\n  $size: Size;\n  $disabled?: boolean;\n};\n\nexport const HeaderStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size))};\n\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    gap: ${consts[$size].headerGap}px;\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n  `}\n`;\n\nexport const LabelHelperStyles = css<StyledProps>`\n  ${({ $size }) => css`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    flex-grow: 1;\n    gap: ${consts[$size].labelHelperGap}px;\n  `};\n`;\n\nexport const LabelContainerStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n    display: flex;\n    gap: ${consts[$size].labelContainerGap}px;\n    align-items: center;\n  `};\n`;\n\nexport const LabelTextStyles = css`\n  display: flex;\n  gap: 6px;\n`;\n\nexport const TitleStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n  `}\n`;\n\nexport const MandatoryStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n    color: ${theme.layer({\n      foundation: 'surface',\n      sentiment: 'negative',\n      sentimentProminence: 'transparent',\n      disabled: $disabled,\n    })[Variables.TextOnSentimentOnBackground]};\n    margin-left: 1px;\n  `}\n`;\n\nexport const DescriptionStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size))};\n\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationSubtle]};\n  `}\n`;\n"],"names":["HeaderStyles","css","$size","$disabled","theme","getLabelTypographySize","consts","Variables","LabelHelperStyles","LabelContainerStyles","LabelTextStyles","TitleStyles","MandatoryStyles","DescriptionStyles"],"mappings":"mRAYaA,EAAeC,EAAAA;AAAAA,IACxB,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,MAAAC,KAAYH,EAAAA;AAAAA,MAC/BG,EAAM,WAAW,QAASC,EAAAA,uBAAuBH,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,WAKnDI,EAAAA,OAAOJ,CAAK,EAAE,SAAS;AAAA,aACrBE,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUD,EAAW,EAAEI,YAAU,sBAAsB,CAAC;AAAA,GACvG;AAAA,EAGUC,EAAoBP,EAAAA;AAAAA,IAC7B,CAAC,CAAE,MAAAC,CAAA,IAAYD,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,WAMRK,EAAAA,OAAOJ,CAAK,EAAE,cAAc;AAAA,GACpC;AAAA,EAGUO,EAAuBR,EAAAA;AAAAA,IAChC,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,MAAAC,KAAYH,EAAAA;AAAAA,MAC/BG,EAAM,WAAW,QAASC,EAAAA,uBAAuBH,CAAK,EAAG,QAAQ,CAAC;AAAA;AAAA,aAE3DE,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUD,EAAW,EAAEI,YAAU,sBAAsB,CAAC;AAAA;AAAA,WAE/FD,EAAAA,OAAOJ,CAAK,EAAE,iBAAiB;AAAA;AAAA,GAEvC;AAAA,EAGUQ,EAAkBT,EAAAA;AAAAA;AAAAA;AAAAA,EAKlBU,EAAcV,EAAAA;AAAAA,IACvB,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,MAAAC,KAAYH,EAAAA;AAAAA,MAC/BG,EAAM,WAAW,QAASC,EAAAA,uBAAuBH,CAAK,EAAG,QAAQ,CAAC;AAAA;AAAA,aAE3DE,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUD,EAAW,EAAEI,YAAU,sBAAsB,CAAC;AAAA,GACvG;AAAA,EAGUK,EAAkBX,EAAAA;AAAAA,IAC3B,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,MAAAC,KAAYH,EAAAA;AAAAA,MAC/BG,EAAM,WAAW,QAASC,EAAAA,uBAAuBH,CAAK,EAAG,QAAQ,CAAC;AAAA;AAAA,aAE3DE,EAAM,MAAM,CACnB,WAAY,UACZ,UAAW,WACX,oBAAqB,cACrB,SAAUD,CACZ,CAAC,EAAEI,EAAAA,UAAU,2BAA2B,CAAC;AAAA;AAAA,GAE1C;AAAA,EAGUM,EAAoBZ,EAAAA;AAAAA,IAC7B,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,MAAAC,KAAYH,EAAAA;AAAAA,MAC/BG,EAAM,WAAW,QAASC,EAAAA,uBAAuBH,CAAK,CAAC,CAAC;AAAA;AAAA,aAEjDE,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUD,EAAW,EAAEI,YAAU,sBAAsB,CAAC;AAAA,GACvG;AAAA"}
+{"version":3,"file":"FormFieldLabel.styles.js","sources":["../../../../../../../../../react-base/src/components/FormField/components/FormFieldLabel/FormFieldLabel.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport type { Size } from '../../FormField.types';\nimport { consts } from '../../FormField.consts';\nimport { Variables } from '../../../../theme';\nimport { getLabelTypographySize } from '../../../../utils';\n\ntype StyledProps = {\n  $size: Size;\n  $disabled?: boolean;\n};\n\nexport const HeaderStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size))};\n\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    gap: ${consts[$size].headerGap}px;\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n  `}\n`;\n\nexport const LabelHelperStyles = css<StyledProps>`\n  ${({ $size }) => css`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    flex-grow: 1;\n    gap: ${consts[$size].labelHelperGap}px;\n  `};\n`;\n\nexport const LabelContainerStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n    display: flex;\n    gap: ${consts[$size].labelContainerGap}px;\n    align-items: center;\n  `};\n`;\n\nexport const LabelTextStyles = css`\n  display: flex;\n  gap: 6px;\n`;\n\nexport const TitleStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n  `}\n`;\n\nexport const MandatoryStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n    color: ${theme.layer({\n      foundation: 'surface',\n      sentiment: 'negative',\n      sentimentProminence: 'transparent',\n      disabled: $disabled,\n    })[Variables.TextOnSentimentOnBackground]};\n    margin-left: 1px;\n  `}\n`;\n\nexport const DescriptionStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size))};\n\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationSubtle]};\n  `}\n`;\n"],"names":["HeaderStyles","css","$size","$disabled","theme","getLabelTypographySize","consts","Variables","LabelHelperStyles","LabelContainerStyles","LabelTextStyles","TitleStyles","MandatoryStyles","DescriptionStyles"],"mappings":"mTAYO,MAAMA,EAAeC,EAAAA;AAAAA,IACxB,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,MAAAC,KAAYH,EAAAA;AAAAA,MAC/BG,EAAM,WAAW,QAASC,EAAAA,uBAAuBH,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,WAKnDI,EAAAA,OAAOJ,CAAK,EAAE,SAAS;AAAA,aACrBE,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUD,EAAW,EAAEI,YAAU,sBAAsB,CAAC;AAAA,GACvG;AAAA,EAGUC,EAAoBP,EAAAA;AAAAA,IAC7B,CAAC,CAAE,MAAAC,CAAA,IAAYD,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,WAMRK,EAAAA,OAAOJ,CAAK,EAAE,cAAc;AAAA,GACpC;AAAA,EAGUO,EAAuBR,EAAAA;AAAAA,IAChC,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,MAAAC,KAAYH,EAAAA;AAAAA,MAC/BG,EAAM,WAAW,QAASC,EAAAA,uBAAuBH,CAAK,EAAG,QAAQ,CAAC;AAAA;AAAA,aAE3DE,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUD,EAAW,EAAEI,YAAU,sBAAsB,CAAC;AAAA;AAAA,WAE/FD,EAAAA,OAAOJ,CAAK,EAAE,iBAAiB;AAAA;AAAA,GAEvC;AAAA,EAGUQ,EAAkBT,EAAAA;AAAAA;AAAAA;AAAAA,EAKlBU,EAAcV,EAAAA;AAAAA,IACvB,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,MAAAC,KAAYH,EAAAA;AAAAA,MAC/BG,EAAM,WAAW,QAASC,EAAAA,uBAAuBH,CAAK,EAAG,QAAQ,CAAC;AAAA;AAAA,aAE3DE,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUD,EAAW,EAAEI,YAAU,sBAAsB,CAAC;AAAA,GACvG;AAAA,EAGUK,EAAkBX,EAAAA;AAAAA,IAC3B,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,MAAAC,KAAYH,EAAAA;AAAAA,MAC/BG,EAAM,WAAW,QAASC,EAAAA,uBAAuBH,CAAK,EAAG,QAAQ,CAAC;AAAA;AAAA,aAE3DE,EAAM,MAAM,CACnB,WAAY,UACZ,UAAW,WACX,oBAAqB,cACrB,SAAUD,CACZ,CAAC,EAAEI,EAAAA,UAAU,2BAA2B,CAAC;AAAA;AAAA,GAE1C;AAAA,EAGUM,EAAoBZ,EAAAA;AAAAA,IAC7B,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,MAAAC,KAAYH,EAAAA;AAAAA,MAC/BG,EAAM,WAAW,QAASC,EAAAA,uBAAuBH,CAAK,CAAC,CAAC;AAAA;AAAA,aAEjDE,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUD,EAAW,EAAEI,YAAU,sBAAsB,CAAC;AAAA,GACvG;AAAA"}

package/build/cjs/react-base/src/components/Pagination/Paginations.utils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("acinguiux-ds-fabrics"),r=require("../../theme/types/layer.js"),n=require("../../utils/sizesUtils.js"),s=(o,e)=>o.typography("label",n.getLabelTypographySize(e)),g=(o,e)=>o.typography("label",n.getLabelTypographySize(e)),u=(o,e,a)=>{const t=o.layer({foundation:"surface",state:e}),l=a?t[r.Variables.BorderOnSelectedOnBackground]:t[r.Variables.BorderOnFoundationMedium];return{backgroundColor:a?t[r.Variables.BackgroundSelected]:t[r.Variables.BackgroundFoundation],color:a?t[r.Variables.TextOnSelectedBackgroundStrong]:t[r.Variables.TextOnFoundationStrong],border:`${a&&e===i.FabricsVariables.States.Resting?0:1}px solid ${l}`}};exports.getPaginationNumbersFontStyle=g;exports.getStylesForState=u;exports.getTextFontStyle=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("acinguiux-ds-fabrics"),t=require("../../theme/types/layer.js"),n=require("../../utils/sizesUtils.js");require("styled-components");const s=(o,e)=>o.typography("label",n.getLabelTypographySize(e)),u=(o,e)=>o.typography("label",n.getLabelTypographySize(e)),g=(o,e,a)=>{const r=o.layer({foundation:"surface",state:e}),l=a?r[t.Variables.BorderOnSelectedOnBackground]:r[t.Variables.BorderOnFoundationMedium];return{backgroundColor:a?r[t.Variables.BackgroundSelected]:r[t.Variables.BackgroundFoundation],color:a?r[t.Variables.TextOnSelectedBackgroundStrong]:r[t.Variables.TextOnFoundationStrong],border:`${a&&e===i.FabricsVariables.States.Resting?0:1}px solid ${l}`}};exports.getPaginationNumbersFontStyle=u;exports.getStylesForState=g;exports.getTextFontStyle=s;
 //# sourceMappingURL=Paginations.utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Paginations.utils.js","sources":["../../../../../../../react-base/src/components/Pagination/Paginations.utils.ts"],"sourcesContent":["import type { CSSProperties } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { Size } from './Pagination.types';\nimport { type Theme, Variables } from '../../theme';\nimport { getLabelTypographySize } from '../../utils';\n\nexport const getTextFontStyle = (theme: Theme, size: Size) => theme.typography('label', getLabelTypographySize(size));\n\nexport const getPaginationNumbersFontStyle = (theme: Theme, size: Size) =>\n  theme.typography('label', getLabelTypographySize(size));\n\nexport const getStylesForState = (\n  theme: Theme,\n  state: FabricsVariables.StateType,\n  isSelected?: boolean,\n): CSSProperties => {\n  const layer = theme.layer({\n    foundation: 'surface',\n    state,\n  });\n  const borderColor = isSelected\n    ? layer[Variables.BorderOnSelectedOnBackground]\n    : layer[Variables.BorderOnFoundationMedium];\n\n  return {\n    backgroundColor: isSelected ? layer[Variables.BackgroundSelected] : layer[Variables.BackgroundFoundation],\n    color: isSelected ? layer[Variables.TextOnSelectedBackgroundStrong] : layer[Variables.TextOnFoundationStrong],\n    border: `${isSelected && state === FabricsVariables.States.Resting ? 0 : 1}px solid ${borderColor}`,\n  };\n};\n"],"names":["getTextFontStyle","theme","size","getLabelTypographySize","getPaginationNumbersFontStyle","getStylesForState","state","isSelected","layer","borderColor","Variables","FabricsVariables"],"mappings":"mOAOaA,EAAmB,CAACC,EAAcC,IAAeD,EAAM,WAAW,QAASE,EAAAA,uBAAuBD,CAAI,CAAC,EAEvGE,EAAgC,CAACH,EAAcC,IAC1DD,EAAM,WAAW,QAASE,EAAAA,uBAAuBD,CAAI,CAAC,EAE3CG,EAAoB,CAC/BJ,EACAK,EACAC,IACkB,CAClB,MAAMC,EAAQP,EAAM,MAAM,CACxB,WAAY,UACZ,MAAAK,CAAA,CACD,EACKG,EAAcF,EAChBC,EAAME,EAAAA,UAAU,4BAA4B,EAC5CF,EAAME,EAAAA,UAAU,wBAAwB,EAE5C,MAAO,CACL,gBAAiBH,EAAaC,EAAME,EAAAA,UAAU,kBAAkB,EAAIF,EAAME,EAAAA,UAAU,oBAAoB,EACxG,MAAOH,EAAaC,EAAME,EAAAA,UAAU,8BAA8B,EAAIF,EAAME,EAAAA,UAAU,sBAAsB,EAC5G,OAAQ,GAAGH,GAAcD,IAAUK,EAAAA,iBAAiB,OAAO,QAAU,EAAI,CAAC,YAAYF,CAAW,EAAA,CAErG"}
+{"version":3,"file":"Paginations.utils.js","sources":["../../../../../../../react-base/src/components/Pagination/Paginations.utils.ts"],"sourcesContent":["import type { CSSProperties } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { Size } from './Pagination.types';\nimport { type Theme, Variables } from '../../theme';\nimport { getLabelTypographySize } from '../../utils';\n\nexport const getTextFontStyle = (theme: Theme, size: Size) => theme.typography('label', getLabelTypographySize(size));\n\nexport const getPaginationNumbersFontStyle = (theme: Theme, size: Size) =>\n  theme.typography('label', getLabelTypographySize(size));\n\nexport const getStylesForState = (\n  theme: Theme,\n  state: FabricsVariables.StateType,\n  isSelected?: boolean,\n): CSSProperties => {\n  const layer = theme.layer({\n    foundation: 'surface',\n    state,\n  });\n  const borderColor = isSelected\n    ? layer[Variables.BorderOnSelectedOnBackground]\n    : layer[Variables.BorderOnFoundationMedium];\n\n  return {\n    backgroundColor: isSelected ? layer[Variables.BackgroundSelected] : layer[Variables.BackgroundFoundation],\n    color: isSelected ? layer[Variables.TextOnSelectedBackgroundStrong] : layer[Variables.TextOnFoundationStrong],\n    border: `${isSelected && state === FabricsVariables.States.Resting ? 0 : 1}px solid ${borderColor}`,\n  };\n};\n"],"names":["getTextFontStyle","theme","size","getLabelTypographySize","getPaginationNumbersFontStyle","getStylesForState","state","isSelected","layer","borderColor","Variables","FabricsVariables"],"mappings":"gQAOO,MAAMA,EAAmB,CAACC,EAAcC,IAAeD,EAAM,WAAW,QAASE,EAAAA,uBAAuBD,CAAI,CAAC,EAEvGE,EAAgC,CAACH,EAAcC,IAC1DD,EAAM,WAAW,QAASE,EAAAA,uBAAuBD,CAAI,CAAC,EAE3CG,EAAoB,CAC/BJ,EACAK,EACAC,IACkB,CAClB,MAAMC,EAAQP,EAAM,MAAM,CACxB,WAAY,UACZ,MAAAK,CAAA,CACD,EACKG,EAAcF,EAChBC,EAAME,EAAAA,UAAU,4BAA4B,EAC5CF,EAAME,EAAAA,UAAU,wBAAwB,EAE5C,MAAO,CACL,gBAAiBH,EAAaC,EAAME,EAAAA,UAAU,kBAAkB,EAAIF,EAAME,EAAAA,UAAU,oBAAoB,EACxG,MAAOH,EAAaC,EAAME,EAAAA,UAAU,8BAA8B,EAAIF,EAAME,EAAAA,UAAU,sBAAsB,EAC5G,OAAQ,GAAGH,GAAcD,IAAUK,EAAAA,iBAAiB,OAAO,QAAU,EAAI,CAAC,YAAYF,CAAW,EAAA,CAErG"}

package/build/cjs/react-base/src/components/ProgressBar/CircleProgressBar/CircleProgressBar.styles.js

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("styled-components"),a=require("../ProgressBar.consts.js"),t=require("../../../consts/index.js"),n=require("../../../utils/circleSvgUtils.js"),c=require("../ProgressBar.utils.js"),l=require("../../../theme/types/layer.js"),S=s.css`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("styled-components"),a=require("../ProgressBar.consts.js"),t=require("../../../consts/index.js"),n=require("../../../utils/circleSvgUtils.js");require("acinguiux-ds-fabrics");const l=require("../../../theme/types/layer.js"),c=require("../ProgressBar.utils.js"),u=s.css`
   position: relative;
   display: flex;
   justify-content: center;
-`,u=s.css`
+`,S=s.css`
   ${({size:e})=>s.css`
     width: ${`${a.consts[e].viewBoxSize}px`};
     height: ${`${a.consts[e].viewBoxSize}px`};
@@ -32,5 +32,5 @@
     color: ${r.layer()[l.Variables.TextOnFoundationStrong]};
     transform: translate(-50%, -50%);
   `}
-`;exports.BackgroundStyles=g;exports.ContainerStyles=S;exports.LabelStyles=f;exports.ProgressBarStyles=u;exports.ProgressStyles=d;
+`;exports.BackgroundStyles=g;exports.ContainerStyles=u;exports.LabelStyles=f;exports.ProgressBarStyles=S;exports.ProgressStyles=d;
 //# sourceMappingURL=CircleProgressBar.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CircleProgressBar.styles.js","sources":["../../../../../../../../react-base/src/components/ProgressBar/CircleProgressBar/CircleProgressBar.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport type { Size } from '../ProgressBar.types';\nimport { consts } from '../ProgressBar.consts';\nimport { Sizes } from '../../../consts';\nimport { getStrokeDashArray, getStrokeDashoffset } from '../../../utils';\nimport { getProgressFillColor } from '../ProgressBar.utils';\nimport { type TypographySize, Variables } from '../../../theme';\n\nexport const ContainerStyles = css`\n  position: relative;\n  display: flex;\n  justify-content: center;\n`;\n\nexport const ProgressBarStyles = css<{ size: Size }>`\n  ${({ size }) => css`\n    width: ${`${consts[size].viewBoxSize}px`};\n    height: ${`${consts[size].viewBoxSize}px`};\n    overflow: inherit;\n    transform: rotate(-90deg);\n  `}\n`;\n\nexport const BackgroundStyles = css`\n  ${({ theme }) => css`\n    fill: transparent;\n    stroke: ${theme.layer({ foundation: 'section' })[Variables.BackgroundFoundation]};\n  `}\n`;\n\nexport const ProgressStyles = css<{ value: number; r: number; muted?: boolean }>`\n  ${({ theme, value, r, muted }) => css`\n    fill: transparent;\n    stroke: ${getProgressFillColor(theme, muted)};\n    stroke-linecap: round;\n    stroke-dasharray: ${`${getStrokeDashArray(r)}`};\n    stroke-dashoffset: ${getStrokeDashoffset(r, value)};\n    transition: stroke-dashoffset 1s;\n  `}\n`;\n\nconst getLabelSize = (size: Size): TypographySize<'label'> => {\n  switch (size) {\n    case Sizes.XSmall:\n    case Sizes.Smallest:\n    case Sizes.Small:\n      return 'smallest';\n    case Sizes.Medium:\n      return 'extraSmall';\n    case Sizes.Large:\n      return 'small';\n    default:\n      throw new Error(`size \"${size}\" does not have a label size`);\n  }\n};\n\nexport const LabelStyles = css<{ size: Size }>`\n  ${({ size, theme }) => css`\n    ${theme.typography('heading', getLabelSize(size))};\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    color: ${theme.layer()[Variables.TextOnFoundationStrong]};\n    transform: translate(-50%, -50%);\n  `}\n`;\n"],"names":["ContainerStyles","css","ProgressBarStyles","size","consts","BackgroundStyles","theme","Variables","ProgressStyles","value","r","muted","getProgressFillColor","getStrokeDashArray","getStrokeDashoffset","getLabelSize","Sizes","LabelStyles"],"mappings":"2VASaA,EAAkBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAMlBC,EAAoBD,EAAAA;AAAAA,IAC7B,CAAC,CAAE,KAAAE,CAAA,IAAWF,EAAAA;AAAAA,aACL,GAAGG,EAAAA,OAAOD,CAAI,EAAE,WAAW,IAAI;AAAA,cAC9B,GAAGC,EAAAA,OAAOD,CAAI,EAAE,WAAW,IAAI;AAAA;AAAA;AAAA,GAG1C;AAAA,EAGUE,EAAmBJ,EAAAA;AAAAA,IAC5B,CAAC,CAAE,MAAAK,CAAA,IAAYL,EAAAA;AAAAA;AAAAA,cAELK,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEC,EAAAA,UAAU,oBAAoB,CAAC;AAAA,GACjF;AAAA,EAGUC,EAAiBP,EAAAA;AAAAA,IAC1B,CAAC,CAAE,MAAAK,EAAO,MAAAG,EAAO,EAAAC,EAAG,MAAAC,KAAYV,EAAAA;AAAAA;AAAAA,cAEtBW,EAAAA,qBAAqBN,EAAOK,CAAK,CAAC;AAAA;AAAA,wBAExB,GAAGE,EAAAA,mBAAmBH,CAAC,CAAC,EAAE;AAAA,yBACzBI,EAAAA,oBAAoBJ,EAAGD,CAAK,CAAC;AAAA;AAAA,GAEnD;AAAA,EAGGM,EAAgBZ,GAAwC,CAC5D,OAAQA,EAAA,CACN,KAAKa,EAAAA,MAAM,OACX,KAAKA,EAAAA,MAAM,SACX,KAAKA,EAAAA,MAAM,MACT,MAAO,WACT,KAAKA,EAAAA,MAAM,OACT,MAAO,aACT,KAAKA,EAAAA,MAAM,MACT,MAAO,QACT,QACE,MAAM,IAAI,MAAM,SAASb,CAAI,8BAA8B,CAAA,CAEjE,EAEac,EAAchB,EAAAA;AAAAA,IACvB,CAAC,CAAE,KAAAE,EAAM,MAAAG,CAAA,IAAYL,EAAAA;AAAAA,MACnBK,EAAM,WAAW,UAAWS,EAAaZ,CAAI,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,aAIxCG,EAAM,MAAA,EAAQC,EAAAA,UAAU,sBAAsB,CAAC;AAAA;AAAA,GAEzD;AAAA"}
+{"version":3,"file":"CircleProgressBar.styles.js","sources":["../../../../../../../../react-base/src/components/ProgressBar/CircleProgressBar/CircleProgressBar.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport type { Size } from '../ProgressBar.types';\nimport { consts } from '../ProgressBar.consts';\nimport { Sizes } from '../../../consts';\nimport { getStrokeDashArray, getStrokeDashoffset } from '../../../utils';\nimport { getProgressFillColor } from '../ProgressBar.utils';\nimport { type TypographySize, Variables } from '../../../theme';\n\nexport const ContainerStyles = css`\n  position: relative;\n  display: flex;\n  justify-content: center;\n`;\n\nexport const ProgressBarStyles = css<{ size: Size }>`\n  ${({ size }) => css`\n    width: ${`${consts[size].viewBoxSize}px`};\n    height: ${`${consts[size].viewBoxSize}px`};\n    overflow: inherit;\n    transform: rotate(-90deg);\n  `}\n`;\n\nexport const BackgroundStyles = css`\n  ${({ theme }) => css`\n    fill: transparent;\n    stroke: ${theme.layer({ foundation: 'section' })[Variables.BackgroundFoundation]};\n  `}\n`;\n\nexport const ProgressStyles = css<{ value: number; r: number; muted?: boolean }>`\n  ${({ theme, value, r, muted }) => css`\n    fill: transparent;\n    stroke: ${getProgressFillColor(theme, muted)};\n    stroke-linecap: round;\n    stroke-dasharray: ${`${getStrokeDashArray(r)}`};\n    stroke-dashoffset: ${getStrokeDashoffset(r, value)};\n    transition: stroke-dashoffset 1s;\n  `}\n`;\n\nconst getLabelSize = (size: Size): TypographySize<'label'> => {\n  switch (size) {\n    case Sizes.XSmall:\n    case Sizes.Smallest:\n    case Sizes.Small:\n      return 'smallest';\n    case Sizes.Medium:\n      return 'extraSmall';\n    case Sizes.Large:\n      return 'small';\n    default:\n      throw new Error(`size \"${size}\" does not have a label size`);\n  }\n};\n\nexport const LabelStyles = css<{ size: Size }>`\n  ${({ size, theme }) => css`\n    ${theme.typography('heading', getLabelSize(size))};\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    color: ${theme.layer()[Variables.TextOnFoundationStrong]};\n    transform: translate(-50%, -50%);\n  `}\n`;\n"],"names":["ContainerStyles","css","ProgressBarStyles","size","consts","BackgroundStyles","theme","Variables","ProgressStyles","value","r","muted","getProgressFillColor","getStrokeDashArray","getStrokeDashoffset","getLabelSize","Sizes","LabelStyles"],"mappings":"iYASaA,EAAkBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAMlBC,EAAoBD,EAAAA;AAAAA,IAC7B,CAAC,CAAE,KAAAE,CAAA,IAAWF,EAAAA;AAAAA,aACL,GAAGG,EAAAA,OAAOD,CAAI,EAAE,WAAW,IAAI;AAAA,cAC9B,GAAGC,EAAAA,OAAOD,CAAI,EAAE,WAAW,IAAI;AAAA;AAAA;AAAA,GAG1C;AAAA,EAGUE,EAAmBJ,EAAAA;AAAAA,IAC5B,CAAC,CAAE,MAAAK,CAAA,IAAYL,EAAAA;AAAAA;AAAAA,cAELK,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEC,EAAAA,UAAU,oBAAoB,CAAC;AAAA,GACjF;AAAA,EAGUC,EAAiBP,EAAAA;AAAAA,IAC1B,CAAC,CAAE,MAAAK,EAAO,MAAAG,EAAO,EAAAC,EAAG,MAAAC,KAAYV,EAAAA;AAAAA;AAAAA,cAEtBW,EAAAA,qBAAqBN,EAAOK,CAAK,CAAC;AAAA;AAAA,wBAExB,GAAGE,EAAAA,mBAAmBH,CAAC,CAAC,EAAE;AAAA,yBACzBI,EAAAA,oBAAoBJ,EAAGD,CAAK,CAAC;AAAA;AAAA,GAEnD;AAAA,EAGGM,EAAgBZ,GAAwC,CAC5D,OAAQA,EAAA,CACN,KAAKa,EAAAA,MAAM,OACX,KAAKA,EAAAA,MAAM,SACX,KAAKA,EAAAA,MAAM,MACT,MAAO,WACT,KAAKA,EAAAA,MAAM,OACT,MAAO,aACT,KAAKA,EAAAA,MAAM,MACT,MAAO,QACT,QACE,MAAM,IAAI,MAAM,SAASb,CAAI,8BAA8B,CAAA,CAEjE,EAEac,EAAchB,EAAAA;AAAAA,IACvB,CAAC,CAAE,KAAAE,EAAM,MAAAG,CAAA,IAAYL,EAAAA;AAAAA,MACnBK,EAAM,WAAW,UAAWS,EAAaZ,CAAI,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,aAIxCG,EAAM,MAAA,EAAQC,EAAAA,UAAU,sBAAsB,CAAC;AAAA;AAAA,GAEzD;AAAA"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("../../../../consts/index.js"),n=require("../../../../utils/sizesUtils.js"),u={1:"large",2:"medium",3:"small",4:"extraSmall"},y=(t,s,e)=>t.typography("display",e?n.getDisplayTypographySize(e):u[s]),d=({level:t=1,contrast:s,gutter:e,bold:l,size:o,disabled:r,type:a=`${p.TextElementTypes.Span}`,...i})=>({$level:t,type:a,$contrast:s,$gutter:e,$size:o,$bold:l,$disabled:r,...i});exports.font=y;exports.useProps=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("../../../../consts/index.js"),u=require("../../../../utils/sizesUtils.js");require("styled-components");require("acinguiux-ds-fabrics");const n={1:"large",2:"medium",3:"small",4:"extraSmall"},y=(t,s,e)=>t.typography("display",e?u.getDisplayTypographySize(e):n[s]),d=({level:t=1,contrast:s,gutter:e,bold:r,size:l,disabled:o,type:i=`${p.TextElementTypes.Span}`,...a})=>({$level:t,type:i,$contrast:s,$gutter:e,$size:l,$bold:r,$disabled:o,...a});exports.font=y;exports.useProps=d;
 //# sourceMappingURL=Display.utils.js.map

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":["import 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":"wMAKMA,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":["import 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":"qQAKA,MAAMA,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.utils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../../consts/index.js"),p=require("../../../../utils/sizesUtils.js"),m=[`${e.TextElementTypes.H1}`,`${e.TextElementTypes.H2}`,`${e.TextElementTypes.H3}`,`${e.TextElementTypes.H4}`,`${e.TextElementTypes.H5}`,`${e.TextElementTypes.H6}`],u={1:"extraLarge",2:"large",3:"medium",4:"small",5:"extraSmall",6:"smallest"},y=(t,n,s)=>t.typography("heading",s?p.getHeadingTypographySize(s):u[n]),$=({type:t=`${e.TextElementTypes.H1}`,contrast:n,level:s,size:l,gutter:r,bold:o,disabled:a,...i})=>{const T=s||m.indexOf(t)+1||1;return{...i,type:t,$gutter:r,$bold:o,$size:l,$contrast:n,$disabled:a,$innerLevel:T}};exports.font=y;exports.useProps=$;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../../consts/index.js"),p=require("../../../../utils/sizesUtils.js");require("styled-components");require("acinguiux-ds-fabrics");const u=[`${e.TextElementTypes.H1}`,`${e.TextElementTypes.H2}`,`${e.TextElementTypes.H3}`,`${e.TextElementTypes.H4}`,`${e.TextElementTypes.H5}`,`${e.TextElementTypes.H6}`],m={1:"extraLarge",2:"large",3:"medium",4:"small",5:"extraSmall",6:"smallest"},y=(t,n,s)=>t.typography("heading",s?p.getHeadingTypographySize(s):m[n]),$=({type:t=`${e.TextElementTypes.H1}`,contrast:n,level:s,size:r,gutter:l,bold:o,disabled:i,...a})=>{const T=s||u.indexOf(t)+1||1;return{...a,type:t,$gutter:l,$bold:o,$size:r,$contrast:n,$disabled:i,$innerLevel:T}};exports.font=y;exports.useProps=$;
 //# sourceMappingURL=Heading.utils.js.map

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":["import 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":"wMAKMA,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,EAAaV,GAAWL,EAAY,QAAQS,CAAI,EAAI,GAAgB,EAE1E,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":["import 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":"qQAKA,MAAMA,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,EAAaV,GAAWL,EAAY,QAAQS,CAAI,EAAI,GAAgB,EAE1E,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/theme/typography.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("acinguiux-ds-fabrics"),g=require("./types/typography.js"),i=()=>({display:{extraSmall:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:32,fontStyle:"normal",letterSpacing:0,lineHeight:40,paragraphSpacing:48},small:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:40,fontStyle:"normal",letterSpacing:0,lineHeight:48,paragraphSpacing:60},medium:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:48,fontStyle:"normal",letterSpacing:0,lineHeight:56,paragraphSpacing:72},large:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:56,fontStyle:"normal",letterSpacing:0,lineHeight:68,paragraphSpacing:84}},heading:{smallest:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:20},extraSmall:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:24},small:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:20,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:32},medium:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:24,fontStyle:"normal",letterSpacing:0,lineHeight:28,paragraphSpacing:36},large:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:32,fontStyle:"normal",letterSpacing:0,lineHeight:40,paragraphSpacing:48},extraLarge:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:40,fontStyle:"normal",letterSpacing:0,lineHeight:48,paragraphSpacing:60}},label:{regular:{smallest:{fontFamily:"Arial",fontWeight:400,fontSize:10,fontStyle:"normal",letterSpacing:0,lineHeight:12,paragraphSpacing:12},extraSmall:{fontFamily:"Arial",fontWeight:400,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16},small:{fontFamily:"Arial",fontWeight:400,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:16},medium:{fontFamily:"Arial",fontWeight:400,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},large:{fontFamily:"Arial",fontWeight:400,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:20}},strong:{smallest:{fontFamily:"Arial",fontWeight:700,fontSize:10,fontStyle:"normal",letterSpacing:0,lineHeight:12,paragraphSpacing:12},extraSmall:{fontFamily:"Arial",fontWeight:700,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16},small:{fontFamily:"Arial",fontWeight:700,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:16},medium:{fontFamily:"Arial",fontWeight:700,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},large:{fontFamily:"Arial",fontWeight:700,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:20}}},paragraph:{regular:{extraLarge:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:400,fontSize:20,fontStyle:"normal",letterSpacing:0,lineHeight:32,paragraphSpacing:32},large:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:400,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:28,paragraphSpacing:28},medium:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:400,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:24},small:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:400,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},extraSmall:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:400,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16}},strong:{extraLarge:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:20,fontStyle:"normal",letterSpacing:0,lineHeight:32,paragraphSpacing:32},large:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:28,paragraphSpacing:28},medium:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:24},small:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},extraSmall:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16}}}}),f=(()=>{try{return o.Typography||i()}catch(a){return console.warn("Typography import failed, using fallback values",a),i()}})(),r=a=>({...a,fontWeight:`${a.fontWeight??"normal"}`,fontSize:`${a.fontSize??0}px`,lineHeight:`${a.lineHeight??0}px`,paragraphSpacing:`${a.paragraphSpacing??0}px`,letterSpacing:`${a.letterSpacing??0}px`}),p=()=>({display:{extraSmall:{fontFamily:"Arial, sans-serif",fontWeight:600,fontSize:32,fontStyle:"normal",letterSpacing:0,lineHeight:40,paragraphSpacing:48},large:{fontFamily:"Arial, sans-serif",fontWeight:600,fontSize:56,fontStyle:"normal",letterSpacing:0,lineHeight:68,paragraphSpacing:84},medium:{fontFamily:"Arial, sans-serif",fontWeight:600,fontSize:48,fontStyle:"normal",letterSpacing:0,lineHeight:56,paragraphSpacing:72},small:{fontFamily:"Arial, sans-serif",fontWeight:600,fontSize:40,fontStyle:"normal",letterSpacing:0,lineHeight:48,paragraphSpacing:60}},heading:{extraLarge:{fontFamily:"Arial, sans-serif",fontWeight:500,fontSize:40,fontStyle:"normal",letterSpacing:0,lineHeight:48,paragraphSpacing:60},extraSmall:{fontFamily:"Arial, sans-serif",fontWeight:500,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:24},large:{fontFamily:"Arial, sans-serif",fontWeight:500,fontSize:32,fontStyle:"normal",letterSpacing:0,lineHeight:40,paragraphSpacing:48},medium:{fontFamily:"Arial, sans-serif",fontWeight:500,fontSize:24,fontStyle:"normal",letterSpacing:0,lineHeight:28,paragraphSpacing:36},small:{fontFamily:"Arial, sans-serif",fontWeight:500,fontSize:20,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:32},smallest:{fontFamily:"Arial, sans-serif",fontWeight:500,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:20}},label:{regular:{extraSmall:{fontFamily:"Arial, sans-serif",fontWeight:400,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16},large:{fontFamily:"Arial, sans-serif",fontWeight:400,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:20},medium:{fontFamily:"Arial, sans-serif",fontWeight:400,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},small:{fontFamily:"Arial, sans-serif",fontWeight:400,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:16},smallest:{fontFamily:"Arial, sans-serif",fontWeight:400,fontSize:10,fontStyle:"normal",letterSpacing:0,lineHeight:12,paragraphSpacing:12}},strong:{extraSmall:{fontFamily:"Arial, sans-serif",fontWeight:700,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16},large:{fontFamily:"Arial, sans-serif",fontWeight:700,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:20},medium:{fontFamily:"Arial, sans-serif",fontWeight:700,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},small:{fontFamily:"Arial, sans-serif",fontWeight:700,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:16},smallest:{fontFamily:"Arial, sans-serif",fontWeight:700,fontSize:10,fontStyle:"normal",letterSpacing:0,lineHeight:12,paragraphSpacing:12}}},paragraph:{regular:{extraLarge:{fontFamily:"Arial, sans-serif",fontWeight:400,fontSize:20,fontStyle:"normal",letterSpacing:0,lineHeight:28,paragraphSpacing:32},large:{fontFamily:"Arial, sans-serif",fontWeight:400,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:28},medium:{fontFamily:"Arial, sans-serif",fontWeight:400,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:24},small:{fontFamily:"Arial, sans-serif",fontWeight:400,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},smallest:{fontFamily:"Arial, sans-serif",fontWeight:400,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16}},strong:{extraLarge:{fontFamily:"Arial, sans-serif",fontWeight:700,fontSize:20,fontStyle:"normal",letterSpacing:0,lineHeight:28,paragraphSpacing:32},large:{fontFamily:"Arial, sans-serif",fontWeight:700,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:28},medium:{fontFamily:"Arial, sans-serif",fontWeight:700,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:24},small:{fontFamily:"Arial, sans-serif",fontWeight:700,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},smallest:{fontFamily:"Arial, sans-serif",fontWeight:700,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16}}}}),t=f||p(),S=(a,n="medium",e="regular")=>{if(!t||!t[a])return console.warn(`Typography object or kind "${a}" not available during SSR - using fallback values`),{fontFamily:"Arial, sans-serif",fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",paragraphSpacing:"0px",letterSpacing:"0px"};try{return g.isTypographyWeighted(a)?t[a][e]?r(t[a][e][n]):(console.warn(`Typography weight "${e}" not available for kind "${a}" - using fallback`),{fontFamily:"Arial, sans-serif",fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",paragraphSpacing:"0px",letterSpacing:"0px"}):r(t[a][n])}catch(l){return console.warn(`Error accessing typography values for kind "${a}", size "${n}", weight "${e}" - using fallback`,l),{fontFamily:"Arial, sans-serif",fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",paragraphSpacing:"0px",letterSpacing:"0px"}}};exports.typography=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("./types/typography.js");let i;try{i=require("acinguiux-ds-fabrics").Typography}catch(a){console.warn("Failed to import Typography from acinguiux-ds-fabrics during SSR/build",a),i=null}const r=()=>({display:{extraSmall:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:32,fontStyle:"normal",letterSpacing:0,lineHeight:40,paragraphSpacing:48},small:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:40,fontStyle:"normal",letterSpacing:0,lineHeight:48,paragraphSpacing:60},medium:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:48,fontStyle:"normal",letterSpacing:0,lineHeight:56,paragraphSpacing:72},large:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:56,fontStyle:"normal",letterSpacing:0,lineHeight:68,paragraphSpacing:84}},heading:{smallest:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:20},extraSmall:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:24},small:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:20,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:32},medium:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:24,fontStyle:"normal",letterSpacing:0,lineHeight:28,paragraphSpacing:36},large:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:32,fontStyle:"normal",letterSpacing:0,lineHeight:40,paragraphSpacing:48},extraLarge:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:40,fontStyle:"normal",letterSpacing:0,lineHeight:48,paragraphSpacing:60}},label:{regular:{smallest:{fontFamily:"Arial",fontWeight:400,fontSize:10,fontStyle:"normal",letterSpacing:0,lineHeight:12,paragraphSpacing:12},extraSmall:{fontFamily:"Arial",fontWeight:400,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16},small:{fontFamily:"Arial",fontWeight:400,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:16},medium:{fontFamily:"Arial",fontWeight:400,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},large:{fontFamily:"Arial",fontWeight:400,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:20}},strong:{smallest:{fontFamily:"Arial",fontWeight:700,fontSize:10,fontStyle:"normal",letterSpacing:0,lineHeight:12,paragraphSpacing:12},extraSmall:{fontFamily:"Arial",fontWeight:700,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16},small:{fontFamily:"Arial",fontWeight:700,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:16},medium:{fontFamily:"Arial",fontWeight:700,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},large:{fontFamily:"Arial",fontWeight:700,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:20}}},paragraph:{regular:{extraLarge:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:400,fontSize:20,fontStyle:"normal",letterSpacing:0,lineHeight:32,paragraphSpacing:32},large:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:400,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:28,paragraphSpacing:28},medium:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:400,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:24},small:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:400,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},extraSmall:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:400,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16}},strong:{extraLarge:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:20,fontStyle:"normal",letterSpacing:0,lineHeight:32,paragraphSpacing:32},large:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:28,paragraphSpacing:28},medium:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:24},small:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},extraSmall:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16}}}}),f=(()=>{try{return i||r()}catch(a){return console.warn("Typography import failed, using fallback values",a),r()}})(),l=a=>({...a,fontWeight:`${a.fontWeight??"normal"}`,fontSize:`${a.fontSize??0}px`,lineHeight:`${a.lineHeight??0}px`,paragraphSpacing:`${a.paragraphSpacing??0}px`,letterSpacing:`${a.letterSpacing??0}px`}),p=()=>({display:{extraSmall:{fontFamily:"Arial, sans-serif",fontWeight:600,fontSize:32,fontStyle:"normal",letterSpacing:0,lineHeight:40,paragraphSpacing:48},large:{fontFamily:"Arial, sans-serif",fontWeight:600,fontSize:56,fontStyle:"normal",letterSpacing:0,lineHeight:68,paragraphSpacing:84},medium:{fontFamily:"Arial, sans-serif",fontWeight:600,fontSize:48,fontStyle:"normal",letterSpacing:0,lineHeight:56,paragraphSpacing:72},small:{fontFamily:"Arial, sans-serif",fontWeight:600,fontSize:40,fontStyle:"normal",letterSpacing:0,lineHeight:48,paragraphSpacing:60}},heading:{extraLarge:{fontFamily:"Arial, sans-serif",fontWeight:500,fontSize:40,fontStyle:"normal",letterSpacing:0,lineHeight:48,paragraphSpacing:60},extraSmall:{fontFamily:"Arial, sans-serif",fontWeight:500,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:24},large:{fontFamily:"Arial, sans-serif",fontWeight:500,fontSize:32,fontStyle:"normal",letterSpacing:0,lineHeight:40,paragraphSpacing:48},medium:{fontFamily:"Arial, sans-serif",fontWeight:500,fontSize:24,fontStyle:"normal",letterSpacing:0,lineHeight:28,paragraphSpacing:36},small:{fontFamily:"Arial, sans-serif",fontWeight:500,fontSize:20,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:32},smallest:{fontFamily:"Arial, sans-serif",fontWeight:500,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:20}},label:{regular:{extraSmall:{fontFamily:"Arial, sans-serif",fontWeight:400,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16},large:{fontFamily:"Arial, sans-serif",fontWeight:400,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:20},medium:{fontFamily:"Arial, sans-serif",fontWeight:400,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},small:{fontFamily:"Arial, sans-serif",fontWeight:400,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:16},smallest:{fontFamily:"Arial, sans-serif",fontWeight:400,fontSize:10,fontStyle:"normal",letterSpacing:0,lineHeight:12,paragraphSpacing:12}},strong:{extraSmall:{fontFamily:"Arial, sans-serif",fontWeight:700,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16},large:{fontFamily:"Arial, sans-serif",fontWeight:700,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:20},medium:{fontFamily:"Arial, sans-serif",fontWeight:700,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},small:{fontFamily:"Arial, sans-serif",fontWeight:700,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:16},smallest:{fontFamily:"Arial, sans-serif",fontWeight:700,fontSize:10,fontStyle:"normal",letterSpacing:0,lineHeight:12,paragraphSpacing:12}}},paragraph:{regular:{extraLarge:{fontFamily:"Arial, sans-serif",fontWeight:400,fontSize:20,fontStyle:"normal",letterSpacing:0,lineHeight:28,paragraphSpacing:32},large:{fontFamily:"Arial, sans-serif",fontWeight:400,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:28},medium:{fontFamily:"Arial, sans-serif",fontWeight:400,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:24},small:{fontFamily:"Arial, sans-serif",fontWeight:400,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},smallest:{fontFamily:"Arial, sans-serif",fontWeight:400,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16}},strong:{extraLarge:{fontFamily:"Arial, sans-serif",fontWeight:700,fontSize:20,fontStyle:"normal",letterSpacing:0,lineHeight:28,paragraphSpacing:32},large:{fontFamily:"Arial, sans-serif",fontWeight:700,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:28},medium:{fontFamily:"Arial, sans-serif",fontWeight:700,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:24},small:{fontFamily:"Arial, sans-serif",fontWeight:700,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},smallest:{fontFamily:"Arial, sans-serif",fontWeight:700,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16}}}}),t=f||p(),S=(a,n="medium",e="regular")=>{if(!t||!t[a])return console.warn(`Typography object or kind "${a}" not available during SSR - using fallback values`),{fontFamily:"Arial, sans-serif",fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",paragraphSpacing:"0px",letterSpacing:"0px"};try{return g.isTypographyWeighted(a)?t[a][e]?l(t[a][e][n]):(console.warn(`Typography weight "${e}" not available for kind "${a}" - using fallback`),{fontFamily:"Arial, sans-serif",fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",paragraphSpacing:"0px",letterSpacing:"0px"}):l(t[a][n])}catch(o){return console.warn(`Error accessing typography values for kind "${a}", size "${n}", weight "${e}" - using fallback`,o),{fontFamily:"Arial, sans-serif",fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",paragraphSpacing:"0px",letterSpacing:"0px"}}};exports.typography=S;
 //# sourceMappingURL=typography.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sources":["../../../../../../react-base/src/theme/typography.ts"],"sourcesContent":["import { Typography as OriginalTypography, type TypographyType } from 'acinguiux-ds-fabrics';\n\nimport {\n  isTypographyWeighted,\n  TypographyKind,\n  TypographySize,\n  TypographyWeights,\n  type TypographyElement,\n  type TypographyElementPx,\n  type TypographyFn,\n} from './types/typography';\n\n// SSR-safe Typography fallback\nconst createTypographyFallback = (): TypographyType => ({\n  display: {\n    extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n    small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },\n    medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 48, fontStyle: 'normal', letterSpacing: 0, lineHeight: 56, paragraphSpacing: 72 },\n    large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 56, fontStyle: 'normal', letterSpacing: 0, lineHeight: 68, paragraphSpacing: 84 },\n  },\n  heading: {\n    smallest: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 20 },\n    extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 24 },\n    small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 32 },\n    medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 24, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 36 },\n    large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n    extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },\n  },\n  label: {\n    regular: {\n      smallest: { fontFamily: 'Arial', fontWeight: 400, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n      extraSmall: { fontFamily: 'Arial', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      small: { fontFamily: 'Arial', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      medium: { fontFamily: 'Arial', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      large: { fontFamily: 'Arial', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n    },\n    strong: {\n      smallest: { fontFamily: 'Arial', fontWeight: 700, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n      extraSmall: { fontFamily: 'Arial', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      small: { fontFamily: 'Arial', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      medium: { fontFamily: 'Arial', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      large: { fontFamily: 'Arial', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n    },\n  },\n  paragraph: {\n    regular: {\n      extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n      large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n    },\n    strong: {\n      extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n      large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n    },\n  },\n} as any);\n\n// Create a safe Typography object that always has the required structure\nconst Typography = (() => {\n  try {\n    return OriginalTypography || createTypographyFallback();\n  } catch (error) {\n    console.warn('Typography import failed, using fallback values', error);\n    return createTypographyFallback();\n  }\n})();\n\nconst transformValuesToPx = <T extends TypographyElement>(value: T): TypographyElementPx => ({\n  ...value,\n  fontWeight: `${value.fontWeight ?? 'normal'}`,\n  fontSize: `${value.fontSize ?? 0}px`,\n  lineHeight: `${value.lineHeight ?? 0}px`,\n  paragraphSpacing: `${value.paragraphSpacing ?? 0}px`,\n  letterSpacing: `${value.letterSpacing ?? 0}px`,\n});\n\n// Create a fallback Typography object for SSR when the actual Typography is not available\nconst createFallbackTypography = (): any => ({\n  display: {\n    extraSmall: { fontFamily: 'Arial, sans-serif', fontWeight: 600, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n    large: { fontFamily: 'Arial, sans-serif', fontWeight: 600, fontSize: 56, fontStyle: 'normal', letterSpacing: 0, lineHeight: 68, paragraphSpacing: 84 },\n    medium: { fontFamily: 'Arial, sans-serif', fontWeight: 600, fontSize: 48, fontStyle: 'normal', letterSpacing: 0, lineHeight: 56, paragraphSpacing: 72 },\n    small: { fontFamily: 'Arial, sans-serif', fontWeight: 600, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 }\n  },\n  heading: {\n    extraLarge: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },\n    extraSmall: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 24 },\n    large: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n    medium: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 24, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 36 },\n    small: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 32 },\n    smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 20 }\n  },\n  label: {\n    regular: {\n      extraSmall: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      large: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n      medium: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      small: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 }\n    },\n    strong: {\n      extraSmall: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      large: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n      medium: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      small: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 }\n    }\n  },\n  paragraph: {\n    regular: {\n      extraLarge: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 32 },\n      large: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 }\n    },\n    strong: {\n      extraLarge: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 32 },\n      large: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 }\n    }\n  }\n});\n\n// Ensure we have a safe Typography object to work with\nconst safeTypography = Typography || createFallbackTypography();\n\n/**\n * typography() is a function that returns a typography element with the specified values.\n *\n * @param kind the typography content type ('label', 'paragraph', 'heading' or 'display')\n * @param size the size of the typography content ('extraSmall', 'small', 'medium', 'large', 'extraLarge' or 'smallest')\n * @param weight the weight of the typography content ('regular' or 'strong')\n * @returns the typography element with the specified values\n *\n * @defaults typography('paragraph', 'medium', 'regular')\n */\nexport const typography: TypographyFn = <\n  Kind extends TypographyKind,\n  Size extends TypographySize<Kind>,\n  Weight extends TypographyWeights<Kind>,\n>(\n  kind: Kind,\n  size = 'medium' as Size,\n  weight = 'regular' as Weight,\n) => {\n  // SSR-safe check for Typography object\n  if (!safeTypography || !safeTypography[kind]) {\n    console.warn(`Typography object or kind \"${kind}\" not available during SSR - using fallback values`);\n    return {\n      fontFamily: 'Arial, sans-serif',\n      fontStyle: 'normal',\n      fontWeight: 'normal',\n      fontSize: '16px',\n      lineHeight: '24px',\n      paragraphSpacing: '0px',\n      letterSpacing: '0px',\n    } as TypographyElementPx;\n  }\n\n  try {\n    if (isTypographyWeighted(kind)) {\n      // Additional safety check for weight\n      if (!safeTypography[kind][weight]) {\n        console.warn(`Typography weight \"${weight}\" not available for kind \"${kind}\" - using fallback`);\n        return {\n          fontFamily: 'Arial, sans-serif',\n          fontStyle: 'normal',\n          fontWeight: 'normal',\n          fontSize: '16px',\n          lineHeight: '24px',\n          paragraphSpacing: '0px',\n          letterSpacing: '0px',\n        } as TypographyElementPx;\n      }\n      return transformValuesToPx(safeTypography[kind][weight][size as keyof TypographyType[Kind][Weight]] as TypographyElement);\n    } else {\n      return transformValuesToPx(safeTypography[kind][size as keyof TypographyType[typeof kind]] as TypographyElement);\n    }\n  } catch (error) {\n    console.warn(`Error accessing typography values for kind \"${kind}\", size \"${size}\", weight \"${weight}\" - using fallback`, error);\n    return {\n      fontFamily: 'Arial, sans-serif',\n      fontStyle: 'normal',\n      fontWeight: 'normal',\n      fontSize: '16px',\n      lineHeight: '24px',\n      paragraphSpacing: '0px',\n      letterSpacing: '0px',\n    } as TypographyElementPx;\n  }\n};\n"],"names":["createTypographyFallback","Typography","OriginalTypography","error","transformValuesToPx","value","createFallbackTypography","safeTypography","typography","kind","size","weight","isTypographyWeighted"],"mappings":"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"}
+{"version":3,"file":"typography.js","sources":["../../../../../../react-base/src/theme/typography.ts"],"sourcesContent":["// Import Typography with SSR-safe fallback handling\nlet OriginalTypography: any;\ntry {\n  const fabricsModule = require('acinguiux-ds-fabrics');\n  OriginalTypography = fabricsModule.Typography;\n} catch (error) {\n  console.warn('Failed to import Typography from acinguiux-ds-fabrics during SSR/build', error);\n  OriginalTypography = null;\n}\n\nimport type { TypographyType } from 'acinguiux-ds-fabrics';\n\nimport {\n  isTypographyWeighted,\n  TypographyKind,\n  TypographySize,\n  TypographyWeights,\n  type TypographyElement,\n  type TypographyElementPx,\n  type TypographyFn,\n} from './types/typography';\n\n// SSR-safe Typography fallback\nconst createTypographyFallback = (): TypographyType => ({\n  display: {\n    extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n    small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },\n    medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 48, fontStyle: 'normal', letterSpacing: 0, lineHeight: 56, paragraphSpacing: 72 },\n    large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 56, fontStyle: 'normal', letterSpacing: 0, lineHeight: 68, paragraphSpacing: 84 },\n  },\n  heading: {\n    smallest: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 20 },\n    extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 24 },\n    small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 32 },\n    medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 24, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 36 },\n    large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n    extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },\n  },\n  label: {\n    regular: {\n      smallest: { fontFamily: 'Arial', fontWeight: 400, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n      extraSmall: { fontFamily: 'Arial', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      small: { fontFamily: 'Arial', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      medium: { fontFamily: 'Arial', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      large: { fontFamily: 'Arial', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n    },\n    strong: {\n      smallest: { fontFamily: 'Arial', fontWeight: 700, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n      extraSmall: { fontFamily: 'Arial', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      small: { fontFamily: 'Arial', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      medium: { fontFamily: 'Arial', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      large: { fontFamily: 'Arial', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n    },\n  },\n  paragraph: {\n    regular: {\n      extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n      large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n    },\n    strong: {\n      extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n      large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n    },\n  },\n} as any);\n\n// Create a safe Typography object that always has the required structure\nconst Typography = (() => {\n  try {\n    return OriginalTypography || createTypographyFallback();\n  } catch (error) {\n    console.warn('Typography import failed, using fallback values', error);\n    return createTypographyFallback();\n  }\n})();\n\nconst transformValuesToPx = <T extends TypographyElement>(value: T): TypographyElementPx => ({\n  ...value,\n  fontWeight: `${value.fontWeight ?? 'normal'}`,\n  fontSize: `${value.fontSize ?? 0}px`,\n  lineHeight: `${value.lineHeight ?? 0}px`,\n  paragraphSpacing: `${value.paragraphSpacing ?? 0}px`,\n  letterSpacing: `${value.letterSpacing ?? 0}px`,\n});\n\n// Create a fallback Typography object for SSR when the actual Typography is not available\nconst createFallbackTypography = (): any => ({\n  display: {\n    extraSmall: { fontFamily: 'Arial, sans-serif', fontWeight: 600, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n    large: { fontFamily: 'Arial, sans-serif', fontWeight: 600, fontSize: 56, fontStyle: 'normal', letterSpacing: 0, lineHeight: 68, paragraphSpacing: 84 },\n    medium: { fontFamily: 'Arial, sans-serif', fontWeight: 600, fontSize: 48, fontStyle: 'normal', letterSpacing: 0, lineHeight: 56, paragraphSpacing: 72 },\n    small: { fontFamily: 'Arial, sans-serif', fontWeight: 600, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 }\n  },\n  heading: {\n    extraLarge: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },\n    extraSmall: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 24 },\n    large: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n    medium: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 24, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 36 },\n    small: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 32 },\n    smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 20 }\n  },\n  label: {\n    regular: {\n      extraSmall: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      large: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n      medium: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      small: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 }\n    },\n    strong: {\n      extraSmall: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      large: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n      medium: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      small: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 }\n    }\n  },\n  paragraph: {\n    regular: {\n      extraLarge: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 32 },\n      large: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 }\n    },\n    strong: {\n      extraLarge: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 32 },\n      large: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 }\n    }\n  }\n});\n\n// Ensure we have a safe Typography object to work with\nconst safeTypography = Typography || createFallbackTypography();\n\n/**\n * typography() is a function that returns a typography element with the specified values.\n *\n * @param kind the typography content type ('label', 'paragraph', 'heading' or 'display')\n * @param size the size of the typography content ('extraSmall', 'small', 'medium', 'large', 'extraLarge' or 'smallest')\n * @param weight the weight of the typography content ('regular' or 'strong')\n * @returns the typography element with the specified values\n *\n * @defaults typography('paragraph', 'medium', 'regular')\n */\nexport const typography: TypographyFn = <\n  Kind extends TypographyKind,\n  Size extends TypographySize<Kind>,\n  Weight extends TypographyWeights<Kind>,\n>(\n  kind: Kind,\n  size = 'medium' as Size,\n  weight = 'regular' as Weight,\n) => {\n  // SSR-safe check for Typography object\n  if (!safeTypography || !safeTypography[kind]) {\n    console.warn(`Typography object or kind \"${kind}\" not available during SSR - using fallback values`);\n    return {\n      fontFamily: 'Arial, sans-serif',\n      fontStyle: 'normal',\n      fontWeight: 'normal',\n      fontSize: '16px',\n      lineHeight: '24px',\n      paragraphSpacing: '0px',\n      letterSpacing: '0px',\n    } as TypographyElementPx;\n  }\n\n  try {\n    if (isTypographyWeighted(kind)) {\n      // Additional safety check for weight\n      if (!safeTypography[kind][weight]) {\n        console.warn(`Typography weight \"${weight}\" not available for kind \"${kind}\" - using fallback`);\n        return {\n          fontFamily: 'Arial, sans-serif',\n          fontStyle: 'normal',\n          fontWeight: 'normal',\n          fontSize: '16px',\n          lineHeight: '24px',\n          paragraphSpacing: '0px',\n          letterSpacing: '0px',\n        } as TypographyElementPx;\n      }\n      return transformValuesToPx(safeTypography[kind][weight][size as keyof TypographyType[Kind][Weight]] as TypographyElement);\n    } else {\n      return transformValuesToPx(safeTypography[kind][size as keyof TypographyType[typeof kind]] as TypographyElement);\n    }\n  } catch (error) {\n    console.warn(`Error accessing typography values for kind \"${kind}\", size \"${size}\", weight \"${weight}\" - using fallback`, error);\n    return {\n      fontFamily: 'Arial, sans-serif',\n      fontStyle: 'normal',\n      fontWeight: 'normal',\n      fontSize: '16px',\n      lineHeight: '24px',\n      paragraphSpacing: '0px',\n      letterSpacing: '0px',\n    } as TypographyElementPx;\n  }\n};\n"],"names":["OriginalTypography","error","createTypographyFallback","Typography","transformValuesToPx","value","createFallbackTypography","safeTypography","typography","kind","size","weight","isTypographyWeighted"],"mappings":"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"}

package/build/esm/react-base/src/components/FormField/FormField.styles.js

@@ -2,14 +2,15 @@ import { css as o } from "styled-components";
 import { consts as e } from "./FormField.consts.js";
 import { getColor as s } from "./FormField.utils.js";
 import { getLabelTypographySize as i } from "../../utils/sizesUtils.js";
-const f = o`
+import "acinguiux-ds-fabrics";
+const g = o`
   ${({ $size: p }) => o`
     display: flex;
     flex-direction: column;
     gap: ${e[p].gap}px;
     width: 100%;
   `}
-`, g = o`
+`, n = o`
   ${({ $kind: p, $size: t, $disabled: l, theme: r }) => o`
     ${r.typography("label", i(t))};
     display: flex;
@@ -17,7 +18,7 @@ const f = o`
   `};
 `;
 export {
-  g as MessageStyles,
-  f as Styles
+  n as MessageStyles,
+  g as Styles
 };
 //# sourceMappingURL=FormField.styles.js.map

package/build/esm/react-base/src/components/FormField/FormField.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.styles.js","sources":["../../../../../../../react-base/src/components/FormField/FormField.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from './FormField.consts';\nimport type { Size, Kind } from './FormField.types';\nimport { getColor } from './FormField.utils';\nimport { getLabelTypographySize } from '../../utils';\n\ntype MessageStyledProps = {\n  $size: Size;\n  $disabled: boolean;\n  $kind?: Kind;\n};\n\nexport const Styles = css<{ $size: Size }>`\n  ${({ $size }) => css`\n    display: flex;\n    flex-direction: column;\n    gap: ${consts[$size].gap}px;\n    width: 100%;\n  `}\n`;\n\nexport const MessageStyles = css<MessageStyledProps>`\n  ${({ $kind, $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size))};\n    display: flex;\n    color: ${getColor(theme, $disabled, $kind)};\n  `};\n`;\n"],"names":["Styles","css","$size","consts","MessageStyles","$kind","$disabled","theme","getLabelTypographySize","getColor"],"mappings":";;;;AAaO,MAAMA,IAASC;AAAA,IAClB,CAAC,EAAE,OAAAC,EAAA,MAAYD;AAAA;AAAA;AAAA,WAGRE,EAAOD,CAAK,EAAE,GAAG;AAAA;AAAA,GAEzB;AAAA,GAGUE,IAAgBH;AAAA,IACzB,CAAC,EAAE,OAAAI,GAAO,OAAAH,GAAO,WAAAI,GAAW,OAAAC,QAAYN;AAAA,MACtCM,EAAM,WAAW,SAASC,EAAuBN,CAAK,CAAC,CAAC;AAAA;AAAA,aAEjDO,EAASF,GAAOD,GAAWD,CAAK,CAAC;AAAA,GAC3C;AAAA;"}
+{"version":3,"file":"FormField.styles.js","sources":["../../../../../../../react-base/src/components/FormField/FormField.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from './FormField.consts';\nimport type { Size, Kind } from './FormField.types';\nimport { getColor } from './FormField.utils';\nimport { getLabelTypographySize } from '../../utils';\n\ntype MessageStyledProps = {\n  $size: Size;\n  $disabled: boolean;\n  $kind?: Kind;\n};\n\nexport const Styles = css<{ $size: Size }>`\n  ${({ $size }) => css`\n    display: flex;\n    flex-direction: column;\n    gap: ${consts[$size].gap}px;\n    width: 100%;\n  `}\n`;\n\nexport const MessageStyles = css<MessageStyledProps>`\n  ${({ $kind, $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size))};\n    display: flex;\n    color: ${getColor(theme, $disabled, $kind)};\n  `};\n`;\n"],"names":["Styles","css","$size","consts","MessageStyles","$kind","$disabled","theme","getLabelTypographySize","getColor"],"mappings":";;;;;AAaO,MAAMA,IAASC;AAAA,IAClB,CAAC,EAAE,OAAAC,EAAA,MAAYD;AAAA;AAAA;AAAA,WAGRE,EAAOD,CAAK,EAAE,GAAG;AAAA;AAAA,GAEzB;AAAA,GAGUE,IAAgBH;AAAA,IACzB,CAAC,EAAE,OAAAI,GAAO,OAAAH,GAAO,WAAAI,GAAW,OAAAC,QAAYN;AAAA,MACtCM,EAAM,WAAW,SAASC,EAAuBN,CAAK,CAAC,CAAC;AAAA;AAAA,aAEjDO,EAASF,GAAOD,GAAWD,CAAK,CAAC;AAAA,GAC3C;AAAA;"}

package/build/esm/react-base/src/components/FormField/components/FormFieldLabel/FormFieldLabel.styles.js

@@ -1,19 +1,20 @@
-import { css as a } from "styled-components";
+import { css as t } from "styled-components";
 import { consts as r } from "../../FormField.consts.js";
 import { Variables as n } from "../../../../theme/types/layer.js";
 import { getLabelTypographySize as l } from "../../../../utils/sizesUtils.js";
-const c = a`
-  ${({ $size: o, $disabled: t, theme: e }) => a`
+import "acinguiux-ds-fabrics";
+const d = t`
+  ${({ $size: o, $disabled: a, theme: e }) => t`
     ${e.typography("label", l(o))};
 
     display: flex;
     flex-direction: column;
     flex-grow: 1;
     gap: ${r[o].headerGap}px;
-    color: ${e.layer({ foundation: "surface", disabled: t })[n.TextOnFoundationStrong]};
+    color: ${e.layer({ foundation: "surface", disabled: a })[n.TextOnFoundationStrong]};
   `}
-`, d = a`
-  ${({ $size: o }) => a`
+`, f = t`
+  ${({ $size: o }) => t`
     display: flex;
     flex-direction: row;
     align-items: center;
@@ -21,50 +22,50 @@ const c = a`
     flex-grow: 1;
     gap: ${r[o].labelHelperGap}px;
   `};
-`, f = a`
-  ${({ $size: o, $disabled: t, theme: e }) => a`
+`, g = t`
+  ${({ $size: o, $disabled: a, theme: e }) => t`
     ${e.typography("label", l(o), "strong")};
 
-    color: ${e.layer({ foundation: "surface", disabled: t })[n.TextOnFoundationStrong]};
+    color: ${e.layer({ foundation: "surface", disabled: a })[n.TextOnFoundationStrong]};
     display: flex;
     gap: ${r[o].labelContainerGap}px;
     align-items: center;
   `};
-`, g = a`
+`, x = t`
   display: flex;
   gap: 6px;
-`, x = a`
-  ${({ $size: o, $disabled: t, theme: e }) => a`
+`, b = t`
+  ${({ $size: o, $disabled: a, theme: e }) => t`
     ${e.typography("label", l(o), "strong")};
 
-    color: ${e.layer({ foundation: "surface", disabled: t })[n.TextOnFoundationStrong]};
+    color: ${e.layer({ foundation: "surface", disabled: a })[n.TextOnFoundationStrong]};
   `}
-`, b = a`
-  ${({ $size: o, $disabled: t, theme: e }) => a`
+`, u = t`
+  ${({ $size: o, $disabled: a, theme: e }) => t`
     ${e.typography("label", l(o), "strong")};
 
     color: ${e.layer({
   foundation: "surface",
   sentiment: "negative",
   sentimentProminence: "transparent",
-  disabled: t
+  disabled: a
 })[n.TextOnSentimentOnBackground]};
     margin-left: 1px;
   `}
-`, u = a`
-  ${({ $size: o, $disabled: t, theme: e }) => a`
+`, $ = t`
+  ${({ $size: o, $disabled: a, theme: e }) => t`
     ${e.typography("label", l(o))};
 
-    color: ${e.layer({ foundation: "surface", disabled: t })[n.TextOnFoundationSubtle]};
+    color: ${e.layer({ foundation: "surface", disabled: a })[n.TextOnFoundationSubtle]};
   `}
 `;
 export {
-  u as DescriptionStyles,
-  c as HeaderStyles,
-  f as LabelContainerStyles,
-  d as LabelHelperStyles,
-  g as LabelTextStyles,
-  b as MandatoryStyles,
-  x as TitleStyles
+  $ as DescriptionStyles,
+  d as HeaderStyles,
+  g as LabelContainerStyles,
+  f as LabelHelperStyles,
+  x as LabelTextStyles,
+  u as MandatoryStyles,
+  b as TitleStyles
 };
 //# sourceMappingURL=FormFieldLabel.styles.js.map

package/build/esm/react-base/src/components/FormField/components/FormFieldLabel/FormFieldLabel.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldLabel.styles.js","sources":["../../../../../../../../../react-base/src/components/FormField/components/FormFieldLabel/FormFieldLabel.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport type { Size } from '../../FormField.types';\nimport { consts } from '../../FormField.consts';\nimport { Variables } from '../../../../theme';\nimport { getLabelTypographySize } from '../../../../utils';\n\ntype StyledProps = {\n  $size: Size;\n  $disabled?: boolean;\n};\n\nexport const HeaderStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size))};\n\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    gap: ${consts[$size].headerGap}px;\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n  `}\n`;\n\nexport const LabelHelperStyles = css<StyledProps>`\n  ${({ $size }) => css`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    flex-grow: 1;\n    gap: ${consts[$size].labelHelperGap}px;\n  `};\n`;\n\nexport const LabelContainerStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n    display: flex;\n    gap: ${consts[$size].labelContainerGap}px;\n    align-items: center;\n  `};\n`;\n\nexport const LabelTextStyles = css`\n  display: flex;\n  gap: 6px;\n`;\n\nexport const TitleStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n  `}\n`;\n\nexport const MandatoryStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n    color: ${theme.layer({\n      foundation: 'surface',\n      sentiment: 'negative',\n      sentimentProminence: 'transparent',\n      disabled: $disabled,\n    })[Variables.TextOnSentimentOnBackground]};\n    margin-left: 1px;\n  `}\n`;\n\nexport const DescriptionStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size))};\n\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationSubtle]};\n  `}\n`;\n"],"names":["HeaderStyles","css","$size","$disabled","theme","getLabelTypographySize","consts","Variables","LabelHelperStyles","LabelContainerStyles","LabelTextStyles","TitleStyles","MandatoryStyles","DescriptionStyles"],"mappings":";;;;AAYO,MAAMA,IAAeC;AAAA,IACxB,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,QAAYH;AAAA,MAC/BG,EAAM,WAAW,SAASC,EAAuBH,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,WAKnDI,EAAOJ,CAAK,EAAE,SAAS;AAAA,aACrBE,EAAM,MAAM,EAAE,YAAY,WAAW,UAAUD,GAAW,EAAEI,EAAU,sBAAsB,CAAC;AAAA,GACvG;AAAA,GAGUC,IAAoBP;AAAA,IAC7B,CAAC,EAAE,OAAAC,EAAA,MAAYD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMRK,EAAOJ,CAAK,EAAE,cAAc;AAAA,GACpC;AAAA,GAGUO,IAAuBR;AAAA,IAChC,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,QAAYH;AAAA,MAC/BG,EAAM,WAAW,SAASC,EAAuBH,CAAK,GAAG,QAAQ,CAAC;AAAA;AAAA,aAE3DE,EAAM,MAAM,EAAE,YAAY,WAAW,UAAUD,GAAW,EAAEI,EAAU,sBAAsB,CAAC;AAAA;AAAA,WAE/FD,EAAOJ,CAAK,EAAE,iBAAiB;AAAA;AAAA,GAEvC;AAAA,GAGUQ,IAAkBT;AAAA;AAAA;AAAA,GAKlBU,IAAcV;AAAA,IACvB,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,QAAYH;AAAA,MAC/BG,EAAM,WAAW,SAASC,EAAuBH,CAAK,GAAG,QAAQ,CAAC;AAAA;AAAA,aAE3DE,EAAM,MAAM,EAAE,YAAY,WAAW,UAAUD,GAAW,EAAEI,EAAU,sBAAsB,CAAC;AAAA,GACvG;AAAA,GAGUK,IAAkBX;AAAA,IAC3B,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,QAAYH;AAAA,MAC/BG,EAAM,WAAW,SAASC,EAAuBH,CAAK,GAAG,QAAQ,CAAC;AAAA;AAAA,aAE3DE,EAAM,MAAM;AAAA,EACnB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,qBAAqB;AAAA,EACrB,UAAUD;AACZ,CAAC,EAAEI,EAAU,2BAA2B,CAAC;AAAA;AAAA,GAE1C;AAAA,GAGUM,IAAoBZ;AAAA,IAC7B,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,QAAYH;AAAA,MAC/BG,EAAM,WAAW,SAASC,EAAuBH,CAAK,CAAC,CAAC;AAAA;AAAA,aAEjDE,EAAM,MAAM,EAAE,YAAY,WAAW,UAAUD,GAAW,EAAEI,EAAU,sBAAsB,CAAC;AAAA,GACvG;AAAA;"}
+{"version":3,"file":"FormFieldLabel.styles.js","sources":["../../../../../../../../../react-base/src/components/FormField/components/FormFieldLabel/FormFieldLabel.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport type { Size } from '../../FormField.types';\nimport { consts } from '../../FormField.consts';\nimport { Variables } from '../../../../theme';\nimport { getLabelTypographySize } from '../../../../utils';\n\ntype StyledProps = {\n  $size: Size;\n  $disabled?: boolean;\n};\n\nexport const HeaderStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size))};\n\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    gap: ${consts[$size].headerGap}px;\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n  `}\n`;\n\nexport const LabelHelperStyles = css<StyledProps>`\n  ${({ $size }) => css`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    flex-grow: 1;\n    gap: ${consts[$size].labelHelperGap}px;\n  `};\n`;\n\nexport const LabelContainerStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n    display: flex;\n    gap: ${consts[$size].labelContainerGap}px;\n    align-items: center;\n  `};\n`;\n\nexport const LabelTextStyles = css`\n  display: flex;\n  gap: 6px;\n`;\n\nexport const TitleStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n  `}\n`;\n\nexport const MandatoryStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n    color: ${theme.layer({\n      foundation: 'surface',\n      sentiment: 'negative',\n      sentimentProminence: 'transparent',\n      disabled: $disabled,\n    })[Variables.TextOnSentimentOnBackground]};\n    margin-left: 1px;\n  `}\n`;\n\nexport const DescriptionStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size))};\n\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationSubtle]};\n  `}\n`;\n"],"names":["HeaderStyles","css","$size","$disabled","theme","getLabelTypographySize","consts","Variables","LabelHelperStyles","LabelContainerStyles","LabelTextStyles","TitleStyles","MandatoryStyles","DescriptionStyles"],"mappings":";;;;;AAYO,MAAMA,IAAeC;AAAA,IACxB,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,QAAYH;AAAA,MAC/BG,EAAM,WAAW,SAASC,EAAuBH,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,WAKnDI,EAAOJ,CAAK,EAAE,SAAS;AAAA,aACrBE,EAAM,MAAM,EAAE,YAAY,WAAW,UAAUD,GAAW,EAAEI,EAAU,sBAAsB,CAAC;AAAA,GACvG;AAAA,GAGUC,IAAoBP;AAAA,IAC7B,CAAC,EAAE,OAAAC,EAAA,MAAYD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMRK,EAAOJ,CAAK,EAAE,cAAc;AAAA,GACpC;AAAA,GAGUO,IAAuBR;AAAA,IAChC,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,QAAYH;AAAA,MAC/BG,EAAM,WAAW,SAASC,EAAuBH,CAAK,GAAG,QAAQ,CAAC;AAAA;AAAA,aAE3DE,EAAM,MAAM,EAAE,YAAY,WAAW,UAAUD,GAAW,EAAEI,EAAU,sBAAsB,CAAC;AAAA;AAAA,WAE/FD,EAAOJ,CAAK,EAAE,iBAAiB;AAAA;AAAA,GAEvC;AAAA,GAGUQ,IAAkBT;AAAA;AAAA;AAAA,GAKlBU,IAAcV;AAAA,IACvB,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,QAAYH;AAAA,MAC/BG,EAAM,WAAW,SAASC,EAAuBH,CAAK,GAAG,QAAQ,CAAC;AAAA;AAAA,aAE3DE,EAAM,MAAM,EAAE,YAAY,WAAW,UAAUD,GAAW,EAAEI,EAAU,sBAAsB,CAAC;AAAA,GACvG;AAAA,GAGUK,IAAkBX;AAAA,IAC3B,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,QAAYH;AAAA,MAC/BG,EAAM,WAAW,SAASC,EAAuBH,CAAK,GAAG,QAAQ,CAAC;AAAA;AAAA,aAE3DE,EAAM,MAAM;AAAA,EACnB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,qBAAqB;AAAA,EACrB,UAAUD;AACZ,CAAC,EAAEI,EAAU,2BAA2B,CAAC;AAAA;AAAA,GAE1C;AAAA,GAGUM,IAAoBZ;AAAA,IAC7B,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,QAAYH;AAAA,MAC/BG,EAAM,WAAW,SAASC,EAAuBH,CAAK,CAAC,CAAC;AAAA;AAAA,aAEjDE,EAAM,MAAM,EAAE,YAAY,WAAW,UAAUD,GAAW,EAAEI,EAAU,sBAAsB,CAAC;AAAA,GACvG;AAAA;"}

package/build/esm/react-base/src/components/Pagination/Paginations.utils.js

@@ -1,7 +1,8 @@
 import { FabricsVariables as l } from "acinguiux-ds-fabrics";
 import { Variables as t } from "../../theme/types/layer.js";
 import { getLabelTypographySize as a } from "../../utils/sizesUtils.js";
-const u = (n, o) => n.typography("label", a(o)), p = (n, o) => n.typography("label", a(o)), y = (n, o, e) => {
+import "styled-components";
+const p = (n, o) => n.typography("label", a(o)), y = (n, o) => n.typography("label", a(o)), b = (n, o, e) => {
   const r = n.layer({
     foundation: "surface",
     state: o
@@ -13,8 +14,8 @@ const u = (n, o) => n.typography("label", a(o)), p = (n, o) => n.typography("lab
   };
 };
 export {
-  p as getPaginationNumbersFontStyle,
-  y as getStylesForState,
-  u as getTextFontStyle
+  y as getPaginationNumbersFontStyle,
+  b as getStylesForState,
+  p as getTextFontStyle
 };
 //# sourceMappingURL=Paginations.utils.js.map

package/build/esm/react-base/src/components/Pagination/Paginations.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paginations.utils.js","sources":["../../../../../../../react-base/src/components/Pagination/Paginations.utils.ts"],"sourcesContent":["import type { CSSProperties } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { Size } from './Pagination.types';\nimport { type Theme, Variables } from '../../theme';\nimport { getLabelTypographySize } from '../../utils';\n\nexport const getTextFontStyle = (theme: Theme, size: Size) => theme.typography('label', getLabelTypographySize(size));\n\nexport const getPaginationNumbersFontStyle = (theme: Theme, size: Size) =>\n  theme.typography('label', getLabelTypographySize(size));\n\nexport const getStylesForState = (\n  theme: Theme,\n  state: FabricsVariables.StateType,\n  isSelected?: boolean,\n): CSSProperties => {\n  const layer = theme.layer({\n    foundation: 'surface',\n    state,\n  });\n  const borderColor = isSelected\n    ? layer[Variables.BorderOnSelectedOnBackground]\n    : layer[Variables.BorderOnFoundationMedium];\n\n  return {\n    backgroundColor: isSelected ? layer[Variables.BackgroundSelected] : layer[Variables.BackgroundFoundation],\n    color: isSelected ? layer[Variables.TextOnSelectedBackgroundStrong] : layer[Variables.TextOnFoundationStrong],\n    border: `${isSelected && state === FabricsVariables.States.Resting ? 0 : 1}px solid ${borderColor}`,\n  };\n};\n"],"names":["getTextFontStyle","theme","size","getLabelTypographySize","getPaginationNumbersFontStyle","getStylesForState","state","isSelected","layer","borderColor","Variables","FabricsVariables"],"mappings":";;;AAOO,MAAMA,IAAmB,CAACC,GAAcC,MAAeD,EAAM,WAAW,SAASE,EAAuBD,CAAI,CAAC,GAEvGE,IAAgC,CAACH,GAAcC,MAC1DD,EAAM,WAAW,SAASE,EAAuBD,CAAI,CAAC,GAE3CG,IAAoB,CAC/BJ,GACAK,GACAC,MACkB;AAClB,QAAMC,IAAQP,EAAM,MAAM;AAAA,IACxB,YAAY;AAAA,IACZ,OAAAK;AAAA,EAAA,CACD,GACKG,IAAcF,IAChBC,EAAME,EAAU,4BAA4B,IAC5CF,EAAME,EAAU,wBAAwB;AAE5C,SAAO;AAAA,IACL,iBAAiBH,IAAaC,EAAME,EAAU,kBAAkB,IAAIF,EAAME,EAAU,oBAAoB;AAAA,IACxG,OAAOH,IAAaC,EAAME,EAAU,8BAA8B,IAAIF,EAAME,EAAU,sBAAsB;AAAA,IAC5G,QAAQ,GAAGH,KAAcD,MAAUK,EAAiB,OAAO,UAAU,IAAI,CAAC,YAAYF,CAAW;AAAA,EAAA;AAErG;"}
+{"version":3,"file":"Paginations.utils.js","sources":["../../../../../../../react-base/src/components/Pagination/Paginations.utils.ts"],"sourcesContent":["import type { CSSProperties } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { Size } from './Pagination.types';\nimport { type Theme, Variables } from '../../theme';\nimport { getLabelTypographySize } from '../../utils';\n\nexport const getTextFontStyle = (theme: Theme, size: Size) => theme.typography('label', getLabelTypographySize(size));\n\nexport const getPaginationNumbersFontStyle = (theme: Theme, size: Size) =>\n  theme.typography('label', getLabelTypographySize(size));\n\nexport const getStylesForState = (\n  theme: Theme,\n  state: FabricsVariables.StateType,\n  isSelected?: boolean,\n): CSSProperties => {\n  const layer = theme.layer({\n    foundation: 'surface',\n    state,\n  });\n  const borderColor = isSelected\n    ? layer[Variables.BorderOnSelectedOnBackground]\n    : layer[Variables.BorderOnFoundationMedium];\n\n  return {\n    backgroundColor: isSelected ? layer[Variables.BackgroundSelected] : layer[Variables.BackgroundFoundation],\n    color: isSelected ? layer[Variables.TextOnSelectedBackgroundStrong] : layer[Variables.TextOnFoundationStrong],\n    border: `${isSelected && state === FabricsVariables.States.Resting ? 0 : 1}px solid ${borderColor}`,\n  };\n};\n"],"names":["getTextFontStyle","theme","size","getLabelTypographySize","getPaginationNumbersFontStyle","getStylesForState","state","isSelected","layer","borderColor","Variables","FabricsVariables"],"mappings":";;;;AAOO,MAAMA,IAAmB,CAACC,GAAcC,MAAeD,EAAM,WAAW,SAASE,EAAuBD,CAAI,CAAC,GAEvGE,IAAgC,CAACH,GAAcC,MAC1DD,EAAM,WAAW,SAASE,EAAuBD,CAAI,CAAC,GAE3CG,IAAoB,CAC/BJ,GACAK,GACAC,MACkB;AAClB,QAAMC,IAAQP,EAAM,MAAM;AAAA,IACxB,YAAY;AAAA,IACZ,OAAAK;AAAA,EAAA,CACD,GACKG,IAAcF,IAChBC,EAAME,EAAU,4BAA4B,IAC5CF,EAAME,EAAU,wBAAwB;AAE5C,SAAO;AAAA,IACL,iBAAiBH,IAAaC,EAAME,EAAU,kBAAkB,IAAIF,EAAME,EAAU,oBAAoB;AAAA,IACxG,OAAOH,IAAaC,EAAME,EAAU,8BAA8B,IAAIF,EAAME,EAAU,sBAAsB;AAAA,IAC5G,QAAQ,GAAGH,KAAcD,MAAUK,EAAiB,OAAO,UAAU,IAAI,CAAC,YAAYF,CAAW;AAAA,EAAA;AAErG;"}

package/build/esm/react-base/src/components/ProgressBar/CircleProgressBar/CircleProgressBar.styles.js

@@ -2,25 +2,26 @@ import { css as e } from "styled-components";
 import { consts as a } from "../ProgressBar.consts.js";
 import { Sizes as o } from "../../../consts/index.js";
 import { getStrokeDashArray as i, getStrokeDashoffset as f } from "../../../utils/circleSvgUtils.js";
-import { getProgressFillColor as c } from "../ProgressBar.utils.js";
+import "acinguiux-ds-fabrics";
 import { Variables as n } from "../../../theme/types/layer.js";
-const u = e`
+import { getProgressFillColor as c } from "../ProgressBar.utils.js";
+const y = e`
   position: relative;
   display: flex;
   justify-content: center;
-`, y = e`
+`, k = e`
   ${({ size: t }) => e`
     width: ${`${a[t].viewBoxSize}px`};
     height: ${`${a[t].viewBoxSize}px`};
     overflow: inherit;
     transform: rotate(-90deg);
   `}
-`, k = e`
+`, x = e`
   ${({ theme: t }) => e`
     fill: transparent;
     stroke: ${t.layer({ foundation: "section" })[n.BackgroundFoundation]};
   `}
-`, x = e`
+`, w = e`
   ${({ theme: t, value: r, r: s, muted: l }) => e`
     fill: transparent;
     stroke: ${c(t, l)};
@@ -42,7 +43,7 @@ const u = e`
     default:
       throw new Error(`size "${t}" does not have a label size`);
   }
-}, w = e`
+}, b = e`
   ${({ size: t, theme: r }) => e`
     ${r.typography("heading", m(t))};
     position: absolute;
@@ -53,10 +54,10 @@ const u = e`
   `}
 `;
 export {
-  k as BackgroundStyles,
-  u as ContainerStyles,
-  w as LabelStyles,
-  y as ProgressBarStyles,
-  x as ProgressStyles
+  x as BackgroundStyles,
+  y as ContainerStyles,
+  b as LabelStyles,
+  k as ProgressBarStyles,
+  w as ProgressStyles
 };
 //# sourceMappingURL=CircleProgressBar.styles.js.map

package/build/esm/react-base/src/components/ProgressBar/CircleProgressBar/CircleProgressBar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircleProgressBar.styles.js","sources":["../../../../../../../../react-base/src/components/ProgressBar/CircleProgressBar/CircleProgressBar.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport type { Size } from '../ProgressBar.types';\nimport { consts } from '../ProgressBar.consts';\nimport { Sizes } from '../../../consts';\nimport { getStrokeDashArray, getStrokeDashoffset } from '../../../utils';\nimport { getProgressFillColor } from '../ProgressBar.utils';\nimport { type TypographySize, Variables } from '../../../theme';\n\nexport const ContainerStyles = css`\n  position: relative;\n  display: flex;\n  justify-content: center;\n`;\n\nexport const ProgressBarStyles = css<{ size: Size }>`\n  ${({ size }) => css`\n    width: ${`${consts[size].viewBoxSize}px`};\n    height: ${`${consts[size].viewBoxSize}px`};\n    overflow: inherit;\n    transform: rotate(-90deg);\n  `}\n`;\n\nexport const BackgroundStyles = css`\n  ${({ theme }) => css`\n    fill: transparent;\n    stroke: ${theme.layer({ foundation: 'section' })[Variables.BackgroundFoundation]};\n  `}\n`;\n\nexport const ProgressStyles = css<{ value: number; r: number; muted?: boolean }>`\n  ${({ theme, value, r, muted }) => css`\n    fill: transparent;\n    stroke: ${getProgressFillColor(theme, muted)};\n    stroke-linecap: round;\n    stroke-dasharray: ${`${getStrokeDashArray(r)}`};\n    stroke-dashoffset: ${getStrokeDashoffset(r, value)};\n    transition: stroke-dashoffset 1s;\n  `}\n`;\n\nconst getLabelSize = (size: Size): TypographySize<'label'> => {\n  switch (size) {\n    case Sizes.XSmall:\n    case Sizes.Smallest:\n    case Sizes.Small:\n      return 'smallest';\n    case Sizes.Medium:\n      return 'extraSmall';\n    case Sizes.Large:\n      return 'small';\n    default:\n      throw new Error(`size \"${size}\" does not have a label size`);\n  }\n};\n\nexport const LabelStyles = css<{ size: Size }>`\n  ${({ size, theme }) => css`\n    ${theme.typography('heading', getLabelSize(size))};\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    color: ${theme.layer()[Variables.TextOnFoundationStrong]};\n    transform: translate(-50%, -50%);\n  `}\n`;\n"],"names":["ContainerStyles","css","ProgressBarStyles","size","consts","BackgroundStyles","theme","Variables","ProgressStyles","value","r","muted","getProgressFillColor","getStrokeDashArray","getStrokeDashoffset","getLabelSize","Sizes","LabelStyles"],"mappings":";;;;;;AASO,MAAMA,IAAkBC;AAAA;AAAA;AAAA;AAAA,GAMlBC,IAAoBD;AAAA,IAC7B,CAAC,EAAE,MAAAE,EAAA,MAAWF;AAAA,aACL,GAAGG,EAAOD,CAAI,EAAE,WAAW,IAAI;AAAA,cAC9B,GAAGC,EAAOD,CAAI,EAAE,WAAW,IAAI;AAAA;AAAA;AAAA,GAG1C;AAAA,GAGUE,IAAmBJ;AAAA,IAC5B,CAAC,EAAE,OAAAK,EAAA,MAAYL;AAAA;AAAA,cAELK,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEC,EAAU,oBAAoB,CAAC;AAAA,GACjF;AAAA,GAGUC,IAAiBP;AAAA,IAC1B,CAAC,EAAE,OAAAK,GAAO,OAAAG,GAAO,GAAAC,GAAG,OAAAC,QAAYV;AAAA;AAAA,cAEtBW,EAAqBN,GAAOK,CAAK,CAAC;AAAA;AAAA,wBAExB,GAAGE,EAAmBH,CAAC,CAAC,EAAE;AAAA,yBACzBI,EAAoBJ,GAAGD,CAAK,CAAC;AAAA;AAAA,GAEnD;AAAA,GAGGM,IAAe,CAACZ,MAAwC;AAC5D,UAAQA,GAAA;AAAA,IACN,KAAKa,EAAM;AAAA,IACX,KAAKA,EAAM;AAAA,IACX,KAAKA,EAAM;AACT,aAAO;AAAA,IACT,KAAKA,EAAM;AACT,aAAO;AAAA,IACT,KAAKA,EAAM;AACT,aAAO;AAAA,IACT;AACE,YAAM,IAAI,MAAM,SAASb,CAAI,8BAA8B;AAAA,EAAA;AAEjE,GAEac,IAAchB;AAAA,IACvB,CAAC,EAAE,MAAAE,GAAM,OAAAG,EAAA,MAAYL;AAAA,MACnBK,EAAM,WAAW,WAAWS,EAAaZ,CAAI,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,aAIxCG,EAAM,MAAA,EAAQC,EAAU,sBAAsB,CAAC;AAAA;AAAA,GAEzD;AAAA;"}
+{"version":3,"file":"CircleProgressBar.styles.js","sources":["../../../../../../../../react-base/src/components/ProgressBar/CircleProgressBar/CircleProgressBar.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport type { Size } from '../ProgressBar.types';\nimport { consts } from '../ProgressBar.consts';\nimport { Sizes } from '../../../consts';\nimport { getStrokeDashArray, getStrokeDashoffset } from '../../../utils';\nimport { getProgressFillColor } from '../ProgressBar.utils';\nimport { type TypographySize, Variables } from '../../../theme';\n\nexport const ContainerStyles = css`\n  position: relative;\n  display: flex;\n  justify-content: center;\n`;\n\nexport const ProgressBarStyles = css<{ size: Size }>`\n  ${({ size }) => css`\n    width: ${`${consts[size].viewBoxSize}px`};\n    height: ${`${consts[size].viewBoxSize}px`};\n    overflow: inherit;\n    transform: rotate(-90deg);\n  `}\n`;\n\nexport const BackgroundStyles = css`\n  ${({ theme }) => css`\n    fill: transparent;\n    stroke: ${theme.layer({ foundation: 'section' })[Variables.BackgroundFoundation]};\n  `}\n`;\n\nexport const ProgressStyles = css<{ value: number; r: number; muted?: boolean }>`\n  ${({ theme, value, r, muted }) => css`\n    fill: transparent;\n    stroke: ${getProgressFillColor(theme, muted)};\n    stroke-linecap: round;\n    stroke-dasharray: ${`${getStrokeDashArray(r)}`};\n    stroke-dashoffset: ${getStrokeDashoffset(r, value)};\n    transition: stroke-dashoffset 1s;\n  `}\n`;\n\nconst getLabelSize = (size: Size): TypographySize<'label'> => {\n  switch (size) {\n    case Sizes.XSmall:\n    case Sizes.Smallest:\n    case Sizes.Small:\n      return 'smallest';\n    case Sizes.Medium:\n      return 'extraSmall';\n    case Sizes.Large:\n      return 'small';\n    default:\n      throw new Error(`size \"${size}\" does not have a label size`);\n  }\n};\n\nexport const LabelStyles = css<{ size: Size }>`\n  ${({ size, theme }) => css`\n    ${theme.typography('heading', getLabelSize(size))};\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    color: ${theme.layer()[Variables.TextOnFoundationStrong]};\n    transform: translate(-50%, -50%);\n  `}\n`;\n"],"names":["ContainerStyles","css","ProgressBarStyles","size","consts","BackgroundStyles","theme","Variables","ProgressStyles","value","r","muted","getProgressFillColor","getStrokeDashArray","getStrokeDashoffset","getLabelSize","Sizes","LabelStyles"],"mappings":";;;;;;;AASO,MAAMA,IAAkBC;AAAA;AAAA;AAAA;AAAA,GAMlBC,IAAoBD;AAAA,IAC7B,CAAC,EAAE,MAAAE,EAAA,MAAWF;AAAA,aACL,GAAGG,EAAOD,CAAI,EAAE,WAAW,IAAI;AAAA,cAC9B,GAAGC,EAAOD,CAAI,EAAE,WAAW,IAAI;AAAA;AAAA;AAAA,GAG1C;AAAA,GAGUE,IAAmBJ;AAAA,IAC5B,CAAC,EAAE,OAAAK,EAAA,MAAYL;AAAA;AAAA,cAELK,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEC,EAAU,oBAAoB,CAAC;AAAA,GACjF;AAAA,GAGUC,IAAiBP;AAAA,IAC1B,CAAC,EAAE,OAAAK,GAAO,OAAAG,GAAO,GAAAC,GAAG,OAAAC,QAAYV;AAAA;AAAA,cAEtBW,EAAqBN,GAAOK,CAAK,CAAC;AAAA;AAAA,wBAExB,GAAGE,EAAmBH,CAAC,CAAC,EAAE;AAAA,yBACzBI,EAAoBJ,GAAGD,CAAK,CAAC;AAAA;AAAA,GAEnD;AAAA,GAGGM,IAAe,CAACZ,MAAwC;AAC5D,UAAQA,GAAA;AAAA,IACN,KAAKa,EAAM;AAAA,IACX,KAAKA,EAAM;AAAA,IACX,KAAKA,EAAM;AACT,aAAO;AAAA,IACT,KAAKA,EAAM;AACT,aAAO;AAAA,IACT,KAAKA,EAAM;AACT,aAAO;AAAA,IACT;AACE,YAAM,IAAI,MAAM,SAASb,CAAI,8BAA8B;AAAA,EAAA;AAEjE,GAEac,IAAchB;AAAA,IACvB,CAAC,EAAE,MAAAE,GAAM,OAAAG,EAAA,MAAYL;AAAA,MACnBK,EAAM,WAAW,WAAWS,EAAaZ,CAAI,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,aAIxCG,EAAM,MAAA,EAAQC,EAAU,sBAAsB,CAAC;AAAA;AAAA,GAEzD;AAAA;"}

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

@@ -1,31 +1,33 @@
-import { TextElementTypes as y } from "../../../../consts/index.js";
-import { getDisplayTypographySize as i } from "../../../../utils/sizesUtils.js";
-const m = {
+import { TextElementTypes as i } from "../../../../consts/index.js";
+import { getDisplayTypographySize as m } from "../../../../utils/sizesUtils.js";
+import "styled-components";
+import "acinguiux-ds-fabrics";
+const y = {
   1: "large",
   2: "medium",
   3: "small",
   4: "extraSmall"
-}, g = (o, t, e) => o.typography("display", e ? i(e) : m[t]), d = ({
+}, T = (o, t, e) => o.typography("display", e ? m(e) : y[t]), c = ({
   level: o = 1,
   contrast: t,
   gutter: e,
   bold: p,
-  size: l,
-  disabled: a,
-  type: r = `${y.Span}`,
+  size: r,
+  disabled: l,
+  type: a = `${i.Span}`,
   ...s
 }) => ({
   $level: o,
-  type: r,
+  type: a,
   $contrast: t,
   $gutter: e,
-  $size: l,
+  $size: r,
   $bold: p,
-  $disabled: a,
+  $disabled: l,
   ...s
 });
 export {
-  g as font,
-  d as useProps
+  T as font,
+  c as useProps
 };
 //# sourceMappingURL=Display.utils.js.map

package/build/esm/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":["import 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":";;AAKA,MAAMA,IAA0E;AAAA,EAC9E,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL,GAEaC,IAAO,CAACC,GAAcC,GAAeC,MAChDF,EAAM,WAAW,WAAWE,IAAOC,EAAyBD,CAAI,IAAIJ,EAA6BG,CAAK,CAAC,GAE5FG,IAAW,CAAC;AAAA,EACvB,OAAAH,IAAQ;AAAA,EACR,UAAAI;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAL;AAAA,EACA,UAAAM;AAAA,EACA,MAAAC,IAAO,GAAGC,EAAiB,IAAI;AAAA,EAC/B,GAAGC;AACL,OAAe;AAAA,EACb,QAAQV;AAAA,EACR,MAAAQ;AAAA,EACA,WAAWJ;AAAA,EACX,SAASC;AAAA,EACT,OAAOJ;AAAA,EACP,OAAOK;AAAA,EACP,WAAWC;AAAA,EACX,GAAGG;AACL;"}
+{"version":3,"file":"Display.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Display/Display.utils.ts"],"sourcesContent":["import 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":";;;;AAKA,MAAMA,IAA0E;AAAA,EAC9E,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL,GAEaC,IAAO,CAACC,GAAcC,GAAeC,MAChDF,EAAM,WAAW,WAAWE,IAAOC,EAAyBD,CAAI,IAAIJ,EAA6BG,CAAK,CAAC,GAE5FG,IAAW,CAAC;AAAA,EACvB,OAAAH,IAAQ;AAAA,EACR,UAAAI;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAL;AAAA,EACA,UAAAM;AAAA,EACA,MAAAC,IAAO,GAAGC,EAAiB,IAAI;AAAA,EAC/B,GAAGC;AACL,OAAe;AAAA,EACb,QAAQV;AAAA,EACR,MAAAQ;AAAA,EACA,WAAWJ;AAAA,EACX,SAASC;AAAA,EACT,OAAOJ;AAAA,EACP,OAAOK;AAAA,EACP,WAAWC;AAAA,EACX,GAAGG;AACL;"}

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

@@ -1,43 +1,45 @@
 import { TextElementTypes as e } from "../../../../consts/index.js";
-import { getHeadingTypographySize as g } from "../../../../utils/sizesUtils.js";
-const m = [
+import { getHeadingTypographySize as m } from "../../../../utils/sizesUtils.js";
+import "styled-components";
+import "acinguiux-ds-fabrics";
+const p = [
   `${e.H1}`,
   `${e.H2}`,
   `${e.H3}`,
   `${e.H4}`,
   `${e.H5}`,
   `${e.H6}`
-], p = {
+], g = {
   1: "extraLarge",
   2: "large",
   3: "medium",
   4: "small",
   5: "extraSmall",
   6: "smallest"
-}, c = (t, o, r) => t.typography("heading", r ? g(r) : p[o]), y = ({
+}, x = (t, o, r) => t.typography("heading", r ? m(r) : g[o]), T = ({
   type: t = `${e.H1}`,
   contrast: o,
   level: r,
   size: n,
   gutter: a,
   bold: l,
-  disabled: s,
-  ...$
+  disabled: i,
+  ...s
 }) => {
-  const i = r || m.indexOf(t) + 1 || 1;
+  const $ = r || p.indexOf(t) + 1 || 1;
   return {
-    ...$,
+    ...s,
     type: t,
     $gutter: a,
     $bold: l,
     $size: n,
     $contrast: o,
-    $disabled: s,
-    $innerLevel: i
+    $disabled: i,
+    $innerLevel: $
   };
 };
 export {
-  c as font,
-  y as useProps
+  x as font,
+  T as useProps
 };
 //# sourceMappingURL=Heading.utils.js.map

package/build/esm/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":["import 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":";;AAKA,MAAMA,IAAc;AAAA,EAClB,GAAGC,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AACxB,GAEMC,IAAkE;AAAA,EACtE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL,GAEaC,IAAO,CAACC,GAAcC,GAAcC,MAC/CF,EAAM,WAAW,WAAWE,IAAOC,EAAyBD,CAAI,IAAIJ,EAAsBG,CAAK,CAAC,GAErFG,IAAW,CAAC;AAAA,EACvB,MAAAC,IAAO,GAAGR,EAAiB,EAAE;AAAA,EAC7B,UAAAS;AAAA,EACA,OAAAL;AAAA,EACA,MAAAC;AAAA,EACA,QAAAK;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAc;AACZ,QAAMC,IAAaV,KAAWL,EAAY,QAAQS,CAAI,IAAI,KAAgB;AAE1E,SAAO;AAAA,IACL,GAAGK;AAAA,IACH,MAAAL;AAAA,IACA,SAASE;AAAA,IACT,OAAOC;AAAA,IACP,OAAON;AAAA,IACP,WAAWI;AAAA,IACX,WAAWG;AAAA,IACX,aAAaE;AAAA,EAAA;AAEjB;"}
+{"version":3,"file":"Heading.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Heading/Heading.utils.ts"],"sourcesContent":["import 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":";;;;AAKA,MAAMA,IAAc;AAAA,EAClB,GAAGC,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AACxB,GAEMC,IAAkE;AAAA,EACtE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL,GAEaC,IAAO,CAACC,GAAcC,GAAcC,MAC/CF,EAAM,WAAW,WAAWE,IAAOC,EAAyBD,CAAI,IAAIJ,EAAsBG,CAAK,CAAC,GAErFG,IAAW,CAAC;AAAA,EACvB,MAAAC,IAAO,GAAGR,EAAiB,EAAE;AAAA,EAC7B,UAAAS;AAAA,EACA,OAAAL;AAAA,EACA,MAAAC;AAAA,EACA,QAAAK;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAc;AACZ,QAAMC,IAAaV,KAAWL,EAAY,QAAQS,CAAI,IAAI,KAAgB;AAE1E,SAAO;AAAA,IACL,GAAGK;AAAA,IACH,MAAAL;AAAA,IACA,SAASE;AAAA,IACT,OAAOC;AAAA,IACP,OAAON;AAAA,IACP,WAAWI;AAAA,IACX,WAAWG;AAAA,IACX,aAAaE;AAAA,EAAA;AAEjB;"}

package/build/esm/react-base/src/theme/typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/theme/typography.ts"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AA4H5B;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,EAAE,YAsDxB,CAAC"}
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/theme/typography.ts"],"names":[],"mappings":"AAYA,OAAO,EAOL,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AA4H5B;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,EAAE,YAsDxB,CAAC"}

package/build/esm/react-base/src/theme/typography.js

@@ -1,6 +1,11 @@
-import { Typography as o } from "acinguiux-ds-fabrics";
 import { isTypographyWeighted as g } from "./types/typography.js";
-const i = () => ({
+let i;
+try {
+  i = require("acinguiux-ds-fabrics").Typography;
+} catch (a) {
+  console.warn("Failed to import Typography from acinguiux-ds-fabrics during SSR/build", a), i = null;
+}
+const r = () => ({
   display: {
     extraSmall: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 600, fontSize: 32, fontStyle: "normal", letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },
     small: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 600, fontSize: 40, fontStyle: "normal", letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },
@@ -49,11 +54,11 @@ const i = () => ({
   }
 }), f = (() => {
   try {
-    return o || i();
+    return i || r();
   } catch (a) {
-    return console.warn("Typography import failed, using fallback values", a), i();
+    return console.warn("Typography import failed, using fallback values", a), r();
   }
-})(), r = (a) => ({
+})(), l = (a) => ({
   ...a,
   fontWeight: `${a.fontWeight ?? "normal"}`,
   fontSize: `${a.fontSize ?? 0}px`,
@@ -107,7 +112,7 @@ const i = () => ({
       smallest: { fontFamily: "Arial, sans-serif", fontWeight: 700, fontSize: 12, fontStyle: "normal", letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 }
     }
   }
-}), t = f || p(), h = (a, n = "medium", e = "regular") => {
+}), t = f || p(), s = (a, n = "medium", e = "regular") => {
   if (!t || !t[a])
     return console.warn(`Typography object or kind "${a}" not available during SSR - using fallback values`), {
       fontFamily: "Arial, sans-serif",
@@ -119,7 +124,7 @@ const i = () => ({
       letterSpacing: "0px"
     };
   try {
-    return g(a) ? t[a][e] ? r(t[a][e][n]) : (console.warn(`Typography weight "${e}" not available for kind "${a}" - using fallback`), {
+    return g(a) ? t[a][e] ? l(t[a][e][n]) : (console.warn(`Typography weight "${e}" not available for kind "${a}" - using fallback`), {
       fontFamily: "Arial, sans-serif",
       fontStyle: "normal",
       fontWeight: "normal",
@@ -127,9 +132,9 @@ const i = () => ({
       lineHeight: "24px",
       paragraphSpacing: "0px",
       letterSpacing: "0px"
-    }) : r(t[a][n]);
-  } catch (l) {
-    return console.warn(`Error accessing typography values for kind "${a}", size "${n}", weight "${e}" - using fallback`, l), {
+    }) : l(t[a][n]);
+  } catch (o) {
+    return console.warn(`Error accessing typography values for kind "${a}", size "${n}", weight "${e}" - using fallback`, o), {
       fontFamily: "Arial, sans-serif",
       fontStyle: "normal",
       fontWeight: "normal",
@@ -141,6 +146,6 @@ const i = () => ({
   }
 };
 export {
-  h as typography
+  s as typography
 };
 //# sourceMappingURL=typography.js.map

package/build/esm/react-base/src/theme/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sources":["../../../../../../react-base/src/theme/typography.ts"],"sourcesContent":["import { Typography as OriginalTypography, type TypographyType } from 'acinguiux-ds-fabrics';\n\nimport {\n  isTypographyWeighted,\n  TypographyKind,\n  TypographySize,\n  TypographyWeights,\n  type TypographyElement,\n  type TypographyElementPx,\n  type TypographyFn,\n} from './types/typography';\n\n// SSR-safe Typography fallback\nconst createTypographyFallback = (): TypographyType => ({\n  display: {\n    extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n    small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },\n    medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 48, fontStyle: 'normal', letterSpacing: 0, lineHeight: 56, paragraphSpacing: 72 },\n    large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 56, fontStyle: 'normal', letterSpacing: 0, lineHeight: 68, paragraphSpacing: 84 },\n  },\n  heading: {\n    smallest: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 20 },\n    extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 24 },\n    small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 32 },\n    medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 24, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 36 },\n    large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n    extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },\n  },\n  label: {\n    regular: {\n      smallest: { fontFamily: 'Arial', fontWeight: 400, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n      extraSmall: { fontFamily: 'Arial', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      small: { fontFamily: 'Arial', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      medium: { fontFamily: 'Arial', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      large: { fontFamily: 'Arial', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n    },\n    strong: {\n      smallest: { fontFamily: 'Arial', fontWeight: 700, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n      extraSmall: { fontFamily: 'Arial', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      small: { fontFamily: 'Arial', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      medium: { fontFamily: 'Arial', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      large: { fontFamily: 'Arial', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n    },\n  },\n  paragraph: {\n    regular: {\n      extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n      large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n    },\n    strong: {\n      extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n      large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n    },\n  },\n} as any);\n\n// Create a safe Typography object that always has the required structure\nconst Typography = (() => {\n  try {\n    return OriginalTypography || createTypographyFallback();\n  } catch (error) {\n    console.warn('Typography import failed, using fallback values', error);\n    return createTypographyFallback();\n  }\n})();\n\nconst transformValuesToPx = <T extends TypographyElement>(value: T): TypographyElementPx => ({\n  ...value,\n  fontWeight: `${value.fontWeight ?? 'normal'}`,\n  fontSize: `${value.fontSize ?? 0}px`,\n  lineHeight: `${value.lineHeight ?? 0}px`,\n  paragraphSpacing: `${value.paragraphSpacing ?? 0}px`,\n  letterSpacing: `${value.letterSpacing ?? 0}px`,\n});\n\n// Create a fallback Typography object for SSR when the actual Typography is not available\nconst createFallbackTypography = (): any => ({\n  display: {\n    extraSmall: { fontFamily: 'Arial, sans-serif', fontWeight: 600, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n    large: { fontFamily: 'Arial, sans-serif', fontWeight: 600, fontSize: 56, fontStyle: 'normal', letterSpacing: 0, lineHeight: 68, paragraphSpacing: 84 },\n    medium: { fontFamily: 'Arial, sans-serif', fontWeight: 600, fontSize: 48, fontStyle: 'normal', letterSpacing: 0, lineHeight: 56, paragraphSpacing: 72 },\n    small: { fontFamily: 'Arial, sans-serif', fontWeight: 600, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 }\n  },\n  heading: {\n    extraLarge: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },\n    extraSmall: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 24 },\n    large: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n    medium: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 24, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 36 },\n    small: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 32 },\n    smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 20 }\n  },\n  label: {\n    regular: {\n      extraSmall: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      large: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n      medium: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      small: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 }\n    },\n    strong: {\n      extraSmall: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      large: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n      medium: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      small: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 }\n    }\n  },\n  paragraph: {\n    regular: {\n      extraLarge: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 32 },\n      large: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 }\n    },\n    strong: {\n      extraLarge: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 32 },\n      large: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 }\n    }\n  }\n});\n\n// Ensure we have a safe Typography object to work with\nconst safeTypography = Typography || createFallbackTypography();\n\n/**\n * typography() is a function that returns a typography element with the specified values.\n *\n * @param kind the typography content type ('label', 'paragraph', 'heading' or 'display')\n * @param size the size of the typography content ('extraSmall', 'small', 'medium', 'large', 'extraLarge' or 'smallest')\n * @param weight the weight of the typography content ('regular' or 'strong')\n * @returns the typography element with the specified values\n *\n * @defaults typography('paragraph', 'medium', 'regular')\n */\nexport const typography: TypographyFn = <\n  Kind extends TypographyKind,\n  Size extends TypographySize<Kind>,\n  Weight extends TypographyWeights<Kind>,\n>(\n  kind: Kind,\n  size = 'medium' as Size,\n  weight = 'regular' as Weight,\n) => {\n  // SSR-safe check for Typography object\n  if (!safeTypography || !safeTypography[kind]) {\n    console.warn(`Typography object or kind \"${kind}\" not available during SSR - using fallback values`);\n    return {\n      fontFamily: 'Arial, sans-serif',\n      fontStyle: 'normal',\n      fontWeight: 'normal',\n      fontSize: '16px',\n      lineHeight: '24px',\n      paragraphSpacing: '0px',\n      letterSpacing: '0px',\n    } as TypographyElementPx;\n  }\n\n  try {\n    if (isTypographyWeighted(kind)) {\n      // Additional safety check for weight\n      if (!safeTypography[kind][weight]) {\n        console.warn(`Typography weight \"${weight}\" not available for kind \"${kind}\" - using fallback`);\n        return {\n          fontFamily: 'Arial, sans-serif',\n          fontStyle: 'normal',\n          fontWeight: 'normal',\n          fontSize: '16px',\n          lineHeight: '24px',\n          paragraphSpacing: '0px',\n          letterSpacing: '0px',\n        } as TypographyElementPx;\n      }\n      return transformValuesToPx(safeTypography[kind][weight][size as keyof TypographyType[Kind][Weight]] as TypographyElement);\n    } else {\n      return transformValuesToPx(safeTypography[kind][size as keyof TypographyType[typeof kind]] as TypographyElement);\n    }\n  } catch (error) {\n    console.warn(`Error accessing typography values for kind \"${kind}\", size \"${size}\", weight \"${weight}\" - using fallback`, error);\n    return {\n      fontFamily: 'Arial, sans-serif',\n      fontStyle: 'normal',\n      fontWeight: 'normal',\n      fontSize: '16px',\n      lineHeight: '24px',\n      paragraphSpacing: '0px',\n      letterSpacing: '0px',\n    } as TypographyElementPx;\n  }\n};\n"],"names":["createTypographyFallback","Typography","OriginalTypography","error","transformValuesToPx","value","createFallbackTypography","safeTypography","typography","kind","size","weight","isTypographyWeighted"],"mappings":"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"}
+{"version":3,"file":"typography.js","sources":["../../../../../../react-base/src/theme/typography.ts"],"sourcesContent":["// Import Typography with SSR-safe fallback handling\nlet OriginalTypography: any;\ntry {\n  const fabricsModule = require('acinguiux-ds-fabrics');\n  OriginalTypography = fabricsModule.Typography;\n} catch (error) {\n  console.warn('Failed to import Typography from acinguiux-ds-fabrics during SSR/build', error);\n  OriginalTypography = null;\n}\n\nimport type { TypographyType } from 'acinguiux-ds-fabrics';\n\nimport {\n  isTypographyWeighted,\n  TypographyKind,\n  TypographySize,\n  TypographyWeights,\n  type TypographyElement,\n  type TypographyElementPx,\n  type TypographyFn,\n} from './types/typography';\n\n// SSR-safe Typography fallback\nconst createTypographyFallback = (): TypographyType => ({\n  display: {\n    extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n    small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },\n    medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 48, fontStyle: 'normal', letterSpacing: 0, lineHeight: 56, paragraphSpacing: 72 },\n    large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 56, fontStyle: 'normal', letterSpacing: 0, lineHeight: 68, paragraphSpacing: 84 },\n  },\n  heading: {\n    smallest: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 20 },\n    extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 24 },\n    small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 32 },\n    medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 24, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 36 },\n    large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n    extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },\n  },\n  label: {\n    regular: {\n      smallest: { fontFamily: 'Arial', fontWeight: 400, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n      extraSmall: { fontFamily: 'Arial', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      small: { fontFamily: 'Arial', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      medium: { fontFamily: 'Arial', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      large: { fontFamily: 'Arial', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n    },\n    strong: {\n      smallest: { fontFamily: 'Arial', fontWeight: 700, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n      extraSmall: { fontFamily: 'Arial', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      small: { fontFamily: 'Arial', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      medium: { fontFamily: 'Arial', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      large: { fontFamily: 'Arial', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n    },\n  },\n  paragraph: {\n    regular: {\n      extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n      large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n    },\n    strong: {\n      extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n      large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n    },\n  },\n} as any);\n\n// Create a safe Typography object that always has the required structure\nconst Typography = (() => {\n  try {\n    return OriginalTypography || createTypographyFallback();\n  } catch (error) {\n    console.warn('Typography import failed, using fallback values', error);\n    return createTypographyFallback();\n  }\n})();\n\nconst transformValuesToPx = <T extends TypographyElement>(value: T): TypographyElementPx => ({\n  ...value,\n  fontWeight: `${value.fontWeight ?? 'normal'}`,\n  fontSize: `${value.fontSize ?? 0}px`,\n  lineHeight: `${value.lineHeight ?? 0}px`,\n  paragraphSpacing: `${value.paragraphSpacing ?? 0}px`,\n  letterSpacing: `${value.letterSpacing ?? 0}px`,\n});\n\n// Create a fallback Typography object for SSR when the actual Typography is not available\nconst createFallbackTypography = (): any => ({\n  display: {\n    extraSmall: { fontFamily: 'Arial, sans-serif', fontWeight: 600, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n    large: { fontFamily: 'Arial, sans-serif', fontWeight: 600, fontSize: 56, fontStyle: 'normal', letterSpacing: 0, lineHeight: 68, paragraphSpacing: 84 },\n    medium: { fontFamily: 'Arial, sans-serif', fontWeight: 600, fontSize: 48, fontStyle: 'normal', letterSpacing: 0, lineHeight: 56, paragraphSpacing: 72 },\n    small: { fontFamily: 'Arial, sans-serif', fontWeight: 600, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 }\n  },\n  heading: {\n    extraLarge: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },\n    extraSmall: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 24 },\n    large: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n    medium: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 24, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 36 },\n    small: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 32 },\n    smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 20 }\n  },\n  label: {\n    regular: {\n      extraSmall: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      large: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n      medium: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      small: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 }\n    },\n    strong: {\n      extraSmall: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      large: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n      medium: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      small: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 }\n    }\n  },\n  paragraph: {\n    regular: {\n      extraLarge: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 32 },\n      large: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 }\n    },\n    strong: {\n      extraLarge: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 32 },\n      large: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 }\n    }\n  }\n});\n\n// Ensure we have a safe Typography object to work with\nconst safeTypography = Typography || createFallbackTypography();\n\n/**\n * typography() is a function that returns a typography element with the specified values.\n *\n * @param kind the typography content type ('label', 'paragraph', 'heading' or 'display')\n * @param size the size of the typography content ('extraSmall', 'small', 'medium', 'large', 'extraLarge' or 'smallest')\n * @param weight the weight of the typography content ('regular' or 'strong')\n * @returns the typography element with the specified values\n *\n * @defaults typography('paragraph', 'medium', 'regular')\n */\nexport const typography: TypographyFn = <\n  Kind extends TypographyKind,\n  Size extends TypographySize<Kind>,\n  Weight extends TypographyWeights<Kind>,\n>(\n  kind: Kind,\n  size = 'medium' as Size,\n  weight = 'regular' as Weight,\n) => {\n  // SSR-safe check for Typography object\n  if (!safeTypography || !safeTypography[kind]) {\n    console.warn(`Typography object or kind \"${kind}\" not available during SSR - using fallback values`);\n    return {\n      fontFamily: 'Arial, sans-serif',\n      fontStyle: 'normal',\n      fontWeight: 'normal',\n      fontSize: '16px',\n      lineHeight: '24px',\n      paragraphSpacing: '0px',\n      letterSpacing: '0px',\n    } as TypographyElementPx;\n  }\n\n  try {\n    if (isTypographyWeighted(kind)) {\n      // Additional safety check for weight\n      if (!safeTypography[kind][weight]) {\n        console.warn(`Typography weight \"${weight}\" not available for kind \"${kind}\" - using fallback`);\n        return {\n          fontFamily: 'Arial, sans-serif',\n          fontStyle: 'normal',\n          fontWeight: 'normal',\n          fontSize: '16px',\n          lineHeight: '24px',\n          paragraphSpacing: '0px',\n          letterSpacing: '0px',\n        } as TypographyElementPx;\n      }\n      return transformValuesToPx(safeTypography[kind][weight][size as keyof TypographyType[Kind][Weight]] as TypographyElement);\n    } else {\n      return transformValuesToPx(safeTypography[kind][size as keyof TypographyType[typeof kind]] as TypographyElement);\n    }\n  } catch (error) {\n    console.warn(`Error accessing typography values for kind \"${kind}\", size \"${size}\", weight \"${weight}\" - using fallback`, error);\n    return {\n      fontFamily: 'Arial, sans-serif',\n      fontStyle: 'normal',\n      fontWeight: 'normal',\n      fontSize: '16px',\n      lineHeight: '24px',\n      paragraphSpacing: '0px',\n      letterSpacing: '0px',\n    } as TypographyElementPx;\n  }\n};\n"],"names":["OriginalTypography","error","createTypographyFallback","Typography","transformValuesToPx","value","createFallbackTypography","safeTypography","typography","kind","size","weight","isTypographyWeighted"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "acinguiux-ds-react-framework",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "acinguiux UI Web Library",
   "main": "./build/cjs/index.js",
   "module": "./build/esm/index.js",