npm - acinguiux-ds-react-framework - Versions diffs - 0.1.4 → 0.1.6 - Mend

acinguiux-ds-react-framework 0.1.4 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (262) hide show

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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":"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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":"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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":"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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":"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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":"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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":"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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("acinguiux-ds-fabrics"),o=require("./types/typography.js"),p=r=>({...r,fontWeight:`${r.fontWeight??"normal"}`,fontSize:`${r.fontSize??0}px`,lineHeight:`${r.lineHeight??0}px`,paragraphSpacing:`${r.paragraphSpacing??0}px`,letterSpacing:`${r.letterSpacing??0}px`}),i=(r,e="medium",t="regular")=>{if(!a.Typography||!a.Typography[r])return console.warn(`Typography object or kind "${r}" 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 o.isTypographyWeighted(r)?p(a.Typography[r][t][e]):p(a.Typography[r][e])}catch(n){return console.warn(`Error accessing typography values for kind "${r}", size "${e}", weight "${t}" - using fallback`,n),{fontFamily:"Arial, sans-serif",fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",paragraphSpacing:"0px",letterSpacing:"0px"}}};exports.typography=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("acinguiux-ds-fabrics"),o=require("./types/typography.js"),i=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`}),g=()=>({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=l.Typography||g(),f=(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 o.isTypographyWeighted(a)?t[a][e]?i(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"}):i(t[a][n])}catch(r){return console.warn(`Error accessing typography values for kind "${a}", size "${n}", weight "${e}" - using fallback`,r),{fontFamily:"Arial, sans-serif",fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",paragraphSpacing:"0px",letterSpacing:"0px"}}};exports.typography=f;
 //# sourceMappingURL=typography.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"typography.js","sources":["../../../../../../react-base/src/theme/typography.ts"],"sourcesContent":["import { Typography, 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\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/*\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 (!Typography \|\| !Typography[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 return isTypographyWeighted(kind)\n ? transformValuesToPx(Typography[kind][weight][size as keyof TypographyType[Kind][Weight]] as TypographyElement)\n : transformValuesToPx(Typography[kind][size as keyof TypographyType[typeof kind]] as TypographyElement);\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":["transformValuesToPx","value","typography","kind","size","weight","Typography","isTypographyWeighted","error"],"mappings":"uLAYMA,EAAoDC,IAAmC,CAC3F,GAAGA,EACH,WAAY,GAAGA,EAAM,YAAc,QAAQ,GAC3C,SAAU,GAAGA,EAAM,UAAY,CAAC,KAChC,WAAY,GAAGA,EAAM,YAAc,CAAC,KACpC,iBAAkB,GAAGA,EAAM,kBAAoB,CAAC,KAChD,cAAe,GAAGA,EAAM,eAAiB,CAAC,IAC5C,GAYaC,EAA2B,CAKtCC,EACAC,EAAO,SACPC,EAAS,YACN,CAEH,GAAI,CAACC,EAAAA,YAAc,CAACA,EAAAA,WAAWH,CAAI,EACjC,eAAQ,KAAK,8BAA8BA,CAAI,oDAAoD,EAC5F,CACL,WAAY,oBACZ,UAAW,SACX,WAAY,SACZ,SAAU,OACV,WAAY,OACZ,iBAAkB,MAClB,cAAe,KAAA,EAInB,GAAI,CACF,OAAOI,EAAAA,qBAAqBJ,CAAI,EAC5BH,EAAoBM,EAAAA,WAAWH,CAAI,EAAEE,CAAM,EAAED,CAA0C,CAAsB,EAC7GJ,EAAoBM,EAAAA,WAAWH,CAAI,EAAEC,CAAyC,CAAsB,CAC1G,OAASI,EAAO,CACd,eAAQ,KAAK,+CAA+CL,CAAI,YAAYC,CAAI,cAAcC,CAAM,qBAAsBG,CAAK,EACxH,CACL,WAAY,oBACZ,UAAW,SACX,WAAY,SACZ,SAAU,OACV,WAAY,OACZ,iBAAkB,MAClB,cAAe,KAAA,CAEnB,CACF"}
1	+ {"version":3,"file":"typography.js","sources":["../../../../../../react-base/src/theme/typography.ts"],"sourcesContent":["import { Typography, 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\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":["transformValuesToPx","value","createFallbackTypography","safeTypography","Typography","typography","kind","size","weight","isTypographyWeighted","error"],"mappings":"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"}

package/build/esm/components/Accordion/Accordion.consts.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { FC } from 'react';
-import type { AccordionTypes } from '..\..\react-base\src/components/Accordion';
+import type { AccordionTypes } from '../../react-base/src/components/Accordion';
 import type { IIconProps } from '../Icon/Icon.types';
 type AccordionIconType = {
     [iconSet in AccordionTypes.IndicatorIconType]: {

package/build/esm/components/Accordion/Accordion.types.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { CollapseProps } from 'rc-collapse/lib/interface';
-import type { AccordionTypes } from '..\..\react-base\src/components/Accordion';
+import type { AccordionTypes } from '../../react-base/src/components/Accordion';
 export interface IAccordionProps extends Omit<CollapseProps, 'expandIcon' | 'items' | 'collapsible'>, AccordionTypes.IProps {
 }
 //# sourceMappingURL=Accordion.types.d.ts.map

package/build/esm/components/Alert/Alert.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-declare const Alert: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("..\..\react-base\src/components/Alert/Alert.types.js").IProps & React.RefAttributes<HTMLDivElement>>;
+declare const Alert: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../react-base/src/components/Alert/Alert.types.js").IProps & React.RefAttributes<HTMLDivElement>>;
 export default Alert;
 //# sourceMappingURL=Alert.d.ts.map

package/build/esm/components/Alert/Alert.styles.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
-import { PickTransient } from '..\..\react-base\src/types';
-import { TextTypes } from '..\..\react-base\src/components/Text';
+import { PickTransient } from '../../react-base/src/types';
+import { TextTypes } from '../../react-base/src/components/Text';
 import type { IAlertProps } from './Alert.types';
 declare const AutoCloseContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<PickTransient<IAlertProps, "variant">> & Required<PickTransient<IAlertProps, "sentiment">> & Required<PickTransient<IAlertProps, "autoCloseTimeout">>>> & string;
 declare const Alert: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<PickTransient<IAlertProps, "size" | "alignment">> & Required<PickTransient<IAlertProps, "variant">> & Required<PickTransient<IAlertProps, "sentiment">> & Required<PickTransient<IAlertProps, "banner">>>> & string;
@@ -18,37 +18,37 @@ declare const AlertMessage: import("styled-components/dist/types").IStyledCompon
 declare const Actions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<PickTransient<IAlertProps, "size" | "alignment">>>> & string;
 declare const ActionButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-} & import("..\..\react-base\src/components/Button/Button.types.js").IDefaultProps & {
-    sentiment?: import("..\..\react-base\src/components/Button/Button.types.js").OnSentiment;
-    sentimentProminence?: import("..\..\react-base\src/components/Button/Button.types.js").SentimentProminence;
+} & import("../../react-base/src/components/Button/Button.types.js").IDefaultProps & {
+    sentiment?: import("../../react-base/src/components/Button/Button.types.js").OnSentiment;
+    sentimentProminence?: import("../../react-base/src/components/Button/Button.types.js").SentimentProminence;
 } & {
-    css?: import("styled-components").Interpolation<import("..\..\react-base\src/theme").Theme>;
+    css?: import("styled-components").Interpolation<import("../../react-base/src/theme").Theme>;
 }, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-} & import("..\..\react-base\src/components/Button/Button.types.js").IDefaultProps & {
-    sentiment?: import("..\..\react-base\src/components/Button/Button.types.js").OnSentiment;
-    sentimentProminence?: import("..\..\react-base\src/components/Button/Button.types.js").SentimentProminence;
+} & import("../../react-base/src/components/Button/Button.types.js").IDefaultProps & {
+    sentiment?: import("../../react-base/src/components/Button/Button.types.js").OnSentiment;
+    sentimentProminence?: import("../../react-base/src/components/Button/Button.types.js").SentimentProminence;
 } & {
-    css?: import("styled-components").Interpolation<import("..\..\react-base\src/theme").Theme>;
+    css?: import("styled-components").Interpolation<import("../../react-base/src/theme").Theme>;
 }, "ref"> & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
 declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-} & import("..\..\react-base\src/components/Button/Button.types.js").IDefaultProps & {
-    sentiment?: import("..\..\react-base\src/components/Button/Button.types.js").OnSentiment;
-    sentimentProminence?: import("..\..\react-base\src/components/Button/Button.types.js").SentimentProminence;
+} & import("../../react-base/src/components/Button/Button.types.js").IDefaultProps & {
+    sentiment?: import("../../react-base/src/components/Button/Button.types.js").OnSentiment;
+    sentimentProminence?: import("../../react-base/src/components/Button/Button.types.js").SentimentProminence;
 } & {
-    css?: import("styled-components").Interpolation<import("..\..\react-base\src/theme").Theme>;
+    css?: import("styled-components").Interpolation<import("../../react-base/src/theme").Theme>;
 }, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-} & import("..\..\react-base\src/components/Button/Button.types.js").IDefaultProps & {
-    sentiment?: import("..\..\react-base\src/components/Button/Button.types.js").OnSentiment;
-    sentimentProminence?: import("..\..\react-base\src/components/Button/Button.types.js").SentimentProminence;
+} & import("../../react-base/src/components/Button/Button.types.js").IDefaultProps & {
+    sentiment?: import("../../react-base/src/components/Button/Button.types.js").OnSentiment;
+    sentimentProminence?: import("../../react-base/src/components/Button/Button.types.js").SentimentProminence;
 } & {
-    css?: import("styled-components").Interpolation<import("..\..\react-base\src/theme").Theme>;
+    css?: import("styled-components").Interpolation<import("../../react-base/src/theme").Theme>;
 }, "ref"> & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
 export { ActionButton, Actions, Alert, AutoCloseContainer, AlertContentContainer, AlertTitle, AlertMessage, AlertMessageContainer, CloseButton, HighlightIndicator, IconContainer, InnerContainer, MessageAndButtonContainer, MessageAndIconVerticalContainer, };
 //# sourceMappingURL=Alert.styles.d.ts.map

package/build/esm/components/Alert/Alert.types.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { ComponentPropsWithoutRef } from 'react';
-import type { Action } from '..\..\react-base\src/types';
-import type { AlertTypes } from '..\..\react-base\src/components/Alert';
+import type { Action } from '../../react-base/src/types';
+import type { AlertTypes } from '../../react-base/src/components/Alert';
 import type { IButtonProps } from '../Button/Button.types';
 export type AlertAction = Action<Omit<IButtonProps, 'size' | 'variant'>>;
 export type IAlertProps = ComponentPropsWithoutRef<'div'> & AlertTypes.IProps;

package/build/esm/components/Alert/utils/alertUtils.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-import { Sizes } from '..\..\..\react-base\src/consts';
-import type { TextTypes } from '..\..\..\react-base\src/components/Text';
-import type { TypographySize } from '..\..\..\react-base\src/theme';
-import type { AlertTypes } from '..\..\..\react-base\src/components/Alert';
+import { Sizes } from '../../../react-base/src/consts';
+import type { TextTypes } from '../../../react-base/src/components/Text';
+import type { TypographySize } from '../../../react-base/src/theme';
+import type { AlertTypes } from '../../../react-base/src/components/Alert';
 export declare const getAlertButtonSize: (size?: AlertTypes.Size) => Sizes.XSmall | Sizes.Small | Sizes.Medium;
 export declare const getAlertCloseButtonSize: (size?: AlertTypes.Size) => Sizes.XSmall | Sizes.Small | Sizes.Medium;
 export declare const getAlertBodySize: (size: AlertTypes.Size) => TypographySize<"paragraph">;

