From 03a6c6951e2f9076bd301fd7c6d6fe13f4f29ab9 Mon Sep 17 00:00:00 2001 From: Fauzan Naufan Date: Thu, 9 Jul 2026 10:31:27 +0800 Subject: [PATCH 1/3] [MOL-21659][FN] Add icons for consolidation cms --- assets/clock-rotate-left.svg | 3 +++ assets/comment-lines-fill.svg | 3 +++ assets/comment-lines.svg | 3 +++ assets/{unlink.svg => link-slash.svg} | 0 assets/text-compare-fill.svg | 3 +++ assets/text-compare.svg | 3 +++ .../{clear-formatting.svg => text-slash.svg} | 0 src/clock-rotate-left.tsx | 18 +++++++++++++++ src/comment-lines-fill.tsx | 18 +++++++++++++++ src/comment-lines.tsx | 18 +++++++++++++++ src/index.ts | 9 ++++++-- src/{unlink.tsx => link-slash.tsx} | 4 ++-- src/text-compare-fill.tsx | 18 +++++++++++++++ src/text-compare.tsx | 18 +++++++++++++++ src/{clear-formatting.tsx => text-slash.tsx} | 4 ++-- stories/icon/data.tsx | 23 ++++++++++++++----- 16 files changed, 133 insertions(+), 12 deletions(-) create mode 100644 assets/clock-rotate-left.svg create mode 100644 assets/comment-lines-fill.svg create mode 100644 assets/comment-lines.svg rename assets/{unlink.svg => link-slash.svg} (100%) create mode 100644 assets/text-compare-fill.svg create mode 100644 assets/text-compare.svg rename assets/{clear-formatting.svg => text-slash.svg} (100%) create mode 100644 src/clock-rotate-left.tsx create mode 100644 src/comment-lines-fill.tsx create mode 100644 src/comment-lines.tsx rename src/{unlink.tsx => link-slash.tsx} (95%) create mode 100644 src/text-compare-fill.tsx create mode 100644 src/text-compare.tsx rename src/{clear-formatting.tsx => text-slash.tsx} (91%) diff --git a/assets/clock-rotate-left.svg b/assets/clock-rotate-left.svg new file mode 100644 index 0000000..7ae1f9f --- /dev/null +++ b/assets/clock-rotate-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/comment-lines-fill.svg b/assets/comment-lines-fill.svg new file mode 100644 index 0000000..8389632 --- /dev/null +++ b/assets/comment-lines-fill.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/comment-lines.svg b/assets/comment-lines.svg new file mode 100644 index 0000000..c09bbf5 --- /dev/null +++ b/assets/comment-lines.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/unlink.svg b/assets/link-slash.svg similarity index 100% rename from assets/unlink.svg rename to assets/link-slash.svg diff --git a/assets/text-compare-fill.svg b/assets/text-compare-fill.svg new file mode 100644 index 0000000..1ff93c0 --- /dev/null +++ b/assets/text-compare-fill.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/text-compare.svg b/assets/text-compare.svg new file mode 100644 index 0000000..ba4e940 --- /dev/null +++ b/assets/text-compare.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/clear-formatting.svg b/assets/text-slash.svg similarity index 100% rename from assets/clear-formatting.svg rename to assets/text-slash.svg diff --git a/src/clock-rotate-left.tsx b/src/clock-rotate-left.tsx new file mode 100644 index 0000000..8d20b08 --- /dev/null +++ b/src/clock-rotate-left.tsx @@ -0,0 +1,18 @@ +import * as React from "react"; +import { SVGProps } from "react"; +export const ClockRotateLeftIcon = (props: SVGProps) => ( + + + +); +ClockRotateLeftIcon.displayName = "ClockRotateLeftIcon"; diff --git a/src/comment-lines-fill.tsx b/src/comment-lines-fill.tsx new file mode 100644 index 0000000..34c79d1 --- /dev/null +++ b/src/comment-lines-fill.tsx @@ -0,0 +1,18 @@ +import * as React from "react"; +import { SVGProps } from "react"; +export const CommentLinesFillIcon = (props: SVGProps) => ( + + + +); +CommentLinesFillIcon.displayName = "CommentLinesFillIcon"; diff --git a/src/comment-lines.tsx b/src/comment-lines.tsx new file mode 100644 index 0000000..0e1a76f --- /dev/null +++ b/src/comment-lines.tsx @@ -0,0 +1,18 @@ +import * as React from "react"; +import { SVGProps } from "react"; +export const CommentLinesIcon = (props: SVGProps) => ( + + + +); +CommentLinesIcon.displayName = "CommentLinesIcon"; diff --git a/src/index.ts b/src/index.ts index 57d7d63..73b5e3f 100644 --- a/src/index.ts +++ b/src/index.ts @@ -76,8 +76,8 @@ export * from "./chevron-right"; export * from "./chevron-up"; export * from "./circle-dot"; export * from "./circle"; -export * from "./clear-formatting"; export * from "./clock-fill"; +export * from "./clock-rotate-left"; export * from "./clock"; export * from "./cloud-arrow-down-fill"; export * from "./cloud-arrow-down"; @@ -87,6 +87,8 @@ export * from "./cloud-fill"; export * from "./cloud-tick-fill"; export * from "./cloud-tick"; export * from "./cloud"; +export * from "./comment-lines-fill"; +export * from "./comment-lines"; export * from "./copy-fill"; export * from "./copy"; export * from "./cross-circle-fill"; @@ -147,6 +149,7 @@ export * from "./inbox"; export * from "./language"; export * from "./lightbulb-fill"; export * from "./lightbulb"; +export * from "./link-slash"; export * from "./link"; export * from "./list-square-fill"; export * from "./list-square"; @@ -249,7 +252,10 @@ export * from "./table-remove-row"; export * from "./table"; export * from "./tablet-fill"; export * from "./tablet"; +export * from "./text-compare-fill"; +export * from "./text-compare"; export * from "./text-fill"; +export * from "./text-slash"; export * from "./text"; export * from "./thumb-down-fill"; export * from "./thumb-down"; @@ -267,5 +273,4 @@ export * from "./toggle-on"; export * from "./triangle-forward-fill"; export * from "./triangle-forward"; export * from "./undo"; -export * from "./unlink"; export * from "./upload"; diff --git a/src/unlink.tsx b/src/link-slash.tsx similarity index 95% rename from src/unlink.tsx rename to src/link-slash.tsx index 52eafff..3564f35 100644 --- a/src/unlink.tsx +++ b/src/link-slash.tsx @@ -1,6 +1,6 @@ import * as React from "react"; import { SVGProps } from "react"; -export const UnlinkIcon = (props: SVGProps) => ( +export const LinkSlashIcon = (props: SVGProps) => ( ) => ( /> ); -UnlinkIcon.displayName = "UnlinkIcon"; +LinkSlashIcon.displayName = "LinkSlashIcon"; diff --git a/src/text-compare-fill.tsx b/src/text-compare-fill.tsx new file mode 100644 index 0000000..c2f2efa --- /dev/null +++ b/src/text-compare-fill.tsx @@ -0,0 +1,18 @@ +import * as React from "react"; +import { SVGProps } from "react"; +export const TextCompareFillIcon = (props: SVGProps) => ( + + + +); +TextCompareFillIcon.displayName = "TextCompareFillIcon"; diff --git a/src/text-compare.tsx b/src/text-compare.tsx new file mode 100644 index 0000000..76cb561 --- /dev/null +++ b/src/text-compare.tsx @@ -0,0 +1,18 @@ +import * as React from "react"; +import { SVGProps } from "react"; +export const TextCompareIcon = (props: SVGProps) => ( + + + +); +TextCompareIcon.displayName = "TextCompareIcon"; diff --git a/src/clear-formatting.tsx b/src/text-slash.tsx similarity index 91% rename from src/clear-formatting.tsx rename to src/text-slash.tsx index b8dd067..95fc5ab 100644 --- a/src/clear-formatting.tsx +++ b/src/text-slash.tsx @@ -1,6 +1,6 @@ import * as React from "react"; import { SVGProps } from "react"; -export const ClearFormattingIcon = (props: SVGProps) => ( +export const TextSlashIcon = (props: SVGProps) => ( ) => ( /> ); -ClearFormattingIcon.displayName = "ClearFormattingIcon"; +TextSlashIcon.displayName = "TextSlashIcon"; diff --git a/stories/icon/data.tsx b/stories/icon/data.tsx index 7d248a5..f826a54 100644 --- a/stories/icon/data.tsx +++ b/stories/icon/data.tsx @@ -74,9 +74,9 @@ import { ChevronUpIcon, CircleDotIcon, CircleIcon, - ClearFormattingIcon, ClockFillIcon, ClockIcon, + ClockRotateLeftIcon, CloudArrowDownFillIcon, CloudArrowDownIcon, CloudArrowUpFillIcon, @@ -85,6 +85,8 @@ import { CloudIcon, CloudTickFillIcon, CloudTickIcon, + CommentLinesFillIcon, + CommentLinesIcon, CopyFillIcon, CopyIcon, CrossCircleFillIcon, @@ -146,6 +148,7 @@ import { LightbulbFillIcon, LightbulbIcon, LinkIcon, + LinkSlashIcon, ListIcon, ListSquareFillIcon, ListSquareIcon, @@ -247,8 +250,11 @@ import { TableRemoveRowIcon, TabletFillIcon, TabletIcon, + TextCompareFillIcon, + TextCompareIcon, TextFillIcon, TextIcon, + TextSlashIcon, ThumbDownFillIcon, ThumbDownIcon, ThumbUpFillIcon, @@ -265,7 +271,6 @@ import { TriangleForwardFillIcon, TriangleForwardIcon, UndoIcon, - UnlinkIcon, UploadIcon, } from "../../src"; @@ -366,11 +371,10 @@ export const ICONS: JSX.Element[] = [ // Circle , , - // Clear Formatting - , // Clock , , + , // Cloud , , @@ -380,6 +384,9 @@ export const ICONS: JSX.Element[] = [ , , , + // Comment Lines + , + , // Copy , , @@ -480,6 +487,7 @@ export const ICONS: JSX.Element[] = [ , // Link , + , // Login , // Logout @@ -617,6 +625,11 @@ export const ICONS: JSX.Element[] = [ // Text , , + // Text Compare + , + , + // Text Slash + , // ThumbUp , , @@ -639,8 +652,6 @@ export const ICONS: JSX.Element[] = [ , // Undo , - // Unlink - , // Upload , ]; From b3873496efe3c9d9f825420fe0ab2bd8c0945490 Mon Sep 17 00:00:00 2001 From: Fauzan Naufan Date: Thu, 9 Jul 2026 11:28:34 +0800 Subject: [PATCH 2/3] [MOL-21659][FN] Rename back text-slash to clear-formatting --- assets/{text-slash.svg => clear-formatting.svg} | 0 src/{text-slash.tsx => clear-formatting.tsx} | 4 ++-- src/index.ts | 2 +- stories/icon/data.tsx | 6 +++--- 4 files changed, 6 insertions(+), 6 deletions(-) rename assets/{text-slash.svg => clear-formatting.svg} (100%) rename src/{text-slash.tsx => clear-formatting.tsx} (91%) diff --git a/assets/text-slash.svg b/assets/clear-formatting.svg similarity index 100% rename from assets/text-slash.svg rename to assets/clear-formatting.svg diff --git a/src/text-slash.tsx b/src/clear-formatting.tsx similarity index 91% rename from src/text-slash.tsx rename to src/clear-formatting.tsx index 95fc5ab..b8dd067 100644 --- a/src/text-slash.tsx +++ b/src/clear-formatting.tsx @@ -1,6 +1,6 @@ import * as React from "react"; import { SVGProps } from "react"; -export const TextSlashIcon = (props: SVGProps) => ( +export const ClearFormattingIcon = (props: SVGProps) => ( ) => ( /> ); -TextSlashIcon.displayName = "TextSlashIcon"; +ClearFormattingIcon.displayName = "ClearFormattingIcon"; diff --git a/src/index.ts b/src/index.ts index 73b5e3f..11cdc0c 100644 --- a/src/index.ts +++ b/src/index.ts @@ -76,6 +76,7 @@ export * from "./chevron-right"; export * from "./chevron-up"; export * from "./circle-dot"; export * from "./circle"; +export * from "./clear-formatting"; export * from "./clock-fill"; export * from "./clock-rotate-left"; export * from "./clock"; @@ -255,7 +256,6 @@ export * from "./tablet"; export * from "./text-compare-fill"; export * from "./text-compare"; export * from "./text-fill"; -export * from "./text-slash"; export * from "./text"; export * from "./thumb-down-fill"; export * from "./thumb-down"; diff --git a/stories/icon/data.tsx b/stories/icon/data.tsx index f826a54..7209a46 100644 --- a/stories/icon/data.tsx +++ b/stories/icon/data.tsx @@ -74,6 +74,7 @@ import { ChevronUpIcon, CircleDotIcon, CircleIcon, + ClearFormattingIcon, ClockFillIcon, ClockIcon, ClockRotateLeftIcon, @@ -254,7 +255,6 @@ import { TextCompareIcon, TextFillIcon, TextIcon, - TextSlashIcon, ThumbDownFillIcon, ThumbDownIcon, ThumbUpFillIcon, @@ -371,6 +371,8 @@ export const ICONS: JSX.Element[] = [ // Circle , , + // Clear Formatting + , // Clock , , @@ -628,8 +630,6 @@ export const ICONS: JSX.Element[] = [ // Text Compare , , - // Text Slash - , // ThumbUp , , From 51334c3233170a6d580225afa1a39cdd487b2196 Mon Sep 17 00:00:00 2001 From: Fauzan Naufan Date: Thu, 9 Jul 2026 11:46:14 +0800 Subject: [PATCH 3/3] [MISC][FN] v1.20.0 --- package-lock.json | 4 ++-- package.json | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/package-lock.json b/package-lock.json index 3044594..c7b5a14 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@lifesg/react-icons", - "version": "1.19.0", + "version": "1.20.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@lifesg/react-icons", - "version": "1.19.0", + "version": "1.20.0", "license": "ISC", "devDependencies": { "@babel/core": "^7.17.8", diff --git a/package.json b/package.json index 790aa32..8180fd7 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@lifesg/react-icons", - "version": "1.19.0", + "version": "1.20.0", "description": "An icon component library for LifeSG and BookingSG web apps", "main": "dist/cjs/index.js", "module": "dist/index.js",