@educarehq/solaris-components 0.6.8 → 0.7.0

package/fesm2022/educarehq-solaris-components.mjs

@@ -528,7 +528,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
             }] } });
 
 class SolarisBadge {
-    shape = 'pill';
+    shape = 'full';
     size = 'md';
     density = 'comfortable';
     color = 'surface';
@@ -536,13 +536,14 @@ class SolarisBadge {
     customTextColor;
     interactive = false;
     ariaHidden = null;
-    hostClass = 'solaris-badge-host';
+    hostClass = true;
     presetColors = new Set([
         'primary',
         'success',
         'warning',
         'error',
         'info',
+        'information',
         'surface',
     ]);
     get resolvedAppearance() {
@@ -552,20 +553,30 @@ class SolarisBadge {
         return this.shape;
     }
     get resolvedColor() {
-        return this.isCustomColor ? 'custom' : this.color;
+        const color = this.normalizedColorInput;
+        if (color === 'information') {
+            return 'info';
+        }
+        return this.presetColors.has(color)
+            ? color
+            : 'custom';
     }
     get isCustomColor() {
-        return !this.presetColors.has(this.color);
+        return !this.presetColors.has(this.normalizedColorInput);
     }
     get customColorValue() {
-        return this.isCustomColor ? String(this.color) : null;
+        return this.isCustomColor ? this.normalizedColorInput : null;
+    }
+    get normalizedColorInput() {
+        const color = String(this.color ?? '').trim();
+        return color || 'surface';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SolarisBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.13", type: SolarisBadge, isStandalone: true, selector: "solaris-badge", inputs: { shape: "shape", size: "size", density: "density", color: "color", appearance: "appearance", customTextColor: "customTextColor", interactive: ["interactive", "interactive", booleanAttribute], ariaHidden: ["aria-hidden", "ariaHidden"] }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<span class=\"solaris-badge\" [attr.aria-hidden]=\"ariaHidden\" [attr.data-appearance]=\"resolvedAppearance\"\n  [style.--solaris-badge-custom]=\"customColorValue\" [style.--solaris-badge-custom-fg]=\"customTextColor\"\n  [attr.data-color]=\"resolvedColor\" [attr.data-size]=\"size\" [attr.data-shape]=\"resolvedShape\"\n  [attr.data-density]=\"density\" [class.is-interactive]=\"interactive\">\n  <ng-content></ng-content>\n</span>\n", styles: [":host.solaris-badge-host{display:inline-flex}.solaris-badge{--solaris-badge-min-height: auto;--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-badge-fg);--solaris-badge-radius: var(--solaris-radius-full);--solaris-badge-line-height: var(--solaris-lh-tight);font-weight:600;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;display:inline-flex;gap:var(--solaris-space-2);border:1px solid transparent;letter-spacing:var(--solaris-ls-sm);border-radius:var(--solaris-badge-radius);line-height:var(--solaris-badge-line-height);min-block-size:var(--solaris-badge-min-height)}.solaris-badge.size-sm{--solaris-badge-min-height: 2rem;--solaris-badge-line-height: var(--solaris-lh-tight);padding:.2rem .6rem;font-size:var(--solaris-fs-10)}.solaris-badge.size-md{--solaris-badge-min-height: 2.4rem;--solaris-badge-line-height: var(--solaris-lh-tight);padding:.3rem .8rem;font-size:var(--solaris-fs-12)}.solaris-badge.size-lg{--solaris-badge-min-height: 2.8rem;--solaris-badge-line-height: var(--solaris-lh-tight);padding:.4rem 1rem;font-size:var(--solaris-fs-14)}.solaris-badge.is-pill{--solaris-badge-radius: var(--solaris-radius-full)}.solaris-badge.is-interactive{cursor:pointer;transition:background var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),border-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),box-shadow var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard)}.solaris-badge.is-interactive:hover{box-shadow:var(--solaris-shadow-xs)}.solaris-badge.color-surface{--_base: var(--solaris-color-surface-2);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 75%, var(--solaris-color-black)) )}.solaris-badge.color-primary{--_base: var(--solaris-color-primary);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 82%, var(--solaris-color-black)) )}.solaris-badge.color-success{--_base: var(--solaris-color-success);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 75%, var(--solaris-color-black)) )}.solaris-badge.color-warning{--_base: var(--solaris-color-warning);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 75%, var(--solaris-color-black)) )}.solaris-badge.color-error{--_base: var(--solaris-color-error);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 82%, var(--solaris-color-black)) )}.solaris-badge.color-info{--_base: var(--solaris-color-info);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 82%, var(--solaris-color-black)) )}.solaris-badge.color-custom{--_base: var(--solaris-badge-custom, var(--solaris-color-surface-2));--solaris-badge-fg-solid: var(--solaris-badge-custom-fg, var(--solaris-color-white));--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-fg: var(--solaris-badge-custom-fg, var(--solaris-color-text));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 82%, var(--solaris-color-black)) )}.solaris-badge.variant-solid{color:var(--solaris-badge-fg-solid);background:var(--solaris-badge-bg-solid, var(--solaris-badge-bg));border-color:var(--solaris-badge-border-solid, var(--solaris-badge-border))}.solaris-badge.variant-subtle{color:var(--solaris-badge-fg);background:var(--solaris-badge-bg);border-color:var(--solaris-badge-border)}.solaris-badge.variant-outline{border-color:var(--solaris-badge-border);color:color-mix(in srgb,var(--solaris-badge-border) 30%,var(--solaris-color-white));background:color-mix(in srgb,var(--solaris-badge-border) 20%,transparent)}.solaris-badge.variant-solid.color-surface{color:var(--solaris-color-text);border-color:var(--solaris-color-border);background:var(--solaris-color-surface-2)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.13", type: SolarisBadge, isStandalone: true, selector: "solaris-badge", inputs: { shape: "shape", size: "size", density: "density", color: "color", appearance: "appearance", customTextColor: "customTextColor", interactive: ["interactive", "interactive", booleanAttribute], ariaHidden: ["aria-hidden", "ariaHidden"] }, host: { properties: { "class.solaris-badge-host": "this.hostClass" } }, ngImport: i0, template: "<span\n  class=\"solaris-badge\"\n  [attr.aria-hidden]=\"ariaHidden\"\n  [attr.data-appearance]=\"resolvedAppearance\"\n  [attr.data-color]=\"resolvedColor\"\n  [attr.data-size]=\"size\"\n  [attr.data-shape]=\"resolvedShape\"\n  [attr.data-density]=\"density\"\n  [style.--solaris-badge-custom]=\"customColorValue\"\n  [style.--solaris-badge-custom-fg]=\"customTextColor\"\n  [class.is-interactive]=\"interactive\"\n>\n  <ng-content></ng-content>\n</span>\n", styles: [":host.solaris-badge-host{display:inline-flex;vertical-align:middle}.solaris-badge{--solaris-badge-min-height: auto;--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-badge-fg);--solaris-badge-bg: transparent;--solaris-badge-bg-solid: var(--solaris-badge-bg);--solaris-badge-border: transparent;--solaris-badge-border-solid: var(--solaris-badge-border);--solaris-badge-radius: var(--solaris-radius-full);--solaris-badge-line-height: var(--solaris-lh-tight);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;gap:var(--solaris-space-2);min-block-size:var(--solaris-badge-min-height);border:1px solid transparent;border-radius:var(--solaris-badge-radius);font-weight:600;line-height:var(--solaris-badge-line-height);letter-spacing:var(--solaris-ls-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:middle}.solaris-badge[data-size=sm]{--solaris-badge-min-height: 2rem;padding:.2rem .6rem;font-size:var(--solaris-fs-10)}.solaris-badge[data-size=md]{--solaris-badge-min-height: 2.4rem;padding:.3rem .8rem;font-size:var(--solaris-fs-12)}.solaris-badge[data-size=lg]{--solaris-badge-min-height: 2.8rem;padding:.4rem 1rem;font-size:var(--solaris-fs-14)}.solaris-badge[data-density=compact][data-size=sm]{--solaris-badge-min-height: 1.8rem;padding:.1rem .5rem}.solaris-badge[data-density=compact][data-size=md]{--solaris-badge-min-height: 2.2rem;padding:.2rem .7rem}.solaris-badge[data-density=compact][data-size=lg]{--solaris-badge-min-height: 2.6rem;padding:.3rem .9rem}.solaris-badge[data-shape=pill]{--solaris-badge-radius: var(--solaris-radius-full)}.solaris-badge[data-shape=rounded]{--solaris-badge-radius: var(--solaris-radius-md)}.solaris-badge.is-interactive{cursor:pointer;transition:background var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),border-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),box-shadow var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard)}.solaris-badge.is-interactive:hover{box-shadow:var(--solaris-shadow-xs)}.solaris-badge[data-color]{--solaris-badge-accent: color-mix(in srgb, var(--_base) 72%, var(--solaris-color-white));--solaris-badge-fg: var(--solaris-badge-accent);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg-soft: color-mix(in srgb, var(--_base) 16%, transparent);--solaris-badge-bg-solid: var(--_base);--solaris-badge-bg-gradient: linear-gradient( 135deg, color-mix(in srgb, var(--_base) 88%, var(--solaris-color-white)), var(--_base) 45%, color-mix(in srgb, var(--_base) 78%, var(--solaris-color-black)) );--solaris-badge-border-soft: color-mix(in srgb, var(--_base) 28%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 72%, var(--solaris-color-black));--solaris-badge-bg-tonal: color-mix(in srgb, var(--_base) 24%, var(--solaris-color-surface-2));--solaris-badge-border-outline: color-mix(in srgb, var(--_base) 68%, var(--solaris-color-white))}.solaris-badge[data-color=surface]{--_base: var(--solaris-color-surface-2);--solaris-badge-accent: var(--solaris-color-text);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-text);--solaris-badge-bg-soft: var(--solaris-color-surface-2);--solaris-badge-bg-tonal: color-mix( in srgb, var(--solaris-color-surface-2) 86%, var(--solaris-color-white) );--solaris-badge-bg-solid: var(--solaris-color-surface-2);--solaris-badge-bg-gradient: linear-gradient( 180deg, var(--solaris-color-surface-2), color-mix(in srgb, var(--solaris-color-surface-2) 72%, var(--solaris-color-black)) );--solaris-badge-border-soft: var(--solaris-color-border);--solaris-badge-border-outline: var(--solaris-color-border);--solaris-badge-border-solid: var(--solaris-color-border)}.solaris-badge[data-color=primary]{--_base: var(--solaris-color-primary)}.solaris-badge[data-color=success]{--_base: var(--solaris-color-success)}.solaris-badge[data-color=warning]{--_base: var(--solaris-color-warning);--solaris-badge-fg-solid: var(--solaris-color-black)}.solaris-badge[data-color=error]{--_base: var(--solaris-color-error)}.solaris-badge[data-color=info]{--_base: var(--solaris-color-info)}.solaris-badge[data-color=custom]{--_base: var(--solaris-badge-custom, var(--solaris-color-surface-2));--solaris-badge-accent: var(--_base);--solaris-badge-fg: var(--_base);--solaris-badge-fg-solid: var(--solaris-badge-custom-fg, var(--solaris-color-white));--solaris-badge-bg-soft: color-mix(in srgb, var(--_base) 16%, transparent);--solaris-badge-bg-solid: var(--_base);--solaris-badge-bg-gradient: linear-gradient( 135deg, color-mix(in srgb, var(--_base) 88%, var(--solaris-color-white)), var(--_base) 45%, color-mix(in srgb, var(--_base) 78%, var(--solaris-color-black)) );--solaris-badge-border-soft: color-mix(in srgb, var(--_base) 28%, transparent);--solaris-badge-border-outline: color-mix(in srgb, var(--_base) 72%, var(--solaris-color-white));--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 72%, var(--solaris-color-black))}.solaris-badge[data-appearance=outline]{color:var(--solaris-badge-fg);background:transparent;border-color:var(--solaris-badge-border-outline)}.solaris-badge[data-appearance=soft]{color:var(--solaris-badge-fg);background:var(--solaris-badge-bg-soft);border-color:var(--solaris-badge-border-soft)}.solaris-badge[data-appearance=solid]{color:var(--solaris-badge-fg-solid);background:var(--solaris-badge-bg-solid);border-color:var(--solaris-badge-border-solid)}.solaris-badge[data-appearance=elevated]{color:var(--solaris-badge-fg);background:linear-gradient(180deg,color-mix(in srgb,var(--_base) 12%,var(--solaris-color-surface-2)),color-mix(in srgb,var(--_base) 5%,var(--solaris-color-surface-1)));border-color:color-mix(in srgb,var(--_base) 34%,var(--solaris-color-border));box-shadow:var(--solaris-shadow-xs),0 0 0 1px color-mix(in srgb,var(--_base) 10%,transparent)}.solaris-badge[data-appearance=ghost]{color:var(--solaris-badge-fg);background:transparent;border-color:transparent}.solaris-badge[data-appearance=glass]{color:var(--solaris-badge-fg);background:linear-gradient(180deg,color-mix(in srgb,var(--_base) 22%,var(--solaris-color-white) 4%),color-mix(in srgb,var(--_base) 10%,transparent));border-color:color-mix(in srgb,var(--_base) 44%,var(--solaris-color-white));box-shadow:inset 0 1px color-mix(in srgb,var(--solaris-color-white) 16%,transparent),0 0 0 1px color-mix(in srgb,var(--_base) 8%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.solaris-badge[data-appearance=gradient]{color:var(--solaris-badge-fg-solid);background:var(--solaris-badge-bg-gradient);border-color:var(--solaris-badge-border-solid)}.solaris-badge[data-color=surface][data-appearance=outline]{color:var(--solaris-color-text);background:transparent;border-color:var(--solaris-color-border)}.solaris-badge[data-color=surface][data-appearance=soft]{color:var(--solaris-color-text);background:color-mix(in srgb,var(--solaris-color-surface-2) 70%,transparent);border-color:var(--solaris-color-border)}.solaris-badge[data-color=surface][data-appearance=solid]{color:var(--solaris-color-text);background:var(--solaris-color-surface-2);border-color:var(--solaris-color-border)}.solaris-badge[data-color=surface][data-appearance=ghost]{color:var(--solaris-color-text)}.solaris-badge[data-color=surface][data-appearance=gradient]{color:var(--solaris-color-text);background:linear-gradient(135deg,var(--solaris-color-surface-1),var(--solaris-color-surface-2));border-color:var(--solaris-color-border)}.solaris-badge[data-appearance=tonal]{color:var(--solaris-badge-fg);background:var(--solaris-badge-bg-tonal);border-color:transparent}.solaris-badge[data-color=surface][data-appearance=tonal]{color:var(--solaris-color-text);background:color-mix(in srgb,var(--solaris-color-surface-2) 86%,var(--solaris-color-white));border-color:transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SolarisBadge, decorators: [{
             type: Component,
-            args: [{ selector: 'solaris-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"solaris-badge\" [attr.aria-hidden]=\"ariaHidden\" [attr.data-appearance]=\"resolvedAppearance\"\n  [style.--solaris-badge-custom]=\"customColorValue\" [style.--solaris-badge-custom-fg]=\"customTextColor\"\n  [attr.data-color]=\"resolvedColor\" [attr.data-size]=\"size\" [attr.data-shape]=\"resolvedShape\"\n  [attr.data-density]=\"density\" [class.is-interactive]=\"interactive\">\n  <ng-content></ng-content>\n</span>\n", styles: [":host.solaris-badge-host{display:inline-flex}.solaris-badge{--solaris-badge-min-height: auto;--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-badge-fg);--solaris-badge-radius: var(--solaris-radius-full);--solaris-badge-line-height: var(--solaris-lh-tight);font-weight:600;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;display:inline-flex;gap:var(--solaris-space-2);border:1px solid transparent;letter-spacing:var(--solaris-ls-sm);border-radius:var(--solaris-badge-radius);line-height:var(--solaris-badge-line-height);min-block-size:var(--solaris-badge-min-height)}.solaris-badge.size-sm{--solaris-badge-min-height: 2rem;--solaris-badge-line-height: var(--solaris-lh-tight);padding:.2rem .6rem;font-size:var(--solaris-fs-10)}.solaris-badge.size-md{--solaris-badge-min-height: 2.4rem;--solaris-badge-line-height: var(--solaris-lh-tight);padding:.3rem .8rem;font-size:var(--solaris-fs-12)}.solaris-badge.size-lg{--solaris-badge-min-height: 2.8rem;--solaris-badge-line-height: var(--solaris-lh-tight);padding:.4rem 1rem;font-size:var(--solaris-fs-14)}.solaris-badge.is-pill{--solaris-badge-radius: var(--solaris-radius-full)}.solaris-badge.is-interactive{cursor:pointer;transition:background var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),border-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),box-shadow var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard)}.solaris-badge.is-interactive:hover{box-shadow:var(--solaris-shadow-xs)}.solaris-badge.color-surface{--_base: var(--solaris-color-surface-2);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 75%, var(--solaris-color-black)) )}.solaris-badge.color-primary{--_base: var(--solaris-color-primary);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 82%, var(--solaris-color-black)) )}.solaris-badge.color-success{--_base: var(--solaris-color-success);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 75%, var(--solaris-color-black)) )}.solaris-badge.color-warning{--_base: var(--solaris-color-warning);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 75%, var(--solaris-color-black)) )}.solaris-badge.color-error{--_base: var(--solaris-color-error);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 82%, var(--solaris-color-black)) )}.solaris-badge.color-info{--_base: var(--solaris-color-info);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 82%, var(--solaris-color-black)) )}.solaris-badge.color-custom{--_base: var(--solaris-badge-custom, var(--solaris-color-surface-2));--solaris-badge-fg-solid: var(--solaris-badge-custom-fg, var(--solaris-color-white));--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-fg: var(--solaris-badge-custom-fg, var(--solaris-color-text));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 82%, var(--solaris-color-black)) )}.solaris-badge.variant-solid{color:var(--solaris-badge-fg-solid);background:var(--solaris-badge-bg-solid, var(--solaris-badge-bg));border-color:var(--solaris-badge-border-solid, var(--solaris-badge-border))}.solaris-badge.variant-subtle{color:var(--solaris-badge-fg);background:var(--solaris-badge-bg);border-color:var(--solaris-badge-border)}.solaris-badge.variant-outline{border-color:var(--solaris-badge-border);color:color-mix(in srgb,var(--solaris-badge-border) 30%,var(--solaris-color-white));background:color-mix(in srgb,var(--solaris-badge-border) 20%,transparent)}.solaris-badge.variant-solid.color-surface{color:var(--solaris-color-text);border-color:var(--solaris-color-border);background:var(--solaris-color-surface-2)}\n"] }]
+            args: [{ selector: 'solaris-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n  class=\"solaris-badge\"\n  [attr.aria-hidden]=\"ariaHidden\"\n  [attr.data-appearance]=\"resolvedAppearance\"\n  [attr.data-color]=\"resolvedColor\"\n  [attr.data-size]=\"size\"\n  [attr.data-shape]=\"resolvedShape\"\n  [attr.data-density]=\"density\"\n  [style.--solaris-badge-custom]=\"customColorValue\"\n  [style.--solaris-badge-custom-fg]=\"customTextColor\"\n  [class.is-interactive]=\"interactive\"\n>\n  <ng-content></ng-content>\n</span>\n", styles: [":host.solaris-badge-host{display:inline-flex;vertical-align:middle}.solaris-badge{--solaris-badge-min-height: auto;--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-badge-fg);--solaris-badge-bg: transparent;--solaris-badge-bg-solid: var(--solaris-badge-bg);--solaris-badge-border: transparent;--solaris-badge-border-solid: var(--solaris-badge-border);--solaris-badge-radius: var(--solaris-radius-full);--solaris-badge-line-height: var(--solaris-lh-tight);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;gap:var(--solaris-space-2);min-block-size:var(--solaris-badge-min-height);border:1px solid transparent;border-radius:var(--solaris-badge-radius);font-weight:600;line-height:var(--solaris-badge-line-height);letter-spacing:var(--solaris-ls-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:middle}.solaris-badge[data-size=sm]{--solaris-badge-min-height: 2rem;padding:.2rem .6rem;font-size:var(--solaris-fs-10)}.solaris-badge[data-size=md]{--solaris-badge-min-height: 2.4rem;padding:.3rem .8rem;font-size:var(--solaris-fs-12)}.solaris-badge[data-size=lg]{--solaris-badge-min-height: 2.8rem;padding:.4rem 1rem;font-size:var(--solaris-fs-14)}.solaris-badge[data-density=compact][data-size=sm]{--solaris-badge-min-height: 1.8rem;padding:.1rem .5rem}.solaris-badge[data-density=compact][data-size=md]{--solaris-badge-min-height: 2.2rem;padding:.2rem .7rem}.solaris-badge[data-density=compact][data-size=lg]{--solaris-badge-min-height: 2.6rem;padding:.3rem .9rem}.solaris-badge[data-shape=pill]{--solaris-badge-radius: var(--solaris-radius-full)}.solaris-badge[data-shape=rounded]{--solaris-badge-radius: var(--solaris-radius-md)}.solaris-badge.is-interactive{cursor:pointer;transition:background var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),border-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),box-shadow var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard)}.solaris-badge.is-interactive:hover{box-shadow:var(--solaris-shadow-xs)}.solaris-badge[data-color]{--solaris-badge-accent: color-mix(in srgb, var(--_base) 72%, var(--solaris-color-white));--solaris-badge-fg: var(--solaris-badge-accent);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg-soft: color-mix(in srgb, var(--_base) 16%, transparent);--solaris-badge-bg-solid: var(--_base);--solaris-badge-bg-gradient: linear-gradient( 135deg, color-mix(in srgb, var(--_base) 88%, var(--solaris-color-white)), var(--_base) 45%, color-mix(in srgb, var(--_base) 78%, var(--solaris-color-black)) );--solaris-badge-border-soft: color-mix(in srgb, var(--_base) 28%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 72%, var(--solaris-color-black));--solaris-badge-bg-tonal: color-mix(in srgb, var(--_base) 24%, var(--solaris-color-surface-2));--solaris-badge-border-outline: color-mix(in srgb, var(--_base) 68%, var(--solaris-color-white))}.solaris-badge[data-color=surface]{--_base: var(--solaris-color-surface-2);--solaris-badge-accent: var(--solaris-color-text);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-text);--solaris-badge-bg-soft: var(--solaris-color-surface-2);--solaris-badge-bg-tonal: color-mix( in srgb, var(--solaris-color-surface-2) 86%, var(--solaris-color-white) );--solaris-badge-bg-solid: var(--solaris-color-surface-2);--solaris-badge-bg-gradient: linear-gradient( 180deg, var(--solaris-color-surface-2), color-mix(in srgb, var(--solaris-color-surface-2) 72%, var(--solaris-color-black)) );--solaris-badge-border-soft: var(--solaris-color-border);--solaris-badge-border-outline: var(--solaris-color-border);--solaris-badge-border-solid: var(--solaris-color-border)}.solaris-badge[data-color=primary]{--_base: var(--solaris-color-primary)}.solaris-badge[data-color=success]{--_base: var(--solaris-color-success)}.solaris-badge[data-color=warning]{--_base: var(--solaris-color-warning);--solaris-badge-fg-solid: var(--solaris-color-black)}.solaris-badge[data-color=error]{--_base: var(--solaris-color-error)}.solaris-badge[data-color=info]{--_base: var(--solaris-color-info)}.solaris-badge[data-color=custom]{--_base: var(--solaris-badge-custom, var(--solaris-color-surface-2));--solaris-badge-accent: var(--_base);--solaris-badge-fg: var(--_base);--solaris-badge-fg-solid: var(--solaris-badge-custom-fg, var(--solaris-color-white));--solaris-badge-bg-soft: color-mix(in srgb, var(--_base) 16%, transparent);--solaris-badge-bg-solid: var(--_base);--solaris-badge-bg-gradient: linear-gradient( 135deg, color-mix(in srgb, var(--_base) 88%, var(--solaris-color-white)), var(--_base) 45%, color-mix(in srgb, var(--_base) 78%, var(--solaris-color-black)) );--solaris-badge-border-soft: color-mix(in srgb, var(--_base) 28%, transparent);--solaris-badge-border-outline: color-mix(in srgb, var(--_base) 72%, var(--solaris-color-white));--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 72%, var(--solaris-color-black))}.solaris-badge[data-appearance=outline]{color:var(--solaris-badge-fg);background:transparent;border-color:var(--solaris-badge-border-outline)}.solaris-badge[data-appearance=soft]{color:var(--solaris-badge-fg);background:var(--solaris-badge-bg-soft);border-color:var(--solaris-badge-border-soft)}.solaris-badge[data-appearance=solid]{color:var(--solaris-badge-fg-solid);background:var(--solaris-badge-bg-solid);border-color:var(--solaris-badge-border-solid)}.solaris-badge[data-appearance=elevated]{color:var(--solaris-badge-fg);background:linear-gradient(180deg,color-mix(in srgb,var(--_base) 12%,var(--solaris-color-surface-2)),color-mix(in srgb,var(--_base) 5%,var(--solaris-color-surface-1)));border-color:color-mix(in srgb,var(--_base) 34%,var(--solaris-color-border));box-shadow:var(--solaris-shadow-xs),0 0 0 1px color-mix(in srgb,var(--_base) 10%,transparent)}.solaris-badge[data-appearance=ghost]{color:var(--solaris-badge-fg);background:transparent;border-color:transparent}.solaris-badge[data-appearance=glass]{color:var(--solaris-badge-fg);background:linear-gradient(180deg,color-mix(in srgb,var(--_base) 22%,var(--solaris-color-white) 4%),color-mix(in srgb,var(--_base) 10%,transparent));border-color:color-mix(in srgb,var(--_base) 44%,var(--solaris-color-white));box-shadow:inset 0 1px color-mix(in srgb,var(--solaris-color-white) 16%,transparent),0 0 0 1px color-mix(in srgb,var(--_base) 8%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.solaris-badge[data-appearance=gradient]{color:var(--solaris-badge-fg-solid);background:var(--solaris-badge-bg-gradient);border-color:var(--solaris-badge-border-solid)}.solaris-badge[data-color=surface][data-appearance=outline]{color:var(--solaris-color-text);background:transparent;border-color:var(--solaris-color-border)}.solaris-badge[data-color=surface][data-appearance=soft]{color:var(--solaris-color-text);background:color-mix(in srgb,var(--solaris-color-surface-2) 70%,transparent);border-color:var(--solaris-color-border)}.solaris-badge[data-color=surface][data-appearance=solid]{color:var(--solaris-color-text);background:var(--solaris-color-surface-2);border-color:var(--solaris-color-border)}.solaris-badge[data-color=surface][data-appearance=ghost]{color:var(--solaris-color-text)}.solaris-badge[data-color=surface][data-appearance=gradient]{color:var(--solaris-color-text);background:linear-gradient(135deg,var(--solaris-color-surface-1),var(--solaris-color-surface-2));border-color:var(--solaris-color-border)}.solaris-badge[data-appearance=tonal]{color:var(--solaris-badge-fg);background:var(--solaris-badge-bg-tonal);border-color:transparent}.solaris-badge[data-color=surface][data-appearance=tonal]{color:var(--solaris-color-text);background:color-mix(in srgb,var(--solaris-color-surface-2) 86%,var(--solaris-color-white));border-color:transparent}\n"] }]
         }], propDecorators: { shape: [{
                 type: Input
             }], size: [{
@@ -586,7 +597,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                 args: [{ alias: 'aria-hidden' }]
             }], hostClass: [{
                 type: HostBinding,
-                args: ['class']
+                args: ['class.solaris-badge-host']
             }] } });
 
 class SolarisStepper {
@@ -6342,7 +6353,7 @@ class SolarisCard {
     customColor = computed(() => resolveCardCustomColor(this.color()), ...(ngDevMode ? [{ debugName: "customColor" }] : /* istanbul ignore next */ []));
     colorKey = computed(() => resolveCardColorKey(this.color()), ...(ngDevMode ? [{ debugName: "colorKey" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SolarisCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: SolarisCard, isStandalone: true, selector: "solaris-card", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, reservedInlineEnd: { classPropertyName: "reservedInlineEnd", publicName: "reservedInlineEnd", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "size()", "attr.data-orientation": "orientation()", "attr.data-appearance": "appearance()", "attr.data-color": "colorKey()", "attr.data-selected": "selected() ? \"true\" : null", "attr.data-invalid": "invalid() ? \"true\" : null", "attr.data-interactive": "interactive() ? \"true\" : null", "attr.data-disabled": "disabled() ? \"true\" : null", "attr.aria-disabled": "disabled() ? \"true\" : null", "style.--solaris-card-radius": "resolvedRadius()", "style.--solaris-card-accent-custom": "customColor()", "style.--solaris-card-min-height": "normalizedMinHeight()", "style.--solaris-card-reserved-inline-end": "normalizedReservedInlineEnd()" }, classAttribute: "solaris-card-host" }, ngImport: i0, template: "<article class=\"solaris-card\">\n  <div class=\"solaris-card__media\">\n    <ng-content select=\"solaris-card-media, [solaris-card-media]\"></ng-content>\n  </div>\n\n  <div class=\"solaris-card__content\">\n    <div class=\"solaris-card__header\">\n      <div class=\"solaris-card__header-main\">\n        <div class=\"solaris-card__eyebrow\">\n          <ng-content select=\"[solaris-card-eyebrow]\"></ng-content>\n        </div>\n\n        <div class=\"solaris-card__title\">\n          <ng-content select=\"[solaris-card-title]\"></ng-content>\n        </div>\n      </div>\n\n      <div class=\"solaris-card__badge\">\n        <ng-content select=\"[solaris-card-badge]\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"solaris-card__description\">\n      <ng-content select=\"[solaris-card-description]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-card__meta\">\n      <ng-content select=\"[solaris-card-meta]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-card__footer\">\n      <div class=\"solaris-card__footer-main\">\n        <ng-content select=\"[solaris-card-footer]\"></ng-content>\n      </div>\n\n      <div class=\"solaris-card__actions\">\n        <ng-content select=\"[solaris-card-actions]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</article>\n", styles: [":host{display:block;min-inline-size:0;inline-size:100%;--solaris-card-bg: var(--solaris-color-surface);--solaris-card-accent: var(--solaris-color-primary);--solaris-card-bg-hover: color-mix(in srgb, var(--solaris-card-bg) 92%, var(--solaris-color-white));--solaris-card-bg-selected: color-mix(in srgb, var(--solaris-card-accent) 8%, var(--solaris-color-surface));--solaris-card-border: var(--solaris-color-border);--solaris-card-border-invalid: var(--solaris-color-error);--solaris-card-border-hover: color-mix(in srgb, var(--solaris-card-accent) 18%, var(--solaris-card-border));--solaris-card-border-selected: color-mix(in srgb, var(--solaris-card-accent) 72%, var(--solaris-card-border));--solaris-card-shadow: var(--solaris-shadow-xs);--solaris-card-shadow-hover: var(--solaris-shadow-sm);--solaris-card-shadow-selected: var(--solaris-shadow-sm);--solaris-card-meta-color: var(--solaris-color-text);--solaris-card-title-color: var(--solaris-color-text);--solaris-card-eyebrow-color: var(--solaris-color-text-muted);--solaris-card-description-color: var(--solaris-color-text-muted);--solaris-card-disabled-opacity: .62;--solaris-card-gap: var(--solaris-space-4);--solaris-card-padding-x: var(--solaris-space-5);--solaris-card-padding-y: var(--solaris-space-5);--solaris-card-content-gap: var(--solaris-space-3);--solaris-card-padding-top: var(--solaris-card-padding-y);--solaris-card-padding-left: var(--solaris-card-padding-x);--solaris-card-padding-right: calc( var(--solaris-card-padding-x) + var(--solaris-card-reserved-inline-end, 0px) );--solaris-card-padding-bottom: var(--solaris-card-padding-y);--solaris-card-media-size: 7.2rem;--solaris-card-radius: var(--solaris-radius-lg)}:host([data-size=sm]){--solaris-card-padding-x: var(--solaris-space-4);--solaris-card-padding-y: var(--solaris-space-4);--solaris-card-gap: var(--solaris-space-3);--solaris-card-content-gap: var(--solaris-space-2);--solaris-card-media-size: 5.6rem}:host([data-size=md]){--solaris-card-padding-x: var(--solaris-space-5);--solaris-card-padding-y: var(--solaris-space-5);--solaris-card-gap: var(--solaris-space-4);--solaris-card-content-gap: var(--solaris-space-3);--solaris-card-media-size: 7.2rem}:host([data-size=lg]){--solaris-card-padding-x: var(--solaris-space-6);--solaris-card-padding-y: var(--solaris-space-6);--solaris-card-gap: var(--solaris-space-5);--solaris-card-content-gap: var(--solaris-space-4);--solaris-card-media-size: 8.8rem}:host([data-color=neutral]){--solaris-card-accent: var(--solaris-color-primary)}:host([data-color=primary]){--solaris-card-accent: var(--solaris-color-primary)}:host([data-color=success]){--solaris-card-accent: var(--solaris-color-success)}:host([data-color=warning]){--solaris-card-accent: var(--solaris-color-warning)}:host([data-color=error]){--solaris-card-accent: var(--solaris-color-error)}:host([data-color=info]){--solaris-card-accent: var(--solaris-color-info)}:host([data-color=custom]){--solaris-card-accent: var(--solaris-card-accent-custom, var(--solaris-color-primary))}:host([data-appearance=outline]){--solaris-card-bg: var(--solaris-color-surface);--solaris-card-border: var(--solaris-color-border);--solaris-card-shadow: var(--solaris-shadow-xs)}:host([data-appearance=soft]){--solaris-card-bg: color-mix( in srgb, var(--solaris-card-accent) 6%, var(--solaris-color-surface) );--solaris-card-border: color-mix( in srgb, var(--solaris-card-accent) 18%, var(--solaris-color-border) );--solaris-card-shadow: var(--solaris-shadow-xs)}:host([data-appearance=solid]){--solaris-card-bg: var(--solaris-card-accent);--solaris-card-bg-hover: color-mix( in srgb, var(--solaris-card-accent) 92%, var(--solaris-color-white) );--solaris-card-border: color-mix( in srgb, var(--solaris-card-accent) 80%, var(--solaris-color-border) );--solaris-card-title-color: var(--solaris-color-primary-contrast);--solaris-card-description-color: var(--solaris-color-primary-contrast);--solaris-card-meta-color: var(--solaris-color-primary-contrast);--solaris-card-eyebrow-color: var(--solaris-color-primary-contrast)}:host([data-appearance=elevated]){--solaris-card-bg: var(--solaris-color-surface);--solaris-card-border: color-mix(in srgb, var(--solaris-color-border) 70%, transparent);--solaris-card-shadow: var(--solaris-shadow-sm);--solaris-card-shadow-hover: var(--solaris-shadow-md)}:host([data-appearance=ghost]){--solaris-card-bg: transparent;--solaris-card-bg-hover: color-mix(in srgb, var(--solaris-card-accent) 4%, transparent);--solaris-card-border: transparent;--solaris-card-shadow: none;--solaris-card-shadow-hover: none}:host([data-appearance=glass]){--solaris-card-bg: color-mix(in srgb, var(--solaris-card-accent) 10%, transparent);--solaris-card-bg-hover: color-mix(in srgb, var(--solaris-card-accent) 16%, transparent);--solaris-card-border: color-mix( in srgb, var(--solaris-color-surface) 34%, var(--solaris-color-border) );--solaris-card-border-hover: color-mix( in srgb, var(--solaris-card-accent) 36%, var(--solaris-color-border) );--solaris-card-shadow: var(--solaris-shadow-sm);--solaris-card-shadow-hover: var(--solaris-shadow-md)}:host([data-appearance=gradient]){--solaris-card-bg: linear-gradient( 135deg, var(--solaris-card-accent) 0%, color-mix(in srgb, var(--solaris-card-accent) 62%, var(--solaris-color-text)) 100% );--solaris-card-bg-hover: linear-gradient( 135deg, color-mix(in srgb, var(--solaris-card-accent) 92%, var(--solaris-color-white)) 0%, color-mix(in srgb, var(--solaris-card-accent) 62%, var(--solaris-color-text)) 100% );--solaris-card-border: color-mix(in srgb, var(--solaris-card-accent) 42%, transparent);--solaris-card-border-hover: color-mix(in srgb, var(--solaris-card-accent) 64%, transparent);--solaris-card-title-color: var(--solaris-color-primary-contrast);--solaris-card-description-color: var(--solaris-color-primary-contrast);--solaris-card-meta-color: var(--solaris-color-primary-contrast);--solaris-card-eyebrow-color: var(--solaris-color-primary-contrast)}:host([data-invalid=true]){--solaris-card-border: var(--solaris-card-border-invalid);--solaris-card-border-hover: var(--solaris-card-border-invalid);--solaris-card-border-selected: var(--solaris-card-border-invalid)}.solaris-card{min-inline-size:0;inline-size:100%;min-block-size:var(--solaris-card-min-height, auto);position:relative;isolation:isolate;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;gap:var(--solaris-card-gap);padding:var(--solaris-card-padding-top) var(--solaris-card-padding-right) var(--solaris-card-padding-bottom) var(--solaris-card-padding-left);color:var(--solaris-color-text);background:var(--solaris-card-bg);border:1px solid var(--solaris-card-border);border-radius:var(--solaris-card-radius);box-shadow:var(--solaris-card-shadow)}:host([data-appearance=glass]) .solaris-card{backdrop-filter:blur(1.4rem) saturate(1.35);-webkit-backdrop-filter:blur(1.4rem) saturate(1.35)}:host([data-appearance=glass]) .solaris-card:before{content:\"\";position:absolute;inset:0;z-index:var(--solaris-z-base);pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,color-mix(in srgb,var(--solaris-color-surface) 18%,transparent) 0%,transparent 48%)}:host([data-appearance=gradient]) .solaris-card:before{content:\"\";position:absolute;inset:0;z-index:var(--solaris-z-base);pointer-events:none;border-radius:inherit;background:radial-gradient(circle at top right,color-mix(in srgb,var(--solaris-color-surface) 24%,transparent) 0%,transparent 42%)}.solaris-card>*{position:relative;z-index:var(--solaris-z-raised)}:host([data-interactive=true]:not([data-disabled=true])) .solaris-card{cursor:pointer;transition:background-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),border-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),box-shadow var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),transform var(--solaris-motion-duration-fast) var(--solaris-motion-ease-standard)}:host([data-interactive=true]:not([data-disabled=true])) .solaris-card:hover{background:var(--solaris-card-bg-hover);border-color:var(--solaris-card-border-hover);box-shadow:var(--solaris-card-shadow-hover)}:host([data-selected=true]) .solaris-card{border-color:var(--solaris-card-border-selected);box-shadow:var(--solaris-card-shadow-selected)}:host([data-selected=true][data-appearance=outline]) .solaris-card,:host([data-selected=true][data-appearance=elevated]) .solaris-card,:host([data-selected=true][data-appearance=ghost]) .solaris-card{background:var(--solaris-card-bg-selected)}:host([data-selected=true][data-appearance=soft]) .solaris-card{background:color-mix(in srgb,var(--solaris-card-accent) 12%,var(--solaris-color-surface))}:host([data-selected=true][data-appearance=solid]) .solaris-card,:host([data-selected=true][data-appearance=glass]) .solaris-card,:host([data-selected=true][data-appearance=gradient]) .solaris-card{background:var(--solaris-card-bg)}:host([data-disabled=true]) .solaris-card{cursor:not-allowed;box-shadow:none;opacity:var(--solaris-card-disabled-opacity)}.solaris-card__media{min-inline-size:0;inline-size:100%;overflow:hidden;border-radius:calc(var(--solaris-card-radius) - .2rem)}.solaris-card__content{min-inline-size:0;display:flex;flex:1 1 auto;flex-direction:column;gap:var(--solaris-card-content-gap)}.solaris-card__header{min-inline-size:0;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--solaris-space-3)}.solaris-card__header-main{min-inline-size:0;flex:1 1 auto;display:flex;flex-direction:column;gap:var(--solaris-space-2)}.solaris-card__eyebrow{min-inline-size:0;color:var(--solaris-card-eyebrow-color);font-size:var(--solaris-fs-12);line-height:var(--solaris-lh-normal);letter-spacing:var(--solaris-ls-md);text-transform:uppercase;overflow-wrap:anywhere}.solaris-card__title{min-inline-size:0;color:var(--solaris-card-title-color);font-size:var(--solaris-fs-16);font-weight:700;line-height:var(--solaris-lh-tight);overflow-wrap:anywhere}.solaris-card__description{min-inline-size:0;color:var(--solaris-card-description-color);font-size:var(--solaris-fs-14);line-height:var(--solaris-lh-normal);overflow-wrap:anywhere}.solaris-card__meta{min-inline-size:0;color:var(--solaris-card-meta-color);font-size:var(--solaris-fs-14);font-weight:600;line-height:var(--solaris-lh-normal);overflow-wrap:anywhere}.solaris-card__badge{flex:0 0 auto;display:inline-flex;align-items:flex-start}.solaris-card__footer{min-inline-size:0;display:flex;align-items:center;justify-content:space-between;gap:var(--solaris-space-3)}.solaris-card__footer-main{min-inline-size:0;flex:1 1 auto}.solaris-card__actions{flex:0 0 auto;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--solaris-space-2)}.solaris-card__media:not(:has(solaris-card-media,[solaris-card-media])){display:none}.solaris-card__eyebrow:not(:has([solaris-card-eyebrow])){display:none}.solaris-card__title:not(:has([solaris-card-title])){display:none}.solaris-card__description:not(:has([solaris-card-description])){display:none}.solaris-card__meta:not(:has([solaris-card-meta])){display:none}.solaris-card__badge:not(:has([solaris-card-badge])){display:none}.solaris-card__footer-main:not(:has([solaris-card-footer])){display:none}.solaris-card__actions:not(:has([solaris-card-actions])){display:none}.solaris-card__header-main:not(:has([solaris-card-eyebrow],[solaris-card-title])){display:none}.solaris-card__header:not(:has([solaris-card-eyebrow],[solaris-card-title],[solaris-card-badge])){display:none}.solaris-card__footer:not(:has([solaris-card-footer],[solaris-card-actions])){display:none}:host([data-orientation=horizontal]) .solaris-card{flex-direction:row;align-items:stretch}:host([data-orientation=horizontal]) .solaris-card__media{flex:0 0 min(32%,var(--solaris-card-media-size));inline-size:min(32%,var(--solaris-card-media-size))}:host([data-orientation=horizontal]) .solaris-card__content{justify-content:center}:host([data-orientation=compact]) .solaris-card{flex-direction:row;align-items:center;gap:var(--solaris-space-3)}:host([data-orientation=compact]) .solaris-card__media{flex:0 0 auto;inline-size:var(--solaris-card-media-size)}:host([data-orientation=compact]) .solaris-card__content{gap:var(--solaris-space-2)}:host([data-orientation=compact]) .solaris-card__footer{margin-block-start:var(--solaris-space-1)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: SolarisCard, isStandalone: true, selector: "solaris-card", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, reservedInlineEnd: { classPropertyName: "reservedInlineEnd", publicName: "reservedInlineEnd", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "size()", "attr.data-orientation": "orientation()", "attr.data-appearance": "appearance()", "attr.data-color": "colorKey()", "attr.data-selected": "selected() ? \"true\" : null", "attr.data-invalid": "invalid() ? \"true\" : null", "attr.data-interactive": "interactive() ? \"true\" : null", "attr.data-disabled": "disabled() ? \"true\" : null", "attr.aria-disabled": "disabled() ? \"true\" : null", "style.--solaris-card-radius": "resolvedRadius()", "style.--solaris-card-accent-custom": "customColor()", "style.--solaris-card-min-height": "normalizedMinHeight()", "style.--solaris-card-reserved-inline-end": "normalizedReservedInlineEnd()" }, classAttribute: "solaris-card-host" }, ngImport: i0, template: "<article class=\"solaris-card\">\n  <div class=\"solaris-card__media\">\n    <ng-content select=\"solaris-card-media, [solaris-card-media]\"></ng-content>\n  </div>\n\n  <div class=\"solaris-card__content\">\n    <div class=\"solaris-card__header\">\n      <div class=\"solaris-card__header-main\">\n        <div class=\"solaris-card__eyebrow\">\n          <ng-content select=\"[solaris-card-eyebrow]\"></ng-content>\n        </div>\n\n        <div class=\"solaris-card__title\">\n          <ng-content select=\"[solaris-card-title]\"></ng-content>\n        </div>\n      </div>\n\n      <div class=\"solaris-card__badge\">\n        <ng-content select=\"[solaris-card-badge]\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"solaris-card__description\">\n      <ng-content select=\"[solaris-card-description]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-card__meta\">\n      <ng-content select=\"[solaris-card-meta]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-card__footer\">\n      <div class=\"solaris-card__footer-main\">\n        <ng-content select=\"[solaris-card-footer]\"></ng-content>\n      </div>\n\n      <div class=\"solaris-card__actions\">\n        <ng-content select=\"[solaris-card-actions]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</article>\n", styles: [":host{display:block;min-inline-size:0;inline-size:100%;--solaris-card-bg: var(--solaris-color-surface);--solaris-card-accent: var(--solaris-color-primary);--solaris-card-bg-hover: color-mix(in srgb, var(--solaris-card-bg) 92%, var(--solaris-color-white));--solaris-card-bg-selected: color-mix(in srgb, var(--solaris-card-accent) 8%, var(--solaris-color-surface));--solaris-card-border: var(--solaris-color-border);--solaris-card-border-invalid: var(--solaris-color-error);--solaris-card-border-hover: color-mix(in srgb, var(--solaris-card-accent) 18%, var(--solaris-card-border));--solaris-card-border-selected: color-mix(in srgb, var(--solaris-card-accent) 72%, var(--solaris-card-border));--solaris-card-shadow: var(--solaris-shadow-xs);--solaris-card-shadow-hover: var(--solaris-shadow-sm);--solaris-card-shadow-selected: var(--solaris-shadow-sm);--solaris-card-meta-color: var(--solaris-color-text);--solaris-card-title-color: var(--solaris-color-text);--solaris-card-eyebrow-color: var(--solaris-color-text-muted);--solaris-card-description-color: var(--solaris-color-text-muted);--solaris-card-disabled-opacity: .62;--solaris-card-gap: var(--solaris-space-4);--solaris-card-padding-x: var(--solaris-space-5);--solaris-card-padding-y: var(--solaris-space-5);--solaris-card-content-gap: var(--solaris-space-3);--solaris-card-padding-top: var(--solaris-card-padding-y);--solaris-card-padding-left: var(--solaris-card-padding-x);--solaris-card-padding-right: calc( var(--solaris-card-padding-x) + var(--solaris-card-reserved-inline-end, 0px) );--solaris-card-padding-bottom: var(--solaris-card-padding-y);--solaris-card-media-size: 7.2rem;--solaris-card-radius: var(--solaris-radius-lg)}:host([data-size=sm]){--solaris-card-padding-x: var(--solaris-space-4);--solaris-card-padding-y: var(--solaris-space-4);--solaris-card-gap: var(--solaris-space-3);--solaris-card-content-gap: var(--solaris-space-2);--solaris-card-media-size: 5.6rem}:host([data-size=md]){--solaris-card-padding-x: var(--solaris-space-5);--solaris-card-padding-y: var(--solaris-space-5);--solaris-card-gap: var(--solaris-space-4);--solaris-card-content-gap: var(--solaris-space-3);--solaris-card-media-size: 7.2rem}:host([data-size=lg]){--solaris-card-padding-x: var(--solaris-space-6);--solaris-card-padding-y: var(--solaris-space-6);--solaris-card-gap: var(--solaris-space-5);--solaris-card-content-gap: var(--solaris-space-4);--solaris-card-media-size: 8.8rem}:host([data-color=neutral]){--solaris-card-accent: var(--solaris-color-primary)}:host([data-color=primary]){--solaris-card-accent: var(--solaris-color-primary)}:host([data-color=success]){--solaris-card-accent: var(--solaris-color-success)}:host([data-color=warning]){--solaris-card-accent: var(--solaris-color-warning)}:host([data-color=error]){--solaris-card-accent: var(--solaris-color-error)}:host([data-color=info]){--solaris-card-accent: var(--solaris-color-info)}:host([data-color=custom]){--solaris-card-accent: var(--solaris-card-accent-custom, var(--solaris-color-primary))}:host([data-appearance=outline]){--solaris-card-bg: var(--solaris-color-surface);--solaris-card-border: var(--solaris-color-border);--solaris-card-shadow: var(--solaris-shadow-xs)}:host([data-appearance=soft]){--solaris-card-bg: color-mix( in srgb, var(--solaris-card-accent) 6%, var(--solaris-color-surface) );--solaris-card-border: color-mix( in srgb, var(--solaris-card-accent) 18%, var(--solaris-color-border) );--solaris-card-shadow: var(--solaris-shadow-xs)}:host([data-appearance=solid]){--solaris-card-bg: var(--solaris-card-accent);--solaris-card-bg-hover: color-mix( in srgb, var(--solaris-card-accent) 92%, var(--solaris-color-white) );--solaris-card-border: color-mix( in srgb, var(--solaris-card-accent) 80%, var(--solaris-color-border) );--solaris-card-title-color: var(--solaris-color-primary-contrast);--solaris-card-description-color: var(--solaris-color-primary-contrast);--solaris-card-meta-color: var(--solaris-color-primary-contrast);--solaris-card-eyebrow-color: var(--solaris-color-primary-contrast)}:host([data-appearance=elevated]){--solaris-card-bg: var(--solaris-color-surface);--solaris-card-border: color-mix(in srgb, var(--solaris-color-border) 70%, transparent);--solaris-card-shadow: var(--solaris-shadow-sm);--solaris-card-shadow-hover: var(--solaris-shadow-md)}:host([data-appearance=ghost]){--solaris-card-bg: transparent;--solaris-card-bg-hover: color-mix(in srgb, var(--solaris-card-accent) 4%, transparent);--solaris-card-border: transparent;--solaris-card-shadow: none;--solaris-card-shadow-hover: none}:host([data-appearance=glass]){--solaris-card-bg: color-mix(in srgb, var(--solaris-card-accent) 10%, transparent);--solaris-card-bg-hover: color-mix(in srgb, var(--solaris-card-accent) 16%, transparent);--solaris-card-border: color-mix( in srgb, var(--solaris-color-surface) 34%, var(--solaris-color-border) );--solaris-card-border-hover: color-mix( in srgb, var(--solaris-card-accent) 36%, var(--solaris-color-border) );--solaris-card-shadow: none;--solaris-card-shadow-hover: var(--solaris-shadow-xs);--solaris-card-shadow-selected: inset 0 0 0 .1rem color-mix(in srgb, var(--solaris-card-accent) 22%, transparent)}:host([data-selected=true][data-appearance=glass]) .solaris-card{background:color-mix(in srgb,var(--solaris-card-accent) 14%,transparent);border-color:var(--solaris-card-border-selected);box-shadow:var(--solaris-card-shadow-selected)}:host([data-appearance=gradient]){--solaris-card-bg: linear-gradient( 135deg, var(--solaris-card-accent) 0%, color-mix(in srgb, var(--solaris-card-accent) 62%, var(--solaris-color-text)) 100% );--solaris-card-bg-hover: linear-gradient( 135deg, color-mix(in srgb, var(--solaris-card-accent) 92%, var(--solaris-color-white)) 0%, color-mix(in srgb, var(--solaris-card-accent) 62%, var(--solaris-color-text)) 100% );--solaris-card-border: color-mix(in srgb, var(--solaris-card-accent) 42%, transparent);--solaris-card-border-hover: color-mix(in srgb, var(--solaris-card-accent) 64%, transparent);--solaris-card-title-color: var(--solaris-color-primary-contrast);--solaris-card-description-color: var(--solaris-color-primary-contrast);--solaris-card-meta-color: var(--solaris-color-primary-contrast);--solaris-card-eyebrow-color: var(--solaris-color-primary-contrast)}:host([data-invalid=true]){--solaris-card-border: var(--solaris-card-border-invalid);--solaris-card-border-hover: var(--solaris-card-border-invalid);--solaris-card-border-selected: var(--solaris-card-border-invalid)}.solaris-card{min-inline-size:0;inline-size:100%;min-block-size:var(--solaris-card-min-height, auto);position:relative;isolation:isolate;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;gap:var(--solaris-card-gap);padding:var(--solaris-card-padding-top) var(--solaris-card-padding-right) var(--solaris-card-padding-bottom) var(--solaris-card-padding-left);color:var(--solaris-color-text);background:var(--solaris-card-bg);border:1px solid var(--solaris-card-border);border-radius:var(--solaris-card-radius);box-shadow:var(--solaris-card-shadow)}:host([data-appearance=glass]) .solaris-card{backdrop-filter:blur(1.4rem) saturate(1.35);-webkit-backdrop-filter:blur(1.4rem) saturate(1.35)}:host([data-appearance=glass]) .solaris-card:before{content:\"\";position:absolute;inset:0;z-index:var(--solaris-z-base);pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,color-mix(in srgb,var(--solaris-color-surface) 18%,transparent) 0%,transparent 48%)}:host([data-appearance=gradient]) .solaris-card:before{content:\"\";position:absolute;inset:0;z-index:var(--solaris-z-base);pointer-events:none;border-radius:inherit;background:radial-gradient(circle at top right,color-mix(in srgb,var(--solaris-color-surface) 24%,transparent) 0%,transparent 42%)}.solaris-card>*{position:relative;z-index:var(--solaris-z-raised)}:host([data-interactive=true]:not([data-disabled=true])) .solaris-card{cursor:pointer;transition:background-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),border-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),box-shadow var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),transform var(--solaris-motion-duration-fast) var(--solaris-motion-ease-standard)}:host([data-interactive=true]:not([data-disabled=true])) .solaris-card:hover{background:var(--solaris-card-bg-hover);border-color:var(--solaris-card-border-hover);box-shadow:var(--solaris-card-shadow-hover)}:host([data-selected=true]) .solaris-card{border-color:var(--solaris-card-border-selected);box-shadow:var(--solaris-card-shadow-selected)}:host([data-selected=true][data-appearance=outline]) .solaris-card,:host([data-selected=true][data-appearance=elevated]) .solaris-card,:host([data-selected=true][data-appearance=ghost]) .solaris-card{background:var(--solaris-card-bg-selected)}:host([data-selected=true][data-appearance=soft]) .solaris-card{background:color-mix(in srgb,var(--solaris-card-accent) 12%,var(--solaris-color-surface))}:host([data-selected=true][data-appearance=solid]) .solaris-card,:host([data-selected=true][data-appearance=gradient]) .solaris-card{background:var(--solaris-card-bg)}:host([data-disabled=true]) .solaris-card{cursor:not-allowed;box-shadow:none;opacity:var(--solaris-card-disabled-opacity)}.solaris-card__media{min-inline-size:0;inline-size:100%;overflow:hidden;border-radius:calc(var(--solaris-card-radius) - .2rem)}.solaris-card__content{min-inline-size:0;display:flex;flex:1 1 auto;flex-direction:column;gap:var(--solaris-card-content-gap)}.solaris-card__header{min-inline-size:0;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--solaris-space-3)}.solaris-card__header-main{min-inline-size:0;flex:1 1 auto;display:flex;flex-direction:column;gap:var(--solaris-space-2)}.solaris-card__eyebrow{min-inline-size:0;color:var(--solaris-card-eyebrow-color);font-size:var(--solaris-fs-12);line-height:var(--solaris-lh-normal);letter-spacing:var(--solaris-ls-md);text-transform:uppercase;overflow-wrap:anywhere}.solaris-card__title{min-inline-size:0;color:var(--solaris-card-title-color);font-size:var(--solaris-fs-16);font-weight:700;line-height:var(--solaris-lh-tight);overflow-wrap:anywhere}.solaris-card__description{min-inline-size:0;color:var(--solaris-card-description-color);font-size:var(--solaris-fs-14);line-height:var(--solaris-lh-normal);overflow-wrap:anywhere}.solaris-card__meta{min-inline-size:0;color:var(--solaris-card-meta-color);font-size:var(--solaris-fs-14);font-weight:600;line-height:var(--solaris-lh-normal);overflow-wrap:anywhere}.solaris-card__badge{flex:0 0 auto;display:inline-flex;align-items:flex-start}.solaris-card__footer{min-inline-size:0;display:flex;align-items:center;justify-content:space-between;gap:var(--solaris-space-3)}.solaris-card__footer-main{min-inline-size:0;flex:1 1 auto}.solaris-card__actions{flex:0 0 auto;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--solaris-space-2)}.solaris-card__media:not(:has(solaris-card-media,[solaris-card-media])){display:none}.solaris-card__eyebrow:not(:has([solaris-card-eyebrow])){display:none}.solaris-card__title:not(:has([solaris-card-title])){display:none}.solaris-card__description:not(:has([solaris-card-description])){display:none}.solaris-card__meta:not(:has([solaris-card-meta])){display:none}.solaris-card__badge:not(:has([solaris-card-badge])){display:none}.solaris-card__footer-main:not(:has([solaris-card-footer])){display:none}.solaris-card__actions:not(:has([solaris-card-actions])){display:none}.solaris-card__header-main:not(:has([solaris-card-eyebrow],[solaris-card-title])){display:none}.solaris-card__header:not(:has([solaris-card-eyebrow],[solaris-card-title],[solaris-card-badge])){display:none}.solaris-card__footer:not(:has([solaris-card-footer],[solaris-card-actions])){display:none}:host([data-orientation=horizontal]) .solaris-card{flex-direction:row;align-items:stretch}:host([data-orientation=horizontal]) .solaris-card__media{flex:0 0 min(32%,var(--solaris-card-media-size));inline-size:min(32%,var(--solaris-card-media-size))}:host([data-orientation=horizontal]) .solaris-card__content{justify-content:center}:host([data-orientation=compact]) .solaris-card{flex-direction:row;align-items:center;gap:var(--solaris-space-3)}:host([data-orientation=compact]) .solaris-card__media{flex:0 0 auto;inline-size:var(--solaris-card-media-size)}:host([data-orientation=compact]) .solaris-card__content{gap:var(--solaris-space-2)}:host([data-orientation=compact]) .solaris-card__footer{margin-block-start:var(--solaris-space-1)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SolarisCard, decorators: [{
             type: Component,
@@ -6361,7 +6372,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                         '[style.--solaris-card-accent-custom]': 'customColor()',
                         '[style.--solaris-card-min-height]': 'normalizedMinHeight()',
                         '[style.--solaris-card-reserved-inline-end]': 'normalizedReservedInlineEnd()',
-                    }, template: "<article class=\"solaris-card\">\n  <div class=\"solaris-card__media\">\n    <ng-content select=\"solaris-card-media, [solaris-card-media]\"></ng-content>\n  </div>\n\n  <div class=\"solaris-card__content\">\n    <div class=\"solaris-card__header\">\n      <div class=\"solaris-card__header-main\">\n        <div class=\"solaris-card__eyebrow\">\n          <ng-content select=\"[solaris-card-eyebrow]\"></ng-content>\n        </div>\n\n        <div class=\"solaris-card__title\">\n          <ng-content select=\"[solaris-card-title]\"></ng-content>\n        </div>\n      </div>\n\n      <div class=\"solaris-card__badge\">\n        <ng-content select=\"[solaris-card-badge]\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"solaris-card__description\">\n      <ng-content select=\"[solaris-card-description]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-card__meta\">\n      <ng-content select=\"[solaris-card-meta]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-card__footer\">\n      <div class=\"solaris-card__footer-main\">\n        <ng-content select=\"[solaris-card-footer]\"></ng-content>\n      </div>\n\n      <div class=\"solaris-card__actions\">\n        <ng-content select=\"[solaris-card-actions]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</article>\n", styles: [":host{display:block;min-inline-size:0;inline-size:100%;--solaris-card-bg: var(--solaris-color-surface);--solaris-card-accent: var(--solaris-color-primary);--solaris-card-bg-hover: color-mix(in srgb, var(--solaris-card-bg) 92%, var(--solaris-color-white));--solaris-card-bg-selected: color-mix(in srgb, var(--solaris-card-accent) 8%, var(--solaris-color-surface));--solaris-card-border: var(--solaris-color-border);--solaris-card-border-invalid: var(--solaris-color-error);--solaris-card-border-hover: color-mix(in srgb, var(--solaris-card-accent) 18%, var(--solaris-card-border));--solaris-card-border-selected: color-mix(in srgb, var(--solaris-card-accent) 72%, var(--solaris-card-border));--solaris-card-shadow: var(--solaris-shadow-xs);--solaris-card-shadow-hover: var(--solaris-shadow-sm);--solaris-card-shadow-selected: var(--solaris-shadow-sm);--solaris-card-meta-color: var(--solaris-color-text);--solaris-card-title-color: var(--solaris-color-text);--solaris-card-eyebrow-color: var(--solaris-color-text-muted);--solaris-card-description-color: var(--solaris-color-text-muted);--solaris-card-disabled-opacity: .62;--solaris-card-gap: var(--solaris-space-4);--solaris-card-padding-x: var(--solaris-space-5);--solaris-card-padding-y: var(--solaris-space-5);--solaris-card-content-gap: var(--solaris-space-3);--solaris-card-padding-top: var(--solaris-card-padding-y);--solaris-card-padding-left: var(--solaris-card-padding-x);--solaris-card-padding-right: calc( var(--solaris-card-padding-x) + var(--solaris-card-reserved-inline-end, 0px) );--solaris-card-padding-bottom: var(--solaris-card-padding-y);--solaris-card-media-size: 7.2rem;--solaris-card-radius: var(--solaris-radius-lg)}:host([data-size=sm]){--solaris-card-padding-x: var(--solaris-space-4);--solaris-card-padding-y: var(--solaris-space-4);--solaris-card-gap: var(--solaris-space-3);--solaris-card-content-gap: var(--solaris-space-2);--solaris-card-media-size: 5.6rem}:host([data-size=md]){--solaris-card-padding-x: var(--solaris-space-5);--solaris-card-padding-y: var(--solaris-space-5);--solaris-card-gap: var(--solaris-space-4);--solaris-card-content-gap: var(--solaris-space-3);--solaris-card-media-size: 7.2rem}:host([data-size=lg]){--solaris-card-padding-x: var(--solaris-space-6);--solaris-card-padding-y: var(--solaris-space-6);--solaris-card-gap: var(--solaris-space-5);--solaris-card-content-gap: var(--solaris-space-4);--solaris-card-media-size: 8.8rem}:host([data-color=neutral]){--solaris-card-accent: var(--solaris-color-primary)}:host([data-color=primary]){--solaris-card-accent: var(--solaris-color-primary)}:host([data-color=success]){--solaris-card-accent: var(--solaris-color-success)}:host([data-color=warning]){--solaris-card-accent: var(--solaris-color-warning)}:host([data-color=error]){--solaris-card-accent: var(--solaris-color-error)}:host([data-color=info]){--solaris-card-accent: var(--solaris-color-info)}:host([data-color=custom]){--solaris-card-accent: var(--solaris-card-accent-custom, var(--solaris-color-primary))}:host([data-appearance=outline]){--solaris-card-bg: var(--solaris-color-surface);--solaris-card-border: var(--solaris-color-border);--solaris-card-shadow: var(--solaris-shadow-xs)}:host([data-appearance=soft]){--solaris-card-bg: color-mix( in srgb, var(--solaris-card-accent) 6%, var(--solaris-color-surface) );--solaris-card-border: color-mix( in srgb, var(--solaris-card-accent) 18%, var(--solaris-color-border) );--solaris-card-shadow: var(--solaris-shadow-xs)}:host([data-appearance=solid]){--solaris-card-bg: var(--solaris-card-accent);--solaris-card-bg-hover: color-mix( in srgb, var(--solaris-card-accent) 92%, var(--solaris-color-white) );--solaris-card-border: color-mix( in srgb, var(--solaris-card-accent) 80%, var(--solaris-color-border) );--solaris-card-title-color: var(--solaris-color-primary-contrast);--solaris-card-description-color: var(--solaris-color-primary-contrast);--solaris-card-meta-color: var(--solaris-color-primary-contrast);--solaris-card-eyebrow-color: var(--solaris-color-primary-contrast)}:host([data-appearance=elevated]){--solaris-card-bg: var(--solaris-color-surface);--solaris-card-border: color-mix(in srgb, var(--solaris-color-border) 70%, transparent);--solaris-card-shadow: var(--solaris-shadow-sm);--solaris-card-shadow-hover: var(--solaris-shadow-md)}:host([data-appearance=ghost]){--solaris-card-bg: transparent;--solaris-card-bg-hover: color-mix(in srgb, var(--solaris-card-accent) 4%, transparent);--solaris-card-border: transparent;--solaris-card-shadow: none;--solaris-card-shadow-hover: none}:host([data-appearance=glass]){--solaris-card-bg: color-mix(in srgb, var(--solaris-card-accent) 10%, transparent);--solaris-card-bg-hover: color-mix(in srgb, var(--solaris-card-accent) 16%, transparent);--solaris-card-border: color-mix( in srgb, var(--solaris-color-surface) 34%, var(--solaris-color-border) );--solaris-card-border-hover: color-mix( in srgb, var(--solaris-card-accent) 36%, var(--solaris-color-border) );--solaris-card-shadow: var(--solaris-shadow-sm);--solaris-card-shadow-hover: var(--solaris-shadow-md)}:host([data-appearance=gradient]){--solaris-card-bg: linear-gradient( 135deg, var(--solaris-card-accent) 0%, color-mix(in srgb, var(--solaris-card-accent) 62%, var(--solaris-color-text)) 100% );--solaris-card-bg-hover: linear-gradient( 135deg, color-mix(in srgb, var(--solaris-card-accent) 92%, var(--solaris-color-white)) 0%, color-mix(in srgb, var(--solaris-card-accent) 62%, var(--solaris-color-text)) 100% );--solaris-card-border: color-mix(in srgb, var(--solaris-card-accent) 42%, transparent);--solaris-card-border-hover: color-mix(in srgb, var(--solaris-card-accent) 64%, transparent);--solaris-card-title-color: var(--solaris-color-primary-contrast);--solaris-card-description-color: var(--solaris-color-primary-contrast);--solaris-card-meta-color: var(--solaris-color-primary-contrast);--solaris-card-eyebrow-color: var(--solaris-color-primary-contrast)}:host([data-invalid=true]){--solaris-card-border: var(--solaris-card-border-invalid);--solaris-card-border-hover: var(--solaris-card-border-invalid);--solaris-card-border-selected: var(--solaris-card-border-invalid)}.solaris-card{min-inline-size:0;inline-size:100%;min-block-size:var(--solaris-card-min-height, auto);position:relative;isolation:isolate;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;gap:var(--solaris-card-gap);padding:var(--solaris-card-padding-top) var(--solaris-card-padding-right) var(--solaris-card-padding-bottom) var(--solaris-card-padding-left);color:var(--solaris-color-text);background:var(--solaris-card-bg);border:1px solid var(--solaris-card-border);border-radius:var(--solaris-card-radius);box-shadow:var(--solaris-card-shadow)}:host([data-appearance=glass]) .solaris-card{backdrop-filter:blur(1.4rem) saturate(1.35);-webkit-backdrop-filter:blur(1.4rem) saturate(1.35)}:host([data-appearance=glass]) .solaris-card:before{content:\"\";position:absolute;inset:0;z-index:var(--solaris-z-base);pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,color-mix(in srgb,var(--solaris-color-surface) 18%,transparent) 0%,transparent 48%)}:host([data-appearance=gradient]) .solaris-card:before{content:\"\";position:absolute;inset:0;z-index:var(--solaris-z-base);pointer-events:none;border-radius:inherit;background:radial-gradient(circle at top right,color-mix(in srgb,var(--solaris-color-surface) 24%,transparent) 0%,transparent 42%)}.solaris-card>*{position:relative;z-index:var(--solaris-z-raised)}:host([data-interactive=true]:not([data-disabled=true])) .solaris-card{cursor:pointer;transition:background-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),border-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),box-shadow var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),transform var(--solaris-motion-duration-fast) var(--solaris-motion-ease-standard)}:host([data-interactive=true]:not([data-disabled=true])) .solaris-card:hover{background:var(--solaris-card-bg-hover);border-color:var(--solaris-card-border-hover);box-shadow:var(--solaris-card-shadow-hover)}:host([data-selected=true]) .solaris-card{border-color:var(--solaris-card-border-selected);box-shadow:var(--solaris-card-shadow-selected)}:host([data-selected=true][data-appearance=outline]) .solaris-card,:host([data-selected=true][data-appearance=elevated]) .solaris-card,:host([data-selected=true][data-appearance=ghost]) .solaris-card{background:var(--solaris-card-bg-selected)}:host([data-selected=true][data-appearance=soft]) .solaris-card{background:color-mix(in srgb,var(--solaris-card-accent) 12%,var(--solaris-color-surface))}:host([data-selected=true][data-appearance=solid]) .solaris-card,:host([data-selected=true][data-appearance=glass]) .solaris-card,:host([data-selected=true][data-appearance=gradient]) .solaris-card{background:var(--solaris-card-bg)}:host([data-disabled=true]) .solaris-card{cursor:not-allowed;box-shadow:none;opacity:var(--solaris-card-disabled-opacity)}.solaris-card__media{min-inline-size:0;inline-size:100%;overflow:hidden;border-radius:calc(var(--solaris-card-radius) - .2rem)}.solaris-card__content{min-inline-size:0;display:flex;flex:1 1 auto;flex-direction:column;gap:var(--solaris-card-content-gap)}.solaris-card__header{min-inline-size:0;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--solaris-space-3)}.solaris-card__header-main{min-inline-size:0;flex:1 1 auto;display:flex;flex-direction:column;gap:var(--solaris-space-2)}.solaris-card__eyebrow{min-inline-size:0;color:var(--solaris-card-eyebrow-color);font-size:var(--solaris-fs-12);line-height:var(--solaris-lh-normal);letter-spacing:var(--solaris-ls-md);text-transform:uppercase;overflow-wrap:anywhere}.solaris-card__title{min-inline-size:0;color:var(--solaris-card-title-color);font-size:var(--solaris-fs-16);font-weight:700;line-height:var(--solaris-lh-tight);overflow-wrap:anywhere}.solaris-card__description{min-inline-size:0;color:var(--solaris-card-description-color);font-size:var(--solaris-fs-14);line-height:var(--solaris-lh-normal);overflow-wrap:anywhere}.solaris-card__meta{min-inline-size:0;color:var(--solaris-card-meta-color);font-size:var(--solaris-fs-14);font-weight:600;line-height:var(--solaris-lh-normal);overflow-wrap:anywhere}.solaris-card__badge{flex:0 0 auto;display:inline-flex;align-items:flex-start}.solaris-card__footer{min-inline-size:0;display:flex;align-items:center;justify-content:space-between;gap:var(--solaris-space-3)}.solaris-card__footer-main{min-inline-size:0;flex:1 1 auto}.solaris-card__actions{flex:0 0 auto;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--solaris-space-2)}.solaris-card__media:not(:has(solaris-card-media,[solaris-card-media])){display:none}.solaris-card__eyebrow:not(:has([solaris-card-eyebrow])){display:none}.solaris-card__title:not(:has([solaris-card-title])){display:none}.solaris-card__description:not(:has([solaris-card-description])){display:none}.solaris-card__meta:not(:has([solaris-card-meta])){display:none}.solaris-card__badge:not(:has([solaris-card-badge])){display:none}.solaris-card__footer-main:not(:has([solaris-card-footer])){display:none}.solaris-card__actions:not(:has([solaris-card-actions])){display:none}.solaris-card__header-main:not(:has([solaris-card-eyebrow],[solaris-card-title])){display:none}.solaris-card__header:not(:has([solaris-card-eyebrow],[solaris-card-title],[solaris-card-badge])){display:none}.solaris-card__footer:not(:has([solaris-card-footer],[solaris-card-actions])){display:none}:host([data-orientation=horizontal]) .solaris-card{flex-direction:row;align-items:stretch}:host([data-orientation=horizontal]) .solaris-card__media{flex:0 0 min(32%,var(--solaris-card-media-size));inline-size:min(32%,var(--solaris-card-media-size))}:host([data-orientation=horizontal]) .solaris-card__content{justify-content:center}:host([data-orientation=compact]) .solaris-card{flex-direction:row;align-items:center;gap:var(--solaris-space-3)}:host([data-orientation=compact]) .solaris-card__media{flex:0 0 auto;inline-size:var(--solaris-card-media-size)}:host([data-orientation=compact]) .solaris-card__content{gap:var(--solaris-space-2)}:host([data-orientation=compact]) .solaris-card__footer{margin-block-start:var(--solaris-space-1)}\n"] }]
+                    }, template: "<article class=\"solaris-card\">\n  <div class=\"solaris-card__media\">\n    <ng-content select=\"solaris-card-media, [solaris-card-media]\"></ng-content>\n  </div>\n\n  <div class=\"solaris-card__content\">\n    <div class=\"solaris-card__header\">\n      <div class=\"solaris-card__header-main\">\n        <div class=\"solaris-card__eyebrow\">\n          <ng-content select=\"[solaris-card-eyebrow]\"></ng-content>\n        </div>\n\n        <div class=\"solaris-card__title\">\n          <ng-content select=\"[solaris-card-title]\"></ng-content>\n        </div>\n      </div>\n\n      <div class=\"solaris-card__badge\">\n        <ng-content select=\"[solaris-card-badge]\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"solaris-card__description\">\n      <ng-content select=\"[solaris-card-description]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-card__meta\">\n      <ng-content select=\"[solaris-card-meta]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-card__footer\">\n      <div class=\"solaris-card__footer-main\">\n        <ng-content select=\"[solaris-card-footer]\"></ng-content>\n      </div>\n\n      <div class=\"solaris-card__actions\">\n        <ng-content select=\"[solaris-card-actions]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</article>\n", styles: [":host{display:block;min-inline-size:0;inline-size:100%;--solaris-card-bg: var(--solaris-color-surface);--solaris-card-accent: var(--solaris-color-primary);--solaris-card-bg-hover: color-mix(in srgb, var(--solaris-card-bg) 92%, var(--solaris-color-white));--solaris-card-bg-selected: color-mix(in srgb, var(--solaris-card-accent) 8%, var(--solaris-color-surface));--solaris-card-border: var(--solaris-color-border);--solaris-card-border-invalid: var(--solaris-color-error);--solaris-card-border-hover: color-mix(in srgb, var(--solaris-card-accent) 18%, var(--solaris-card-border));--solaris-card-border-selected: color-mix(in srgb, var(--solaris-card-accent) 72%, var(--solaris-card-border));--solaris-card-shadow: var(--solaris-shadow-xs);--solaris-card-shadow-hover: var(--solaris-shadow-sm);--solaris-card-shadow-selected: var(--solaris-shadow-sm);--solaris-card-meta-color: var(--solaris-color-text);--solaris-card-title-color: var(--solaris-color-text);--solaris-card-eyebrow-color: var(--solaris-color-text-muted);--solaris-card-description-color: var(--solaris-color-text-muted);--solaris-card-disabled-opacity: .62;--solaris-card-gap: var(--solaris-space-4);--solaris-card-padding-x: var(--solaris-space-5);--solaris-card-padding-y: var(--solaris-space-5);--solaris-card-content-gap: var(--solaris-space-3);--solaris-card-padding-top: var(--solaris-card-padding-y);--solaris-card-padding-left: var(--solaris-card-padding-x);--solaris-card-padding-right: calc( var(--solaris-card-padding-x) + var(--solaris-card-reserved-inline-end, 0px) );--solaris-card-padding-bottom: var(--solaris-card-padding-y);--solaris-card-media-size: 7.2rem;--solaris-card-radius: var(--solaris-radius-lg)}:host([data-size=sm]){--solaris-card-padding-x: var(--solaris-space-4);--solaris-card-padding-y: var(--solaris-space-4);--solaris-card-gap: var(--solaris-space-3);--solaris-card-content-gap: var(--solaris-space-2);--solaris-card-media-size: 5.6rem}:host([data-size=md]){--solaris-card-padding-x: var(--solaris-space-5);--solaris-card-padding-y: var(--solaris-space-5);--solaris-card-gap: var(--solaris-space-4);--solaris-card-content-gap: var(--solaris-space-3);--solaris-card-media-size: 7.2rem}:host([data-size=lg]){--solaris-card-padding-x: var(--solaris-space-6);--solaris-card-padding-y: var(--solaris-space-6);--solaris-card-gap: var(--solaris-space-5);--solaris-card-content-gap: var(--solaris-space-4);--solaris-card-media-size: 8.8rem}:host([data-color=neutral]){--solaris-card-accent: var(--solaris-color-primary)}:host([data-color=primary]){--solaris-card-accent: var(--solaris-color-primary)}:host([data-color=success]){--solaris-card-accent: var(--solaris-color-success)}:host([data-color=warning]){--solaris-card-accent: var(--solaris-color-warning)}:host([data-color=error]){--solaris-card-accent: var(--solaris-color-error)}:host([data-color=info]){--solaris-card-accent: var(--solaris-color-info)}:host([data-color=custom]){--solaris-card-accent: var(--solaris-card-accent-custom, var(--solaris-color-primary))}:host([data-appearance=outline]){--solaris-card-bg: var(--solaris-color-surface);--solaris-card-border: var(--solaris-color-border);--solaris-card-shadow: var(--solaris-shadow-xs)}:host([data-appearance=soft]){--solaris-card-bg: color-mix( in srgb, var(--solaris-card-accent) 6%, var(--solaris-color-surface) );--solaris-card-border: color-mix( in srgb, var(--solaris-card-accent) 18%, var(--solaris-color-border) );--solaris-card-shadow: var(--solaris-shadow-xs)}:host([data-appearance=solid]){--solaris-card-bg: var(--solaris-card-accent);--solaris-card-bg-hover: color-mix( in srgb, var(--solaris-card-accent) 92%, var(--solaris-color-white) );--solaris-card-border: color-mix( in srgb, var(--solaris-card-accent) 80%, var(--solaris-color-border) );--solaris-card-title-color: var(--solaris-color-primary-contrast);--solaris-card-description-color: var(--solaris-color-primary-contrast);--solaris-card-meta-color: var(--solaris-color-primary-contrast);--solaris-card-eyebrow-color: var(--solaris-color-primary-contrast)}:host([data-appearance=elevated]){--solaris-card-bg: var(--solaris-color-surface);--solaris-card-border: color-mix(in srgb, var(--solaris-color-border) 70%, transparent);--solaris-card-shadow: var(--solaris-shadow-sm);--solaris-card-shadow-hover: var(--solaris-shadow-md)}:host([data-appearance=ghost]){--solaris-card-bg: transparent;--solaris-card-bg-hover: color-mix(in srgb, var(--solaris-card-accent) 4%, transparent);--solaris-card-border: transparent;--solaris-card-shadow: none;--solaris-card-shadow-hover: none}:host([data-appearance=glass]){--solaris-card-bg: color-mix(in srgb, var(--solaris-card-accent) 10%, transparent);--solaris-card-bg-hover: color-mix(in srgb, var(--solaris-card-accent) 16%, transparent);--solaris-card-border: color-mix( in srgb, var(--solaris-color-surface) 34%, var(--solaris-color-border) );--solaris-card-border-hover: color-mix( in srgb, var(--solaris-card-accent) 36%, var(--solaris-color-border) );--solaris-card-shadow: none;--solaris-card-shadow-hover: var(--solaris-shadow-xs);--solaris-card-shadow-selected: inset 0 0 0 .1rem color-mix(in srgb, var(--solaris-card-accent) 22%, transparent)}:host([data-selected=true][data-appearance=glass]) .solaris-card{background:color-mix(in srgb,var(--solaris-card-accent) 14%,transparent);border-color:var(--solaris-card-border-selected);box-shadow:var(--solaris-card-shadow-selected)}:host([data-appearance=gradient]){--solaris-card-bg: linear-gradient( 135deg, var(--solaris-card-accent) 0%, color-mix(in srgb, var(--solaris-card-accent) 62%, var(--solaris-color-text)) 100% );--solaris-card-bg-hover: linear-gradient( 135deg, color-mix(in srgb, var(--solaris-card-accent) 92%, var(--solaris-color-white)) 0%, color-mix(in srgb, var(--solaris-card-accent) 62%, var(--solaris-color-text)) 100% );--solaris-card-border: color-mix(in srgb, var(--solaris-card-accent) 42%, transparent);--solaris-card-border-hover: color-mix(in srgb, var(--solaris-card-accent) 64%, transparent);--solaris-card-title-color: var(--solaris-color-primary-contrast);--solaris-card-description-color: var(--solaris-color-primary-contrast);--solaris-card-meta-color: var(--solaris-color-primary-contrast);--solaris-card-eyebrow-color: var(--solaris-color-primary-contrast)}:host([data-invalid=true]){--solaris-card-border: var(--solaris-card-border-invalid);--solaris-card-border-hover: var(--solaris-card-border-invalid);--solaris-card-border-selected: var(--solaris-card-border-invalid)}.solaris-card{min-inline-size:0;inline-size:100%;min-block-size:var(--solaris-card-min-height, auto);position:relative;isolation:isolate;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;gap:var(--solaris-card-gap);padding:var(--solaris-card-padding-top) var(--solaris-card-padding-right) var(--solaris-card-padding-bottom) var(--solaris-card-padding-left);color:var(--solaris-color-text);background:var(--solaris-card-bg);border:1px solid var(--solaris-card-border);border-radius:var(--solaris-card-radius);box-shadow:var(--solaris-card-shadow)}:host([data-appearance=glass]) .solaris-card{backdrop-filter:blur(1.4rem) saturate(1.35);-webkit-backdrop-filter:blur(1.4rem) saturate(1.35)}:host([data-appearance=glass]) .solaris-card:before{content:\"\";position:absolute;inset:0;z-index:var(--solaris-z-base);pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,color-mix(in srgb,var(--solaris-color-surface) 18%,transparent) 0%,transparent 48%)}:host([data-appearance=gradient]) .solaris-card:before{content:\"\";position:absolute;inset:0;z-index:var(--solaris-z-base);pointer-events:none;border-radius:inherit;background:radial-gradient(circle at top right,color-mix(in srgb,var(--solaris-color-surface) 24%,transparent) 0%,transparent 42%)}.solaris-card>*{position:relative;z-index:var(--solaris-z-raised)}:host([data-interactive=true]:not([data-disabled=true])) .solaris-card{cursor:pointer;transition:background-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),border-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),box-shadow var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),transform var(--solaris-motion-duration-fast) var(--solaris-motion-ease-standard)}:host([data-interactive=true]:not([data-disabled=true])) .solaris-card:hover{background:var(--solaris-card-bg-hover);border-color:var(--solaris-card-border-hover);box-shadow:var(--solaris-card-shadow-hover)}:host([data-selected=true]) .solaris-card{border-color:var(--solaris-card-border-selected);box-shadow:var(--solaris-card-shadow-selected)}:host([data-selected=true][data-appearance=outline]) .solaris-card,:host([data-selected=true][data-appearance=elevated]) .solaris-card,:host([data-selected=true][data-appearance=ghost]) .solaris-card{background:var(--solaris-card-bg-selected)}:host([data-selected=true][data-appearance=soft]) .solaris-card{background:color-mix(in srgb,var(--solaris-card-accent) 12%,var(--solaris-color-surface))}:host([data-selected=true][data-appearance=solid]) .solaris-card,:host([data-selected=true][data-appearance=gradient]) .solaris-card{background:var(--solaris-card-bg)}:host([data-disabled=true]) .solaris-card{cursor:not-allowed;box-shadow:none;opacity:var(--solaris-card-disabled-opacity)}.solaris-card__media{min-inline-size:0;inline-size:100%;overflow:hidden;border-radius:calc(var(--solaris-card-radius) - .2rem)}.solaris-card__content{min-inline-size:0;display:flex;flex:1 1 auto;flex-direction:column;gap:var(--solaris-card-content-gap)}.solaris-card__header{min-inline-size:0;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--solaris-space-3)}.solaris-card__header-main{min-inline-size:0;flex:1 1 auto;display:flex;flex-direction:column;gap:var(--solaris-space-2)}.solaris-card__eyebrow{min-inline-size:0;color:var(--solaris-card-eyebrow-color);font-size:var(--solaris-fs-12);line-height:var(--solaris-lh-normal);letter-spacing:var(--solaris-ls-md);text-transform:uppercase;overflow-wrap:anywhere}.solaris-card__title{min-inline-size:0;color:var(--solaris-card-title-color);font-size:var(--solaris-fs-16);font-weight:700;line-height:var(--solaris-lh-tight);overflow-wrap:anywhere}.solaris-card__description{min-inline-size:0;color:var(--solaris-card-description-color);font-size:var(--solaris-fs-14);line-height:var(--solaris-lh-normal);overflow-wrap:anywhere}.solaris-card__meta{min-inline-size:0;color:var(--solaris-card-meta-color);font-size:var(--solaris-fs-14);font-weight:600;line-height:var(--solaris-lh-normal);overflow-wrap:anywhere}.solaris-card__badge{flex:0 0 auto;display:inline-flex;align-items:flex-start}.solaris-card__footer{min-inline-size:0;display:flex;align-items:center;justify-content:space-between;gap:var(--solaris-space-3)}.solaris-card__footer-main{min-inline-size:0;flex:1 1 auto}.solaris-card__actions{flex:0 0 auto;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--solaris-space-2)}.solaris-card__media:not(:has(solaris-card-media,[solaris-card-media])){display:none}.solaris-card__eyebrow:not(:has([solaris-card-eyebrow])){display:none}.solaris-card__title:not(:has([solaris-card-title])){display:none}.solaris-card__description:not(:has([solaris-card-description])){display:none}.solaris-card__meta:not(:has([solaris-card-meta])){display:none}.solaris-card__badge:not(:has([solaris-card-badge])){display:none}.solaris-card__footer-main:not(:has([solaris-card-footer])){display:none}.solaris-card__actions:not(:has([solaris-card-actions])){display:none}.solaris-card__header-main:not(:has([solaris-card-eyebrow],[solaris-card-title])){display:none}.solaris-card__header:not(:has([solaris-card-eyebrow],[solaris-card-title],[solaris-card-badge])){display:none}.solaris-card__footer:not(:has([solaris-card-footer],[solaris-card-actions])){display:none}:host([data-orientation=horizontal]) .solaris-card{flex-direction:row;align-items:stretch}:host([data-orientation=horizontal]) .solaris-card__media{flex:0 0 min(32%,var(--solaris-card-media-size));inline-size:min(32%,var(--solaris-card-media-size))}:host([data-orientation=horizontal]) .solaris-card__content{justify-content:center}:host([data-orientation=compact]) .solaris-card{flex-direction:row;align-items:center;gap:var(--solaris-space-3)}:host([data-orientation=compact]) .solaris-card__media{flex:0 0 auto;inline-size:var(--solaris-card-media-size)}:host([data-orientation=compact]) .solaris-card__content{gap:var(--solaris-space-2)}:host([data-orientation=compact]) .solaris-card__footer{margin-block-start:var(--solaris-space-1)}\n"] }]
         }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }], reservedInlineEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "reservedInlineEnd", required: false }] }] } });
 
 class SolarisSelectionCard {