package/build/esm/components/Avatar/Avatar.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { type ReactElement } from 'react';
-import { type AvatarTypes } from '..\..\react-base\src/components/Avatar';
+import { type AvatarTypes } from '../../react-base/src/components/Avatar';
 import { FlagName } from '../Flag/Flag.types';
 /**
  * Avatar component

package/build/esm/components/Avatar/Avatar.styles.d.ts CHANGED Viewed

@@ -1,19 +1,19 @@
-import { type AvatarTypes } from '..\..\react-base\src/components/Avatar';
-import type { PickTransient } from '..\..\react-base\src/types';
+import { type AvatarTypes } from '../../react-base/src/components/Avatar';
+import type { PickTransient } from '../../react-base/src/types';
 import type { IAvatarProps } from './Avatar.types';
 declare const NoImageCircleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<PickTransient<IAvatarProps, "size">>>> & string;
 declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-} & import("..\..\react-base\src/components/Button/Button.types.js").IDefaultProps & {
-    css?: import("styled-components").Interpolation<import("..\..\react-base\src/theme").Theme>;
+} & import("../../react-base/src/components/Button/Button.types.js").IDefaultProps & {
+    css?: import("styled-components").Interpolation<import("../../react-base/src/theme").Theme>;
 }, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, {
     $visible?: boolean;
 }>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-} & import("..\..\react-base\src/components/Button/Button.types.js").IDefaultProps & {
-    css?: import("styled-components").Interpolation<import("..\..\react-base\src/theme").Theme>;
+} & import("../../react-base/src/components/Button/Button.types.js").IDefaultProps & {
+    css?: import("styled-components").Interpolation<import("../../react-base/src/theme").Theme>;
 }, "ref"> & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
 declare const AvatarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AvatarTypes.IAvatarWrapperProps>> & string;
 declare const Avatar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<PickTransient<IAvatarProps, "size">>>> & string;

package/build/esm/components/Avatar/Avatar.types.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { ComponentPropsWithoutRef } from 'react';
-import type { AvatarTypes } from '..\..\react-base\src/components/Avatar';
+import type { AvatarTypes } from '../../react-base/src/components/Avatar';
 import type { FlagName } from '../Flag/Flag.types';
 export type IAvatarProps = ComponentPropsWithoutRef<'div'> & AvatarTypes.IAvatarProps<FlagName>;
 export type ISimpleAvatarProps = ComponentPropsWithoutRef<'div'> & AvatarTypes.SimpleAvatarProps<FlagName>;

package/build/esm/components/Avatar/DetailedAvatar.styles.d.ts CHANGED Viewed

@@ -1,15 +1,15 @@
-import type { PickTransient } from '..\..\react-base\src/types';
+import type { PickTransient } from '../../react-base/src/types';
 import type { IDetailedAvatarProps } from './Avatar.types';
 type DetailedAvatarStyledProps = Required<PickTransient<IDetailedAvatarProps, 'size'>> & PickTransient<IDetailedAvatarProps, 'multiline'>;
 export declare const DetailedAvatar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<PickTransient<IDetailedAvatarProps, "size">> & PickTransient<IDetailedAvatarProps, "multiline"> & Required<PickTransient<IDetailedAvatarProps, "interactive">>>> & string;
-export declare const AvatarDetailsTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("..\..\react-base\src/components/Text/components/Label/Label.types.js").IProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
+export declare const AvatarDetailsTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("../../react-base/src/components/Text/components/Label/Label.types.js").IProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}) | (Omit<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("..\..\react-base\src/components/Text/components/Label/Label.types.js").IProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
+}) | (Omit<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("../../react-base/src/components/Text/components/Label/Label.types.js").IProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }), Required<Pick<IDetailedAvatarProps, "size">> & PickTransient<IDetailedAvatarProps, "multiline">>> & string & Omit<import("react").ForwardRefExoticComponent<import("../..").ILabelProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const AvatarDetailsLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("..\..\react-base\src/components/Text/components/Label/Label.types.js").IProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
+export declare const AvatarDetailsLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("../../react-base/src/components/Text/components/Label/Label.types.js").IProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}) | (Omit<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("..\..\react-base\src/components/Text/components/Label/Label.types.js").IProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
+}) | (Omit<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("../../react-base/src/components/Text/components/Label/Label.types.js").IProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }), PickTransient<IDetailedAvatarProps, "multiline">>> & string & Omit<import("react").ForwardRefExoticComponent<import("../..").ILabelProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const DetailedAvatarDetails: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DetailedAvatarStyledProps>> & string;

package/build/esm/components/Avatar/DropdownAvatar.styles.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { PickTransient } from '..\..\react-base\src/types';
+import type { PickTransient } from '../../react-base/src/types';
 import type { IDropdownAvatarProps } from './Avatar.types';
 export declare const DropdownAvatar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Required<PickTransient<IDropdownAvatarProps, "size">> & Required<PickTransient<IDropdownAvatarProps, "interactive">>>> & string;
 export declare const DropdownAvatarChevron: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<PickTransient<IDropdownAvatarProps, "size">>>> & string;

package/build/esm/components/Avatar/SimpleAvatar.styles.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { PickTransient } from '..\..\react-base\src/types';
+import type { PickTransient } from '../../react-base/src/types';
 import type { ISimpleAvatarProps } from './Avatar.types';
 export declare const SimpleAvatar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<PickTransient<ISimpleAvatarProps, "size" | "interactive">>>> & string;
 export declare const Image: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;

package/build/esm/components/Avatar/utils/useDetailedProps.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { ComponentPropsWithoutRef, ElementType } from 'react';
-import type { AvatarTypes } from '..\..\..\react-base\src/components/Avatar';
+import type { AvatarTypes } from '../../../react-base/src/components/Avatar';
 import type { IDetailedAvatarProps } from '../Avatar.types';
 import { type SimpleTransformerResult, type VariantType } from './useSimpleProps';
 type DetailedAvatarPropsTransform<Variant extends VariantType> = Omit<IDetailedAvatarProps & {

package/build/esm/components/Avatar/utils/useDropdownProps.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { ComponentPropsWithoutRef } from 'react';
-import type { AvatarTypes } from '..\..\..\react-base\src/components/Avatar';
+import type { AvatarTypes } from '../../../react-base/src/components/Avatar';
 import type { IDropdownAvatarProps } from '../Avatar.types';
 import { type SimpleTransformerResult, type VariantType } from './useSimpleProps';
 import { type DetailedTransformerResult } from './useDetailedProps';

package/build/esm/components/Avatar/utils/useSimpleProps.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { ComponentPropsWithoutRef } from 'react';
-import type { AvatarTypes } from '..\..\..\react-base\src/components/Avatar';
+import type { AvatarTypes } from '../../../react-base/src/components/Avatar';
 import type { ISimpleAvatarProps } from '../Avatar.types';
 import type { FlagName } from '../../Flag/Flag.types';
 export type VariantType = NonNullable<ISimpleAvatarProps['variant']>;

package/build/esm/components/Badge/Badge.styles.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { BadgeTypes } from '..\..\react-base\src/components/Badge';
-import { PickTransient } from '..\..\react-base\src/types';
+import { BadgeTypes } from '../../react-base/src/components/Badge';
+import { PickTransient } from '../../react-base/src/types';
 declare const Badge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<PickTransient<BadgeTypes.IProps, "sentiment" | "variant" | "size" | "fixedWidth">>>> & string;
 declare const BadgeText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Required<PickTransient<BadgeTypes.IProps, "size">>>> & string;
 export { Badge, BadgeText };

package/build/esm/components/Badge/Badge.types.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { ComponentPropsWithoutRef } from 'react';
-import type { BadgeTypes } from '..\..\react-base\src/components/Badge';
+import type { BadgeTypes } from '../../react-base/src/components/Badge';
 export interface IBadgeProps extends BadgeTypes.IProps, ComponentPropsWithoutRef<'div'> {
 }
 //# sourceMappingURL=Badge.types.d.ts.map

package/build/esm/components/Breadcrumb/Breadcrumb.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { BreadcrumbTypes } from '..\..\react-base\src/components/Breadcrumb';
+import type { BreadcrumbTypes } from '../../react-base/src/components/Breadcrumb';
 declare const Breadcrumb: import("react").ForwardRefExoticComponent<BreadcrumbTypes.IProps & import("react").RefAttributes<HTMLUListElement>>;
 export default Breadcrumb;
 //# sourceMappingURL=Breadcrumb.d.ts.map

package/build/esm/components/Breadcrumb/Breadcrumb.styles.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { type BreadcrumbTypes } from '..\..\react-base\src/components/Breadcrumb';
-import type { PickTransient } from '..\..\react-base\src/types';
+import { type BreadcrumbTypes } from '../../react-base/src/components/Breadcrumb';
+import type { PickTransient } from '../../react-base/src/types';
 type BreadcrumbItemProps = {
     href?: string;
     $iconPosition?: BreadcrumbTypes.IconPosition;

package/build/esm/components/Breadcrumb/Breadcrumb.types.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import type { BreadcrumbTypes } from '..\..\react-base\src/components/Breadcrumb';
+import type { BreadcrumbTypes } from '../../react-base/src/components/Breadcrumb';
 export type IBreadcrumbProps = BreadcrumbTypes.IProps;
 //# sourceMappingURL=Breadcrumb.types.d.ts.map

package/build/esm/components/Breadcrumb/components/Separator/Separator.styles.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { type BreadcrumbTypes } from '..\..\..\..\react-base\src/components/Breadcrumb';
+import { type BreadcrumbTypes } from '../../../../react-base/src/components/Breadcrumb';
 declare const TextSeparator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     $size: BreadcrumbTypes.Size;
 }>> & string;

package/build/esm/components/Breadcrumb/components/Separator/Separator.types.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { BreadcrumbTypes } from '..\..\..\..\react-base\src/components/Breadcrumb';
+import type { BreadcrumbTypes } from '../../../../react-base/src/components/Breadcrumb';
 export interface ISeparatorProps {
     size: BreadcrumbTypes.Size;
     separator: ReactNode;

package/build/esm/components/Breadcrumb/utils/renderUtils.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import type { BreadcrumbTypes } from '..\..\..\react-base\src/components/Breadcrumb';
+import type { BreadcrumbTypes } from '../../../react-base/src/components/Breadcrumb';
 export declare const defaultRenderPath: BreadcrumbTypes.RenderPathFn;
 //# sourceMappingURL=renderUtils.d.ts.map

package/build/esm/components/Button/Button.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 declare const Button: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-} & import("..\..\react-base\src/components/Button/Button.types.js").IDefaultProps & {
-    css?: import("styled-components").Interpolation<import("..\..\react-base\src/theme").Theme>;
+} & import("../../react-base/src/components/Button/Button.types.js").IDefaultProps & {
+    css?: import("styled-components").Interpolation<import("../../react-base/src/theme").Theme>;
 }, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export default Button;
 //# sourceMappingURL=Button.d.ts.map

package/build/esm/components/Button/Button.styles.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { type ButtonTypes } from '..\..\react-base\src/components/Button';
+import { type ButtonTypes } from '../../react-base/src/components/Button';
 import type { StyledButtonProps, StyledOnBrandButtonProps, StyledOnSelectedButtonProps, StyledOnSentimentButtonProps, StyledSentimentButtonProps } from './Button.types';
 export declare const ButtonLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const ButtonLabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;