@companycam/slab-web 1.31.6 → 1.31.8

package/index.js

@@ -922,6 +922,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[Gs]+=1);const Y0=G.span`
         `:null}
 `;function sM({ccMargin:e,...n}){return P.jsx(oM,{$ccMargin:e,...n})}const aM=G.div`
   display: grid; /* kill extra space created by display: inline-flex children (radios, checkboxes) */
+  position: relative;
 `,Vg=G.div`
   display: flex;
   align-items: center;
@@ -1281,7 +1282,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[Gs]+=1);const Y0=G.span`
   background: var(--cc_color_background_1);
   border-width: var(--cc_size_border_width_s);
   border-style: dashed;
-  border-color: ${e=>e.$status==="normal"?"var(--cc_color_border_input_inactive)":It(e.$status).accentColor};
+  border-color: ${e=>!e.$status||e.$status==="normal"?"var(--cc_color_border_input_inactive)":It(e.$status).accentColor};
   border-radius: var(--cc_size_border_radius_m);
 `,gR=G.div`
   position: relative;
@@ -1318,7 +1319,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[Gs]+=1);const Y0=G.span`
   &:hover {
     background: var(--cc_color_button_background_primary_alpha_10);
   }
-`;function _R({messages:e,id:n,status:t}){return P.jsx("div",{role:"region","aria-live":"assertive",children:P.jsx(hR,{id:n,children:e.map((r,i)=>P.jsx(pR,{children:P.jsxs(Vg,{$status:t,children:[P.jsx(Hg,{className:`mdi mdi-${It(t).icon}`,"aria-hidden":"true"}),P.jsx(Bg,{children:r})]})},i))})})}const yR=w.forwardRef(({onDrop:e,onDropAccepted:n,onDropRejected:t,accept:r,billboard:i,dropZoneStyle:o,fileUploadButtonLabel:a,multiple:c=!0,loading:u,messages:f,maxSize:p=1/0,...g},y)=>{const{className:_,message:b,status:x="normal",style:E,...T}=g,[z,L]=w.useState(!1),B=Z=>{const se=Z.target.files,ae=(r??"").split(",").map(ce=>ce.trim()),ue=[],fe=[];se&&Array.from(se).forEach(ce=>{ce.size<=p&&ae.includes(ce.type)?ue.push(ce):fe.push(ce)}),ue.length>0&&n&&n(ue),fe.length>0&&t&&t(fe),e(ue,fe,Z),L(!1)},X=Z=>{L(!0)},U=Z=>{L(!1)};return P.jsxs(gR,{onDragEnter:X,onDragLeave:U,$isDragOver:z,children:[P.jsx(mR,{ref:y,"aria-describedby":b?`${g.id}-message`:"","aria-disabled":u==null?void 0:u.isVisible,"aria-invalid":x==="error",type:"file",onChange:B,accept:r,multiple:c,$status:x,$isDragOver:z,...T}),P.jsxs(od,{htmlFor:g.id,$status:x,style:o,children:[u!=null&&u.isVisible?u.component:null,!(u!=null&&u.isVisible)&&i?P.jsx(Ig,{title:i.title,iconName:i.iconName,message:i.message,color:i.color,image:i.image}):null,!(u!=null&&u.isVisible)&&a?P.jsx(vR,{children:a}):null]}),f?P.jsx(_R,{id:b?`${g.id}-message`:"",messages:f,status:x},g.id):null]})}),bR=G.label`
+`;function _R({messages:e,id:n,status:t}){return P.jsx("div",{role:"region","aria-live":"assertive",children:P.jsx(hR,{id:n,children:e.map((r,i)=>P.jsx(pR,{children:P.jsxs(Vg,{$status:t,children:[P.jsx(Hg,{className:`mdi mdi-${It(t).icon}`,"aria-hidden":"true"}),P.jsx(Bg,{children:r})]})},i))})})}const yR=w.forwardRef(({onDrop:e,onDropAccepted:n,onDropRejected:t,accept:r,billboard:i,dropZoneStyle:o,fileUploadButtonLabel:a,multiple:c=!0,loading:u,messages:f,maxSize:p=1/0,...g},y)=>{const{className:_,message:b,status:x,style:E,...T}=g,[z,L]=w.useState(!1),B=Z=>{const se=Z.target.files,ae=(r??"").split(",").map(ce=>ce.trim()),ue=[],fe=[];se&&Array.from(se).forEach(ce=>{ce.size<=p&&ae.includes(ce.type)?ue.push(ce):fe.push(ce)}),ue.length>0&&n&&n(ue),fe.length>0&&t&&t(fe),e(ue,fe,Z),L(!1)},X=Z=>{L(!0)},U=Z=>{L(!1)};return P.jsxs(gR,{onDragEnter:X,onDragLeave:U,$isDragOver:z,children:[P.jsx(mR,{ref:y,"aria-describedby":b?`${g.id}-message`:"","aria-disabled":u==null?void 0:u.isVisible,"aria-invalid":x==="error"?!0:void 0,type:"file",onChange:B,accept:r,multiple:c,$status:x,$isDragOver:z,...T}),P.jsxs(od,{htmlFor:g.id,$status:x,style:o,children:[u!=null&&u.isVisible?u.component:null,!(u!=null&&u.isVisible)&&i?P.jsx(Ig,{title:i.title,iconName:i.iconName,message:i.message,color:i.color,image:i.image}):null,!(u!=null&&u.isVisible)&&a?P.jsx(vR,{children:a}):null]}),f?P.jsx(_R,{id:b?`${g.id}-message`:"",messages:f,status:x},g.id):null]})}),bR=G.label`
   all: initial;
   ${e=>e.$hideLabel?fr:pe`
           box-sizing: border-box;
@@ -2181,6 +2182,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[Gs]+=1);const Y0=G.span`
 `,eO=G.label`
   all: initial;
   cursor: pointer;
+  position: relative;
   width: ${e=>`var(--cc_size_avatar_${il[e.$size||"small"]})`};
   height: ${e=>`var(--cc_size_avatar_${il[e.$size||"small"]})`};
   transition: scale 0.3s ease-out;

package/index.mjs

@@ -6589,6 +6589,7 @@ function PN({ ccMargin: e, ...n }) {
 }
 const pM = j.div`
   display: grid; /* kill extra space created by display: inline-flex children (radios, checkboxes) */
+  position: relative;
 `, im = j.div`
   display: flex;
   align-items: center;
@@ -13478,7 +13479,7 @@ const bR = j.ul`
   background: var(--cc_color_background_1);
   border-width: var(--cc_size_border_width_s);
   border-style: dashed;
-  border-color: ${(e) => e.$status === "normal" ? "var(--cc_color_border_input_inactive)" : Vt(e.$status).accentColor};
+  border-color: ${(e) => !e.$status || e.$status === "normal" ? "var(--cc_color_border_input_inactive)" : Vt(e.$status).accentColor};
   border-radius: var(--cc_size_border_radius_m);
 `, xR = j.div`
   position: relative;
@@ -13543,7 +13544,7 @@ const RN = Gt(
     maxSize: p = 1 / 0,
     ...g
   }, y) => {
-    const { className: _, message: b, status: w = "normal", style: C, ...P } = g, [N, F] = nt(!1), B = (Z) => {
+    const { className: _, message: b, status: w, style: C, ...P } = g, [N, F] = nt(!1), B = (Z) => {
       const se = Z.target.files, ae = (r ?? "").split(",").map((ce) => ce.trim()), ue = [], fe = [];
       se && Array.from(se).forEach((ce) => {
         ce.size <= p && ae.includes(ce.type) ? ue.push(ce) : fe.push(ce);
@@ -13566,7 +13567,7 @@ const RN = Gt(
               ref: y,
               "aria-describedby": b ? `${g.id}-message` : "",
               "aria-disabled": u == null ? void 0 : u.isVisible,
-              "aria-invalid": w === "error",
+              "aria-invalid": w === "error" ? !0 : void 0,
               type: "file",
               onChange: B,
               accept: r,
@@ -23020,6 +23021,7 @@ const _l = {
 `, jL = j.label`
   all: initial;
   cursor: pointer;
+  position: relative;
   width: ${(e) => `var(--cc_size_avatar_${_l[e.$size || "small"]})`};
   height: ${(e) => `var(--cc_size_avatar_${_l[e.$size || "small"]})`};
   transition: scale 0.3s ease-out;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@companycam/slab-web",
-  "version": "1.31.6",
+  "version": "1.31.8",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {