dga-ui-react 1.8.2 → 1.8.3

package/dist/esm/index.js

@@ -3578,7 +3578,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{useDeb
       margin-inline-end: 0;
     }
   }
-`,ui=r=>{var{size:o="large",style:n="primary",rounded:i=!0,onColor:a=!1,selected:l=!1,disabled:s=!1,children:d,leadIcon:c,trailIcon:p}=r,u=v(r,["size","style","rounded","onColor","selected","disabled","children","leadIcon","trailIcon"]);const g=b();return t(gi,Object.assign({$size:o,$theme:g,$rounded:i,$selected:l,className:m("dgaui dgaui_chip"+("neutral"===n?" neutral":"")+(s?" disabled":"")+(a?" onColor":""),u.className),tabIndex:0},u,{children:[c&&e("div",{className:"leadIcon",children:c}),e("div",{children:d}),p&&e("div",{className:"trailIcon",children:p})]}))},gi=sr.div`
+`,ui=r=>{var{size:o="large",style:n="primary",rounded:i=!0,onColor:a=!1,selected:l=!1,disabled:s=!1,children:d,leadIcon:c,trailIcon:p}=r,u=v(r,["size","style","rounded","onColor","selected","disabled","children","leadIcon","trailIcon"]);const g=b();return t(gi,Object.assign({$size:o,$theme:g,$rounded:i,$selected:l,className:m("dgaui dgaui_chip"+("neutral"===n?" neutral":"")+(s?" disabled":"")+(a?" onColor":"")+(l?" selected":""),u.className),tabIndex:0},u,{children:[c&&e("div",{className:"leadIcon",children:c}),e("div",{children:d}),p&&e("div",{className:"trailIcon",children:p})]}))},gi=sr.div`
   direction: ${e=>e.$theme.direction};
   height: ${e=>"large"===e.$size?32:"medium"===e.$size?24:20}px;
   padding: ${e=>"large"===e.$size?4:3}px 12px;
@@ -3592,8 +3592,10 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{useDeb
   border-radius: ${e=>e.$rounded?9999:4}px;
   position: relative;
   outline: none;
+
   &:hover {
     background-color: ${e=>e.$theme.palette.primary[200]};
+    color: ${e=>e.$theme.palette.primary[800]};
   }
 
   &:focus {
@@ -3630,6 +3632,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{useDeb
 
     &:hover {
       background-color: ${e=>e.$theme.palette.neutral[200]};
+      color: ${e=>e.$theme.textColor};
     }
     &:active {
       background-color: ${e=>e.$theme.palette.neutral[300]};
@@ -3658,6 +3661,9 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{useDeb
       color: ${Yr};
     }
   }
+
+  &.selected {
+  }
 `,hi=r=>{var{size:o="large",style:n="Primary-Neutral",onColor:i=!1,selected:a=!1,disabled:l=!1,iconOnly:s=!1,children:d,leadIcon:c}=r,p=v(r,["size","style","onColor","selected","disabled","iconOnly","children","leadIcon"]);const u=b();return t(mi,Object.assign({$size:o,$theme:u,$iconOnly:s,$selected:a,className:m("dgaui dgaui_floatingButton"+("Primary-Brand"===n?" primaryBrand":"")+("Secondary-Solid"===n?" secondarySolid":"")+(l?" disabled":"")+(i?" onColor":""),p.className)},p,{children:[c&&e("div",{className:"leadIcon",children:c}),d&&!s&&e("div",{children:d})]}))},mi=sr.button`
   direction: ${e=>e.$theme.direction};
   height: ${e=>"large"===e.$size?64:56}px;