From fbbee52e225e4583761c060d3596c3ccd8c3058a Mon Sep 17 00:00:00 2001 From: srishaharidas Date: Mon, 16 Feb 2026 19:28:04 +0530 Subject: [PATCH 1/4] XS-1433 update icons for BNPL methods --- src/icons/index.js | 4 ++++ src/icons/src/BNPL/AffirmIcon.jsx | 25 +++++++++++++++++++++++++ src/icons/src/BNPL/AfterpayIcon.jsx | 16 ++++++++++++++++ src/icons/src/BNPL/KlarnaIcon.jsx | 16 ++++++++++++++++ src/icons/src/BNPL/ZipIcon.jsx | 16 ++++++++++++++++ 5 files changed, 77 insertions(+) create mode 100644 src/icons/src/BNPL/AffirmIcon.jsx create mode 100644 src/icons/src/BNPL/AfterpayIcon.jsx create mode 100644 src/icons/src/BNPL/KlarnaIcon.jsx create mode 100644 src/icons/src/BNPL/ZipIcon.jsx diff --git a/src/icons/index.js b/src/icons/index.js index b094ac2c9..11430ee1b 100644 --- a/src/icons/index.js +++ b/src/icons/index.js @@ -1,6 +1,8 @@ export { AccountIcon } from "./src/AccountIcon"; export { AddNoteIcon } from "./src/AddNoteIcon"; export { AddSquareIcon } from "./src/AddSquareIcon"; +export { AffirmIcon } from "./src/BNPL/AffirmIcon"; +export { AfterpayIcon } from "./src/BNPL/AfterpayIcon"; export { AmexIcon } from "./src/CreditCards/AmexIcon"; export { AnnounceIcon } from "./src/AnnounceIcon"; export { AppIcon } from "./src/AppIcon"; @@ -121,6 +123,7 @@ export { InfinityIcon } from "./src/InfinityIcon"; export { InstagramIcon } from "./src/Logos/InstagramIcon"; export { InvoiceIcon } from "./src/InvoiceIcon"; export { KeyIcon } from "./src/KeyIcon"; +export { KlarnaIcon } from "./src/BNPL/KlarnaIcon"; export { KioskIcon } from "./src/KioskIcon"; export { LightIcon } from "./src/LightIcon"; export { LightningIcon } from "./src/LightningIcon"; @@ -221,3 +224,4 @@ export { XolaLogoCircle } from "./src/images/XolaLogoCircle"; export { XolaLogoSimple } from "./src/images/XolaLogoSimple"; export { XrayIcon } from "./src/XrayIcon"; export { YelpIcon } from "./src/Logos/YelpIcon"; +export { ZipIcon } from "./src/BNPL/ZipIcon"; diff --git a/src/icons/src/BNPL/AffirmIcon.jsx b/src/icons/src/BNPL/AffirmIcon.jsx new file mode 100644 index 000000000..dd4919e95 --- /dev/null +++ b/src/icons/src/BNPL/AffirmIcon.jsx @@ -0,0 +1,25 @@ +import React from "react"; +import { createIcon } from "../helpers/icon"; + +export const AffirmIcon = createIcon((props) => { + return ( + + + + + + + + + + + ); +}); + +AffirmIcon.tags = ["payment", "affirm", "bnpl"]; diff --git a/src/icons/src/BNPL/AfterpayIcon.jsx b/src/icons/src/BNPL/AfterpayIcon.jsx new file mode 100644 index 000000000..af9688306 --- /dev/null +++ b/src/icons/src/BNPL/AfterpayIcon.jsx @@ -0,0 +1,16 @@ +import React from "react"; +import { createIcon } from "../helpers/icon"; + +export const AfterpayIcon = createIcon((props) => { + return ( + + + + + ); +}); + +AfterpayIcon.tags = ["payment", "afterpay", "bnpl"]; diff --git a/src/icons/src/BNPL/KlarnaIcon.jsx b/src/icons/src/BNPL/KlarnaIcon.jsx new file mode 100644 index 000000000..30bc5077b --- /dev/null +++ b/src/icons/src/BNPL/KlarnaIcon.jsx @@ -0,0 +1,16 @@ +import React from "react"; +import { createIcon } from "../helpers/icon"; + +export const KlarnaIcon = createIcon((props) => { + return ( + + + + + ); +}); + +KlarnaIcon.tags = ["payment", "klarna", "bnpl"]; diff --git a/src/icons/src/BNPL/ZipIcon.jsx b/src/icons/src/BNPL/ZipIcon.jsx new file mode 100644 index 000000000..555611d3a --- /dev/null +++ b/src/icons/src/BNPL/ZipIcon.jsx @@ -0,0 +1,16 @@ +import React from "react"; +import { createIcon } from "../helpers/icon"; + +export const ZipIcon = createIcon((props) => { + return ( + + + + + ); +}); + +ZipIcon.tags = ["payment", "zip", "bnpl"]; From 0c258490baf0c51c397c7d989de54a427dfac2f0 Mon Sep 17 00:00:00 2001 From: srishaharidas Date: Mon, 16 Feb 2026 19:41:39 +0530 Subject: [PATCH 2/4] XS-1433 update icons for BNPL methods --- src/icons/src/BNPL/AffirmIcon.jsx | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/src/icons/src/BNPL/AffirmIcon.jsx b/src/icons/src/BNPL/AffirmIcon.jsx index dd4919e95..746f11a6f 100644 --- a/src/icons/src/BNPL/AffirmIcon.jsx +++ b/src/icons/src/BNPL/AffirmIcon.jsx @@ -5,7 +5,15 @@ export const AffirmIcon = createIcon((props) => { return ( - + From b8024edb0767185efa51158227b1746e94d20118 Mon Sep 17 00:00:00 2001 From: srishaharidas Date: Tue, 3 Mar 2026 16:02:14 +0530 Subject: [PATCH 3/4] XS-1433 update icons for BNPL methods --- package-lock.json | 70 +++++++++++++++++++++++++++++++++++++ package.json | 1 + src/icons/package-lock.json | 2 +- src/icons/package.json | 2 +- 4 files changed, 73 insertions(+), 2 deletions(-) diff --git a/package-lock.json b/package-lock.json index 04cb3c337..171d54c6b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,6 +13,7 @@ "@tailwindcss/forms": "^0.5.6", "@tailwindcss/line-clamp": "^0.3.1", "@tippyjs/react": "^4.2.6", + "@xola/ui-kit": "^2.3.37", "ahooks": "^3.9.6", "axios": "^1.13.2", "clsx": "^1.1.1", @@ -9480,6 +9481,46 @@ "node": ">=16.0.0" } }, + "node_modules/@xola/ui-kit": { + "version": "2.3.37", + "resolved": "https://registry.npmjs.org/@xola/ui-kit/-/ui-kit-2.3.37.tgz", + "integrity": "sha512-cUOLwfF9VqHbFPQEGPJGjAPdL46thTQllIj2oMsVir4QTE1NEiMSMU96+yM6+QZ+QRBiw95Iym+meTMIv8kMGw==", + "dependencies": { + "@headlessui/react": "^1.4.0", + "@tailwindcss/forms": "^0.5.6", + "@tailwindcss/line-clamp": "^0.3.1", + "@tippyjs/react": "^4.2.6", + "ahooks": "^3.9.6", + "axios": "^1.13.2", + "clsx": "^1.1.1", + "dayjs": "^1.11.10", + "downshift": "^6.1.5", + "get-user-locale": "^1.4.0", + "google-libphonenumber": "^3.2.22", + "nouislider-react": "^3.4.1", + "prop-types": "^15.7.2", + "react-day-picker": "^7.4.10", + "react-hot-toast": "^2.1.0", + "react-hotkeys-hook": "^3.4.0", + "react-json-view": "^1.21.3", + "react-select": "^5.7.0", + "react-textarea-autosize": "^8.5.3", + "storybook-addon-designs": "^6.3.1", + "tippy.js": "^6.3.1", + "use-debounce": "^10.0.6" + }, + "engines": { + "node": ">=16" + }, + "peerDependencies": { + "autoprefixer": "^10.3.1", + "lodash": "^4.17.21", + "postcss": "^8.3.6", + "react": "^17.0.2", + "react-dom": "^17.0.2", + "tailwindcss": "^3.0.18" + } + }, "node_modules/@xtuc/ieee754": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz", @@ -38092,6 +38133,35 @@ "xo": "^0.50.0" } }, + "@xola/ui-kit": { + "version": "2.3.37", + "resolved": "https://registry.npmjs.org/@xola/ui-kit/-/ui-kit-2.3.37.tgz", + "integrity": "sha512-cUOLwfF9VqHbFPQEGPJGjAPdL46thTQllIj2oMsVir4QTE1NEiMSMU96+yM6+QZ+QRBiw95Iym+meTMIv8kMGw==", + "requires": { + "@headlessui/react": "^1.4.0", + "@tailwindcss/forms": "^0.5.6", + "@tailwindcss/line-clamp": "^0.3.1", + "@tippyjs/react": "^4.2.6", + "ahooks": "^3.9.6", + "axios": "^1.13.2", + "clsx": "^1.1.1", + "dayjs": "^1.11.10", + "downshift": "^6.1.5", + "get-user-locale": "^1.4.0", + "google-libphonenumber": "^3.2.22", + "nouislider-react": "^3.4.1", + "prop-types": "^15.7.2", + "react-day-picker": "^7.4.10", + "react-hot-toast": "^2.1.0", + "react-hotkeys-hook": "^3.4.0", + "react-json-view": "^1.21.3", + "react-select": "^5.7.0", + "react-textarea-autosize": "^8.5.3", + "storybook-addon-designs": "^6.3.1", + "tippy.js": "^6.3.1", + "use-debounce": "^10.0.6" + } + }, "@xtuc/ieee754": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz", diff --git a/package.json b/package.json index 3fd2f8004..3f79554cf 100644 --- a/package.json +++ b/package.json @@ -37,6 +37,7 @@ "@tailwindcss/forms": "^0.5.6", "@tailwindcss/line-clamp": "^0.3.1", "@tippyjs/react": "^4.2.6", + "@xola/ui-kit": "^2.3.37", "ahooks": "^3.9.6", "axios": "^1.13.2", "clsx": "^1.1.1", diff --git a/src/icons/package-lock.json b/src/icons/package-lock.json index 6dbdd26bf..346efe935 100644 --- a/src/icons/package-lock.json +++ b/src/icons/package-lock.json @@ -1,6 +1,6 @@ { "name": "@xola/icons", - "version": "1.1.18", + "version": "2.1.0", "lockfileVersion": 2, "requires": true, "packages": { diff --git a/src/icons/package.json b/src/icons/package.json index fcb1eb688..2a98c1668 100644 --- a/src/icons/package.json +++ b/src/icons/package.json @@ -1,6 +1,6 @@ { "name": "@xola/icons", - "version": "1.1.18", + "version": "2.1.0", "description": "Xola's icon set", "main": "./index.js", "scripts": { From 7fb98e03af990a3bc63c117d90afeefb3b75a9dc Mon Sep 17 00:00:00 2001 From: srishaharidas Date: Tue, 3 Mar 2026 18:34:05 +0530 Subject: [PATCH 4/4] XS-1433 cleanup --- package-lock.json | 70 ----------------------------------------------- package.json | 1 - 2 files changed, 71 deletions(-) diff --git a/package-lock.json b/package-lock.json index 171d54c6b..04cb3c337 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,7 +13,6 @@ "@tailwindcss/forms": "^0.5.6", "@tailwindcss/line-clamp": "^0.3.1", "@tippyjs/react": "^4.2.6", - "@xola/ui-kit": "^2.3.37", "ahooks": "^3.9.6", "axios": "^1.13.2", "clsx": "^1.1.1", @@ -9481,46 +9480,6 @@ "node": ">=16.0.0" } }, - "node_modules/@xola/ui-kit": { - "version": "2.3.37", - "resolved": "https://registry.npmjs.org/@xola/ui-kit/-/ui-kit-2.3.37.tgz", - "integrity": "sha512-cUOLwfF9VqHbFPQEGPJGjAPdL46thTQllIj2oMsVir4QTE1NEiMSMU96+yM6+QZ+QRBiw95Iym+meTMIv8kMGw==", - "dependencies": { - "@headlessui/react": "^1.4.0", - "@tailwindcss/forms": "^0.5.6", - "@tailwindcss/line-clamp": "^0.3.1", - "@tippyjs/react": "^4.2.6", - "ahooks": "^3.9.6", - "axios": "^1.13.2", - "clsx": "^1.1.1", - "dayjs": "^1.11.10", - "downshift": "^6.1.5", - "get-user-locale": "^1.4.0", - "google-libphonenumber": "^3.2.22", - "nouislider-react": "^3.4.1", - "prop-types": "^15.7.2", - "react-day-picker": "^7.4.10", - "react-hot-toast": "^2.1.0", - "react-hotkeys-hook": "^3.4.0", - "react-json-view": "^1.21.3", - "react-select": "^5.7.0", - "react-textarea-autosize": "^8.5.3", - "storybook-addon-designs": "^6.3.1", - "tippy.js": "^6.3.1", - "use-debounce": "^10.0.6" - }, - "engines": { - "node": ">=16" - }, - "peerDependencies": { - "autoprefixer": "^10.3.1", - "lodash": "^4.17.21", - "postcss": "^8.3.6", - "react": "^17.0.2", - "react-dom": "^17.0.2", - "tailwindcss": "^3.0.18" - } - }, "node_modules/@xtuc/ieee754": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz", @@ -38133,35 +38092,6 @@ "xo": "^0.50.0" } }, - "@xola/ui-kit": { - "version": "2.3.37", - "resolved": "https://registry.npmjs.org/@xola/ui-kit/-/ui-kit-2.3.37.tgz", - "integrity": "sha512-cUOLwfF9VqHbFPQEGPJGjAPdL46thTQllIj2oMsVir4QTE1NEiMSMU96+yM6+QZ+QRBiw95Iym+meTMIv8kMGw==", - "requires": { - "@headlessui/react": "^1.4.0", - "@tailwindcss/forms": "^0.5.6", - "@tailwindcss/line-clamp": "^0.3.1", - "@tippyjs/react": "^4.2.6", - "ahooks": "^3.9.6", - "axios": "^1.13.2", - "clsx": "^1.1.1", - "dayjs": "^1.11.10", - "downshift": "^6.1.5", - "get-user-locale": "^1.4.0", - "google-libphonenumber": "^3.2.22", - "nouislider-react": "^3.4.1", - "prop-types": "^15.7.2", - "react-day-picker": "^7.4.10", - "react-hot-toast": "^2.1.0", - "react-hotkeys-hook": "^3.4.0", - "react-json-view": "^1.21.3", - "react-select": "^5.7.0", - "react-textarea-autosize": "^8.5.3", - "storybook-addon-designs": "^6.3.1", - "tippy.js": "^6.3.1", - "use-debounce": "^10.0.6" - } - }, "@xtuc/ieee754": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz", diff --git a/package.json b/package.json index 3f79554cf..3fd2f8004 100644 --- a/package.json +++ b/package.json @@ -37,7 +37,6 @@ "@tailwindcss/forms": "^0.5.6", "@tailwindcss/line-clamp": "^0.3.1", "@tippyjs/react": "^4.2.6", - "@xola/ui-kit": "^2.3.37", "ahooks": "^3.9.6", "axios": "^1.13.2", "clsx": "^1.1.1",