add icons for clipboard copy, paste + entry

umbraco · Dec 16, 2024 · 69a7b25 · 69a7b25
1 parent eb857d0
commit 69a7b25
Show file tree

Hide file tree

Showing 8 changed files with 77 additions and 4 deletions.
diff --git a/...kages/core/clipboard/clipboard-entry/picker-modal/clipboard-entry-picker-modal.element.ts b/...kages/core/clipboard/clipboard-entry/picker-modal/clipboard-entry-picker-modal.element.ts
@@ -65,7 +65,7 @@ export class UmbClipboardEntryPickerModalElement extends UmbModalBaseElement<
 									@selected=${() => this.#selectionManager.select(item.unique)}
 									@deselected=${() => this.#selectionManager.deselect(item.unique)}
 									?selected=${this.value.selection.includes(item.unique)}>
-									<uui-icon slot="icon" name="icon-globe"></uui-icon>
+									<uui-icon slot="icon" name="icon-clipboard-entry"></uui-icon>
 									<umb-entity-actions-bundle
 										slot="actions"
 										.entityType=${item.entityType}

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/clipboard/property-actions/copy/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/core/clipboard/property-actions/copy/manifests.ts
@@ -14,7 +14,7 @@ export const manifests: Array<UmbExtensionManifest | UmbExtensionManifestKind> =
 			api: () => import('./copy-to-clipboard.property-action.js'),
 			weight: 1200,
 			meta: {
-				icon: 'icon-paste-in',
+				icon: 'icon-clipboard-copy',
 				label: 'Copy',
 			},
 		},

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/clipboard/property-actions/paste/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/core/clipboard/property-actions/paste/manifests.ts
@@ -12,9 +12,9 @@ export const manifests: Array<UmbExtensionManifest | UmbExtensionManifestKind> =
 			type: 'propertyAction',
 			kind: 'pasteFromClipboard',
 			api: () => import('./paste-from-clipboard.property-action.js'),
-			weight: 1200,
+			weight: 1190,
 			meta: {
-				icon: 'icon-paste-in',
+				icon: 'icon-clipboard-paste',
 				label: 'Paste',
 			},
 		},

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icon-dictionary.json b/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icon-dictionary.json
@@ -379,6 +379,18 @@
 			"file": "user.svg",
 			"legacy": true
 		},
+		{
+			"name": "icon-clipboard-copy",
+			"file": "clipboard-copy.svg"
+		},
+		{
+			"name": "icon-clipboard-entry",
+			"file": "clipboard.svg"
+		},
+		{
+			"name": "icon-clipboard-paste",
+			"file": "clipboard-paste.svg"
+		},
 		{
 			"name": "icon-cloud-drive",
 			"file": "hard-drive.svg"

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icons.ts b/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icons.ts
@@ -367,6 +367,18 @@ name: "icon-client",
 legacy: true,
 path: () => import("./icons/icon-client.js"),
 },{
+name: "icon-clipboard-copy",
+
+path: () => import("./icons/icon-clipboard-copy.js"),
+},{
+name: "icon-clipboard-entry",
+
+path: () => import("./icons/icon-clipboard-entry.js"),
+},{
+name: "icon-clipboard-paste",
+
+path: () => import("./icons/icon-clipboard-paste.js"),
+},{
 name: "icon-cloud-drive",
 
 path: () => import("./icons/icon-cloud-drive.js"),

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icons/icon-clipboard-copy.ts b/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icons/icon-clipboard-copy.ts
@@ -0,0 +1,18 @@
+export default `<!-- @license lucide-static v0.460.0 - ISC -->
+<svg
+  class="lucide lucide-clipboard-copy"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="1.75"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect width="8" height="4" x="8" y="2" rx="1" ry="1" />
+  <path d="M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2" />
+  <path d="M16 4h2a2 2 0 0 1 2 2v4" />
+  <path d="M21 14H11" />
+  <path d="m15 10-4 4 4 4" />
+</svg>
+`;
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icons/icon-clipboard-entry.ts b/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icons/icon-clipboard-entry.ts
@@ -0,0 +1,15 @@
+export default `<!-- @license lucide-static v0.460.0 - ISC -->
+<svg
+  class="lucide lucide-clipboard"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="1.75"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect width="8" height="4" x="8" y="2" rx="1" ry="1" />
+  <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" />
+</svg>
+`;
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icons/icon-clipboard-paste.ts b/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icons/icon-clipboard-paste.ts
@@ -0,0 +1,16 @@
+export default `<!-- @license lucide-static v0.460.0 - ISC -->
+<svg
+  class="lucide lucide-clipboard-paste"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="1.75"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M15 2H9a1 1 0 0 0-1 1v2c0 .6.4 1 1 1h6c.6 0 1-.4 1-1V3c0-.6-.4-1-1-1Z" />
+  <path d="M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2M16 4h2a2 2 0 0 1 2 2v2M11 14h10" />
+  <path d="m17 10 4 4-4 4" />
+</svg>
+`;