yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change icons

Browse Source
This commit is contained in:
Mads Rasmussen
2024-08-19 10:19:11 +02:00
parent 757e3d0039
commit d43ed82652
5 changed files with 30 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/Umbraco.Web.UI.Client/examples/icons/files/icon-bomb.ts
View File

@@ -1 +0,0 @@
export default `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M288 111.709a11.635 11.635 0 0 0-16.448.001l-17.182 17.186c-54.131-19.107-116.814-7.023-160.113 36.271-60.082 60.082-60.082 157.501 0 217.582 60.082 60.08 157.496 60.08 217.578-.003 43.301-43.298 55.385-105.981 36.275-160.112l17.182-17.184c4.543-4.541 4.543-11.903 0-16.445L288 111.709zm108.459-27.063c-27.244 3.242-46.768 23.429-55.844 34.934l19.766 19.767c5.002-6.903 19.822-24.942 39.471-27.213 13.863-1.604 28.449 5.151 43.369 20.069l19.582-19.584c-21.27-21.27-43.602-30.682-66.344-27.973z"/></svg>`;

6
src/Umbraco.Web.UI.Client/examples/icons/files/icon-bones.ts → src/Umbraco.Web.UI.Client/examples/icons/files/icon-heart.ts
View File

@@ -1,6 +1,6 @@
export default `<!-- @license lucide-static v0.424.0 - ISC -->
<svg
class="lucide lucide-bone"
class="lucide lucide-heart"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="none"
@@ -9,6 +9,6 @@ export default `<!-- @license lucide-static v0.424.0 - ISC -->
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M17 10c.7-.7 1.69 0 2.5 0a2.5 2.5 0 1 0 0-5 .5.5 0 0 1-.5-.5 2.5 2.5 0 1 0-5 0c0 .81.7 1.8 0 2.5l-7 7c-.7.7-1.69 0-2.5 0a2.5 2.5 0 0 0 0 5c.28 0 .5.22.5.5a2.5 2.5 0 1 0 5 0c0-.81-.7-1.8 0-2.5Z" />
<path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" />
</svg>
`;
`;

19
src/Umbraco.Web.UI.Client/examples/icons/files/icon-wand.ts Normal file
View File

@@ -0,0 +1,19 @@
export default `<svg
class="lucide lucide-wand-sparkles"
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="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72" />
<path d="m14 7 3 3" />
<path d="M5 6v4" />
<path d="M19 14v4" />
<path d="M10 2v2" />
<path d="M7 8H3" />
<path d="M21 16h-4" />
<path d="M11 3H9" />
</svg>`;

6
src/Umbraco.Web.UI.Client/examples/icons/icons-dashboard.ts
View File

@@ -2,14 +2,16 @@ import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
import { css, html, customElement, LitElement } from '@umbraco-cms/backoffice/external/lit';
import { UmbElementMixin } from '@umbraco-cms/backoffice/element-api';
// eslint-disable-next-line local-rules/enforce-umb-prefix-on-element-name
@customElement('example-icons-dashboard')
// eslint-disable-next-line local-rules/umb-class-prefix
export class ExampleIconsDashboard extends UmbElementMixin(LitElement) {
override render() {
return html`
<uui-box class="uui-text">
<h1 class="uui-h2" style="margin-top: var(--uui-size-layout-1);">Custom icons:</h1>
<uui-icon name="my-icon-bomb"></uui-icon>
<uui-icon name="my-icon-bones"></uui-icon>
<uui-icon name="my-icon-wand"></uui-icon>
<uui-icon name="my-icon-heart"></uui-icon>
</uui-box>
`;
}

8
src/Umbraco.Web.UI.Client/examples/icons/icons-dictionary.ts
View File

@@ -1,10 +1,10 @@
export default [
{
name: 'my-icon-bomb',
path: () => import('./files/icon-bomb.js'),
name: 'my-icon-wand',
path: () => import('./files/icon-wand.js'),
},
{
name: 'my-icon-bones',
path: () => import('./files/icon-bones.js'),
name: 'my-icon-heart',
path: () => import('./files/icon-heart.js'),
},
];