npm - acinguiux-ds-react-framework - Versions diffs - 0.1.21 → 0.1.23 - Mend

acinguiux-ds-react-framework 0.1.21 → 0.1.23

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 (4598) hide show

package/build/cjs/providers/theme/AcinguiuxThemeProvider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("../../react-base/src/theme/types/layer.js");const u=require("../../react-base/src/theme/theme.js"),r=require("acinguiux-ds-fabrics"),c=require("../../react-base/src/providers/BaseProvider.js"),t=require("styled-components"),h=require("../translations/I18nextProvider.js"),d=require("../../styles/GlobalStyles.js"),a={light:r.LightMode,dark:r.DarkMode,rechargeLight:r.RechargeLightMode,rechargeDark:r.RechargeDarkMode},l=({theme:i="light",children:s,i18n:o})=>{const n=a[i];return e.jsx(c.BaseProvider,{useTheme:t.useTheme,children:e.jsx(h.I18nextProvider,{i18n:o,children:e.jsxs(t.ThemeProvider,{theme:u.generateTheme(n),children:[e.jsx(d.GlobalStyles,{}),s]})})})};exports.AcinguiuxThemeProvider=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),h=require("../../react-base/src/theme/theme.js"),r=require("acinguiux-ds-fabrics"),u=require("../../react-base/src/providers/BaseProvider.js"),i=require("styled-components"),d=require("../translations/I18nextProvider.js"),a=require("../../styles/GlobalStyles.js"),l={light:r.LightMode,dark:r.DarkMode,rechargeLight:r.RechargeLightMode,rechargeDark:r.RechargeDarkMode},g=({theme:t="light",children:s,i18n:o})=>{const n=l[t],c={...h.generateTheme(n),name:t};return e.jsx(u.BaseProvider,{useTheme:i.useTheme,children:e.jsx(d.I18nextProvider,{i18n:o,children:e.jsxs(i.ThemeProvider,{theme:c,children:[e.jsx(a.GlobalStyles,{}),s]})})})};exports.AcinguiuxThemeProvider=g;
 //# sourceMappingURL=AcinguiuxThemeProvider.js.map

package/build/cjs/providers/theme/AcinguiuxThemeProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AcinguiuxThemeProvider.js","sources":["../../../../src/providers/theme/AcinguiuxThemeProvider.tsx"],"sourcesContent":["import type { ReactNode, ReactElement } from 'react';\n\nimport { type ThemeMode, type Mode, generateTheme } from 'acinguiux-ds-react-base/theme';\nimport { LightMode, DarkMode, RechargeLightMode, RechargeDarkMode } from 'acinguiux-ds-fabrics';\nimport { BaseProvider } from 'acinguiux-ds-react-base/providers/BaseProvider';\nimport { ThemeProvider, useTheme } from 'styled-components';\nimport type { i18n as I18n } from 'i18next';\n\nimport { I18nextProvider } from '../translations/I18nextProvider';\nimport { GlobalStyles } from '../../styles/GlobalStyles';\n\nexport interface IThemeProviderProps {\n theme: ThemeMode;\n children?: ReactNode;\n i18n?: I18n;\n}\n\nconst themes: Record<ThemeMode, Mode> = {\n light: LightMode,\n dark: DarkMode,\n rechargeLight: RechargeLightMode,\n rechargeDark: RechargeDarkMode,\n} as const;\n\nexport const AcinguiuxThemeProvider = ({\n theme: themeName = 'light',\n children,\n i18n,\n}: IThemeProviderProps): ReactElement => {\n const theme = themes[themeName];\n\n return (\n <BaseProvider useTheme={useTheme}>\n <I18nextProvider i18n={i18n}>\n <ThemeProvider theme={~~generateTheme(theme)~~}>\n <GlobalStyles />\n {children}\n </ThemeProvider>\n </I18nextProvider>\n </BaseProvider>\n );\n};\n"],"names":["themes","LightMode","DarkMode","RechargeLightMode","RechargeDarkMode","AcinguiuxThemeProvider","themeName","children","i18n","theme","jsx","BaseProvider","useTheme","I18nextProvider","jsxs","ThemeProvider","~~generateTheme","~~GlobalStyles"],"mappings":"~~odAiBMA~~,EAAkC,CACtC,MAAOC,EAAAA,UACP,KAAMC,EAAAA,SACN,cAAeC,EAAAA,kBACf,aAAcC,EAAAA,gBAChB,EAEaC,EAAyB,CAAC,CACrC,MAAOC,EAAY,QACnB,SAAAC,EACA,KAAAC,CACF,IAAyC,CACvC,MAAMC,EAAQT,EAAOM,CAAS,~~EAE9B~~,~~OACEI~~,~~EAAAA~~,~~IAACC~~,EAAAA,~~aAAA~~,CAAA,~~SAAaC~~,EAAAA,SACZ,SAAAF,EAAAA,IAACG,EAAAA,~~gBAAA~~,~~CAAgB~~,~~KAAAL,~~EACf,~~SAAAM~~,EAAAA,KAACC,EAAAA,cAAA,CAAc,~~MAAOC~~,~~EAAAA~~,~~cAAcP,CAAK,EACvC,~~SAAA,~~CAAAC~~,EAAAA,~~IAACO~~,EAAAA,aAAA,EAAa,~~EACbV~~,CAAA,CAAA,CACH,EACF,EACF,CAEJ"}
1	+ {"version":3,"file":"AcinguiuxThemeProvider.js","sources":["../../../../src/providers/theme/AcinguiuxThemeProvider.tsx"],"sourcesContent":["import type { ReactNode, ReactElement } from 'react';\r\n\r\nimport { type ThemeMode, type Mode, generateTheme } from 'acinguiux-ds-react-base/theme';\r\nimport { LightMode, DarkMode, RechargeLightMode, RechargeDarkMode } from 'acinguiux-ds-fabrics';\r\nimport { BaseProvider } from 'acinguiux-ds-react-base/providers/BaseProvider';\r\nimport { ThemeProvider, useTheme } from 'styled-components';\r\nimport type { i18n as I18n } from 'i18next';\r\n\r\nimport { I18nextProvider } from '../translations/I18nextProvider';\r\nimport { GlobalStyles } from '../../styles/GlobalStyles';\r\n\r\nexport interface IThemeProviderProps {\r\n theme: ThemeMode;\r\n children?: ReactNode;\r\n i18n?: I18n;\r\n}\r\n\r\nconst themes: Record<ThemeMode, Mode> = {\r\n light: LightMode,\r\n dark: DarkMode,\r\n rechargeLight: RechargeLightMode,\r\n rechargeDark: RechargeDarkMode,\r\n} as const;\r\n\r\nexport const AcinguiuxThemeProvider = ({\r\n theme: themeName = 'light',\r\n children,\r\n i18n,\r\n}: IThemeProviderProps): ReactElement => {\r\n const theme = themes[themeName];\r\n const generatedTheme = { ...generateTheme(theme), name: themeName };\r\n\r\n return (\r\n <BaseProvider useTheme={useTheme}>\r\n <I18nextProvider i18n={i18n}>\r\n <ThemeProvider theme={generatedTheme}>\r\n <GlobalStyles />\r\n {children}\r\n </ThemeProvider>\r\n </I18nextProvider>\r\n </BaseProvider>\r\n );\r\n};\r\n"],"names":["themes","LightMode","DarkMode","RechargeLightMode","RechargeDarkMode","AcinguiuxThemeProvider","themeName","children","i18n","theme","generatedTheme","generateTheme","jsx","BaseProvider","useTheme","I18nextProvider","jsxs","ThemeProvider","GlobalStyles"],"mappings":"yZAiBMA,EAAkC,CACtC,MAAOC,EAAAA,UACP,KAAMC,EAAAA,SACN,cAAeC,EAAAA,kBACf,aAAcC,EAAAA,gBAChB,EAEaC,EAAyB,CAAC,CACrC,MAAOC,EAAY,QACnB,SAAAC,EACA,KAAAC,CACF,IAAyC,CACvC,MAAMC,EAAQT,EAAOM,CAAS,EACxBI,EAAiB,CAAE,GAAGC,EAAAA,cAAcF,CAAK,EAAG,KAAMH,CAAA,EAExD,OACEM,EAAAA,IAACC,EAAAA,uBAAaC,EAAAA,SACZ,SAAAF,EAAAA,IAACG,EAAAA,iBAAgB,KAAAP,EACf,SAAAQ,EAAAA,KAACC,EAAAA,cAAA,CAAc,MAAOP,EACpB,SAAA,CAAAE,EAAAA,IAACM,EAAAA,aAAA,EAAa,EACbX,CAAA,CAAA,CACH,EACF,EACF,CAEJ"}

package/build/cjs/providers/theme/FabricsThemeProvider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("../../react-base/src/theme/types/layer.js");const o=require("../../react-base/src/theme/theme.js"),n=require("../../react-base/src/providers/BaseProvider.js"),r=require("styled-components"),u=require("../translations/I18nextProvider.js"),l=require("../../styles/GlobalStyles.js"),c=({theme:s,children:t,i18n:i})=>e.jsx(n.BaseProvider,{useTheme:r.useTheme,children:e.jsx(u.I18nextProvider,{i18n:i,children:e.jsxs(r.ThemeProvider,{theme:o.generateTheme(s),children:[e.jsx(l.GlobalStyles,{}),t]})})});exports.FabricsThemeProvider=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("../../react-base/src/theme/theme.js"),n=require("../../react-base/src/providers/BaseProvider.js"),r=require("styled-components"),l=require("../translations/I18nextProvider.js"),u=require("../../styles/GlobalStyles.js"),c=({theme:s,children:t,i18n:i})=>e.jsx(n.BaseProvider,{useTheme:r.useTheme,children:e.jsx(l.I18nextProvider,{i18n:i,children:e.jsxs(r.ThemeProvider,{theme:o.generateTheme(s),children:[e.jsx(u.GlobalStyles,{}),t]})})});exports.FabricsThemeProvider=c;
 //# sourceMappingURL=FabricsThemeProvider.js.map

package/build/cjs/providers/theme/FabricsThemeProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FabricsThemeProvider.js","sources":["../../../../src/providers/theme/FabricsThemeProvider.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\n\nimport { generateTheme, type Mode } from 'acinguiux-ds-react-base/theme';\nimport { BaseProvider } from 'acinguiux-ds-react-base/providers/BaseProvider';\nimport { ThemeProvider, useTheme } from 'styled-components';\nimport type { i18n as I18n } from 'i18next';\n\nimport { I18nextProvider } from '../translations/I18nextProvider';\nimport { GlobalStyles } from '../../styles/GlobalStyles';\n\nexport interface IFabricsThemeProviderProps {\n theme: Mode;\n children?: ReactNode;\n i18n?: I18n;\n}\n\nexport const FabricsThemeProvider = ({ theme, children, i18n }: IFabricsThemeProviderProps): ReactElement => (\n <BaseProvider useTheme={useTheme}>\n <I18nextProvider i18n={i18n}>\n <ThemeProvider theme={generateTheme(theme)}>\n <GlobalStyles />\n {children}\n </ThemeProvider>\n </I18nextProvider>\n </BaseProvider>\n);\n"],"names":["FabricsThemeProvider","theme","children","i18n","jsx","BaseProvider","useTheme","I18nextProvider","jsxs","ThemeProvider","generateTheme","GlobalStyles"],"mappings":"~~kbAgBaA~~,EAAuB,CAAC,OAAEC,EAAO,SAAAC,EAAU,KAAAC,KACtDC,EAAAA,IAACC,EAAAA,aAAA,UAAaC,EAAAA,SACZ,SAAAF,EAAAA,IAACG,EAAAA,iBAAgB,KAAAJ,EACf,SAAAK,OAACC,EAAAA,eAAc,MAAOC,EAAAA,cAAcT,CAAK,EACvC,SAAA,CAAAG,EAAAA,IAACO,EAAAA,aAAA,EAAa,EACbT,CAAA,CAAA,CACH,EACF,CAAA,CACF"}
1	+ {"version":3,"file":"FabricsThemeProvider.js","sources":["../../../../src/providers/theme/FabricsThemeProvider.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\n\nimport { generateTheme, type Mode } from 'acinguiux-ds-react-base/theme';\nimport { BaseProvider } from 'acinguiux-ds-react-base/providers/BaseProvider';\nimport { ThemeProvider, useTheme } from 'styled-components';\nimport type { i18n as I18n } from 'i18next';\n\nimport { I18nextProvider } from '../translations/I18nextProvider';\nimport { GlobalStyles } from '../../styles/GlobalStyles';\n\nexport interface IFabricsThemeProviderProps {\n theme: Mode;\n children?: ReactNode;\n i18n?: I18n;\n}\n\nexport const FabricsThemeProvider = ({ theme, children, i18n }: IFabricsThemeProviderProps): ReactElement => (\n <BaseProvider useTheme={useTheme}>\n <I18nextProvider i18n={i18n}>\n <ThemeProvider theme={generateTheme(theme)}>\n <GlobalStyles />\n {children}\n </ThemeProvider>\n </I18nextProvider>\n </BaseProvider>\n);\n"],"names":["FabricsThemeProvider","theme","children","i18n","jsx","BaseProvider","useTheme","I18nextProvider","jsxs","ThemeProvider","generateTheme","GlobalStyles"],"mappings":"uXAgBaA,EAAuB,CAAC,OAAEC,EAAO,SAAAC,EAAU,KAAAC,KACtDC,EAAAA,IAACC,EAAAA,aAAA,UAAaC,EAAAA,SACZ,SAAAF,EAAAA,IAACG,EAAAA,iBAAgB,KAAAJ,EACf,SAAAK,OAACC,EAAAA,eAAc,MAAOC,EAAAA,cAAcT,CAAK,EACvC,SAAA,CAAAG,EAAAA,IAACO,EAAAA,aAAA,EAAa,EACbT,CAAA,CAAA,CACH,EACF,CAAA,CACF"}

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/theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme.js","sources":["../../../../../../react-base/src/theme/theme.ts"],"sourcesContent":["import type { Theme, ThemeInitFn } from './types/theme';\nimport { themeToDropShadows } from './dropShadows';\nimport { themeToGlobals } from './global';\nimport { themeToLayer } from './layer';\nimport { typography } from './typography';\nimport { colorFromVariable, themeToModes } from './modes';\n\nexport const generateTheme: ThemeInitFn<Theme> = (theme) => ({\n __DEPRECATED_DO_NOT_USE__: theme,\n dropShadows: themeToDropShadows(theme),\n globals: themeToGlobals(theme),\n layer: themeToLayer(theme),\n applyModes: themeToModes(theme),\n cssVariable: colorFromVariable,\n typography,\n});\n"],"names":["generateTheme","theme","themeToDropShadows","themeToGlobals","themeToLayer","themeToModes","colorFromVariable","typography"],"mappings":"sPAOaA,EAAqCC,IAAW,CAC3D,0BAA2BA,EAC3B,YAAaC,EAAAA,mBAAmBD,CAAK,EACrC,QAASE,EAAAA,eAAeF,CAAK,EAC7B,MAAOG,EAAAA,aAAaH,CAAK,EACzB,WAAYI,EAAAA,aAAaJ,CAAK,EAC9B,YAAaK,EAAAA,kBAAA,WACbC,EAAAA,UACF"}
1	+ {"version":3,"file":"theme.js","sources":["../../../../../../react-base/src/theme/theme.ts"],"sourcesContent":["import type { Theme, ThemeInitFn } from './types/theme';\r\nimport { themeToDropShadows } from './dropShadows';\r\nimport { themeToGlobals } from './global';\r\nimport { themeToLayer } from './layer';\r\nimport { typography } from './typography';\r\nimport { colorFromVariable, themeToModes } from './modes';\r\n\r\nexport const generateTheme: ThemeInitFn<Theme> = (theme) => ({\r\n __DEPRECATED_DO_NOT_USE__: theme,\r\n dropShadows: themeToDropShadows(theme),\r\n globals: themeToGlobals(theme),\r\n layer: themeToLayer(theme),\r\n applyModes: themeToModes(theme),\r\n cssVariable: colorFromVariable,\r\n typography,\r\n});\r\n"],"names":["generateTheme","theme","themeToDropShadows","themeToGlobals","themeToLayer","themeToModes","colorFromVariable","typography"],"mappings":"sPAOaA,EAAqCC,IAAW,CAC3D,0BAA2BA,EAC3B,YAAaC,EAAAA,mBAAmBD,CAAK,EACrC,QAASE,EAAAA,eAAeF,CAAK,EAC7B,MAAOG,EAAAA,aAAaH,CAAK,EACzB,WAAYI,EAAAA,aAAaJ,CAAK,EAC9B,YAAaK,EAAAA,kBAAA,WACbC,EAAAA,UACF"}

