fix: ColorVariant, toast and badge page

themesberg · Jun 27, 2024 · c3e29c7 · c3e29c7
1 parent fe2f01b
commit c3e29c7
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 21 deletions.
diff --git a/package.json b/package.json
@@ -60,7 +60,7 @@
     "prism-themes": "^1.9.0",
     "publint": "^0.2.8",
     "svelte": "^4.2.18",
-    "svelte-check": "^3.8.3",
+    "svelte-check": "^3.8.4",
     "svelte-lib-helpers": "^0.4.6",
     "svelte-meta-tags": "^3.1.2",
     "svelte-preprocess": "^6.0.1",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/lib/toast/Toast.svelte b/src/lib/toast/Toast.svelte
@@ -45,7 +45,7 @@
   const colors = {
     primary:
       'text-primary-500 bg-primary-100 dark:bg-primary-800 dark:text-primary-200',
-    gray: 'text-gray-500 bg-gray-100 dark:bg-gray-700 dark:text-gray-200',
+    dark: 'text-gray-500 bg-gray-100 dark:bg-gray-700 dark:text-gray-200',
     red: 'text-red-500 bg-red-100 dark:bg-red-800 dark:text-red-200',
     yellow:
       'text-yellow-500 bg-yellow-100 dark:bg-yellow-800 dark:text-yellow-200',

diff --git a/src/lib/types.ts b/src/lib/types.ts
@@ -14,7 +14,7 @@ export type CheckboxItem = {
 };
 
 export type ColorVariant =
-  | 'gray'
+  | 'dark'
   | 'red'
   | 'yellow'
   | 'green'

diff --git a/src/routes/docs/components/toast.md b/src/routes/docs/components/toast.md
@@ -76,9 +76,9 @@ Usually, green, red, and orange are used to show success, danger, or warning ale
   Improve password difficulty.
 </Toast>
 
-<Toast color="gray">
+<Toast color="dark">
   <FireOutline slot="icon" class="w-6 h-6" />
-  Gray
+  Dark
 </Toast>
 
 <Toast color="yellow">