feat(theme): add sidebar.item.collapsed.noIcon to theme

Classes placed here are applied when you create `Sidebar.Item` with an `icon` and collapse the `Sidebar`.
themesberg · Aug 20, 2022 · 5908e0b · 5908e0b
1 parent 8f0d24c
commit 5908e0b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/lib/components/Flowbite/FlowbiteTheme.ts b/src/lib/components/Flowbite/FlowbiteTheme.ts
@@ -30,7 +30,7 @@ import type { TabStyleItem, TabStyles } from '../Tab';
 
 export type CustomFlowbiteTheme = DeepPartial<FlowbiteTheme>;
 
-export interface FlowbiteTheme {
+export interface FlowbiteTheme extends Record<string, unknown> {
   accordion: {
     base: string;
     content: {
@@ -411,6 +411,7 @@ export interface FlowbiteTheme {
       base: string;
       collapsed: {
         insideCollapse: string;
+        noIcon: string;
       };
       content: {
         base: string;

diff --git a/src/lib/theme/default.ts b/src/lib/theme/default.ts
@@ -1,4 +1,6 @@
-export default {
+import type { FlowbiteTheme } from '../components';
+
+const theme: FlowbiteTheme = {
   accordion: {
     base: 'divide-y divide-gray-200 border-gray-200 dark:divide-gray-700 dark:border-gray-700',
     content: {
@@ -697,10 +699,11 @@ export default {
       },
     },
     item: {
-      base: 'flex items-center rounded-lg p-2 text-base font-normal text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700',
+      base: 'flex items-center justify-center rounded-lg p-2 text-base font-normal text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700',
       active: 'bg-gray-100 dark:bg-gray-700',
       collapsed: {
         insideCollapse: 'group w-full pl-8 transition duration-75',
+        noIcon: 'font-bold',
       },
       content: {
         base: 'px-3 flex-1 whitespace-nowrap',
@@ -866,3 +869,5 @@ export default {
     },
   },
 };
+
+export default theme;