@stack-spot/portal-layout 0.0.53 → 0.0.55

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 (6) hide show
  1. package/dist/layout.css +7 -1
  2. package/dist/toaster.js +3 -3
  3. package/dist/toaster.js.map +1 -1
  4. package/package.json +5 -5
  5. package/src/layout.css +7 -1
  6. package/src/toaster.tsx +3 -3
package/dist/layout.css CHANGED
@@ -76,6 +76,7 @@ body {
76
76
  right: 0;
77
77
  top: 0;
78
78
  background-color: var(--light-400);
79
+ z-index: 2;
79
80
  }
80
81
 
81
82
  #page {
@@ -414,10 +415,15 @@ body {
414
415
  }
415
416
 
416
417
  .main-toaster .Toastify__toast-icon {
417
- margin-top: 2px;
418
418
  width: auto;
419
419
  }
420
420
 
421
+ .main-toaster .Toastify__toast-icon svg {
422
+ width: 100%;
423
+ height: 100%;
424
+ }
425
+
426
+
421
427
  /* Other */
422
428
 
423
429
  svg path.stackspot-text {
package/dist/toaster.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { IconBox } from '@citric/core';
3
- import { CheckCircleFill, ExclamationTriangleFill, InfoCircleFill, TimesCircleFill } from '@citric/icons';
3
+ import { CheckCircleFill, ExclamationCircleFill, ExclamationTriangleFill, InfoCircleFill } from '@citric/icons';
4
4
  import { toast } from 'react-toastify';
5
5
  import 'react-toastify/dist/ReactToastify.css';
6
6
  const toasterConfig = {
7
7
  error: {
8
- element: _jsx(TimesCircleFill, {}),
8
+ element: _jsx(ExclamationCircleFill, {}),
9
9
  color: 'danger',
10
10
  duration: 10,
11
11
  },
@@ -40,7 +40,7 @@ export function showToaster({ type = 'info', autoClose, ...props }) {
40
40
  style: { backgroundColor: bg, color: fg },
41
41
  progressStyle: { background: bgDark },
42
42
  bodyClassName: 'toast-body',
43
- icon: 'message' in props ? () => (_jsx(IconBox, { colorIcon: `${config.color}.contrastText`, children: config.element })) : undefined,
43
+ icon: 'message' in props ? () => (_jsx(IconBox, { colorIcon: `${config.color}.contrastText`, size: "xs", children: config.element })) : undefined,
44
44
  });
45
45
  }
46
46
  //# sourceMappingURL=toaster.js.map
