acinguiux-ds-react-framework 0.1.18 → 0.1.19

package/build/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/esm/libs/i18next/consts.d.ts

@@ -0,0 +1,2 @@
+export declare const ACINGUIUX_NS = "acinguiux";
+//# sourceMappingURL=consts.d.ts.map

package/build/esm/libs/i18next/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/libs/i18next/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,cAAc,CAAC"}

package/build/esm/libs/i18next/consts.js

@@ -0,0 +1,5 @@
+const c = "acinguiux";
+export {
+  c as ACINGUIUX_NS
+};
+//# sourceMappingURL=consts.js.map

package/build/esm/libs/i18next/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sources":["../../../../src/libs/i18next/consts.ts"],"sourcesContent":["export const ACINGUIUX_NS = 'acinguiux';\n"],"names":["ACINGUIUX_NS"],"mappings":"AAAO,MAAMA,IAAe;"}

package/build/esm/libs/i18next/hooks/useTranslation.d.ts

@@ -0,0 +1,3 @@
+import { UseTranslationOptions } from 'react-i18next';
+export declare const useTranslation: <Key extends string>(key: Key, options: UseTranslationOptions<Key>) => import("react-i18next").UseTranslationResponse<"acinguiux", Key>;
+//# sourceMappingURL=useTranslation.d.ts.map

package/build/esm/libs/i18next/hooks/useTranslation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslation.d.ts","sourceRoot":"","sources":["../../../../../src/libs/i18next/hooks/useTranslation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAI5F,eAAO,MAAM,cAAc,GAAI,GAAG,SAAS,MAAM,OAAO,GAAG,WAAW,qBAAqB,CAAC,GAAG,CAAC,qEAC9B,CAAC"}

package/build/esm/libs/i18next/hooks/useTranslation.js

@@ -0,0 +1,7 @@
+import { useTranslation as s } from "react-i18next";
+import { ACINGUIUX_NS as a } from "../consts.js";
+const e = (o, r) => s(a, { keyPrefix: o, ...r });
+export {
+  e as useTranslation
+};
+//# sourceMappingURL=useTranslation.js.map

package/build/esm/libs/i18next/hooks/useTranslation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslation.js","sources":["../../../../../src/libs/i18next/hooks/useTranslation.ts"],"sourcesContent":["import { useTranslation as useBaseTranslation, UseTranslationOptions } from 'react-i18next';\n\nimport { ACINGUIUX_NS } from '../consts';\n\nexport const useTranslation = <Key extends string>(key: Key, options: UseTranslationOptions<Key>) =>\n  useBaseTranslation(ACINGUIUX_NS, { keyPrefix: key, ...options });\n"],"names":["useTranslation","key","options","useBaseTranslation","ACINGUIUX_NS"],"mappings":";;AAIO,MAAMA,IAAiB,CAAqBC,GAAUC,MAC3DC,EAAmBC,GAAc,EAAE,WAAWH,GAAK,GAAGC,EAAA,CAAS;"}

package/build/esm/libs/i18next/instance.d.ts

@@ -0,0 +1,4 @@
+import { type i18n } from 'i18next';
+declare const i18nInstance: i18n;
+export { i18nInstance };
+//# sourceMappingURL=instance.d.ts.map

package/build/esm/libs/i18next/instance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.d.ts","sourceRoot":"","sources":["../../../../src/libs/i18next/instance.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAMpD,QAAA,MAAM,YAAY,EAAE,IAMlB,CAAC;AAOH,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/build/esm/libs/i18next/instance.js

@@ -0,0 +1,19 @@
+import { createInstance as t } from "i18next";
+import o from "i18next-browser-languagedetector";
+import { initReactI18next as n } from "react-i18next";
+import { addComponentsResources as r } from "./resources.js";
+const e = t({
+  fallbackLng: "en",
+  resources: {},
+  interpolation: {
+    escapeValue: !1
+    // React already does escaping
+  }
+});
+e.use(o).use(n);
+e.init();
+r(e);
+export {
+  e as i18nInstance
+};
+//# sourceMappingURL=instance.js.map

package/build/esm/libs/i18next/instance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.js","sources":["../../../../src/libs/i18next/instance.ts"],"sourcesContent":["import { createInstance, type i18n } from 'i18next';\nimport LanguageDetector from 'i18next-browser-languagedetector';\nimport { initReactI18next } from 'react-i18next';\n\nimport { addComponentsResources } from './resources';\n\nconst i18nInstance: i18n = createInstance({\n  fallbackLng: 'en',\n  resources: {},\n  interpolation: {\n    escapeValue: false, // React already does escaping\n  },\n});\n\ni18nInstance.use(LanguageDetector).use(initReactI18next);\ni18nInstance.init();\n\naddComponentsResources(i18nInstance);\n\nexport { i18nInstance };\n"],"names":["i18nInstance","createInstance","LanguageDetector","initReactI18next","addComponentsResources"],"mappings":";;;;AAMA,MAAMA,IAAqBC,EAAe;AAAA,EACxC,aAAa;AAAA,EACb,WAAW,CAAA;AAAA,EACX,eAAe;AAAA,IACb,aAAa;AAAA;AAAA,EAAA;AAEjB,CAAC;AAEDD,EAAa,IAAIE,CAAgB,EAAE,IAAIC,CAAgB;AACvDH,EAAa,KAAA;AAEbI,EAAuBJ,CAAY;"}

package/build/esm/libs/i18next/resources.d.ts

@@ -0,0 +1,3 @@
+import { type i18n } from 'i18next';
+export declare const addComponentsResources: (instance: i18n) => void;
+//# sourceMappingURL=resources.d.ts.map

package/build/esm/libs/i18next/resources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resources.d.ts","sourceRoot":"","sources":["../../../../src/libs/i18next/resources.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAUpC,eAAO,MAAM,sBAAsB,aAAc,IAAI,KAAG,IAOvD,CAAC"}

package/build/esm/libs/i18next/resources.js

@@ -0,0 +1,16 @@
+import { ACINGUIUX_NS as a } from "./consts.js";
+import r from "../../react-base/src/components/Pagination/locales/en_GB.js";
+import t from "../../react-base/src/components/Pagination/locales/de.js";
+const i = (o, e, n) => {
+  o?.isInitialized && o.addResourceBundle(e, a, n, !0, !1);
+}, s = (o) => {
+  i(o, "en", {
+    pagination: r
+  }), i(o, "de", {
+    pagination: t
+  });
+};
+export {
+  s as addComponentsResources
+};
+//# sourceMappingURL=resources.js.map

package/build/esm/libs/i18next/resources.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resources.js","sources":["../../../../src/libs/i18next/resources.ts"],"sourcesContent":["import * as PaginationLocales from 'acinguiux-ds-react-base/components/Pagination/locales';\nimport { type i18n } from 'i18next';\n\nimport { ACINGUIUX_NS } from './consts';\n\nconst addResourceBundleForLang = (instance: i18n, lang: string, resources: object): void => {\n  if (instance?.isInitialized) {\n    instance.addResourceBundle(lang, ACINGUIUX_NS, resources, true, false);\n  }\n};\n\nexport const addComponentsResources = (instance: i18n): void => {\n  addResourceBundleForLang(instance, 'en', {\n    pagination: PaginationLocales.enGb,\n  });\n  addResourceBundleForLang(instance, 'de', {\n    pagination: PaginationLocales.de,\n  });\n};\n"],"names":["addResourceBundleForLang","instance","lang","resources","ACINGUIUX_NS","addComponentsResources","PaginationLocales.enGb","PaginationLocales.de"],"mappings":";;;AAKA,MAAMA,IAA2B,CAACC,GAAgBC,GAAcC,MAA4B;AAC1F,EAAIF,GAAU,iBACZA,EAAS,kBAAkBC,GAAME,GAAcD,GAAW,IAAM,EAAK;AAEzE,GAEaE,IAAyB,CAACJ,MAAyB;AAC9D,EAAAD,EAAyBC,GAAU,MAAM;AAAA,IACvC,YAAYK;AAAAA,EAAkB,CAC/B,GACDN,EAAyBC,GAAU,MAAM;AAAA,IACvC,YAAYM;AAAAA,EAAkB,CAC/B;AACH;"}

package/build/esm/libs/i18next/types.d.ts

@@ -0,0 +1,4 @@
+import type { TFunction as TFunctionBase } from 'i18next';
+import { ACINGUIUX_NS } from './consts';
+export type TFunction<Key = undefined> = TFunctionBase<typeof ACINGUIUX_NS, Key>;
+//# sourceMappingURL=types.d.ts.map

package/build/esm/libs/i18next/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/libs/i18next/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,SAAS,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,MAAM,SAAS,CAAC,GAAG,GAAG,SAAS,IAAI,aAAa,CAAC,OAAO,YAAY,EAAE,GAAG,CAAC,CAAC"}

package/build/esm/providers/theme/AcinguiuxThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AcinguiuxThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/providers/theme/AcinguiuxThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,KAAK,SAAS,EAA4B,MAAM,+BAA+B,CAAC;AAKzF,OAAO,KAAK,EAAE,IAAI,IAAI,IAAI,EAAE,MAAM,SAAS,CAAC;AAK5C,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AASD,eAAO,MAAM,sBAAsB,0CAIhC,mBAAmB,KAAG,YAaxB,CAAC"}
+{"version":3,"file":"AcinguiuxThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/providers/theme/AcinguiuxThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,KAAK,SAAS,EAA4B,MAAM,+BAA+B,CAAC;AAIzF,OAAO,KAAK,EAAE,IAAI,IAAI,IAAI,EAAE,MAAM,SAAS,CAAC;AAK5C,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AASD,eAAO,MAAM,sBAAsB,0CAIhC,mBAAmB,KAAG,YAaxB,CAAC"}

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

@@ -1,29 +1,27 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { generateTheme as h } from "../../react-base/src/theme/theme.js";
-import { RechargeDarkMode as d, RechargeLightMode as n, DarkMode as a, LightMode as c } from "acinguiux-ds-fabrics";
-import { BaseProvider as g } from "../../react-base/src/providers/BaseProvider.js";
-import { useTheme as p, ThemeProvider as s } from "styled-components";
-import { I18nextProvider as f } from "react-i18next";
-import "../../libs/i18next.js";
-import { GlobalStyles as l } from "../../styles/GlobalStyles.js";
-import x from "i18next";
-const k = {
-  light: c,
-  dark: a,
-  rechargeLight: n,
+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 l } from "styled-components";
+import { I18nextProvider as p } from "../translations/I18nextProvider.js";
+import { GlobalStyles as f } from "../../styles/GlobalStyles.js";
+const x = {
+  light: g,
+  dark: c,
+  rechargeLight: a,
   rechargeDark: d
-}, b = ({
+}, L = ({
   theme: r = "light",
   children: o,
   i18n: t
 }) => {
-  const i = k[r];
-  return /* @__PURE__ */ e(g, { useTheme: p, children: /* @__PURE__ */ e(f, { i18n: t ?? x, children: /* @__PURE__ */ m(s, { theme: h(i), children: [
-    /* @__PURE__ */ e(l, {}),
+  const m = x[r];
+  return /* @__PURE__ */ e(n, { useTheme: s, children: /* @__PURE__ */ e(p, { i18n: t, children: /* @__PURE__ */ i(l, { theme: h(m), children: [
+    /* @__PURE__ */ e(f, {}),
     o
   ] }) }) });
 };
 export {
-  b as AcinguiuxThemeProvider
+  L as AcinguiuxThemeProvider
 };
 //# sourceMappingURL=AcinguiuxThemeProvider.js.map

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

@@ -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 { I18nextProvider } from 'react-i18next';\nimport type { i18n as I18n } from 'i18next';\n\nimport baseI18n from '../../libs/i18next';\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 ?? baseI18n}>\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","baseI18n","jsxs","ThemeProvider","generateTheme","GlobalStyles"],"mappings":";;;;;;;;;AAkBA,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,MAAML,KAAQM,GAC7B,UAAA,gBAAAC,EAACC,GAAA,EAAc,OAAOC,EAAcR,CAAK,GACvC,UAAA;AAAA,IAAA,gBAAAC,EAACQ,GAAA,EAAa;AAAA,IACbX;AAAA,EAAA,EAAA,CACH,GACF,GACF;AAEJ;"}
+{"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;"}

package/build/esm/providers/theme/FabricsThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FabricsThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/providers/theme/FabricsThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAiB,KAAK,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAIzE,OAAO,KAAK,EAAE,IAAI,IAAI,IAAI,EAAE,MAAM,SAAS,CAAC;AAK5C,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,eAAO,MAAM,oBAAoB,8BAA+B,0BAA0B,KAAG,YAS5F,CAAC"}
+{"version":3,"file":"FabricsThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/providers/theme/FabricsThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAiB,KAAK,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAGzE,OAAO,KAAK,EAAE,IAAI,IAAI,IAAI,EAAE,MAAM,SAAS,CAAC;AAK5C,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,eAAO,MAAM,oBAAoB,8BAA+B,0BAA0B,KAAG,YAS5F,CAAC"}

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

@@ -1,16 +1,14 @@
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { generateTheme as t } from "../../react-base/src/theme/theme.js";
-import { BaseProvider as p } from "../../react-base/src/providers/BaseProvider.js";
-import { useTheme as h, ThemeProvider as n } from "styled-components";
-import { I18nextProvider as s } from "react-i18next";
-import "../../libs/i18next.js";
-import { GlobalStyles as d } from "../../styles/GlobalStyles.js";
-import f from "i18next";
-const j = ({ theme: e, children: o, i18n: m }) => /* @__PURE__ */ r(p, { useTheme: h, children: /* @__PURE__ */ r(s, { i18n: m ?? f, children: /* @__PURE__ */ i(n, { theme: t(e), children: [
-  /* @__PURE__ */ r(d, {}),
+import { BaseProvider as h } from "../../react-base/src/providers/BaseProvider.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 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 {
-  j as FabricsThemeProvider
+  P as FabricsThemeProvider
 };
 //# sourceMappingURL=FabricsThemeProvider.js.map

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

@@ -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 { I18nextProvider } from 'react-i18next';\nimport type { i18n as I18n } from 'i18next';\n\nimport baseI18n from '../../libs/i18next';\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 ?? baseI18n}>\n      <ThemeProvider theme={generateTheme(theme)}>\n        <GlobalStyles />\n        {children}\n      </ThemeProvider>\n    </I18nextProvider>\n  </BaseProvider>\n);\n"],"names":["FabricsThemeProvider","theme","children","i18n","BaseProvider","useTheme","I18nextProvider","baseI18n","jsxs","ThemeProvider","generateTheme","jsx","GlobalStyles"],"mappings":";;;;;;;;AAiBO,MAAMA,IAAuB,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,MAAAC,EAAA,wBACrDC,GAAA,EAAa,UAAAC,GACZ,4BAACC,GAAA,EAAgB,MAAMH,KAAQI,GAC7B,UAAA,gBAAAC,EAACC,KAAc,OAAOC,EAAcT,CAAK,GACvC,UAAA;AAAA,EAAA,gBAAAU,EAACC,GAAA,EAAa;AAAA,EACbV;AAAA,EAAA,CACH,GACF,EAAA,CACF;"}
+{"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/providers/translations/I18nextProvider.d.ts

@@ -0,0 +1,11 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { i18n as I18n } from 'i18next';
+export interface II18nextProviderProps {
+    children?: ReactNode;
+    i18n?: I18n;
+}
+export declare const I18nextProvider: ({ i18n, children }: {
+    i18n?: I18n;
+    children?: ReactNode;
+}) => ReactElement;
+//# sourceMappingURL=I18nextProvider.d.ts.map

package/build/esm/providers/translations/I18nextProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"I18nextProvider.d.ts","sourceRoot":"","sources":["../../../../src/providers/translations/I18nextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,IAAI,IAAI,IAAI,EAAE,MAAM,SAAS,CAAC;AAM5C,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,eAAO,MAAM,eAAe,uBAAwB;IAAE,IAAI,CAAC,EAAE,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,KAAG,YAS3F,CAAC"}

package/build/esm/providers/translations/I18nextProvider.js

@@ -0,0 +1,9 @@
+import { jsx as t } from "react/jsx-runtime";
+import { I18nextProvider as e } from "react-i18next";
+import { i18nInstance as m } from "../../libs/i18next/instance.js";
+import { addComponentsResources as n } from "../../libs/i18next/resources.js";
+const x = ({ i18n: r, children: o }) => r ? (n(r), /* @__PURE__ */ t(e, { i18n: r, children: o })) : /* @__PURE__ */ t(e, { i18n: m, children: o });
+export {
+  x as I18nextProvider
+};
+//# sourceMappingURL=I18nextProvider.js.map

package/build/esm/providers/translations/I18nextProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"I18nextProvider.js","sources":["../../../../src/providers/translations/I18nextProvider.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\n\nimport type { i18n as I18n } from 'i18next';\nimport { I18nextProvider as BaseI18nextProvider } from 'react-i18next';\n\nimport { i18nInstance } from '../../libs/i18next/instance';\nimport { addComponentsResources } from '../../libs/i18next/resources';\n\nexport interface II18nextProviderProps {\n  children?: ReactNode;\n  i18n?: I18n;\n}\n\nexport const I18nextProvider = ({ i18n, children }: { i18n?: I18n; children?: ReactNode }): ReactElement => {\n  if (!i18n) {\n    return <BaseI18nextProvider i18n={i18nInstance}>{children}</BaseI18nextProvider>;\n  }\n\n  // add SDS resources to the provided i18n instance\n  addComponentsResources(i18n);\n\n  return <BaseI18nextProvider i18n={i18n}>{children}</BaseI18nextProvider>;\n};\n"],"names":["I18nextProvider","i18n","children","addComponentsResources","jsx","BaseI18nextProvider","i18nInstance"],"mappings":";;;;AAaO,MAAMA,IAAkB,CAAC,EAAE,MAAAC,GAAM,UAAAC,QACjCD,KAKLE,EAAuBF,CAAI,GAEpB,gBAAAG,EAACC,GAAA,EAAoB,MAAAJ,GAAa,UAAAC,EAAA,CAAS,KANzC,gBAAAE,EAACC,GAAA,EAAoB,MAAMC,GAAe,UAAAJ,EAAA,CAAS;"}

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

@@ -18,7 +18,7 @@ const p = (o) => e`
     min-height: ${i[t].height};
     transition: background-color 0.1s ease-in;
 
-    ${d(n)}
+    ${d(o ?? n)}
   `};
 `;
 e`
@@ -43,7 +43,7 @@ const h = (o) => e`
       text-overflow: ellipsis;
     }
 
-    ${l(r ? { only: n ?? !1, position: a } : void 0, t, s)}
+    ${l(r ? { only: n ?? !1, position: a } : void 0, t, o ?? s)}
   `};
 `;
 e`

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

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.js","sources":["../../../../../../../react-base/src/components/Button/Button.styles.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { css } from 'styled-components';\n\nimport { consts } from './Button.consts';\nimport { getBorderStyles, getStyles } from './Button.utils';\nimport type { IconPosition, Size, Variant } from './Button.types';\n\nexport { getBorderStyles, getStyles } from './Button.utils';\n\nexport type StylesProps = {\n  $size: Size;\n  $iconOnly?: boolean;\n  $icon?: ReactNode;\n  $iconPosition?: IconPosition;\n  $variant?: Variant;\n};\n\nexport const containerStylesForVariant = (variant?: Variant) => css<StylesProps>`\n  ${({ $size, $variant, $iconOnly }) => css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0;\n    padding: 0;\n    flex-direction: column;\n    gap: 0;\n    border-radius: ${consts[$size].borderRadius};\n    cursor: pointer;\n    min-width: ${$iconOnly ? consts[$size].height : consts[$size].width};\n    max-width: 100%;\n    min-height: ${consts[$size].height};\n    transition: background-color 0.1s ease-in;\n\n    ${getBorderStyles(variant ?? $variant)}\n  `};\n`;\n\nexport const ContainerStyles = css<StylesProps>`\n  ${containerStylesForVariant()};\n`;\n\nexport const stylesForVariant = (variant?: Variant) => css<StylesProps>`\n  ${({ $size, $iconOnly, $icon, $iconPosition, $variant }) => css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0;\n    padding: 0;\n    gap: ${consts[$size].gap};\n    min-width: ${$iconOnly ? consts[$size].height : consts[$size].width};\n    max-width: 100%;\n\n    & > span {\n      max-width: 100%;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n\n    ${getStyles($icon ? { only: $iconOnly ?? false, position: $iconPosition } : undefined, $size, variant ?? $variant)}\n  `};\n`;\nexport const Styles = css<StylesProps>`\n  ${stylesForVariant()};\n`;\n"],"names":["containerStylesForVariant","variant","css","$size","$variant","$iconOnly","consts","getBorderStyles","stylesForVariant","$icon","$iconPosition","getStyles"],"mappings":";;;AAkBO,MAAMA,IAA4B,CAACC,MAAsBC;AAAA,IAC5D,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,WAAAC,QAAgBH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBASnBI,EAAOH,CAAK,EAAE,YAAY;AAAA;AAAA,iBAE9BE,IAAYC,EAAOH,CAAK,EAAE,SAASG,EAAOH,CAAK,EAAE,KAAK;AAAA;AAAA,kBAErDG,EAAOH,CAAK,EAAE,MAAM;AAAA;AAAA;AAAA,MAGhCI,EAA2BH,CAAQ,CAAC;AAAA,GACvC;AAAA;AAG4BF;AAAA,IAC3BF,GAA2B;AAAA;AAGxB,MAAMQ,IAAmB,CAACP,MAAsBC;AAAA,IACnD,CAAC,EAAE,OAAAC,GAAO,WAAAE,GAAW,OAAAI,GAAO,eAAAC,GAAe,UAAAN,QAAeF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOnDI,EAAOH,CAAK,EAAE,GAAG;AAAA,iBACXE,IAAYC,EAAOH,CAAK,EAAE,SAASG,EAAOH,CAAK,EAAE,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUjEQ,EAAUF,IAAQ,EAAE,MAAMJ,KAAa,IAAO,UAAUK,EAAA,IAAkB,QAAWP,GAAkBC,CAAQ,CAAC;AAAA,GACnH;AAAA;AAEmBF;AAAA,IAClBM,GAAkB;AAAA;"}
+{"version":3,"file":"Button.styles.js","sources":["../../../../../../../react-base/src/components/Button/Button.styles.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { css } from 'styled-components';\n\nimport { consts } from './Button.consts';\nimport { getBorderStyles, getStyles } from './Button.utils';\nimport type { IconPosition, Size, Variant } from './Button.types';\n\nexport { getBorderStyles, getStyles } from './Button.utils';\n\nexport type StylesProps = {\n  $size: Size;\n  $iconOnly?: boolean;\n  $icon?: ReactNode;\n  $iconPosition?: IconPosition;\n  $variant?: Variant;\n};\n\nexport const containerStylesForVariant = (variant?: Variant) => css<StylesProps>`\n  ${({ $size, $variant, $iconOnly }) => css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0;\n    padding: 0;\n    flex-direction: column;\n    gap: 0;\n    border-radius: ${consts[$size].borderRadius};\n    cursor: pointer;\n    min-width: ${$iconOnly ? consts[$size].height : consts[$size].width};\n    max-width: 100%;\n    min-height: ${consts[$size].height};\n    transition: background-color 0.1s ease-in;\n\n    ${getBorderStyles(variant ?? $variant)}\n  `};\n`;\n\nexport const ContainerStyles = css<StylesProps>`\n  ${containerStylesForVariant()};\n`;\n\nexport const stylesForVariant = (variant?: Variant) => css<StylesProps>`\n  ${({ $size, $iconOnly, $icon, $iconPosition, $variant }) => css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0;\n    padding: 0;\n    gap: ${consts[$size].gap};\n    min-width: ${$iconOnly ? consts[$size].height : consts[$size].width};\n    max-width: 100%;\n\n    & > span {\n      max-width: 100%;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n\n    ${getStyles($icon ? { only: $iconOnly ?? false, position: $iconPosition } : undefined, $size, variant ?? $variant)}\n  `};\n`;\nexport const Styles = css<StylesProps>`\n  ${stylesForVariant()};\n`;\n"],"names":["containerStylesForVariant","variant","css","$size","$variant","$iconOnly","consts","getBorderStyles","stylesForVariant","$icon","$iconPosition","getStyles"],"mappings":";;;AAkBO,MAAMA,IAA4B,CAACC,MAAsBC;AAAA,IAC5D,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,WAAAC,QAAgBH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBASnBI,EAAOH,CAAK,EAAE,YAAY;AAAA;AAAA,iBAE9BE,IAAYC,EAAOH,CAAK,EAAE,SAASG,EAAOH,CAAK,EAAE,KAAK;AAAA;AAAA,kBAErDG,EAAOH,CAAK,EAAE,MAAM;AAAA;AAAA;AAAA,MAGhCI,EAAgBN,KAAWG,CAAQ,CAAC;AAAA,GACvC;AAAA;AAG4BF;AAAA,IAC3BF,GAA2B;AAAA;AAGxB,MAAMQ,IAAmB,CAACP,MAAsBC;AAAA,IACnD,CAAC,EAAE,OAAAC,GAAO,WAAAE,GAAW,OAAAI,GAAO,eAAAC,GAAe,UAAAN,QAAeF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOnDI,EAAOH,CAAK,EAAE,GAAG;AAAA,iBACXE,IAAYC,EAAOH,CAAK,EAAE,SAASG,EAAOH,CAAK,EAAE,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUjEQ,EAAUF,IAAQ,EAAE,MAAMJ,KAAa,IAAO,UAAUK,EAAA,IAAkB,QAAWP,GAAOF,KAAWG,CAAQ,CAAC;AAAA,GACnH;AAAA;AAEmBF;AAAA,IAClBM,GAAkB;AAAA;"}

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

@@ -1,34 +1,34 @@
-import { FabricsVariables as a } from "acinguiux-ds-fabrics";
-import { Sizes as c, Positions as S, Variants as O } from "../../consts/index.js";
-import { consts as s } from "./Button.consts.js";
+import { FabricsVariables as i } from "acinguiux-ds-fabrics";
+import { Sizes as B, Positions as S, Variants as O } from "../../consts/index.js";
+import { consts as l } from "./Button.consts.js";
 import { Variables as n } from "../../theme/types/layer.js";
 import { getLabelTypographySize as C } from "../../utils/sizesUtils.js";
-const F = (t) => t === c.XSmall ? c.Smallest : c.XSmall, q = (t, e) => t.typography("label", C(e)), A = (t) => ({
-  width: s[t].iconSize,
-  height: s[t].iconSize
+const F = (t) => t === B.XSmall ? B.Smallest : B.XSmall, q = (t, e) => t.typography("label", C(e)), A = (t) => ({
+  width: l[t].iconSize,
+  height: l[t].iconSize
 }), b = (t, e, o) => {
-  const r = s[e].padding[o], d = s[e].iconPadding[o];
-  if (t != null && t.only || !r)
+  const r = l[e].padding[o], g = l[e].iconPadding[o];
+  if (t?.only || !r)
     return "0";
-  const g = t && (!(t != null && t.position) || (t == null ? void 0 : t.position) === S.Left) ? d ?? r : r;
-  return `0 ${(t == null ? void 0 : t.position) === S.Right ? d ?? r : r} 0 ${g}`;
+  const d = t && (!t?.position || t?.position === S.Left) ? g ?? r : r;
+  return `0 ${t?.position === S.Right ? g ?? r : r} 0 ${d}`;
 }, E = (t, e, o = O.Filled) => {
   let r = {
     padding: b(t, e, o)
   };
-  return (t == null ? void 0 : t.position) === S.Right && (r = {
+  return t?.position === S.Right && (r = {
     ...r,
     flexDirection: "row-reverse"
-  }), t != null && t.only && (r = {
+  }), t?.only && (r = {
     ...r,
-    minWidth: s[e].height
+    minWidth: l[e].height
   }), r;
 }, G = (t = O.Filled) => t === O.Outlined ? {
   borderWidth: 1,
   borderStyle: "solid"
 } : {
   borderWidth: 0
-}, l = (t, e, o) => t === "filled" ? e : o, p = (t, e) => l(t, e, n.BackgroundFoundation), x = (t) => p(t, n.BackgroundBrand), y = () => n.BackgroundSentiment, P = (t) => l(t, n.ForegroundOnSentiment, n.BackgroundSentiment), h = (t) => l(t, n.ForegroundOnBrand, n.BackgroundBrand), L = (t) => p(t, n.BackgroundSelected), D = (t, e) => l(t, e, n.TextOnFoundationStrong), R = (t) => D(t, n.TextOnBrandOnBackground), V = (t) => l(t, n.TextOnFoundationStrong, n.TextOnFoundationLink), z = () => n.TextOnSentimentOnBackground, W = (t) => l(t, n.TextOnSentimentOnForeground, n.TextOnSentimentOnBackground), w = (t) => l(t, n.TextOnBrandOnForeground, n.TextOnBrandOnBackground), M = () => n.TextOnSelectedBackgroundStrong, m = {
+}, a = (t, e, o) => t === "filled" ? e : o, p = (t, e) => a(t, e, n.BackgroundFoundation), x = (t) => p(t, n.BackgroundBrand), y = () => n.BackgroundSentiment, P = (t) => a(t, n.ForegroundOnSentiment, n.BackgroundSentiment), h = (t) => a(t, n.ForegroundOnBrand, n.BackgroundBrand), L = (t) => p(t, n.BackgroundSelected), D = (t, e) => a(t, e, n.TextOnFoundationStrong), R = (t) => D(t, n.TextOnBrandOnBackground), V = (t) => a(t, n.TextOnFoundationStrong, n.TextOnFoundationLink), z = () => n.TextOnSentimentOnBackground, W = (t) => a(t, n.TextOnSentimentOnForeground, n.TextOnSentimentOnBackground), w = (t) => a(t, n.TextOnBrandOnForeground, n.TextOnBrandOnBackground), M = () => n.TextOnSelectedBackgroundStrong, m = {
   Foundation: {
     getBackground: x,
     getTextColor: R,
@@ -59,38 +59,38 @@ const F = (t) => t === c.XSmall ? c.Smallest : c.XSmall, q = (t, e) => t.typogra
     getTextColor: M,
     getBorderColor: () => n.BorderOnSelectedOnBackground
   }
-}, T = (t) => (e, o, r, d = {}) => {
-  const g = e.layer({
+}, T = (t) => (e, o, r, g = {}) => {
+  const d = e.layer({
     state: r,
-    ...d,
-    transparentRestingState: r !== "resting" ? !1 : d == null ? void 0 : d.transparentRestingState
+    ...g,
+    transparentRestingState: r !== "resting" ? !1 : g?.transparentRestingState
   });
   return {
-    backgroundColor: g[m[t].getBackground(o)],
-    color: g[m[t].getTextColor(o)],
-    borderColor: g[m[t].getBorderColor(o)]
+    backgroundColor: d[m[t].getBackground(o)],
+    color: d[m[t].getTextColor(o)],
+    borderColor: d[m[t].getBorderColor(o)]
   };
 }, H = (t, e, o, r = {}) => {
-  const g = Object.values(a.States).reduce(
-    (k, B) => ({
+  const d = Object.values(i.States).reduce(
+    (k, u) => ({
       ...k,
-      [B]: T(o)(t, e, B, r)
+      [u]: T(o)(t, e, u, r)
     }),
     {}
-  ), u = T(o)(t, e, a.States.Resting, {
-    disabled: a.Disableds.True
+  ), c = T(o)(t, e, i.States.Resting, {
+    disabled: i.Disableds.True
   });
-  return { ...g, disabled: u };
-}, i = ({
-  size: t = c.Medium,
+  return { ...d, disabled: c };
+}, s = ({
+  size: t = B.Medium,
   variant: e = O.Filled,
   loading: o = !1,
   disabled: r = !1,
-  icon: d = void 0,
-  iconPosition: g = S.Left,
-  iconOnly: u = !1,
+  icon: g = void 0,
+  iconPosition: d = S.Left,
+  iconOnly: c = !1,
   label: k,
-  children: B,
+  children: u,
   ...f
 }) => ({
   // SHOULD BE EXCEPT icon ONLY
@@ -98,44 +98,44 @@ const F = (t) => t === c.XSmall ? c.Smallest : c.XSmall, q = (t, e) => t.typogra
   variant: e,
   loading: o,
   disabled: r,
-  icon: d,
-  iconPosition: g,
-  iconOnly: u,
+  icon: g,
+  iconPosition: d,
+  iconOnly: c,
   loaderSize: F(t),
-  label: k ?? B ?? "",
+  label: k ?? u ?? "",
   ...f
 }), I = ({
   href: t,
   disabled: e = !1,
   ...o
 }) => ({
-  ...i(o),
+  ...s(o),
   href: t,
   disabled: e || !t
 }), J = ({
-  sentiment: t = a.Sentiments.Positive,
+  sentiment: t = i.Sentiments.Positive,
   ...e
 }) => ({
-  ...i(e),
+  ...s(e),
   sentiment: t
 }), K = ({
-  sentiment: t = a.Sentiments.Neutral,
-  sentimentProminence: e = a.SentimentProminences.Strong,
+  sentiment: t = i.Sentiments.Neutral,
+  sentimentProminence: e = i.SentimentProminences.Strong,
   ...o
 }) => ({
-  ...i(o),
+  ...s(o),
   sentiment: t,
   sentimentProminence: e
 }), Q = ({
-  brand: t = a.Brands.Primary,
+  brand: t = i.Brands.Primary,
   ...e
 }) => ({
-  ...i(e),
+  ...s(e),
   brand: t
 }), U = ({
   ...t
 }) => ({
-  ...i(t)
+  ...s(t)
 });
 export {
   G as getBorderStyles,
@@ -146,7 +146,7 @@ export {
   E as getStyles,
   T as getStylesForState,
   A as getSvgStyles,
-  i as useDefaultProps,
+  s as useDefaultProps,
   I as useLinkProps,
   Q as useOnBrandProps,
   U as useOnSelectedProps,

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

@@ -1 +1 @@
-{"version":3,"file":"Button.utils.js","sources":["../../../../../../../react-base/src/components/Button/Button.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { Variants, Sizes, Positions } from '../../consts';\nimport { consts } from './Button.consts';\nimport type {\n  Size,\n  Variant,\n  ISentimentProps,\n  IDefaultProps,\n  RequiredExcept,\n  IOnSentimentProps,\n  IOnBrandProps,\n  IOnSelectedProps,\n  ILinkProps,\n} from './Button.types';\nimport { Theme, ModesType, Variables } from '../../theme';\nimport { getLabelTypographySize } from '../../utils/sizesUtils';\nimport type { Size as LoadingSize } from '../Loading/Loading.types';\n\nexport const getLoaderSize = (size: Size | undefined): LoadingSize =>\n  size === Sizes.XSmall ? Sizes.Smallest : Sizes.XSmall;\n\nexport const getSizeStyles = (theme: Theme, size?: Size) => theme.typography('label', getLabelTypographySize(size));\n\nexport const getSvgStyles = (size: Size) => ({\n  width: consts[size].iconSize,\n  height: consts[size].iconSize,\n});\n\nexport const getPadding = (\n  icon: { only?: boolean; position?: `${Positions.Left | Positions.Right}` } | undefined,\n  size: Size,\n  variant: Variant,\n) => {\n  const padding = consts[size].padding[variant];\n  const iconPadding = consts[size].iconPadding[variant];\n\n  // if there is no icon, or icon is only, or no padding, return no padding\n  if (icon?.only || !padding) {\n    return '0';\n  }\n\n  const leftPadding =\n    icon && (!icon?.position || icon?.position === Positions.Left) ? (iconPadding ?? padding) : padding;\n  const rightPadding = icon?.position === Positions.Right ? (iconPadding ?? padding) : padding;\n\n  return `0 ${rightPadding} 0 ${leftPadding}`;\n};\n\nexport const getStyles = (\n  icon: { only: boolean; position?: `${Positions.Left | Positions.Right}` } | undefined,\n  size: Size,\n  variant: Variant = Variants.Filled,\n) => {\n  let styles: Record<string, string | undefined> = {\n    padding: getPadding(icon, size, variant),\n  };\n\n  if (icon?.position === Positions.Right) {\n    styles = {\n      ...styles,\n      flexDirection: 'row-reverse',\n    };\n  }\n\n  if (icon?.only) {\n    styles = {\n      ...styles,\n      minWidth: consts[size].height,\n    };\n  }\n\n  return styles;\n};\n\nexport const getBorderStyles = (variant: Variant = Variants.Filled) => {\n  if (variant === Variants.Outlined) {\n    return {\n      borderWidth: 1,\n      borderStyle: 'solid',\n    };\n  }\n\n  return {\n    borderWidth: 0,\n  };\n};\n\nconst getFilledValueOrFallback = (variant: Variant, filledVariable: Variables, fallback: Variables) => {\n  if (variant === 'filled') {\n    return filledVariable;\n  }\n\n  return fallback;\n};\n\nconst getFilledBackgroundOrDefault = (variant: Variant, filledVariable: Variables) =>\n  getFilledValueOrFallback(variant, filledVariable, Variables.BackgroundFoundation);\n\nconst getDefaultButtonBackground = (variant: Variant) =>\n  getFilledBackgroundOrDefault(variant, Variables.BackgroundBrand);\nconst getSentimentButtonBackground = () => Variables.BackgroundSentiment;\nconst getOnSentimentButtonBackground = (variant: Variant) =>\n  getFilledValueOrFallback(variant, Variables.ForegroundOnSentiment, Variables.BackgroundSentiment);\nconst getOnBrandButtonBackground = (variant: Variant) =>\n  getFilledValueOrFallback(variant, Variables.ForegroundOnBrand, Variables.BackgroundBrand);\nconst getOnSelectedButtonBackground = (variant: Variant) =>\n  getFilledBackgroundOrDefault(variant, Variables.BackgroundSelected);\n\nconst getFilledTextColorOrDefault = (variant: Variant, filledVariable: Variables) =>\n  getFilledValueOrFallback(variant, filledVariable, Variables.TextOnFoundationStrong);\n\nconst getDefaultTextColor = (variant: Variant) =>\n  getFilledTextColorOrDefault(variant, Variables.TextOnBrandOnBackground);\nconst getLinkTextColor = (variant: Variant) =>\n  getFilledValueOrFallback(variant, Variables.TextOnFoundationStrong, Variables.TextOnFoundationLink);\nconst getSentimentTextColor = () => Variables.TextOnSentimentOnBackground;\nconst getOnSentimentTextColor = (variant: Variant) =>\n  getFilledValueOrFallback(variant, Variables.TextOnSentimentOnForeground, Variables.TextOnSentimentOnBackground);\nconst getOnBrandTextColor = (variant: Variant) =>\n  getFilledValueOrFallback(variant, Variables.TextOnBrandOnForeground, Variables.TextOnBrandOnBackground);\nconst getOnSelectedTextColor = () => Variables.TextOnSelectedBackgroundStrong;\n\nexport type ButtonKinds = 'Link' | 'Foundation' | 'Sentiment' | 'On Sentiment' | 'On Brand' | 'On Selected';\n\nconst StyleFunctions: Record<\n  ButtonKinds,\n  {\n    getBackground: typeof getDefaultButtonBackground;\n    getTextColor: typeof getDefaultTextColor;\n    getBorderColor: typeof getDefaultButtonBackground;\n  }\n> = {\n  Foundation: {\n    getBackground: getDefaultButtonBackground,\n    getTextColor: getDefaultTextColor,\n    getBorderColor: () => Variables.BorderOnFoundationMedium,\n  },\n  Link: {\n    getBackground: getDefaultButtonBackground,\n    getTextColor: getLinkTextColor,\n    getBorderColor: () => Variables.TextOnFoundationLink,\n  },\n  Sentiment: {\n    getBackground: getSentimentButtonBackground,\n    getTextColor: getSentimentTextColor,\n    getBorderColor: () => Variables.BorderOnSentimentOnBackground,\n  },\n  'On Sentiment': {\n    getBackground: getOnSentimentButtonBackground,\n    getTextColor: getOnSentimentTextColor,\n    getBorderColor: () => Variables.BorderOnSentimentOnBackground,\n  },\n  'On Brand': {\n    getBackground: getOnBrandButtonBackground,\n    getTextColor: getOnBrandTextColor,\n    getBorderColor: () => Variables.BorderOnBrandOnBackground,\n  },\n  'On Selected': {\n    getBackground: getOnSelectedButtonBackground,\n    getTextColor: getOnSelectedTextColor,\n    getBorderColor: () => Variables.BorderOnSelectedOnBackground,\n  },\n};\n\nexport const getStylesForState =\n  (style: ButtonKinds) =>\n  (theme: Theme, variant: Variant, state?: FabricsVariables.StateType, modes: ModesType = {}) => {\n    const layer = theme.layer({\n      state,\n      ...modes,\n      transparentRestingState: state !== 'resting' ? false : modes?.transparentRestingState,\n    });\n\n    return {\n      backgroundColor: layer[StyleFunctions[style].getBackground(variant)],\n      color: layer[StyleFunctions[style].getTextColor(variant)],\n      borderColor: layer[StyleFunctions[style].getBorderColor(variant)],\n    };\n  };\n\nexport const getFabricStyles = (theme: Theme, variant: Variant, style: ButtonKinds, modes: ModesType = {}) => {\n  const states = Object.values(FabricsVariables.States);\n  const styles = states.reduce(\n    (acc, state) => ({\n      ...acc,\n      [state]: getStylesForState(style)(theme, variant, state, modes),\n    }),\n    {} as { [key in FabricsVariables.StateType]: any },\n  );\n\n  const disabledStyles = getStylesForState(style)(theme, variant, FabricsVariables.States.Resting, {\n    disabled: FabricsVariables.Disableds.True,\n  });\n\n  return { ...styles, disabled: disabledStyles };\n};\n\nexport const useDefaultProps = ({\n  size = Sizes.Medium,\n  variant = Variants.Filled,\n  loading = false,\n  disabled = false,\n  icon = undefined,\n  iconPosition = Positions.Left,\n  iconOnly = false,\n  label,\n  children,\n  ...props\n}: IDefaultProps): RequiredExcept<IDefaultProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  // SHOULD BE EXCEPT icon ONLY\n  size,\n  variant,\n  loading,\n  disabled,\n  icon,\n  iconPosition,\n  iconOnly,\n  loaderSize: getLoaderSize(size),\n  label: label ?? (children as string) ?? '',\n  ...props,\n});\n\nexport const useLinkProps = ({\n  href,\n  disabled = false,\n  ...props\n}: ILinkProps): RequiredExcept<ILinkProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  ...useDefaultProps(props),\n  href,\n  disabled: disabled || Boolean(!href),\n});\n\nexport const useSentimentProps = ({\n  sentiment = FabricsVariables.Sentiments.Positive,\n  ...props\n}: ISentimentProps): RequiredExcept<ISentimentProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  ...useDefaultProps(props),\n  sentiment,\n});\n\nexport const useOnSentimentProps = ({\n  sentiment = FabricsVariables.Sentiments.Neutral,\n  sentimentProminence = FabricsVariables.SentimentProminences.Strong,\n  ...props\n}: IOnSentimentProps): RequiredExcept<IOnSentimentProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  ...useDefaultProps(props),\n  sentiment,\n  sentimentProminence,\n});\n\nexport const useOnBrandProps = ({\n  brand = FabricsVariables.Brands.Primary,\n  ...props\n}: IOnBrandProps): RequiredExcept<IOnBrandProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  ...useDefaultProps(props),\n  brand,\n});\n\nexport const useOnSelectedProps = ({\n  ...props\n}: IOnSelectedProps): RequiredExcept<IOnSelectedProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  ...useDefaultProps(props),\n});\n"],"names":["getLoaderSize","size","Sizes","getSizeStyles","theme","getLabelTypographySize","getSvgStyles","consts","getPadding","icon","variant","padding","iconPadding","leftPadding","Positions","getStyles","Variants","styles","getBorderStyles","getFilledValueOrFallback","filledVariable","fallback","getFilledBackgroundOrDefault","Variables","getDefaultButtonBackground","getSentimentButtonBackground","getOnSentimentButtonBackground","getOnBrandButtonBackground","getOnSelectedButtonBackground","getFilledTextColorOrDefault","getDefaultTextColor","getLinkTextColor","getSentimentTextColor","getOnSentimentTextColor","getOnBrandTextColor","getOnSelectedTextColor","StyleFunctions","getStylesForState","style","state","modes","layer","getFabricStyles","FabricsVariables","acc","disabledStyles","useDefaultProps","loading","disabled","iconPosition","iconOnly","label","children","props","useLinkProps","href","useSentimentProps","sentiment","useOnSentimentProps","sentimentProminence","useOnBrandProps","brand","useOnSelectedProps"],"mappings":"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"}
+{"version":3,"file":"Button.utils.js","sources":["../../../../../../../react-base/src/components/Button/Button.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { Variants, Sizes, Positions } from '../../consts';\nimport { consts } from './Button.consts';\nimport type {\n  Size,\n  Variant,\n  ISentimentProps,\n  IDefaultProps,\n  RequiredExcept,\n  IOnSentimentProps,\n  IOnBrandProps,\n  IOnSelectedProps,\n  ILinkProps,\n} from './Button.types';\nimport { Theme, ModesType, Variables } from '../../theme';\nimport { getLabelTypographySize } from '../../utils/sizesUtils';\nimport type { Size as LoadingSize } from '../Loading/Loading.types';\n\nexport const getLoaderSize = (size: Size | undefined): LoadingSize =>\n  size === Sizes.XSmall ? Sizes.Smallest : Sizes.XSmall;\n\nexport const getSizeStyles = (theme: Theme, size?: Size) => theme.typography('label', getLabelTypographySize(size));\n\nexport const getSvgStyles = (size: Size) => ({\n  width: consts[size].iconSize,\n  height: consts[size].iconSize,\n});\n\nexport const getPadding = (\n  icon: { only?: boolean; position?: `${Positions.Left | Positions.Right}` } | undefined,\n  size: Size,\n  variant: Variant,\n) => {\n  const padding = consts[size].padding[variant];\n  const iconPadding = consts[size].iconPadding[variant];\n\n  // if there is no icon, or icon is only, or no padding, return no padding\n  if (icon?.only || !padding) {\n    return '0';\n  }\n\n  const leftPadding =\n    icon && (!icon?.position || icon?.position === Positions.Left) ? (iconPadding ?? padding) : padding;\n  const rightPadding = icon?.position === Positions.Right ? (iconPadding ?? padding) : padding;\n\n  return `0 ${rightPadding} 0 ${leftPadding}`;\n};\n\nexport const getStyles = (\n  icon: { only: boolean; position?: `${Positions.Left | Positions.Right}` } | undefined,\n  size: Size,\n  variant: Variant = Variants.Filled,\n) => {\n  let styles: Record<string, string | undefined> = {\n    padding: getPadding(icon, size, variant),\n  };\n\n  if (icon?.position === Positions.Right) {\n    styles = {\n      ...styles,\n      flexDirection: 'row-reverse',\n    };\n  }\n\n  if (icon?.only) {\n    styles = {\n      ...styles,\n      minWidth: consts[size].height,\n    };\n  }\n\n  return styles;\n};\n\nexport const getBorderStyles = (variant: Variant = Variants.Filled) => {\n  if (variant === Variants.Outlined) {\n    return {\n      borderWidth: 1,\n      borderStyle: 'solid',\n    };\n  }\n\n  return {\n    borderWidth: 0,\n  };\n};\n\nconst getFilledValueOrFallback = (variant: Variant, filledVariable: Variables, fallback: Variables) => {\n  if (variant === 'filled') {\n    return filledVariable;\n  }\n\n  return fallback;\n};\n\nconst getFilledBackgroundOrDefault = (variant: Variant, filledVariable: Variables) =>\n  getFilledValueOrFallback(variant, filledVariable, Variables.BackgroundFoundation);\n\nconst getDefaultButtonBackground = (variant: Variant) =>\n  getFilledBackgroundOrDefault(variant, Variables.BackgroundBrand);\nconst getSentimentButtonBackground = () => Variables.BackgroundSentiment;\nconst getOnSentimentButtonBackground = (variant: Variant) =>\n  getFilledValueOrFallback(variant, Variables.ForegroundOnSentiment, Variables.BackgroundSentiment);\nconst getOnBrandButtonBackground = (variant: Variant) =>\n  getFilledValueOrFallback(variant, Variables.ForegroundOnBrand, Variables.BackgroundBrand);\nconst getOnSelectedButtonBackground = (variant: Variant) =>\n  getFilledBackgroundOrDefault(variant, Variables.BackgroundSelected);\n\nconst getFilledTextColorOrDefault = (variant: Variant, filledVariable: Variables) =>\n  getFilledValueOrFallback(variant, filledVariable, Variables.TextOnFoundationStrong);\n\nconst getDefaultTextColor = (variant: Variant) =>\n  getFilledTextColorOrDefault(variant, Variables.TextOnBrandOnBackground);\nconst getLinkTextColor = (variant: Variant) =>\n  getFilledValueOrFallback(variant, Variables.TextOnFoundationStrong, Variables.TextOnFoundationLink);\nconst getSentimentTextColor = () => Variables.TextOnSentimentOnBackground;\nconst getOnSentimentTextColor = (variant: Variant) =>\n  getFilledValueOrFallback(variant, Variables.TextOnSentimentOnForeground, Variables.TextOnSentimentOnBackground);\nconst getOnBrandTextColor = (variant: Variant) =>\n  getFilledValueOrFallback(variant, Variables.TextOnBrandOnForeground, Variables.TextOnBrandOnBackground);\nconst getOnSelectedTextColor = () => Variables.TextOnSelectedBackgroundStrong;\n\nexport type ButtonKinds = 'Link' | 'Foundation' | 'Sentiment' | 'On Sentiment' | 'On Brand' | 'On Selected';\n\nconst StyleFunctions: Record<\n  ButtonKinds,\n  {\n    getBackground: typeof getDefaultButtonBackground;\n    getTextColor: typeof getDefaultTextColor;\n    getBorderColor: typeof getDefaultButtonBackground;\n  }\n> = {\n  Foundation: {\n    getBackground: getDefaultButtonBackground,\n    getTextColor: getDefaultTextColor,\n    getBorderColor: () => Variables.BorderOnFoundationMedium,\n  },\n  Link: {\n    getBackground: getDefaultButtonBackground,\n    getTextColor: getLinkTextColor,\n    getBorderColor: () => Variables.TextOnFoundationLink,\n  },\n  Sentiment: {\n    getBackground: getSentimentButtonBackground,\n    getTextColor: getSentimentTextColor,\n    getBorderColor: () => Variables.BorderOnSentimentOnBackground,\n  },\n  'On Sentiment': {\n    getBackground: getOnSentimentButtonBackground,\n    getTextColor: getOnSentimentTextColor,\n    getBorderColor: () => Variables.BorderOnSentimentOnBackground,\n  },\n  'On Brand': {\n    getBackground: getOnBrandButtonBackground,\n    getTextColor: getOnBrandTextColor,\n    getBorderColor: () => Variables.BorderOnBrandOnBackground,\n  },\n  'On Selected': {\n    getBackground: getOnSelectedButtonBackground,\n    getTextColor: getOnSelectedTextColor,\n    getBorderColor: () => Variables.BorderOnSelectedOnBackground,\n  },\n};\n\nexport const getStylesForState =\n  (style: ButtonKinds) =>\n  (theme: Theme, variant: Variant, state?: FabricsVariables.StateType, modes: ModesType = {}) => {\n    const layer = theme.layer({\n      state,\n      ...modes,\n      transparentRestingState: state !== 'resting' ? false : modes?.transparentRestingState,\n    });\n\n    return {\n      backgroundColor: layer[StyleFunctions[style].getBackground(variant)],\n      color: layer[StyleFunctions[style].getTextColor(variant)],\n      borderColor: layer[StyleFunctions[style].getBorderColor(variant)],\n    };\n  };\n\nexport const getFabricStyles = (theme: Theme, variant: Variant, style: ButtonKinds, modes: ModesType = {}) => {\n  const states = Object.values(FabricsVariables.States);\n  const styles = states.reduce(\n    (acc, state) => ({\n      ...acc,\n      [state]: getStylesForState(style)(theme, variant, state, modes),\n    }),\n    {} as { [key in FabricsVariables.StateType]: any },\n  );\n\n  const disabledStyles = getStylesForState(style)(theme, variant, FabricsVariables.States.Resting, {\n    disabled: FabricsVariables.Disableds.True,\n  });\n\n  return { ...styles, disabled: disabledStyles };\n};\n\nexport const useDefaultProps = ({\n  size = Sizes.Medium,\n  variant = Variants.Filled,\n  loading = false,\n  disabled = false,\n  icon = undefined,\n  iconPosition = Positions.Left,\n  iconOnly = false,\n  label,\n  children,\n  ...props\n}: IDefaultProps): RequiredExcept<IDefaultProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  // SHOULD BE EXCEPT icon ONLY\n  size,\n  variant,\n  loading,\n  disabled,\n  icon,\n  iconPosition,\n  iconOnly,\n  loaderSize: getLoaderSize(size),\n  label: label ?? (children as string) ?? '',\n  ...props,\n});\n\nexport const useLinkProps = ({\n  href,\n  disabled = false,\n  ...props\n}: ILinkProps): RequiredExcept<ILinkProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  ...useDefaultProps(props),\n  href,\n  disabled: disabled || Boolean(!href),\n});\n\nexport const useSentimentProps = ({\n  sentiment = FabricsVariables.Sentiments.Positive,\n  ...props\n}: ISentimentProps): RequiredExcept<ISentimentProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  ...useDefaultProps(props),\n  sentiment,\n});\n\nexport const useOnSentimentProps = ({\n  sentiment = FabricsVariables.Sentiments.Neutral,\n  sentimentProminence = FabricsVariables.SentimentProminences.Strong,\n  ...props\n}: IOnSentimentProps): RequiredExcept<IOnSentimentProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  ...useDefaultProps(props),\n  sentiment,\n  sentimentProminence,\n});\n\nexport const useOnBrandProps = ({\n  brand = FabricsVariables.Brands.Primary,\n  ...props\n}: IOnBrandProps): RequiredExcept<IOnBrandProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  ...useDefaultProps(props),\n  brand,\n});\n\nexport const useOnSelectedProps = ({\n  ...props\n}: IOnSelectedProps): RequiredExcept<IOnSelectedProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  ...useDefaultProps(props),\n});\n"],"names":["getLoaderSize","size","Sizes","getSizeStyles","theme","getLabelTypographySize","getSvgStyles","consts","getPadding","icon","variant","padding","iconPadding","leftPadding","Positions","getStyles","Variants","styles","getBorderStyles","getFilledValueOrFallback","filledVariable","fallback","getFilledBackgroundOrDefault","Variables","getDefaultButtonBackground","getSentimentButtonBackground","getOnSentimentButtonBackground","getOnBrandButtonBackground","getOnSelectedButtonBackground","getFilledTextColorOrDefault","getDefaultTextColor","getLinkTextColor","getSentimentTextColor","getOnSentimentTextColor","getOnBrandTextColor","getOnSelectedTextColor","StyleFunctions","getStylesForState","style","state","modes","layer","getFabricStyles","FabricsVariables","acc","disabledStyles","useDefaultProps","loading","disabled","iconPosition","iconOnly","label","children","props","useLinkProps","href","useSentimentProps","sentiment","useOnSentimentProps","sentimentProminence","useOnBrandProps","brand","useOnSelectedProps"],"mappings":"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"}

package/build/esm/react-base/src/components/Card/Card.types.d.ts

@@ -24,6 +24,9 @@ type CommonCardProps = {
      */
     elevated?: boolean;
     outlined?: boolean;
+    /**
+     * @deprecated it will be determined by the use of `onClick`
+     */
     isClickable?: boolean;
 };
 export type ICardProps = CommonCardProps & {
@@ -35,10 +38,15 @@ export type ICardProps = CommonCardProps & {
     children?: ReactNode;
 };
 export type IInsetCardProps = CommonCardProps & {
-    backgroundImage: string;
+    backgroundImage?: string;
+    backgroundPosition?: string;
     bar?: ICardBar;
     fullBar?: boolean;
+    /**
+     * @deprecated it will be determined by the use of `onClick`
+     */
     interactive?: boolean;
+    children?: ReactNode;
 };
 export {};
 //# sourceMappingURL=Card.types.d.ts.map

package/build/esm/react-base/src/components/Card/Card.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE5D,MAAM,MAAM,IAAI,GAAG,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;AAChF,MAAM,MAAM,SAAS,GAAG,GAAG,UAAU,EAAE,CAAC;AACxC,MAAM,MAAM,QAAQ,GAAG,GAAG,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,EAAE,CAAC;AAE3D,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IACzC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG;IAC9C,eAAe,EAAE,MAAM,CAAC;IACxB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}
+{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE5D,MAAM,MAAM,IAAI,GAAG,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;AAChF,MAAM,MAAM,SAAS,GAAG,GAAG,UAAU,EAAE,CAAC;AACxC,MAAM,MAAM,QAAQ,GAAG,GAAG,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,EAAE,CAAC;AAE3D,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IACzC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC"}

package/build/esm/react-base/src/components/Checkbox/Checkbox.consts.d.ts

@@ -3,7 +3,7 @@ export declare const consts: {
         readonly width: 16;
         readonly height: 16;
         readonly borderRadius: 3;
-        readonly labelSpacing: 8;
+        readonly labelSpacing: 6;
     };
     readonly small: {
         readonly width: 20;

package/build/esm/react-base/src/components/Checkbox/Checkbox.consts.js

@@ -4,7 +4,7 @@ const a = {
     width: 16,
     height: 16,
     borderRadius: 3,
-    labelSpacing: 8
+    labelSpacing: 6
   },
   [i.Small]: {
     width: 20,