@lukso/web-components 1.6.3 → 1.7.3

package/src/components/lukso-icon/icons/link.ts

@@ -1,33 +0,0 @@
-import { html } from 'lit'
-import { styleMap } from 'lit/directives/style-map.js'
-
-import { IconOptions } from '@/components/lukso-icon/index.js'
-
-export const link = (options: IconOptions) => {
-  return html`<svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap({
-      width: `${options.width}px`,
-      height: `${options.height}px`,
-    })}
-  >
-    <g
-      stroke="var(--${options.color})"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      stroke-width="${options.strokeWidth}"
-    >
-      <path
-        d="m9.75 16.5h-3c-1.19347 0-2.33807-.4741-3.18198-1.318s-1.31802-1.9885-1.31802-3.182.47411-2.33807 1.31802-3.18198 1.98851-1.31802 3.18198-1.31802h3"
-      />
-      <path
-        d="m14.25 7.5h3c1.1935 0 2.3381.47411 3.182 1.31802s1.318 1.98848 1.318 3.18198-.4741 2.3381-1.318 3.182-1.9885 1.318-3.182 1.318h-3"
-      />
-      <path d="m7.6543 12h8.7853" />
-    </g>
-  </svg> `
-}

package/src/components/lukso-icon/icons/link1.ts

@@ -1,39 +0,0 @@
-import { html } from 'lit'
-import { styleMap } from 'lit/directives/style-map.js'
-
-import { IconOptions } from '@/components/lukso-icon/index.js'
-
-export const link1 = (options: IconOptions) => {
-  return html`<svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap({
-      width: `${options.width}px`,
-      height: `${options.height}px`,
-    })}
-  >
-    <path
-      d="M12 4H7C5.34315 4 4 5.34315 4 7V17C4 18.6569 5.34315 20 7 20H17C18.6569 20 20 18.6569 20 17V12"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-    />
-    <path
-      d="M19.9999 8C19.9999 6.17755 20 4 20 4H16"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M14 10L20 4"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg> `
-}

package/src/components/lukso-icon/icons/link2.ts

@@ -1,46 +0,0 @@
-import { html } from 'lit'
-import { styleMap } from 'lit/directives/style-map.js'
-
-import { IconOptions } from '@/components/lukso-icon/index.js'
-
-export const link2 = (options: IconOptions) => {
-  return html`<svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap({
-      width: `${options.width}px`,
-      height: `${options.height}px`,
-    })}
-  >
-    <path
-      d="M19.9999 8C19.9999 6.17755 20 4 20 4H16"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M13 11L20 4"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <mask id="path-3-inside-1_156_2008" fill="var(--${options.secondaryColor})">
-      <rect x="4" y="13" width="7" height="7" rx="1" />
-    </mask>
-    <rect
-      x="4"
-      y="13"
-      width="7"
-      height="7"
-      rx="1"
-      stroke="var(--${options.color})"
-      stroke-width="3"
-      mask="url(#path-3-inside-1_156_2008)"
-    />
-  </svg> `
-}

package/src/components/lukso-icon/icons/link3.ts

@@ -1,32 +0,0 @@
-import { html } from 'lit'
-import { styleMap } from 'lit/directives/style-map.js'
-
-import { IconOptions } from '@/components/lukso-icon/index.js'
-
-export const link3 = (options: IconOptions) => {
-  return html`<svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap({
-      width: `${options.width}px`,
-      height: `${options.height}px`,
-    })}
-  >
-    <path
-      d="M12 20H17C18.6569 20 20 18.6569 20 17V7C20 5.34315 18.6569 4 17 4H7C5.34315 4 4 5.34315 4 7V17.5858C4 18.4767 5.07714 18.9229 5.70711 18.2929L13.5 10.5"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-    />
-    <path
-      d="M13.9999 14C13.9999 12.1776 14 10 14 10H10"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg> `
-}

package/src/components/lukso-icon/icons/link4.ts

@@ -1,52 +0,0 @@
-import { html } from 'lit'
-import { styleMap } from 'lit/directives/style-map.js'
-
-import { IconOptions } from '@/components/lukso-icon/index.js'
-
-export const link4 = (options: IconOptions) => {
-  return html`<svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap({
-      width: `${options.width}px`,
-      height: `${options.height}px`,
-    })}
-  >
-    <path
-      d="M3 6V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V6C21 4.34315 19.6569 3 18 3H6C4.34315 3 3 4.34315 3 6Z"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-    />
-    <path
-      d="M17.9999 10C17.9999 8.17755 18 6 18 6H14"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M11 13L18 6"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <mask id="path-4-inside-1_156_2044" fill="var(--${options.secondaryColor})">
-      <rect x="5" y="14" width="5" height="5" rx="1" />
-    </mask>
-    <rect
-      x="5"
-      y="14"
-      width="5"
-      height="5"
-      rx="1"
-      stroke="var(--${options.color})"
-      stroke-width="3"
-      mask="url(#path-4-inside-1_156_2044)"
-    />
-  </svg> `
-}

package/src/components/lukso-icon/icons/loading.ts

@@ -1,50 +0,0 @@
-import { html } from 'lit'
-import { styleMap } from 'lit/directives/style-map.js'
-
-import { IconOptions } from '@/components/lukso-icon/index.js'
-
-export const loading = (options: IconOptions) => {
-  return html`<svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap({
-      width: `${options.width}px`,
-      height: `${options.height}px`,
-    })}
-  >
-    <path
-      d="M12 2.75C13.2147 2.75 14.4176 2.98926 15.5398 3.45411C16.6621 3.91897 17.6818 4.60032 18.5407 5.45926C19.3997 6.3182 20.081 7.33792 20.5459 8.46018C21.0107 9.58244 21.25 10.7853 21.25 12C21.25 13.2147 21.0107 14.4176 20.5459 15.5398C20.081 16.6621 19.3997 17.6818 18.5407 18.5407C17.6818 19.3997 16.6621 20.081 15.5398 20.5459C14.4176 21.0107 13.2147 21.25 12 21.25"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-    />
-    <path
-      d="M4.51659 6.56299C5.4324 5.30249 6.65176 4.29374 8.06154 3.63035"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-    />
-    <path
-      d="M3.06519 14.3941C2.66193 12.8891 2.64536 11.3067 3.01701 9.79357"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-    />
-    <path
-      d="M8.38574 20.5147C6.95153 19.9059 5.69434 18.9447 4.73083 17.7203"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-    />
-    <path
-      d="M8 12.1429L10.8 15L16 10"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg> `
-}

package/src/components/lukso-icon/icons/location.ts

@@ -1,33 +0,0 @@
-import { html } from 'lit'
-import { styleMap } from 'lit/directives/style-map.js'
-
-import { IconOptions } from '@/components/lukso-icon/index.js'
-
-export const location = (options: IconOptions) => {
-  return html`<svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap({
-      width: `${options.width}px`,
-      height: `${options.height}px`,
-    })}
-  >
-    <path
-      d="M12.0001 3C7.97775 3 4.71436 6.67519 4.71436 9.65073C4.71436 14.3338 10.2338 17.241 11.355 19.7446C11.429 19.8237 11.526 19.8881 11.6382 19.9325C11.7503 19.9769 11.8743 20 12.0001 20C12.1259 20 12.2499 19.9769 12.362 19.9325C12.4741 19.8881 12.5711 19.8237 12.6452 19.7446C13.7663 17.2417 19.2858 14.3365 19.2858 9.65073C19.2858 6.67519 16.0224 3 12.0001 3Z"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M12.0002 10.2857C12.8943 10.2857 13.6192 9.56083 13.6192 8.66666C13.6192 7.77248 12.8943 7.04761 12.0002 7.04761C11.106 7.04761 10.3811 7.77248 10.3811 8.66666C10.3811 9.56083 11.106 10.2857 12.0002 10.2857Z"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg> `
-}

