@ixo/ui 0.0.14 → 0.0.15
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.
- package/dist/.vite/manifest.json +43 -43
- package/dist/components/AppShellNavigation/components/AsideResizable.d.ts +2 -1
- package/dist/components/AppShellNavigation/components/AsideResizable.d.ts.map +1 -1
- package/dist/components/AppShellNavigation/index.d.ts +2 -1
- package/dist/components/AppShellNavigation/index.d.ts.map +1 -1
- package/dist/{components-vw6J_dpp.cjs → components-B0B09Vsk.cjs} +43 -17
- package/dist/{components-vw6J_dpp.cjs.map → components-B0B09Vsk.cjs.map} +1 -1
- package/dist/{components-BiD0_7V_.js → components-CoGX1kwb.js} +43 -17
- package/dist/{components-BiD0_7V_.js.map → components-CoGX1kwb.js.map} +1 -1
- package/dist/export/components.cjs +1 -1
- package/dist/export/components.mjs +1 -1
- package/dist/{index-4sKOMBmk.cjs → index-3RRyZp85.cjs} +3 -3
- package/dist/{index-4sKOMBmk.cjs.map → index-3RRyZp85.cjs.map} +1 -1
- package/dist/{index-BvFDLUUX.js → index-72gYmOmd.js} +3 -3
- package/dist/{index-BvFDLUUX.js.map → index-72gYmOmd.js.map} +1 -1
- package/dist/{index-CXrrJ_Le.js → index-BElczvPE.js} +2 -2
- package/dist/{index-CXrrJ_Le.js.map → index-BElczvPE.js.map} +1 -1
- package/dist/{index-CsIW1_OQ.js → index-BIF9-t6h.js} +2 -2
- package/dist/{index-CsIW1_OQ.js.map → index-BIF9-t6h.js.map} +1 -1
- package/dist/{index-DNqtJQVl.cjs → index-BPiG2IqF.cjs} +2 -2
- package/dist/{index-DNqtJQVl.cjs.map → index-BPiG2IqF.cjs.map} +1 -1
- package/dist/{index-DVcSKgbJ.js → index-BVZ6ZzpV.js} +2 -2
- package/dist/{index-DVcSKgbJ.js.map → index-BVZ6ZzpV.js.map} +1 -1
- package/dist/{index-DqcjuULv.js → index-BphUXVlg.js} +3 -3
- package/dist/{index-DqcjuULv.js.map → index-BphUXVlg.js.map} +1 -1
- package/dist/{index-BHcOFwds.cjs → index-BvkqUymq.cjs} +2 -2
- package/dist/{index-BHcOFwds.cjs.map → index-BvkqUymq.cjs.map} +1 -1
- package/dist/{index-By0FBgRQ.js → index-CDZdWXqv.js} +2 -2
- package/dist/{index-By0FBgRQ.js.map → index-CDZdWXqv.js.map} +1 -1
- package/dist/{index-Coxm5WEM.cjs → index-CJE1_yJ6.cjs} +2 -2
- package/dist/{index-Coxm5WEM.cjs.map → index-CJE1_yJ6.cjs.map} +1 -1
- package/dist/{index-BG-QfJbv.cjs → index-CWElz4HJ.cjs} +2 -2
- package/dist/{index-BG-QfJbv.cjs.map → index-CWElz4HJ.cjs.map} +1 -1
- package/dist/{index-yjx-PRyb.cjs → index-CXi6Syua.cjs} +2 -2
- package/dist/{index-yjx-PRyb.cjs.map → index-CXi6Syua.cjs.map} +1 -1
- package/dist/{index-BuxCAg_1.cjs → index-CfPgXC_X.cjs} +2 -2
- package/dist/{index-BuxCAg_1.cjs.map → index-CfPgXC_X.cjs.map} +1 -1
- package/dist/{index-djRt821o.cjs → index-D0eJPLEq.cjs} +2 -2
- package/dist/{index-djRt821o.cjs.map → index-D0eJPLEq.cjs.map} +1 -1
- package/dist/{index-CyysTrZP.cjs → index-DOa4tU-h.cjs} +2 -2
- package/dist/{index-CyysTrZP.cjs.map → index-DOa4tU-h.cjs.map} +1 -1
- package/dist/{index-c39fFlNp.js → index-DRJd3yU2.js} +2 -2
- package/dist/{index-c39fFlNp.js.map → index-DRJd3yU2.js.map} +1 -1
- package/dist/{index-CF2PVnSW.js → index-DbRJT74u.js} +2 -2
- package/dist/{index-CF2PVnSW.js.map → index-DbRJT74u.js.map} +1 -1
- package/dist/{index-Dva9zr6w.js → index-DeirAOH-.js} +2 -2
- package/dist/{index-Dva9zr6w.js.map → index-DeirAOH-.js.map} +1 -1
- package/dist/{index-nhqvNIAj.cjs → index-ffAWONI_.cjs} +3 -3
- package/dist/{index-nhqvNIAj.cjs.map → index-ffAWONI_.cjs.map} +1 -1
- package/dist/{index-ErQUX7j7.js → index-jE_hmlY8.js} +2 -2
- package/dist/{index-ErQUX7j7.js.map → index-jE_hmlY8.js.map} +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const export_components = require("../components-
|
|
3
|
+
const export_components = require("../components-B0B09Vsk.cjs");
|
|
4
4
|
exports.AIInputBar = export_components.AIInputBar;
|
|
5
5
|
exports.AIResponse = export_components.AIResponse;
|
|
6
6
|
exports.Accordion = export_components.Accordion;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n, m, f, g, h, j, k, l, o, A, p, B, q, r, s, t, u, v, w, x, z, y, D, E, G, H, J, ax, ay, K, P, N, R, V, W, X, Y, F, Z, _, Q, au, $, a0, a1, a2, I, a3, a4, L, a5, a6, a7, M, az, av, aw, O, a8, a9, aa, ab, ac, ad, ae, af, ag, e, ai, aj, ah, ak, al, S, am, an, aq, ar, ao, ap, a, as, d, T, at, U, aA } from "../components-
|
|
1
|
+
import { n, m, f, g, h, j, k, l, o, A, p, B, q, r, s, t, u, v, w, x, z, y, D, E, G, H, J, ax, ay, K, P, N, R, V, W, X, Y, F, Z, _, Q, au, $, a0, a1, a2, I, a3, a4, L, a5, a6, a7, M, az, av, aw, O, a8, a9, aa, ab, ac, ad, ae, af, ag, e, ai, aj, ah, ak, al, S, am, an, aq, ar, ao, ap, a, as, d, T, at, U, aA } from "../components-CoGX1kwb.js";
|
|
2
2
|
export {
|
|
3
3
|
n as AIInputBar,
|
|
4
4
|
m as AIResponse,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
4
|
-
const index = require("./index-
|
|
5
|
-
const export_components = require("./components-
|
|
4
|
+
const index = require("./index-CJE1_yJ6.cjs");
|
|
5
|
+
const export_components = require("./components-B0B09Vsk.cjs");
|
|
6
6
|
function Footer({ actions, loadingMessage, feedbackMessage }) {
|
|
7
7
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
8
8
|
"div",
|
|
@@ -61,4 +61,4 @@ function Footer({ actions, loadingMessage, feedbackMessage }) {
|
|
|
61
61
|
);
|
|
62
62
|
}
|
|
63
63
|
exports.default = Footer;
|
|
64
|
-
//# sourceMappingURL=index-
|
|
64
|
+
//# sourceMappingURL=index-3RRyZp85.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-3RRyZp85.cjs","sources":["../src/components/ActionCard/components/Footer/index.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from \"react\";\n\nimport { CardActionButton } from \"../../../CardActionButton\";\nimport { FeedbackMessage } from \"../../../FeedbackMessage\";\nimport { Loader } from \"../../../Loader\";\nimport { Spacer } from \"../../../Spacer\";\nimport { Typography } from \"../../../Typography\";\n\nimport { Props } from \"./types\";\n\nexport default function Footer({ actions, loadingMessage, feedbackMessage }: Props): ReactElement {\n return (\n <div\n css={({ radius }) => ({\n borderBottomLeftRadius: radius.medium,\n borderBottomRightRadius: radius.medium\n })}\n >\n {((): ReactNode => {\n if (actions) {\n return (\n <Spacer\n vertical={actions.vertical}\n css={({ spacing, radius }) => ({\n padding: spacing * 2,\n borderBottomLeftRadius: radius.medium,\n borderBottomRightRadius: radius.medium\n })}\n >\n {actions.items.map((action) => (\n <CardActionButton\n key={action.title}\n title={action.title}\n tooltip={action.tooltip}\n badge={action.badge}\n disabled={action.disabled}\n highlighted={action.highlighted}\n icon={action.icon}\n onClick={action.onClick}\n />\n ))}\n </Spacer>\n );\n }\n\n if (loadingMessage) {\n return (\n <Spacer css={({ spacing }) => ({ padding: spacing * 2 })} alignItems=\"center\" justifyContent=\"center\">\n <Loader size={20} />\n <Typography.Text color=\"secondary\">{loadingMessage}</Typography.Text>\n </Spacer>\n );\n }\n\n if (feedbackMessage) {\n return (\n <FeedbackMessage\n css={({ spacing }) => ({ padding: spacing * 2 })}\n text={feedbackMessage.text}\n icon={feedbackMessage.icon}\n iconColor={feedbackMessage.iconColor}\n textColor=\"secondary\"\n />\n );\n }\n })()}\n </div>\n );\n}\n"],"names":["jsx","Spacer","CardActionButton","jsxs","Loader","Typography","FeedbackMessage"],"mappings":";;;;;AAUA,SAAwB,OAAO,EAAE,SAAS,gBAAgB,mBAAwC;AAChG,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,CAAC,EAAE,cAAc;AAAA,QACpB,wBAAwB,OAAO;AAAA,QAC/B,yBAAyB,OAAO;AAAA,MAAA;AAAA,MAGhC,WAAA,MAAiB;AACjB,YAAI,SAAS;AACX,iBACEA,2BAAAA;AAAAA,YAACC,kBAAAA;AAAAA,YAAA;AAAA,cACC,UAAU,QAAQ;AAAA,cAClB,KAAK,CAAC,EAAE,SAAS,cAAc;AAAA,gBAC7B,SAAS,UAAU;AAAA,gBACnB,wBAAwB,OAAO;AAAA,gBAC/B,yBAAyB,OAAO;AAAA,cAAA;AAAA,cAGjC,UAAA,QAAQ,MAAM,IAAI,CAAC,WAClBD,2BAAAA;AAAAA,gBAACE,MAAAA;AAAAA,gBAAA;AAAA,kBAEC,OAAO,OAAO;AAAA,kBACd,SAAS,OAAO;AAAA,kBAChB,OAAO,OAAO;AAAA,kBACd,UAAU,OAAO;AAAA,kBACjB,aAAa,OAAO;AAAA,kBACpB,MAAM,OAAO;AAAA,kBACb,SAAS,OAAO;AAAA,gBAAA;AAAA,gBAPX,OAAO;AAAA,cAAA,CASf;AAAA,YAAA;AAAA,UAAA;AAAA,QAGP;AAEA,YAAI,gBAAgB;AAClB,iBACEC,2BAAAA,KAACF,kBAAAA,QAAA,EAAO,KAAK,CAAC,EAAE,QAAA,OAAe,EAAE,SAAS,UAAU,EAAA,IAAM,YAAW,UAAS,gBAAe,UAC3F,UAAA;AAAA,YAAAD,2BAAAA,IAACI,kBAAAA,QAAA,EAAO,MAAM,GAAA,CAAI;AAAA,2CACjBC,kBAAAA,WAAW,MAAX,EAAgB,OAAM,aAAa,UAAA,eAAA,CAAe;AAAA,UAAA,GACrD;AAAA,QAEJ;AAEA,YAAI,iBAAiB;AACnB,iBACEL,2BAAAA;AAAAA,YAACM,kBAAAA;AAAAA,YAAA;AAAA,cACC,KAAK,CAAC,EAAE,QAAA,OAAe,EAAE,SAAS,UAAU;cAC5C,MAAM,gBAAgB;AAAA,cACtB,MAAM,gBAAgB;AAAA,cACtB,WAAW,gBAAgB;AAAA,cAC3B,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QAGhB;AAAA,MACF,GAAA;AAAA,IAAG;AAAA,EAAA;AAGT;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { C as CardActionButton } from "./index-
|
|
3
|
-
import { S as Spacer, L as Loader, T as Typography, F as FeedbackMessage } from "./components-
|
|
2
|
+
import { C as CardActionButton } from "./index-jE_hmlY8.js";
|
|
3
|
+
import { S as Spacer, L as Loader, T as Typography, F as FeedbackMessage } from "./components-CoGX1kwb.js";
|
|
4
4
|
function Footer({ actions, loadingMessage, feedbackMessage }) {
|
|
5
5
|
return /* @__PURE__ */ jsx(
|
|
6
6
|
"div",
|
|
@@ -61,4 +61,4 @@ function Footer({ actions, loadingMessage, feedbackMessage }) {
|
|
|
61
61
|
export {
|
|
62
62
|
Footer as default
|
|
63
63
|
};
|
|
64
|
-
//# sourceMappingURL=index-
|
|
64
|
+
//# sourceMappingURL=index-72gYmOmd.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-72gYmOmd.js","sources":["../src/components/ActionCard/components/Footer/index.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from \"react\";\n\nimport { CardActionButton } from \"../../../CardActionButton\";\nimport { FeedbackMessage } from \"../../../FeedbackMessage\";\nimport { Loader } from \"../../../Loader\";\nimport { Spacer } from \"../../../Spacer\";\nimport { Typography } from \"../../../Typography\";\n\nimport { Props } from \"./types\";\n\nexport default function Footer({ actions, loadingMessage, feedbackMessage }: Props): ReactElement {\n return (\n <div\n css={({ radius }) => ({\n borderBottomLeftRadius: radius.medium,\n borderBottomRightRadius: radius.medium\n })}\n >\n {((): ReactNode => {\n if (actions) {\n return (\n <Spacer\n vertical={actions.vertical}\n css={({ spacing, radius }) => ({\n padding: spacing * 2,\n borderBottomLeftRadius: radius.medium,\n borderBottomRightRadius: radius.medium\n })}\n >\n {actions.items.map((action) => (\n <CardActionButton\n key={action.title}\n title={action.title}\n tooltip={action.tooltip}\n badge={action.badge}\n disabled={action.disabled}\n highlighted={action.highlighted}\n icon={action.icon}\n onClick={action.onClick}\n />\n ))}\n </Spacer>\n );\n }\n\n if (loadingMessage) {\n return (\n <Spacer css={({ spacing }) => ({ padding: spacing * 2 })} alignItems=\"center\" justifyContent=\"center\">\n <Loader size={20} />\n <Typography.Text color=\"secondary\">{loadingMessage}</Typography.Text>\n </Spacer>\n );\n }\n\n if (feedbackMessage) {\n return (\n <FeedbackMessage\n css={({ spacing }) => ({ padding: spacing * 2 })}\n text={feedbackMessage.text}\n icon={feedbackMessage.icon}\n iconColor={feedbackMessage.iconColor}\n textColor=\"secondary\"\n />\n );\n }\n })()}\n </div>\n );\n}\n"],"names":[],"mappings":";;;AAUA,SAAwB,OAAO,EAAE,SAAS,gBAAgB,mBAAwC;AAChG,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,CAAC,EAAE,cAAc;AAAA,QACpB,wBAAwB,OAAO;AAAA,QAC/B,yBAAyB,OAAO;AAAA,MAAA;AAAA,MAGhC,WAAA,MAAiB;AACjB,YAAI,SAAS;AACX,iBACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,UAAU,QAAQ;AAAA,cAClB,KAAK,CAAC,EAAE,SAAS,cAAc;AAAA,gBAC7B,SAAS,UAAU;AAAA,gBACnB,wBAAwB,OAAO;AAAA,gBAC/B,yBAAyB,OAAO;AAAA,cAAA;AAAA,cAGjC,UAAA,QAAQ,MAAM,IAAI,CAAC,WAClB;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,OAAO,OAAO;AAAA,kBACd,SAAS,OAAO;AAAA,kBAChB,OAAO,OAAO;AAAA,kBACd,UAAU,OAAO;AAAA,kBACjB,aAAa,OAAO;AAAA,kBACpB,MAAM,OAAO;AAAA,kBACb,SAAS,OAAO;AAAA,gBAAA;AAAA,gBAPX,OAAO;AAAA,cAAA,CASf;AAAA,YAAA;AAAA,UAAA;AAAA,QAGP;AAEA,YAAI,gBAAgB;AAClB,iBACE,qBAAC,QAAA,EAAO,KAAK,CAAC,EAAE,QAAA,OAAe,EAAE,SAAS,UAAU,EAAA,IAAM,YAAW,UAAS,gBAAe,UAC3F,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAO,MAAM,GAAA,CAAI;AAAA,gCACjB,WAAW,MAAX,EAAgB,OAAM,aAAa,UAAA,eAAA,CAAe;AAAA,UAAA,GACrD;AAAA,QAEJ;AAEA,YAAI,iBAAiB;AACnB,iBACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK,CAAC,EAAE,QAAA,OAAe,EAAE,SAAS,UAAU;cAC5C,MAAM,gBAAgB;AAAA,cACtB,MAAM,gBAAgB;AAAA,cACtB,WAAW,gBAAgB;AAAA,cAC3B,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QAGhB;AAAA,MACF,GAAA;AAAA,IAAG;AAAA,EAAA;AAGT;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { b as ActionButton } from "./components-
|
|
2
|
+
import { b as ActionButton } from "./components-CoGX1kwb.js";
|
|
3
3
|
function MainAction({ title, description, onClick, icon: Icon }) {
|
|
4
4
|
return /* @__PURE__ */ jsxs(
|
|
5
5
|
"div",
|
|
@@ -52,4 +52,4 @@ function MainAction({ title, description, onClick, icon: Icon }) {
|
|
|
52
52
|
export {
|
|
53
53
|
MainAction as default
|
|
54
54
|
};
|
|
55
|
-
//# sourceMappingURL=index-
|
|
55
|
+
//# sourceMappingURL=index-BElczvPE.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-BElczvPE.js","sources":["../src/components/SodaCard/components/MainAction/index.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nimport { ActionButton } from \"../ActionButton\";\nimport { IconCmp } from \"../../../../types/IconCmp\";\n\nexport type Props = {\n title: string;\n icon: IconCmp;\n description?: string;\n onClick: () => void;\n};\n\nexport default function MainAction({ title, description, onClick, icon: Icon }: Props): ReactElement {\n return (\n <div\n css={({ bg, radius }) => ({\n display: \"flex\",\n flexDirection: \"row\",\n backgroundColor: bg.cardHighlight,\n borderRadius: radius.medium\n })}\n data-x=\"vania\"\n >\n <div\n css={({ spacing }) => ({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n paddingLeft: spacing,\n paddingRight: spacing\n })}\n >\n <Icon color=\"primary\" />\n </div>\n <div\n css={({ bg, radius }) => ({\n width: \"100%\",\n backgroundColor: bg.card,\n borderRadius: radius.medium\n })}\n >\n <ActionButton\n onClick={onClick}\n left={{\n title,\n description\n }}\n />\n </div>\n </div>\n );\n}\n"],"names":[],"mappings":";;AAYA,SAAwB,WAAW,EAAE,OAAO,aAAa,SAAS,MAAM,QAA6B;AACnG,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,CAAC,EAAE,IAAI,cAAc;AAAA,QACxB,SAAS;AAAA,QACT,eAAe;AAAA,QACf,iBAAiB,GAAG;AAAA,QACpB,cAAc,OAAO;AAAA,MAAA;AAAA,MAEvB,UAAO;AAAA,MAEP,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK,CAAC,EAAE,eAAe;AAAA,cACrB,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,cAChB,aAAa;AAAA,cACb,cAAc;AAAA,YAAA;AAAA,YAGhB,UAAA,oBAAC,MAAA,EAAK,OAAM,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAExB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK,CAAC,EAAE,IAAI,cAAc;AAAA,cACxB,OAAO;AAAA,cACP,iBAAiB,GAAG;AAAA,cACpB,cAAc,OAAO;AAAA,YAAA;AAAA,YAGvB,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA,MAAM;AAAA,kBACJ;AAAA,kBACA;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { C as CARD_HEADER_HEIGHT, c as cutText, S as Spacer, a as Tag } from "./components-
|
|
2
|
+
import { C as CARD_HEADER_HEIGHT, c as cutText, S as Spacer, a as Tag } from "./components-CoGX1kwb.js";
|
|
3
3
|
function Header({ title, titleMaxLength, bgColor, bgImage, tagsList, tag, className, floatingElement }) {
|
|
4
4
|
return /* @__PURE__ */ jsxs(
|
|
5
5
|
"div",
|
|
@@ -48,4 +48,4 @@ function Header({ title, titleMaxLength, bgColor, bgImage, tagsList, tag, classN
|
|
|
48
48
|
export {
|
|
49
49
|
Header as default
|
|
50
50
|
};
|
|
51
|
-
//# sourceMappingURL=index-
|
|
51
|
+
//# sourceMappingURL=index-BIF9-t6h.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-BIF9-t6h.js","sources":["../src/components/Card/components/Header/index.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nimport { Spacer } from \"../../../Spacer\";\nimport { Tag } from \"../../../Tag\";\n\nimport { cutText } from \"../../../../utils/formatters\";\nimport { CARD_HEADER_HEIGHT } from \"../../../../constants/common-sizs\";\n\nimport { Props } from \"./types\";\n\nexport default function Header({ title, titleMaxLength, bgColor, bgImage, tagsList, tag, className, floatingElement }: Props): ReactElement {\n return (\n <div\n className={className}\n css={({ radius, spacing, colors }) => ({\n position: \"relative\",\n height: CARD_HEADER_HEIGHT,\n flexShrink: 0,\n borderTopLeftRadius: radius.medium,\n borderTopRightRadius: radius.medium,\n backgroundColor: bgColor ?? colors.focusSecondary,\n ...(bgImage\n ? {\n backgroundImage: `linear-gradient(#00000000, #0000007f), url(${bgImage})`,\n backgroundSize: \"cover\",\n backgroundPosition: \"center\"\n }\n : {}),\n padding: spacing * 3,\n boxSizing: \"border-box\"\n })}\n >\n {title ? (\n <h2\n css={({ spacing, text, font, radius }) => ({\n margin: 0,\n marginTop: spacing * 4.5,\n marginBottom: spacing,\n color: text.overPicture,\n fontFamily: font.main,\n fontSize: radius.roundButtons,\n fontWeight: 500\n })}\n >\n {cutText(title, titleMaxLength)}\n </h2>\n ) : null}\n\n {tagsList || tag ? (\n <div css={{ display: \"flex\", justifyContent: \"space-between\" }}>\n {tagsList && tagsList.length > 0 ? (\n <Spacer>\n {tagsList.map((tag, index) => (\n <Tag key={`${tag.text}_${index}`} value={tag.text} icon={tag.icon} textColor=\"overPicture\" bgBlur />\n ))}\n </Spacer>\n ) : (\n <span />\n )}\n\n {tag ? <Tag value={tag.text} icon={tag.icon} textColor=\"overPicture\" bgBlur /> : <span />}\n </div>\n ) : null}\n\n {floatingElement}\n </div>\n );\n}\n"],"names":["tag"],"mappings":";;AAUA,SAAwB,OAAO,EAAE,OAAO,gBAAgB,SAAS,SAAS,UAAU,KAAK,WAAW,mBAAwC;AAC1I,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,KAAK,CAAC,EAAE,QAAQ,SAAS,cAAc;AAAA,QACrC,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,qBAAqB,OAAO;AAAA,QAC5B,sBAAsB,OAAO;AAAA,QAC7B,iBAAiB,WAAW,OAAO;AAAA,QACnC,GAAI,UACA;AAAA,UACE,iBAAiB,8CAA8C,OAAO;AAAA,UACtE,gBAAgB;AAAA,UAChB,oBAAoB;AAAA,QAAA,IAEtB,CAAA;AAAA,QACJ,SAAS,UAAU;AAAA,QACnB,WAAW;AAAA,MAAA;AAAA,MAGZ,UAAA;AAAA,QAAA,QACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK,CAAC,EAAE,SAAS,MAAM,MAAM,cAAc;AAAA,cACzC,QAAQ;AAAA,cACR,WAAW,UAAU;AAAA,cACrB,cAAc;AAAA,cACd,OAAO,KAAK;AAAA,cACZ,YAAY,KAAK;AAAA,cACjB,UAAU,OAAO;AAAA,cACjB,YAAY;AAAA,YAAA;AAAA,YAGb,UAAA,QAAQ,OAAO,cAAc;AAAA,UAAA;AAAA,QAAA,IAE9B;AAAA,QAEH,YAAY,MACX,qBAAC,OAAA,EAAI,KAAK,EAAE,SAAS,QAAQ,gBAAgB,gBAAA,GAC1C,UAAA;AAAA,UAAA,YAAY,SAAS,SAAS,IAC7B,oBAAC,UACE,UAAA,SAAS,IAAI,CAACA,MAAK,UAClB,oBAAC,KAAA,EAAiC,OAAOA,KAAI,MAAM,MAAMA,KAAI,MAAM,WAAU,eAAc,QAAM,KAAA,GAAvF,GAAGA,KAAI,IAAI,IAAI,KAAK,EAAoE,CACnG,EAAA,CACH,wBAEC,QAAA,EAAK;AAAA,UAGP,MAAM,oBAAC,KAAA,EAAI,OAAO,IAAI,MAAM,MAAM,IAAI,MAAM,WAAU,eAAc,QAAM,KAAA,CAAC,wBAAM,QAAA,CAAA,CAAK;AAAA,QAAA,EAAA,CACzF,IACE;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
4
|
-
const export_components = require("./components-
|
|
4
|
+
const export_components = require("./components-B0B09Vsk.cjs");
|
|
5
5
|
function MainAction({ title, description, onClick, icon: Icon }) {
|
|
6
6
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7
7
|
"div",
|
|
@@ -52,4 +52,4 @@ function MainAction({ title, description, onClick, icon: Icon }) {
|
|
|
52
52
|
);
|
|
53
53
|
}
|
|
54
54
|
exports.default = MainAction;
|
|
55
|
-
//# sourceMappingURL=index-
|
|
55
|
+
//# sourceMappingURL=index-BPiG2IqF.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-BPiG2IqF.cjs","sources":["../src/components/SodaCard/components/MainAction/index.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nimport { ActionButton } from \"../ActionButton\";\nimport { IconCmp } from \"../../../../types/IconCmp\";\n\nexport type Props = {\n title: string;\n icon: IconCmp;\n description?: string;\n onClick: () => void;\n};\n\nexport default function MainAction({ title, description, onClick, icon: Icon }: Props): ReactElement {\n return (\n <div\n css={({ bg, radius }) => ({\n display: \"flex\",\n flexDirection: \"row\",\n backgroundColor: bg.cardHighlight,\n borderRadius: radius.medium\n })}\n data-x=\"vania\"\n >\n <div\n css={({ spacing }) => ({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n paddingLeft: spacing,\n paddingRight: spacing\n })}\n >\n <Icon color=\"primary\" />\n </div>\n <div\n css={({ bg, radius }) => ({\n width: \"100%\",\n backgroundColor: bg.card,\n borderRadius: radius.medium\n })}\n >\n <ActionButton\n onClick={onClick}\n left={{\n title,\n description\n }}\n />\n </div>\n </div>\n );\n}\n"],"names":["jsxs","jsx","ActionButton"],"mappings":";;;;AAYA,SAAwB,WAAW,EAAE,OAAO,aAAa,SAAS,MAAM,QAA6B;AACnG,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,CAAC,EAAE,IAAI,cAAc;AAAA,QACxB,SAAS;AAAA,QACT,eAAe;AAAA,QACf,iBAAiB,GAAG;AAAA,QACpB,cAAc,OAAO;AAAA,MAAA;AAAA,MAEvB,UAAO;AAAA,MAEP,UAAA;AAAA,QAAAC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK,CAAC,EAAE,eAAe;AAAA,cACrB,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,cAChB,aAAa;AAAA,cACb,cAAc;AAAA,YAAA;AAAA,YAGhB,UAAAA,2BAAAA,IAAC,MAAA,EAAK,OAAM,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAExBA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK,CAAC,EAAE,IAAI,cAAc;AAAA,cACxB,OAAO;AAAA,cACP,iBAAiB,GAAG;AAAA,cACpB,cAAc,OAAO;AAAA,YAAA;AAAA,YAGvB,UAAAA,2BAAAA;AAAAA,cAACC,kBAAAA;AAAAA,cAAA;AAAA,gBACC;AAAA,gBACA,MAAM;AAAA,kBACJ;AAAA,kBACA;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;;"}
|