@makolabs/ripple 0.0.1-dev.8 → 0.0.1-dev.9

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.
@@ -28,8 +28,12 @@
28
28
 
29
29
  const navGroupClasses = $derived(
30
30
  cn(
31
- `hidden xl:flex items-center gap-x-3 p-1.5 rounded-md w-full cursor-pointer text-gray-400 text-sm/6 text-left font-medium`,
32
- { 'font-semibold ': isActive },
31
+ `items-center gap-x-3 p-1.5 rounded-md w-full cursor-pointer text-gray-400 text-sm/6 text-left font-medium`,
32
+ {
33
+ 'font-semibold ': isActive,
34
+ hidden: menubar.collapsed,
35
+ 'hidden xl:flex': !menubar.collapsed
36
+ },
33
37
  className
34
38
  )
35
39
  );
@@ -58,7 +62,8 @@
58
62
  const topDivClasses = $derived(
59
63
  cn('overflow-hidden transition-all duration-200', {
60
64
  'bg-transparent mt-0 mt-1 w-auto': !menubar.collapsed,
61
- 'xl:hidden': !isActive
65
+ 'xl:hidden': !isActive,
66
+ 'hidden xl:block': menubar.collapsed
62
67
  })
63
68
  );
64
69
  </script>
@@ -63,7 +63,7 @@
63
63
  );
64
64
 
65
65
  const logoTextClasses = $derived(
66
- clsx('text-xl font-semibold hidden text-white', { 'xl:block': !menubar.collapsed })
66
+ clsx('text-xl font-semibold hidden text-white truncate', { 'xl:block': !menubar.collapsed })
67
67
  );
68
68
 
69
69
  const logoWrapperClasses = $derived(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@makolabs/ripple",
3
- "version": "0.0.1-dev.8",
3
+ "version": "0.0.1-dev.9",
4
4
  "description": "Simple Svelte 5 powered component library ✨",
5
5
  "repository": {
6
6
  "type": "git",