package/dist/toaster.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"toaster.js","sourceRoot":"","sources":["../src/toaster.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAiC,MAAM,cAAc,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,uBAAuB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACzG,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,uCAAuC,CAAA;AAyB9C,MAAM,aAAa,GAAwF;IACzG,KAAK,EAAE;QACL,OAAO,EAAE,KAAC,eAAe,KAAG;QAC5B,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,EAAE;KACb;IACD,OAAO,EAAE;QACP,OAAO,EAAE,KAAC,eAAe,KAAG;QAC5B,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,CAAC;KACZ;IACD,OAAO,EAAE;QACP,OAAO,EAAE,KAAC,uBAAuB,KAAG;QACpC,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE;KACb;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,KAAC,cAAc,KAAG;QAC3B,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE;KACb;CACF,CAAA;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAS;IACvE,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAA;IAClC,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAA;IACzD,MAAM,EAAE,GAAG,SAAS,MAAM,CAAC,KAAK,OAAO,CAAA;IACvC,MAAM,MAAM,GAAG,SAAS,MAAM,CAAC,KAAK,OAAO,CAAA;IAC3C,MAAM,EAAE,GAAG,SAAS,MAAM,CAAC,KAAK,gBAAgB,CAAA;IAChD,KAAK,CACH,SAAS,IAAI,KAAK;QAChB,CAAC,CAAC,eAAK,OAAO,EAAE,KAAK,CAAC,OAAO,aAAE,aAAI,KAAK,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE,YAAG,KAAK,CAAC,KAAK,IAAI,IAAI,GAAM,EAAA,sBAAI,KAAK,CAAC,OAAO,GAAK,IAAM;QACjI,CAAC,CAAC,KAAK,CAAC,OAAO,EACjB;QACE,IAAI;QACJ,SAAS,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,GAAG,IAAI;QACzD,SAAS,EAAE,cAAc;QACzB,KAAK,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;QACzC,aAAa,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;QACrC,aAAa,EAAE,YAAY;QAC3B,IAAI,EAAE,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAC/B,KAAC,OAAO,IAAC,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,eAAgD,YAChF,MAAM,CAAC,OAAO,GACP,CACX,CAAC,CAAC,CAAC,SAAS;KACd,CACF,CAAA;AACH,CAAC"}
1
+ {"version":3,"file":"toaster.js","sourceRoot":"","sources":["../src/toaster.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAiC,MAAM,cAAc,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC/G,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,uCAAuC,CAAA;AAyB9C,MAAM,aAAa,GAAwF;IACzG,KAAK,EAAE;QACL,OAAO,EAAE,KAAC,qBAAqB,KAAG;QAClC,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,EAAE;KACb;IACD,OAAO,EAAE;QACP,OAAO,EAAE,KAAC,eAAe,KAAG;QAC5B,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,CAAC;KACZ;IACD,OAAO,EAAE;QACP,OAAO,EAAE,KAAC,uBAAuB,KAAG;QACpC,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE;KACb;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,KAAC,cAAc,KAAG;QAC3B,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE;KACb;CACF,CAAA;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAS;IACvE,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAA;IAClC,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAA;IACzD,MAAM,EAAE,GAAG,SAAS,MAAM,CAAC,KAAK,OAAO,CAAA;IACvC,MAAM,MAAM,GAAG,SAAS,MAAM,CAAC,KAAK,OAAO,CAAA;IAC3C,MAAM,EAAE,GAAG,SAAS,MAAM,CAAC,KAAK,gBAAgB,CAAA;IAChD,KAAK,CACH,SAAS,IAAI,KAAK;QAChB,CAAC,CAAC,eAAK,OAAO,EAAE,KAAK,CAAC,OAAO,aAAE,aAAI,KAAK,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE,YAAG,KAAK,CAAC,KAAK,IAAI,IAAI,GAAM,EAAA,sBAAI,KAAK,CAAC,OAAO,GAAK,IAAM;QACjI,CAAC,CAAC,KAAK,CAAC,OAAO,EACjB;QACE,IAAI;QACJ,SAAS,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,GAAG,IAAI;QACzD,SAAS,EAAE,cAAc;QACzB,KAAK,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;QACzC,aAAa,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;QACrC,aAAa,EAAE,YAAY;QAC3B,IAAI,EAAE,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAC/B,KAAC,OAAO,IAAC,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,eAAgD,EAAE,IAAI,EAAC,IAAI,YAC3F,MAAM,CAAC,OAAO,GACP,CACX,CAAC,CAAC,CAAC,SAAS;KACd,CACF,CAAA;AACH,CAAC"}
package/package.json CHANGED
@@ -1,13 +1,9 @@
1
1
  {
2
2
  "name": "@stack-spot/portal-layout",
3
- "version": "0.0.53",
3
+ "version": "0.0.55",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
- "scripts": {
8
- "build": "tsc && tsc-esm-fix --target='dist' && cpy src/layout.css dist --flat",
9
- "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
10
- },
11
7
  "peerDependencies": {
12
8
  "@citric/core": ">=6.0.0",
13
9
  "@citric/icons": ">=5.7.1",
@@ -37,5 +33,9 @@
37
33
  },
38
34
  "dependencies": {
39
35
  "react-toastify": "^9.1.3"
36
+ },
37
+ "scripts": {
38
+ "build": "tsc && tsc-esm-fix --target='dist' && cpy src/layout.css dist --flat",
39
+ "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
40
40
  }
41
41
  }
package/src/layout.css CHANGED
@@ -76,6 +76,7 @@ body {
76
76
  right: 0;
77
77
  top: 0;
78
78
  background-color: var(--light-400);
79
+ z-index: 2;
79
80
  }
80
81
 
81
82
  #page {
@@ -414,10 +415,15 @@ body {
414
415
  }
415
416
 
416
417
  .main-toaster .Toastify__toast-icon {
417
- margin-top: 2px;
418
418
  width: auto;
419
419
  }
420
420
 
421
+ .main-toaster .Toastify__toast-icon svg {
422
+ width: 100%;
423
+ height: 100%;
424
+ }
425
+
426
+
421
427
  /* Other */
422
428
 
423
429
  svg path.stackspot-text {
package/src/toaster.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import { IconBox, OneOfColorSchemesWithVariants } from '@citric/core'
2
- import { CheckCircleFill, ExclamationTriangleFill, InfoCircleFill, TimesCircleFill } from '@citric/icons'
2
+ import { CheckCircleFill, ExclamationCircleFill, ExclamationTriangleFill, InfoCircleFill } from '@citric/icons'
3
3
  import { toast } from 'react-toastify'
4
4
  import 'react-toastify/dist/ReactToastify.css'
5
5
 
@@ -28,7 +28,7 @@ type Props = BasicMessageProps | RichMessageProps
28
28
 
29
29
  const toasterConfig: Record<ToastType, { element: React.ReactElement, color: string, duration: number }> = {
30
30
  error: {
31
- element: <TimesCircleFill />,
31
+ element: <ExclamationCircleFill />,
32
32
  color: 'danger',
33
33
  duration: 10,
34
34
  },
@@ -67,7 +67,7 @@ export function showToaster({ type = 'info', autoClose, ...props }: Props) {
67
67
  progressStyle: { background: bgDark },
68
68
  bodyClassName: 'toast-body',
69
69
  icon: 'message' in props ? () => (
70
- <IconBox colorIcon={`${config.color}.contrastText` as OneOfColorSchemesWithVariants}>
70
+ <IconBox colorIcon={`${config.color}.contrastText` as OneOfColorSchemesWithVariants} size="xs">
71
71
  {config.element}
72
72
  </IconBox>
73
73
  ) : undefined,