@luzmo/lucero 1.0.3-alpha.13 → 1.0.3-alpha.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luzmo/lucero",
-  "version": "1.0.3-alpha.13",
+  "version": "1.0.3-alpha.15",
   "homepage": "https://luzmo.com",
   "description": "Lucero - The design system for Luzmo",
   "type": "module",

package/components/badge-2zAt91bn.js

@@ -1,94 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-import { n as e, t } from "./decorate-CkCg3wfh.js";
-import { n } from "./sized-mixin-DzQTebN-.js";
-import { t as r } from "./observe-slot-text-97nX6NyX.js";
-import { html as i, unsafeCSS as a } from "lit";
-import { property as o } from "lit/decorators.js";
-//#region src/components/badge/badge.module.scss?inline
-var s = ":host{font-family:var(--luzmo-badge-font-family,var(--luzmo-font-family));background-color:var(--highcontrast-badge-background-color,var(--luzmo-badge-background-color,var(--badge-background-color)));color:var(--highcontrast-badge-content-color,var(--luzmo-badge-content-color,var(--badge-content-color)));border-radius:var(--luzmo-badge-border-radius,var(--badge-border-radius));min-block-size:var(--luzmo-badge-height,var(--badge-height));box-sizing:border-box;vertical-align:bottom;max-inline-size:var(--luzmo-badge-max-inline-size,none);-webkit-user-select:none;user-select:none;transition:border-color var(--luzmo-badge-animation-duration,var(--badge-animation-duration)) ease-in-out, color var(--luzmo-badge-animation-duration,var(--badge-animation-duration)) ease-in-out, background-color var(--luzmo-badge-animation-duration,var(--badge-animation-duration)) ease-in-out;padding-inline:calc(var(--luzmo-badge-spacing-inline,var(--badge-spacing-inline)) - var(--luzmo-badge-border-width,var(--badge-border-width)));padding-block:var(--luzmo-spacing-1);justify-content:center;align-items:center;gap:var(--luzmo-badge-icon-spacing-inline-end,var(--badge-icon-spacing-inline-end));outline:none;display:inline-flex;position:relative;border-color:var(--highcontrast-badge-border-color,var(--luzmo-badge-border-color,var(--badge-border-color)))!important;border-width:var(--luzmo-badge-border-width,var(--badge-border-width))!important;border-style:solid!important}::slotted([slot=icon]){--icon-size:var(--luzmo-badge-icon-size,var(--badge-icon-size,calc(var(--luzmo-badge-height,var(--badge-height)) - var(--luzmo-badge-border-width,var(--badge-border-width)) * 2 - var(--luzmo-badge-icon-padding,4px) * 2)));flex-shrink:0;align-self:center}.label{box-sizing:border-box;line-height:1.3;font-weight:var(--luzmo-badge-font-weight,var(--badge-font-weight));font-size:var(--luzmo-badge-font-size,var(--badge-font-size));cursor:default;align-items:center;display:inline-flex}.label[hidden]{display:none!important}:host([icon-only]){padding-block:0;padding-inline:calc(var(--luzmo-badge-spacing-inline,var(--badge-spacing-inline)) * 1.25 - var(--luzmo-badge-border-width,var(--badge-border-width)));gap:0}:host([icon-only]) ::slotted([slot=icon]){align-self:center}:host([fixed]){border-radius:var(--luzmo-border-radius)}:host([fixed=block-start]){border-start-start-radius:0;border-start-end-radius:0}:host([fixed=block-end]){border-end-end-radius:0;border-end-start-radius:0}:host([fixed=inline-start]){border-start-start-radius:0;border-end-start-radius:0}:host([fixed=inline-end]){border-start-end-radius:0;border-end-end-radius:0}@media (forced-colors:active){:host{--highcontrast-badge-border-color:ButtonText;--highcontrast-badge-background-color:ButtonFace;--highcontrast-badge-content-color:ButtonText;forced-color-adjust:none}:host([treatment=fill]){--highcontrast-badge-background-color:Highlight;--highcontrast-badge-content-color:HighlightText;--highcontrast-badge-border-color:Highlight}}:host{--badge-border-color:var(--luzmo-border-color-full);--badge-background-color:transparent;--badge-content-color:var(--luzmo-font-color);--badge-border-width:var(--luzmo-border-width);--badge-border-radius:calc(var(--badge-height) / 2);--badge-animation-duration:var(--luzmo-animation-duration);--badge-font-weight:var(--luzmo-font-weight);--badge-label-line-height:var(--luzmo-line-height);--badge-icon-spacing-inline-end:var(--luzmo-spacing-2)}:host([size=xs]){--badge-height:var(--luzmo-component-height-xxs);--badge-font-size:var(--luzmo-font-size-xs);--badge-icon-size:var(--luzmo-icon-size-xxs);--badge-spacing-inline:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--badge-icon-spacing-inline-end:var(--luzmo-spacing-1)}:host([size=s]){--badge-height:var(--luzmo-component-height-xs);--badge-font-size:var(--luzmo-font-size-s);--badge-icon-size:var(--luzmo-icon-size-s);--badge-spacing-inline:var(--luzmo-spacing-3);--badge-icon-spacing-inline-end:var(--luzmo-spacing-2)}:host{--badge-height:var(--luzmo-component-height-s);--badge-font-size:var(--luzmo-font-size);--badge-icon-size:var(--luzmo-icon-size-m);--badge-spacing-inline:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=l]){--badge-height:var(--luzmo-component-height);--badge-font-size:var(--luzmo-font-size);--badge-icon-size:var(--luzmo-icon-size-l);--badge-spacing-inline:var(--luzmo-spacing-4);--badge-icon-spacing-inline-end:var(--luzmo-spacing-3)}:host([size=xl]){--badge-height:var(--luzmo-component-height-l);--badge-font-size:var(--luzmo-font-size-l);--badge-icon-size:var(--luzmo-icon-size-xl);--badge-spacing-inline:var(--luzmo-spacing-5);--badge-icon-spacing-inline-end:var(--luzmo-spacing-3)}:host([variant=neutral]){--badge-border-color:var(--luzmo-border-color-full);--badge-content-color:var(--luzmo-font-color);--badge-fill-background-color:var(--luzmo-selected-color-hard);--badge-fill-content-color:white}:host([variant=accent]){--badge-border-color:var(--luzmo-primary);--badge-content-color:var(--luzmo-primary);--badge-fill-background-color:var(--luzmo-primary);--badge-fill-content-color:white}:host([variant=informative]){--badge-border-color:var(--luzmo-informative-color);--badge-content-color:var(--luzmo-informative-color);--badge-fill-background-color:var(--luzmo-informative-color);--badge-fill-content-color:white}:host([variant=positive]){--badge-border-color:var(--luzmo-positive-color);--badge-content-color:var(--luzmo-positive-color);--badge-fill-background-color:var(--luzmo-positive-color);--badge-fill-content-color:white}:host([variant=negative]){--badge-border-color:var(--luzmo-negative-color);--badge-content-color:var(--luzmo-negative-color);--badge-fill-background-color:var(--luzmo-negative-color);--badge-fill-content-color:white}:host([variant=notice]){--badge-border-color:var(--luzmo-notice-color);--badge-content-color:var(--luzmo-notice-color);--badge-fill-background-color:var(--luzmo-notice-color);--badge-fill-content-color:white}:host([variant=seafoam]){--badge-border-color:var(--luzmo-seafoam-color);--badge-content-color:var(--luzmo-seafoam-color);--badge-fill-background-color:var(--luzmo-seafoam-color);--badge-fill-content-color:white}:host([variant=indigo]){--badge-border-color:var(--luzmo-indigo-color);--badge-content-color:var(--luzmo-indigo-color);--badge-fill-background-color:var(--luzmo-indigo-color);--badge-fill-content-color:white}:host([variant=purple]){--badge-border-color:var(--luzmo-purple-color);--badge-content-color:var(--luzmo-purple-color);--badge-fill-background-color:var(--luzmo-purple-color);--badge-fill-content-color:white}:host([variant=fuchsia]){--badge-border-color:var(--luzmo-fuchsia-color);--badge-content-color:var(--luzmo-fuchsia-color);--badge-fill-background-color:var(--luzmo-fuchsia-color);--badge-fill-content-color:white}:host([variant=magenta]){--badge-border-color:var(--luzmo-magenta-color);--badge-content-color:var(--luzmo-magenta-color);--badge-fill-background-color:var(--luzmo-magenta-color);--badge-fill-content-color:white}:host([variant=yellow]){--badge-border-color:var(--luzmo-yellow-color);--badge-content-color:var(--luzmo-yellow-color);--badge-fill-background-color:var(--luzmo-yellow-color);--badge-fill-content-color:black}:host([variant=gray]){--badge-border-color:var(--luzmo-gray-color);--badge-content-color:var(--luzmo-gray-color);--badge-fill-background-color:var(--luzmo-gray-color);--badge-fill-content-color:white}:host([variant=red]){--badge-border-color:var(--luzmo-red-color);--badge-content-color:var(--luzmo-red-color);--badge-fill-background-color:var(--luzmo-red-color);--badge-fill-content-color:white}:host([variant=orange]){--badge-border-color:var(--luzmo-orange-color);--badge-content-color:var(--luzmo-orange-color);--badge-fill-background-color:var(--luzmo-orange-color);--badge-fill-content-color:black}:host([variant=chartreuse]){--badge-border-color:var(--luzmo-chartreuse-color);--badge-content-color:var(--luzmo-chartreuse-color);--badge-fill-background-color:var(--luzmo-chartreuse-color);--badge-fill-content-color:white}:host([variant=celery]){--badge-border-color:var(--luzmo-celery-color);--badge-content-color:var(--luzmo-celery-color);--badge-fill-background-color:var(--luzmo-celery-color);--badge-fill-content-color:black}:host([variant=green]){--badge-border-color:var(--luzmo-green-color);--badge-content-color:var(--luzmo-green-color);--badge-fill-background-color:var(--luzmo-green-color);--badge-fill-content-color:white}:host([variant=cyan]){--badge-border-color:var(--luzmo-cyan-color);--badge-content-color:var(--luzmo-cyan-color);--badge-fill-background-color:var(--luzmo-cyan-color);--badge-fill-content-color:white}:host([variant=blue]){--badge-border-color:var(--luzmo-blue-color);--badge-content-color:var(--luzmo-blue-color);--badge-fill-background-color:var(--luzmo-blue-color);--badge-fill-content-color:white}:host([treatment=outline]){--badge-background-color:transparent}:host([treatment=fill]){--badge-background-color:var(--badge-fill-background-color,var(--luzmo-selected-color-hard));--badge-content-color:var(--badge-fill-content-color,white);--badge-border-color:transparent}", c = [
-	"accent",
-	"neutral",
-	"informative",
-	"positive",
-	"negative",
-	"notice",
-	"seafoam",
-	"indigo",
-	"purple",
-	"fuchsia",
-	"magenta",
-	"yellow",
-	"gray",
-	"red",
-	"orange",
-	"chartreuse",
-	"celery",
-	"green",
-	"cyan",
-	"blue"
-], l = class extends n(r(e), {
-	validSizes: [
-		"xs",
-		"s",
-		"m",
-		"l",
-		"xl"
-	],
-	noDefaultSize: !0
-}) {
-	constructor(...e) {
-		super(...e), this._variant = "neutral", this.treatment = "outline";
-	}
-	static get styles() {
-		return [a(s)];
-	}
-	get variant() {
-		return this._variant;
-	}
-	set variant(e) {
-		e !== this._variant && (c.includes(e) ? (this._variant = e, this.setAttribute("variant", e)) : (this._variant = "neutral", this.setAttribute("variant", "neutral")));
-	}
-	handleIconSlotChange(e) {
-		e.target.assignedElements().forEach((e) => {
-			e.tagName.toLowerCase() === "luzmo-icon" && e.setAttribute("block", "");
-		});
-	}
-	get hasLabel() {
-		return this.slotHasContent;
-	}
-	render() {
-		return i`
-      <slot name="icon" @slotchange=${this.handleIconSlotChange}></slot>
-      <span class="label" ?hidden=${!this.hasLabel}>
-        <slot @slotchange=${this.manageTextObservedSlot}></slot>
-      </span>
-    `;
-	}
-	updated(e) {
-		super.updated(e), this.toggleAttribute("icon-only", !this.slotHasContent);
-	}
-	firstUpdated(e) {
-		super.firstUpdated(e), this.hasAttribute("role") || this.setAttribute("role", "status"), this.hasAttribute("variant") || this.setAttribute("variant", this.variant), this.hasAttribute("treatment") || this.setAttribute("treatment", this.treatment);
-	}
-};
-//#endregion
-//#region src/components/badge/index.ts
-t([o({ reflect: !0 })], l.prototype, "variant", null), t([o({ reflect: !0 })], l.prototype, "treatment", void 0), t([o({ reflect: !0 })], l.prototype, "fixed", void 0), customElements.get("luzmo-badge") || customElements.define("luzmo-badge", l);
-//#endregion
-export { l as t };