package/src/components/lukso-icon/icons/locked.ts

@@ -1,44 +0,0 @@
-import { html } from 'lit'
-import { styleMap } from 'lit/directives/style-map.js'
-
-import { IconOptions } from '@/components/lukso-icon/index.js'
-
-export const locked = (options: IconOptions) => {
-  return html`<svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap({
-      width: `${options.width}px`,
-      height: `${options.height}px`,
-    })}
-  >
-    <path
-      d="M5 19V11C5 10.4477 5.44772 10 6 10H18C18.5523 10 19 10.4477 19 11V19C19 20.1046 18.1046 21 17 21H7C5.89543 21 5 20.1046 5 19Z"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-    />
-    <path
-      d="M13.2375 15.7375C13.9208 15.0541 13.9208 13.9459 13.2375 13.2625C12.5541 12.5792 11.4459 12.5792 10.7625 13.2625C10.0792 13.9459 10.0792 15.0541 10.7625 15.7375C11.4459 16.4208 12.5541 16.4208 13.2375 15.7375Z"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-    />
-    <path
-      d="M7 10V7C7 4.79086 8.79086 3 11 3H13C15.2091 3 17 4.79113 17 7.00027C17 8.25889 17 9.46107 17 10"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="square"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M12 16.5V18"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg> `
-}

package/src/components/lukso-icon/icons/login-2.ts

@@ -1,55 +0,0 @@
-import { html } from 'lit'
-import { styleMap } from 'lit/directives/style-map.js'
-
-import { IconOptions } from '@/components/lukso-icon/index.js'
-
-export const login2 = (options: IconOptions) => {
-  return html`<svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap({
-      width: `${options.width}px`,
-      height: `${options.height}px`,
-    })}
-  >
-    <path
-      d="M4 8V6C4 4.89543 4.89543 4 6 4H8"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-    />
-    <path
-      d="M4 16V18C4 19.1046 4.89543 20 6 20H8"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-    />
-    <path
-      d="M16 4L18 4C19.1046 4 20 4.89543 20 6L20 8"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-    />
-    <path
-      d="M16 20L18 20C19.1046 20 20 19.1046 20 18L20 16"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-    />
-    <path
-      d="M9.36954 9.46179H10.3728V13.08C10.3728 13.4766 10.2791 13.8255 10.0916 14.1265C9.90587 14.4276 9.64447 14.6629 9.30734 14.8323C8.97022 15 8.57631 15.0838 8.12561 15.0838C7.67311 15.0838 7.27829 15 6.94117 14.8323C6.60404 14.6629 6.34264 14.4276 6.15695 14.1265C5.97126 13.8255 5.87842 13.4766 5.87842 13.08V9.46179H6.88168V12.9962C6.88168 13.2269 6.93215 13.4325 7.03311 13.6127C7.13587 13.793 7.2801 13.9345 7.46578 14.0373C7.65147 14.1383 7.87141 14.1887 8.12561 14.1887C8.3798 14.1887 8.59974 14.1383 8.78543 14.0373C8.97292 13.9345 9.11715 13.793 9.2181 13.6127C9.31906 13.4325 9.36954 13.2269 9.36954 12.9962V9.46179Z"
-      fill="var(--${options.color})"
-    />
-    <path
-      d="M11.4633 15V9.46179H13.5401C13.9656 9.46179 14.3225 9.54112 14.611 9.69976C14.9012 9.85841 15.1202 10.0765 15.2681 10.3542C15.4177 10.63 15.4925 10.9437 15.4925 11.2952C15.4925 11.6504 15.4177 11.9659 15.2681 12.2417C15.1184 12.5175 14.8976 12.7348 14.6055 12.8934C14.3135 13.0503 13.9538 13.1287 13.5266 13.1287H12.1501V12.3039H13.3914C13.6401 12.3039 13.8439 12.2606 14.0025 12.1741C14.1612 12.0876 14.2783 11.9686 14.3541 11.8172C14.4316 11.6657 14.4703 11.4917 14.4703 11.2952C14.4703 11.0987 14.4316 10.9257 14.3541 10.776C14.2783 10.6264 14.1603 10.5101 13.9998 10.4272C13.8412 10.3425 13.6365 10.3001 13.386 10.3001H12.4665V15H11.4633Z"
-      fill="var(--${options.color})"
-    />
-    <path
-      d="M17.5186 9.46179L17.4294 13.3721H16.5587L16.4721 9.46179H17.5186ZM16.994 15.0595C16.83 15.0595 16.6894 15.0018 16.5722 14.8864C16.4568 14.771 16.3991 14.6304 16.3991 14.4646C16.3991 14.3023 16.4568 14.1635 16.5722 14.0481C16.6894 13.9327 16.83 13.875 16.994 13.875C17.1545 13.875 17.2933 13.9327 17.4105 14.0481C17.5295 14.1635 17.589 14.3023 17.589 14.4646C17.589 14.5745 17.561 14.6746 17.5051 14.7647C17.451 14.8549 17.3789 14.927 17.2888 14.9811C17.2005 15.0333 17.1022 15.0595 16.994 15.0595Z"
-      fill="var(--${options.color})"
-    />
-  </svg> `
-}

