@bcc-code/component-library-vue 0.0.0-dev.5e593e0 → 0.0.0-dev.5fe648d

package/dist/component-library.js

@@ -8831,12 +8831,13 @@ const SN = /* @__PURE__ */ Te({
     logoSrc: {},
     rounding: { default: "xl" },
     ratio: { default: "wide" },
-    grayscale: { type: Boolean }
+    grayscale: { type: Boolean },
+    highlight: { type: Boolean }
   },
   setup(t) {
     const e = t, n = $e(!1), r = $e(!1), i = ye(() => PI(e.ratio));
     return (o, a) => (d(), p("div", {
-      class: S(["bcc-graphic", Ii[t.rounding]]),
+      class: S(["bcc-graphic", [Ii[t.rounding], { "brightness-75 grayscale": t.grayscale, "brightness-150": t.highlight }]]),
       style: ht(`padding-bottom: ${i.value}`)
     }, [
       t.bannerSrc ? (d(), p(T, { key: 0 }, [
@@ -9592,7 +9593,7 @@ const xC = {
   class: "flex gap-2"
 }, AC = {
   key: 0,
-  class: "text-heading-sm text-default"
+  class: "heading-sm text-default"
 }, zC = {
   key: 1,
   class: "text-body-sm text-text-subtlest"
@@ -9687,7 +9688,7 @@ const xC = {
   }
 }), VC = { class: "center h-full w-full px-4 sm:px-6" }, jC = ["aria-label"], NC = {
   key: 0,
-  class: "text-heading-md"
+  class: "heading-md"
 }, HC = {
   key: 0,
   class: "h-6 w-20",
@@ -9763,7 +9764,7 @@ const xC = {
               class: S(["col pointer-events-none flex-1 gap-(--space-negative-25) truncate px-2", t.titleLeft ? "items-start text-left" : "text-center"])
             }, [
               k("h1", {
-                class: S(["w-full truncate", i.value.title.length > 24 ? "text-heading-sm" : "text-heading-md"])
+                class: S(["w-full truncate", i.value.title.length > 24 ? "heading-sm" : "heading-md"])
               }, [
                 b(o.$slots, "title", {
                   title: i.value.title
@@ -17233,7 +17234,7 @@ function H5(t, e, n, r, i, o) {
 tl.render = H5;
 const q5 = {
   key: 0,
-  class: "text-heading-sm leading-lg"
+  class: "heading-sm leading-lg"
 }, U5 = {
   key: 1,
   class: "text-body-md"