@logosphere-ui/core 0.0.0-alpha.3 → 0.0.0-alpha.32

package/dist/atoms/Badge/badge.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from "lit";
 import "../../shared/icons/ui-icon";
-export type BadgeVariant = "default" | "warning" | "success" | "info" | "danger" | "purple";
+export type BadgeVariant = "default" | "primary" | "warning" | "success" | "info" | "danger" | "purple";
 export type BadgeSize = "default" | "small";
 export declare class LogosphereBadge extends LitElement {
     static styles: import("lit").CSSResult[];

package/dist/atoms/FormField/formfield.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from "lit";
 export type FormFieldSize = "default" | "large";
 export type FormFieldVariant = "default" | "subtle";
+export type FormFieldCursor = "text" | "pointer" | "default";
 export declare class FormField extends LitElement {
     static styles: import("lit").CSSResult[];
     label: string;
@@ -9,17 +10,26 @@ export declare class FormField extends LitElement {
     placeholder: string;
     size: FormFieldSize;
     variant: FormFieldVariant;
+    cursor: FormFieldCursor;
     required: boolean;
     disabled: boolean;
     readonly: boolean;
+    multiline: boolean;
+    /** External components (e.g. TimePicker, DatePicker) can set this to force the focused state */
+    forceFocused: boolean;
     private _focused;
     private _hovered;
+    private _hasPrefix;
+    private _hasSuffix;
     private handleSlotFocus;
     private handleSlotBlur;
     private handleMouseEnter;
     private handleMouseLeave;
     private handleContainerClick;
+    private handlePrefixSlotChange;
+    private handleSuffixSlotChange;
     connectedCallback(): void;
+    firstUpdated(): void;
     disconnectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/badge-BJqUgXZD.js

@@ -0,0 +1,72 @@
+import { unsafeCSS as p, css as u, LitElement as b, nothing as d, html as g } from "lit";
+import { property as a, customElement as h } from "lit/decorators.js";
+import "./ui-icon-Ctn4nGFa.js";
+const f = ".badge{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-family-base);font-size:11px;font-weight:var(--font-weight-medium);line-height:1rem;letter-spacing:-.11px;border-radius:var(--radius-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.badge--default-size{min-height:24px;max-height:24px;padding:var(--spacing-0) var(--spacing-2)}.badge--small{min-height:16px;max-height:16px;padding:0 var(--spacing-2)}.badge--round{border-radius:var(--radius-full)}.badge--primary{background-color:var(--color-primary);color:var(--color-secondary-color, #ffffff)}.badge--default{background-color:var(--color-light-bg-2);color:var(--color-secondary)}.badge--warning{background-color:var( --color-warning-subtle);color:var(--color-warning-emphasis)}.badge--success{background-color:var(--color-success-subtle);color:var(--color-success-emphasis)}.badge--danger{background-color:var(--color-danger-subtle);color:var(--color-danger)}.badge--info{background-color:var(--color-info-subtle);color:var(--color-info-emphasis)}.badge--purple{background-color:var(--color-commercial-subtle);color:var(--color-commercial-emphasis)}.badge__close{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--spacing-1);padding:0;background:none;border:none;cursor:pointer;color:inherit;opacity:.75;transition:opacity var(--transition-speed-fast) var(--transition-timing);line-height:1}.badge__close:hover{opacity:1}.badge__close:focus{outline:none;opacity:1}";
+var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, r = (s, t, n, i) => {
+  for (var o = i > 1 ? void 0 : i ? v(t, n) : t, l = s.length - 1, c; l >= 0; l--)
+    (c = s[l]) && (o = (i ? c(t, n, o) : c(o)) || o);
+  return i && o && m(t, n, o), o;
+};
+let e = class extends b {
+  constructor() {
+    super(...arguments), this.variant = "default", this.size = "default", this.text = "", this.closeable = !1, this.isRound = !1;
+  }
+  handleClose() {
+    this.onClose && this.onClose(), this.dispatchEvent(
+      new CustomEvent("close", {
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  getBadgeClasses() {
+    const s = [
+      "badge",
+      `badge--${this.variant}`,
+      this.size === "small" ? "badge--small" : "badge--default-size"
+    ];
+    return this.isRound && s.push("badge--round"), s.join(" ");
+  }
+  render() {
+    return g`
+      <div class="${this.getBadgeClasses()}">
+        <slot></slot>
+        ${this.text ? g`<span>${this.text}</span>` : d}
+        ${this.closeable ? g`
+              <button class="badge__close" @click=${this.handleClose} aria-label="Close">
+                <ui-icon size="16" name="uil-times"></ui-icon>
+              </button>
+            ` : d}
+      </div>
+    `;
+  }
+};
+e.styles = [
+  u`
+      ${p(f)}
+    `
+];
+r([
+  a({ type: String })
+], e.prototype, "variant", 2);
+r([
+  a({ type: String })
+], e.prototype, "size", 2);
+r([
+  a({ type: String })
+], e.prototype, "text", 2);
+r([
+  a({ type: Boolean })
+], e.prototype, "closeable", 2);
+r([
+  a({ type: Boolean })
+], e.prototype, "isRound", 2);
+r([
+  a({ attribute: !1 })
+], e.prototype, "onClose", 2);
+e = r([
+  h("logosphere-badge")
+], e);
+export {
+  e as L
+};

package/dist/badge-COTtd1jh.cjs

@@ -0,0 +1,13 @@
+"use strict";const e=require("lit"),a=require("lit/decorators.js");require("./ui-icon-jKyMV1zp.cjs");const g=".badge{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-family-base);font-size:11px;font-weight:var(--font-weight-medium);line-height:1rem;letter-spacing:-.11px;border-radius:var(--radius-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.badge--default-size{min-height:24px;max-height:24px;padding:var(--spacing-0) var(--spacing-2)}.badge--small{min-height:16px;max-height:16px;padding:0 var(--spacing-2)}.badge--round{border-radius:var(--radius-full)}.badge--primary{background-color:var(--color-primary);color:var(--color-secondary-color, #ffffff)}.badge--default{background-color:var(--color-light-bg-2);color:var(--color-secondary)}.badge--warning{background-color:var( --color-warning-subtle);color:var(--color-warning-emphasis)}.badge--success{background-color:var(--color-success-subtle);color:var(--color-success-emphasis)}.badge--danger{background-color:var(--color-danger-subtle);color:var(--color-danger)}.badge--info{background-color:var(--color-info-subtle);color:var(--color-info-emphasis)}.badge--purple{background-color:var(--color-commercial-subtle);color:var(--color-commercial-emphasis)}.badge__close{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--spacing-1);padding:0;background:none;border:none;cursor:pointer;color:inherit;opacity:.75;transition:opacity var(--transition-speed-fast) var(--transition-timing);line-height:1}.badge__close:hover{opacity:1}.badge__close:focus{outline:none;opacity:1}";var p=Object.defineProperty,d=Object.getOwnPropertyDescriptor,s=(i,o,n,t)=>{for(var r=t>1?void 0:t?d(o,n):o,l=i.length-1,c;l>=0;l--)(c=i[l])&&(r=(t?c(o,n,r):c(r))||r);return t&&r&&p(o,n,r),r};exports.LogosphereBadge=class extends e.LitElement{constructor(){super(...arguments),this.variant="default",this.size="default",this.text="",this.closeable=!1,this.isRound=!1}handleClose(){this.onClose&&this.onClose(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}getBadgeClasses(){const o=["badge",`badge--${this.variant}`,this.size==="small"?"badge--small":"badge--default-size"];return this.isRound&&o.push("badge--round"),o.join(" ")}render(){return e.html`
+      <div class="${this.getBadgeClasses()}">
+        <slot></slot>
+        ${this.text?e.html`<span>${this.text}</span>`:e.nothing}
+        ${this.closeable?e.html`
+              <button class="badge__close" @click=${this.handleClose} aria-label="Close">
+                <ui-icon size="16" name="uil-times"></ui-icon>
+              </button>
+            `:e.nothing}
+      </div>
+    `}};exports.LogosphereBadge.styles=[e.css`
+      ${e.unsafeCSS(g)}
+    `];s([a.property({type:String})],exports.LogosphereBadge.prototype,"variant",2);s([a.property({type:String})],exports.LogosphereBadge.prototype,"size",2);s([a.property({type:String})],exports.LogosphereBadge.prototype,"text",2);s([a.property({type:Boolean})],exports.LogosphereBadge.prototype,"closeable",2);s([a.property({type:Boolean})],exports.LogosphereBadge.prototype,"isRound",2);s([a.property({attribute:!1})],exports.LogosphereBadge.prototype,"onClose",2);exports.LogosphereBadge=s([a.customElement("logosphere-badge")],exports.LogosphereBadge);

package/dist/badge.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./badge-BbhaO73N.cjs");Object.defineProperty(exports,"LogosphereBadge",{enumerable:!0,get:()=>e.LogosphereBadge});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./badge-COTtd1jh.cjs");Object.defineProperty(exports,"LogosphereBadge",{enumerable:!0,get:()=>e.LogosphereBadge});

package/dist/badge.js

@@ -1,4 +1,4 @@
-import { L as r } from "./badge-DE7Tgd8Z.js";
+import { L as r } from "./badge-BJqUgXZD.js";
 export {
   r as LogosphereBadge
 };

package/dist/{breadcrumb-B-4yqoJZ.js → breadcrumb-BB61Xt0s.js}

@@ -1,4 +1,4 @@
-import { LitElement as b, html as t, unsafeCSS as m, css as p } from "lit";
+import { unsafeCSS as b, css as m, LitElement as p, html as t } from "lit";
 import { property as v, customElement as u } from "lit/decorators.js";
 const f = ".breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:var(--line-height-normal);list-style:none;margin:0;padding:0}.breadcrumb__item{display:inline-flex;align-items:center;gap:var(--spacing-2)}.breadcrumb__link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-regular);transition:color var(--transition-speed-fast) var(--transition-timing),text-decoration var(--transition-speed-fast) var(--transition-timing)}.breadcrumb__link:hover{color:var(--color-primary-hover);text-decoration:underline}.breadcrumb__label{color:var(--color-tertiary);font-weight:var(--font-weight-regular)}.breadcrumb__label--active{color:var(--color-emphasis);font-weight:var(--font-weight-medium)}.breadcrumb__separator{color:var(--color-gray-400);-webkit-user-select:none;user-select:none;flex-shrink:0}";
 var _ = Object.defineProperty, d = Object.getOwnPropertyDescriptor, c = (r, a, o, s) => {
@@ -6,7 +6,7 @@ var _ = Object.defineProperty, d = Object.getOwnPropertyDescriptor, c = (r, a, o
     (l = r[i]) && (e = (s ? l(a, o, e) : l(e)) || e);
   return s && e && _(a, o, e), e;
 };
-let n = class extends b {
+let n = class extends p {
   constructor() {
     super(...arguments), this.items = [];
   }
@@ -28,7 +28,7 @@ let n = class extends b {
   }
 };
 n.styles = [
-  p`${m(f)}`
+  m`${b(f)}`
 ];
 c([
   v({ type: Array })

package/dist/breadcrumb.js

@@ -1,4 +1,4 @@
-import { B as e } from "./breadcrumb-B-4yqoJZ.js";
+import { B as e } from "./breadcrumb-BB61Xt0s.js";
 export {
   e as Breadcrumb
 };

package/dist/button-DRZ4sG4T.cjs

@@ -0,0 +1,10 @@
+"use strict";const a=require("lit"),r=require("lit/decorators.js"),d='.button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.25rem;letter-spacing:-.14px;border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-speed-base) var(--transition-timing);gap:var(--spacing-1);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none;box-sizing:border-box}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button ::slotted(*){display:inline-flex;align-items:center;vertical-align:middle}.button ::slotted(i),.button ::slotted([class^="uil-"]),.button ::slotted([class*=" uil-"]){font-size:1rem;line-height:1;flex-shrink:0}.button--sm{padding:var(--spacing-0-5) var(--spacing-2)}.button--sm.button--icon-only{min-height:24px;width:24px;padding:0}.button--md{padding:var(--spacing-1-5) var(--spacing-3)}.button--md.button--icon-only{min-height:32px;width:32px;padding:0}.button--lg{padding:var(--spacing-2-5) var(--spacing-3)}.button--lg.button--icon-only{min-height:40px;width:40px;padding:0}.button--solid.button--primary{background-color:var(--color-primary);color:var(--color-primary-color, #ffffff)}.button--solid.button--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.button--solid.button--primary:active:not(:disabled){background-color:var(--color-primary-active)}.button--solid.button--primary:disabled{background-color:var(--color-primary-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--secondary{background-color:var(--color-secondary);color:var(--color-secondary-color)}.button--solid.button--secondary:hover:not(:disabled){background-color:var(--color-secondary-hover)}.button--solid.button--secondary:active:not(:disabled){background-color:var(--color-secondary-active)}.button--solid.button--secondary:disabled{background-color:var(--color-secondary-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--success{background-color:var(--color-success);color:var(--color-secondary-color)}.button--solid.button--success:hover:not(:disabled){background-color:var(--color-success-hover)}.button--solid.button--success:active:not(:disabled){background-color:var(--color-success-active)}.button--solid.button--success:disabled{background-color:var(--color-success-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--danger{background-color:var(--color-danger);color:var(--color-secondary-color)}.button--solid.button--danger:hover:not(:disabled){background-color:var(--color-danger-hover)}.button--solid.button--danger:active:not(:disabled){background-color:var(--color-danger-active)}.button--solid.button--danger:disabled{background-color:var(--color-danger-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--info{background-color:var(--color-info);color:var(--color-secondary-color)}.button--solid.button--info:hover:not(:disabled){background-color:var(--color-info-hover)}.button--solid.button--info:active:not(:disabled){background-color:var(--color-info-active)}.button--solid.button--info:disabled{background-color:var(--color-info-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--warning{background-color:var(--color-warning);color:var(--color-secondary-color)}.button--solid.button--warning:hover:not(:disabled){background-color:var(--color-warning-hover)}.button--solid.button--warning:active:not(:disabled){background-color:var(--color-warning-active)}.button--solid.button--warning:disabled{background-color:var(--color-warning-disabled);cursor:not-allowed;pointer-events:none}.button--outline{font-weight:var(--font-weight-medium);border:1px solid var(--color-border);background-color:var(--color-body-bg)}.button--outline:hover:not(:disabled){background-color:var(--color-body-bg-hover)}.button--outline:active:not(:disabled){background-color:var(--color-body-bg-active)}.button--outline:disabled{cursor:not-allowed;pointer-events:none;opacity:.5}.button--outline.button--primary{color:var(--color-primary);border-color:var(--color-border)}.button--outline.button--primary:disabled{color:var(--color-primary-disabled);border-color:var(--color-primary-disabled);opacity:1}.button--outline.button--secondary{color:var(--color-secondary);border-color:var(--color-border)}.button--outline.button--secondary:disabled{color:var(--color-secondary-disabled);border-color:var(--color-secondary-border-subtle);opacity:1}.button--outline.button--success{color:var(--color-success);border-color:var(--color-success-border)}.button--outline.button--success:disabled{color:var(--color-success-disabled);border-color:var(--color-success-border-subtle);opacity:1}.button--outline.button--danger{color:var(--color-danger);border-color:var(--color-danger-border)}.button--outline.button--danger:disabled{color:var(--color-danger-disabled);border-color:var(--color-danger-disabled);opacity:1}.button--outline.button--info{color:var(--color-info);border-color:var(--color-info-border)}.button--outline.button--info:disabled{color:var(--color-info-disabled);border-color:var(--color-info-border-subtle);opacity:1}.button--outline.button--warning{color:var(--color-warning-emphasis);border-color:var(--color-warning-border)}.button--outline.button--warning:disabled{color:var(--color-warning-disabled);border-color:var(--color-warning-border-subtle);opacity:1}.button--text{font-weight:var(--font-weight-medium);background-color:transparent;border:none}.button--text:hover:not(:disabled){background-color:var(--color-body-bg-hover)}.button--text:active:not(:disabled){background-color:var(--color-body-bg-active)}.button--text:disabled{cursor:not-allowed;pointer-events:none;opacity:.5}.button--text{background-color:transparent;border:none}.button--text.button--primary{color:var(--color-primary)}.button--text.button--primary:disabled{color:var(--color-primary-disabled);opacity:1}.button--text.button--secondary{color:var(--color-secondary)}.button--text.button--secondary:disabled{color:var(--color-secondary-disabled);opacity:1}.button--text.button--success{color:var(--color-success)}.button--text.button--success:disabled{color:var(--color-success-disabled);opacity:1}.button--text.button--danger{color:var(--color-danger)}.button--text.button--danger:disabled{color:var(--color-danger-disabled);opacity:1}.button--text.button--info{color:var(--color-info)}.button--text.button--info:disabled{color:var(--color-info-disabled);opacity:1}.button--text.button--warning{color:var(--color-warning-emphasis)}.button--text.button--warning:disabled{color:var(--color-warning-disabled);opacity:1}';var b=Object.defineProperty,u=Object.getOwnPropertyDescriptor,n=(l,o,c,e)=>{for(var t=e>1?void 0:e?u(o,c):o,i=l.length-1,s;i>=0;i--)(s=l[i])&&(t=(e?s(o,c,t):s(t))||t);return e&&t&&b(o,c,t),t};exports.Button=class extends a.LitElement{constructor(){super(...arguments),this.variant="solid",this.size="md",this.theme="primary",this.iconOnly=!1,this.disabled=!1}getButtonClasses(){const o=["button",`button--${this.variant}`,`button--${this.size}`,`button--${this.theme}`];return this.iconOnly&&o.push("button--icon-only"),o.join(" ")}render(){return a.html`
+      <button
+        class="${this.getButtonClasses()}"
+        ?disabled="${this.disabled}"
+      >
+        <slot name="prefix"></slot>
+        <slot></slot>
+        <slot name="suffix"></slot>
+      </button>
+    `}};exports.Button.styles=[a.css`${a.unsafeCSS(d)}`];n([r.property({type:String})],exports.Button.prototype,"variant",2);n([r.property({type:String})],exports.Button.prototype,"size",2);n([r.property({type:String})],exports.Button.prototype,"theme",2);n([r.property({type:Boolean})],exports.Button.prototype,"iconOnly",2);n([r.property({type:Boolean})],exports.Button.prototype,"disabled",2);exports.Button=n([r.customElement("logosphere-button")],exports.Button);

package/dist/button-Uu9oaieg.js

@@ -0,0 +1,58 @@
+import { unsafeCSS as s, css as b, LitElement as u, html as v } from "lit";
+import { property as e, customElement as g } from "lit/decorators.js";
+const p = '.button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.25rem;letter-spacing:-.14px;border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-speed-base) var(--transition-timing);gap:var(--spacing-1);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none;box-sizing:border-box}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button ::slotted(*){display:inline-flex;align-items:center;vertical-align:middle}.button ::slotted(i),.button ::slotted([class^="uil-"]),.button ::slotted([class*=" uil-"]){font-size:1rem;line-height:1;flex-shrink:0}.button--sm{padding:var(--spacing-0-5) var(--spacing-2)}.button--sm.button--icon-only{min-height:24px;width:24px;padding:0}.button--md{padding:var(--spacing-1-5) var(--spacing-3)}.button--md.button--icon-only{min-height:32px;width:32px;padding:0}.button--lg{padding:var(--spacing-2-5) var(--spacing-3)}.button--lg.button--icon-only{min-height:40px;width:40px;padding:0}.button--solid.button--primary{background-color:var(--color-primary);color:var(--color-primary-color, #ffffff)}.button--solid.button--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.button--solid.button--primary:active:not(:disabled){background-color:var(--color-primary-active)}.button--solid.button--primary:disabled{background-color:var(--color-primary-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--secondary{background-color:var(--color-secondary);color:var(--color-secondary-color)}.button--solid.button--secondary:hover:not(:disabled){background-color:var(--color-secondary-hover)}.button--solid.button--secondary:active:not(:disabled){background-color:var(--color-secondary-active)}.button--solid.button--secondary:disabled{background-color:var(--color-secondary-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--success{background-color:var(--color-success);color:var(--color-secondary-color)}.button--solid.button--success:hover:not(:disabled){background-color:var(--color-success-hover)}.button--solid.button--success:active:not(:disabled){background-color:var(--color-success-active)}.button--solid.button--success:disabled{background-color:var(--color-success-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--danger{background-color:var(--color-danger);color:var(--color-secondary-color)}.button--solid.button--danger:hover:not(:disabled){background-color:var(--color-danger-hover)}.button--solid.button--danger:active:not(:disabled){background-color:var(--color-danger-active)}.button--solid.button--danger:disabled{background-color:var(--color-danger-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--info{background-color:var(--color-info);color:var(--color-secondary-color)}.button--solid.button--info:hover:not(:disabled){background-color:var(--color-info-hover)}.button--solid.button--info:active:not(:disabled){background-color:var(--color-info-active)}.button--solid.button--info:disabled{background-color:var(--color-info-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--warning{background-color:var(--color-warning);color:var(--color-secondary-color)}.button--solid.button--warning:hover:not(:disabled){background-color:var(--color-warning-hover)}.button--solid.button--warning:active:not(:disabled){background-color:var(--color-warning-active)}.button--solid.button--warning:disabled{background-color:var(--color-warning-disabled);cursor:not-allowed;pointer-events:none}.button--outline{font-weight:var(--font-weight-medium);border:1px solid var(--color-border);background-color:var(--color-body-bg)}.button--outline:hover:not(:disabled){background-color:var(--color-body-bg-hover)}.button--outline:active:not(:disabled){background-color:var(--color-body-bg-active)}.button--outline:disabled{cursor:not-allowed;pointer-events:none;opacity:.5}.button--outline.button--primary{color:var(--color-primary);border-color:var(--color-border)}.button--outline.button--primary:disabled{color:var(--color-primary-disabled);border-color:var(--color-primary-disabled);opacity:1}.button--outline.button--secondary{color:var(--color-secondary);border-color:var(--color-border)}.button--outline.button--secondary:disabled{color:var(--color-secondary-disabled);border-color:var(--color-secondary-border-subtle);opacity:1}.button--outline.button--success{color:var(--color-success);border-color:var(--color-success-border)}.button--outline.button--success:disabled{color:var(--color-success-disabled);border-color:var(--color-success-border-subtle);opacity:1}.button--outline.button--danger{color:var(--color-danger);border-color:var(--color-danger-border)}.button--outline.button--danger:disabled{color:var(--color-danger-disabled);border-color:var(--color-danger-disabled);opacity:1}.button--outline.button--info{color:var(--color-info);border-color:var(--color-info-border)}.button--outline.button--info:disabled{color:var(--color-info-disabled);border-color:var(--color-info-border-subtle);opacity:1}.button--outline.button--warning{color:var(--color-warning-emphasis);border-color:var(--color-warning-border)}.button--outline.button--warning:disabled{color:var(--color-warning-disabled);border-color:var(--color-warning-border-subtle);opacity:1}.button--text{font-weight:var(--font-weight-medium);background-color:transparent;border:none}.button--text:hover:not(:disabled){background-color:var(--color-body-bg-hover)}.button--text:active:not(:disabled){background-color:var(--color-body-bg-active)}.button--text:disabled{cursor:not-allowed;pointer-events:none;opacity:.5}.button--text{background-color:transparent;border:none}.button--text.button--primary{color:var(--color-primary)}.button--text.button--primary:disabled{color:var(--color-primary-disabled);opacity:1}.button--text.button--secondary{color:var(--color-secondary)}.button--text.button--secondary:disabled{color:var(--color-secondary-disabled);opacity:1}.button--text.button--success{color:var(--color-success)}.button--text.button--success:disabled{color:var(--color-success-disabled);opacity:1}.button--text.button--danger{color:var(--color-danger)}.button--text.button--danger:disabled{color:var(--color-danger-disabled);opacity:1}.button--text.button--info{color:var(--color-info)}.button--text.button--info:disabled{color:var(--color-info-disabled);opacity:1}.button--text.button--warning{color:var(--color-warning-emphasis)}.button--text.button--warning:disabled{color:var(--color-warning-disabled);opacity:1}';
+var y = Object.defineProperty, f = Object.getOwnPropertyDescriptor, t = (n, a, c, l) => {
+  for (var r = l > 1 ? void 0 : l ? f(a, c) : a, i = n.length - 1, d; i >= 0; i--)
+    (d = n[i]) && (r = (l ? d(a, c, r) : d(r)) || r);
+  return l && r && y(a, c, r), r;
+};
+let o = class extends u {
+  constructor() {
+    super(...arguments), this.variant = "solid", this.size = "md", this.theme = "primary", this.iconOnly = !1, this.disabled = !1;
+  }
+  getButtonClasses() {
+    const n = [
+      "button",
+      `button--${this.variant}`,
+      `button--${this.size}`,
+      `button--${this.theme}`
+    ];
+    return this.iconOnly && n.push("button--icon-only"), n.join(" ");
+  }
+  render() {
+    return v`
+      <button
+        class="${this.getButtonClasses()}"
+        ?disabled="${this.disabled}"
+      >
+        <slot name="prefix"></slot>
+        <slot></slot>
+        <slot name="suffix"></slot>
+      </button>
+    `;
+  }
+};
+o.styles = [
+  b`${s(p)}`
+];
+t([
+  e({ type: String })
+], o.prototype, "variant", 2);
+t([
+  e({ type: String })
+], o.prototype, "size", 2);
+t([
+  e({ type: String })
+], o.prototype, "theme", 2);
+t([
+  e({ type: Boolean })
+], o.prototype, "iconOnly", 2);
+t([
+  e({ type: Boolean })
+], o.prototype, "disabled", 2);
+o = t([
+  g("logosphere-button")
+], o);
+export {
+  o as B
+};

package/dist/button.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./button-CDRccsk9.cjs");Object.defineProperty(exports,"Button",{enumerable:!0,get:()=>e.Button});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./button-DRZ4sG4T.cjs");Object.defineProperty(exports,"Button",{enumerable:!0,get:()=>e.Button});

package/dist/button.js

@@ -1,4 +1,4 @@
-import { B as r } from "./button-C1EwOosO.js";
+import { B as r } from "./button-Uu9oaieg.js";
 export {
   r as Button
 };