package/src/components/lukso-icon/icons/login-3.ts

@@ -1,53 +0,0 @@
-import { html } from 'lit'
-import { styleMap } from 'lit/directives/style-map.js'
-
-import { IconOptions } from '@/components/lukso-icon/index.js'
-
-export const login3 = (options: IconOptions) => {
-  return html`<svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap({
-      width: `${options.width}px`,
-      height: `${options.height}px`,
-    })}
-  >
-    <path
-      d="M4 8V6C4 4.89543 4.89543 4 6 4H8"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-    />
-    <path
-      d="M4 16V18C4 19.1046 4.89543 20 6 20H8"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-    />
-    <path
-      d="M16 4L18 4C19.1046 4 20 4.89543 20 6L20 8"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-    />
-    <path
-      d="M16 20L18 20C19.1046 20 20 19.1046 20 18L20 16"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-    />
-    <path
-      d="M14.25 9C14.25 10.2426 13.2426 11.25 12 11.25C10.7574 11.25 9.75 10.2426 9.75 9C9.75 7.75736 10.7574 6.75 12 6.75C13.2426 6.75 14.25 7.75736 14.25 9Z"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-    />
-    <path
-      d="M7.25 16.3333C7.25 15.6847 7.79801 15.04 8.88924 14.5101C9.93411 14.0027 11.1972 13.75 12 13.75C12.8028 13.75 14.0659 14.0027 15.1108 14.5101C16.202 15.04 16.75 15.6847 16.75 16.3333V17.25H7.25V16.3333Z"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-    />
-  </svg> `
-}

package/src/components/lukso-icon/icons/login.ts

@@ -1,39 +0,0 @@
-import { html } from 'lit'
-import { styleMap } from 'lit/directives/style-map.js'
-
-import { IconOptions } from '@/components/lukso-icon/index.js'
-
-export const login = (options: IconOptions) => {
-  return html`<svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap({
-      width: `${options.width}px`,
-      height: `${options.height}px`,
-    })}
-  >
-    <path
-      d="M10.4142 14.771C11.7029 13.4823 13.2427 11.9426 13.2427 11.9426L10.4142 9.1142"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M4.75736 11.9426H13.2426"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M7 6.40541V5C7 3.89543 7.89543 3 9 3H17C18.1046 3 19 3.89543 19 5V19C19 20.1046 18.1046 21 17 21H9C7.89543 21 7 20.1046 7 19V17.5946"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-    />
-  </svg>`
-}

package/src/components/lukso-icon/icons/logo-chrome.ts

