@zoralabs/nft-components - npm Package Compare versions

Comparing version 0.0.22 to 0.0.24

dist/constants/style.d.ts

@@ -54,2 +54,4 @@ import { ThemeOptionsType } from "./theme";
         nftProposalActionList: (_: ThemeOptionsType) => string;
+        nftProposalLabelWrapper: (_: ThemeOptionsType) => string;
+        nftProposalUserView: (_: ThemeOptionsType) => string;
         nftProposalLabel: (theme: ThemeOptionsType) => string[];
@@ -56,0 +58,0 @@ fullPageHistoryItemDatestamp: (theme: ThemeOptionsType) => string[];

dist/constants/style.js

@@ -188,2 +188,4 @@ "use strict";
     `,
+        nftProposalLabelWrapper: (_) => css_1.css ``,
+        nftProposalUserView: (_) => css_1.css ``,
         nftProposalLabel: (theme) => [
@@ -190,0 +192,0 @@ css_1.css `

dist/context/useMediaContext.d.ts

@@ -581,2 +581,62 @@ import { Strings } from "../constants/strings";
             }) => string;
+            nftProposalLabelWrapper: (_: {
+                previewCard: {
+                    width: string;
+                    height: string;
+                    background: string;
+                };
+                nftProposalCard: {
+                    mediaWidth: string;
+                    mediaHeight: string;
+                };
+                textBlockPadding: string;
+                borderStyle: string;
+                lineSpacing: number;
+                maximumPricingDecimals: number;
+                linkColor: string;
+                bodyFont: string;
+                titleFont: string;
+                headerFont: string;
+                mediaContentFont: {
+                    fontFamily: string;
+                };
+                buttonColor: {
+                    primaryBackground: string;
+                    primaryText: string;
+                    background: string;
+                    text: string;
+                };
+                defaultBorderRadius: number;
+                fontSizeFull: number;
+            }) => string;
+            nftProposalUserView: (_: {
+                previewCard: {
+                    width: string;
+                    height: string;
+                    background: string;
+                };
+                nftProposalCard: {
+                    mediaWidth: string;
+                    mediaHeight: string;
+                };
+                textBlockPadding: string;
+                borderStyle: string;
+                lineSpacing: number;
+                maximumPricingDecimals: number;
+                linkColor: string;
+                bodyFont: string;
+                titleFont: string;
+                headerFont: string;
+                mediaContentFont: {
+                    fontFamily: string;
+                };
+                buttonColor: {
+                    primaryBackground: string;
+                    primaryText: string;
+                    background: string;
+                    text: string;
+                };
+                defaultBorderRadius: number;
+                fontSizeFull: number;
+            }) => string;
             nftProposalLabel: (theme: {
@@ -583,0 +643,0 @@ previewCard: {

dist/nft-proposal/ProposalActionList.js

@@ -24,7 +24,7 @@ "use strict";
     };
-    return (jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("nftProposalActionList"), { children: [jsx_runtime_1.jsxs("div", { children: [jsx_runtime_1.jsx("div", Object.assign({}, getStyles("nftProposalLabel"), { children: getString("RESERVE_PRICE") }), void 0),
-                    jsx_runtime_1.jsx("div", Object.assign({}, getStyles("fullOwnerAddress"), { children: ((_a = data === null || data === void 0 ? void 0 : data.pricing.reserve) === null || _a === void 0 ? void 0 : _a.reservePrice) !== undefined && (jsx_runtime_1.jsx(PricingString_1.PricingString, { pricing: data.pricing.reserve.reservePrice, showUSD: false }, void 0)) }), void 0)] }, void 0),
-            jsx_runtime_1.jsxs("div", { children: [jsx_runtime_1.jsx("div", Object.assign({}, getStyles("nftProposalLabel"), { children: getString("PROPOSAL_CURATOR_SHARE") }), void 0),
-                    jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("fullOwnerAddress"), { children: [(data === null || data === void 0 ? void 0 : data.pricing.reserve) && data.pricing.reserve.curatorFeePercentage, "%"] }), void 0)] }, void 0), getActions()] }), void 0));
+    return (jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("nftProposalActionList"), { children: [jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("nftProposalLabelWrapper"), { children: [jsx_runtime_1.jsx("div", Object.assign({}, getStyles("nftProposalLabel"), { children: getString("RESERVE_PRICE") }), void 0),
+                    jsx_runtime_1.jsx("div", Object.assign({}, getStyles("fullOwnerAddress"), { children: ((_a = data === null || data === void 0 ? void 0 : data.pricing.reserve) === null || _a === void 0 ? void 0 : _a.reservePrice) !== undefined && (jsx_runtime_1.jsx(PricingString_1.PricingString, { pricing: data.pricing.reserve.reservePrice, showUSD: false }, void 0)) }), void 0)] }), void 0),
+            jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("nftProposalLabelWrapper"), { children: [jsx_runtime_1.jsx("div", Object.assign({}, getStyles("nftProposalLabel"), { children: getString("PROPOSAL_CURATOR_SHARE") }), void 0),
+                    jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("fullOwnerAddress"), { children: [(data === null || data === void 0 ? void 0 : data.pricing.reserve) && data.pricing.reserve.curatorFeePercentage, "%"] }), void 0)] }), void 0), getActions()] }), void 0));
 };
 exports.ProposalActionList = ProposalActionList;