package/components/badge-BjusWIAn.cjs

@@ -1,23 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./observe-slot-text-DzUSxLpj.cjs");let r=require("lit"),i=require("lit/decorators.js");var a=`:host{font-family:var(--luzmo-badge-font-family,var(--luzmo-font-family));background-color:var(--highcontrast-badge-background-color,var(--luzmo-badge-background-color,var(--badge-background-color)));color:var(--highcontrast-badge-content-color,var(--luzmo-badge-content-color,var(--badge-content-color)));border-radius:var(--luzmo-badge-border-radius,var(--badge-border-radius));min-block-size:var(--luzmo-badge-height,var(--badge-height));box-sizing:border-box;vertical-align:bottom;max-inline-size:var(--luzmo-badge-max-inline-size,none);-webkit-user-select:none;user-select:none;transition:border-color var(--luzmo-badge-animation-duration,var(--badge-animation-duration)) ease-in-out, color var(--luzmo-badge-animation-duration,var(--badge-animation-duration)) ease-in-out, background-color var(--luzmo-badge-animation-duration,var(--badge-animation-duration)) ease-in-out;padding-inline:calc(var(--luzmo-badge-spacing-inline,var(--badge-spacing-inline)) - var(--luzmo-badge-border-width,var(--badge-border-width)));padding-block:var(--luzmo-spacing-1);justify-content:center;align-items:center;gap:var(--luzmo-badge-icon-spacing-inline-end,var(--badge-icon-spacing-inline-end));outline:none;display:inline-flex;position:relative;border-color:var(--highcontrast-badge-border-color,var(--luzmo-badge-border-color,var(--badge-border-color)))!important;border-width:var(--luzmo-badge-border-width,var(--badge-border-width))!important;border-style:solid!important}::slotted([slot=icon]){--icon-size:var(--luzmo-badge-icon-size,var(--badge-icon-size,calc(var(--luzmo-badge-height,var(--badge-height)) - var(--luzmo-badge-border-width,var(--badge-border-width)) * 2 - var(--luzmo-badge-icon-padding,4px) * 2)));flex-shrink:0;align-self:center}.label{box-sizing:border-box;line-height:1.3;font-weight:var(--luzmo-badge-font-weight,var(--badge-font-weight));font-size:var(--luzmo-badge-font-size,var(--badge-font-size));cursor:default;align-items:center;display:inline-flex}.label[hidden]{display:none!important}:host([icon-only]){padding-block:0;padding-inline:calc(var(--luzmo-badge-spacing-inline,var(--badge-spacing-inline)) * 1.25 - var(--luzmo-badge-border-width,var(--badge-border-width)));gap:0}:host([icon-only]) ::slotted([slot=icon]){align-self:center}:host([fixed]){border-radius:var(--luzmo-border-radius)}:host([fixed=block-start]){border-start-start-radius:0;border-start-end-radius:0}:host([fixed=block-end]){border-end-end-radius:0;border-end-start-radius:0}:host([fixed=inline-start]){border-start-start-radius:0;border-end-start-radius:0}:host([fixed=inline-end]){border-start-end-radius:0;border-end-end-radius:0}@media (forced-colors:active){:host{--highcontrast-badge-border-color:ButtonText;--highcontrast-badge-background-color:ButtonFace;--highcontrast-badge-content-color:ButtonText;forced-color-adjust:none}:host([treatment=fill]){--highcontrast-badge-background-color:Highlight;--highcontrast-badge-content-color:HighlightText;--highcontrast-badge-border-color:Highlight}}:host{--badge-border-color:var(--luzmo-border-color-full);--badge-background-color:transparent;--badge-content-color:var(--luzmo-font-color);--badge-border-width:var(--luzmo-border-width);--badge-border-radius:calc(var(--badge-height) / 2);--badge-animation-duration:var(--luzmo-animation-duration);--badge-font-weight:var(--luzmo-font-weight);--badge-label-line-height:var(--luzmo-line-height);--badge-icon-spacing-inline-end:var(--luzmo-spacing-2)}:host([size=xs]){--badge-height:var(--luzmo-component-height-xxs);--badge-font-size:var(--luzmo-font-size-xs);--badge-icon-size:var(--luzmo-icon-size-xxs);--badge-spacing-inline:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--badge-icon-spacing-inline-end:var(--luzmo-spacing-1)}:host([size=s]){--badge-height:var(--luzmo-component-height-xs);--badge-font-size:var(--luzmo-font-size-s);--badge-icon-size:var(--luzmo-icon-size-s);--badge-spacing-inline:var(--luzmo-spacing-3);--badge-icon-spacing-inline-end:var(--luzmo-spacing-2)}:host{--badge-height:var(--luzmo-component-height-s);--badge-font-size:var(--luzmo-font-size);--badge-icon-size:var(--luzmo-icon-size-m);--badge-spacing-inline:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=l]){--badge-height:var(--luzmo-component-height);--badge-font-size:var(--luzmo-font-size);--badge-icon-size:var(--luzmo-icon-size-l);--badge-spacing-inline:var(--luzmo-spacing-4);--badge-icon-spacing-inline-end:var(--luzmo-spacing-3)}:host([size=xl]){--badge-height:var(--luzmo-component-height-l);--badge-font-size:var(--luzmo-font-size-l);--badge-icon-size:var(--luzmo-icon-size-xl);--badge-spacing-inline:var(--luzmo-spacing-5);--badge-icon-spacing-inline-end:var(--luzmo-spacing-3)}:host([variant=neutral]){--badge-border-color:var(--luzmo-border-color-full);--badge-content-color:var(--luzmo-font-color);--badge-fill-background-color:var(--luzmo-selected-color-hard);--badge-fill-content-color:white}:host([variant=accent]){--badge-border-color:var(--luzmo-primary);--badge-content-color:var(--luzmo-primary);--badge-fill-background-color:var(--luzmo-primary);--badge-fill-content-color:white}:host([variant=informative]){--badge-border-color:var(--luzmo-informative-color);--badge-content-color:var(--luzmo-informative-color);--badge-fill-background-color:var(--luzmo-informative-color);--badge-fill-content-color:white}:host([variant=positive]){--badge-border-color:var(--luzmo-positive-color);--badge-content-color:var(--luzmo-positive-color);--badge-fill-background-color:var(--luzmo-positive-color);--badge-fill-content-color:white}:host([variant=negative]){--badge-border-color:var(--luzmo-negative-color);--badge-content-color:var(--luzmo-negative-color);--badge-fill-background-color:var(--luzmo-negative-color);--badge-fill-content-color:white}:host([variant=notice]){--badge-border-color:var(--luzmo-notice-color);--badge-content-color:var(--luzmo-notice-color);--badge-fill-background-color:var(--luzmo-notice-color);--badge-fill-content-color:white}:host([variant=seafoam]){--badge-border-color:var(--luzmo-seafoam-color);--badge-content-color:var(--luzmo-seafoam-color);--badge-fill-background-color:var(--luzmo-seafoam-color);--badge-fill-content-color:white}:host([variant=indigo]){--badge-border-color:var(--luzmo-indigo-color);--badge-content-color:var(--luzmo-indigo-color);--badge-fill-background-color:var(--luzmo-indigo-color);--badge-fill-content-color:white}:host([variant=purple]){--badge-border-color:var(--luzmo-purple-color);--badge-content-color:var(--luzmo-purple-color);--badge-fill-background-color:var(--luzmo-purple-color);--badge-fill-content-color:white}:host([variant=fuchsia]){--badge-border-color:var(--luzmo-fuchsia-color);--badge-content-color:var(--luzmo-fuchsia-color);--badge-fill-background-color:var(--luzmo-fuchsia-color);--badge-fill-content-color:white}:host([variant=magenta]){--badge-border-color:var(--luzmo-magenta-color);--badge-content-color:var(--luzmo-magenta-color);--badge-fill-background-color:var(--luzmo-magenta-color);--badge-fill-content-color:white}:host([variant=yellow]){--badge-border-color:var(--luzmo-yellow-color);--badge-content-color:var(--luzmo-yellow-color);--badge-fill-background-color:var(--luzmo-yellow-color);--badge-fill-content-color:black}:host([variant=gray]){--badge-border-color:var(--luzmo-gray-color);--badge-content-color:var(--luzmo-gray-color);--badge-fill-background-color:var(--luzmo-gray-color);--badge-fill-content-color:white}:host([variant=red]){--badge-border-color:var(--luzmo-red-color);--badge-content-color:var(--luzmo-red-color);--badge-fill-background-color:var(--luzmo-red-color);--badge-fill-content-color:white}:host([variant=orange]){--badge-border-color:var(--luzmo-orange-color);--badge-content-color:var(--luzmo-orange-color);--badge-fill-background-color:var(--luzmo-orange-color);--badge-fill-content-color:black}:host([variant=chartreuse]){--badge-border-color:var(--luzmo-chartreuse-color);--badge-content-color:var(--luzmo-chartreuse-color);--badge-fill-background-color:var(--luzmo-chartreuse-color);--badge-fill-content-color:white}:host([variant=celery]){--badge-border-color:var(--luzmo-celery-color);--badge-content-color:var(--luzmo-celery-color);--badge-fill-background-color:var(--luzmo-celery-color);--badge-fill-content-color:black}:host([variant=green]){--badge-border-color:var(--luzmo-green-color);--badge-content-color:var(--luzmo-green-color);--badge-fill-background-color:var(--luzmo-green-color);--badge-fill-content-color:white}:host([variant=cyan]){--badge-border-color:var(--luzmo-cyan-color);--badge-content-color:var(--luzmo-cyan-color);--badge-fill-background-color:var(--luzmo-cyan-color);--badge-fill-content-color:white}:host([variant=blue]){--badge-border-color:var(--luzmo-blue-color);--badge-content-color:var(--luzmo-blue-color);--badge-fill-background-color:var(--luzmo-blue-color);--badge-fill-content-color:white}:host([treatment=outline]){--badge-background-color:transparent}:host([treatment=fill]){--badge-background-color:var(--badge-fill-background-color,var(--luzmo-selected-color-hard));--badge-content-color:var(--badge-fill-content-color,white);--badge-border-color:transparent}`,o=[`accent`,`neutral`,`informative`,`positive`,`negative`,`notice`,`seafoam`,`indigo`,`purple`,`fuchsia`,`magenta`,`yellow`,`gray`,`red`,`orange`,`chartreuse`,`celery`,`green`,`cyan`,`blue`],s=class extends t.n(n.t(e.n),{validSizes:[`xs`,`s`,`m`,`l`,`xl`],noDefaultSize:!0}){constructor(...e){super(...e),this._variant=`neutral`,this.treatment=`outline`}static get styles(){return[(0,r.unsafeCSS)(a)]}get variant(){return this._variant}set variant(e){e!==this._variant&&(o.includes(e)?(this._variant=e,this.setAttribute(`variant`,e)):(this._variant=`neutral`,this.setAttribute(`variant`,`neutral`)))}handleIconSlotChange(e){e.target.assignedElements().forEach(e=>{e.tagName.toLowerCase()===`luzmo-icon`&&e.setAttribute(`block`,``)})}get hasLabel(){return this.slotHasContent}render(){return r.html`
-      <slot name="icon" @slotchange=${this.handleIconSlotChange}></slot>
-      <span class="label" ?hidden=${!this.hasLabel}>
-        <slot @slotchange=${this.manageTextObservedSlot}></slot>
-      </span>
-    `}updated(e){super.updated(e),this.toggleAttribute(`icon-only`,!this.slotHasContent)}firstUpdated(e){super.firstUpdated(e),this.hasAttribute(`role`)||this.setAttribute(`role`,`status`),this.hasAttribute(`variant`)||this.setAttribute(`variant`,this.variant),this.hasAttribute(`treatment`)||this.setAttribute(`treatment`,this.treatment)}};e.t([(0,i.property)({reflect:!0})],s.prototype,`variant`,null),e.t([(0,i.property)({reflect:!0})],s.prototype,`treatment`,void 0),e.t([(0,i.property)({reflect:!0})],s.prototype,`fixed`,void 0),customElements.get(`luzmo-badge`)||customElements.define(`luzmo-badge`,s),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});