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

Comparing version 1.0.0 to 1.1.1

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

@@ -7,3 +7,3 @@ 'use strict';
 
-const mdsBadgeCss = "@tailwind utilities; :host{--background:rgb(var(--label-sky-18));--border-radius:0.25rem;--color:rgb(var(--label-sky-06));display:-ms-inline-flexbox;display:inline-flex;min-width:-webkit-min-content;min-width:-moz-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:background-color, border-color, color, fill, stroke;transition-property:background-color, border-color, color, fill, stroke;-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--border-radius);color:var(--color)}@tailwind utilities; :host([variant=amaranth]),:host([variant=amaranth][tone=strong]){--background:rgb(var(--label-amaranth-08));--color:rgb(var(--label-amaranth-20))}:host([variant=amaranth][tone=weak]){--background:rgb(var(--label-amaranth-16));--color:rgb(var(--label-amaranth-04))}:host([variant=amaranth][tone=quiet]){--background:rgb(var(--label-amaranth-18));--color:rgb(var(--label-amaranth-08))}@tailwind utilities; :host([variant=aqua]),:host([variant=aqua][tone=strong]){--background:rgb(var(--label-aqua-08));--color:rgb(var(--label-aqua-20))}:host([variant=aqua][tone=weak]){--background:rgb(var(--label-aqua-16));--color:rgb(var(--label-aqua-04))}:host([variant=aqua][tone=quiet]){--background:rgb(var(--label-aqua-18));--color:rgb(var(--label-aqua-08))}@tailwind utilities; :host([variant=blue]),:host([variant=blue][tone=strong]){--background:rgb(var(--label-blue-08));--color:rgb(var(--label-blue-20))}:host([variant=blue][tone=weak]){--background:rgb(var(--label-blue-16));--color:rgb(var(--label-blue-04))}:host([variant=blue][tone=quiet]){--background:rgb(var(--label-blue-18));--color:rgb(var(--label-blue-08))}@tailwind utilities; :host([variant=dark]),:host([variant=dark][tone=strong]){--background:rgb(var(--adjust-tone-04));--color:rgb(var(--adjust-tone-18))}:host([variant=dark][tone=weak]){--background:rgb(var(--adjust-tone-16));--color:rgb(var(--adjust-tone-04))}:host([variant=dark][tone=quiet]){--background:rgb(var(--adjust-tone-18));--color:rgb(var(--adjust-tone-04))}@tailwind utilities; :host([variant=error]),:host([variant=error][tone=strong]){--background:rgb(var(--status-error-08));--color:rgb(var(--status-error-20))}:host([variant=error][tone=weak]){--background:rgb(var(--status-error-16));--color:rgb(var(--status-error-04))}:host([variant=error][tone=quiet]){--background:rgb(var(--status-error-18));--color:rgb(var(--status-error-08))}@tailwind utilities; :host([variant=green]),:host([variant=green][tone=strong]){--background:rgb(var(--label-green-08));--color:rgb(var(--label-green-20))}:host([variant=green][tone=weak]){--background:rgb(var(--label-green-16));--color:rgb(var(--label-green-04))}:host([variant=green][tone=quiet]){--background:rgb(var(--label-green-18));--color:rgb(var(--label-green-08))}@tailwind utilities; :host([variant=info]),:host([variant=info][tone=strong]){--background:rgb(var(--status-info-08));--color:rgb(var(--status-info-20))}:host([variant=info][tone=weak]){--background:rgb(var(--status-info-16));--color:rgb(var(--status-info-04))}:host([variant=info][tone=quiet]){--background:rgb(var(--status-info-18));--color:rgb(var(--status-info-08))}@tailwind utilities; :host([variant=light]),:host([variant=light][tone=strong]){--background:rgb(var(--adjust-tone-20));--color:rgb(var(--adjust-tone-06))}:host([variant=light][tone=weak]){--background:rgb(var(--adjust-tone-19));--color:rgb(var(--adjust-tone-05))}:host([variant=light][tone=quiet]){--background:rgb(var(--adjust-tone-18));--color:rgb(var(--adjust-tone-04))}@tailwind utilities; :host([variant=lime]),:host([variant=lime][tone=strong]){--background:rgb(var(--label-lime-08));--color:rgb(var(--label-lime-20))}:host([variant=lime][tone=weak]){--background:rgb(var(--label-lime-16));--color:rgb(var(--label-lime-04))}:host([variant=lime][tone=quiet]){--background:rgb(var(--label-lime-18));--color:rgb(var(--label-lime-08))}@tailwind utilities; :host([variant=orange]),:host([variant=orange][tone=strong]){--background:rgb(var(--label-orange-08));--color:rgb(var(--label-orange-20))}:host([variant=orange][tone=weak]){--background:rgb(var(--label-orange-16));--color:rgb(var(--label-orange-04))}:host([variant=orange][tone=quiet]){--background:rgb(var(--label-orange-18));--color:rgb(var(--label-orange-08))}@tailwind utilities; :host([variant=orchid]),:host([variant=orchid][tone=strong]){--background:rgb(var(--label-orchid-08));--color:rgb(var(--label-orchid-20))}:host([variant=orchid][tone=weak]){--background:rgb(var(--label-orchid-16));--color:rgb(var(--label-orchid-04))}:host([variant=orchid][tone=quiet]){--background:rgb(var(--label-orchid-18));--color:rgb(var(--label-orchid-08))}@tailwind utilities; :host([variant=sky]),:host([variant=sky][tone=strong]){--background:rgb(var(--label-sky-08));--color:rgb(var(--label-sky-20))}:host([variant=sky][tone=weak]){--background:rgb(var(--label-sky-16));--color:rgb(var(--label-sky-04))}:host([variant=sky][tone=quiet]){--background:rgb(var(--label-sky-18));--color:rgb(var(--label-sky-08))}@tailwind utilities; :host([variant=success]),:host([variant=success][tone=strong]){--background:rgb(var(--status-success-08));--color:rgb(var(--status-success-20))}:host([variant=success][tone=weak]){--background:rgb(var(--status-success-16));--color:rgb(var(--status-success-04))}:host([variant=success][tone=quiet]){--background:rgb(var(--status-success-18));--color:rgb(var(--status-success-08))}@tailwind utilities; :host([variant=violet]),:host([variant=violet][tone=strong]){--background:rgb(var(--label-violet-08));--color:rgb(var(--label-violet-20))}:host([variant=violet][tone=weak]){--background:rgb(var(--label-violet-16));--color:rgb(var(--label-violet-04))}:host([variant=violet][tone=quiet]){--background:rgb(var(--label-violet-18));--color:rgb(var(--label-violet-08))}@tailwind utilities; :host([variant=warning]),:host([variant=warning][tone=strong]){--background:rgb(var(--status-warning-08));--color:rgb(var(--status-warning-20))}:host([variant=warning][tone=weak]){--background:rgb(var(--status-warning-16));--color:rgb(var(--status-warning-04))}:host([variant=warning][tone=quiet]){--background:rgb(var(--status-warning-18));--color:rgb(var(--status-warning-08))}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);-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-08));--color:rgb(var(--label-yellow-20))}:host([variant=yellow][tone=weak]){--background:rgb(var(--label-yellow-16));--color:rgb(var(--label-yellow-04))}:host([variant=yellow][tone=quiet]){--background:rgb(var(--label-yellow-18));--color:rgb(var(--label-yellow-08))}";
+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:-webkit-min-content;min-width:-moz-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:background-color, border-color, color, fill, stroke;transition-property:background-color, border-color, color, fill, stroke;-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-04));--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-04));--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-04));--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(--adjust-tone-02));--color:rgb(var(--adjust-tone-09))}:host([variant=dark][tone=weak]){--background:rgb(var(--adjust-tone-08));--color:rgb(var(--adjust-tone-02))}:host([variant=dark][tone=quiet]){--background:rgb(var(--adjust-tone-09));--color:rgb(var(--adjust-tone-04))}@tailwind utilities; :host([variant=error]),:host([variant=error][tone=strong]){--background:rgb(var(--status-error-04));--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-04));--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-04));--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(--adjust-tone-10));--color:rgb(var(--adjust-tone-03))}:host([variant=light][tone=weak]){--background:rgb(var(--adjust-tone-10));--color:rgb(var(--adjust-tone-03))}:host([variant=light][tone=quiet]){--background:rgb(var(--adjust-tone-09));--color:rgb(var(--adjust-tone-02))}@tailwind utilities; :host([variant=lime]),:host([variant=lime][tone=strong]){--background:rgb(var(--label-lime-04));--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-04));--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-04));--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-04));--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-04));--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-04));--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-04));--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))}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);-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-04));--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 @@ let MdsBadge = class {

dist/custom-elements/index.js

 import { h, Host, proxyCustomElement } from '@stencil/core/internal/client';
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
 
-const mdsBadgeCss = "@tailwind utilities; :host{--background:rgb(var(--label-sky-18));--border-radius:0.25rem;--color:rgb(var(--label-sky-06));display:-ms-inline-flexbox;display:inline-flex;min-width:-webkit-min-content;min-width:-moz-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:background-color, border-color, color, fill, stroke;transition-property:background-color, border-color, color, fill, stroke;-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--border-radius);color:var(--color)}@tailwind utilities; :host([variant=amaranth]),:host([variant=amaranth][tone=strong]){--background:rgb(var(--label-amaranth-08));--color:rgb(var(--label-amaranth-20))}:host([variant=amaranth][tone=weak]){--background:rgb(var(--label-amaranth-16));--color:rgb(var(--label-amaranth-04))}:host([variant=amaranth][tone=quiet]){--background:rgb(var(--label-amaranth-18));--color:rgb(var(--label-amaranth-08))}@tailwind utilities; :host([variant=aqua]),:host([variant=aqua][tone=strong]){--background:rgb(var(--label-aqua-08));--color:rgb(var(--label-aqua-20))}:host([variant=aqua][tone=weak]){--background:rgb(var(--label-aqua-16));--color:rgb(var(--label-aqua-04))}:host([variant=aqua][tone=quiet]){--background:rgb(var(--label-aqua-18));--color:rgb(var(--label-aqua-08))}@tailwind utilities; :host([variant=blue]),:host([variant=blue][tone=strong]){--background:rgb(var(--label-blue-08));--color:rgb(var(--label-blue-20))}:host([variant=blue][tone=weak]){--background:rgb(var(--label-blue-16));--color:rgb(var(--label-blue-04))}:host([variant=blue][tone=quiet]){--background:rgb(var(--label-blue-18));--color:rgb(var(--label-blue-08))}@tailwind utilities; :host([variant=dark]),:host([variant=dark][tone=strong]){--background:rgb(var(--adjust-tone-04));--color:rgb(var(--adjust-tone-18))}:host([variant=dark][tone=weak]){--background:rgb(var(--adjust-tone-16));--color:rgb(var(--adjust-tone-04))}:host([variant=dark][tone=quiet]){--background:rgb(var(--adjust-tone-18));--color:rgb(var(--adjust-tone-04))}@tailwind utilities; :host([variant=error]),:host([variant=error][tone=strong]){--background:rgb(var(--status-error-08));--color:rgb(var(--status-error-20))}:host([variant=error][tone=weak]){--background:rgb(var(--status-error-16));--color:rgb(var(--status-error-04))}:host([variant=error][tone=quiet]){--background:rgb(var(--status-error-18));--color:rgb(var(--status-error-08))}@tailwind utilities; :host([variant=green]),:host([variant=green][tone=strong]){--background:rgb(var(--label-green-08));--color:rgb(var(--label-green-20))}:host([variant=green][tone=weak]){--background:rgb(var(--label-green-16));--color:rgb(var(--label-green-04))}:host([variant=green][tone=quiet]){--background:rgb(var(--label-green-18));--color:rgb(var(--label-green-08))}@tailwind utilities; :host([variant=info]),:host([variant=info][tone=strong]){--background:rgb(var(--status-info-08));--color:rgb(var(--status-info-20))}:host([variant=info][tone=weak]){--background:rgb(var(--status-info-16));--color:rgb(var(--status-info-04))}:host([variant=info][tone=quiet]){--background:rgb(var(--status-info-18));--color:rgb(var(--status-info-08))}@tailwind utilities; :host([variant=light]),:host([variant=light][tone=strong]){--background:rgb(var(--adjust-tone-20));--color:rgb(var(--adjust-tone-06))}:host([variant=light][tone=weak]){--background:rgb(var(--adjust-tone-19));--color:rgb(var(--adjust-tone-05))}:host([variant=light][tone=quiet]){--background:rgb(var(--adjust-tone-18));--color:rgb(var(--adjust-tone-04))}@tailwind utilities; :host([variant=lime]),:host([variant=lime][tone=strong]){--background:rgb(var(--label-lime-08));--color:rgb(var(--label-lime-20))}:host([variant=lime][tone=weak]){--background:rgb(var(--label-lime-16));--color:rgb(var(--label-lime-04))}:host([variant=lime][tone=quiet]){--background:rgb(var(--label-lime-18));--color:rgb(var(--label-lime-08))}@tailwind utilities; :host([variant=orange]),:host([variant=orange][tone=strong]){--background:rgb(var(--label-orange-08));--color:rgb(var(--label-orange-20))}:host([variant=orange][tone=weak]){--background:rgb(var(--label-orange-16));--color:rgb(var(--label-orange-04))}:host([variant=orange][tone=quiet]){--background:rgb(var(--label-orange-18));--color:rgb(var(--label-orange-08))}@tailwind utilities; :host([variant=orchid]),:host([variant=orchid][tone=strong]){--background:rgb(var(--label-orchid-08));--color:rgb(var(--label-orchid-20))}:host([variant=orchid][tone=weak]){--background:rgb(var(--label-orchid-16));--color:rgb(var(--label-orchid-04))}:host([variant=orchid][tone=quiet]){--background:rgb(var(--label-orchid-18));--color:rgb(var(--label-orchid-08))}@tailwind utilities; :host([variant=sky]),:host([variant=sky][tone=strong]){--background:rgb(var(--label-sky-08));--color:rgb(var(--label-sky-20))}:host([variant=sky][tone=weak]){--background:rgb(var(--label-sky-16));--color:rgb(var(--label-sky-04))}:host([variant=sky][tone=quiet]){--background:rgb(var(--label-sky-18));--color:rgb(var(--label-sky-08))}@tailwind utilities; :host([variant=success]),:host([variant=success][tone=strong]){--background:rgb(var(--status-success-08));--color:rgb(var(--status-success-20))}:host([variant=success][tone=weak]){--background:rgb(var(--status-success-16));--color:rgb(var(--status-success-04))}:host([variant=success][tone=quiet]){--background:rgb(var(--status-success-18));--color:rgb(var(--status-success-08))}@tailwind utilities; :host([variant=violet]),:host([variant=violet][tone=strong]){--background:rgb(var(--label-violet-08));--color:rgb(var(--label-violet-20))}:host([variant=violet][tone=weak]){--background:rgb(var(--label-violet-16));--color:rgb(var(--label-violet-04))}:host([variant=violet][tone=quiet]){--background:rgb(var(--label-violet-18));--color:rgb(var(--label-violet-08))}@tailwind utilities; :host([variant=warning]),:host([variant=warning][tone=strong]){--background:rgb(var(--status-warning-08));--color:rgb(var(--status-warning-20))}:host([variant=warning][tone=weak]){--background:rgb(var(--status-warning-16));--color:rgb(var(--status-warning-04))}:host([variant=warning][tone=quiet]){--background:rgb(var(--status-warning-18));--color:rgb(var(--status-warning-08))}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);-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-08));--color:rgb(var(--label-yellow-20))}:host([variant=yellow][tone=weak]){--background:rgb(var(--label-yellow-16));--color:rgb(var(--label-yellow-04))}:host([variant=yellow][tone=quiet]){--background:rgb(var(--label-yellow-18));--color:rgb(var(--label-yellow-08))}";
+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:-webkit-min-content;min-width:-moz-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:background-color, border-color, color, fill, stroke;transition-property:background-color, border-color, color, fill, stroke;-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-04));--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-04));--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-04));--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(--adjust-tone-02));--color:rgb(var(--adjust-tone-09))}:host([variant=dark][tone=weak]){--background:rgb(var(--adjust-tone-08));--color:rgb(var(--adjust-tone-02))}:host([variant=dark][tone=quiet]){--background:rgb(var(--adjust-tone-09));--color:rgb(var(--adjust-tone-04))}@tailwind utilities; :host([variant=error]),:host([variant=error][tone=strong]){--background:rgb(var(--status-error-04));--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-04));--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-04));--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(--adjust-tone-10));--color:rgb(var(--adjust-tone-03))}:host([variant=light][tone=weak]){--background:rgb(var(--adjust-tone-10));--color:rgb(var(--adjust-tone-03))}:host([variant=light][tone=quiet]){--background:rgb(var(--adjust-tone-09));--color:rgb(var(--adjust-tone-02))}@tailwind utilities; :host([variant=lime]),:host([variant=lime][tone=strong]){--background:rgb(var(--label-lime-04));--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-04));--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-04));--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-04));--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-04));--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-04));--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-04));--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))}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);-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-04));--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))}";
 
@@ -6,0 +6,0 @@ let MdsBadge$1 = class extends HTMLElement {

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

@@ -1,1 +0,1 @@
-import{r as registerInstance,h,H as Host}from"./index-6afbd202.js";var mdsBadgeCss="@tailwind utilities; :host{--background:rgb(var(--label-sky-18));--border-radius:0.25rem;--color:rgb(var(--label-sky-06));display:-ms-inline-flexbox;display:inline-flex;min-width:-webkit-min-content;min-width:-moz-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:background-color, border-color, color, fill, stroke;transition-property:background-color, border-color, color, fill, stroke;-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--border-radius);color:var(--color)}@tailwind utilities; :host([variant=amaranth]),:host([variant=amaranth][tone=strong]){--background:rgb(var(--label-amaranth-08));--color:rgb(var(--label-amaranth-20))}:host([variant=amaranth][tone=weak]){--background:rgb(var(--label-amaranth-16));--color:rgb(var(--label-amaranth-04))}:host([variant=amaranth][tone=quiet]){--background:rgb(var(--label-amaranth-18));--color:rgb(var(--label-amaranth-08))}@tailwind utilities; :host([variant=aqua]),:host([variant=aqua][tone=strong]){--background:rgb(var(--label-aqua-08));--color:rgb(var(--label-aqua-20))}:host([variant=aqua][tone=weak]){--background:rgb(var(--label-aqua-16));--color:rgb(var(--label-aqua-04))}:host([variant=aqua][tone=quiet]){--background:rgb(var(--label-aqua-18));--color:rgb(var(--label-aqua-08))}@tailwind utilities; :host([variant=blue]),:host([variant=blue][tone=strong]){--background:rgb(var(--label-blue-08));--color:rgb(var(--label-blue-20))}:host([variant=blue][tone=weak]){--background:rgb(var(--label-blue-16));--color:rgb(var(--label-blue-04))}:host([variant=blue][tone=quiet]){--background:rgb(var(--label-blue-18));--color:rgb(var(--label-blue-08))}@tailwind utilities; :host([variant=dark]),:host([variant=dark][tone=strong]){--background:rgb(var(--adjust-tone-04));--color:rgb(var(--adjust-tone-18))}:host([variant=dark][tone=weak]){--background:rgb(var(--adjust-tone-16));--color:rgb(var(--adjust-tone-04))}:host([variant=dark][tone=quiet]){--background:rgb(var(--adjust-tone-18));--color:rgb(var(--adjust-tone-04))}@tailwind utilities; :host([variant=error]),:host([variant=error][tone=strong]){--background:rgb(var(--status-error-08));--color:rgb(var(--status-error-20))}:host([variant=error][tone=weak]){--background:rgb(var(--status-error-16));--color:rgb(var(--status-error-04))}:host([variant=error][tone=quiet]){--background:rgb(var(--status-error-18));--color:rgb(var(--status-error-08))}@tailwind utilities; :host([variant=green]),:host([variant=green][tone=strong]){--background:rgb(var(--label-green-08));--color:rgb(var(--label-green-20))}:host([variant=green][tone=weak]){--background:rgb(var(--label-green-16));--color:rgb(var(--label-green-04))}:host([variant=green][tone=quiet]){--background:rgb(var(--label-green-18));--color:rgb(var(--label-green-08))}@tailwind utilities; :host([variant=info]),:host([variant=info][tone=strong]){--background:rgb(var(--status-info-08));--color:rgb(var(--status-info-20))}:host([variant=info][tone=weak]){--background:rgb(var(--status-info-16));--color:rgb(var(--status-info-04))}:host([variant=info][tone=quiet]){--background:rgb(var(--status-info-18));--color:rgb(var(--status-info-08))}@tailwind utilities; :host([variant=light]),:host([variant=light][tone=strong]){--background:rgb(var(--adjust-tone-20));--color:rgb(var(--adjust-tone-06))}:host([variant=light][tone=weak]){--background:rgb(var(--adjust-tone-19));--color:rgb(var(--adjust-tone-05))}:host([variant=light][tone=quiet]){--background:rgb(var(--adjust-tone-18));--color:rgb(var(--adjust-tone-04))}@tailwind utilities; :host([variant=lime]),:host([variant=lime][tone=strong]){--background:rgb(var(--label-lime-08));--color:rgb(var(--label-lime-20))}:host([variant=lime][tone=weak]){--background:rgb(var(--label-lime-16));--color:rgb(var(--label-lime-04))}:host([variant=lime][tone=quiet]){--background:rgb(var(--label-lime-18));--color:rgb(var(--label-lime-08))}@tailwind utilities; :host([variant=orange]),:host([variant=orange][tone=strong]){--background:rgb(var(--label-orange-08));--color:rgb(var(--label-orange-20))}:host([variant=orange][tone=weak]){--background:rgb(var(--label-orange-16));--color:rgb(var(--label-orange-04))}:host([variant=orange][tone=quiet]){--background:rgb(var(--label-orange-18));--color:rgb(var(--label-orange-08))}@tailwind utilities; :host([variant=orchid]),:host([variant=orchid][tone=strong]){--background:rgb(var(--label-orchid-08));--color:rgb(var(--label-orchid-20))}:host([variant=orchid][tone=weak]){--background:rgb(var(--label-orchid-16));--color:rgb(var(--label-orchid-04))}:host([variant=orchid][tone=quiet]){--background:rgb(var(--label-orchid-18));--color:rgb(var(--label-orchid-08))}@tailwind utilities; :host([variant=sky]),:host([variant=sky][tone=strong]){--background:rgb(var(--label-sky-08));--color:rgb(var(--label-sky-20))}:host([variant=sky][tone=weak]){--background:rgb(var(--label-sky-16));--color:rgb(var(--label-sky-04))}:host([variant=sky][tone=quiet]){--background:rgb(var(--label-sky-18));--color:rgb(var(--label-sky-08))}@tailwind utilities; :host([variant=success]),:host([variant=success][tone=strong]){--background:rgb(var(--status-success-08));--color:rgb(var(--status-success-20))}:host([variant=success][tone=weak]){--background:rgb(var(--status-success-16));--color:rgb(var(--status-success-04))}:host([variant=success][tone=quiet]){--background:rgb(var(--status-success-18));--color:rgb(var(--status-success-08))}@tailwind utilities; :host([variant=violet]),:host([variant=violet][tone=strong]){--background:rgb(var(--label-violet-08));--color:rgb(var(--label-violet-20))}:host([variant=violet][tone=weak]){--background:rgb(var(--label-violet-16));--color:rgb(var(--label-violet-04))}:host([variant=violet][tone=quiet]){--background:rgb(var(--label-violet-18));--color:rgb(var(--label-violet-08))}@tailwind utilities; :host([variant=warning]),:host([variant=warning][tone=strong]){--background:rgb(var(--status-warning-08));--color:rgb(var(--status-warning-20))}:host([variant=warning][tone=weak]){--background:rgb(var(--status-warning-16));--color:rgb(var(--status-warning-04))}:host([variant=warning][tone=quiet]){--background:rgb(var(--status-warning-18));--color:rgb(var(--status-warning-08))}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);-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-08));--color:rgb(var(--label-yellow-20))}:host([variant=yellow][tone=weak]){--background:rgb(var(--label-yellow-16));--color:rgb(var(--label-yellow-04))}:host([variant=yellow][tone=quiet]){--background:rgb(var(--label-yellow-18));--color:rgb(var(--label-yellow-08))}";var MdsBadge=function(){function r(r){registerInstance(this,r);this.variant="green";this.tone="weak";this.typography="option"}r.prototype.render=function(){return h(Host,null,h("mds-text",{typography:this.typography},h("slot",null)))};return r}();MdsBadge.style=mdsBadgeCss;export{MdsBadge as mds_badge};
+import{r as registerInstance,h,H as Host}from"./index-6afbd202.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:-webkit-min-content;min-width:-moz-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:background-color, border-color, color, fill, stroke;transition-property:background-color, border-color, color, fill, stroke;-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-04));--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-04));--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-04));--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(--adjust-tone-02));--color:rgb(var(--adjust-tone-09))}:host([variant=dark][tone=weak]){--background:rgb(var(--adjust-tone-08));--color:rgb(var(--adjust-tone-02))}:host([variant=dark][tone=quiet]){--background:rgb(var(--adjust-tone-09));--color:rgb(var(--adjust-tone-04))}@tailwind utilities; :host([variant=error]),:host([variant=error][tone=strong]){--background:rgb(var(--status-error-04));--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-04));--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-04));--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(--adjust-tone-10));--color:rgb(var(--adjust-tone-03))}:host([variant=light][tone=weak]){--background:rgb(var(--adjust-tone-10));--color:rgb(var(--adjust-tone-03))}:host([variant=light][tone=quiet]){--background:rgb(var(--adjust-tone-09));--color:rgb(var(--adjust-tone-02))}@tailwind utilities; :host([variant=lime]),:host([variant=lime][tone=strong]){--background:rgb(var(--label-lime-04));--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-04));--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-04));--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-04));--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-04));--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-04));--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-04));--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))}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);-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-04));--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 a(a){registerInstance(this,a);this.variant="green";this.tone="weak";this.typography="option"}a.prototype.render=function(){return h(Host,null,h("mds-text",{typography:this.typography},h("slot",null)))};return a}();MdsBadge.style=mdsBadgeCss;export{MdsBadge as mds_badge};

dist/esm/mds-badge.entry.js

 import { r as registerInstance, h, H as Host } from './index-6afbd202.js';
 
-const mdsBadgeCss = "@tailwind utilities; :host{--background:rgb(var(--label-sky-18));--border-radius:0.25rem;--color:rgb(var(--label-sky-06));display:-ms-inline-flexbox;display:inline-flex;min-width:-webkit-min-content;min-width:-moz-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:background-color, border-color, color, fill, stroke;transition-property:background-color, border-color, color, fill, stroke;-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--border-radius);color:var(--color)}@tailwind utilities; :host([variant=amaranth]),:host([variant=amaranth][tone=strong]){--background:rgb(var(--label-amaranth-08));--color:rgb(var(--label-amaranth-20))}:host([variant=amaranth][tone=weak]){--background:rgb(var(--label-amaranth-16));--color:rgb(var(--label-amaranth-04))}:host([variant=amaranth][tone=quiet]){--background:rgb(var(--label-amaranth-18));--color:rgb(var(--label-amaranth-08))}@tailwind utilities; :host([variant=aqua]),:host([variant=aqua][tone=strong]){--background:rgb(var(--label-aqua-08));--color:rgb(var(--label-aqua-20))}:host([variant=aqua][tone=weak]){--background:rgb(var(--label-aqua-16));--color:rgb(var(--label-aqua-04))}:host([variant=aqua][tone=quiet]){--background:rgb(var(--label-aqua-18));--color:rgb(var(--label-aqua-08))}@tailwind utilities; :host([variant=blue]),:host([variant=blue][tone=strong]){--background:rgb(var(--label-blue-08));--color:rgb(var(--label-blue-20))}:host([variant=blue][tone=weak]){--background:rgb(var(--label-blue-16));--color:rgb(var(--label-blue-04))}:host([variant=blue][tone=quiet]){--background:rgb(var(--label-blue-18));--color:rgb(var(--label-blue-08))}@tailwind utilities; :host([variant=dark]),:host([variant=dark][tone=strong]){--background:rgb(var(--adjust-tone-04));--color:rgb(var(--adjust-tone-18))}:host([variant=dark][tone=weak]){--background:rgb(var(--adjust-tone-16));--color:rgb(var(--adjust-tone-04))}:host([variant=dark][tone=quiet]){--background:rgb(var(--adjust-tone-18));--color:rgb(var(--adjust-tone-04))}@tailwind utilities; :host([variant=error]),:host([variant=error][tone=strong]){--background:rgb(var(--status-error-08));--color:rgb(var(--status-error-20))}:host([variant=error][tone=weak]){--background:rgb(var(--status-error-16));--color:rgb(var(--status-error-04))}:host([variant=error][tone=quiet]){--background:rgb(var(--status-error-18));--color:rgb(var(--status-error-08))}@tailwind utilities; :host([variant=green]),:host([variant=green][tone=strong]){--background:rgb(var(--label-green-08));--color:rgb(var(--label-green-20))}:host([variant=green][tone=weak]){--background:rgb(var(--label-green-16));--color:rgb(var(--label-green-04))}:host([variant=green][tone=quiet]){--background:rgb(var(--label-green-18));--color:rgb(var(--label-green-08))}@tailwind utilities; :host([variant=info]),:host([variant=info][tone=strong]){--background:rgb(var(--status-info-08));--color:rgb(var(--status-info-20))}:host([variant=info][tone=weak]){--background:rgb(var(--status-info-16));--color:rgb(var(--status-info-04))}:host([variant=info][tone=quiet]){--background:rgb(var(--status-info-18));--color:rgb(var(--status-info-08))}@tailwind utilities; :host([variant=light]),:host([variant=light][tone=strong]){--background:rgb(var(--adjust-tone-20));--color:rgb(var(--adjust-tone-06))}:host([variant=light][tone=weak]){--background:rgb(var(--adjust-tone-19));--color:rgb(var(--adjust-tone-05))}:host([variant=light][tone=quiet]){--background:rgb(var(--adjust-tone-18));--color:rgb(var(--adjust-tone-04))}@tailwind utilities; :host([variant=lime]),:host([variant=lime][tone=strong]){--background:rgb(var(--label-lime-08));--color:rgb(var(--label-lime-20))}:host([variant=lime][tone=weak]){--background:rgb(var(--label-lime-16));--color:rgb(var(--label-lime-04))}:host([variant=lime][tone=quiet]){--background:rgb(var(--label-lime-18));--color:rgb(var(--label-lime-08))}@tailwind utilities; :host([variant=orange]),:host([variant=orange][tone=strong]){--background:rgb(var(--label-orange-08));--color:rgb(var(--label-orange-20))}:host([variant=orange][tone=weak]){--background:rgb(var(--label-orange-16));--color:rgb(var(--label-orange-04))}:host([variant=orange][tone=quiet]){--background:rgb(var(--label-orange-18));--color:rgb(var(--label-orange-08))}@tailwind utilities; :host([variant=orchid]),:host([variant=orchid][tone=strong]){--background:rgb(var(--label-orchid-08));--color:rgb(var(--label-orchid-20))}:host([variant=orchid][tone=weak]){--background:rgb(var(--label-orchid-16));--color:rgb(var(--label-orchid-04))}:host([variant=orchid][tone=quiet]){--background:rgb(var(--label-orchid-18));--color:rgb(var(--label-orchid-08))}@tailwind utilities; :host([variant=sky]),:host([variant=sky][tone=strong]){--background:rgb(var(--label-sky-08));--color:rgb(var(--label-sky-20))}:host([variant=sky][tone=weak]){--background:rgb(var(--label-sky-16));--color:rgb(var(--label-sky-04))}:host([variant=sky][tone=quiet]){--background:rgb(var(--label-sky-18));--color:rgb(var(--label-sky-08))}@tailwind utilities; :host([variant=success]),:host([variant=success][tone=strong]){--background:rgb(var(--status-success-08));--color:rgb(var(--status-success-20))}:host([variant=success][tone=weak]){--background:rgb(var(--status-success-16));--color:rgb(var(--status-success-04))}:host([variant=success][tone=quiet]){--background:rgb(var(--status-success-18));--color:rgb(var(--status-success-08))}@tailwind utilities; :host([variant=violet]),:host([variant=violet][tone=strong]){--background:rgb(var(--label-violet-08));--color:rgb(var(--label-violet-20))}:host([variant=violet][tone=weak]){--background:rgb(var(--label-violet-16));--color:rgb(var(--label-violet-04))}:host([variant=violet][tone=quiet]){--background:rgb(var(--label-violet-18));--color:rgb(var(--label-violet-08))}@tailwind utilities; :host([variant=warning]),:host([variant=warning][tone=strong]){--background:rgb(var(--status-warning-08));--color:rgb(var(--status-warning-20))}:host([variant=warning][tone=weak]){--background:rgb(var(--status-warning-16));--color:rgb(var(--status-warning-04))}:host([variant=warning][tone=quiet]){--background:rgb(var(--status-warning-18));--color:rgb(var(--status-warning-08))}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);-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-08));--color:rgb(var(--label-yellow-20))}:host([variant=yellow][tone=weak]){--background:rgb(var(--label-yellow-16));--color:rgb(var(--label-yellow-04))}:host([variant=yellow][tone=quiet]){--background:rgb(var(--label-yellow-18));--color:rgb(var(--label-yellow-08))}";
+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:-webkit-min-content;min-width:-moz-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:background-color, border-color, color, fill, stroke;transition-property:background-color, border-color, color, fill, stroke;-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-04));--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-04));--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-04));--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(--adjust-tone-02));--color:rgb(var(--adjust-tone-09))}:host([variant=dark][tone=weak]){--background:rgb(var(--adjust-tone-08));--color:rgb(var(--adjust-tone-02))}:host([variant=dark][tone=quiet]){--background:rgb(var(--adjust-tone-09));--color:rgb(var(--adjust-tone-04))}@tailwind utilities; :host([variant=error]),:host([variant=error][tone=strong]){--background:rgb(var(--status-error-04));--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-04));--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-04));--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(--adjust-tone-10));--color:rgb(var(--adjust-tone-03))}:host([variant=light][tone=weak]){--background:rgb(var(--adjust-tone-10));--color:rgb(var(--adjust-tone-03))}:host([variant=light][tone=quiet]){--background:rgb(var(--adjust-tone-09));--color:rgb(var(--adjust-tone-02))}@tailwind utilities; :host([variant=lime]),:host([variant=lime][tone=strong]){--background:rgb(var(--label-lime-04));--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-04));--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-04));--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-04));--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-04));--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-04));--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-04));--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))}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);-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-04));--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 @@ let MdsBadge = class {

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

@@ -1,1 +0,1 @@
-import{p as a,b as p}from"./p-a5af6690.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),a(r)})().then((a=>p([["p-c278fcf3",[[1,"mds-badge",{variant:[513],tone:[513],typography:[1]}]]]],a)));
+import{p as a,b as p}from"./p-a5af6690.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),a(r)})().then((a=>p([["p-c214b14b",[[1,"mds-badge",{variant:[513],tone:[513],typography:[1]}]]]],a)));

dist/mds-badge/p-6bb34d78.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-bbe78f21.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(e){r=e.p;n=e.b}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-0450be37.system",[[1,"mds-badge",{variant:[513],tone:[513],typography:[1]}]]]],e)}))}}}));
+System.register(["./p-bbe78f21.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(e){r=e.p;n=e.b}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-51119b94.system",[[1,"mds-badge",{variant:[513],tone:[513],typography:[1]}]]]],e)}))}}}));

dist/stats.json

 {
-  "timestamp": "2021-11-12T15:37:39",
+  "timestamp": "2021-11-18T08:08:03",
   "compiler": {
@@ -73,17 +73,17 @@ "name": "node",
           "./dist/mds-badge/mds-badge.js",
-          "./dist/mds-badge/p-0450be37.system.entry.js",
           "./dist/mds-badge/p-50ea2036.system.js",
+          "./dist/mds-badge/p-51119b94.system.entry.js",
           "./dist/mds-badge/p-6bb34d78.system.js",
           "./dist/mds-badge/p-a5af6690.js",
           "./dist/mds-badge/p-bbe78f21.system.js",
-          "./dist/mds-badge/p-c278fcf3.entry.js",
+          "./dist/mds-badge/p-c214b14b.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-badge.esm.js",
           "./www/build/mds-badge.js",
-          "./www/build/p-0450be37.system.entry.js",
           "./www/build/p-50ea2036.system.js",
+          "./www/build/p-51119b94.system.entry.js",
           "./www/build/p-6bb34d78.system.js",
           "./www/build/p-a5af6690.js",
           "./www/build/p-bbe78f21.system.js",
-          "./www/build/p-c278fcf3.entry.js"
+          "./www/build/p-c214b14b.entry.js"
         ]
@@ -121,8 +121,8 @@ },
         ],