dist/nft-proposal/ProposalMediaDisplay.js

@@ -31,9 +31,9 @@ "use strict";
             jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("nftProposalInfoLayout"), { children: [jsx_runtime_1.jsx("div", Object.assign({}, getStyles("nftProposalTitle"), { children: title }), void 0),
-                    jsx_runtime_1.jsxs("div", { children: [jsx_runtime_1.jsx("div", Object.assign({}, getStyles("nftProposalLabel"), { children: hasCreator
+                    jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("nftProposalLabelWrapper"), { children: [jsx_runtime_1.jsx("div", Object.assign({}, getStyles("nftProposalLabel"), { children: hasCreator
                                     ? getString("CARD_CREATED_BY")
                                     : getString("CARD_OWNED_BY") }), void 0),
-                            jsx_runtime_1.jsx("div", Object.assign({}, getStyles("fullOwnerAddress"), { children: address && jsx_runtime_1.jsx(AddressView_1.AddressView, { address: address }, void 0) }), void 0)] }, void 0),
-                    ((_a = data === null || data === void 0 ? void 0 : data.pricing.reserve) === null || _a === void 0 ? void 0 : _a.tokenOwner) && (jsx_runtime_1.jsxs("div", { children: [jsx_runtime_1.jsx("div", Object.assign({}, getStyles("nftProposalLabel"), { children: getString("PROPOSED_BY") }), void 0),
-                            jsx_runtime_1.jsx("div", Object.assign({}, getStyles("fullOwnerAddress"), { children: address && (jsx_runtime_1.jsx(AddressView_1.AddressView, { address: data.pricing.reserve.tokenOwner.id }, void 0)) }), void 0)] }, void 0))] }), void 0)] }, void 0));
+                            jsx_runtime_1.jsx("div", Object.assign({}, getStyles("fullOwnerAddress"), { children: address && jsx_runtime_1.jsx(AddressView_1.AddressView, { address: address }, void 0) }), void 0)] }), void 0),
+                    ((_a = data === null || data === void 0 ? void 0 : data.pricing.reserve) === null || _a === void 0 ? void 0 : _a.tokenOwner) && (jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("nftProposalLabelWrapper"), { children: [jsx_runtime_1.jsx("div", Object.assign({}, getStyles("nftProposalLabel"), { children: getString("PROPOSED_BY") }), void 0),
+                            jsx_runtime_1.jsx("div", Object.assign({}, getStyles("fullOwnerAddress"), { children: address && (jsx_runtime_1.jsx(AddressView_1.AddressView, { address: data.pricing.reserve.tokenOwner.id }, void 0)) }), void 0)] }), void 0))] }), void 0)] }, void 0));
 };
 exports.ProposalMediaDisplay = ProposalMediaDisplay;

dist/nft-proposal/ProposalUserView.js

@@ -12,6 +12,6 @@ "use strict";
     const username = nft_hooks_1.useZoraUsername(address);
-    return (jsx_runtime_1.jsxs("div", { children: [((_a = username.username) === null || _a === void 0 ? void 0 : _a.profile_image_url) && (jsx_runtime_1.jsx("img", { src: (_b = username.username) === null || _b === void 0 ? void 0 : _b.profile_image_url, width: "50", height: "50", alt: (_c = username.username) === null || _c === void 0 ? void 0 : _c.name }, void 0)),
+    return (jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("nftProposalUserView"), { children: [((_a = username.username) === null || _a === void 0 ? void 0 : _a.profile_image_url) && (jsx_runtime_1.jsx("img", { src: (_b = username.username) === null || _b === void 0 ? void 0 : _b.profile_image_url, width: "50", height: "50", alt: (_c = username.username) === null || _c === void 0 ? void 0 : _c.name }, void 0)),
             jsx_runtime_1.jsxs("span", { children: [jsx_runtime_1.jsx(AddressView_1.AddressView, { address: address }, void 0),
-                    ((_d = username.username) === null || _d === void 0 ? void 0 : _d.name) && (jsx_runtime_1.jsx("span", Object.assign({}, getStyles("textSubdued"), { children: username.username.name }), void 0))] }, void 0)] }, void 0));
+                    ((_d = username.username) === null || _d === void 0 ? void 0 : _d.name) && (jsx_runtime_1.jsx("span", Object.assign({}, getStyles("textSubdued"), { children: username.username.name }), void 0))] }, void 0)] }), void 0));
 };
 exports.ProposalUserView = ProposalUserView;

package.json

 {
   "name": "@zoralabs/nft-components",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "description": "NFT Media Rendering Components",
@@ -18,3 +18,3 @@ "typings": "dist/index.d.ts",
     "@types/react": "^17.0.5",
-    "@zoralabs/nft-hooks": "^0.4.3",
+    "@zoralabs/nft-hooks": "^0.4.5",
     "merge-anything": "^4.0.1",
@@ -21,0 +21,0 @@ "react": "^17.0.2",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

180845

increased by1.47%

Lines of code

4034

increased by1.66%

Dependency changes

• Updated@zoralabs/nft-hooks@^0.4.5