forstok-ui-lib 5.1.16 → 5.2.3

package/dist/index.mjs

@@ -238,7 +238,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
   height: 14px;
   margin-top: -7px;
   ${({color:e})=>{let t="";return e&&"initial"!==e&&(t+=`\n      fill: ${e};\n      stroke: ${e};\n    `),t}}
-`,se=e=>{var{children:t,$mode:n,$isIndicatorArrow:r=!1,isIndicatorArrowColor:i="initial",$isShown:o=!0,$shadow:a=!1,$isLoading:s=!1,refContainer:l,$activated:c=!1,$size:u,$iconLeft:d}=e,p=m(e,["children","$mode","$isIndicatorArrow","isIndicatorArrowColor","$isShown","$shadow","$isLoading","refContainer","$activated","$size","$iconLeft"]);const{disabled:g}=p,h=r?w.jsx(ae,{color:i,height:"20",width:"20",viewBox:"0 0 20 20","aria-hidden":"true",focusable:"false",children:w.jsx("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"})}):null;return w.jsxs(oe,Object.assign({},n&&{name:n},{$mode:n,$isIndicatorArrow:!!r,$isShown:!!o,$shadow:!!a,disabled:g||s||!1,$isLoading:!!s,ref:l,$activated:!!c,$size:u,$iconLeft:d},p,{children:[t,h]}))},le=f`
+`,se=e=>{var{children:t,$mode:n,$isIndicatorArrow:r=!1,isIndicatorArrowColor:i="initial",$isShown:o=!0,$shadow:a=!1,$isLoading:s=!1,refContainer:l,$activated:c=!1,$size:u,$iconLeft:d}=e,p=m(e,["children","$mode","$isIndicatorArrow","isIndicatorArrowColor","$isShown","$shadow","$isLoading","refContainer","$activated","$size","$iconLeft"]);const{type:g,disabled:h}=p,f=r?w.jsx(ae,{color:i,height:"20",width:"20",viewBox:"0 0 20 20","aria-hidden":"true",focusable:"false",children:w.jsx("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"})}):null;return w.jsxs(oe,Object.assign({type:g||"button"},n&&{name:n},{$mode:n,$isIndicatorArrow:!!r,$isShown:!!o,$shadow:!!a,disabled:h||s||!1,$isLoading:!!s,ref:l,$activated:!!c,$size:u,$iconLeft:d},p,{children:[t,f]}))},le=f`
   display: block;
   margin: 8px 0;
 `,ce=f`
@@ -925,5 +925,38 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
     overflow-wrap: break-word;
     word-break: break-word;
   }
-`;export{se as ButtonComponent,re as CheckboxComponent,De as DropdownComponent,bd as ErrorComponent,zd as FoContainer,Od as FormContainer,jd as HeaderContainer,me as IconComponent,co as ImageComponent,Zd as InfoGroup,K as InputComponent,$ as InputRefComponent,de as LabelComponent,z as LinkComponent,Wd as ListContainer,he as LoadingComponent,Re as MessageComponent,Ji as MessageQuestionComponent,Pd as PanelContainer,Md as PanelWrapper,oo as PopupComponent,be as ReactPortalComponent,Ad as SelectComponent,Vd as SingleFormContainer,Hd as TabsContainer,Yd as TabsContent,D as TextComponent,Rd as Title,Ld as UploadComponent,Xd as UploadDragDropComponent,T as boxBase,G as clearList,O as dropBase,N as elipsis,P as formLabel,V as headTable,L as multiElipsis,S as responseWidth,X as thirdElipsis};
+`,Jd=h.span`
+  color: var(--mt-clr);
+  font-size: 12px;
+  word-break: break-all;
+  &._refWithIcon {
+    display: grid;
+    grid-auto-flow: column;
+    justify-content: start;
+    grid-gap: 4px;
+    * { 
+      margin-right: 0; 
+    }
+  }
+  ${({$size:e})=>{if("medium"===e)return f` 
+        font-size: 13px;
+        line-height: 12px;
+        * { 
+          margin-right: 4px; 
+        }
+      `}}
+`,Qd=h.article`
+  > label, 
+  > aside {
+    ${P}
+    margin-bottom: 6px;
+    padding: 0 6px;
+    display: block;
+    font-size: 14px;
+  }
+  > div { 
+    display: grid; 
+  }
+  ${({$mode:e,$required:t})=>{let n="";return"column"===e?n+=" \n      display: grid;\n      grid-auto-flow: column;\n      grid-template-columns: 1.1fr 2fr;\n      align-items: baseline;\n      grid-gap: 10px;\n      > label, > aside {\n        padding: 0;\n        margin: 0;\n      }\n    ":"column-product"===e&&(n+=` \n      > div {\n        display: grid;\n        grid-auto-flow: column;\n        grid-template-columns: max-content auto;\n        grid-gap: 10px;\n        ${Jd} {\n          display: grid;\n          align-items: center;\n        }\n      }\n    `),t&&(n+=" \n      > label, > aside {\n        &:after {\n          content: '*';\n          color: red;\n        }\n      }\n    "),n}}
+`;export{se as ButtonComponent,re as CheckboxComponent,De as DropdownComponent,bd as ErrorComponent,zd as FoContainer,Od as FormContainer,jd as HeaderContainer,me as IconComponent,co as ImageComponent,Zd as InfoGroup,K as InputComponent,Qd as InputGroup,$ as InputRefComponent,de as LabelComponent,z as LinkComponent,Wd as ListContainer,he as LoadingComponent,Re as MessageComponent,Ji as MessageQuestionComponent,Jd as MuteLabel,Pd as PanelContainer,Md as PanelWrapper,oo as PopupComponent,be as ReactPortalComponent,Ad as SelectComponent,Vd as SingleFormContainer,Hd as TabsContainer,Yd as TabsContent,D as TextComponent,Rd as Title,Ld as UploadComponent,Xd as UploadDragDropComponent,T as boxBase,G as clearList,O as dropBase,N as elipsis,P as formLabel,V as headTable,L as multiElipsis,S as responseWidth,X as thirdElipsis};
 //# sourceMappingURL=index.mjs.map