@mtdt/observeops-ds-elements 0.1.47 → 0.1.48

package/dist/elements-api.json

@@ -438,6 +438,13 @@
           "type": "Boolean",
           "default": "false"
         },
+        {
+          "prop": "muted",
+          "attribute": "muted",
+          "type": "Boolean",
+          "default": "false",
+          "note": "secondary/subdued link (e.g. a Cancel action) — lighter text, same dotted underline"
+        },
         {
           "prop": "disabled",
           "attribute": "disabled",

package/dist/observeops-elements.js

@@ -5009,7 +5009,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
       ], 2);
     };
   }
-}, hc = /* @__PURE__ */ je(vc, [["styles", [ec]]]), gc = '.lnk{font-family:var(--font-family, "Poppins", sans-serif);font-size:var(--text-sm, .8rem);color:var(--primary, #111c2c);text-decoration:underline dotted;cursor:pointer}.lnk:hover{text-decoration:underline dotted}.klink{color:var(--neutral-light, #7186a8);text-decoration:none}.klink:hover{color:var(--primary, #111c2c);text-decoration:underline dotted}.disabled{color:var(--neutral-light, #8e9fbc);opacity:.6;cursor:not-allowed;pointer-events:none;text-decoration:none}.as-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;height:var(--btn-height, 2.1rem);padding:0 15px;border:1px solid transparent;border-radius:var(--btn-radius, 4px);font-weight:500;text-decoration:none}.as-btn:hover{text-decoration:none}.as-btn.s-small{height:24px;padding:0 var(--padding-sm, 12px)}.as-btn.v-primary{background:var(--primary-button-bg, #07101f);color:var(--primary-button-text, #fff);border-color:var(--primary-button-bg, #07101f)}.as-btn.v-primary:hover{background:var(--primary-button-hover-bg, rgba(7, 16, 31, .7));border-color:var(--primary-button-hover-bg, rgba(7, 16, 31, .7))}.as-btn.v-primary-alt{background:var(--primary-alt, #1d2a3e);color:var(--primary-button-text, #fff);border-color:var(--primary-alt, #1d2a3e)}.as-btn.v-default{background:var(--default-button-bg, #fff);color:var(--default-button-text, #1d2a3e);border-color:var(--default-button-border, #e3e8f2)}.as-btn.v-default:hover{background:var(--default-button-hover-bg, var(--neutral-lightest, #ecf1f9));border-color:var(--outline-button-hover-border, rgba(17, 28, 44, .5))}.as-btn.v-transparent{background:transparent;color:var(--button-transparent-text, #7186a8);border-color:transparent}.as-btn.disabled{background:var(--button-disabled-bg, #ecf1f9);color:var(--button-disabled-text, rgba(0, 0, 0, .5));border-color:var(--button-disabled-border, #e3e8f2)}', bc = ["href", "target", "rel", "aria-disabled"], xc = {
+}, hc = /* @__PURE__ */ je(vc, [["styles", [ec]]]), gc = '.lnk{font-family:var(--font-family, "Poppins", sans-serif);font-size:var(--text-sm, .8rem);color:var(--primary, #111c2c);text-decoration:underline dotted;cursor:pointer}.lnk:hover{text-decoration:underline dotted}.klink{color:var(--neutral-light, #7186a8);text-decoration:none}.klink:hover{color:var(--primary, #111c2c);text-decoration:underline dotted}.muted{color:var(--neutral-light, #7186a8)}.muted:hover{color:var(--neutral-dark, #516381);text-decoration:underline dotted}.disabled{color:var(--neutral-light, #8e9fbc);opacity:.6;cursor:not-allowed;pointer-events:none;text-decoration:none}.as-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;height:var(--btn-height, 2.1rem);padding:0 15px;border:1px solid transparent;border-radius:var(--btn-radius, 4px);font-weight:500;text-decoration:none}.as-btn:hover{text-decoration:none}.as-btn.s-small{height:24px;padding:0 var(--padding-sm, 12px)}.as-btn.v-primary{background:var(--primary-button-bg, #07101f);color:var(--primary-button-text, #fff);border-color:var(--primary-button-bg, #07101f)}.as-btn.v-primary:hover{background:var(--primary-button-hover-bg, rgba(7, 16, 31, .7));border-color:var(--primary-button-hover-bg, rgba(7, 16, 31, .7))}.as-btn.v-primary-alt{background:var(--primary-alt, #1d2a3e);color:var(--primary-button-text, #fff);border-color:var(--primary-alt, #1d2a3e)}.as-btn.v-default{background:var(--default-button-bg, #fff);color:var(--default-button-text, #1d2a3e);border-color:var(--default-button-border, #e3e8f2)}.as-btn.v-default:hover{background:var(--default-button-hover-bg, var(--neutral-lightest, #ecf1f9));border-color:var(--outline-button-hover-border, rgba(17, 28, 44, .5))}.as-btn.v-transparent{background:transparent;color:var(--button-transparent-text, #7186a8);border-color:transparent}.as-btn.disabled{background:var(--button-disabled-bg, #ecf1f9);color:var(--button-disabled-text, rgba(0, 0, 0, .5));border-color:var(--button-disabled-border, #e3e8f2)}', bc = ["href", "target", "rel", "aria-disabled"], xc = {
   __name: "ObsLink.ce",
   props: {
     href: { type: String },
@@ -5018,11 +5018,13 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
     size: { type: String, default: "default" },
     external: { type: Boolean, default: !1 },
     kLink: { type: Boolean, default: !1 },
+    muted: { type: Boolean, default: !1 },
+    // secondary/subdued link (e.g. a Cancel action) — lighter text, same dotted underline
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
     return (t, o) => (a(), c("a", {
-      class: V(["lnk", [e.asButton ? ["as-btn", "v-" + e.variant, "s-" + e.size] : null, { klink: e.kLink && !e.asButton, disabled: e.disabled }]]),
+      class: V(["lnk", [e.asButton ? ["as-btn", "v-" + e.variant, "s-" + e.size] : null, { klink: e.kLink && !e.asButton, muted: e.muted && !e.asButton, disabled: e.disabled }]]),
       href: e.disabled ? void 0 : e.href || "#",
       target: e.external ? "_blank" : void 0,
       rel: e.external ? "noopener noreferrer" : void 0,
@@ -9211,6 +9213,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                         }, 8, ["onClick"]),
                         Q(K, {
                           class: "edit-cancel",
+                          muted: "",
                           onClick: _[2] || (_[2] = be((h) => Ye(), ["prevent"]))
                         }, {
                           default: Vt(() => [..._[9] || (_[9] = [