labsense-ui-kit 1.3.87 → 1.3.89

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 (5) hide show
  1. package/dist/index.js +62 -60
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +62 -60
  4. package/dist/index.modern.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -6818,70 +6818,72 @@ var useNotification = function useNotification() {
6818
6818
  reactHotToast.toast.remove();
6819
6819
  }
6820
6820
  reactHotToast.toast.dismiss(toastId);
6821
- switch (type) {
6822
- case 'success':
6823
- reactHotToast.toast.success(message, {
6824
- id: toastId
6825
- });
6826
- break;
6827
- case 'error':
6828
- reactHotToast.toast.error(message, {
6829
- id: toastId
6830
- });
6831
- break;
6832
- case 'info':
6833
- reactHotToast.toast(message, {
6834
- id: toastId,
6835
- icon: React__default.createElement(Container, {
6836
- "$minWidth": '20px',
6837
- "$height": '20px',
6838
- "$width": '20px',
6839
- "$alignItems": 'center',
6840
- "$justifyContent": 'center',
6841
- "$borderRadius": '100%',
6842
- "$background": themeColors.vms.disabled.info
6843
- }, React__default.createElement(Icon, {
6844
- icon: 'InformationFilled',
6845
- size: 20,
6846
- color: themeColors.vms["default"].info
6847
- })),
6848
- style: {
6849
- borderRadius: '8px',
6850
- background: themeColors.vms.text.white,
6851
- color: themeColors.vms.text.dark,
6852
- maxWidth: '648px'
6853
- }
6854
- });
6855
- break;
6856
- case 'promise':
6857
- if (promiseConfig) {
6858
- reactHotToast.toast.promise(promiseConfig.promise, {
6859
- loading: promiseConfig.loading,
6860
- success: promiseConfig.success,
6861
- error: promiseConfig.error
6862
- }, {
6821
+ setTimeout(function () {
6822
+ switch (type) {
6823
+ case 'success':
6824
+ reactHotToast.toast.success(message, {
6825
+ id: toastId
6826
+ });
6827
+ break;
6828
+ case 'error':
6829
+ reactHotToast.toast.error(message, {
6830
+ id: toastId
6831
+ });
6832
+ break;
6833
+ case 'info':
6834
+ reactHotToast.toast(message, {
6863
6835
  id: toastId,
6836
+ icon: React__default.createElement(Container, {
6837
+ "$minWidth": '20px',
6838
+ "$height": '20px',
6839
+ "$width": '20px',
6840
+ "$alignItems": 'center',
6841
+ "$justifyContent": 'center',
6842
+ "$borderRadius": '100%',
6843
+ "$background": themeColors.vms.disabled.info
6844
+ }, React__default.createElement(Icon, {
6845
+ icon: 'InformationFilled',
6846
+ size: 20,
6847
+ color: themeColors.vms["default"].info
6848
+ })),
6864
6849
  style: {
6865
- minWidth: '300px'
6850
+ borderRadius: '8px',
6851
+ background: themeColors.vms.text.white,
6852
+ color: themeColors.vms.text.dark,
6853
+ maxWidth: '648px'
6866
6854
  }
6867
6855
  });
6868
- }
6869
- break;
6870
- case 'custom':
6871
- reactHotToast.toast(message, {
6872
- id: toastId,
6873
- icon: React__default.createElement(Icon, {
6874
- icon: (customStyle === null || customStyle === void 0 ? void 0 : customStyle.icon) || 'Add_1',
6875
- size: customStyle === null || customStyle === void 0 ? void 0 : customStyle.iconSize,
6876
- weight: customStyle === null || customStyle === void 0 ? void 0 : customStyle.iconWeight
6877
- }),
6878
- style: {
6879
- background: customStyle === null || customStyle === void 0 ? void 0 : customStyle.background,
6880
- color: customStyle === null || customStyle === void 0 ? void 0 : customStyle.color
6856
+ break;
6857
+ case 'promise':
6858
+ if (promiseConfig) {
6859
+ reactHotToast.toast.promise(promiseConfig.promise, {
6860
+ loading: promiseConfig.loading,
6861
+ success: promiseConfig.success,
6862
+ error: promiseConfig.error
6863
+ }, {
6864
+ id: toastId,
6865
+ style: {
6866
+ minWidth: '300px'
6867
+ }
6868
+ });
6881
6869
  }
6882
- });
6883
- break;
6884
- }
6870
+ break;
6871
+ case 'custom':
6872
+ reactHotToast.toast(message, {
6873
+ id: toastId,
6874
+ icon: React__default.createElement(Icon, {
6875
+ icon: (customStyle === null || customStyle === void 0 ? void 0 : customStyle.icon) || 'Add_1',
6876
+ size: customStyle === null || customStyle === void 0 ? void 0 : customStyle.iconSize,
6877
+ weight: customStyle === null || customStyle === void 0 ? void 0 : customStyle.iconWeight
6878
+ }),
6879
+ style: {
6880
+ background: customStyle === null || customStyle === void 0 ? void 0 : customStyle.background,
6881
+ color: customStyle === null || customStyle === void 0 ? void 0 : customStyle.color
6882
+ }
6883
+ });
6884
+ break;
6885
+ }
6886
+ }, 100);
6885
6887
  };
6886
6888
  return {
6887
6889
  sendNotification: sendNotification
@@ -7059,7 +7061,7 @@ var Badge = function Badge(_ref8) {
7059
7061
  };
7060
7062
 
7061
7063
  var _templateObject$4, _templateObject2$4, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
7062
- var TooltipContainer = styled__default.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["\n display: flex;\n position: absolute;\n z-index: 10;\n align-items: center;\n justify-content: center;\n visibility: hidden;\n opacity: 0;\n transition: opacity 0.3s;\n border-radius: ", ";\n padding: 6px 8px;\n border: ", ";\n min-width: ", ";\n min-width: ", ";\n background-color: ", ";\n gap: ", ";\n\n ", "\n\n &::after {\n content: '';\n position: absolute;\n width: 16px;\n height: 8px;\n background-color: ", ";\n clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n\n ", "\n }\n"])), function (_ref) {
7064
+ var TooltipContainer = styled__default.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["\n display: flex;\n position: absolute;\n z-index: 10;\n align-items: center;\n justify-content: center;\n visibility: hidden;\n opacity: 0;\n transition: opacity 0.3s;\n border-radius: ", ";\n padding: 6px 8px;\n border: ", ";\n min-width: ", ";\n max-width: ", ";\n background-color: ", ";\n gap: ", ";\n\n ", "\n\n &::after {\n content: '';\n position: absolute;\n width: 16px;\n height: 8px;\n background-color: ", ";\n clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n\n ", "\n }\n"])), function (_ref) {
7063
7065
  var $borderRadius = _ref.$borderRadius;
7064
7066
  return $borderRadius != null ? $borderRadius : '4px';
7065
7067
  }, function (_ref2) {