@clicoh/orion-library 1.2.0-beta.27 → 1.2.0-beta.28
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/assets/css/base.css
CHANGED
|
@@ -185,8 +185,6 @@ body {
|
|
|
185
185
|
.dark .Toastify__toast {
|
|
186
186
|
--toastify-color-light: var(--color-black-1);
|
|
187
187
|
--toastify-text-color-light: var(--color-white);
|
|
188
|
-
background-color: var(--color-black-1);
|
|
189
|
-
color: var(--color-white);
|
|
190
188
|
}
|
|
191
189
|
|
|
192
190
|
.dark .Toastify__close-button {
|
|
@@ -9,7 +9,7 @@ type Type = 'success' | 'warning' | 'error';
|
|
|
9
9
|
* showToast(<span>Operation successful</span>, 'success');
|
|
10
10
|
*
|
|
11
11
|
* @param {ReactNode} content - The content to be displayed inside the toast notification.
|
|
12
|
-
* @param {'success' | 'warning' | 'error'} type - The type of the toast notification, which determines the icon
|
|
12
|
+
* @param {'success' | 'warning' | 'error'} type - The type of the toast notification, which determines the icon, the tinted background and the border color, in both themes.
|
|
13
13
|
*
|
|
14
14
|
* @returns {void}
|
|
15
15
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../src/components/01-atoms/Toast/Toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../src/components/01-atoms/Toast/Toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAwC5C;;;;;;;;;;;;GAYG;AACH,wBAAgB,SAAS,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,CAgB9D"}
|
|
@@ -8,10 +8,10 @@ const icons = {
|
|
|
8
8
|
warning: (<MdWarning aria-hidden="true" className={clsx(iconClasses, 'bg-warning dark:bg-warning-dark')}/>),
|
|
9
9
|
error: (<MdClose aria-hidden="true" className={clsx(iconClasses, 'bg-error dark:bg-error-dark')}/>),
|
|
10
10
|
};
|
|
11
|
-
const
|
|
12
|
-
success: 'bg-success-1 dark:bg-success-dark-1',
|
|
13
|
-
warning: 'bg-warning-1 dark:bg-warning-dark-1',
|
|
14
|
-
error: 'bg-error-1 dark:bg-error-dark-1',
|
|
11
|
+
const styleMap = {
|
|
12
|
+
success: clsx('border-success bg-success-1 border', 'dark:border-success-dark dark:bg-success-dark-1'),
|
|
13
|
+
warning: clsx('border-warning bg-warning-1 border', 'dark:border-warning-dark dark:bg-warning-dark-1'),
|
|
14
|
+
error: clsx('border-error bg-error-1 border', 'dark:border-error-dark dark:bg-error-dark-1'),
|
|
15
15
|
};
|
|
16
16
|
/**
|
|
17
17
|
* Displays a toast notification with customizable content and type.
|
|
@@ -22,7 +22,7 @@ const backgroundClasses = {
|
|
|
22
22
|
* showToast(<span>Operation successful</span>, 'success');
|
|
23
23
|
*
|
|
24
24
|
* @param {ReactNode} content - The content to be displayed inside the toast notification.
|
|
25
|
-
* @param {'success' | 'warning' | 'error'} type - The type of the toast notification, which determines the icon
|
|
25
|
+
* @param {'success' | 'warning' | 'error'} type - The type of the toast notification, which determines the icon, the tinted background and the border color, in both themes.
|
|
26
26
|
*
|
|
27
27
|
* @returns {void}
|
|
28
28
|
*/
|
|
@@ -35,7 +35,7 @@ export function showToast(content, type) {
|
|
|
35
35
|
pauseOnFocusLoss: false,
|
|
36
36
|
transition: Zoom,
|
|
37
37
|
icon: () => icons[type],
|
|
38
|
-
className:
|
|
38
|
+
className: styleMap[type],
|
|
39
39
|
});
|
|
40
40
|
}
|
|
41
41
|
//# sourceMappingURL=Toast.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.jsx","sourceRoot":"","sources":["../../../../src/components/01-atoms/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,MAAM,WAAW,GAAG,IAAI,CAAC,sCAAsC,CAAC,CAAC;AAEjE,MAAM,KAAK,GAA4B;IACrC,OAAO,EAAE,CACP,CAAC,OAAO,CACN,WAAW,CAAC,MAAM,CAClB,SAAS,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,iCAAiC,CAAC,CAAC,EAChE,CACH;IACD,OAAO,EAAE,CACP,CAAC,SAAS,CACR,WAAW,CAAC,MAAM,CAClB,SAAS,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,iCAAiC,CAAC,CAAC,EAChE,CACH;IACD,KAAK,EAAE,CACL,CAAC,OAAO,CACN,WAAW,CAAC,MAAM,CAClB,SAAS,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,6BAA6B,CAAC,CAAC,EAC5D,CACH;CACF,CAAC;AAEF,MAAM,
|
|
1
|
+
{"version":3,"file":"Toast.jsx","sourceRoot":"","sources":["../../../../src/components/01-atoms/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,MAAM,WAAW,GAAG,IAAI,CAAC,sCAAsC,CAAC,CAAC;AAEjE,MAAM,KAAK,GAA4B;IACrC,OAAO,EAAE,CACP,CAAC,OAAO,CACN,WAAW,CAAC,MAAM,CAClB,SAAS,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,iCAAiC,CAAC,CAAC,EAChE,CACH;IACD,OAAO,EAAE,CACP,CAAC,SAAS,CACR,WAAW,CAAC,MAAM,CAClB,SAAS,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,iCAAiC,CAAC,CAAC,EAChE,CACH;IACD,KAAK,EAAE,CACL,CAAC,OAAO,CACN,WAAW,CAAC,MAAM,CAClB,SAAS,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,6BAA6B,CAAC,CAAC,EAC5D,CACH;CACF,CAAC;AAEF,MAAM,QAAQ,GAAyB;IACrC,OAAO,EAAE,IAAI,CACX,oCAAoC,EACpC,iDAAiD,CAClD;IACD,OAAO,EAAE,IAAI,CACX,oCAAoC,EACpC,iDAAiD,CAClD;IACD,KAAK,EAAE,IAAI,CACT,gCAAgC,EAChC,6CAA6C,CAC9C;CACF,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,SAAS,CAAC,OAAkB,EAAE,IAAU;IACtD,iFAAiF;IACjF,oFAAoF;IACpF,OAAO,CACL,GAAG,EAAE,CAAC,CACJ,CAAC,SAAS,CAAC,SAAS,CAAC,4BAA4B,CAAC,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CACxE,EACD;QACE,QAAQ,EAAE,WAAW;QACrB,eAAe,EAAE,IAAI;QACrB,gBAAgB,EAAE,KAAK;QACvB,UAAU,EAAE,IAAI;QAChB,IAAI,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC;QACvB,SAAS,EAAE,QAAQ,CAAC,IAAI,CAAC;KAC1B,CACF,CAAC;AACJ,CAAC"}
|