@digital-ai/dot-components 2.11.1 → 2.11.3
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/CHANGE_LOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [2.11.3](https://www.npmjs.com/package/@digital-ai/dot-components) (07/24/2023)
|
|
4
|
+
|
|
5
|
+
[Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/2.11.2...2.11.3)
|
|
6
|
+
|
|
7
|
+
**Fixed bugs:**
|
|
8
|
+
|
|
9
|
+
- S-94066: Update avatar colors [\#1565](https://github.com/digital-ai/dot-components/pull/1565) ([CWSites](https://github.com/CWSites))
|
|
10
|
+
|
|
11
|
+
## [2.11.2](https://www.npmjs.com/package/@digital-ai/dot-components) (07/18/2023)
|
|
12
|
+
|
|
13
|
+
[Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/2.11.1...2.11.2)
|
|
14
|
+
|
|
15
|
+
**Fixed bugs:**
|
|
16
|
+
|
|
17
|
+
- D-25273: Fix action bar placement [\#1562](https://github.com/digital-ai/dot-components/pull/1562) ([ryangamble](https://github.com/ryangamble))
|
|
18
|
+
- \#1556 Show placeholder when values are empty [\#1560](https://github.com/digital-ai/dot-components/pull/1560) ([angel-git](https://github.com/angel-git))
|
|
19
|
+
|
|
3
20
|
## [2.11.1](https://www.npmjs.com/package/@digital-ai/dot-components) (07/18/2023)
|
|
4
21
|
|
|
5
22
|
[Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/2.11.0...2.11.1)
|
|
@@ -628,7 +645,6 @@
|
|
|
628
645
|
**Fixed bugs:**
|
|
629
646
|
|
|
630
647
|
- D-20378: update input margin to account for helper text [\#1212](https://github.com/digital-ai/dot-components/pull/1212) ([CWSites](https://github.com/CWSites))
|
|
631
|
-
- D-20404: update table border color [\#1211](https://github.com/digital-ai/dot-components/pull/1211) ([CWSites](https://github.com/CWSites))
|
|
632
648
|
- D-21918: Update `DotAlertBanner` to match Figma [\#1208](https://github.com/digital-ai/dot-components/pull/1208) ([CWSites](https://github.com/CWSites))
|
|
633
649
|
|
|
634
650
|
## [1.19.1](https://www.npmjs.com/package/@digital-ai/dot-components) (07/18/2022)
|
|
@@ -640,6 +656,7 @@
|
|
|
640
656
|
- D-22029: `DotAutocomplete`: fix id attribute on input [\#1217](https://github.com/digital-ai/dot-components/pull/1217) ([angel-git](https://github.com/angel-git))
|
|
641
657
|
- D-20693: `DotSidebar` updates to match Figma [\#1214](https://github.com/digital-ai/dot-components/pull/1214) ([CWSites](https://github.com/CWSites))
|
|
642
658
|
- D-20329: add href to application logo [\#1213](https://github.com/digital-ai/dot-components/pull/1213) ([CWSites](https://github.com/CWSites))
|
|
659
|
+
- D-20404: update table border color [\#1211](https://github.com/digital-ai/dot-components/pull/1211) ([CWSites](https://github.com/CWSites))
|
|
643
660
|
- D-21972: Adds props for custom tooltip position in ListItemProps [\#1207](https://github.com/digital-ai/dot-components/pull/1207) ([s-zimm](https://github.com/s-zimm))
|
|
644
661
|
|
|
645
662
|
## [1.19.0](https://www.npmjs.com/package/@digital-ai/dot-components) (07/11/2022)
|
|
@@ -792,6 +809,8 @@
|
|
|
792
809
|
- S-82899: `DotCheckbox`: Add more Storybook examples [\#1090](https://github.com/digital-ai/dot-components/pull/1090) ([dmiletic85](https://github.com/dmiletic85))
|
|
793
810
|
- S-82453: `TruncateWithTooltip`: Create new component [\#1072](https://github.com/digital-ai/dot-components/pull/1072) ([dmiletic85](https://github.com/dmiletic85))
|
|
794
811
|
- S-82519: `Snackbar` Allow positioning [\#1064](https://github.com/digital-ai/dot-components/pull/1064) ([dmiletic85](https://github.com/dmiletic85))
|
|
812
|
+
- S-82617: `DotInputText` Expose mouse up event [\#1063](https://github.com/digital-ai/dot-components/pull/1063) ([dmiletic85](https://github.com/dmiletic85))
|
|
813
|
+
- S-76904: `InlineEdit` improvements [\#1053](https://github.com/digital-ai/dot-components/pull/1053) ([dmiletic85](https://github.com/dmiletic85))
|
|
795
814
|
- S-82059: `DraggableList`: Create and export the component [\#1003](https://github.com/digital-ai/dot-components/pull/1003) ([dmiletic85](https://github.com/dmiletic85))
|
|
796
815
|
|
|
797
816
|
**Fixed bugs:**
|
|
@@ -816,10 +835,6 @@
|
|
|
816
835
|
|
|
817
836
|
[Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/1.11.1...1.11.2)
|
|
818
837
|
|
|
819
|
-
**Features:**
|
|
820
|
-
|
|
821
|
-
- S-82617: `DotInputText` Expose mouse up event [\#1063](https://github.com/digital-ai/dot-components/pull/1063) ([dmiletic85](https://github.com/dmiletic85))
|
|
822
|
-
|
|
823
838
|
**Misc:**
|
|
824
839
|
|
|
825
840
|
- March14th2022 update [\#1058](https://github.com/digital-ai/dot-components/pull/1058) ([BojanKocijan](https://github.com/BojanKocijan))
|
|
@@ -937,6 +952,7 @@
|
|
|
937
952
|
|
|
938
953
|
- D-19722: `Table`: Fix Storybook issues by refactoring Table's story. [\#974](https://github.com/digital-ai/dot-components/pull/974) ([dmiletic85](https://github.com/dmiletic85))
|
|
939
954
|
- D-19713: Do not show alert banner close button if onClose not provided [\#973](https://github.com/digital-ai/dot-components/pull/973) ([selsemore](https://github.com/selsemore))
|
|
955
|
+
- D-19474: DotDrawer fixes [\#939](https://github.com/digital-ai/dot-components/pull/939) ([selsemore](https://github.com/selsemore))
|
|
940
956
|
|
|
941
957
|
**Misc:**
|
|
942
958
|
|
|
@@ -981,7 +997,6 @@
|
|
|
981
997
|
**Fixed bugs:**
|
|
982
998
|
|
|
983
999
|
- D-19520: `AppToolbar`: Unnecessary scrollbar on the menu [\#941](https://github.com/digital-ai/dot-components/pull/941) ([dmiletic85](https://github.com/dmiletic85))
|
|
984
|
-
- D-19474: DotDrawer fixes [\#939](https://github.com/digital-ai/dot-components/pull/939) ([selsemore](https://github.com/selsemore))
|
|
985
1000
|
|
|
986
1001
|
**Misc:**
|
|
987
1002
|
|
|
@@ -1302,6 +1317,7 @@
|
|
|
1302
1317
|
- S-79291: update nested dependencies [\#700](https://github.com/digital-ai/dot-components/pull/700) ([CWSites](https://github.com/CWSites))
|
|
1303
1318
|
- S-78832: Agility icon & badge updates [\#698](https://github.com/digital-ai/dot-components/pull/698) ([CWSites](https://github.com/CWSites))
|
|
1304
1319
|
- S-79251: add workflow for sonarqube scan when code merged to develop [\#697](https://github.com/digital-ai/dot-components/pull/697) ([CWSites](https://github.com/CWSites))
|
|
1320
|
+
- S-76906: table action column [\#692](https://github.com/digital-ai/dot-components/pull/692) ([monapatel91](https://github.com/monapatel91))
|
|
1305
1321
|
|
|
1306
1322
|
## [1.1.0](https://www.npmjs.com/package/@digital-ai/dot-components) (09/29/2021)
|
|
1307
1323
|
|
|
@@ -1311,7 +1327,6 @@
|
|
|
1311
1327
|
|
|
1312
1328
|
- MINOR release [\#695](https://github.com/digital-ai/dot-components/pull/695) ([CWSites](https://github.com/CWSites))
|
|
1313
1329
|
- pass value to tab [\#694](https://github.com/digital-ai/dot-components/pull/694) ([kmmarsh](https://github.com/kmmarsh))
|
|
1314
|
-
- S-76906: table action column [\#692](https://github.com/digital-ai/dot-components/pull/692) ([monapatel91](https://github.com/monapatel91))
|
|
1315
1330
|
- S-78831: update AppToolbar component for Agility [\#691](https://github.com/digital-ai/dot-components/pull/691) ([CWSites](https://github.com/CWSites))
|
|
1316
1331
|
|
|
1317
1332
|
## [1.0.12](https://www.npmjs.com/package/@digital-ai/dot-components) (09/23/2021)
|
|
@@ -1349,6 +1364,10 @@
|
|
|
1349
1364
|
|
|
1350
1365
|
[Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/1.0.9...1.0.10)
|
|
1351
1366
|
|
|
1367
|
+
**Features:**
|
|
1368
|
+
|
|
1369
|
+
- S-78487: Add agility colors for Accordion, Pill and Tabs [\#661](https://github.com/digital-ai/dot-components/pull/661) ([angel-git](https://github.com/angel-git))
|
|
1370
|
+
|
|
1352
1371
|
**Fixed bugs:**
|
|
1353
1372
|
|
|
1354
1373
|
- D-18424: include breadcrumb wrapper with breadcrumb component [\#675](https://github.com/digital-ai/dot-components/pull/675) ([CWSites](https://github.com/CWSites))
|
|
@@ -1362,10 +1381,6 @@
|
|
|
1362
1381
|
|
|
1363
1382
|
[Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/1.0.8...1.0.9)
|
|
1364
1383
|
|
|
1365
|
-
**Features:**
|
|
1366
|
-
|
|
1367
|
-
- S-78487: Add agility colors for Accordion, Pill and Tabs [\#661](https://github.com/digital-ai/dot-components/pull/661) ([angel-git](https://github.com/angel-git))
|
|
1368
|
-
|
|
1369
1384
|
**Fixed bugs:**
|
|
1370
1385
|
|
|
1371
1386
|
- D-18730: action toolbar support [\#671](https://github.com/digital-ai/dot-components/pull/671) ([CWSites](https://github.com/CWSites))
|
package/index.esm.js
CHANGED
|
@@ -639,6 +639,10 @@ const avatarColors = {
|
|
|
639
639
|
color: n700,
|
|
640
640
|
backgroundColor: n100
|
|
641
641
|
},
|
|
642
|
+
inherit: {
|
|
643
|
+
color: 'inherit',
|
|
644
|
+
backgroundColor: null
|
|
645
|
+
},
|
|
642
646
|
green: {
|
|
643
647
|
color: n0,
|
|
644
648
|
backgroundColor: g500
|
|
@@ -672,8 +676,12 @@ const avatarColors = {
|
|
|
672
676
|
backgroundColor: n200
|
|
673
677
|
},
|
|
674
678
|
transparent: {
|
|
675
|
-
color:
|
|
679
|
+
color: n700,
|
|
676
680
|
backgroundColor: 'transparent'
|
|
681
|
+
},
|
|
682
|
+
white: {
|
|
683
|
+
color: n700,
|
|
684
|
+
backgroundColor: n0
|
|
677
685
|
}
|
|
678
686
|
};
|
|
679
687
|
const darkTheme = createTheme({
|
|
@@ -1627,7 +1635,7 @@ const StyledAvatar = styled(Avatar).withConfig({
|
|
|
1627
1635
|
}, theme.palette.layer.n0, theme.palette.layer.n900, ({
|
|
1628
1636
|
color
|
|
1629
1637
|
}) => {
|
|
1630
|
-
return color
|
|
1638
|
+
return color ? theme.palette.avatarColors[color].color : theme.palette.avatarColors['default'].color;
|
|
1631
1639
|
}, theme.spacing(avatarSpacing.small), theme.spacing(avatarSpacing.small), theme.spacing(avatarSpacing.medium), theme.spacing(avatarSpacing.medium), theme.spacing(avatarSpacing.large), theme.spacing(avatarSpacing.large)));
|
|
1632
1640
|
|
|
1633
1641
|
const AvatarContent = ({
|
|
@@ -1649,7 +1657,6 @@ const AvatarContent = ({
|
|
|
1649
1657
|
}
|
|
1650
1658
|
};
|
|
1651
1659
|
const parsedText = () => {
|
|
1652
|
-
if (!isString$1(text)) return;
|
|
1653
1660
|
const textArray = text.split(' ');
|
|
1654
1661
|
if (textArray.length > 1) {
|
|
1655
1662
|
const firstInitial = textArray[0].slice(0, 1);
|
|
@@ -1699,6 +1706,7 @@ const DotAvatar = ({
|
|
|
1699
1706
|
}) => {
|
|
1700
1707
|
const rootClasses = useStylesWithRootClass(rootClassName$10, className);
|
|
1701
1708
|
const getAvatarColor = () => {
|
|
1709
|
+
if ((style === null || style === void 0 ? void 0 : style.color) !== undefined) return 'inherit';
|
|
1702
1710
|
if (color) return color;
|
|
1703
1711
|
if (_text && _text !== alt) return getAvatarColorForInputText(_text);
|
|
1704
1712
|
return 'default';
|
|
@@ -4383,6 +4391,13 @@ const getChipsFromAutocomplete = ({
|
|
|
4383
4391
|
});
|
|
4384
4392
|
};
|
|
4385
4393
|
const checkIfDuplicateItem = (itemText, autocompleteOptions) => autocompleteOptions.some(autocompleteOption => autocompleteOption.title === itemText);
|
|
4394
|
+
const isEmptyValue = value => {
|
|
4395
|
+
if (Array.isArray(value)) {
|
|
4396
|
+
return value.length === 0;
|
|
4397
|
+
} else {
|
|
4398
|
+
return !value;
|
|
4399
|
+
}
|
|
4400
|
+
};
|
|
4386
4401
|
|
|
4387
4402
|
function ariaLabelOrAlternates(ariaLabel, label, placeholder) {
|
|
4388
4403
|
return ariaLabel || label || placeholder;
|
|
@@ -4431,7 +4446,7 @@ const DotAutoComplete = ({
|
|
|
4431
4446
|
value,
|
|
4432
4447
|
warning: _warning = false
|
|
4433
4448
|
}) => {
|
|
4434
|
-
const [showPlaceholder, setShowPlaceholder] = useState(
|
|
4449
|
+
const [showPlaceholder, setShowPlaceholder] = useState(isEmptyValue(value) && isEmptyValue(defaultValue));
|
|
4435
4450
|
const [isOpened, setIsOpened] = useState(false);
|
|
4436
4451
|
const [inputText, setInputText] = useState('');
|
|
4437
4452
|
// Used for focus management while popper is opened
|
|
@@ -7820,14 +7835,14 @@ const StyledStepper = styled.div.withConfig({
|
|
|
7820
7835
|
componentId: "sc-1qka0yq-0"
|
|
7821
7836
|
})(["", ""], ({
|
|
7822
7837
|
theme
|
|
7823
|
-
}) => css(["&.", "{display:flex;align-items:flex-start;padding:0;width:100%;&.left{flex-direction:row
|
|
7838
|
+
}) => css(["&.", "{display:flex;align-items:flex-start;padding:0;width:100%;&.left{flex-direction:row;}&.right{flex-direction:row-reverse;}.", "{padding:", ";&.MuiStepper-horizontal{padding:0;display:flex;flex-direction:column;}.MuiStep-root{width:315px;.dot-icon{display:flex;background:", ";border-radius:50%;color:", ";height:28px;width:28px;}.dot-typography{color:", ";}.MuiStepContent-root{border-left-color:", ";}&.MuiStep-horizontal{padding:", ";.dot-avatar i:before{color:", ";}.dot-avatar,.dot-icon{background:", ";}.dot-typography{color:", ";}.horizontal-step-description{color:", ";}&:hover{cursor:pointer;}&.completed{.dot-avatar i:before{color:", ";}.dot-avatar,.dot-icon{background:", ";}}&.active{background:", ";}&.error{.dot-avatar i:before{color:", ";}.dot-avatar,.dot-icon{background:", ";}}&.in-progress{.dot-avatar i:before{color:", ";}}}&.MuiStep-vertical{&.completed{.dot-typography,.dot-icon{color:", ";}}&.active{.dot-icon{background:", ";color:", ";}.step-label.dot-typography{color:", ";}.dot-typography{color:", ";}}&.error{.dot-typography{color:", ";}.dot-icon{background:", ";border:1px solid ", ";color:", ";}}}&.disabled{.dot-icon{color:", ";}.dot-typography{color:", ";}}&:last-of-type .MuiStepContent-root{border-left-color:transparent;}}}.", "{width:100%;.step-content-container{padding:", ";}}}"], rootClassName$i, stepListClassName, theme.spacing(3), theme.palette.primary['50'], theme.palette.primary['50'], theme.palette.layer.n300, theme.palette.layer.n300, theme.spacing(1), theme.palette.layer.n300, theme.palette.layer.n100, theme.palette.layer.n500, theme.palette.layer.n400, theme.palette.secondary['500'], theme.palette.secondary['50'], theme.palette.layer['n50'], theme.palette.error['500'], theme.palette.error['50'], theme.palette.primary['400'], theme.palette.layer.n700, theme.palette.primary['400'], theme.palette.layer.n0, theme.palette.primary['500'], theme.palette.layer.n700, theme.palette.error.main, theme.palette.layer.n0, theme.palette.error.main, theme.palette.error.main, theme.palette.primary['50'], theme.palette.layer.n300, contentClassName, theme.spacing(3, 3, 2, 3)));
|
|
7824
7839
|
const ScrollbarContainer = styled.div.withConfig({
|
|
7825
7840
|
displayName: "Stepperstyles__ScrollbarContainer",
|
|
7826
7841
|
componentId: "sc-1qka0yq-1"
|
|
7827
7842
|
})(["", ""], ({
|
|
7828
7843
|
theme,
|
|
7829
7844
|
offset
|
|
7830
|
-
}) => css(["height:", ";overflow-y:auto;&.center-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}"], `calc(100vh - ${offset}px)
|
|
7845
|
+
}) => css(["height:", ";overflow-y:auto;&.left{border-right:1px solid ", ";}&.right{border-left:1px solid ", ";}&.center-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}"], `calc(100vh - ${offset}px)`, theme.palette.layer.n200, theme.palette.layer.n200));
|
|
7831
7846
|
const StepContentWrapper = styled.div.withConfig({
|
|
7832
7847
|
displayName: "Stepperstyles__StepContentWrapper",
|
|
7833
7848
|
componentId: "sc-1qka0yq-2"
|
|
@@ -7891,7 +7906,7 @@ const DotStepper = ({
|
|
|
7891
7906
|
const displayCancelButton = !!(!displayInitialContent && !displayFinalContent && onCancel);
|
|
7892
7907
|
const isLastStep = currentStep === steps.length && !finalContent || currentStep > steps.length && finalContent;
|
|
7893
7908
|
const rootClasses = useStylesWithRootClass(rootClassName$i, _stepsPosition, className);
|
|
7894
|
-
const
|
|
7909
|
+
const stepContentClasses = displayInitialContent || displayFinalContent ? 'center-content' : '';
|
|
7895
7910
|
const stickyBottomClasses = useStylesWithRootClass(isStickyBottom ? 'with-top-border' : '');
|
|
7896
7911
|
const actionsClasses = useStylesWithRootClass('actions', displayInitialContent || displayFinalContent ? 'center-actions' : '');
|
|
7897
7912
|
useEffect(() => {
|
|
@@ -7945,7 +7960,8 @@ const DotStepper = ({
|
|
|
7945
7960
|
}
|
|
7946
7961
|
return isHorizontal ? jsx(DotAvatar, {
|
|
7947
7962
|
alt: iconId,
|
|
7948
|
-
iconId: stepIcon
|
|
7963
|
+
iconId: stepIcon,
|
|
7964
|
+
type: "icon"
|
|
7949
7965
|
}, void 0) : jsx(DotIcon, {
|
|
7950
7966
|
iconId: stepIcon
|
|
7951
7967
|
}, void 0);
|
|
@@ -7978,15 +7994,15 @@ const DotStepper = ({
|
|
|
7978
7994
|
}
|
|
7979
7995
|
};
|
|
7980
7996
|
const renderContent = () => {
|
|
7981
|
-
return
|
|
7997
|
+
return jsx("div", Object.assign({
|
|
7982
7998
|
className: contentClassName,
|
|
7983
7999
|
ref: stepperContentRef
|
|
7984
8000
|
}, {
|
|
7985
|
-
children:
|
|
7986
|
-
offset: _offset
|
|
7987
|
-
className:
|
|
8001
|
+
children: jsxs(ScrollbarContainer, Object.assign({
|
|
8002
|
+
offset: _offset,
|
|
8003
|
+
className: stepContentClasses
|
|
7988
8004
|
}, {
|
|
7989
|
-
children: jsx(CssGrid, Object.assign({
|
|
8005
|
+
children: [jsx(CssGrid, Object.assign({
|
|
7990
8006
|
className: "step-content-container"
|
|
7991
8007
|
}, {
|
|
7992
8008
|
children: jsx(CssCell, Object.assign({}, defaultCellProps, {
|
|
@@ -7994,56 +8010,57 @@ const DotStepper = ({
|
|
|
7994
8010
|
}, {
|
|
7995
8011
|
children: getStepContent(currentStep)
|
|
7996
8012
|
}), void 0)
|
|
7997
|
-
}), void 0)
|
|
7998
|
-
|
|
7999
|
-
|
|
8000
|
-
|
|
8001
|
-
|
|
8002
|
-
|
|
8003
|
-
|
|
8004
|
-
|
|
8005
|
-
|
|
8006
|
-
|
|
8007
|
-
|
|
8008
|
-
|
|
8009
|
-
}
|
|
8010
|
-
|
|
8011
|
-
|
|
8012
|
-
|
|
8013
|
-
|
|
8014
|
-
|
|
8015
|
-
|
|
8016
|
-
"data-testid": "stepper-cancel-button"
|
|
8017
|
-
}, {
|
|
8018
|
-
children: "Cancel"
|
|
8019
|
-
}), void 0), jsxs("div", Object.assign({
|
|
8020
|
-
className: "navigation-buttons"
|
|
8021
|
-
}, {
|
|
8022
|
-
children: [!displayInitialContent && currentStep !== 1 && jsx(DotButton, Object.assign({
|
|
8023
|
-
onClick: handleBack,
|
|
8024
|
-
type: "outlined",
|
|
8025
|
-
"data-testid": "stepper-previous-button"
|
|
8013
|
+
}), void 0), jsx(StepActionsContainer, Object.assign({
|
|
8014
|
+
className: stickyBottomClasses,
|
|
8015
|
+
ref: actionsRef,
|
|
8016
|
+
displayCancelButton: displayCancelButton
|
|
8017
|
+
}, {
|
|
8018
|
+
children: jsx(CssGrid, {
|
|
8019
|
+
children: jsx(CssCell, Object.assign({}, defaultCellProps, {
|
|
8020
|
+
className: actionsClasses,
|
|
8021
|
+
lg: {
|
|
8022
|
+
start: 4,
|
|
8023
|
+
span: 6
|
|
8024
|
+
}
|
|
8025
|
+
}, {
|
|
8026
|
+
children: jsxs(Fragment, {
|
|
8027
|
+
children: [displayCancelButton && jsx(DotButton, Object.assign({
|
|
8028
|
+
className: "cancel-stepper",
|
|
8029
|
+
onClick: onCancel,
|
|
8030
|
+
type: "text",
|
|
8031
|
+
"data-testid": "stepper-cancel-button"
|
|
8026
8032
|
}, {
|
|
8027
|
-
children: "
|
|
8028
|
-
}), void 0),
|
|
8029
|
-
|
|
8030
|
-
disabled: _nextStepDisabled,
|
|
8031
|
-
"data-testid": "stepper-next-button"
|
|
8033
|
+
children: "Cancel"
|
|
8034
|
+
}), void 0), jsxs("div", Object.assign({
|
|
8035
|
+
className: "navigation-buttons"
|
|
8032
8036
|
}, {
|
|
8033
|
-
children:
|
|
8037
|
+
children: [!displayInitialContent && currentStep !== 1 && jsx(DotButton, Object.assign({
|
|
8038
|
+
onClick: handleBack,
|
|
8039
|
+
type: "outlined",
|
|
8040
|
+
"data-testid": "stepper-previous-button"
|
|
8041
|
+
}, {
|
|
8042
|
+
children: "Previous"
|
|
8043
|
+
}), void 0), jsx(DotButton, Object.assign({
|
|
8044
|
+
onClick: handleNext,
|
|
8045
|
+
disabled: _nextStepDisabled,
|
|
8046
|
+
"data-testid": "stepper-next-button"
|
|
8047
|
+
}, {
|
|
8048
|
+
children: isLastStep ? _submitButtonText : _nextButtonText
|
|
8049
|
+
}), void 0)]
|
|
8034
8050
|
}), void 0)]
|
|
8035
|
-
}
|
|
8036
|
-
}, void 0)
|
|
8037
|
-
}
|
|
8038
|
-
}, void 0)
|
|
8039
|
-
}), void 0)
|
|
8051
|
+
}, void 0)
|
|
8052
|
+
}), void 0)
|
|
8053
|
+
}, void 0)
|
|
8054
|
+
}), void 0)]
|
|
8055
|
+
}), void 0)
|
|
8040
8056
|
}), void 0);
|
|
8041
8057
|
};
|
|
8042
8058
|
return jsxs(StyledStepper, Object.assign({
|
|
8043
8059
|
className: rootClasses
|
|
8044
8060
|
}, {
|
|
8045
8061
|
children: [jsx(ScrollbarContainer, Object.assign({
|
|
8046
|
-
offset: _offset
|
|
8062
|
+
offset: _offset,
|
|
8063
|
+
className: _stepsPosition
|
|
8047
8064
|
}, {
|
|
8048
8065
|
children: jsx(Stepper, Object.assign({
|
|
8049
8066
|
activeStep: currentStep,
|
package/index.umd.js
CHANGED
|
@@ -776,6 +776,10 @@
|
|
|
776
776
|
color: n700,
|
|
777
777
|
backgroundColor: n100
|
|
778
778
|
},
|
|
779
|
+
inherit: {
|
|
780
|
+
color: 'inherit',
|
|
781
|
+
backgroundColor: null
|
|
782
|
+
},
|
|
779
783
|
green: {
|
|
780
784
|
color: n0,
|
|
781
785
|
backgroundColor: g500
|
|
@@ -809,8 +813,12 @@
|
|
|
809
813
|
backgroundColor: n200
|
|
810
814
|
},
|
|
811
815
|
transparent: {
|
|
812
|
-
color:
|
|
816
|
+
color: n700,
|
|
813
817
|
backgroundColor: 'transparent'
|
|
818
|
+
},
|
|
819
|
+
white: {
|
|
820
|
+
color: n700,
|
|
821
|
+
backgroundColor: n0
|
|
814
822
|
}
|
|
815
823
|
};
|
|
816
824
|
var darkTheme = styles.createTheme({
|
|
@@ -1841,7 +1849,7 @@
|
|
|
1841
1849
|
return color && theme.palette.avatarColors[color] ? theme.palette.avatarColors[color].backgroundColor : theme.palette.avatarColors['default'].backgroundColor;
|
|
1842
1850
|
}, theme.palette.layer.n0, theme.palette.layer.n900, function (_a) {
|
|
1843
1851
|
var color = _a.color;
|
|
1844
|
-
return color
|
|
1852
|
+
return color ? theme.palette.avatarColors[color].color : theme.palette.avatarColors['default'].color;
|
|
1845
1853
|
}, theme.spacing(avatarSpacing.small), theme.spacing(avatarSpacing.small), theme.spacing(avatarSpacing.medium), theme.spacing(avatarSpacing.medium), theme.spacing(avatarSpacing.large), theme.spacing(avatarSpacing.large));
|
|
1846
1854
|
});
|
|
1847
1855
|
var templateObject_1$15, templateObject_2$11;
|
|
@@ -1864,7 +1872,6 @@
|
|
|
1864
1872
|
}
|
|
1865
1873
|
};
|
|
1866
1874
|
var parsedText = function parsedText() {
|
|
1867
|
-
if (!isString$1(text)) return;
|
|
1868
1875
|
var textArray = text.split(' ');
|
|
1869
1876
|
if (textArray.length > 1) {
|
|
1870
1877
|
var firstInitial = textArray[0].slice(0, 1);
|
|
@@ -1924,6 +1931,7 @@
|
|
|
1924
1931
|
style = _a.style;
|
|
1925
1932
|
var rootClasses = useStylesWithRootClass(rootClassName$10, className);
|
|
1926
1933
|
var getAvatarColor = function getAvatarColor() {
|
|
1934
|
+
if ((style === null || style === void 0 ? void 0 : style.color) !== undefined) return 'inherit';
|
|
1927
1935
|
if (color) return color;
|
|
1928
1936
|
if (text && text !== alt) return getAvatarColorForInputText(text);
|
|
1929
1937
|
return 'default';
|
|
@@ -4830,6 +4838,13 @@
|
|
|
4830
4838
|
return autocompleteOption.title === itemText;
|
|
4831
4839
|
});
|
|
4832
4840
|
};
|
|
4841
|
+
var isEmptyValue = function isEmptyValue(value) {
|
|
4842
|
+
if (Array.isArray(value)) {
|
|
4843
|
+
return value.length === 0;
|
|
4844
|
+
} else {
|
|
4845
|
+
return !value;
|
|
4846
|
+
}
|
|
4847
|
+
};
|
|
4833
4848
|
|
|
4834
4849
|
function ariaLabelOrAlternates(ariaLabel, label, placeholder) {
|
|
4835
4850
|
return ariaLabel || label || placeholder;
|
|
@@ -4890,7 +4905,7 @@
|
|
|
4890
4905
|
value = _a.value,
|
|
4891
4906
|
_p = _a.warning,
|
|
4892
4907
|
warning = _p === void 0 ? false : _p;
|
|
4893
|
-
var _q = React.useState(
|
|
4908
|
+
var _q = React.useState(isEmptyValue(value) && isEmptyValue(defaultValue)),
|
|
4894
4909
|
showPlaceholder = _q[0],
|
|
4895
4910
|
setShowPlaceholder = _q[1];
|
|
4896
4911
|
var _r = React.useState(false),
|
|
@@ -8502,15 +8517,15 @@
|
|
|
8502
8517
|
componentId: "sc-1qka0yq-0"
|
|
8503
8518
|
})(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
8504
8519
|
var theme = _a.theme;
|
|
8505
|
-
return styled.css(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n &.", " {\n display: flex;\n align-items: flex-start;\n padding: 0;\n width: 100%;\n\n &.left {\n flex-direction: row;\n
|
|
8520
|
+
return styled.css(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n &.", " {\n display: flex;\n align-items: flex-start;\n padding: 0;\n width: 100%;\n\n &.left {\n flex-direction: row;\n }\n\n &.right {\n flex-direction: row-reverse;\n }\n\n .", " {\n padding: ", ";\n\n &.MuiStepper-horizontal {\n padding: 0;\n display: flex;\n flex-direction: column;\n }\n\n .MuiStep-root {\n width: 315px;\n\n .dot-icon {\n display: flex;\n background: ", ";\n border-radius: 50%;\n color: ", ";\n height: 28px;\n width: 28px;\n }\n\n .dot-typography {\n color: ", ";\n }\n\n .MuiStepContent-root {\n border-left-color: ", ";\n }\n\n &.MuiStep-horizontal {\n padding: ", ";\n\n .dot-avatar i:before {\n color: ", ";\n }\n .dot-avatar,\n .dot-icon {\n background: ", ";\n }\n .dot-typography {\n color: ", ";\n }\n .horizontal-step-description {\n color: ", ";\n }\n\n &:hover {\n cursor: pointer;\n }\n\n &.completed {\n .dot-avatar i:before {\n color: ", ";\n }\n .dot-avatar,\n .dot-icon {\n background: ", ";\n }\n }\n\n &.active {\n background: ", ";\n }\n\n &.error {\n .dot-avatar i:before {\n color: ", ";\n }\n .dot-avatar,\n .dot-icon {\n background: ", ";\n }\n }\n\n &.in-progress {\n .dot-avatar i:before {\n color: ", ";\n }\n }\n }\n\n &.MuiStep-vertical {\n &.completed {\n .dot-typography,\n .dot-icon {\n color: ", ";\n }\n }\n\n &.active {\n .dot-icon {\n background: ", ";\n color: ", ";\n }\n .step-label.dot-typography {\n color: ", ";\n }\n .dot-typography {\n color: ", ";\n }\n }\n\n &.error {\n .dot-typography {\n color: ", ";\n }\n\n .dot-icon {\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n }\n }\n }\n\n &.disabled {\n .dot-icon {\n color: ", ";\n }\n .dot-typography {\n color: ", ";\n }\n }\n\n &:last-of-type .MuiStepContent-root {\n border-left-color: transparent;\n }\n }\n }\n\n .", " {\n width: 100%;\n\n .step-content-container {\n padding: ", ";\n }\n }\n }\n "], ["\n &.", " {\n display: flex;\n align-items: flex-start;\n padding: 0;\n width: 100%;\n\n &.left {\n flex-direction: row;\n }\n\n &.right {\n flex-direction: row-reverse;\n }\n\n .", " {\n padding: ", ";\n\n &.MuiStepper-horizontal {\n padding: 0;\n display: flex;\n flex-direction: column;\n }\n\n .MuiStep-root {\n width: 315px;\n\n .dot-icon {\n display: flex;\n background: ", ";\n border-radius: 50%;\n color: ", ";\n height: 28px;\n width: 28px;\n }\n\n .dot-typography {\n color: ", ";\n }\n\n .MuiStepContent-root {\n border-left-color: ", ";\n }\n\n &.MuiStep-horizontal {\n padding: ", ";\n\n .dot-avatar i:before {\n color: ", ";\n }\n .dot-avatar,\n .dot-icon {\n background: ", ";\n }\n .dot-typography {\n color: ", ";\n }\n .horizontal-step-description {\n color: ", ";\n }\n\n &:hover {\n cursor: pointer;\n }\n\n &.completed {\n .dot-avatar i:before {\n color: ", ";\n }\n .dot-avatar,\n .dot-icon {\n background: ", ";\n }\n }\n\n &.active {\n background: ", ";\n }\n\n &.error {\n .dot-avatar i:before {\n color: ", ";\n }\n .dot-avatar,\n .dot-icon {\n background: ", ";\n }\n }\n\n &.in-progress {\n .dot-avatar i:before {\n color: ", ";\n }\n }\n }\n\n &.MuiStep-vertical {\n &.completed {\n .dot-typography,\n .dot-icon {\n color: ", ";\n }\n }\n\n &.active {\n .dot-icon {\n background: ", ";\n color: ", ";\n }\n .step-label.dot-typography {\n color: ", ";\n }\n .dot-typography {\n color: ", ";\n }\n }\n\n &.error {\n .dot-typography {\n color: ", ";\n }\n\n .dot-icon {\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n }\n }\n }\n\n &.disabled {\n .dot-icon {\n color: ", ";\n }\n .dot-typography {\n color: ", ";\n }\n }\n\n &:last-of-type .MuiStepContent-root {\n border-left-color: transparent;\n }\n }\n }\n\n .", " {\n width: 100%;\n\n .step-content-container {\n padding: ", ";\n }\n }\n }\n "])), rootClassName$i, stepListClassName, theme.spacing(3), theme.palette.primary['50'], theme.palette.primary['50'], theme.palette.layer.n300, theme.palette.layer.n300, theme.spacing(1), theme.palette.layer.n300, theme.palette.layer.n100, theme.palette.layer.n500, theme.palette.layer.n400, theme.palette.secondary['500'], theme.palette.secondary['50'], theme.palette.layer['n50'], theme.palette.error['500'], theme.palette.error['50'], theme.palette.primary['400'], theme.palette.layer.n700, theme.palette.primary['400'], theme.palette.layer.n0, theme.palette.primary['500'], theme.palette.layer.n700, theme.palette.error.main, theme.palette.layer.n0, theme.palette.error.main, theme.palette.error.main, theme.palette.primary['50'], theme.palette.layer.n300, contentClassName, theme.spacing(3, 3, 2, 3));
|
|
8506
8521
|
});
|
|
8507
8522
|
var ScrollbarContainer = styled__default["default"].div.withConfig({
|
|
8508
8523
|
displayName: "Stepperstyles__ScrollbarContainer",
|
|
8509
8524
|
componentId: "sc-1qka0yq-1"
|
|
8510
8525
|
})(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
8511
|
-
_a.theme
|
|
8512
|
-
|
|
8513
|
-
return styled.css(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n height: ", ";\n overflow-y: auto;\n\n &.center-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n }\n "], ["\n height: ", ";\n overflow-y: auto;\n\n &.center-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n }\n "])), "calc(100vh - " + offset + "px)");
|
|
8526
|
+
var theme = _a.theme,
|
|
8527
|
+
offset = _a.offset;
|
|
8528
|
+
return styled.css(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n height: ", ";\n overflow-y: auto;\n\n &.left {\n border-right: 1px solid ", ";\n }\n &.right {\n border-left: 1px solid ", ";\n }\n &.center-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n }\n "], ["\n height: ", ";\n overflow-y: auto;\n\n &.left {\n border-right: 1px solid ", ";\n }\n &.right {\n border-left: 1px solid ", ";\n }\n &.center-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n }\n "])), "calc(100vh - " + offset + "px)", theme.palette.layer.n200, theme.palette.layer.n200);
|
|
8514
8529
|
});
|
|
8515
8530
|
var StepContentWrapper = styled__default["default"].div.withConfig({
|
|
8516
8531
|
displayName: "Stepperstyles__StepContentWrapper",
|
|
@@ -8589,7 +8604,7 @@
|
|
|
8589
8604
|
var displayCancelButton = !!(!displayInitialContent && !displayFinalContent && onCancel);
|
|
8590
8605
|
var isLastStep = currentStep === steps.length && !finalContent || currentStep > steps.length && finalContent;
|
|
8591
8606
|
var rootClasses = useStylesWithRootClass(rootClassName$i, stepsPosition, className);
|
|
8592
|
-
var
|
|
8607
|
+
var stepContentClasses = displayInitialContent || displayFinalContent ? 'center-content' : '';
|
|
8593
8608
|
var stickyBottomClasses = useStylesWithRootClass(isStickyBottom ? 'with-top-border' : '');
|
|
8594
8609
|
var actionsClasses = useStylesWithRootClass('actions', displayInitialContent || displayFinalContent ? 'center-actions' : '');
|
|
8595
8610
|
React.useEffect(function () {
|
|
@@ -8650,7 +8665,8 @@
|
|
|
8650
8665
|
}
|
|
8651
8666
|
return isHorizontal ? jsxRuntime.jsx(DotAvatar, {
|
|
8652
8667
|
alt: iconId,
|
|
8653
|
-
iconId: stepIcon
|
|
8668
|
+
iconId: stepIcon,
|
|
8669
|
+
type: "icon"
|
|
8654
8670
|
}, void 0) : jsxRuntime.jsx(DotIcon, {
|
|
8655
8671
|
iconId: stepIcon
|
|
8656
8672
|
}, void 0);
|
|
@@ -8689,15 +8705,15 @@
|
|
|
8689
8705
|
}
|
|
8690
8706
|
};
|
|
8691
8707
|
var renderContent = function renderContent() {
|
|
8692
|
-
return jsxRuntime.
|
|
8708
|
+
return jsxRuntime.jsx("div", __assign({
|
|
8693
8709
|
className: contentClassName,
|
|
8694
8710
|
ref: stepperContentRef
|
|
8695
8711
|
}, {
|
|
8696
|
-
children:
|
|
8697
|
-
offset: offset
|
|
8698
|
-
className:
|
|
8712
|
+
children: jsxRuntime.jsxs(ScrollbarContainer, __assign({
|
|
8713
|
+
offset: offset,
|
|
8714
|
+
className: stepContentClasses
|
|
8699
8715
|
}, {
|
|
8700
|
-
children: jsxRuntime.jsx(CssGrid, __assign({
|
|
8716
|
+
children: [jsxRuntime.jsx(CssGrid, __assign({
|
|
8701
8717
|
className: "step-content-container"
|
|
8702
8718
|
}, {
|
|
8703
8719
|
children: jsxRuntime.jsx(CssCell, __assign({}, defaultCellProps, {
|
|
@@ -8705,56 +8721,57 @@
|
|
|
8705
8721
|
}, {
|
|
8706
8722
|
children: getStepContent(currentStep)
|
|
8707
8723
|
}), void 0)
|
|
8708
|
-
}), void 0)
|
|
8709
|
-
|
|
8710
|
-
|
|
8711
|
-
|
|
8712
|
-
|
|
8713
|
-
|
|
8714
|
-
|
|
8715
|
-
|
|
8716
|
-
|
|
8717
|
-
|
|
8718
|
-
|
|
8719
|
-
|
|
8720
|
-
}
|
|
8721
|
-
|
|
8722
|
-
|
|
8723
|
-
|
|
8724
|
-
|
|
8725
|
-
|
|
8726
|
-
|
|
8727
|
-
"data-testid": "stepper-cancel-button"
|
|
8728
|
-
}, {
|
|
8729
|
-
children: "Cancel"
|
|
8730
|
-
}), void 0), jsxRuntime.jsxs("div", __assign({
|
|
8731
|
-
className: "navigation-buttons"
|
|
8732
|
-
}, {
|
|
8733
|
-
children: [!displayInitialContent && currentStep !== 1 && jsxRuntime.jsx(DotButton, __assign({
|
|
8734
|
-
onClick: handleBack,
|
|
8735
|
-
type: "outlined",
|
|
8736
|
-
"data-testid": "stepper-previous-button"
|
|
8724
|
+
}), void 0), jsxRuntime.jsx(StepActionsContainer, __assign({
|
|
8725
|
+
className: stickyBottomClasses,
|
|
8726
|
+
ref: actionsRef,
|
|
8727
|
+
displayCancelButton: displayCancelButton
|
|
8728
|
+
}, {
|
|
8729
|
+
children: jsxRuntime.jsx(CssGrid, {
|
|
8730
|
+
children: jsxRuntime.jsx(CssCell, __assign({}, defaultCellProps, {
|
|
8731
|
+
className: actionsClasses,
|
|
8732
|
+
lg: {
|
|
8733
|
+
start: 4,
|
|
8734
|
+
span: 6
|
|
8735
|
+
}
|
|
8736
|
+
}, {
|
|
8737
|
+
children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
8738
|
+
children: [displayCancelButton && jsxRuntime.jsx(DotButton, __assign({
|
|
8739
|
+
className: "cancel-stepper",
|
|
8740
|
+
onClick: onCancel,
|
|
8741
|
+
type: "text",
|
|
8742
|
+
"data-testid": "stepper-cancel-button"
|
|
8737
8743
|
}, {
|
|
8738
|
-
children: "
|
|
8739
|
-
}), void 0), jsxRuntime.
|
|
8740
|
-
|
|
8741
|
-
disabled: nextStepDisabled,
|
|
8742
|
-
"data-testid": "stepper-next-button"
|
|
8744
|
+
children: "Cancel"
|
|
8745
|
+
}), void 0), jsxRuntime.jsxs("div", __assign({
|
|
8746
|
+
className: "navigation-buttons"
|
|
8743
8747
|
}, {
|
|
8744
|
-
children:
|
|
8748
|
+
children: [!displayInitialContent && currentStep !== 1 && jsxRuntime.jsx(DotButton, __assign({
|
|
8749
|
+
onClick: handleBack,
|
|
8750
|
+
type: "outlined",
|
|
8751
|
+
"data-testid": "stepper-previous-button"
|
|
8752
|
+
}, {
|
|
8753
|
+
children: "Previous"
|
|
8754
|
+
}), void 0), jsxRuntime.jsx(DotButton, __assign({
|
|
8755
|
+
onClick: handleNext,
|
|
8756
|
+
disabled: nextStepDisabled,
|
|
8757
|
+
"data-testid": "stepper-next-button"
|
|
8758
|
+
}, {
|
|
8759
|
+
children: isLastStep ? submitButtonText : nextButtonText
|
|
8760
|
+
}), void 0)]
|
|
8745
8761
|
}), void 0)]
|
|
8746
|
-
}
|
|
8747
|
-
}, void 0)
|
|
8748
|
-
}
|
|
8749
|
-
}, void 0)
|
|
8750
|
-
}), void 0)
|
|
8762
|
+
}, void 0)
|
|
8763
|
+
}), void 0)
|
|
8764
|
+
}, void 0)
|
|
8765
|
+
}), void 0)]
|
|
8766
|
+
}), void 0)
|
|
8751
8767
|
}), void 0);
|
|
8752
8768
|
};
|
|
8753
8769
|
return jsxRuntime.jsxs(StyledStepper, __assign({
|
|
8754
8770
|
className: rootClasses
|
|
8755
8771
|
}, {
|
|
8756
8772
|
children: [jsxRuntime.jsx(ScrollbarContainer, __assign({
|
|
8757
|
-
offset: offset
|
|
8773
|
+
offset: offset,
|
|
8774
|
+
className: stepsPosition
|
|
8758
8775
|
}, {
|
|
8759
8776
|
children: jsxRuntime.jsx(material.Stepper, __assign({
|
|
8760
8777
|
activeStep: currentStep,
|
|
@@ -10,3 +10,4 @@ export interface GetChipsFromAutocompleteProps {
|
|
|
10
10
|
}
|
|
11
11
|
export declare const getChipsFromAutocomplete: ({ chipSize, getTagProps, isReadOnly, values, }: GetChipsFromAutocompleteProps) => JSX.Element[];
|
|
12
12
|
export declare const checkIfDuplicateItem: (itemText: string, autocompleteOptions: AutoCompleteOption[]) => boolean;
|
|
13
|
+
export declare const isEmptyValue: (value: AutoCompleteValue) => boolean;
|
|
@@ -3,7 +3,7 @@ import { CommonProps } from '../CommonProps';
|
|
|
3
3
|
export declare type AvatarSize = 'small' | 'medium' | 'large';
|
|
4
4
|
export declare type AvatarType = 'image' | 'text' | 'icon';
|
|
5
5
|
export declare type AvatarVariant = 'circular' | 'square';
|
|
6
|
-
export declare type AvatarColor = 'default' | 'green' | 'blue' | 'orange' | 'purple' | 'yellow' | 'red' | 'darkGrey' | 'lightGrey' | 'transparent';
|
|
6
|
+
export declare type AvatarColor = 'default' | 'inherit' | 'green' | 'blue' | 'orange' | 'purple' | 'yellow' | 'red' | 'darkGrey' | 'lightGrey' | 'transparent' | 'white';
|
|
7
7
|
export interface AvatarProps extends CommonProps {
|
|
8
8
|
/** Text displayed on hover */
|
|
9
9
|
alt: string;
|
|
@@ -4,5 +4,6 @@ declare const _default: ComponentMeta<({ alt, ariaLabel, ariaRole, className, co
|
|
|
4
4
|
export default _default;
|
|
5
5
|
export declare const Default: any;
|
|
6
6
|
export declare const AvatarButton: any;
|
|
7
|
+
export declare const WithCustomColor: any;
|
|
7
8
|
export declare const WithNumber: any;
|
|
8
9
|
export declare const WithTooltip: any;
|