npm - @ixo/ui - Versions diffs - 0.0.3 → 0.0.4 - Mend

@ixo/ui 0.0.3 → 0.0.4

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

Files changed (52) hide show

package/dist/{index-BIFVgSxH.js → index-yE1fBF8R.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { T as Typography } from "./components-DwhQhLPm.js";
+import { T as Typography } from "./components-qFMVWjVp.js";
 function Assets({ items, summary }) {
   return /* @__PURE__ */ jsxs(
     "ul",
@@ -164,4 +164,4 @@ function Assets({ items, summary }) {
 export {
   Assets as default
 };
-//# sourceMappingURL=index-BIFVgSxH.js.map
+//# sourceMappingURL=index-yE1fBF8R.js.map

package/dist/{index-BIFVgSxH.js.map → index-yE1fBF8R.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-~~BIFVgSxH~~.js","sources":["../src/components/SodaCard/components/Assets/index.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nimport { Typography } from \"../../../Typography\";\nimport { IconCmp } from \"../../../../types/IconCmp\";\n\nexport type Props = {\n summary?: {\n title: string;\n description?: string;\n actionIcon?: IconCmp;\n onClick?: () => void;\n };\n items: Array<{\n id: string;\n amount: number;\n status: \"approved\" \| \"disputed\" \| \"rejected\";\n reward: number;\n rewardUsd: number;\n }>;\n};\n\nexport default function Assets({ items, summary }: Props): ReactElement {\n return (\n <ul\n css={({ font, text, fontSize, spacing, bg, radius }) => ({\n margin: 0,\n paddingTop: spacing * 2,\n paddingLeft: spacing * 2,\n paddingRight: spacing * 2,\n listStyle: \"none\",\n fontFamily: font.main,\n color: text.secondary,\n fontSize: fontSize.s,\n backgroundColor: bg.card,\n borderBottomLeftRadius: radius.medium,\n borderBottomRightRadius: radius.medium,\n overflow: \"hidden\"\n })}\n >\n <li css={{ display: \"flex\", justifyContent: \"space-between\" }}>\n <span css={({ spacing }) => ({ paddingLeft: spacing })}>Claim</span>\n <span css={({ spacing }) => ({ paddingRight: spacing })}>Reward</span>\n </li>\n {items.map((item) => (\n <li\n key={item.id}\n css={({ spacing }) => ({\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n marginBottom: spacing / 2,\n padding: spacing\n })}\n >\n <div css={{ display: \"flex\", alignItems: \"center\" }}>\n <span\n css={({ text, fontSize }) => ({\n color: text.main,\n fontSize: fontSize.regular\n })}\n >\n 12\n </span>\n <span\n css={({ spacing, radius, fontSize, semantic }) => {\n const color = {\n approved: semantic.success,\n disputed: semantic.warning,\n rejected: semantic.error\n }[item.status];\n\n const backgroundColor = {\n approved: semantic.successTransparent,\n disputed: semantic.warningTransparent,\n rejected: semantic.errorTransparent\n }[item.status];\n\n return {\n marginLeft: spacing,\n borderRadius: radius.medium,\n paddingLeft: spacing,\n paddingRight: spacing,\n paddingTop: spacing / 2,\n paddingBottom: spacing / 2,\n fontSize: fontSize.xs,\n backgroundColor,\n color\n };\n }}\n >\n Approved\n </span>\n </div>\n <div\n css={{\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"flex-end\"\n }}\n >\n <span\n css={({ text, fontSize }) => ({\n color: text.main,\n fontSize: fontSize.regular\n })}\n >\n 100 IXO\n </span>\n <span\n css={({ text, fontSize }) => ({\n color: text.secondary,\n fontSize: fontSize.xs\n })}\n >\n $200.12\n </span>\n </div>\n </li>\n ))}\n\n {summary ? (\n <button\n onClick={summary.onClick}\n css={({ bg, spacing, radius }) => ({\n display: \"flex\",\n width: \"100%\",\n border: \"none\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n backgroundColor: bg.cardHighlight,\n padding: spacing,\n borderRadius: radius.small,\n cursor: \"pointer\",\n marginBottom: spacing * 2\n })}\n >\n <div\n css={{\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"start\"\n }}\n >\n <Typography.Text color=\"text\" size=\"regular\">\n {summary.title}\n </Typography.Text>\n {summary.description ? (\n <Typography.Text color=\"secondary\" size=\"xs\">\n {summary.description}\n </Typography.Text>\n ) : null}\n </div>\n {summary.actionIcon ? (\n <div\n css={({ colors, radius }) => ({\n width: 32,\n height: 32,\n backgroundColor: colors.focusTransparent10,\n borderRadius: radius.small / 2\n })}\n >\n <summary.actionIcon color=\"primary\" />\n </div>\n ) : null}\n </button>\n ) : null}\n </ul>\n );\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"index-yE1fBF8R.js","sources":["../src/components/SodaCard/components/Assets/index.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nimport { Typography } from \"../../../Typography\";\nimport { IconCmp } from \"../../../../types/IconCmp\";\n\nexport type Props = {\n summary?: {\n title: string;\n description?: string;\n actionIcon?: IconCmp;\n onClick?: () => void;\n };\n items: Array<{\n id: string;\n amount: number;\n status: \"approved\" \| \"disputed\" \| \"rejected\";\n reward: number;\n rewardUsd: number;\n }>;\n};\n\nexport default function Assets({ items, summary }: Props): ReactElement {\n return (\n <ul\n css={({ font, text, fontSize, spacing, bg, radius }) => ({\n margin: 0,\n paddingTop: spacing * 2,\n paddingLeft: spacing * 2,\n paddingRight: spacing * 2,\n listStyle: \"none\",\n fontFamily: font.main,\n color: text.secondary,\n fontSize: fontSize.s,\n backgroundColor: bg.card,\n borderBottomLeftRadius: radius.medium,\n borderBottomRightRadius: radius.medium,\n overflow: \"hidden\"\n })}\n >\n <li css={{ display: \"flex\", justifyContent: \"space-between\" }}>\n <span css={({ spacing }) => ({ paddingLeft: spacing })}>Claim</span>\n <span css={({ spacing }) => ({ paddingRight: spacing })}>Reward</span>\n </li>\n {items.map((item) => (\n <li\n key={item.id}\n css={({ spacing }) => ({\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n marginBottom: spacing / 2,\n padding: spacing\n })}\n >\n <div css={{ display: \"flex\", alignItems: \"center\" }}>\n <span\n css={({ text, fontSize }) => ({\n color: text.main,\n fontSize: fontSize.regular\n })}\n >\n 12\n </span>\n <span\n css={({ spacing, radius, fontSize, semantic }) => {\n const color = {\n approved: semantic.success,\n disputed: semantic.warning,\n rejected: semantic.error\n }[item.status];\n\n const backgroundColor = {\n approved: semantic.successTransparent,\n disputed: semantic.warningTransparent,\n rejected: semantic.errorTransparent\n }[item.status];\n\n return {\n marginLeft: spacing,\n borderRadius: radius.medium,\n paddingLeft: spacing,\n paddingRight: spacing,\n paddingTop: spacing / 2,\n paddingBottom: spacing / 2,\n fontSize: fontSize.xs,\n backgroundColor,\n color\n };\n }}\n >\n Approved\n </span>\n </div>\n <div\n css={{\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"flex-end\"\n }}\n >\n <span\n css={({ text, fontSize }) => ({\n color: text.main,\n fontSize: fontSize.regular\n })}\n >\n 100 IXO\n </span>\n <span\n css={({ text, fontSize }) => ({\n color: text.secondary,\n fontSize: fontSize.xs\n })}\n >\n $200.12\n </span>\n </div>\n </li>\n ))}\n\n {summary ? (\n <button\n onClick={summary.onClick}\n css={({ bg, spacing, radius }) => ({\n display: \"flex\",\n width: \"100%\",\n border: \"none\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n backgroundColor: bg.cardHighlight,\n padding: spacing,\n borderRadius: radius.small,\n cursor: \"pointer\",\n marginBottom: spacing * 2\n })}\n >\n <div\n css={{\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"start\"\n }}\n >\n <Typography.Text color=\"text\" size=\"regular\">\n {summary.title}\n </Typography.Text>\n {summary.description ? (\n <Typography.Text color=\"secondary\" size=\"xs\">\n {summary.description}\n </Typography.Text>\n ) : null}\n </div>\n {summary.actionIcon ? (\n <div\n css={({ colors, radius }) => ({\n width: 32,\n height: 32,\n backgroundColor: colors.focusTransparent10,\n borderRadius: radius.small / 2\n })}\n >\n <summary.actionIcon color=\"primary\" />\n </div>\n ) : null}\n </button>\n ) : null}\n </ul>\n );\n}\n"],"names":[],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@ixo/ui",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "IXO UI library",
   "author": "IXO",
   "homepage": "https://github.com/ixoworld/ixo-ui#readme",