@digital-ai/dot-components 3.2.1 → 3.2.2

package/index.esm.js

@@ -8293,6 +8293,7 @@ const StyledRadioGroupWrapper = styled.div`
       }
 
       .MuiFormLabel-root {
+        color: ${theme.palette.figma.typography.black};
         display: inline;
         width: 100%;
       }
@@ -10227,14 +10228,16 @@ const StyledPill = styled(Chip)`
 }) => css`
     &.${rootClassName$n} {
       background-color: ${({
-  backgroundcolor
+  backgroundcolor,
+  variant
 }) => {
-  return backgroundcolor || theme.palette.grey[200];
+  const defaultBackground = variant === 'filled' ? theme.palette.grey[200] : theme.palette.grey[50];
+  return backgroundcolor !== null && backgroundcolor !== void 0 ? backgroundcolor : defaultBackground;
 }};
       border-color: ${({
   bordercolor
 }) => {
-  return bordercolor ? bordercolor : theme.palette.layer.n700;
+  return bordercolor ? bordercolor : theme.palette.grey[200];
 }};
       color: ${({
   labelcolor
@@ -10245,7 +10248,7 @@ const StyledPill = styled(Chip)`
         color: ${({
   labelcolor
 }) => {
-  return labelcolor ? labelcolor : theme.palette.layer.n700;
+  return labelcolor ? labelcolor : theme.palette.grey.main;
 }};
         margin: ${theme.spacing(0, -0.5, 0, 1)};
       }
@@ -10264,18 +10267,9 @@ const StyledPill = styled(Chip)`
           }
         }
 
-        &.default {
-          background-color: ${theme.palette.grey[50]};
-          border-color: ${theme.palette.grey[200]};
-          color: ${theme.palette.layer.n700};
-          .dot-icon {
-            color: ${theme.palette.grey.main};
-          }
-        }
-
         &.success {
-          background-color: ${theme.palette.success[50]};
-          border-color: ${theme.palette.success.main};
+          background-color: ${theme.palette.figma.success.light};
+          border-color: ${theme.palette.figma.success.normal};
           color: ${theme.palette.layer.n700};
           .dot-icon {
             color: ${theme.palette.success.main};
@@ -10283,8 +10277,8 @@ const StyledPill = styled(Chip)`
         }
 
         &.warning {
-          background-color: ${theme.palette.warning[50]};
-          border-color: ${theme.palette.warning.main};
+          background-color: ${theme.palette.figma.warning.light};
+          border-color: ${theme.palette.figma.warning.normal};
           color: ${theme.palette.layer.n700};
           .dot-icon {
             color: ${theme.palette.warning.main};
@@ -10292,8 +10286,8 @@ const StyledPill = styled(Chip)`
         }
 
         &.in-progress {
-          background-color: ${theme.palette.primary[50]};
-          border-color: ${theme.palette.primary.main};
+          background-color: ${theme.palette.figma.primary.light};
+          border-color: ${theme.palette.figma.primary.normal};
           color: ${theme.palette.layer.n700};
           .dot-icon {
             color: ${theme.palette.primary.main};
@@ -10302,15 +10296,6 @@ const StyledPill = styled(Chip)`
       }
 
       &.MuiChip-filled {
-        &.default {
-          background-color: ${theme.palette.grey[200]};
-          border-color: ${theme.palette.grey[200]};
-          color: ${theme.palette.layer.n700};
-          .dot-icon {
-            color: ${theme.palette.grey.main};
-          }
-        }
-
         &.error {
           background-color: ${theme.palette.error.main};
           border-color: ${theme.palette.error.main};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "3.2.1",
+  "version": "3.2.2",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [