@digital-ai/dot-components 3.2.0 → 3.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/index.esm.js +15 -29
  2. package/package.json +1 -1
package/index.esm.js CHANGED
@@ -4000,6 +4000,7 @@ const DotList = ({
4000
4000
  width: listWidth
4001
4001
  },
4002
4002
  children: [items.map((item, index) => {
4003
+ var _a;
4003
4004
  const handleListItemClick = e => {
4004
4005
  var _a;
4005
4006
  const target = e.target;
@@ -4011,7 +4012,7 @@ const DotList = ({
4011
4012
  updateSelectedListItem(index);
4012
4013
  }
4013
4014
  };
4014
- const determineOnClick = item.onClick || item.items ? handleListItemClick : null;
4015
+ const determineOnClick = item.onClick || ((_a = item.items) === null || _a === void 0 ? void 0 : _a.length) ? handleListItemClick : null;
4015
4016
  const handleMenuLeave = event => {
4016
4017
  // TODO: Need to apply animation to open/close
4017
4018
  var _a, _b;
@@ -8292,6 +8293,7 @@ const StyledRadioGroupWrapper = styled.div`
8292
8293
  }
8293
8294
 
8294
8295
  .MuiFormLabel-root {
8296
+ color: ${theme.palette.figma.typography.black};
8295
8297
  display: inline;
8296
8298
  width: 100%;
8297
8299
  }
@@ -10226,14 +10228,16 @@ const StyledPill = styled(Chip)`
10226
10228
  }) => css`
10227
10229
  &.${rootClassName$n} {
10228
10230
  background-color: ${({
10229
- backgroundcolor
10231
+ backgroundcolor,
10232
+ variant
10230
10233
  }) => {
10231
- return backgroundcolor || theme.palette.grey[200];
10234
+ const defaultBackground = variant === 'filled' ? theme.palette.grey[200] : theme.palette.grey[50];
10235
+ return backgroundcolor !== null && backgroundcolor !== void 0 ? backgroundcolor : defaultBackground;
10232
10236
  }};
10233
10237
  border-color: ${({
10234
10238
  bordercolor
10235
10239
  }) => {
10236
- return bordercolor ? bordercolor : theme.palette.layer.n700;
10240
+ return bordercolor ? bordercolor : theme.palette.grey[200];
10237
10241
  }};
10238
10242
  color: ${({
10239
10243
  labelcolor
@@ -10244,7 +10248,7 @@ const StyledPill = styled(Chip)`
10244
10248
  color: ${({
10245
10249
  labelcolor
10246
10250
  }) => {
10247
- return labelcolor ? labelcolor : theme.palette.layer.n700;
10251
+ return labelcolor ? labelcolor : theme.palette.grey.main;
10248
10252
  }};
10249
10253
  margin: ${theme.spacing(0, -0.5, 0, 1)};
10250
10254
  }
@@ -10263,18 +10267,9 @@ const StyledPill = styled(Chip)`
10263
10267
  }
10264
10268
  }
10265
10269
 
10266
- &.default {
10267
- background-color: ${theme.palette.grey[50]};
10268
- border-color: ${theme.palette.grey[200]};
10269
- color: ${theme.palette.layer.n700};
10270
- .dot-icon {
10271
- color: ${theme.palette.grey.main};
10272
- }
10273
- }
10274
-
10275
10270
  &.success {
10276
- background-color: ${theme.palette.success[50]};
10277
- border-color: ${theme.palette.success.main};
10271
+ background-color: ${theme.palette.figma.success.light};
10272
+ border-color: ${theme.palette.figma.success.normal};
10278
10273
  color: ${theme.palette.layer.n700};
10279
10274
  .dot-icon {
10280
10275
  color: ${theme.palette.success.main};
@@ -10282,8 +10277,8 @@ const StyledPill = styled(Chip)`
10282
10277
  }
10283
10278
 
10284
10279
  &.warning {
10285
- background-color: ${theme.palette.warning[50]};
10286
- border-color: ${theme.palette.warning.main};
10280
+ background-color: ${theme.palette.figma.warning.light};
10281
+ border-color: ${theme.palette.figma.warning.normal};
10287
10282
  color: ${theme.palette.layer.n700};
10288
10283
  .dot-icon {
10289
10284
  color: ${theme.palette.warning.main};
@@ -10291,8 +10286,8 @@ const StyledPill = styled(Chip)`
10291
10286
  }
10292
10287
 
10293
10288
  &.in-progress {
10294
- background-color: ${theme.palette.primary[50]};
10295
- border-color: ${theme.palette.primary.main};
10289
+ background-color: ${theme.palette.figma.primary.light};
10290
+ border-color: ${theme.palette.figma.primary.normal};
10296
10291
  color: ${theme.palette.layer.n700};
10297
10292
  .dot-icon {
10298
10293
  color: ${theme.palette.primary.main};
@@ -10301,15 +10296,6 @@ const StyledPill = styled(Chip)`
10301
10296
  }
10302
10297
 
10303
10298
  &.MuiChip-filled {
10304
- &.default {
10305
- background-color: ${theme.palette.grey[200]};
10306
- border-color: ${theme.palette.grey[200]};
10307
- color: ${theme.palette.layer.n700};
10308
- .dot-icon {
10309
- color: ${theme.palette.grey.main};
10310
- }
10311
- }
10312
-
10313
10299
  &.error {
10314
10300
  background-color: ${theme.palette.error.main};
10315
10301
  border-color: ${theme.palette.error.main};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@digital-ai/dot-components",
3
- "version": "3.2.0",
3
+ "version": "3.2.2",
4
4
  "private": false,
5
5
  "license": "SEE LICENSE IN <LICENSE.md>",
6
6
  "contributors": [