Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@digital-realty/ix-label-tag

Package Overview
Dependencies
Maintainers
5
Versions
29
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@digital-realty/ix-label-tag - npm Package Compare versions

Comparing version 2.1.4 to 2.1.5

29

dist/ix-label-tag-styles.js

@@ -12,12 +12,7 @@ import { css } from 'lit';

.label-tag {
display: block;
padding: 0 1em;
display: inline-block;
padding: var(--md-label-padding, 0.5rem 1rem);
border-radius: 2em;
color: var(--md-theme-on-primary, #fff);
background-color: var(--md-theme-primary, #6200ee);
-webkit-font-smoothing: antialiased;
font-family: var(
--md-typography-label-font-family,
var(--md-typography-font-family, Roboto, sans-serif)
);
font-size: var(--md-typography-label-font-size, 0.75rem);

@@ -29,23 +24,3 @@ line-height: var(--md-typography-label-line-height, 1.5);

}
.label-tag.-red {
background-color: var(--label-tag-red, red);
}
.label-tag.-blue {
background-color: var(--label-tag-blue, blue);
}
.label-tag.-grey {
background-color: var(--label-tag-grey, grey);
}
.label-tag.-orange {
background-color: var(--label-tag-orange, orange);
}
.label-tag.-green {
background-color: var(--label-tag-green, green);
}
`;
//# sourceMappingURL=ix-label-tag-styles.js.map
import { LitElement } from 'lit';
export declare class IxLabelTag extends LitElement {
static get styles(): import("lit").CSSResult[];
text: string;
color: string | undefined;
getColorCssClass(): Record<string, boolean>;
render(): import("lit-html").TemplateResult<1>;
}

@@ -1,34 +0,13 @@

import { __decorate } from "tslib";
import { html, LitElement } from 'lit';
import { property } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { IxLabelTagStyles } from './ix-label-tag-styles.js';
export class IxLabelTag extends LitElement {
constructor() {
super(...arguments);
this.text = 'Label text';
this.color = undefined;
}
static get styles() {
return [IxLabelTagStyles];
}
getColorCssClass() {
const colorClass = {};
if (this.color) {
colorClass[`-${this.color}`] = true;
}
return colorClass;
}
render() {
return html `<span class="label-tag ${classMap(this.getColorCssClass())}"
>${this.text}</span
>`;
return html `<span class="label-tag">
<slot></slot>
</span>`;
}
}
__decorate([
property()
], IxLabelTag.prototype, "text", void 0);
__decorate([
property()
], IxLabelTag.prototype, "color", void 0);
//# sourceMappingURL=IxLabelTag.js.map

4

package.json

@@ -6,3 +6,3 @@ {

"author": "Digital Realty",
"version": "2.1.4",
"version": "2.1.5",
"type": "module",

@@ -102,3 +102,3 @@ "main": "dist/index.js",

],
"gitHead": "f487170ac27de967505c921dabf983d2a122e625"
"gitHead": "22907facb6faf6308fa1ea46a7faf875bcb26422"
}

Sorry, the diff of this file is not supported yet

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