fixed toastify css import order

linked-planet · Oct 4, 2023 · 8b051ce · 8b051ce
1 parent 5bed176
commit 8b051ce
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/library/src/components/ToastFlag.tsx b/library/src/components/ToastFlag.tsx
@@ -3,12 +3,9 @@ import React, { CSSProperties } from "react"
 import { CloseButtonProps, toast } from "react-toastify"
 import type { ToastOptions } from "react-toastify"
 
-import { N0 } from "@atlaskit/theme/colors"
-
-import "react-toastify/dist/ReactToastify.css"
+//import "react-toastify/dist/ReactToastify.css"  -> needs to be imported in your app, probably before tailwindcss to make overrides work
 import CrossIcon from "@atlaskit/icon/glyph/cross"
 
-import { token } from "@atlaskit/tokens"
 import { Flag, FlagActionType, FlagProps } from "./Flag"
 import {
 	getAppearanceColors,
@@ -48,7 +45,7 @@ export function showFlagExtended({
 	invert = false,
 	...props
 }: ToastFlagProps) {
-	const { secondaryColor, primaryColor, textColor } = getAppearanceColors(
+	const { secondaryColor, textColor } = getAppearanceColors(
 		invert,
 		appearance,
 	)

diff --git a/showcase/src/styles.css b/showcase/src/styles.css
@@ -1,3 +1,5 @@
+@import "react-toastify/dist/ReactToastify.css";
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;