@bliss-design-system/icon
Advanced tools
Comparing version 2.2.1 to 2.3.0
@@ -1,11 +0,9 @@ | ||
import{LitElement as e,html as t}from"lit";import{property as i}from"lit/decorators.js";import{blissIconNames as o}from"@bliss/iconset";function s(e,t,i,o){var s,n=arguments.length,r=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,o);else for(var c=e.length-1;c>=0;c--)(s=e[c])&&(r=(n<3?s(r):n>3?s(t,i,r):s(t,i))||r);return n>3&&r&&Object.defineProperty(t,i,r),r}class n extends e{constructor(){super(...arguments),this.name="",this.size="medium"}createRenderRoot(){return this}get iconName(){return o.includes(this.name)||console.warn("%c[Bliss Warn]:","font-weight: 600;",`'${this.name}' is not a valid icon name. You can find all available icons at https://bliss.bryter.com/?path=/story/components-icon-iconset--page`),this.name}get iconSize(){const e={medium:"24px",large:"48px"}[this.size];return e||console.warn("%c[Bliss Warn]:","font-weight: 600;",`'${this.size}' is not a valid icon size, the available options are 'medium' or 'large'`),e}render(){return t` | ||
<svg | ||
xmlns="http://www.w3.org/2000/svg" | ||
height=${this.iconSize} | ||
width=${this.iconSize} | ||
fill="currentColor" | ||
style="display: block;" | ||
> | ||
<use href=${`#bliss-icon-${this.iconName}`}></use> | ||
</svg> | ||
`}}s([i({type:String})],n.prototype,"name",void 0),s([i({type:String})],n.prototype,"size",void 0);const r=()=>{window.customElements.get("bliss-icon")?console.info("%c[Bliss Info]:","font-weight: 600;","<bliss-icon> has already been registered."):window.customElements.define("bliss-icon",n)};export{n as BlissIcon,r as blissRegisterIcon}; | ||
import { BlissIcon } from './BlissIcon.js'; | ||
const blissRegisterIcon = () => { | ||
if (window.customElements.get('bliss-icon')) { | ||
console.info('%c[Bliss Info]:', 'font-weight: 600;', '<bliss-icon> has already been registered.'); | ||
return; | ||
} | ||
window.customElements.define('bliss-icon', BlissIcon); | ||
}; | ||
export { BlissIcon, blissRegisterIcon }; |
{ | ||
"name": "@bliss-design-system/icon", | ||
"version": "2.2.1", | ||
"version": "2.3.0", | ||
"description": "Bliss Design Sytem icon web component, consumes icons from Bliss Iconsets toolkit", | ||
@@ -41,6 +41,6 @@ "repository": { | ||
"dependencies": { | ||
"lit": "^2.0.0" | ||
"lit": "2.0.0-rc.2" | ||
}, | ||
"peerDependencies": { | ||
"@bliss/iconset": "^1.0.2" | ||
"@bliss/iconset": "^1.0.5" | ||
}, | ||
@@ -47,0 +47,0 @@ "contributes": { |
Sorry, the diff of this file is not supported yet
8
115
217289
+ Addedlit@2.0.0-rc.2(transitive)
- Removedlit@2.8.0(transitive)
Updatedlit@2.0.0-rc.2