@theroutingcompany/components 0.0.107 → 0.0.108-alpha.0

package/dist/trc-components.es.js

@@ -8416,6 +8416,7 @@ const b0 = `
   ${({ variant: e, inverse: t }) => S7(e, t)}
   ${({ size: e }) => P7(e)}
 `, T7 = F.span`
+  width: 100%;
   ${(e) => h7(e)}
 `;
 function k7(e, t) {
@@ -8452,12 +8453,7 @@ function k7(e, t) {
     ...v,
     // allow all box properties too - we extend from it :)
     ...Qd(m)
-  }, D = ie(() => /* @__PURE__ */ w(
-    T7,
-    {
-      children: l
-    }
-  ), [l]);
+  }, D = ie(() => /* @__PURE__ */ w(T7, { children: l }), [l]);
   return r && !n ? /* @__PURE__ */ w(
     Xp,
     {
@@ -8529,7 +8525,10 @@ const I7 = "default", Jp = "info", O7 = "success", M7 = "warning", F7 = "danger"
   ${({ variant: e }) => e === Jp && `border: 1px solid ${f.color_gray_opacity_6}`};
   ${({ variant: e }) => e === O7 && `background-color: ${f.color_green_opacity_48};`};
   ${({ variant: e }) => e === M7 && `background-color: ${f.color_brand_solidago_opacity_48}`};
-  ${({ variant: e }) => e === F7 && `background-color: ${f.color_brand_red_opacity_48}`};
+  ${({ variant: e }) => e === F7 && `
+    background-color: rgba(218,91,64,0.20);
+    border: 1px solid ${f.color_brand_red_opacity_48};
+    `};
 `, N7 = F(Ge)`
   ${b0}
   ${R7}
@@ -8546,8 +8545,9 @@ const I7 = "default", Jp = "info", O7 = "success", M7 = "warning", F7 = "danger"
     layout: i = "default",
     // layout default is stacked all the time while inline is stacked on mobile and inline on desktop
     title: l,
-    ...s
-  } = t, c = Ot(s, tu.propNames ?? []), d = l ? /* @__PURE__ */ w(Ge, { mb: f.spacing_200, children: /* @__PURE__ */ w(ro, { as: "h2", looksLike: "h6", normal: !0, children: l }) }) : null, u = o ? /* @__PURE__ */ ne(
+    style: s,
+    ...c
+  } = t, d = Ot(c, tu.propNames ?? []), u = l ? /* @__PURE__ */ w(Ge, { mb: f.spacing_200, children: /* @__PURE__ */ w(ro, { as: "h2", looksLike: "h6", normal: !0, children: l }) }) : null, p = o ? /* @__PURE__ */ ne(
     N7,
     {
       as: "button",
@@ -8565,14 +8565,15 @@ const I7 = "default", Jp = "info", O7 = "success", M7 = "warning", F7 = "danger"
     L7,
     {
       ref: n,
-      ...c,
+      ...d,
+      style: s,
       tabIndex: -1,
       variant: a,
       overflow: "hidden",
-      "data-id": s["data-id"],
+      "data-id": c["data-id"],
       children: [
-        d,
         u,
+        p,
         /* @__PURE__ */ w(Lu, { space: f.spacing_300, children: r })
       ]
     }
@@ -19530,6 +19531,8 @@ const $n = F.input`
 
   ${({ truncate: e }) => e && Cb()}
 
+  ${({ textDecoration: e }) => e && `text-decoration: ${e};`}
+
   margin-block: 0;
   overflow-wrap: break-word;
   hyphens: auto;
@@ -19547,24 +19550,26 @@ const $n = F.input`
     negative: a = !1,
     italic: i,
     bold: l,
-    style: s = {},
-    as: c = "p",
-    ...d
+    textDecoration: s,
+    style: c = {},
+    as: d = "p",
+    ...u
   } = e;
-  let u, p;
-  n === "number" ? (u = e.fontWeight ?? (l ? 700 : 300), p = lR) : (u = e.fontWeight ?? (l ? 500 : 300), p = iR);
-  let g;
-  r ? g = r : a ? g = f.color_brand_red : o ? g = f.color_gray_52 : g = f.color_black;
-  const h = {
-    ...d,
+  let p, g;
+  n === "number" ? (p = e.fontWeight ?? (l ? 700 : 300), g = lR) : (p = e.fontWeight ?? (l ? 500 : 300), g = iR);
+  let h;
+  r ? h = r : a ? h = f.color_brand_red : o ? h = f.color_gray_52 : h = f.color_black;
+  const b = {
+    ...u,
     fontStyle: i ? "italic" : "normal",
-    textColor: g,
-    fontWeight: u,
-    style: s,
+    textColor: h,
+    fontWeight: p,
+    style: c,
     variant: n,
-    as: c
+    as: d,
+    textDecoration: s
   };
-  return /* @__PURE__ */ w(p, { ...h, ref: t });
+  return /* @__PURE__ */ w(g, { ...b, ref: t });
 }, dt = U(
   sR
 );