-        "bundleId": "p-c278fcf3",
-        "fileName": "p-c278fcf3.entry.js",
+        "bundleId": "p-c214b14b",
+        "fileName": "p-c214b14b.entry.js",
         "imports": [
           "p-a5af6690.js"
         ],
-        "originalByteSize": 7652
+        "originalByteSize": 7638
       }
@@ -141,3 +141,3 @@ ],
         ],
-        "originalByteSize": 7656
+        "originalByteSize": 7642
       }
@@ -156,3 +156,3 @@ ],
         ],
-        "originalByteSize": 7656
+        "originalByteSize": 7642
       }
@@ -166,8 +166,8 @@ ],
         ],
-        "bundleId": "p-0450be37.system",
-        "fileName": "p-0450be37.system.entry.js",
+        "bundleId": "p-51119b94.system",
+        "fileName": "p-51119b94.system.entry.js",
         "imports": [
           "p-bbe78f21.system.js"
         ],
-        "originalByteSize": 7988
+        "originalByteSize": 7974
       }
@@ -186,3 +186,3 @@ ],
         ],
-        "originalByteSize": 7732
+        "originalByteSize": 7718
       }
@@ -419,3 +419,3 @@ ]
             {
-              "name": "--border-radius",
+              "name": "--radius",
               "docs": "Sets the border-radius of the component",
@@ -422,0 +422,0 @@ "annotation": "prop"

package.json

 {
   "name": "@maggioli-design-system/mds-badge",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "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.",
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

readme.md

@@ -19,7 +19,7 @@ # mds-pill
 
-| Name              | Description                                |
-| ----------------- | ------------------------------------------ |
-| `--background`    | Sets the background-color of the component |
-| `--border-radius` | Sets the border-radius of the component    |
-| `--color`         | Sets the text color of the component       |
+| Name           | Description                                |
+| -------------- | ------------------------------------------ |
+| `--background` | Sets the background-color of the component |
+| `--color`      | Sets the text color of the component       |
+| `--radius`     | Sets the border-radius of the component    |
 
@@ -26,0 +26,0 @@

src/components/mds-badge/readme.md

@@ -19,7 +19,7 @@ # mds-badge
 
-| Name              | Description                                |
-| ----------------- | ------------------------------------------ |
-| `--background`    | Sets the background-color of the component |
-| `--border-radius` | Sets the border-radius of the component    |
-| `--color`         | Sets the text color of the component       |
+| Name           | Description                                |
+| -------------- | ------------------------------------------ |
+| `--background` | Sets the background-color of the component |
+| `--color`      | Sets the text color of the component       |
+| `--radius`     | Sets the border-radius of the component    |
 
@@ -26,0 +26,0 @@

www/build/mds-badge.esm.js

@@ -1,1 +0,1 @@
-import{p as a,b as p}from"./p-a5af6690.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),a(r)})().then((a=>p([["p-c278fcf3",[[1,"mds-badge",{variant:[513],tone:[513],typography:[1]}]]]],a)));
+import{p as a,b as p}from"./p-a5af6690.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),a(r)})().then((a=>p([["p-c214b14b",[[1,"mds-badge",{variant:[513],tone:[513],typography:[1]}]]]],a)));

www/build/p-6bb34d78.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-bbe78f21.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(e){r=e.p;n=e.b}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-0450be37.system",[[1,"mds-badge",{variant:[513],tone:[513],typography:[1]}]]]],e)}))}}}));
+System.register(["./p-bbe78f21.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(e){r=e.p;n=e.b}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-51119b94.system",[[1,"mds-badge",{variant:[513],tone:[513],typography:[1]}]]]],e)}))}}}));

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

702050

decreased by-0.03%

No dependency changes