New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@bliss-design-system/icon

Package Overview
Dependencies
Maintainers
4
Versions
19
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@bliss-design-system/icon - npm Package Compare versions

Comparing version 2.2.1 to 2.3.0

dist/BlissIcon.js

20

dist/index.js

@@ -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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc