@deriv/quill-icons 2.12.0 → 2.14.0

package/dist/react/allIconsNames.js

@@ -305,6 +305,10 @@ export const allIconsNames = [
                         type: 'file',
                         name: 'CurrencyMultiCollateralDaiIcon.tsx',
                     },
+                    {
+                        type: 'file',
+                        name: 'CurrencyNearIcon.tsx',
+                    },
                     {
                         type: 'file',
                         name: 'CurrencyNeoIcon.tsx',
@@ -361,6 +365,10 @@ export const allIconsNames = [
                         type: 'file',
                         name: 'CurrencySolIcon.tsx',
                     },
+                    {
+                        type: 'file',
+                        name: 'CurrencySuiIcon.tsx',
+                    },
                     {
                         type: 'file',
                         name: 'CurrencyTerraIcon.tsx',
@@ -465,6 +473,10 @@ export const allIconsNames = [
                         type: 'file',
                         name: 'CurrencyUsdtTrxIcon.tsx',
                     },
+                    {
+                        type: 'file',
+                        name: 'CurrencyWbethIcon.tsx',
+                    },
                     {
                         type: 'file',
                         name: 'CurrencyXlmIcon.tsx',
@@ -1733,6 +1745,10 @@ export const allIconsNames = [
                                 type: 'file',
                                 name: 'DerivLightBase.webp',
                             },
+                            {
+                                type: 'file',
+                                name: 'DerivLightBch.webp',
+                            },
                             {
                                 type: 'file',
                                 name: 'DerivLightBeFair.webp',
@@ -1845,6 +1861,14 @@ export const allIconsNames = [
                                 type: 'file',
                                 name: 'DerivLightDerivBot.webp',
                             },
+                            {
+                                type: 'file',
+                                name: 'DerivLightDerivCopy.webp',
+                            },
+                            {
+                                type: 'file',
+                                name: 'DerivLightDerivCryptoExchange.webp',
+                            },
                             {
                                 type: 'file',
                                 name: 'DerivLightDerivGo.webp',
@@ -2305,6 +2329,10 @@ export const allIconsNames = [
                                 type: 'file',
                                 name: 'DerivLightNamePoi.webp',
                             },
+                            {
+                                type: 'file',
+                                name: 'DerivLightNear.webp',
+                            },
                             {
                                 type: 'file',
                                 name: 'DerivLightNegativeAnnouncement.webp',
@@ -2505,10 +2533,18 @@ export const allIconsNames = [
                                 type: 'file',
                                 name: 'DerivLightSpreadRisk.webp',
                             },
+                            {
+                                type: 'file',
+                                name: 'DerivLightStandardLinkCopy.webp',
+                            },
                             {
                                 type: 'file',
                                 name: 'DerivLightSuccessBiometrics.webp',
                             },
+                            {
+                                type: 'file',
+                                name: 'DerivLightSui.webp',
+                            },
                             {
                                 type: 'file',
                                 name: 'DerivLightSwapFree.webp',
@@ -2733,6 +2769,10 @@ export const allIconsNames = [
                                 type: 'file',
                                 name: 'DerivLightWalletUnavailable.webp',
                             },
+                            {
+                                type: 'file',
+                                name: 'DerivLightWbeth.webp',
+                            },
                             {
                                 type: 'file',
                                 name: 'DerivLightWbtc.webp',
@@ -2939,6 +2979,10 @@ export const allIconsNames = [
                         type: 'file',
                         name: 'DerivLightBaseIcon.tsx',
                     },
+                    {
+                        type: 'file',
+                        name: 'DerivLightBchIcon.tsx',
+                    },
                     {
                         type: 'file',
                         name: 'DerivLightBeFairIcon.tsx',
@@ -3051,6 +3095,14 @@ export const allIconsNames = [
                         type: 'file',
                         name: 'DerivLightDerivBotIcon.tsx',
                     },
+                    {
+                        type: 'file',
+                        name: 'DerivLightDerivCopyIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'DerivLightDerivCryptoExchangeIcon.tsx',
+                    },
                     {
                         type: 'file',
                         name: 'DerivLightDerivGoIcon.tsx',
@@ -3511,6 +3563,10 @@ export const allIconsNames = [
                         type: 'file',
                         name: 'DerivLightNamePoiIcon.tsx',
                     },
+                    {
+                        type: 'file',
+                        name: 'DerivLightNearIcon.tsx',
+                    },
                     {
                         type: 'file',
                         name: 'DerivLightNegativeAnnouncementIcon.tsx',
@@ -3711,10 +3767,18 @@ export const allIconsNames = [
                         type: 'file',
                         name: 'DerivLightSpreadRiskIcon.tsx',
                     },
+                    {
+                        type: 'file',
+                        name: 'DerivLightStandardLinkCopyIcon.tsx',
+                    },
                     {
                         type: 'file',
                         name: 'DerivLightSuccessBiometricsIcon.tsx',
                     },
+                    {
+                        type: 'file',
+                        name: 'DerivLightSuiIcon.tsx',
+                    },
                     {
                         type: 'file',
                         name: 'DerivLightSwapFreeIcon.tsx',
@@ -3939,6 +4003,10 @@ export const allIconsNames = [
                         type: 'file',
                         name: 'DerivLightWalletUnavailableIcon.tsx',
                     },
+                    {
+                        type: 'file',
+                        name: 'DerivLightWbethIcon.tsx',
+                    },
                     {
                         type: 'file',
                         name: 'DerivLightWbtcIcon.tsx',
@@ -25511,6 +25579,22 @@ export const allIconsNames = [
                         type: 'file',
                         name: 'PaymentMethodAopayBrandIcon.tsx',
                     },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodAopayMobileMoneyBlackIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodAopayMobileMoneyBrandDarkIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodAopayMobileMoneyBrandIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodAopayMobileMoneyWhiteIcon.tsx',
+                    },
                     {
                         type: 'file',
                         name: 'PaymentMethodAopayWhiteIcon.tsx',
@@ -25559,6 +25643,22 @@ export const allIconsNames = [
                         type: 'file',
                         name: 'PaymentMethodBankNegaraIndonesiaBniWhiteIcon.tsx',
                     },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodBankonlinekrBlackIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodBankonlinekrBrandDarkIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodBankonlinekrBrandIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodBankonlinekrWhiteIcon.tsx',
+                    },
                     {
                         type: 'file',
                         name: 'PaymentMethodBankRakyatIndonesiaBriBlackIcon.tsx',
@@ -25635,6 +25735,22 @@ export const allIconsNames = [
                         type: 'file',
                         name: 'PaymentMethodBanxaWhiteIcon.tsx',
                     },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodBcpBlackIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodBcpBrandDarkIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodBcpBrandIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodBcpWhiteIcon.tsx',
+                    },
                     {
                         type: 'file',
                         name: 'PaymentMethodBeyonicBlackIcon.tsx',
@@ -25727,6 +25843,22 @@ export const allIconsNames = [
                         type: 'file',
                         name: 'PaymentMethodCardanoWhiteIcon.tsx',
                     },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodChainlinkBlackIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodChainlinkBrandDarkIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodChainlinkBrandIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodChainlinkWhiteIcon.tsx',
+                    },
                     {
                         type: 'file',
                         name: 'PaymentMethodChangellyBlackIcon.tsx',
@@ -25759,6 +25891,22 @@ export const allIconsNames = [
                         type: 'file',
                         name: 'PaymentMethodChequeWhiteIcon.tsx',
                     },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodChipPayBlackIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodChipPayBrandDarkIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodChipPayBrandIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodChipPayWhiteIcon.tsx',
+                    },
                     {
                         type: 'file',
                         name: 'PaymentMethodCimbniagaBlackIcon.tsx',
@@ -25807,6 +25955,22 @@ export const allIconsNames = [
                         type: 'file',
                         name: 'PaymentMethodCryptosWhiteIcon.tsx',
                     },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodD24VoucherBlackIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodD24VoucherBrandDarkIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodD24VoucherBrandIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodD24VoucherWhiteIcon.tsx',
+                    },
                     {
                         type: 'file',
                         name: 'PaymentMethodDaiBlackIcon.tsx',
@@ -26711,10 +26875,22 @@ export const allIconsNames = [
                         type: 'file',
                         name: 'PaymentMethodPrzelewy24WhiteIcon.tsx',
                     },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodPseBlackIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodPseBrandDarkIcon.tsx',
+                    },
                     {
                         type: 'file',
                         name: 'PaymentMethodPseBrandIcon.tsx',
                     },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodPseWhiteIcon.tsx',
+                    },
                     {
                         type: 'file',
                         name: 'PaymentMethodQiwiBlackIcon.tsx',
@@ -26815,6 +26991,18 @@ export const allIconsNames = [
                         type: 'file',
                         name: 'PaymentMethodSticpayWhiteIcon.tsx',
                     },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodTetherBlackIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodTetherBrandDarkIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodTetherBrandIcon.tsx',
+                    },
                     {
                         type: 'file',
                         name: 'PaymentMethodTetherUsdtBlackIcon.tsx',
@@ -26827,6 +27015,26 @@ export const allIconsNames = [
                         type: 'file',
                         name: 'PaymentMethodTetherUsdtWhiteIcon.tsx',
                     },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodTetherWhiteIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodTpagaBlackIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodTpagaBrandDarkIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodTpagaBrandIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodTpagaWhiteIcon.tsx',
+                    },
                     {
                         type: 'file',
                         name: 'PaymentMethodTronBrandIcon.tsx',
@@ -26859,6 +27067,22 @@ export const allIconsNames = [
                         type: 'file',
                         name: 'PaymentMethodUnionpayWhiteIcon.tsx',
                     },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodUpiBlackIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodUpiBrandDarkIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodUpiBrandIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodUpiWhiteIcon.tsx',
+                    },
                     {
                         type: 'file',
                         name: 'PaymentMethodUsdCoinBlackIcon.tsx',
@@ -26875,6 +27099,22 @@ export const allIconsNames = [
                         type: 'file',
                         name: 'PaymentMethodUsdCoinWhiteIcon.tsx',
                     },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodVertupayBlackIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodVertupayBrandDarkIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodVertupayBrandIcon.tsx',
+                    },
+                    {
+                        type: 'file',
+                        name: 'PaymentMethodVertupayWhiteIcon.tsx',
+                    },
                     {
                         type: 'file',
                         name: 'PaymentMethodVerveBlackIcon.tsx',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deriv/quill-icons",
-  "version": "2.12.0",
+  "version": "2.14.0",
   "description": "This is the central repository for quill icons, exported from figma design file",
   "files": [
     "dist"
@@ -92,12 +92,13 @@
     "migrate:illustrations:png": "tsx ./scripts/migrate-illustrations-to-png.ts",
     "sync:illustration:components": "tsx ./scripts/sync-illustration-components.ts",
     "export:figma": "npm-run-all export:icons export:logos export:illustrations",
-    "rexport": "npm-run-all clean export:figma format",
+    "finalize:figma": "tsx ./scripts/finalize-figma-export.ts",
+    "rexport": "npm-run-all export:figma finalize:figma",
     "export:barrels": "barrelsby -c barrelsby.config.json",
-    "export": "npm-run-all clean export:figma allIconsNames export:barrels format",
+    "export": "npm-run-all export:figma finalize:figma",
     "clean:postBuild": "rimraf dist/types dist/index.d.ts dist/index.js",
     "build": "rimraf dist && node --max-old-space-size=8192 ./node_modules/typescript/bin/tsc -p tsconfig.json && tsx ./scripts/copy-illustration-assets.ts",
-    "rebuild": "npm-run-all clean export build",
+    "rebuild": "npm-run-all export build",
     "lint": "node --max-old-space-size=4096 ./node_modules/.bin/eslint . --cache",
     "lint:fix": "node --max-old-space-size=4096 ./node_modules/.bin/eslint . --cache --fix",
     "format": "prettier --write . --config ./.prettierrc",

package/readme.md

@@ -86,6 +86,7 @@ With [@figma-export](https://www.npmjs.com/package/@figma-export/cli) we export
 - [@figma-export/output-components-as-svgr](https://github.com/marcomontalbano/figma-exporter/blob/HEAD/packages/cli/packages/output-components-as-svgr):
   We use this to generate `React` Components based on `transformed (optimized) SVG` files. you can check them in `src/react` folder.
 - `npm run export:icons` and `npm run export:logos` use the SVG/SVGR outputters above — **all icon and logo categories remain SVG React components**.
+- `npm run export` pulls from Figma **without wiping** `src/react`, `svg`, or `webp`, then `finalize:figma` adds barrel/catalog entries only for new files and drops Logo copies of names that already exist under `PaymentMethods`. Unchanged icons stay out of the git diff / PR.
 - **Illustrations only (custom WebP pipeline)** — the `Illustration` category is excluded from `export:icons` and exported as **WebP** (Figma PNG → WebP via `sharp`), not SVG:
   - `npm run export:illustrations` — fetches PNG renders from Figma (`scripts/export-illustrations-png.ts`), converts to WebP, writes to `webp/Illustration/` and `src/react/Illustration/assets/`, and writes `<img>` React wrappers in `src/react/Illustration/`.
   - `npm run export:illustrations:3d` — re-exports account/currency 3D coin icons only (same 1× Figma source size as other illustrations).
@@ -136,7 +137,7 @@ import { DerivLightWalletIcon } from '@deriv/quill-icons/Illustration';
     npm run export
     ```
 
-    Icons and logos export as optimized SVG React components; illustrations export as WebP assets via `export:illustrations` (included in `export` / `rebuild`).
+    Icons and logos export as optimized SVG React components; illustrations export as WebP assets via `export:illustrations` (included in `export` / `rebuild`). Git only records **new or modified** icon files; existing icons that Figma did not change are left untouched.
 
 5.  **Build** (for local publish or linking):
 
@@ -188,7 +189,7 @@ In the Quill Design System, we utilise naming conventions to store and locate co
 
 ## Exporting New Icons
 
-To export new icons, run `npm run rebuild`. It will automatically export, optimize, and convert SVGs to React components. Afterward, just commit the changes and create a new PR.
+To export new icons, run `npm run export` (or `npm run rebuild` to also compile). Figma output is written in place, then `finalize:figma` updates barrels and `allIconsNames` incrementally. Commit the resulting diff — it should contain only new or actually changed icons, plus the barrel/catalog lines needed to export them. The GitHub `from-figma` workflow uses the same path and stages only `svg/`, `src/react/`, `webp/`, and `src/index.ts`.
 
 ## Build and Publish