@bcc-code/component-library-vue 0.9.9 → 0.9.12

package/dist/component-library.js

@@ -1575,7 +1575,7 @@ const Nk = yf(jk, {
       "5xl": "40px",
       "6xl": "56px",
       "7xl": "64px",
-      none: "normal"
+      none: "1"
     },
     "line-height": {
       xs: "12px",
@@ -1589,7 +1589,7 @@ const Nk = yf(jk, {
       "5xl": "40px",
       "6xl": "56px",
       "7xl": "64px",
-      none: "normal"
+      none: "1"
     },
     fontSize: {
       xs: "0.75rem",
@@ -3256,7 +3256,7 @@ const Nk = yf(jk, {
         padding: "var(--space-75) var(--space-150)",
         gap: "var(--space-100)",
         sm: {
-          padding: "var(--space-25) var(--space-100)"
+          padding: "var(--space-50) var(--space-100)"
         },
         lg: {
           padding: "var(--space-100) var(--space-200)"
@@ -3264,7 +3264,7 @@ const Nk = yf(jk, {
       },
       text: {
         fontSize: "var(--font-size-sm)",
-        fontWeight: "var(--font-weight-medium)",
+        fontWeight: "var(--font-weight-semibold)",
         sm: {
           fontSize: "var(--font-size-sm)"
         },
@@ -4688,7 +4688,7 @@ const Nk = yf(jk, {
         background: "transparent",
         hoverBackground: "transparent",
         activeBackground: "transparent",
-        borderWidth: "var(--border-width-2)",
+        borderWidth: "0 0 var(--border-width-2) 0",
         borderColor: "var(--color-border-default)",
         hoverBorderColor: "var(--color-border-default)",
         activeBorderColor: "var(--color-border-selected)",
@@ -9461,7 +9461,7 @@ const SC = {
 }, MC = { class: "bcc-react-dropdown" }, DC = ["onClick"], Ci = 7, Si = 36, PN = /* @__PURE__ */ Te({
   __name: "BccReact",
   props: {
-    emojis: {},
+    emojis: { default: () => [] },
     top: { type: Boolean, default: !1 },
     placeholder: { default: "Be the first to react 😉" }
   },
@@ -9498,7 +9498,7 @@ const SC = {
     }), ($, M) => (d(), p("div", PC, [
       B(au, { name: "bcc-fade" }, {
         default: w(() => [
-          i.value || t.emojis.some((z) => !z.selected) ? (d(), p("button", {
+          i.value || n.emojis.some((z) => !z.selected) ? (d(), p("button", {
             key: "toggle",
             ref_key: "toggleButton",
             ref: l,
@@ -9640,12 +9640,13 @@ const SC = {
     iconRight: { type: [String, Function, Object, Boolean] },
     rounded: { type: Boolean },
     clickable: { type: Boolean },
-    text: {}
+    text: {},
+    truncate: { type: Boolean }
   },
   setup(t) {
     const e = t, n = ye(() => {
-      const { text: r, icon: i, iconRight: o, rounded: a, ...s } = e;
-      return s;
+      const { text: r, icon: i, iconRight: o, rounded: a, truncate: s, ...l } = e;
+      return l;
     });
     return (r, i) => (d(), y(Qa, c({
       class: ["bcc-tag", { clickable: t.clickable }]
@@ -9657,9 +9658,13 @@ const SC = {
           key: 0,
           class: S(["bcc-badge-icon", { "order-1": t.iconRight === !0 }])
         }, null, 8, ["class"])) : g("", !0),
-        b(r.$slots, "default", {}, () => [
-          le(D(t.text), 1)
-        ]),
+        k("span", {
+          class: S({ truncate: t.truncate })
+        }, [
+          b(r.$slots, "default", {}, () => [
+            le(D(t.text), 1)
+          ])
+        ], 2),
         t.iconRight && typeof t.iconRight != "boolean" ? (d(), y(C(t.iconRight), {
           key: 1,
           class: "bcc-badge-icon"