lit-heroicons
Advanced tools
Comparing version 0.6.0 to 0.6.1
@@ -8,16 +8,16 @@ import { css, html, LitElement } from "lit"; | ||
export class Heroicon extends LitElement { | ||
static styles = css` | ||
:host([size="full"]) { | ||
width: 100%; | ||
} | ||
:host([size="s"]) { | ||
width: 14px; | ||
} | ||
:host([size="m"]) { | ||
width: 18px; | ||
} | ||
:host([size="l"]) { | ||
width: 32px; | ||
} | ||
`; | ||
// static styles = css` | ||
// :host([size="full"]) { | ||
// width: 100%; | ||
// } | ||
// :host([size="s"]) { | ||
// width: 14px; | ||
// } | ||
// :host([size="m"]) { | ||
// width: 18px; | ||
// } | ||
// :host([size="l"]) { | ||
// width: 32px; | ||
// } | ||
// `; | ||
@@ -30,8 +30,8 @@ @property() | ||
@property({ attribute: true }) | ||
size: HeroIconSize = "full"; | ||
// @property({ attribute: true }) | ||
// size: HeroIconSize = "full"; | ||
render() { | ||
return ( | ||
icons?.[this.name.toLowerCase()]?.[this.solid ? "solid" : "outline"] ?? | ||
icons?.[this.name?.toLowerCase()]?.[this.solid ? "solid" : "outline"] ?? | ||
html`<svg></svg>` | ||
@@ -38,0 +38,0 @@ ); |
{ | ||
"name": "lit-heroicons", | ||
"version": "0.6.0", | ||
"version": "0.6.1", | ||
"description": "Heroicons for Lit (Project based on heroicons)", | ||
@@ -5,0 +5,0 @@ "main": "heroicon.ts", |
Sorry, the diff of this file is too big to display
177633