@granto-umbrella/umbrella-components 3.0.62 → 3.0.64

package/dist/umbrella-components.es.js

@@ -4404,6 +4404,13 @@ const K3 = {
     color: ${b.info.text.feedback.strong};
   `
 }, vK0 = {
+  xs: K`
+    padding: ${l0.size.half} 10px;
+    font-size: ${x.fontSizes.labelS};
+    font-weight: ${x.fontWeights.medium};
+    line-height: ${x.lineHeights.labelS};
+    font-family: ${x.fontFamily.base};
+  `,
   sm: K`
     padding: ${T.global.padding.xs}
       ${T.global.padding.sm};
@@ -60499,11 +60506,20 @@ const fW1 = q50, k4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defin
   className: o
 }) => {
   const m = r && k4[r], i = c && k4[c], s = gW1(t);
-  return /* @__PURE__ */ L.jsxs(LK0, { $size: t, $variant: n, $radius: l, className: o, children: [
-    m && /* @__PURE__ */ L.jsx(m, { size: parseInt(s) }),
-    a,
-    i && /* @__PURE__ */ L.jsx(i, { size: parseInt(s) })
-  ] });
+  return /* @__PURE__ */ L.jsxs(
+    LK0,
+    {
+      $size: t,
+      $variant: n,
+      $radius: l,
+      className: o,
+      children: [
+        m && /* @__PURE__ */ L.jsx(m, { size: parseInt(s) }),
+        a,
+        i && /* @__PURE__ */ L.jsx(i, { size: parseInt(s) })
+      ]
+    }
+  );
 }, MW1 = N.nav`
   display: flex;
   align-items: center;
@@ -60854,7 +60870,7 @@ const fW1 = q50, k4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defin
   position: relative;
   width: fit-content;
 `, FW1 = N.input`
-   width: ${T.global.padding.xl};
+  width: ${T.global.padding.xl};
   height: ${T.global.padding.xl};
   border: ${M1.global.sm} solid ${b.neutral[200]};
   border-radius: ${B0.global.radius.sm};
@@ -60892,7 +60908,7 @@ const fW1 = q50, k4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defin
   transform: ${({ active: a }) => a ? "scale(1)" : "scale(0.5)"};
 
   svg {
-    color: ${b.base.background}; 
+    color: ${b.base.background};
   }
 `, IW1 = N.span`
   font-size: ${x.fontSizes.labelS};
@@ -73651,7 +73667,6 @@ const H02 = N.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  
 
   width: 12.5px;
   height: 12.5px;
@@ -73660,19 +73675,19 @@ const H02 = N.button`
   background: transparent;
   cursor: pointer;
   opacity: 1;
-  
- 
+
   position: relative;
   top: 1.5px;
   left: 2px;
 
   transition: opacity 0.2s ease;
 
-  img, svg {
+  img,
+  svg {
     width: 100%;
     height: 100%;
-   
-    color: ${j.gray[800]}; 
+
+    color: ${j.gray[800]};
   }
 
   &:hover {
@@ -73683,7 +73698,11 @@ const H02 = N.button`
     cursor: not-allowed;
     opacity: 0.3;
   }
-`, f02 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC7SURBVHgBjZHBDcIwDEXbwIEjIzACjNAN2g3CJKgjMAHZIGxA2cCcuHYEOgF8lx8pQoqppS8ntl/iOKvKMO/9HvaENiJyT3FnAXAR6qAW+5MJEbhBfQhhgG9ysDZu6CEt6gAK4lsedHalllAY4EULGd9BCg7rAqAnX7Ce2FpkmeZGZwA11j5rZM7Nb7KA31w+vcgpLQLSTW/4kY+e/gE5dOA4G8aLgFqaXqujJPiygAQdq+8fPKirBah9AO3pdDF7m0ZHAAAAAElFTkSuQmCC", Gf2 = ({ onClick: a, useAsset: t = !1, ...n }) => /* @__PURE__ */ L.jsx(H02, { onClick: a, ...n, children: t ? /* @__PURE__ */ L.jsx("img", { src: f02, alt: "Editar" }) : /* @__PURE__ */ L.jsx(RT0, { weight: "bold" }) }), g02 = {
+`, f02 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC7SURBVHgBjZHBDcIwDEXbwIEjIzACjNAN2g3CJKgjMAHZIGxA2cCcuHYEOgF8lx8pQoqppS8ntl/iOKvKMO/9HvaENiJyT3FnAXAR6qAW+5MJEbhBfQhhgG9ysDZu6CEt6gAK4lsedHalllAY4EULGd9BCg7rAqAnX7Ce2FpkmeZGZwA11j5rZM7Nb7KA31w+vcgpLQLSTW/4kY+e/gE5dOA4G8aLgFqaXqujJPiygAQdq+8fPKirBah9AO3pdDF7m0ZHAAAAAElFTkSuQmCC", Gf2 = ({
+  onClick: a,
+  useAsset: t = !1,
+  ...n
+}) => /* @__PURE__ */ L.jsx(H02, { onClick: a, ...n, children: t ? /* @__PURE__ */ L.jsx("img", { src: f02, alt: "Editar" }) : /* @__PURE__ */ L.jsx(RT0, { weight: "bold" }) }), g02 = {
   error: K`
     color: ${b.danger.text.feedback.accent};
   `,
@@ -75102,7 +75121,6 @@ const n12 = N.div`
     )
   ] });
 }, X12 = N.div`
-
   display: flex;
   align-items: center;
 
@@ -75116,7 +75134,7 @@ const n12 = N.div`
     border-radius: ${({ $radius: a }) => B0.global.radius[a]};
 
     &:not(:first-child) {
-     margin-left: -${T.global.gap.md};
+      margin-left: -${T.global.gap.md};
     }
   }
   .avatar-group-counter {
@@ -102432,9 +102450,9 @@ const Ef2 = N.div`
   height: 100%;
 `, Nf2 = N.div`
   padding-bottom: ${T.global.padding.sm};
-  border-bottom: ${M1.global.sm} solid ${b.neutral[100]};
+  border-bottom: ${M1.global.sm} solid
+    ${b.neutral[100]};
   margin-bottom: ${T.global.gap.xs};
-  
 
   label {
     font-weight: bold;