package/build/esm/components/Chart/Highcharts/HighchartsChart.js CHANGED Viewed

@@ -21,7 +21,7 @@ const R = m(
   ({ size: o = d.Medium, highcharts: t = i, options: r, option: s = [], ...f }, c) => {
     const h = g(r, o, s);
     return n(() => {
-      !a && typeof window < "u" && import("highcharts/modules/accessibility.js").then((p) => {
+      !a && typeof window < "u" && import("highcharts/modules/accessibility").then((p) => {
         p.default(i), a = !0;
       });
     }, []), /* @__PURE__ */ e(

package/build/esm/providers/theme/AcinguiuxThemeProvider.js CHANGED Viewed

@@ -1,24 +1,23 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import "../../react-base/src/theme/types/layer.js";
-import { generateTheme as h } from "../../react-base/src/theme/theme.js";
-import { RechargeDarkMode as d, RechargeLightMode as a, DarkMode as c, LightMode as g } from "acinguiux-ds-fabrics";
-import { BaseProvider as n } from "../../react-base/src/providers/BaseProvider.js";
-import { useTheme as s, ThemeProvider as p } from "styled-components";
-import { I18nextProvider as l } from "../translations/I18nextProvider.js";
-import { GlobalStyles as f } from "../../styles/GlobalStyles.js";
-const x = {
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { generateTheme as d } from "../../react-base/src/theme/theme.js";
+import { RechargeDarkMode as n, RechargeLightMode as a, DarkMode as c, LightMode as g } from "acinguiux-ds-fabrics";
+import { BaseProvider as s } from "../../react-base/src/providers/BaseProvider.js";
+import { useTheme as l, ThemeProvider as p } from "styled-components";
+import { I18nextProvider as f } from "../translations/I18nextProvider.js";
+import { GlobalStyles as x } from "../../styles/GlobalStyles.js";
+const T = {
   light: g,
   dark: c,
   rechargeLight: a,
-  rechargeDark: d
+  rechargeDark: n
 }, j = ({
   theme: r = "light",
   children: o,
   i18n: t
 }) => {
-  const m = x[r];
-  return /* @__PURE__ */ e(n, { useTheme: s, children: /* @__PURE__ */ e(l, { i18n: t, children: /* @__PURE__ */ i(p, { theme: h(m), children: [
-    /* @__PURE__ */ e(f, {}),
+  const m = T[r], i = { ...d(m), name: r };
+  return /* @__PURE__ */ e(s, { useTheme: l, children: /* @__PURE__ */ e(f, { i18n: t, children: /* @__PURE__ */ h(p, { theme: i, children: [
+    /* @__PURE__ */ e(x, {}),
     o
   ] }) }) });
 };

package/build/esm/providers/theme/AcinguiuxThemeProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AcinguiuxThemeProvider.js","sources":["../../../../src/providers/theme/AcinguiuxThemeProvider.tsx"],"sourcesContent":["import type { ReactNode, ReactElement } from 'react';\n\nimport { type ThemeMode, type Mode, generateTheme } from 'acinguiux-ds-react-base/theme';\nimport { LightMode, DarkMode, RechargeLightMode, RechargeDarkMode } from 'acinguiux-ds-fabrics';\nimport { BaseProvider } from 'acinguiux-ds-react-base/providers/BaseProvider';\nimport { ThemeProvider, useTheme } from 'styled-components';\nimport type { i18n as I18n } from 'i18next';\n\nimport { I18nextProvider } from '../translations/I18nextProvider';\nimport { GlobalStyles } from '../../styles/GlobalStyles';\n\nexport interface IThemeProviderProps {\n theme: ThemeMode;\n children?: ReactNode;\n i18n?: I18n;\n}\n\nconst themes: Record<ThemeMode, Mode> = {\n light: LightMode,\n dark: DarkMode,\n rechargeLight: RechargeLightMode,\n rechargeDark: RechargeDarkMode,\n} as const;\n\nexport const AcinguiuxThemeProvider = ({\n theme: themeName = 'light',\n children,\n i18n,\n}: IThemeProviderProps): ReactElement => {\n const theme = themes[themeName];\n\n return (\n <BaseProvider useTheme={useTheme}>\n <I18nextProvider i18n={i18n}>\n <ThemeProvider theme={~~generateTheme(theme)~~}>\n <GlobalStyles />\n {children}\n </ThemeProvider>\n </I18nextProvider>\n </BaseProvider>\n );\n};\n"],"names":["themes","LightMode","DarkMode","RechargeLightMode","RechargeDarkMode","AcinguiuxThemeProvider","themeName","children","i18n","theme","jsx","BaseProvider","useTheme","I18nextProvider","jsxs","ThemeProvider","~~generateTheme","~~GlobalStyles"],"mappings":"~~;;;;;;;;~~AAiBA,MAAMA,IAAkC;AAAA,EACtC,OAAOC;AAAA,EACP,MAAMC;AAAA,EACN,eAAeC;AAAA,EACf,cAAcC;AAChB,GAEaC,IAAyB,CAAC;AAAA,EACrC,OAAOC,IAAY;AAAA,EACnB,UAAAC;AAAA,EACA,MAAAC;AACF,MAAyC;AACvC,QAAMC,IAAQT,EAAOM,CAAS;~~AAE9B~~,SACE,~~gBAAAI~~,EAACC,~~GAAA~~,~~EAAa,~~UAAAC,GACZ,UAAA,gBAAAF,EAACG,~~GAAA~~,~~EAAgB~~,~~MAAAL,~~GACf,UAAA,~~gBAAAM~~,EAACC,GAAA,EAAc,~~OAAOC~~,~~EAAcP~~,~~CAAK,GACvC,~~UAAA;AAAA,IAAA,~~gBAAAC~~,~~EAACO~~,GAAA,EAAa;AAAA,~~IACbV~~;AAAA,EAAA,EAAA,CACH,GACF,GACF;AAEJ;"}
1	+ {"version":3,"file":"AcinguiuxThemeProvider.js","sources":["../../../../src/providers/theme/AcinguiuxThemeProvider.tsx"],"sourcesContent":["import type { ReactNode, ReactElement } from 'react';\r\n\r\nimport { type ThemeMode, type Mode, generateTheme } from 'acinguiux-ds-react-base/theme';\r\nimport { LightMode, DarkMode, RechargeLightMode, RechargeDarkMode } from 'acinguiux-ds-fabrics';\r\nimport { BaseProvider } from 'acinguiux-ds-react-base/providers/BaseProvider';\r\nimport { ThemeProvider, useTheme } from 'styled-components';\r\nimport type { i18n as I18n } from 'i18next';\r\n\r\nimport { I18nextProvider } from '../translations/I18nextProvider';\r\nimport { GlobalStyles } from '../../styles/GlobalStyles';\r\n\r\nexport interface IThemeProviderProps {\r\n theme: ThemeMode;\r\n children?: ReactNode;\r\n i18n?: I18n;\r\n}\r\n\r\nconst themes: Record<ThemeMode, Mode> = {\r\n light: LightMode,\r\n dark: DarkMode,\r\n rechargeLight: RechargeLightMode,\r\n rechargeDark: RechargeDarkMode,\r\n} as const;\r\n\r\nexport const AcinguiuxThemeProvider = ({\r\n theme: themeName = 'light',\r\n children,\r\n i18n,\r\n}: IThemeProviderProps): ReactElement => {\r\n const theme = themes[themeName];\r\n const generatedTheme = { ...generateTheme(theme), name: themeName };\r\n\r\n return (\r\n <BaseProvider useTheme={useTheme}>\r\n <I18nextProvider i18n={i18n}>\r\n <ThemeProvider theme={generatedTheme}>\r\n <GlobalStyles />\r\n {children}\r\n </ThemeProvider>\r\n </I18nextProvider>\r\n </BaseProvider>\r\n );\r\n};\r\n"],"names":["themes","LightMode","DarkMode","RechargeLightMode","RechargeDarkMode","AcinguiuxThemeProvider","themeName","children","i18n","theme","generatedTheme","generateTheme","jsx","BaseProvider","useTheme","I18nextProvider","jsxs","ThemeProvider","GlobalStyles"],"mappings":";;;;;;;AAiBA,MAAMA,IAAkC;AAAA,EACtC,OAAOC;AAAA,EACP,MAAMC;AAAA,EACN,eAAeC;AAAA,EACf,cAAcC;AAChB,GAEaC,IAAyB,CAAC;AAAA,EACrC,OAAOC,IAAY;AAAA,EACnB,UAAAC;AAAA,EACA,MAAAC;AACF,MAAyC;AACvC,QAAMC,IAAQT,EAAOM,CAAS,GACxBI,IAAiB,EAAE,GAAGC,EAAcF,CAAK,GAAG,MAAMH,EAAA;AAExD,SACE,gBAAAM,EAACC,KAAa,UAAAC,GACZ,UAAA,gBAAAF,EAACG,KAAgB,MAAAP,GACf,UAAA,gBAAAQ,EAACC,GAAA,EAAc,OAAOP,GACpB,UAAA;AAAA,IAAA,gBAAAE,EAACM,GAAA,EAAa;AAAA,IACbX;AAAA,EAAA,EAAA,CACH,GACF,GACF;AAEJ;"}

package/build/esm/providers/theme/FabricsThemeProvider.js CHANGED Viewed

@@ -1,15 +1,14 @@
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import "../../react-base/src/theme/types/layer.js";
 import { generateTheme as t } from "../../react-base/src/theme/theme.js";
 import { BaseProvider as h } from "../../react-base/src/providers/BaseProvider.js";
-import { useTheme as p, ThemeProvider as s } from "styled-components";
-import { I18nextProvider as d } from "../translations/I18nextProvider.js";
+import { useTheme as s, ThemeProvider as d } from "styled-components";
+import { I18nextProvider as p } from "../translations/I18nextProvider.js";
 import { GlobalStyles as f } from "../../styles/GlobalStyles.js";
-const T = ({ theme: e, children: o, i18n: m }) => /* @__PURE__ */ r(h, { useTheme: p, children: /* @__PURE__ */ r(d, { i18n: m, children: /* @__PURE__ */ i(s, { theme: t(e), children: [
+const P = ({ theme: e, children: o, i18n: m }) => /* @__PURE__ */ r(h, { useTheme: s, children: /* @__PURE__ */ r(p, { i18n: m, children: /* @__PURE__ */ i(d, { theme: t(e), children: [
   /* @__PURE__ */ r(f, {}),
   o
 ] }) }) });
 export {
-  T as FabricsThemeProvider
+  P as FabricsThemeProvider
 };
 //# sourceMappingURL=FabricsThemeProvider.js.map

package/build/esm/providers/theme/FabricsThemeProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FabricsThemeProvider.js","sources":["../../../../src/providers/theme/FabricsThemeProvider.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\n\nimport { generateTheme, type Mode } from 'acinguiux-ds-react-base/theme';\nimport { BaseProvider } from 'acinguiux-ds-react-base/providers/BaseProvider';\nimport { ThemeProvider, useTheme } from 'styled-components';\nimport type { i18n as I18n } from 'i18next';\n\nimport { I18nextProvider } from '../translations/I18nextProvider';\nimport { GlobalStyles } from '../../styles/GlobalStyles';\n\nexport interface IFabricsThemeProviderProps {\n theme: Mode;\n children?: ReactNode;\n i18n?: I18n;\n}\n\nexport const FabricsThemeProvider = ({ theme, children, i18n }: IFabricsThemeProviderProps): ReactElement => (\n <BaseProvider useTheme={useTheme}>\n <I18nextProvider i18n={i18n}>\n <ThemeProvider theme={generateTheme(theme)}>\n <GlobalStyles />\n {children}\n </ThemeProvider>\n </I18nextProvider>\n </BaseProvider>\n);\n"],"names":["FabricsThemeProvider","theme","children","i18n","jsx","BaseProvider","useTheme","I18nextProvider","jsxs","ThemeProvider","generateTheme","GlobalStyles"],"mappings":"~~;;;;;;;~~AAgBO,MAAMA,IAAuB,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,MAAAC,QACtD,gBAAAC,EAACC,GAAA,EAAa,UAAAC,GACZ,UAAA,gBAAAF,EAACG,KAAgB,MAAAJ,GACf,UAAA,gBAAAK,EAACC,KAAc,OAAOC,EAAcT,CAAK,GACvC,UAAA;AAAA,EAAA,gBAAAG,EAACO,GAAA,EAAa;AAAA,EACbT;AAAA,EAAA,CACH,GACF,EAAA,CACF;"}
1	+ {"version":3,"file":"FabricsThemeProvider.js","sources":["../../../../src/providers/theme/FabricsThemeProvider.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\n\nimport { generateTheme, type Mode } from 'acinguiux-ds-react-base/theme';\nimport { BaseProvider } from 'acinguiux-ds-react-base/providers/BaseProvider';\nimport { ThemeProvider, useTheme } from 'styled-components';\nimport type { i18n as I18n } from 'i18next';\n\nimport { I18nextProvider } from '../translations/I18nextProvider';\nimport { GlobalStyles } from '../../styles/GlobalStyles';\n\nexport interface IFabricsThemeProviderProps {\n theme: Mode;\n children?: ReactNode;\n i18n?: I18n;\n}\n\nexport const FabricsThemeProvider = ({ theme, children, i18n }: IFabricsThemeProviderProps): ReactElement => (\n <BaseProvider useTheme={useTheme}>\n <I18nextProvider i18n={i18n}>\n <ThemeProvider theme={generateTheme(theme)}>\n <GlobalStyles />\n {children}\n </ThemeProvider>\n </I18nextProvider>\n </BaseProvider>\n);\n"],"names":["FabricsThemeProvider","theme","children","i18n","jsx","BaseProvider","useTheme","I18nextProvider","jsxs","ThemeProvider","generateTheme","GlobalStyles"],"mappings":";;;;;;AAgBO,MAAMA,IAAuB,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,MAAAC,QACtD,gBAAAC,EAACC,GAAA,EAAa,UAAAC,GACZ,UAAA,gBAAAF,EAACG,KAAgB,MAAAJ,GACf,UAAA,gBAAAK,EAACC,KAAc,OAAOC,EAAcT,CAAK,GACvC,UAAA;AAAA,EAAA,gBAAAG,EAACO,GAAA,EAAa;AAAA,EACbT;AAAA,EAAA,CACH,GACF,EAAA,CACF;"}

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

@@ -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 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":"~~;;;;~~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;"}
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;"}

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

@@ -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 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":"~~;;;;~~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;"}
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;"}

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

@@ -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 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":"~~;;;~~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;"}
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;"}

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

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