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

@maggioli-design-system/mds-badge

Package Overview
Dependencies
Maintainers
2
Versions
30
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@maggioli-design-system/mds-badge - npm Package Compare versions

Comparing version 2.3.0 to 2.4.0

dist/documentation.d.ts
dist/documentation.json
dist/mds-badge/p-689ff6f6.entry.js
dist/mds-badge/p-6d475b3e.system.js
dist/mds-badge/p-8bcf0811.system.entry.js
documentation.json
www/build/p-689ff6f6.entry.js
www/build/p-6d475b3e.system.js
www/build/p-8bcf0811.system.entry.js

2

dist/cjs/loader.cjs.js

@@ -8,3 +8,3 @@ 'use strict';

/*
Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
*/

@@ -11,0 +11,0 @@ const patchEsm = () => {

2

dist/cjs/mds-badge.cjs.entry.js

@@ -7,3 +7,3 @@ 'use strict';

const mdsBadgeCss = "@tailwind utilities; :host{--background:rgb(var(--label-sky-09));--radius:0.25rem;--color:rgb(var(--label-sky-03));display:-ms-inline-flexbox;display:inline-flex;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content;-ms-flex-align:center;align-items:center;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);color:var(--color)}@tailwind utilities; :host([variant=amaranth]),:host([variant=amaranth][tone=strong]){--background:rgb(var(--label-amaranth-05));--color:rgb(var(--label-amaranth-10))}:host([variant=amaranth][tone=weak]){--background:rgb(var(--label-amaranth-08));--color:rgb(var(--label-amaranth-02))}:host([variant=amaranth][tone=quiet]){--background:rgb(var(--label-amaranth-09));--color:rgb(var(--label-amaranth-04))}@tailwind utilities; :host([variant=aqua]),:host([variant=aqua][tone=strong]){--background:rgb(var(--label-aqua-05));--color:rgb(var(--label-aqua-10))}:host([variant=aqua][tone=weak]){--background:rgb(var(--label-aqua-08));--color:rgb(var(--label-aqua-02))}:host([variant=aqua][tone=quiet]){--background:rgb(var(--label-aqua-09));--color:rgb(var(--label-aqua-04))}@tailwind utilities; :host([variant=blue]),:host([variant=blue][tone=strong]){--background:rgb(var(--label-blue-05));--color:rgb(var(--label-blue-10))}:host([variant=blue][tone=weak]){--background:rgb(var(--label-blue-08));--color:rgb(var(--label-blue-02))}:host([variant=blue][tone=quiet]){--background:rgb(var(--label-blue-09));--color:rgb(var(--label-blue-04))}@tailwind utilities; :host([variant=dark]),:host([variant=dark][tone=strong]){--background:rgb(var(--tone-neutral-02));--color:rgb(var(--tone-neutral-09))}:host([variant=dark][tone=weak]){--background:rgb(var(--tone-neutral-08));--color:rgb(var(--tone-neutral-02))}:host([variant=dark][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-05))}@tailwind utilities; :host([variant=error]),:host([variant=error][tone=strong]){--background:rgb(var(--status-error-05));--color:rgb(var(--status-error-10))}:host([variant=error][tone=weak]){--background:rgb(var(--status-error-08));--color:rgb(var(--status-error-02))}:host([variant=error][tone=quiet]){--background:rgb(var(--status-error-09));--color:rgb(var(--status-error-04))}@tailwind utilities; :host([variant=green]),:host([variant=green][tone=strong]){--background:rgb(var(--label-green-05));--color:rgb(var(--label-green-10))}:host([variant=green][tone=weak]){--background:rgb(var(--label-green-08));--color:rgb(var(--label-green-02))}:host([variant=green][tone=quiet]){--background:rgb(var(--label-green-09));--color:rgb(var(--label-green-04))}@tailwind utilities; :host([variant=info]),:host([variant=info][tone=strong]){--background:rgb(var(--status-info-05));--color:rgb(var(--status-info-10))}:host([variant=info][tone=weak]){--background:rgb(var(--status-info-08));--color:rgb(var(--status-info-02))}:host([variant=info][tone=quiet]){--background:rgb(var(--status-info-09));--color:rgb(var(--status-info-04))}@tailwind utilities; :host([variant=light]),:host([variant=light][tone=strong]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=weak]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-02))}@tailwind utilities; :host([variant=lime]),:host([variant=lime][tone=strong]){--background:rgb(var(--label-lime-05));--color:rgb(var(--label-lime-10))}:host([variant=lime][tone=weak]){--background:rgb(var(--label-lime-08));--color:rgb(var(--label-lime-02))}:host([variant=lime][tone=quiet]){--background:rgb(var(--label-lime-09));--color:rgb(var(--label-lime-04))}@tailwind utilities; :host([variant=orange]),:host([variant=orange][tone=strong]){--background:rgb(var(--label-orange-05));--color:rgb(var(--label-orange-10))}:host([variant=orange][tone=weak]){--background:rgb(var(--label-orange-08));--color:rgb(var(--label-orange-02))}:host([variant=orange][tone=quiet]){--background:rgb(var(--label-orange-09));--color:rgb(var(--label-orange-04))}@tailwind utilities; :host([variant=orchid]),:host([variant=orchid][tone=strong]){--background:rgb(var(--label-orchid-05));--color:rgb(var(--label-orchid-10))}:host([variant=orchid][tone=weak]){--background:rgb(var(--label-orchid-08));--color:rgb(var(--label-orchid-02))}:host([variant=orchid][tone=quiet]){--background:rgb(var(--label-orchid-09));--color:rgb(var(--label-orchid-04))}@tailwind utilities; :host([variant=sky]),:host([variant=sky][tone=strong]){--background:rgb(var(--label-sky-05));--color:rgb(var(--label-sky-10))}:host([variant=sky][tone=weak]){--background:rgb(var(--label-sky-08));--color:rgb(var(--label-sky-02))}:host([variant=sky][tone=quiet]){--background:rgb(var(--label-sky-09));--color:rgb(var(--label-sky-04))}@tailwind utilities; :host([variant=success]),:host([variant=success][tone=strong]){--background:rgb(var(--status-success-05));--color:rgb(var(--status-success-10))}:host([variant=success][tone=weak]){--background:rgb(var(--status-success-08));--color:rgb(var(--status-success-02))}:host([variant=success][tone=quiet]){--background:rgb(var(--status-success-09));--color:rgb(var(--status-success-04))}@tailwind utilities; :host([variant=violet]),:host([variant=violet][tone=strong]){--background:rgb(var(--label-violet-05));--color:rgb(var(--label-violet-10))}:host([variant=violet][tone=weak]){--background:rgb(var(--label-violet-08));--color:rgb(var(--label-violet-02))}:host([variant=violet][tone=quiet]){--background:rgb(var(--label-violet-09));--color:rgb(var(--label-violet-04))}@tailwind utilities; :host([variant=warning]),:host([variant=warning][tone=strong]){--background:rgb(var(--status-warning-05));--color:rgb(var(--status-warning-10))}:host([variant=warning][tone=weak]){--background:rgb(var(--status-warning-08));--color:rgb(var(--status-warning-02))}:host([variant=warning][tone=quiet]){--background:rgb(var(--status-warning-09));--color:rgb(var(--status-warning-04))}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=yellow]),:host([variant=yellow][tone=strong]){--background:rgb(var(--label-yellow-05));--color:rgb(var(--label-yellow-10))}:host([variant=yellow][tone=weak]){--background:rgb(var(--label-yellow-08));--color:rgb(var(--label-yellow-02))}:host([variant=yellow][tone=quiet]){--background:rgb(var(--label-yellow-09));--color:rgb(var(--label-yellow-04))}";
const mdsBadgeCss = "@tailwind utilities; :host{--background:rgb(var(--label-sky-09));--radius:0.25rem;--color:rgb(var(--label-sky-03));display:-ms-inline-flexbox;display:inline-flex;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content;-ms-flex-align:center;align-items:center;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);color:var(--color)}@tailwind utilities; :host([variant=\"amaranth\"]),:host([variant=\"amaranth\"][tone=\"strong\"]){--background:rgb(var(--label-amaranth-05));--color:rgb(var(--label-amaranth-10))}:host([variant=\"amaranth\"][tone=\"weak\"]){--background:rgb(var(--label-amaranth-08));--color:rgb(var(--label-amaranth-02))}:host([variant=\"amaranth\"][tone=\"quiet\"]){--background:rgb(var(--label-amaranth-09));--color:rgb(var(--label-amaranth-04))}@tailwind utilities; :host([variant=\"aqua\"]),:host([variant=\"aqua\"][tone=\"strong\"]){--background:rgb(var(--label-aqua-05));--color:rgb(var(--label-aqua-10))}:host([variant=\"aqua\"][tone=\"weak\"]){--background:rgb(var(--label-aqua-08));--color:rgb(var(--label-aqua-02))}:host([variant=\"aqua\"][tone=\"quiet\"]){--background:rgb(var(--label-aqua-09));--color:rgb(var(--label-aqua-04))}@tailwind utilities; :host([variant=\"blue\"]),:host([variant=\"blue\"][tone=\"strong\"]){--background:rgb(var(--label-blue-05));--color:rgb(var(--label-blue-10))}:host([variant=\"blue\"][tone=\"weak\"]){--background:rgb(var(--label-blue-08));--color:rgb(var(--label-blue-02))}:host([variant=\"blue\"][tone=\"quiet\"]){--background:rgb(var(--label-blue-09));--color:rgb(var(--label-blue-04))}@tailwind utilities; :host([variant=\"dark\"]),:host([variant=\"dark\"][tone=\"strong\"]){--background:rgb(var(--tone-neutral-02));--color:rgb(var(--tone-neutral-09))}:host([variant=\"dark\"][tone=\"weak\"]){--background:rgb(var(--tone-neutral-08));--color:rgb(var(--tone-neutral-02))}:host([variant=\"dark\"][tone=\"quiet\"]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-05))}@tailwind utilities; :host([variant=\"error\"]),:host([variant=\"error\"][tone=\"strong\"]){--background:rgb(var(--status-error-05));--color:rgb(var(--status-error-10))}:host([variant=\"error\"][tone=\"weak\"]){--background:rgb(var(--status-error-08));--color:rgb(var(--status-error-02))}:host([variant=\"error\"][tone=\"quiet\"]){--background:rgb(var(--status-error-09));--color:rgb(var(--status-error-04))}@tailwind utilities; :host([variant=\"green\"]),:host([variant=\"green\"][tone=\"strong\"]){--background:rgb(var(--label-green-05));--color:rgb(var(--label-green-10))}:host([variant=\"green\"][tone=\"weak\"]){--background:rgb(var(--label-green-08));--color:rgb(var(--label-green-02))}:host([variant=\"green\"][tone=\"quiet\"]){--background:rgb(var(--label-green-09));--color:rgb(var(--label-green-04))}@tailwind utilities; :host([variant=\"info\"]),:host([variant=\"info\"][tone=\"strong\"]){--background:rgb(var(--status-info-05));--color:rgb(var(--status-info-10))}:host([variant=\"info\"][tone=\"weak\"]){--background:rgb(var(--status-info-08));--color:rgb(var(--status-info-02))}:host([variant=\"info\"][tone=\"quiet\"]){--background:rgb(var(--status-info-09));--color:rgb(var(--status-info-04))}@tailwind utilities; :host([variant=\"light\"]),:host([variant=\"light\"][tone=\"strong\"]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=\"light\"][tone=\"weak\"]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=\"light\"][tone=\"quiet\"]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-02))}@tailwind utilities; :host([variant=\"lime\"]),:host([variant=\"lime\"][tone=\"strong\"]){--background:rgb(var(--label-lime-05));--color:rgb(var(--label-lime-10))}:host([variant=\"lime\"][tone=\"weak\"]){--background:rgb(var(--label-lime-08));--color:rgb(var(--label-lime-02))}:host([variant=\"lime\"][tone=\"quiet\"]){--background:rgb(var(--label-lime-09));--color:rgb(var(--label-lime-04))}@tailwind utilities; :host([variant=\"orange\"]),:host([variant=\"orange\"][tone=\"strong\"]){--background:rgb(var(--label-orange-05));--color:rgb(var(--label-orange-10))}:host([variant=\"orange\"][tone=\"weak\"]){--background:rgb(var(--label-orange-08));--color:rgb(var(--label-orange-02))}:host([variant=\"orange\"][tone=\"quiet\"]){--background:rgb(var(--label-orange-09));--color:rgb(var(--label-orange-04))}@tailwind utilities; :host([variant=\"orchid\"]),:host([variant=\"orchid\"][tone=\"strong\"]){--background:rgb(var(--label-orchid-05));--color:rgb(var(--label-orchid-10))}:host([variant=\"orchid\"][tone=\"weak\"]){--background:rgb(var(--label-orchid-08));--color:rgb(var(--label-orchid-02))}:host([variant=\"orchid\"][tone=\"quiet\"]){--background:rgb(var(--label-orchid-09));--color:rgb(var(--label-orchid-04))}@tailwind utilities; :host([variant=\"sky\"]),:host([variant=\"sky\"][tone=\"strong\"]){--background:rgb(var(--label-sky-05));--color:rgb(var(--label-sky-10))}:host([variant=\"sky\"][tone=\"weak\"]){--background:rgb(var(--label-sky-08));--color:rgb(var(--label-sky-02))}:host([variant=\"sky\"][tone=\"quiet\"]){--background:rgb(var(--label-sky-09));--color:rgb(var(--label-sky-04))}@tailwind utilities; :host([variant=\"success\"]),:host([variant=\"success\"][tone=\"strong\"]){--background:rgb(var(--status-success-05));--color:rgb(var(--status-success-10))}:host([variant=\"success\"][tone=\"weak\"]){--background:rgb(var(--status-success-08));--color:rgb(var(--status-success-02))}:host([variant=\"success\"][tone=\"quiet\"]){--background:rgb(var(--status-success-09));--color:rgb(var(--status-success-04))}@tailwind utilities; :host([variant=\"violet\"]),:host([variant=\"violet\"][tone=\"strong\"]){--background:rgb(var(--label-violet-05));--color:rgb(var(--label-violet-10))}:host([variant=\"violet\"][tone=\"weak\"]){--background:rgb(var(--label-violet-08));--color:rgb(var(--label-violet-02))}:host([variant=\"violet\"][tone=\"quiet\"]){--background:rgb(var(--label-violet-09));--color:rgb(var(--label-violet-04))}@tailwind utilities; :host([variant=\"warning\"]),:host([variant=\"warning\"][tone=\"strong\"]){--background:rgb(var(--status-warning-05));--color:rgb(var(--status-warning-10))}:host([variant=\"warning\"][tone=\"weak\"]){--background:rgb(var(--status-warning-08));--color:rgb(var(--status-warning-02))}:host([variant=\"warning\"][tone=\"quiet\"]){--background:rgb(var(--status-warning-09));--color:rgb(var(--status-warning-04))}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=\"yellow\"]),:host([variant=\"yellow\"][tone=\"strong\"]){--background:rgb(var(--label-yellow-05));--color:rgb(var(--label-yellow-10))}:host([variant=\"yellow\"][tone=\"weak\"]){--background:rgb(var(--label-yellow-08));--color:rgb(var(--label-yellow-02))}:host([variant=\"yellow\"][tone=\"quiet\"]){--background:rgb(var(--label-yellow-09));--color:rgb(var(--label-yellow-04))}";

@@ -10,0 +10,0 @@ const MdsBadge = class {

2

dist/cjs/mds-badge.cjs.js

@@ -8,3 +8,3 @@ 'use strict';

/*
Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
*/

@@ -11,0 +11,0 @@ const patchBrowser = () => {

2

dist/collection/collection-manifest.json

@@ -7,3 +7,3 @@ {

"name": "@stencil/core",
"version": "2.22.2",
"version": "2.22.3",
"typescriptVersion": "4.9.4"

@@ -10,0 +10,0 @@ },

6

dist/collection/common/aria.js

@@ -9,7 +9,9 @@ const hash = (s) => {

const unslugName = (name) => {
return name.split('/').slice(-1).pop().replace(/-/g, ' ');
var _a, _b, _c;
return (_c = (_b = (_a = name.split('/')) === null || _a === void 0 ? void 0 : _a.slice(-1).pop()) === null || _b === void 0 ? void 0 : _b.replace(/-/g, ' ')) !== null && _c !== void 0 ? _c : name;
};
const setAttributeIfEmpty = (element, attribute, value) => {
var _a;
if (element.hasAttribute(attribute)) {
return element.getAttribute(attribute);
return (_a = element.getAttribute(attribute)) !== null && _a !== void 0 ? _a : '';
}

@@ -16,0 +18,0 @@ element.setAttribute(attribute, value);

2

dist/collection/common/keyboard-manager.js

@@ -34,3 +34,3 @@ export class KeyboardManager {

this.detachEscapeBehavior = () => {
this.escapeCallback = null;
this.escapeCallback = () => { return; };
if (typeof window !== undefined) {

@@ -37,0 +37,0 @@ window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));

6

dist/collection/components/mds-badge/mds-badge.js

@@ -31,3 +31,3 @@ import { Host, h } from '@stencil/core';

"original": "ThemeFullVariantType",
"resolved": "\"amaranth\" | \"aqua\" | \"blue\" | \"dark\" | \"error\" | \"green\" | \"info\" | \"light\" | \"lime\" | \"orange\" | \"orchid\" | \"sky\" | \"success\" | \"violet\" | \"warning\" | \"yellow\"",
"resolved": "\"amaranth\" | \"aqua\" | \"blue\" | \"dark\" | \"error\" | \"green\" | \"info\" | \"light\" | \"lime\" | \"orange\" | \"orchid\" | \"sky\" | \"success\" | \"violet\" | \"warning\" | \"yellow\" | undefined",
"references": {

@@ -55,3 +55,3 @@ "ThemeFullVariantType": {

"original": "ToneSimpleVariantType",
"resolved": "\"quiet\" | \"strong\" | \"weak\"",
"resolved": "\"quiet\" | \"strong\" | \"weak\" | undefined",
"references": {

@@ -106,3 +106,3 @@ "ToneSimpleVariantType": {

"original": "TypographyVariants",
"resolved": "\"code\" | \"info\" | \"read\" | \"title\"",
"resolved": "\"code\" | \"info\" | \"read\" | \"title\" | undefined",
"references": {

@@ -109,0 +109,0 @@ "TypographyVariants": {

2

dist/components/mds-badge.js
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
const mdsBadgeCss = "@tailwind utilities; :host{--background:rgb(var(--label-sky-09));--radius:0.25rem;--color:rgb(var(--label-sky-03));display:-ms-inline-flexbox;display:inline-flex;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content;-ms-flex-align:center;align-items:center;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);color:var(--color)}@tailwind utilities; :host([variant=amaranth]),:host([variant=amaranth][tone=strong]){--background:rgb(var(--label-amaranth-05));--color:rgb(var(--label-amaranth-10))}:host([variant=amaranth][tone=weak]){--background:rgb(var(--label-amaranth-08));--color:rgb(var(--label-amaranth-02))}:host([variant=amaranth][tone=quiet]){--background:rgb(var(--label-amaranth-09));--color:rgb(var(--label-amaranth-04))}@tailwind utilities; :host([variant=aqua]),:host([variant=aqua][tone=strong]){--background:rgb(var(--label-aqua-05));--color:rgb(var(--label-aqua-10))}:host([variant=aqua][tone=weak]){--background:rgb(var(--label-aqua-08));--color:rgb(var(--label-aqua-02))}:host([variant=aqua][tone=quiet]){--background:rgb(var(--label-aqua-09));--color:rgb(var(--label-aqua-04))}@tailwind utilities; :host([variant=blue]),:host([variant=blue][tone=strong]){--background:rgb(var(--label-blue-05));--color:rgb(var(--label-blue-10))}:host([variant=blue][tone=weak]){--background:rgb(var(--label-blue-08));--color:rgb(var(--label-blue-02))}:host([variant=blue][tone=quiet]){--background:rgb(var(--label-blue-09));--color:rgb(var(--label-blue-04))}@tailwind utilities; :host([variant=dark]),:host([variant=dark][tone=strong]){--background:rgb(var(--tone-neutral-02));--color:rgb(var(--tone-neutral-09))}:host([variant=dark][tone=weak]){--background:rgb(var(--tone-neutral-08));--color:rgb(var(--tone-neutral-02))}:host([variant=dark][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-05))}@tailwind utilities; :host([variant=error]),:host([variant=error][tone=strong]){--background:rgb(var(--status-error-05));--color:rgb(var(--status-error-10))}:host([variant=error][tone=weak]){--background:rgb(var(--status-error-08));--color:rgb(var(--status-error-02))}:host([variant=error][tone=quiet]){--background:rgb(var(--status-error-09));--color:rgb(var(--status-error-04))}@tailwind utilities; :host([variant=green]),:host([variant=green][tone=strong]){--background:rgb(var(--label-green-05));--color:rgb(var(--label-green-10))}:host([variant=green][tone=weak]){--background:rgb(var(--label-green-08));--color:rgb(var(--label-green-02))}:host([variant=green][tone=quiet]){--background:rgb(var(--label-green-09));--color:rgb(var(--label-green-04))}@tailwind utilities; :host([variant=info]),:host([variant=info][tone=strong]){--background:rgb(var(--status-info-05));--color:rgb(var(--status-info-10))}:host([variant=info][tone=weak]){--background:rgb(var(--status-info-08));--color:rgb(var(--status-info-02))}:host([variant=info][tone=quiet]){--background:rgb(var(--status-info-09));--color:rgb(var(--status-info-04))}@tailwind utilities; :host([variant=light]),:host([variant=light][tone=strong]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=weak]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-02))}@tailwind utilities; :host([variant=lime]),:host([variant=lime][tone=strong]){--background:rgb(var(--label-lime-05));--color:rgb(var(--label-lime-10))}:host([variant=lime][tone=weak]){--background:rgb(var(--label-lime-08));--color:rgb(var(--label-lime-02))}:host([variant=lime][tone=quiet]){--background:rgb(var(--label-lime-09));--color:rgb(var(--label-lime-04))}@tailwind utilities; :host([variant=orange]),:host([variant=orange][tone=strong]){--background:rgb(var(--label-orange-05));--color:rgb(var(--label-orange-10))}:host([variant=orange][tone=weak]){--background:rgb(var(--label-orange-08));--color:rgb(var(--label-orange-02))}:host([variant=orange][tone=quiet]){--background:rgb(var(--label-orange-09));--color:rgb(var(--label-orange-04))}@tailwind utilities; :host([variant=orchid]),:host([variant=orchid][tone=strong]){--background:rgb(var(--label-orchid-05));--color:rgb(var(--label-orchid-10))}:host([variant=orchid][tone=weak]){--background:rgb(var(--label-orchid-08));--color:rgb(var(--label-orchid-02))}:host([variant=orchid][tone=quiet]){--background:rgb(var(--label-orchid-09));--color:rgb(var(--label-orchid-04))}@tailwind utilities; :host([variant=sky]),:host([variant=sky][tone=strong]){--background:rgb(var(--label-sky-05));--color:rgb(var(--label-sky-10))}:host([variant=sky][tone=weak]){--background:rgb(var(--label-sky-08));--color:rgb(var(--label-sky-02))}:host([variant=sky][tone=quiet]){--background:rgb(var(--label-sky-09));--color:rgb(var(--label-sky-04))}@tailwind utilities; :host([variant=success]),:host([variant=success][tone=strong]){--background:rgb(var(--status-success-05));--color:rgb(var(--status-success-10))}:host([variant=success][tone=weak]){--background:rgb(var(--status-success-08));--color:rgb(var(--status-success-02))}:host([variant=success][tone=quiet]){--background:rgb(var(--status-success-09));--color:rgb(var(--status-success-04))}@tailwind utilities; :host([variant=violet]),:host([variant=violet][tone=strong]){--background:rgb(var(--label-violet-05));--color:rgb(var(--label-violet-10))}:host([variant=violet][tone=weak]){--background:rgb(var(--label-violet-08));--color:rgb(var(--label-violet-02))}:host([variant=violet][tone=quiet]){--background:rgb(var(--label-violet-09));--color:rgb(var(--label-violet-04))}@tailwind utilities; :host([variant=warning]),:host([variant=warning][tone=strong]){--background:rgb(var(--status-warning-05));--color:rgb(var(--status-warning-10))}:host([variant=warning][tone=weak]){--background:rgb(var(--status-warning-08));--color:rgb(var(--status-warning-02))}:host([variant=warning][tone=quiet]){--background:rgb(var(--status-warning-09));--color:rgb(var(--status-warning-04))}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=yellow]),:host([variant=yellow][tone=strong]){--background:rgb(var(--label-yellow-05));--color:rgb(var(--label-yellow-10))}:host([variant=yellow][tone=weak]){--background:rgb(var(--label-yellow-08));--color:rgb(var(--label-yellow-02))}:host([variant=yellow][tone=quiet]){--background:rgb(var(--label-yellow-09));--color:rgb(var(--label-yellow-04))}";
const mdsBadgeCss = "@tailwind utilities; :host{--background:rgb(var(--label-sky-09));--radius:0.25rem;--color:rgb(var(--label-sky-03));display:-ms-inline-flexbox;display:inline-flex;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content;-ms-flex-align:center;align-items:center;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);color:var(--color)}@tailwind utilities; :host([variant=\"amaranth\"]),:host([variant=\"amaranth\"][tone=\"strong\"]){--background:rgb(var(--label-amaranth-05));--color:rgb(var(--label-amaranth-10))}:host([variant=\"amaranth\"][tone=\"weak\"]){--background:rgb(var(--label-amaranth-08));--color:rgb(var(--label-amaranth-02))}:host([variant=\"amaranth\"][tone=\"quiet\"]){--background:rgb(var(--label-amaranth-09));--color:rgb(var(--label-amaranth-04))}@tailwind utilities; :host([variant=\"aqua\"]),:host([variant=\"aqua\"][tone=\"strong\"]){--background:rgb(var(--label-aqua-05));--color:rgb(var(--label-aqua-10))}:host([variant=\"aqua\"][tone=\"weak\"]){--background:rgb(var(--label-aqua-08));--color:rgb(var(--label-aqua-02))}:host([variant=\"aqua\"][tone=\"quiet\"]){--background:rgb(var(--label-aqua-09));--color:rgb(var(--label-aqua-04))}@tailwind utilities; :host([variant=\"blue\"]),:host([variant=\"blue\"][tone=\"strong\"]){--background:rgb(var(--label-blue-05));--color:rgb(var(--label-blue-10))}:host([variant=\"blue\"][tone=\"weak\"]){--background:rgb(var(--label-blue-08));--color:rgb(var(--label-blue-02))}:host([variant=\"blue\"][tone=\"quiet\"]){--background:rgb(var(--label-blue-09));--color:rgb(var(--label-blue-04))}@tailwind utilities; :host([variant=\"dark\"]),:host([variant=\"dark\"][tone=\"strong\"]){--background:rgb(var(--tone-neutral-02));--color:rgb(var(--tone-neutral-09))}:host([variant=\"dark\"][tone=\"weak\"]){--background:rgb(var(--tone-neutral-08));--color:rgb(var(--tone-neutral-02))}:host([variant=\"dark\"][tone=\"quiet\"]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-05))}@tailwind utilities; :host([variant=\"error\"]),:host([variant=\"error\"][tone=\"strong\"]){--background:rgb(var(--status-error-05));--color:rgb(var(--status-error-10))}:host([variant=\"error\"][tone=\"weak\"]){--background:rgb(var(--status-error-08));--color:rgb(var(--status-error-02))}:host([variant=\"error\"][tone=\"quiet\"]){--background:rgb(var(--status-error-09));--color:rgb(var(--status-error-04))}@tailwind utilities; :host([variant=\"green\"]),:host([variant=\"green\"][tone=\"strong\"]){--background:rgb(var(--label-green-05));--color:rgb(var(--label-green-10))}:host([variant=\"green\"][tone=\"weak\"]){--background:rgb(var(--label-green-08));--color:rgb(var(--label-green-02))}:host([variant=\"green\"][tone=\"quiet\"]){--background:rgb(var(--label-green-09));--color:rgb(var(--label-green-04))}@tailwind utilities; :host([variant=\"info\"]),:host([variant=\"info\"][tone=\"strong\"]){--background:rgb(var(--status-info-05));--color:rgb(var(--status-info-10))}:host([variant=\"info\"][tone=\"weak\"]){--background:rgb(var(--status-info-08));--color:rgb(var(--status-info-02))}:host([variant=\"info\"][tone=\"quiet\"]){--background:rgb(var(--status-info-09));--color:rgb(var(--status-info-04))}@tailwind utilities; :host([variant=\"light\"]),:host([variant=\"light\"][tone=\"strong\"]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=\"light\"][tone=\"weak\"]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=\"light\"][tone=\"quiet\"]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-02))}@tailwind utilities; :host([variant=\"lime\"]),:host([variant=\"lime\"][tone=\"strong\"]){--background:rgb(var(--label-lime-05));--color:rgb(var(--label-lime-10))}:host([variant=\"lime\"][tone=\"weak\"]){--background:rgb(var(--label-lime-08));--color:rgb(var(--label-lime-02))}:host([variant=\"lime\"][tone=\"quiet\"]){--background:rgb(var(--label-lime-09));--color:rgb(var(--label-lime-04))}@tailwind utilities; :host([variant=\"orange\"]),:host([variant=\"orange\"][tone=\"strong\"]){--background:rgb(var(--label-orange-05));--color:rgb(var(--label-orange-10))}:host([variant=\"orange\"][tone=\"weak\"]){--background:rgb(var(--label-orange-08));--color:rgb(var(--label-orange-02))}:host([variant=\"orange\"][tone=\"quiet\"]){--background:rgb(var(--label-orange-09));--color:rgb(var(--label-orange-04))}@tailwind utilities; :host([variant=\"orchid\"]),:host([variant=\"orchid\"][tone=\"strong\"]){--background:rgb(var(--label-orchid-05));--color:rgb(var(--label-orchid-10))}:host([variant=\"orchid\"][tone=\"weak\"]){--background:rgb(var(--label-orchid-08));--color:rgb(var(--label-orchid-02))}:host([variant=\"orchid\"][tone=\"quiet\"]){--background:rgb(var(--label-orchid-09));--color:rgb(var(--label-orchid-04))}@tailwind utilities; :host([variant=\"sky\"]),:host([variant=\"sky\"][tone=\"strong\"]){--background:rgb(var(--label-sky-05));--color:rgb(var(--label-sky-10))}:host([variant=\"sky\"][tone=\"weak\"]){--background:rgb(var(--label-sky-08));--color:rgb(var(--label-sky-02))}:host([variant=\"sky\"][tone=\"quiet\"]){--background:rgb(var(--label-sky-09));--color:rgb(var(--label-sky-04))}@tailwind utilities; :host([variant=\"success\"]),:host([variant=\"success\"][tone=\"strong\"]){--background:rgb(var(--status-success-05));--color:rgb(var(--status-success-10))}:host([variant=\"success\"][tone=\"weak\"]){--background:rgb(var(--status-success-08));--color:rgb(var(--status-success-02))}:host([variant=\"success\"][tone=\"quiet\"]){--background:rgb(var(--status-success-09));--color:rgb(var(--status-success-04))}@tailwind utilities; :host([variant=\"violet\"]),:host([variant=\"violet\"][tone=\"strong\"]){--background:rgb(var(--label-violet-05));--color:rgb(var(--label-violet-10))}:host([variant=\"violet\"][tone=\"weak\"]){--background:rgb(var(--label-violet-08));--color:rgb(var(--label-violet-02))}:host([variant=\"violet\"][tone=\"quiet\"]){--background:rgb(var(--label-violet-09));--color:rgb(var(--label-violet-04))}@tailwind utilities; :host([variant=\"warning\"]),:host([variant=\"warning\"][tone=\"strong\"]){--background:rgb(var(--status-warning-05));--color:rgb(var(--status-warning-10))}:host([variant=\"warning\"][tone=\"weak\"]){--background:rgb(var(--status-warning-08));--color:rgb(var(--status-warning-02))}:host([variant=\"warning\"][tone=\"quiet\"]){--background:rgb(var(--status-warning-09));--color:rgb(var(--status-warning-04))}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=\"yellow\"]),:host([variant=\"yellow\"][tone=\"strong\"]){--background:rgb(var(--label-yellow-05));--color:rgb(var(--label-yellow-10))}:host([variant=\"yellow\"][tone=\"weak\"]){--background:rgb(var(--label-yellow-08));--color:rgb(var(--label-yellow-02))}:host([variant=\"yellow\"][tone=\"quiet\"]){--background:rgb(var(--label-yellow-09));--color:rgb(var(--label-yellow-04))}";

@@ -5,0 +5,0 @@ const MdsBadge$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {

2

dist/esm-es5/mds-badge.entry.js

@@ -1,1 +0,1 @@

import{r as registerInstance,h,H as Host}from"./index-fc7630a0.js";var mdsBadgeCss="@tailwind utilities; :host{--background:rgb(var(--label-sky-09));--radius:0.25rem;--color:rgb(var(--label-sky-03));display:-ms-inline-flexbox;display:inline-flex;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content;-ms-flex-align:center;align-items:center;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);color:var(--color)}@tailwind utilities; :host([variant=amaranth]),:host([variant=amaranth][tone=strong]){--background:rgb(var(--label-amaranth-05));--color:rgb(var(--label-amaranth-10))}:host([variant=amaranth][tone=weak]){--background:rgb(var(--label-amaranth-08));--color:rgb(var(--label-amaranth-02))}:host([variant=amaranth][tone=quiet]){--background:rgb(var(--label-amaranth-09));--color:rgb(var(--label-amaranth-04))}@tailwind utilities; :host([variant=aqua]),:host([variant=aqua][tone=strong]){--background:rgb(var(--label-aqua-05));--color:rgb(var(--label-aqua-10))}:host([variant=aqua][tone=weak]){--background:rgb(var(--label-aqua-08));--color:rgb(var(--label-aqua-02))}:host([variant=aqua][tone=quiet]){--background:rgb(var(--label-aqua-09));--color:rgb(var(--label-aqua-04))}@tailwind utilities; :host([variant=blue]),:host([variant=blue][tone=strong]){--background:rgb(var(--label-blue-05));--color:rgb(var(--label-blue-10))}:host([variant=blue][tone=weak]){--background:rgb(var(--label-blue-08));--color:rgb(var(--label-blue-02))}:host([variant=blue][tone=quiet]){--background:rgb(var(--label-blue-09));--color:rgb(var(--label-blue-04))}@tailwind utilities; :host([variant=dark]),:host([variant=dark][tone=strong]){--background:rgb(var(--tone-neutral-02));--color:rgb(var(--tone-neutral-09))}:host([variant=dark][tone=weak]){--background:rgb(var(--tone-neutral-08));--color:rgb(var(--tone-neutral-02))}:host([variant=dark][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-05))}@tailwind utilities; :host([variant=error]),:host([variant=error][tone=strong]){--background:rgb(var(--status-error-05));--color:rgb(var(--status-error-10))}:host([variant=error][tone=weak]){--background:rgb(var(--status-error-08));--color:rgb(var(--status-error-02))}:host([variant=error][tone=quiet]){--background:rgb(var(--status-error-09));--color:rgb(var(--status-error-04))}@tailwind utilities; :host([variant=green]),:host([variant=green][tone=strong]){--background:rgb(var(--label-green-05));--color:rgb(var(--label-green-10))}:host([variant=green][tone=weak]){--background:rgb(var(--label-green-08));--color:rgb(var(--label-green-02))}:host([variant=green][tone=quiet]){--background:rgb(var(--label-green-09));--color:rgb(var(--label-green-04))}@tailwind utilities; :host([variant=info]),:host([variant=info][tone=strong]){--background:rgb(var(--status-info-05));--color:rgb(var(--status-info-10))}:host([variant=info][tone=weak]){--background:rgb(var(--status-info-08));--color:rgb(var(--status-info-02))}:host([variant=info][tone=quiet]){--background:rgb(var(--status-info-09));--color:rgb(var(--status-info-04))}@tailwind utilities; :host([variant=light]),:host([variant=light][tone=strong]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=weak]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-02))}@tailwind utilities; :host([variant=lime]),:host([variant=lime][tone=strong]){--background:rgb(var(--label-lime-05));--color:rgb(var(--label-lime-10))}:host([variant=lime][tone=weak]){--background:rgb(var(--label-lime-08));--color:rgb(var(--label-lime-02))}:host([variant=lime][tone=quiet]){--background:rgb(var(--label-lime-09));--color:rgb(var(--label-lime-04))}@tailwind utilities; :host([variant=orange]),:host([variant=orange][tone=strong]){--background:rgb(var(--label-orange-05));--color:rgb(var(--label-orange-10))}:host([variant=orange][tone=weak]){--background:rgb(var(--label-orange-08));--color:rgb(var(--label-orange-02))}:host([variant=orange][tone=quiet]){--background:rgb(var(--label-orange-09));--color:rgb(var(--label-orange-04))}@tailwind utilities; :host([variant=orchid]),:host([variant=orchid][tone=strong]){--background:rgb(var(--label-orchid-05));--color:rgb(var(--label-orchid-10))}:host([variant=orchid][tone=weak]){--background:rgb(var(--label-orchid-08));--color:rgb(var(--label-orchid-02))}:host([variant=orchid][tone=quiet]){--background:rgb(var(--label-orchid-09));--color:rgb(var(--label-orchid-04))}@tailwind utilities; :host([variant=sky]),:host([variant=sky][tone=strong]){--background:rgb(var(--label-sky-05));--color:rgb(var(--label-sky-10))}:host([variant=sky][tone=weak]){--background:rgb(var(--label-sky-08));--color:rgb(var(--label-sky-02))}:host([variant=sky][tone=quiet]){--background:rgb(var(--label-sky-09));--color:rgb(var(--label-sky-04))}@tailwind utilities; :host([variant=success]),:host([variant=success][tone=strong]){--background:rgb(var(--status-success-05));--color:rgb(var(--status-success-10))}:host([variant=success][tone=weak]){--background:rgb(var(--status-success-08));--color:rgb(var(--status-success-02))}:host([variant=success][tone=quiet]){--background:rgb(var(--status-success-09));--color:rgb(var(--status-success-04))}@tailwind utilities; :host([variant=violet]),:host([variant=violet][tone=strong]){--background:rgb(var(--label-violet-05));--color:rgb(var(--label-violet-10))}:host([variant=violet][tone=weak]){--background:rgb(var(--label-violet-08));--color:rgb(var(--label-violet-02))}:host([variant=violet][tone=quiet]){--background:rgb(var(--label-violet-09));--color:rgb(var(--label-violet-04))}@tailwind utilities; :host([variant=warning]),:host([variant=warning][tone=strong]){--background:rgb(var(--status-warning-05));--color:rgb(var(--status-warning-10))}:host([variant=warning][tone=weak]){--background:rgb(var(--status-warning-08));--color:rgb(var(--status-warning-02))}:host([variant=warning][tone=quiet]){--background:rgb(var(--status-warning-09));--color:rgb(var(--status-warning-04))}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=yellow]),:host([variant=yellow][tone=strong]){--background:rgb(var(--label-yellow-05));--color:rgb(var(--label-yellow-10))}:host([variant=yellow][tone=weak]){--background:rgb(var(--label-yellow-08));--color:rgb(var(--label-yellow-02))}:host([variant=yellow][tone=quiet]){--background:rgb(var(--label-yellow-09));--color:rgb(var(--label-yellow-04))}";var MdsBadge=function(){function r(r){registerInstance(this,r);this.variant="green";this.tone="weak";this.typography="option";this.typographyVariant=undefined}r.prototype.render=function(){return h(Host,null,h("mds-text",{tag:"span",typography:this.typography,variant:this.typographyVariant},h("slot",null)))};return r}();MdsBadge.style=mdsBadgeCss;export{MdsBadge as mds_badge};
import{r as registerInstance,h,H as Host}from"./index-fc7630a0.js";var mdsBadgeCss='@tailwind utilities; :host{--background:rgb(var(--label-sky-09));--radius:0.25rem;--color:rgb(var(--label-sky-03));display:-ms-inline-flexbox;display:inline-flex;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content;-ms-flex-align:center;align-items:center;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);color:var(--color)}@tailwind utilities; :host([variant="amaranth"]),:host([variant="amaranth"][tone="strong"]){--background:rgb(var(--label-amaranth-05));--color:rgb(var(--label-amaranth-10))}:host([variant="amaranth"][tone="weak"]){--background:rgb(var(--label-amaranth-08));--color:rgb(var(--label-amaranth-02))}:host([variant="amaranth"][tone="quiet"]){--background:rgb(var(--label-amaranth-09));--color:rgb(var(--label-amaranth-04))}@tailwind utilities; :host([variant="aqua"]),:host([variant="aqua"][tone="strong"]){--background:rgb(var(--label-aqua-05));--color:rgb(var(--label-aqua-10))}:host([variant="aqua"][tone="weak"]){--background:rgb(var(--label-aqua-08));--color:rgb(var(--label-aqua-02))}:host([variant="aqua"][tone="quiet"]){--background:rgb(var(--label-aqua-09));--color:rgb(var(--label-aqua-04))}@tailwind utilities; :host([variant="blue"]),:host([variant="blue"][tone="strong"]){--background:rgb(var(--label-blue-05));--color:rgb(var(--label-blue-10))}:host([variant="blue"][tone="weak"]){--background:rgb(var(--label-blue-08));--color:rgb(var(--label-blue-02))}:host([variant="blue"][tone="quiet"]){--background:rgb(var(--label-blue-09));--color:rgb(var(--label-blue-04))}@tailwind utilities; :host([variant="dark"]),:host([variant="dark"][tone="strong"]){--background:rgb(var(--tone-neutral-02));--color:rgb(var(--tone-neutral-09))}:host([variant="dark"][tone="weak"]){--background:rgb(var(--tone-neutral-08));--color:rgb(var(--tone-neutral-02))}:host([variant="dark"][tone="quiet"]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-05))}@tailwind utilities; :host([variant="error"]),:host([variant="error"][tone="strong"]){--background:rgb(var(--status-error-05));--color:rgb(var(--status-error-10))}:host([variant="error"][tone="weak"]){--background:rgb(var(--status-error-08));--color:rgb(var(--status-error-02))}:host([variant="error"][tone="quiet"]){--background:rgb(var(--status-error-09));--color:rgb(var(--status-error-04))}@tailwind utilities; :host([variant="green"]),:host([variant="green"][tone="strong"]){--background:rgb(var(--label-green-05));--color:rgb(var(--label-green-10))}:host([variant="green"][tone="weak"]){--background:rgb(var(--label-green-08));--color:rgb(var(--label-green-02))}:host([variant="green"][tone="quiet"]){--background:rgb(var(--label-green-09));--color:rgb(var(--label-green-04))}@tailwind utilities; :host([variant="info"]),:host([variant="info"][tone="strong"]){--background:rgb(var(--status-info-05));--color:rgb(var(--status-info-10))}:host([variant="info"][tone="weak"]){--background:rgb(var(--status-info-08));--color:rgb(var(--status-info-02))}:host([variant="info"][tone="quiet"]){--background:rgb(var(--status-info-09));--color:rgb(var(--status-info-04))}@tailwind utilities; :host([variant="light"]),:host([variant="light"][tone="strong"]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant="light"][tone="weak"]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant="light"][tone="quiet"]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-02))}@tailwind utilities; :host([variant="lime"]),:host([variant="lime"][tone="strong"]){--background:rgb(var(--label-lime-05));--color:rgb(var(--label-lime-10))}:host([variant="lime"][tone="weak"]){--background:rgb(var(--label-lime-08));--color:rgb(var(--label-lime-02))}:host([variant="lime"][tone="quiet"]){--background:rgb(var(--label-lime-09));--color:rgb(var(--label-lime-04))}@tailwind utilities; :host([variant="orange"]),:host([variant="orange"][tone="strong"]){--background:rgb(var(--label-orange-05));--color:rgb(var(--label-orange-10))}:host([variant="orange"][tone="weak"]){--background:rgb(var(--label-orange-08));--color:rgb(var(--label-orange-02))}:host([variant="orange"][tone="quiet"]){--background:rgb(var(--label-orange-09));--color:rgb(var(--label-orange-04))}@tailwind utilities; :host([variant="orchid"]),:host([variant="orchid"][tone="strong"]){--background:rgb(var(--label-orchid-05));--color:rgb(var(--label-orchid-10))}:host([variant="orchid"][tone="weak"]){--background:rgb(var(--label-orchid-08));--color:rgb(var(--label-orchid-02))}:host([variant="orchid"][tone="quiet"]){--background:rgb(var(--label-orchid-09));--color:rgb(var(--label-orchid-04))}@tailwind utilities; :host([variant="sky"]),:host([variant="sky"][tone="strong"]){--background:rgb(var(--label-sky-05));--color:rgb(var(--label-sky-10))}:host([variant="sky"][tone="weak"]){--background:rgb(var(--label-sky-08));--color:rgb(var(--label-sky-02))}:host([variant="sky"][tone="quiet"]){--background:rgb(var(--label-sky-09));--color:rgb(var(--label-sky-04))}@tailwind utilities; :host([variant="success"]),:host([variant="success"][tone="strong"]){--background:rgb(var(--status-success-05));--color:rgb(var(--status-success-10))}:host([variant="success"][tone="weak"]){--background:rgb(var(--status-success-08));--color:rgb(var(--status-success-02))}:host([variant="success"][tone="quiet"]){--background:rgb(var(--status-success-09));--color:rgb(var(--status-success-04))}@tailwind utilities; :host([variant="violet"]),:host([variant="violet"][tone="strong"]){--background:rgb(var(--label-violet-05));--color:rgb(var(--label-violet-10))}:host([variant="violet"][tone="weak"]){--background:rgb(var(--label-violet-08));--color:rgb(var(--label-violet-02))}:host([variant="violet"][tone="quiet"]){--background:rgb(var(--label-violet-09));--color:rgb(var(--label-violet-04))}@tailwind utilities; :host([variant="warning"]),:host([variant="warning"][tone="strong"]){--background:rgb(var(--status-warning-05));--color:rgb(var(--status-warning-10))}:host([variant="warning"][tone="weak"]){--background:rgb(var(--status-warning-08));--color:rgb(var(--status-warning-02))}:host([variant="warning"][tone="quiet"]){--background:rgb(var(--status-warning-09));--color:rgb(var(--status-warning-04))}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant="yellow"]),:host([variant="yellow"][tone="strong"]){--background:rgb(var(--label-yellow-05));--color:rgb(var(--label-yellow-10))}:host([variant="yellow"][tone="weak"]){--background:rgb(var(--label-yellow-08));--color:rgb(var(--label-yellow-02))}:host([variant="yellow"][tone="quiet"]){--background:rgb(var(--label-yellow-09));--color:rgb(var(--label-yellow-04))}';var MdsBadge=function(){function r(r){registerInstance(this,r);this.variant="green";this.tone="weak";this.typography="option";this.typographyVariant=undefined}r.prototype.render=function(){return h(Host,null,h("mds-text",{tag:"span",typography:this.typography,variant:this.typographyVariant},h("slot",null)))};return r}();MdsBadge.style=mdsBadgeCss;export{MdsBadge as mds_badge};

2

dist/esm/loader.js

@@ -5,3 +5,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-fc7630a0.js';

/*
Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
*/

@@ -8,0 +8,0 @@ const patchEsm = () => {

2

dist/esm/mds-badge.entry.js
import { r as registerInstance, h, H as Host } from './index-fc7630a0.js';
const mdsBadgeCss = "@tailwind utilities; :host{--background:rgb(var(--label-sky-09));--radius:0.25rem;--color:rgb(var(--label-sky-03));display:-ms-inline-flexbox;display:inline-flex;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content;-ms-flex-align:center;align-items:center;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);color:var(--color)}@tailwind utilities; :host([variant=amaranth]),:host([variant=amaranth][tone=strong]){--background:rgb(var(--label-amaranth-05));--color:rgb(var(--label-amaranth-10))}:host([variant=amaranth][tone=weak]){--background:rgb(var(--label-amaranth-08));--color:rgb(var(--label-amaranth-02))}:host([variant=amaranth][tone=quiet]){--background:rgb(var(--label-amaranth-09));--color:rgb(var(--label-amaranth-04))}@tailwind utilities; :host([variant=aqua]),:host([variant=aqua][tone=strong]){--background:rgb(var(--label-aqua-05));--color:rgb(var(--label-aqua-10))}:host([variant=aqua][tone=weak]){--background:rgb(var(--label-aqua-08));--color:rgb(var(--label-aqua-02))}:host([variant=aqua][tone=quiet]){--background:rgb(var(--label-aqua-09));--color:rgb(var(--label-aqua-04))}@tailwind utilities; :host([variant=blue]),:host([variant=blue][tone=strong]){--background:rgb(var(--label-blue-05));--color:rgb(var(--label-blue-10))}:host([variant=blue][tone=weak]){--background:rgb(var(--label-blue-08));--color:rgb(var(--label-blue-02))}:host([variant=blue][tone=quiet]){--background:rgb(var(--label-blue-09));--color:rgb(var(--label-blue-04))}@tailwind utilities; :host([variant=dark]),:host([variant=dark][tone=strong]){--background:rgb(var(--tone-neutral-02));--color:rgb(var(--tone-neutral-09))}:host([variant=dark][tone=weak]){--background:rgb(var(--tone-neutral-08));--color:rgb(var(--tone-neutral-02))}:host([variant=dark][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-05))}@tailwind utilities; :host([variant=error]),:host([variant=error][tone=strong]){--background:rgb(var(--status-error-05));--color:rgb(var(--status-error-10))}:host([variant=error][tone=weak]){--background:rgb(var(--status-error-08));--color:rgb(var(--status-error-02))}:host([variant=error][tone=quiet]){--background:rgb(var(--status-error-09));--color:rgb(var(--status-error-04))}@tailwind utilities; :host([variant=green]),:host([variant=green][tone=strong]){--background:rgb(var(--label-green-05));--color:rgb(var(--label-green-10))}:host([variant=green][tone=weak]){--background:rgb(var(--label-green-08));--color:rgb(var(--label-green-02))}:host([variant=green][tone=quiet]){--background:rgb(var(--label-green-09));--color:rgb(var(--label-green-04))}@tailwind utilities; :host([variant=info]),:host([variant=info][tone=strong]){--background:rgb(var(--status-info-05));--color:rgb(var(--status-info-10))}:host([variant=info][tone=weak]){--background:rgb(var(--status-info-08));--color:rgb(var(--status-info-02))}:host([variant=info][tone=quiet]){--background:rgb(var(--status-info-09));--color:rgb(var(--status-info-04))}@tailwind utilities; :host([variant=light]),:host([variant=light][tone=strong]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=weak]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-02))}@tailwind utilities; :host([variant=lime]),:host([variant=lime][tone=strong]){--background:rgb(var(--label-lime-05));--color:rgb(var(--label-lime-10))}:host([variant=lime][tone=weak]){--background:rgb(var(--label-lime-08));--color:rgb(var(--label-lime-02))}:host([variant=lime][tone=quiet]){--background:rgb(var(--label-lime-09));--color:rgb(var(--label-lime-04))}@tailwind utilities; :host([variant=orange]),:host([variant=orange][tone=strong]){--background:rgb(var(--label-orange-05));--color:rgb(var(--label-orange-10))}:host([variant=orange][tone=weak]){--background:rgb(var(--label-orange-08));--color:rgb(var(--label-orange-02))}:host([variant=orange][tone=quiet]){--background:rgb(var(--label-orange-09));--color:rgb(var(--label-orange-04))}@tailwind utilities; :host([variant=orchid]),:host([variant=orchid][tone=strong]){--background:rgb(var(--label-orchid-05));--color:rgb(var(--label-orchid-10))}:host([variant=orchid][tone=weak]){--background:rgb(var(--label-orchid-08));--color:rgb(var(--label-orchid-02))}:host([variant=orchid][tone=quiet]){--background:rgb(var(--label-orchid-09));--color:rgb(var(--label-orchid-04))}@tailwind utilities; :host([variant=sky]),:host([variant=sky][tone=strong]){--background:rgb(var(--label-sky-05));--color:rgb(var(--label-sky-10))}:host([variant=sky][tone=weak]){--background:rgb(var(--label-sky-08));--color:rgb(var(--label-sky-02))}:host([variant=sky][tone=quiet]){--background:rgb(var(--label-sky-09));--color:rgb(var(--label-sky-04))}@tailwind utilities; :host([variant=success]),:host([variant=success][tone=strong]){--background:rgb(var(--status-success-05));--color:rgb(var(--status-success-10))}:host([variant=success][tone=weak]){--background:rgb(var(--status-success-08));--color:rgb(var(--status-success-02))}:host([variant=success][tone=quiet]){--background:rgb(var(--status-success-09));--color:rgb(var(--status-success-04))}@tailwind utilities; :host([variant=violet]),:host([variant=violet][tone=strong]){--background:rgb(var(--label-violet-05));--color:rgb(var(--label-violet-10))}:host([variant=violet][tone=weak]){--background:rgb(var(--label-violet-08));--color:rgb(var(--label-violet-02))}:host([variant=violet][tone=quiet]){--background:rgb(var(--label-violet-09));--color:rgb(var(--label-violet-04))}@tailwind utilities; :host([variant=warning]),:host([variant=warning][tone=strong]){--background:rgb(var(--status-warning-05));--color:rgb(var(--status-warning-10))}:host([variant=warning][tone=weak]){--background:rgb(var(--status-warning-08));--color:rgb(var(--status-warning-02))}:host([variant=warning][tone=quiet]){--background:rgb(var(--status-warning-09));--color:rgb(var(--status-warning-04))}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=yellow]),:host([variant=yellow][tone=strong]){--background:rgb(var(--label-yellow-05));--color:rgb(var(--label-yellow-10))}:host([variant=yellow][tone=weak]){--background:rgb(var(--label-yellow-08));--color:rgb(var(--label-yellow-02))}:host([variant=yellow][tone=quiet]){--background:rgb(var(--label-yellow-09));--color:rgb(var(--label-yellow-04))}";
const mdsBadgeCss = "@tailwind utilities; :host{--background:rgb(var(--label-sky-09));--radius:0.25rem;--color:rgb(var(--label-sky-03));display:-ms-inline-flexbox;display:inline-flex;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content;-ms-flex-align:center;align-items:center;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);color:var(--color)}@tailwind utilities; :host([variant=\"amaranth\"]),:host([variant=\"amaranth\"][tone=\"strong\"]){--background:rgb(var(--label-amaranth-05));--color:rgb(var(--label-amaranth-10))}:host([variant=\"amaranth\"][tone=\"weak\"]){--background:rgb(var(--label-amaranth-08));--color:rgb(var(--label-amaranth-02))}:host([variant=\"amaranth\"][tone=\"quiet\"]){--background:rgb(var(--label-amaranth-09));--color:rgb(var(--label-amaranth-04))}@tailwind utilities; :host([variant=\"aqua\"]),:host([variant=\"aqua\"][tone=\"strong\"]){--background:rgb(var(--label-aqua-05));--color:rgb(var(--label-aqua-10))}:host([variant=\"aqua\"][tone=\"weak\"]){--background:rgb(var(--label-aqua-08));--color:rgb(var(--label-aqua-02))}:host([variant=\"aqua\"][tone=\"quiet\"]){--background:rgb(var(--label-aqua-09));--color:rgb(var(--label-aqua-04))}@tailwind utilities; :host([variant=\"blue\"]),:host([variant=\"blue\"][tone=\"strong\"]){--background:rgb(var(--label-blue-05));--color:rgb(var(--label-blue-10))}:host([variant=\"blue\"][tone=\"weak\"]){--background:rgb(var(--label-blue-08));--color:rgb(var(--label-blue-02))}:host([variant=\"blue\"][tone=\"quiet\"]){--background:rgb(var(--label-blue-09));--color:rgb(var(--label-blue-04))}@tailwind utilities; :host([variant=\"dark\"]),:host([variant=\"dark\"][tone=\"strong\"]){--background:rgb(var(--tone-neutral-02));--color:rgb(var(--tone-neutral-09))}:host([variant=\"dark\"][tone=\"weak\"]){--background:rgb(var(--tone-neutral-08));--color:rgb(var(--tone-neutral-02))}:host([variant=\"dark\"][tone=\"quiet\"]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-05))}@tailwind utilities; :host([variant=\"error\"]),:host([variant=\"error\"][tone=\"strong\"]){--background:rgb(var(--status-error-05));--color:rgb(var(--status-error-10))}:host([variant=\"error\"][tone=\"weak\"]){--background:rgb(var(--status-error-08));--color:rgb(var(--status-error-02))}:host([variant=\"error\"][tone=\"quiet\"]){--background:rgb(var(--status-error-09));--color:rgb(var(--status-error-04))}@tailwind utilities; :host([variant=\"green\"]),:host([variant=\"green\"][tone=\"strong\"]){--background:rgb(var(--label-green-05));--color:rgb(var(--label-green-10))}:host([variant=\"green\"][tone=\"weak\"]){--background:rgb(var(--label-green-08));--color:rgb(var(--label-green-02))}:host([variant=\"green\"][tone=\"quiet\"]){--background:rgb(var(--label-green-09));--color:rgb(var(--label-green-04))}@tailwind utilities; :host([variant=\"info\"]),:host([variant=\"info\"][tone=\"strong\"]){--background:rgb(var(--status-info-05));--color:rgb(var(--status-info-10))}:host([variant=\"info\"][tone=\"weak\"]){--background:rgb(var(--status-info-08));--color:rgb(var(--status-info-02))}:host([variant=\"info\"][tone=\"quiet\"]){--background:rgb(var(--status-info-09));--color:rgb(var(--status-info-04))}@tailwind utilities; :host([variant=\"light\"]),:host([variant=\"light\"][tone=\"strong\"]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=\"light\"][tone=\"weak\"]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=\"light\"][tone=\"quiet\"]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-02))}@tailwind utilities; :host([variant=\"lime\"]),:host([variant=\"lime\"][tone=\"strong\"]){--background:rgb(var(--label-lime-05));--color:rgb(var(--label-lime-10))}:host([variant=\"lime\"][tone=\"weak\"]){--background:rgb(var(--label-lime-08));--color:rgb(var(--label-lime-02))}:host([variant=\"lime\"][tone=\"quiet\"]){--background:rgb(var(--label-lime-09));--color:rgb(var(--label-lime-04))}@tailwind utilities; :host([variant=\"orange\"]),:host([variant=\"orange\"][tone=\"strong\"]){--background:rgb(var(--label-orange-05));--color:rgb(var(--label-orange-10))}:host([variant=\"orange\"][tone=\"weak\"]){--background:rgb(var(--label-orange-08));--color:rgb(var(--label-orange-02))}:host([variant=\"orange\"][tone=\"quiet\"]){--background:rgb(var(--label-orange-09));--color:rgb(var(--label-orange-04))}@tailwind utilities; :host([variant=\"orchid\"]),:host([variant=\"orchid\"][tone=\"strong\"]){--background:rgb(var(--label-orchid-05));--color:rgb(var(--label-orchid-10))}:host([variant=\"orchid\"][tone=\"weak\"]){--background:rgb(var(--label-orchid-08));--color:rgb(var(--label-orchid-02))}:host([variant=\"orchid\"][tone=\"quiet\"]){--background:rgb(var(--label-orchid-09));--color:rgb(var(--label-orchid-04))}@tailwind utilities; :host([variant=\"sky\"]),:host([variant=\"sky\"][tone=\"strong\"]){--background:rgb(var(--label-sky-05));--color:rgb(var(--label-sky-10))}:host([variant=\"sky\"][tone=\"weak\"]){--background:rgb(var(--label-sky-08));--color:rgb(var(--label-sky-02))}:host([variant=\"sky\"][tone=\"quiet\"]){--background:rgb(var(--label-sky-09));--color:rgb(var(--label-sky-04))}@tailwind utilities; :host([variant=\"success\"]),:host([variant=\"success\"][tone=\"strong\"]){--background:rgb(var(--status-success-05));--color:rgb(var(--status-success-10))}:host([variant=\"success\"][tone=\"weak\"]){--background:rgb(var(--status-success-08));--color:rgb(var(--status-success-02))}:host([variant=\"success\"][tone=\"quiet\"]){--background:rgb(var(--status-success-09));--color:rgb(var(--status-success-04))}@tailwind utilities; :host([variant=\"violet\"]),:host([variant=\"violet\"][tone=\"strong\"]){--background:rgb(var(--label-violet-05));--color:rgb(var(--label-violet-10))}:host([variant=\"violet\"][tone=\"weak\"]){--background:rgb(var(--label-violet-08));--color:rgb(var(--label-violet-02))}:host([variant=\"violet\"][tone=\"quiet\"]){--background:rgb(var(--label-violet-09));--color:rgb(var(--label-violet-04))}@tailwind utilities; :host([variant=\"warning\"]),:host([variant=\"warning\"][tone=\"strong\"]){--background:rgb(var(--status-warning-05));--color:rgb(var(--status-warning-10))}:host([variant=\"warning\"][tone=\"weak\"]){--background:rgb(var(--status-warning-08));--color:rgb(var(--status-warning-02))}:host([variant=\"warning\"][tone=\"quiet\"]){--background:rgb(var(--status-warning-09));--color:rgb(var(--status-warning-04))}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=\"yellow\"]),:host([variant=\"yellow\"][tone=\"strong\"]){--background:rgb(var(--label-yellow-05));--color:rgb(var(--label-yellow-10))}:host([variant=\"yellow\"][tone=\"weak\"]){--background:rgb(var(--label-yellow-08));--color:rgb(var(--label-yellow-02))}:host([variant=\"yellow\"][tone=\"quiet\"]){--background:rgb(var(--label-yellow-09));--color:rgb(var(--label-yellow-04))}";

@@ -5,0 +5,0 @@ const MdsBadge = class {

2

dist/esm/mds-badge.js

@@ -5,3 +5,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-fc7630a0.js';

/*
Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
*/

@@ -8,0 +8,0 @@ const patchBrowser = () => {

2

dist/mds-badge/mds-badge.esm.js

@@ -1,1 +0,1 @@

import{p as a,b as p}from"./p-5ae32ae4.js";export{s as setNonce}from"./p-5ae32ae4.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),a(r)})().then((a=>p([["p-1fe32a68",[[1,"mds-badge",{variant:[513],tone:[513],typography:[1],typographyVariant:[1,"typography-variant"]}]]]],a)));
import{p as a,b as p}from"./p-5ae32ae4.js";export{s as setNonce}from"./p-5ae32ae4.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),a(r)})().then((a=>p([["p-689ff6f6",[[1,"mds-badge",{variant:[513],tone:[513],typography:[1],typographyVariant:[1,"typography-variant"]}]]]],a)));

44

dist/stats.json
{
"timestamp": "2023-03-09T10:44:06",
"timestamp": "2023-04-14T10:14:34",
"compiler": {

@@ -78,7 +78,7 @@ "name": "node",

"./dist/mds-badge/mds-badge.js",
"./dist/mds-badge/p-1fe32a68.entry.js",
"./dist/mds-badge/p-3d55ed52.system.entry.js",
"./dist/mds-badge/p-50ea2036.system.js",
"./dist/mds-badge/p-5ae32ae4.js",
"./dist/mds-badge/p-91d12017.system.js",
"./dist/mds-badge/p-689ff6f6.entry.js",
"./dist/mds-badge/p-6d475b3e.system.js",
"./dist/mds-badge/p-8bcf0811.system.entry.js",
"./dist/mds-badge/p-f1ad076f.system.js",

@@ -88,7 +88,7 @@ "./www/build/index.esm.js",

"./www/build/mds-badge.js",
"./www/build/p-1fe32a68.entry.js",
"./www/build/p-3d55ed52.system.entry.js",
"./www/build/p-50ea2036.system.js",
"./www/build/p-5ae32ae4.js",
"./www/build/p-91d12017.system.js",
"./www/build/p-689ff6f6.entry.js",
"./www/build/p-6d475b3e.system.js",
"./www/build/p-8bcf0811.system.entry.js",
"./www/build/p-f1ad076f.system.js"

@@ -127,8 +127,8 @@ ]

],
"bundleId": "p-1fe32a68",
"fileName": "p-1fe32a68.entry.js",
"bundleId": "p-689ff6f6",
"fileName": "p-689ff6f6.entry.js",
"imports": [
"p-5ae32ae4.js"
],
"originalByteSize": 8109
"originalByteSize": 8557
}

@@ -147,3 +147,3 @@ ],

],
"originalByteSize": 8113
"originalByteSize": 8561
}

@@ -162,3 +162,3 @@ ],

],
"originalByteSize": 8113
"originalByteSize": 8561
}

@@ -172,8 +172,8 @@ ],

],
"bundleId": "p-3d55ed52.system",
"fileName": "p-3d55ed52.system.entry.js",
"bundleId": "p-8bcf0811.system",
"fileName": "p-8bcf0811.system.entry.js",
"imports": [
"p-f1ad076f.system.js"
],
"originalByteSize": 8397
"originalByteSize": 8845
}

@@ -192,3 +192,3 @@ ],

],
"originalByteSize": 8189
"originalByteSize": 8637
}

@@ -236,3 +236,3 @@ ]

"original": "ThemeFullVariantType",
"resolved": "\"amaranth\" | \"aqua\" | \"blue\" | \"dark\" | \"error\" | \"green\" | \"info\" | \"light\" | \"lime\" | \"orange\" | \"orchid\" | \"sky\" | \"success\" | \"violet\" | \"warning\" | \"yellow\"",
"resolved": "\"amaranth\" | \"aqua\" | \"blue\" | \"dark\" | \"error\" | \"green\" | \"info\" | \"light\" | \"lime\" | \"orange\" | \"orchid\" | \"sky\" | \"success\" | \"violet\" | \"warning\" | \"yellow\" | undefined",
"references": {

@@ -262,3 +262,3 @@ "ThemeFullVariantType": {

"original": "ToneSimpleVariantType",
"resolved": "\"quiet\" | \"strong\" | \"weak\"",
"resolved": "\"quiet\" | \"strong\" | \"weak\" | undefined",
"references": {

@@ -316,3 +316,3 @@ "ToneSimpleVariantType": {

"original": "TypographyVariants",
"resolved": "\"code\" | \"info\" | \"read\" | \"title\"",
"resolved": "\"code\" | \"info\" | \"read\" | \"title\" | undefined",
"references": {

@@ -359,3 +359,3 @@ "TypographyVariants": {

"original": "ThemeFullVariantType",
"resolved": "\"amaranth\" | \"aqua\" | \"blue\" | \"dark\" | \"error\" | \"green\" | \"info\" | \"light\" | \"lime\" | \"orange\" | \"orchid\" | \"sky\" | \"success\" | \"violet\" | \"warning\" | \"yellow\"",
"resolved": "\"amaranth\" | \"aqua\" | \"blue\" | \"dark\" | \"error\" | \"green\" | \"info\" | \"light\" | \"lime\" | \"orange\" | \"orchid\" | \"sky\" | \"success\" | \"violet\" | \"warning\" | \"yellow\" | undefined",
"references": {

@@ -385,3 +385,3 @@ "ThemeFullVariantType": {

"original": "ToneSimpleVariantType",
"resolved": "\"quiet\" | \"strong\" | \"weak\"",
"resolved": "\"quiet\" | \"strong\" | \"weak\" | undefined",
"references": {

@@ -439,3 +439,3 @@ "ToneSimpleVariantType": {

"original": "TypographyVariants",
"resolved": "\"code\" | \"info\" | \"read\" | \"title\"",
"resolved": "\"code\" | \"info\" | \"read\" | \"title\" | undefined",
"references": {

@@ -442,0 +442,0 @@ "TypographyVariants": {

2

dist/types/interface/input-value.d.ts

@@ -1,4 +0,4 @@

import { InputValueType } from '../types/input-value-type';
import { InputValueType } from '@type/input-value-type';
export interface InputValue {
value: InputValueType;
}

24

package.json
{
"name": "@maggioli-design-system/mds-badge",
"version": "2.3.0",
"version": "2.4.0",
"description": "mds-badge is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",

@@ -15,2 +15,3 @@ "main": "dist/index.cjs.js",

"dist/",
"documentation.json",
"loader/",

@@ -27,5 +28,5 @@ "readme.md",

"dependencies": {
"@maggioli-design-system/mds-text": "^3.2.2",
"@maggioli-design-system/styles": "^11.2.1",
"@stencil/core": "^2.22.2"
"@maggioli-design-system/mds-text": "^3.3.0",
"@maggioli-design-system/styles": "^11.4.0",
"@stencil/core": "^2.22.3"
},

@@ -45,12 +46,17 @@ "license": "MIT",

{
"name": "Vittorio Vittori",
"email": "vittorio.vittori@maggioli.it",
"role": "UX UI Designer"
},
{
"name": "Daniele Tardia",
"email": "daniele.tardia@hibo.it",
"role": "Senior Developer"
},
{
"name": "Nicola Tamburini",
"email": "nicola.tamburini@maggioli.it",
"role": "Software Engineer"
},
{
"name": "Vittorio Vittori",
"email": "vittorio.vittori@maggioli.it",
"role": "Product Designer"
}
]
}

12

readme.md

@@ -10,8 +10,8 @@ # mds-badge

| Property | Attribute | Description | Type | Default |
| ------------------- | -------------------- | --------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
| `tone` | `tone` | Sets the tone of the color variant | `"quiet" \| "strong" \| "weak"` | `'weak'` |
| `typography` | `typography` | Specifies the typography of the element | `"caption" \| "detail" \| "label" \| "option" \| "paragraph" \| "tip"` | `'option'` |
| `typographyVariant` | `typography-variant` | Specifies the variant for `typography` | `"code" \| "info" \| "read" \| "title"` | `undefined` |
| `variant` | `variant` | Sets the theme variant colors | `"amaranth" \| "aqua" \| "blue" \| "dark" \| "error" \| "green" \| "info" \| "light" \| "lime" \| "orange" \| "orchid" \| "sky" \| "success" \| "violet" \| "warning" \| "yellow"` | `'green'` |
| Property | Attribute | Description | Type | Default |
| ------------------- | -------------------- | --------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
| `tone` | `tone` | Sets the tone of the color variant | `"quiet" \| "strong" \| "weak" \| undefined` | `'weak'` |
| `typography` | `typography` | Specifies the typography of the element | `"caption" \| "detail" \| "label" \| "option" \| "paragraph" \| "tip"` | `'option'` |
| `typographyVariant` | `typography-variant` | Specifies the variant for `typography` | `"code" \| "info" \| "read" \| "title" \| undefined` | `undefined` |
| `variant` | `variant` | Sets the theme variant colors | `"amaranth" \| "aqua" \| "blue" \| "dark" \| "error" \| "green" \| "info" \| "light" \| "lime" \| "orange" \| "orchid" \| "sky" \| "success" \| "violet" \| "warning" \| "yellow" \| undefined` | `'green'` |

@@ -18,0 +18,0 @@

4

src/common/aria.ts

@@ -10,3 +10,3 @@ const hash = (s: string): string => {

const unslugName = (name: string): string => {
return name.split('/').slice(-1).pop().replace(/-/g, ' ')
return name.split('/')?.slice(-1).pop()?.replace(/-/g, ' ') ?? name
}

@@ -16,3 +16,3 @@

if (element.hasAttribute(attribute)) {
return element.getAttribute(attribute)
return element.getAttribute(attribute) ?? ''
}

@@ -19,0 +19,0 @@ element.setAttribute(attribute, value)

2

src/common/keyboard-manager.ts

@@ -41,3 +41,3 @@ export class KeyboardManager {

detachEscapeBehavior = (): void => {
this.escapeCallback = null
this.escapeCallback = () => {return}
if (typeof window !== undefined) {

@@ -44,0 +44,0 @@ window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))

12

src/components/mds-badge/readme.md

@@ -10,8 +10,8 @@ # mds-badge

| Property | Attribute | Description | Type | Default |
| ------------------- | -------------------- | --------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
| `tone` | `tone` | Sets the tone of the color variant | `"quiet" \| "strong" \| "weak"` | `'weak'` |
| `typography` | `typography` | Specifies the typography of the element | `"caption" \| "detail" \| "label" \| "option" \| "paragraph" \| "tip"` | `'option'` |
| `typographyVariant` | `typography-variant` | Specifies the variant for `typography` | `"code" \| "info" \| "read" \| "title"` | `undefined` |
| `variant` | `variant` | Sets the theme variant colors | `"amaranth" \| "aqua" \| "blue" \| "dark" \| "error" \| "green" \| "info" \| "light" \| "lime" \| "orange" \| "orchid" \| "sky" \| "success" \| "violet" \| "warning" \| "yellow"` | `'green'` |
| Property | Attribute | Description | Type | Default |
| ------------------- | -------------------- | --------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
| `tone` | `tone` | Sets the tone of the color variant | `"quiet" \| "strong" \| "weak" \| undefined` | `'weak'` |
| `typography` | `typography` | Specifies the typography of the element | `"caption" \| "detail" \| "label" \| "option" \| "paragraph" \| "tip"` | `'option'` |
| `typographyVariant` | `typography-variant` | Specifies the variant for `typography` | `"code" \| "info" \| "read" \| "title" \| undefined` | `undefined` |
| `variant` | `variant` | Sets the theme variant colors | `"amaranth" \| "aqua" \| "blue" \| "dark" \| "error" \| "green" \| "info" \| "light" \| "lime" \| "orange" \| "orchid" \| "sky" \| "success" \| "violet" \| "warning" \| "yellow" \| undefined` | `'green'` |

@@ -18,0 +18,0 @@

1

src/fixtures/icons.json

@@ -224,2 +224,3 @@ [

"mi/baseline/person",
"mi/baseline/pets",
"mi/baseline/radio-button-checked",

@@ -226,0 +227,0 @@ "mi/baseline/radio-button-unchecked",

2

src/interface/input-value.ts

@@ -1,2 +0,2 @@

import { InputValueType } from '../types/input-value-type'
import { InputValueType } from '@type/input-value-type'

@@ -3,0 +3,0 @@ export interface InputValue {

2

www/build/mds-badge.esm.js

@@ -1,1 +0,1 @@

import{p as a,b as p}from"./p-5ae32ae4.js";export{s as setNonce}from"./p-5ae32ae4.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),a(r)})().then((a=>p([["p-1fe32a68",[[1,"mds-badge",{variant:[513],tone:[513],typography:[1],typographyVariant:[1,"typography-variant"]}]]]],a)));
import{p as a,b as p}from"./p-5ae32ae4.js";export{s as setNonce}from"./p-5ae32ae4.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),a(r)})().then((a=>p([["p-689ff6f6",[[1,"mds-badge",{variant:[513],tone:[513],typography:[1],typographyVariant:[1,"typography-variant"]}]]]],a)));
dist/mds-badge/p-1fe32a68.entry.js
dist/mds-badge/p-3d55ed52.system.entry.js
dist/mds-badge/p-91d12017.system.js
www/build/p-1fe32a68.entry.js
www/build/p-3d55ed52.system.entry.js
www/build/p-91d12017.system.js
dist/collection/components/mds-badge/mds-badge.css

Sorry, the diff of this file is not supported yet

dist/mds-badge/mds-badge.js

Sorry, the diff of this file is too big to display

src/components/mds-badge/css/mds-badge-variant-amaranth.css

Sorry, the diff of this file is not supported yet

src/components/mds-badge/css/mds-badge-variant-aqua.css

Sorry, the diff of this file is not supported yet

src/components/mds-badge/css/mds-badge-variant-blue.css

Sorry, the diff of this file is not supported yet

src/components/mds-badge/css/mds-badge-variant-dark.css

Sorry, the diff of this file is not supported yet

src/components/mds-badge/css/mds-badge-variant-error.css

Sorry, the diff of this file is not supported yet

src/components/mds-badge/css/mds-badge-variant-green.css

Sorry, the diff of this file is not supported yet

src/components/mds-badge/css/mds-badge-variant-info.css

Sorry, the diff of this file is not supported yet

src/components/mds-badge/css/mds-badge-variant-light.css

Sorry, the diff of this file is not supported yet

src/components/mds-badge/css/mds-badge-variant-lime.css

Sorry, the diff of this file is not supported yet

src/components/mds-badge/css/mds-badge-variant-orange.css

Sorry, the diff of this file is not supported yet

src/components/mds-badge/css/mds-badge-variant-orchid.css

Sorry, the diff of this file is not supported yet

src/components/mds-badge/css/mds-badge-variant-sky.css

Sorry, the diff of this file is not supported yet

src/components/mds-badge/css/mds-badge-variant-success.css

Sorry, the diff of this file is not supported yet

src/components/mds-badge/css/mds-badge-variant-violet.css

Sorry, the diff of this file is not supported yet

src/components/mds-badge/css/mds-badge-variant-warning.css

Sorry, the diff of this file is not supported yet

src/components/mds-badge/css/mds-badge-variant-yellow.css

Sorry, the diff of this file is not supported yet

www/build/mds-badge.js

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc