@zeniai/web-cockpit-ui 1.14.41-dev → 1.14.41-pune

package/dist/assets/LabeledAddressValueField-DxW5wUY3-CQXZCw2q.js

@@ -1,45 +0,0 @@
-import{e as f,cn as w,cv as v,B as y,j as r,$,ct as B,C as l,eY as z,g,q as i,J as T}from"./index-CAI8M7It.js";import{n as d}from"./vendor-rkTZJa59.js";const t={width:new l(343,580,726),height:new l(i[6],i[6]),controlMinHeight:new l(i[4],i[4]),paddingTopBottom:new l(i[2],i[2]),marginRight:new l(i[2],i[2]),labelMarginLeft:new l(i[3],i[4]),labelMarginRight:new l(i[3],i[4]),labelMarginTop:new l(i[2],i[2])},L={infoLabel:new T("extraSmallRegular","smallRegular")},M=y.getLocalizedStrings();function E({isDisabled:e,label:n,addressValueField:o,additionalInfoLabel:h,showAdditionalInfoLabel:m=!1,style:p,hasHoverBorder:u,isOptional:b}){const a=f(),{formState:{errors:x}}=w(),s=v(x,o.name),c=s?h:M.commonSetUp.businessVerification.addressAdditionInfo;return r.jsxs(R,{size:a,style:p,isDisabled:e!=null,isError:s,hasHoverBorder:u??!0,"data-testid":$("labeled-address-value-field",o.name),children:[r.jsx(B,{isDisabled:e,isOptional:b,label:n.label,htmlFor:o.name,style:{marginLeft:t.labelMarginLeft.value(a),marginRight:t.labelMarginRight.value(a),marginTop:t.labelMarginTop.value(a),width:n.width??"auto"}}),r.jsxs(j,{labelWidth:n.width,children:[r.jsx(z,{...o,isDisabled:e,style:{minHeight:t.controlMinHeight.value(a),paddingTop:t.paddingTopBottom.valuePx(a),paddingBottom:t.paddingTopBottom.valuePx(a),width:"-webkit-fill-available",display:"flex",flexGrow:1,...o.style}}),(m||s)&&r.jsx(P,{size:a,isError:s,children:c})]})]})}const R=d.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  background-color: ${e=>e.theme.colors.grey5};
-  width: ${e=>t.width.valuePx(e.size)};
-  min-height: ${e=>t.height.valuePx(e.size)};
-  padding-right: ${e=>t.marginRight.valuePx(e.size)};
-  padding-top: ${e=>t.paddingTopBottom.valuePx(e.size)};
-  padding-bottom: ${e=>t.paddingTopBottom.valuePx(e.size)};
-
-  &:focus-within {
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-  }
-
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-  &:hover {
-    z-index: 1;
-    outline: ${e=>e.hasHoverBorder?`1px solid ${e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary}`:"none"};
-    .address-value {
-      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?g.importantLight:e.theme.colors.background};
-    }
-  }
-`,j=d.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
-  align-items: flex-end;
-  flex-grow: 1;
-`,P=d.label`
-  display: flex;
-  color: ${e=>e.isError?g.important:e.theme.colors.grey1};
-  ${e=>`${L.infoLabel.style(e.size)}`};
-  padding-right: 12px;
-  text-align: right;
-`;export{E as C};