@bcc-code/component-library-vue 0.10.2 → 0.10.4

package/dist/component-library.js

@@ -4343,14 +4343,14 @@ const Nk = yf(jk, {
       colorScheme: {
         light: {
           root: {
-            background: "var(--color-background-accent-gray-default)",
-            checkedBackground: "var(--color-background-accent-gray-default)",
-            hoverBackground: "var(--color-background-accent-gray-default)",
-            borderColor: "var(--color-background-accent-gray-default)",
+            background: "var(--color-background-accent-gray-subtle-default)",
+            checkedBackground: "var(--color-background-accent-gray-subtle-default)",
+            hoverBackground: "var(--color-background-accent-gray-subtle-hover)",
+            borderColor: "var(--color-background-accent-gray-subtle-default)",
             color: "var(--color-text-subtle)",
             hoverColor: "var(--color-text-default)",
             checkedColor: "var(--color-text-default)",
-            checkedBorderColor: "var(--color-background-accent-gray-default)"
+            checkedBorderColor: "var(--color-background-accent-gray-subtle-default)"
           },
           content: {
             checkedBackground: "var(--color-elevation-surface-default)"
@@ -4363,14 +4363,14 @@ const Nk = yf(jk, {
         },
         dark: {
           root: {
-            background: "var(--color-background-accent-gray-default)",
-            checkedBackground: "var(--color-background-accent-gray-default)",
-            hoverBackground: "var(--color-background-accent-gray-default)",
-            borderColor: "var(--color-background-accent-gray-default)",
+            background: "var(--color-background-accent-gray-subtle-default)",
+            checkedBackground: "var(--color-background-accent-gray-subtle-default)",
+            hoverBackground: "var(--color-background-accent-gray-subtle-hover)",
+            borderColor: "var(--color-background-accent-gray-subtle-default)",
             color: "var(--color-text-subtle)",
             hoverColor: "var(--color-text-default)",
             checkedColor: "var(--color-text-default)",
-            checkedBorderColor: "var(--color-background-accent-gray-default)"
+            checkedBorderColor: "var(--color-background-accent-gray-subtle-default)"
           },
           content: {
             checkedBackground: "var(--color-elevation-surface-default)"
@@ -4680,7 +4680,7 @@ const Nk = yf(jk, {
         transitionDuration: "{transition.duration}"
       },
       tablist: {
-        borderWidth: "var(--border-width-0)",
+        borderWidth: "0 0 var(--border-width-2) 0",
         background: "transparent",
         borderColor: "var(--color-border-default)"
       },
@@ -4697,7 +4697,7 @@ const Nk = yf(jk, {
         activeColor: "var(--color-text-selected)",
         padding: "var(--space-150)",
         fontWeight: "var(--font-weight-medium)",
-        margin: "0",
+        margin: "0 0 var(--space-negative-25) 0",
         gap: "var(--space-100)",
         focusRing: {
           width: "{focus.ring.width}",
@@ -4734,7 +4734,7 @@ const Nk = yf(jk, {
       },
       activeBar: {
         height: "var(--space-25)",
-        bottom: "-1px",
+        bottom: "-2px",
         background: "var(--color-background-brand-bolder-default)"
       },
       colorScheme: {
@@ -9717,7 +9717,7 @@ const xC = {
     fixed: { type: Boolean },
     padded: { type: Boolean },
     transparent: { type: Boolean },
-    glass: { type: Boolean },
+    white: { type: Boolean },
     force: { type: Boolean },
     titleLeft: { type: Boolean }
   },
@@ -9733,7 +9733,7 @@ const xC = {
     return (o, a) => (d(), p("div", {
       class: S(["bcc-topbar pt-inset-top-1 top-0 z-30 w-full shrink-0 pb-1", [
         { relative: t.relative, fixed: t.fixed, sticky: !t.relative && !t.fixed },
-        t.transparent || t.glass ? t.glass ? "glass-bg" : "" : "bg-brand-800 text-white drop-shadow"
+        t.transparent ? "" : t.white ? "bg-elevation-surface-default text-default" : "bg-brand-800 text-white drop-shadow"
       ]])
     }, [
       k("div", {
@@ -17668,7 +17668,8 @@ const rP = ["for"], KN = /* @__PURE__ */ Te({
     unstyled: { type: Boolean },
     label: {},
     labelLeft: { type: Boolean },
-    justify: {}
+    justify: {},
+    labelClass: {}
   },
   setup(t) {
     const e = t, n = un(), r = ye(() => e.justify ? `justify-${e.justify}` : ""), i = ye(() => {
@@ -17685,7 +17686,8 @@ const rP = ["for"], KN = /* @__PURE__ */ Te({
         class: S([
           t.size === "large" ? "text-body-lg" : "text-body-md",
           { "text-disabled": t.disabled },
-          { "-order-1": t.labelLeft }
+          { "-order-1": t.labelLeft },
+          t.labelClass
         ])
       }, [
         b(o.$slots, "default", {}, () => [