@ixo/ui 0.0.4 → 0.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.vite/manifest.json +50 -50
- package/dist/{UsersSolid-Cr_JcwNT.cjs → UsersSolid-Bj2vwEHq.cjs} +1 -33
- package/dist/UsersSolid-Bj2vwEHq.cjs.map +1 -0
- package/dist/{UsersSolid-CEMcHCoD.js → UsersSolid-CYOWcNJV.js} +42 -74
- package/dist/{UsersSolid-Cr_JcwNT.cjs.map → UsersSolid-CYOWcNJV.js.map} +1 -1
- package/dist/components/AppShellNavigation/index.d.ts +46 -0
- package/dist/components/AppShellNavigation/index.d.ts.map +1 -0
- package/dist/components/NavigationBar/MoreModal.d.ts +4 -2
- package/dist/components/NavigationBar/MoreModal.d.ts.map +1 -1
- package/dist/components/NavigationBar/NavigationBar.d.ts.map +1 -1
- package/dist/{components-_1aj7fli.cjs → components-2IYis_pS.cjs} +305 -139
- package/dist/components-2IYis_pS.cjs.map +1 -0
- package/dist/{components-qFMVWjVp.js → components-BoLr9Qow.js} +371 -205
- package/dist/components-BoLr9Qow.js.map +1 -0
- package/dist/constants/themes.d.ts.map +1 -1
- package/dist/export/components.cjs +2 -1
- package/dist/export/components.cjs.map +1 -1
- package/dist/export/components.d.ts +2 -0
- package/dist/export/components.d.ts.map +1 -1
- package/dist/export/components.mjs +67 -66
- package/dist/export/icons/index.cjs +33 -3
- package/dist/export/icons/index.cjs.map +1 -1
- package/dist/export/icons/index.mjs +75 -45
- package/dist/export/icons/index.mjs.map +1 -1
- package/dist/export/themes.cjs +1 -1
- package/dist/export/themes.mjs +1 -1
- package/dist/{index-Buc_qqM8.js → index-2RkJbTMY.js} +2 -2
- package/dist/{index-Buc_qqM8.js.map → index-2RkJbTMY.js.map} +1 -1
- package/dist/{index-DOi5Kjo8.cjs → index-7ENn--8R.cjs} +2 -2
- package/dist/{index-DOi5Kjo8.cjs.map → index-7ENn--8R.cjs.map} +1 -1
- package/dist/{index-C6py_EuP.js → index-7eiS7IVr.js} +2 -2
- package/dist/{index-C6py_EuP.js.map → index-7eiS7IVr.js.map} +1 -1
- package/dist/{index-CDhhze5V.cjs → index-B6xg69Dq.cjs} +2 -2
- package/dist/{index-CDhhze5V.cjs.map → index-B6xg69Dq.cjs.map} +1 -1
- package/dist/{index-nO1TT3Hv.cjs → index-BViyRAH_.cjs} +3 -3
- package/dist/{index-nO1TT3Hv.cjs.map → index-BViyRAH_.cjs.map} +1 -1
- package/dist/{index-sTelSbrd.js → index-Bd5Hg5BP.js} +2 -2
- package/dist/{index-sTelSbrd.js.map → index-Bd5Hg5BP.js.map} +1 -1
- package/dist/{index-BAoRqihu.js → index-BfkAX8vS.js} +2 -2
- package/dist/{index-BAoRqihu.js.map → index-BfkAX8vS.js.map} +1 -1
- package/dist/{index-yE1fBF8R.js → index-BwK5-98B.js} +2 -2
- package/dist/{index-yE1fBF8R.js.map → index-BwK5-98B.js.map} +1 -1
- package/dist/{index-BRCeR851.cjs → index-C68HB9Av.cjs} +2 -2
- package/dist/{index-BRCeR851.cjs.map → index-C68HB9Av.cjs.map} +1 -1
- package/dist/{index-4Ok7zUt7.js → index-CNWC1hG3.js} +3 -3
- package/dist/{index-4Ok7zUt7.js.map → index-CNWC1hG3.js.map} +1 -1
- package/dist/{index-qhANrzdI.js → index-D-yx5xCK.js} +3 -3
- package/dist/{index-qhANrzdI.js.map → index-D-yx5xCK.js.map} +1 -1
- package/dist/{index-CcgvizQl.cjs → index-D9Jjiwns.cjs} +2 -2
- package/dist/{index-CcgvizQl.cjs.map → index-D9Jjiwns.cjs.map} +1 -1
- package/dist/{index-BAhWhzU2.cjs → index-DBvgEa5H.cjs} +3 -3
- package/dist/{index-BAhWhzU2.cjs.map → index-DBvgEa5H.cjs.map} +1 -1
- package/dist/{index-DeBEdBiR.js → index-DRT7h4xd.js} +2 -2
- package/dist/{index-DeBEdBiR.js.map → index-DRT7h4xd.js.map} +1 -1
- package/dist/{index-DGfDxTQ6.cjs → index-D_Sg8YF7.cjs} +2 -2
- package/dist/{index-DGfDxTQ6.cjs.map → index-D_Sg8YF7.cjs.map} +1 -1
- package/dist/{index-9wbX0zfU.cjs → index-Dit9UCpC.cjs} +2 -2
- package/dist/{index-9wbX0zfU.cjs.map → index-Dit9UCpC.cjs.map} +1 -1
- package/dist/{index-B-QsOYPK.cjs → index-DoeAXBYv.cjs} +2 -2
- package/dist/{index-B-QsOYPK.cjs.map → index-DoeAXBYv.cjs.map} +1 -1
- package/dist/{index-DQYpSmzE.js → index-GZOZ7L0s.js} +3 -3
- package/dist/{index-DQYpSmzE.js.map → index-GZOZ7L0s.js.map} +1 -1
- package/dist/{index-r8jIjbnw.cjs → index-Jt88FVTH.cjs} +3 -3
- package/dist/{index-r8jIjbnw.cjs.map → index-Jt88FVTH.cjs.map} +1 -1
- package/dist/{index-DkjLBaSk.js → index-ufMtBCkV.js} +2 -2
- package/dist/{index-DkjLBaSk.js.map → index-ufMtBCkV.js.map} +1 -1
- package/dist/{themes-BxAZpKEj.js → themes-B3gRP8Wm.js} +3 -1
- package/dist/themes-B3gRP8Wm.js.map +1 -0
- package/dist/{themes-ssj6M2ml.cjs → themes-DxTEP-Kl.cjs} +3 -1
- package/dist/themes-DxTEP-Kl.cjs.map +1 -0
- package/dist/types/UITheme.d.ts +2 -0
- package/dist/types/UITheme.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/UsersSolid-CEMcHCoD.js.map +0 -1
- package/dist/components-_1aj7fli.cjs.map +0 -1
- package/dist/components-qFMVWjVp.js.map +0 -1
- package/dist/themes-BxAZpKEj.js.map +0 -1
- package/dist/themes-ssj6M2ml.cjs.map +0 -1
package/dist/export/themes.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const themes = require("../themes-
|
|
3
|
+
const themes = require("../themes-DxTEP-Kl.cjs");
|
|
4
4
|
exports.dark = themes.dark;
|
|
5
5
|
exports.light = themes.light;
|
|
6
6
|
//# sourceMappingURL=themes.cjs.map
|
package/dist/export/themes.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs } from "@emotion/react/jsx-runtime";
|
|
2
2
|
import { css } from "@emotion/css";
|
|
3
|
-
import { d as Tooltip, a as Tag } from "./components-
|
|
3
|
+
import { d as Tooltip, a as Tag } from "./components-BoLr9Qow.js";
|
|
4
4
|
function CardActionButton({ onClick, tooltip, title, disabled, badge, highlighted, icon: Icon }) {
|
|
5
5
|
return /* @__PURE__ */ jsx(Tooltip, { content: tooltip, classNameWrapper: css({ width: "100%", display: "inline-block" }), children: /* @__PURE__ */ jsxs(
|
|
6
6
|
"button",
|
|
@@ -63,4 +63,4 @@ function CardActionButton({ onClick, tooltip, title, disabled, badge, highlighte
|
|
|
63
63
|
export {
|
|
64
64
|
CardActionButton as C
|
|
65
65
|
};
|
|
66
|
-
//# sourceMappingURL=index-
|
|
66
|
+
//# sourceMappingURL=index-2RkJbTMY.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-2RkJbTMY.js","sources":["../src/components/CardActionButton/index.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\nimport { css } from \"@emotion/css\";\n\nimport { Tag } from \"../Tag\";\nimport { Tooltip } from \"../Tooltip\";\nimport { IconCmp } from \"../../types/IconCmp\";\nexport type Props = {\n title: string;\n icon?: IconCmp;\n onClick?: () => void;\n tooltip?: string;\n disabled?: boolean;\n highlighted?: boolean;\n badge?: string | number;\n};\n\nexport function CardActionButton({ onClick, tooltip, title, disabled, badge, highlighted, icon: Icon }: Props): ReactElement {\n return (\n <Tooltip content={tooltip} classNameWrapper={css({ width: \"100%\", display: \"inline-block\" })}>\n <button\n onClick={onClick}\n disabled={disabled}\n css={({ neutral, radius, spacing, colors }) => ({\n cursor: disabled ? \"not-allowed\" : \"pointer\",\n border: \"none\",\n padding: spacing,\n gap: spacing,\n display: \"flex\",\n alignItems: \"center\",\n width: \"100%\",\n borderStyle: \"solid\",\n borderWidth: 1,\n borderColor: highlighted ? colors.focus : \"transparent\",\n backgroundColor: highlighted ? colors.focusTransparent20 : neutral.whiteFull,\n borderRadius: radius.roundButtons,\n \"&:hover:not([disabled])\": {\n \"& > span\": {\n color: colors.focus\n },\n \"& > svg path[fill]\": {\n fill: colors.focus\n },\n \"& > svg path[stroke]\": {\n stroke: colors.focus\n }\n }\n })}\n >\n {Icon ? (\n <Icon\n color=\"secondary\"\n css={({ transition }) => ({\n \"& > path[fill], & > path[stroke]\": {\n transition: transition.duration\n }\n })}\n />\n ) : null}\n <span\n css={({ text, fontSize, transition }) => ({\n color: disabled ? text.secondary : text.main,\n fontSize: fontSize.regular,\n transition: transition.duration\n })}\n >\n {title}\n </span>\n {badge !== undefined ? <Tag value={badge} small /> : null}\n </button>\n </Tooltip>\n );\n}\n"],"names":[],"mappings":";;;AAgBO,SAAS,iBAAiB,EAAE,SAAS,SAAS,OAAO,UAAU,OAAO,aAAa,MAAM,QAA6B;AAC3H,SACE,oBAAC,SAAA,EAAQ,SAAS,SAAS,kBAAkB,IAAI,EAAE,OAAO,QAAQ,SAAS,eAAA,CAAgB,GACzF,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,KAAK,CAAC,EAAE,SAAS,QAAQ,SAAS,cAAc;AAAA,QAC9C,QAAQ,WAAW,gBAAgB;AAAA,QACnC,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,KAAK;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa,cAAc,OAAO,QAAQ;AAAA,QAC1C,iBAAiB,cAAc,OAAO,qBAAqB,QAAQ;AAAA,QACnE,cAAc,OAAO;AAAA,QACrB,2BAA2B;AAAA,UACzB,YAAY;AAAA,YACV,OAAO,OAAO;AAAA,UAAA;AAAA,UAEhB,sBAAsB;AAAA,YACpB,MAAM,OAAO;AAAA,UAAA;AAAA,UAEf,wBAAwB;AAAA,YACtB,QAAQ,OAAO;AAAA,UAAA;AAAA,QACjB;AAAA,MACF;AAAA,MAGD,UAAA;AAAA,QAAA,OACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,KAAK,CAAC,EAAE,kBAAkB;AAAA,cACxB,oCAAoC;AAAA,gBAClC,YAAY,WAAW;AAAA,cAAA;AAAA,YACzB;AAAA,UACF;AAAA,QAAA,IAEA;AAAA,QACJ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK,CAAC,EAAE,MAAM,UAAU,kBAAkB;AAAA,cACxC,OAAO,WAAW,KAAK,YAAY,KAAK;AAAA,cACxC,UAAU,SAAS;AAAA,cACnB,YAAY,WAAW;AAAA,YAAA;AAAA,YAGxB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,UAAU,SAAY,oBAAC,KAAA,EAAI,OAAO,OAAO,OAAK,MAAC,IAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEzD;AAEJ;"}
|
|
@@ -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-2IYis_pS.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-7ENn--8R.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-7ENn--8R.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;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { T as Typography } from "./components-
|
|
2
|
+
import { T as Typography } from "./components-BoLr9Qow.js";
|
|
3
3
|
function Badge({ label, icon: Icon }) {
|
|
4
4
|
return /* @__PURE__ */ jsxs(
|
|
5
5
|
"div",
|
|
@@ -27,4 +27,4 @@ function Badge({ label, icon: Icon }) {
|
|
|
27
27
|
export {
|
|
28
28
|
Badge as default
|
|
29
29
|
};
|
|
30
|
-
//# sourceMappingURL=index-
|
|
30
|
+
//# sourceMappingURL=index-7eiS7IVr.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-7eiS7IVr.js","sources":["../src/components/ActionSheet/components/Badge/index.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nimport { Typography } from \"../../../Typography\";\nimport { IconCmp } from \"../../../../types/IconCmp\";\n\ntype Props = {\n label: string;\n icon?: IconCmp;\n};\n\nexport default function Badge({ label, icon: Icon }: Props): ReactElement {\n return (\n <div\n css={({ spacing, bg, radius }) => ({\n position: \"absolute\",\n display: \"flex\",\n gap: spacing,\n alignItems: \"center\",\n height: 28,\n top: spacing * 3,\n left: spacing * 3,\n backgroundColor: bg.card,\n borderRadius: radius.big,\n paddingLeft: spacing,\n paddingRight: spacing\n })}\n >\n {Icon && <Icon color=\"primary\" size={16} />}\n <Typography.Text color=\"primary\" size=\"s\">\n {label}\n </Typography.Text>\n </div>\n );\n}\n"],"names":[],"mappings":";;AAUA,SAAwB,MAAM,EAAE,OAAO,MAAM,QAA6B;AACxE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,CAAC,EAAE,SAAS,IAAI,cAAc;AAAA,QACjC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,KAAK;AAAA,QACL,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,KAAK,UAAU;AAAA,QACf,MAAM,UAAU;AAAA,QAChB,iBAAiB,GAAG;AAAA,QACpB,cAAc,OAAO;AAAA,QACrB,aAAa;AAAA,QACb,cAAc;AAAA,MAAA;AAAA,MAGf,UAAA;AAAA,QAAA,QAAQ,oBAAC,MAAA,EAAK,OAAM,WAAU,MAAM,IAAI;AAAA,QACzC,oBAAC,WAAW,MAAX,EAAgB,OAAM,WAAU,MAAK,KACnC,UAAA,MAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -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-2IYis_pS.cjs");
|
|
5
5
|
function Badge({ label, icon: Icon }) {
|
|
6
6
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7
7
|
"div",
|
|
@@ -27,4 +27,4 @@ function Badge({ label, icon: Icon }) {
|
|
|
27
27
|
);
|
|
28
28
|
}
|
|
29
29
|
exports.default = Badge;
|
|
30
|
-
//# sourceMappingURL=index-
|
|
30
|
+
//# sourceMappingURL=index-B6xg69Dq.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-B6xg69Dq.cjs","sources":["../src/components/ActionSheet/components/Badge/index.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nimport { Typography } from \"../../../Typography\";\nimport { IconCmp } from \"../../../../types/IconCmp\";\n\ntype Props = {\n label: string;\n icon?: IconCmp;\n};\n\nexport default function Badge({ label, icon: Icon }: Props): ReactElement {\n return (\n <div\n css={({ spacing, bg, radius }) => ({\n position: \"absolute\",\n display: \"flex\",\n gap: spacing,\n alignItems: \"center\",\n height: 28,\n top: spacing * 3,\n left: spacing * 3,\n backgroundColor: bg.card,\n borderRadius: radius.big,\n paddingLeft: spacing,\n paddingRight: spacing\n })}\n >\n {Icon && <Icon color=\"primary\" size={16} />}\n <Typography.Text color=\"primary\" size=\"s\">\n {label}\n </Typography.Text>\n </div>\n );\n}\n"],"names":["jsxs","jsx","Typography"],"mappings":";;;;AAUA,SAAwB,MAAM,EAAE,OAAO,MAAM,QAA6B;AACxE,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,CAAC,EAAE,SAAS,IAAI,cAAc;AAAA,QACjC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,KAAK;AAAA,QACL,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,KAAK,UAAU;AAAA,QACf,MAAM,UAAU;AAAA,QAChB,iBAAiB,GAAG;AAAA,QACpB,cAAc,OAAO;AAAA,QACrB,aAAa;AAAA,QACb,cAAc;AAAA,MAAA;AAAA,MAGf,UAAA;AAAA,QAAA,QAAQC,2BAAAA,IAAC,MAAA,EAAK,OAAM,WAAU,MAAM,IAAI;AAAA,QACzCA,+BAACC,kBAAAA,WAAW,MAAX,EAAgB,OAAM,WAAU,MAAK,KACnC,UAAA,MAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;"}
|
|
@@ -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-C68HB9Av.cjs");
|
|
5
|
+
const export_components = require("./components-2IYis_pS.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-BViyRAH_.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-BViyRAH_.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;;"}
|