@@ -1,35 +0,0 @@
-import { html } from 'lit'
-import { styleMap } from 'lit/directives/style-map.js'
-
-import { IconOptions } from '@/components/lukso-icon/index.js'
-
-export const logoChrome = (options: IconOptions) => {
-  return html`<svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap({
-      width: `${options.width}px`,
-      height: `${options.height}px`,
-    })}
-  >
-    <path
-      d="M8.8501 11.9967C8.84991 12.6198 9.0345 13.2289 9.38051 13.747C9.72653 14.2652 10.2184 14.669 10.794 14.9076C11.3696 15.1462 12.003 15.2087 12.6141 15.0872C13.2252 14.9658 13.7865 14.6659 14.2272 14.2254C14.6678 13.7849 14.9679 13.2236 15.0895 12.6125C15.2111 12.0015 15.1488 11.3681 14.9104 10.7924C14.672 10.2168 14.2683 9.72476 13.7502 9.37859C13.2322 9.03242 12.6231 8.84766 12.0001 8.84766C11.1655 8.84988 10.3657 9.18234 9.7755 9.7724C9.18527 10.3625 8.85257 11.1621 8.8501 11.9967V11.9967Z"
-      fill="var(--${options.color})"
-    />
-    <path
-      d="M22.3477 10.2089C22.3477 10.2089 22.3477 10.2089 22.3477 10.2112C22.2708 9.75334 22.1612 9.30155 22.0195 8.85938H22.0144C22.1582 9.30371 22.269 9.75808 22.3458 10.2188V10.2188C22.2687 9.75812 22.158 9.30378 22.0144 8.85938H14.73C15.623 9.65625 16.2 10.7423 16.2 12.0023C16.202 12.7407 16.0025 13.4657 15.623 14.0991L10.8281 22.4273C10.8284 22.4316 10.8284 22.4358 10.8281 22.44V22.4531V22.4409C11.2173 22.4825 11.6086 22.5022 12 22.5C12.3206 22.5 12.638 22.4817 12.9516 22.4531C13.4214 22.4107 13.8877 22.3364 14.3475 22.2309C19.0162 21.165 22.5 16.9875 22.5 11.9972C22.5001 11.3979 22.4491 10.7996 22.3477 10.2089V10.2089Z"
-      fill="var(--${options.color})"
-    />
-    <path
-      d="M12.0001 16.1953C10.4251 16.1953 9.11262 15.3558 8.37715 14.0958L3.56262 5.76796L3.55606 5.75671C2.51717 7.16323 1.846 8.80693 1.60346 10.5386C1.36091 12.2703 1.55468 14.0351 2.16717 15.673C2.77966 17.3108 3.79148 18.7697 5.11079 19.9173C6.4301 21.0649 8.01513 21.8648 9.722 22.2445V22.2422L13.3637 15.9328C12.9283 16.1003 12.4666 16.1892 12.0001 16.1953V16.1953Z"
-      fill="var(--${options.color})"
-    />
-    <path
-      d="M4.27925 4.90177L7.90503 11.1479C8.09326 10.1999 8.60413 9.34636 9.35073 8.73257C10.0973 8.11878 11.0335 7.78263 12 7.7813H21.6174C21.2868 7.05485 20.8818 6.3646 20.4089 5.72161L20.4146 5.72536C20.8856 6.36718 21.2887 7.05619 21.6174 7.7813H21.6253C21.2969 7.05402 20.8938 6.36281 20.4225 5.7188C20.4167 5.7152 20.4112 5.71112 20.4061 5.70661C19.4823 4.47157 18.2977 3.45528 16.9365 2.73005C15.5753 2.00481 14.071 1.58845 12.5307 1.51058C10.9903 1.43271 9.45172 1.69524 8.02434 2.27951C6.59697 2.86377 5.31588 3.75541 4.27222 4.89099L4.27878 4.90224L4.27925 4.90177Z"
-      fill="var(--${options.color})"
-    />
-  </svg> `
-}

package/src/components/lukso-icon/icons/lyx-logo.ts

