@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.
- package/index.esm.js +15 -29
- 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
|
-
|
|
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.
|
|
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.
|
|
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
|
|
10277
|
-
border-color: ${theme.palette.success.
|
|
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
|
|
10286
|
-
border-color: ${theme.palette.warning.
|
|
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
|
|
10295
|
-
border-color: ${theme.palette.primary.
|
|
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};
|