dga-ui-react 1.4.0 → 1.5.0

package/dist/esm/index.js

@@ -617,9 +617,11 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{useDeb
 
   .leadIcon {
     margin-inline-end: 4px;
+    display: inline-flex;
   }
   .trailIcon {
     margin-inline-start: 4px;
+    display: inline-flex;
   }
 `,Gr=n=>{var i,{title:a,description:l,icon:s,type:d="default",state:c="default",effect:p="withShadow",expandableContent:u,actionsButtons:g,selected:h,expanded:A,onChange:f}=n,x=v(n,["title","description","icon","type","state","effect","expandableContent","actionsButtons","selected","expanded","onChange"]);const y=b(),[C,w]=o.useState(!1),[$,k]=o.useState(0),S=o.useRef(null),B=void 0!==A?A:C,E="selectable"===d,N="expandable"===d,z="expandable"===d||"selectable"===d?"all":"none";o.useEffect((()=>{var e;N&&(null===(e=S.current)||void 0===e?void 0:e.clientHeight)&&k(S.current.clientHeight)}),[N,null===(i=S.current)||void 0===i?void 0:i.clientHeight]);return t(Wr,Object.assign({className:m("dgaui dgaui_card"+("disabled"===c?" disabled":"")+(E?" selectable":""),x.className),$theme:y,$pointerEvents:z,$effect:p,$contentHeight:$,$expanded:B,$state:c},x,{tabIndex:0,onClick:e=>{x.onClick&&x.onClick(e),null==f||f(e,!h)},children:[(s||E)&&t("div",{className:"cardHeader",children:[e("div",{className:"iconContainer",children:s}),E&&e("div",{className:"checkboxContainer",onClick:e=>e.stopPropagation(),children:e(vr,{value:h,onChange:f,size:"medium",disabled:"disabled"===c})})]}),a&&e("div",{className:"titleContainer",children:a}),l&&e("div",{className:"descriptionContainer",children:l}),!!g&&g.length>0&&"default"===d&&e("div",{className:"actionsButtonsContainer",onClick:e=>e.stopPropagation(),children:g}),N&&t(r,{children:[e("div",{className:"caretButtonContainer",children:e("img",{src:pr,onClick:()=>{void 0===A&&w((e=>!e))},style:{transition:"all 0.2s",transform:B?"rotateZ(-180deg)":"none"}})}),e("div",{className:"expandableContentContainer",style:{height:B?$:0},children:e("div",{className:"expandableContent",ref:S,style:{visibility:B?"visible":"hidden"},children:u})})]})]}))},Wr=sr.div`
   direction: ${e=>e.$theme.direction};
@@ -2291,6 +2293,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{useDeb
       .dgaui_radio {
         box-shadow: 0 0 0px 12px #f3f4f6;
         background-color: #f3f4f6;
+        border-color: ${e=>e.$customStyle.backgroundColorActive};
       }
       &:has(input:checked) {
         .dgaui_radioDot {
@@ -2302,6 +2305,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{useDeb
     &:active {
       .dgaui_radio {
         background-color: #d2d6db;
+        border-color: ${e=>e.$customStyle.backgroundColorActive};
       }
       &:has(input:checked) {
         &:active {
@@ -2385,13 +2389,16 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{useDeb
     }
 
     &:has(input:checked) {
+      border-color: ${e=>e.$customStyle.backgroundColor};
       &:hover {
+        border-color: ${e=>e.$customStyle.backgroundColorHovered};
         background-color: #f3f4f6;
         .dgaui_radioDot {
           background-color: ${e=>e.$customStyle.backgroundColorHovered};
         }
       }
       &:active {
+        border-color: ${e=>e.$customStyle.backgroundColorActive};
         background-color: #f3f4f6;
         .dgaui_radioDot {
           background-color: ${e=>e.$customStyle.backgroundColorActive};