@@ -1,41 +0,0 @@
-import { html } from 'lit'
-import { styleMap } from 'lit/directives/style-map.js'
-
-import { IconOptions } from '@/components/lukso-icon/index.js'
-
-export const lyxLogo = (options: IconOptions) => {
-  return html`<svg
-    width="16"
-    height="16"
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap({
-      width: `${options.width}px`,
-      height: `${options.height}px`,
-    })}
-  >
-    <path
-      d="M14.3403 11.6628L8.00011 15.3197L1.65991 11.6628V4.34986L8.00011 0.692931L14.3403 4.34986V11.6628Z"
-      stroke="#ACC2D2"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M8.00562 8.00621L9.93645 11.4421L11.8938 7.99763L9.93645 4.57031L8.00562 8.00621Z"
-      fill="#BDCEDB"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M4.10498 8.01136L6.07355 11.4423H9.93735L8.00652 8.00635L4.10498 8.01136Z"
-      fill="#ACC2D2"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M4.10498 8.01123C4.29293 8.01123 8.00652 8.00621 8.00652 8.00621L9.93735 4.57031L6.07355 4.57532L4.10498 8.01123Z"
-      fill="#DEE7ED"
-    />
-  </svg> `
-}

package/src/components/lukso-icon/icons/mail.ts

@@ -1,33 +0,0 @@
-import { html } from 'lit'
-import { styleMap } from 'lit/directives/style-map.js'
-
-import { IconOptions } from '@/components/lukso-icon/index.js'
-
-export const mail = (options: IconOptions) => {
-  return html`<svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap({
-      width: `${options.width}px`,
-      height: `${options.height}px`,
-    })}
-  >
-    <path
-      d="M19.875 4.5H4.125C3.08947 4.5 2.25 5.33947 2.25 6.375V17.625C2.25 18.6605 3.08947 19.5 4.125 19.5H19.875C20.9105 19.5 21.75 18.6605 21.75 17.625V6.375C21.75 5.33947 20.9105 4.5 19.875 4.5Z"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M5.25 7.5L12 12.75L18.75 7.5"
-      stroke="var(--${options.color})"
-      stroke-width="${options.strokeWidth}"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg> `
-}

package/src/components/lukso-icon/icons/menu-1.ts

@@ -1,71 +0,0 @@
-import { html } from 'lit'
-import { styleMap } from 'lit/directives/style-map.js'
-
-import { IconOptions } from '@/components/lukso-icon/index.js'
-
-export const menu1 = (options: IconOptions) => {
-  return html`<svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap({
-      width: `${options.width}px`,
-      height: `${options.height}px`,
-    })}
-  >
-    <mask id="path-1-inside-1_156_2042" fill="white">
-      <rect x="5" y="5" width="6" height="6" rx="1" />
-    </mask>
-    <rect
-      x="5"
-      y="5"
-      width="6"
-      height="6"
-      rx="1"
-      stroke="var(--${options.color})"
-      stroke-width="3"
-      mask="url(#path-1-inside-1_156_2042)"
-    />
-    <mask id="path-2-inside-2_156_2042" fill="white">
-      <rect x="5" y="13" width="6" height="6" rx="1" />
-    </mask>
-    <rect
-      x="5"
-      y="13"
-      width="6"
-      height="6"
-      rx="1"
-      stroke="var(--${options.color})"
-      stroke-width="3"
-      mask="url(#path-2-inside-2_156_2042)"
-    />
-    <mask id="path-3-inside-3_156_2042" fill="white">
-      <rect x="13" y="5" width="6" height="6" rx="1" />
-    </mask>
-    <rect
-      x="13"
-      y="5"
-      width="6"
-      height="6"
-      rx="1"
-      stroke="var(--${options.color})"
-      stroke-width="3"
-      mask="url(#path-3-inside-3_156_2042)"
-    />
-    <mask id="path-4-inside-4_156_2042" fill="white">
-      <rect x="13" y="13" width="6" height="6" rx="1" />
-    </mask>
-    <rect
-      x="13"
-      y="13"
-      width="6"
-      height="6"
-      rx="1"
-      stroke="var(--${options.color})"
-      stroke-width="3"
-      mask="url(#path-4-inside-4_156_2042)"
-    />
-  </svg> `
-}