@marianmeres/stuic 2.57.0 → 2.58.0

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.
Files changed (7) hide show
  1. package/dist/components/ButtonGroupRadio/ButtonGroupRadio.svelte +1 -1
  2. package/dist/components/DropdownMenu/DropdownMenu.svelte +11 -11
  3. package/dist/components/DropdownMenu/DropdownMenu.svelte.d.ts +1 -1
  4. package/dist/components/KbdShortcut/KbdShortcut.svelte +1 -1
  5. package/dist/icons/index.d.ts +1 -0
  6. package/dist/icons/index.js +1 -0
  7. package/package.json +1 -1
package/dist/components/ButtonGroupRadio/ButtonGroupRadio.svelte CHANGED
@@ -101,7 +101,7 @@
101
101
  border-button-group-border dark:border-button-group-border-dark
102
102
  flex justify-between
103
103
 
104
- focus-within:border-button-group-accent focus-within:dark:border-button-group-accent-dark
104
+ focus-within:border-button-group-accent focus-within:dark:border-button-group-accent-dark
105
105
  focus-within:ring-button-group-accent/20 focus-within:dark:ring-button-group-accent-dark/20
106
106
  focus-within:ring-4
107
107
  `;
package/dist/components/DropdownMenu/DropdownMenu.svelte CHANGED
@@ -210,9 +210,9 @@
210
210
  text-neutral-900 dark:text-neutral-100
211
211
  border-neutral-200 dark:border-neutral-700
212
212
  hover:brightness-95 dark:hover:brightness-110
213
- focus-visible:outline-2 focus-visible:outline-offset-2
214
213
  cursor-pointer
215
- `;
214
+ `;
215
+ // focus-visible:outline-2 focus-visible:outline-offset-2
216
216
 
217
217
  export const DROPDOWN_MENU_DROPDOWN_CLASSES = `
218
218
  stuic-dropdown-menu-dropdown
@@ -703,12 +703,12 @@
703
703
  role="menuitem"
704
704
  class={twMerge(
705
705
  DROPDOWN_MENU_ITEM_CLASSES,
706
+ classItem,
707
+ item.class,
706
708
  isActive && "bg-neutral-200 dark:bg-neutral-600",
707
709
  isActive && classItemActive,
708
710
  item.disabled && "opacity-50 cursor-not-allowed pointer-events-none",
709
- item.disabled && classItemDisabled,
710
- classItem,
711
- item.class
711
+ item.disabled && classItemDisabled
712
712
  )}
713
713
  onclick={() => selectItem(item)}
714
714
  onmouseenter={() => navItems.setActive(item)}
@@ -761,12 +761,12 @@
761
761
  class={twMerge(
762
762
  DROPDOWN_MENU_ITEM_CLASSES,
763
763
  "font-medium",
764
+ classExpandable,
765
+ item.class,
764
766
  isExpandableActive && "bg-neutral-200 dark:bg-neutral-600",
765
767
  isExpandableActive && classItemActive,
766
768
  item.disabled && "opacity-50 cursor-not-allowed pointer-events-none",
767
- item.disabled && classItemDisabled,
768
- classExpandable,
769
- item.class
769
+ item.disabled && classItemDisabled
770
770
  )}
771
771
  onclick={() => toggleExpanded(item.id)}
772
772
  onmouseenter={() =>
@@ -815,13 +815,13 @@
815
815
  role="menuitem"
816
816
  class={twMerge(
817
817
  DROPDOWN_MENU_ITEM_CLASSES,
818
+ classItem,
819
+ childItem.class,
818
820
  isChildActive && "bg-neutral-200 dark:bg-neutral-600",
819
821
  isChildActive && classItemActive,
820
822
  childItem.disabled &&
821
823
  "opacity-50 cursor-not-allowed pointer-events-none",
822
- childItem.disabled && classItemDisabled,
823
- classItem,
824
- childItem.class
824
+ childItem.disabled && classItemDisabled
825
825
  )}
826
826
  onclick={() => selectItem(childItem)}
827
827
  onmouseenter={() => navItems.setActive(childItem)}
package/dist/components/DropdownMenu/DropdownMenu.svelte.d.ts CHANGED
@@ -143,7 +143,7 @@ export interface Props extends Omit<HTMLButtonAttributes, "children"> {
143
143
  noScrollLock?: boolean;
144
144
  }
145
145
  export declare const DROPDOWN_MENU_BASE_CLASSES = "stuic-dropdown-menu relative inline-block";
146
- export declare const DROPDOWN_MENU_TRIGGER_CLASSES = "\n\t\tinline-flex items-center justify-center gap-2\n\t\tpx-3 py-2\n\t\trounded-md border\n\t\tbg-white dark:bg-neutral-800\n\t\ttext-neutral-900 dark:text-neutral-100\n\t\tborder-neutral-200 dark:border-neutral-700\n\t\thover:brightness-95 dark:hover:brightness-110\n\t\tfocus-visible:outline-2 focus-visible:outline-offset-2\n\t\tcursor-pointer\n\t";
146
+ export declare const DROPDOWN_MENU_TRIGGER_CLASSES = "\n\t\tinline-flex items-center justify-center gap-2\n\t\tpx-3 py-2\n\t\trounded-md border\n\t\tbg-white dark:bg-neutral-800\n\t\ttext-neutral-900 dark:text-neutral-100\n\t\tborder-neutral-200 dark:border-neutral-700\n\t\thover:brightness-95 dark:hover:brightness-110\n\t\tcursor-pointer\n\t\t";
147
147
  export declare const DROPDOWN_MENU_DROPDOWN_CLASSES = "\n\t\tstuic-dropdown-menu-dropdown\n\t\tbg-white dark:bg-neutral-800\n\t\ttext-neutral-900 dark:text-neutral-100\n\t\tborder border-neutral-200 dark:border-neutral-700\n\t\trounded-md shadow-sm\n\t\tp-1\n\t\toverflow-y-auto\n\t\tz-50\n\t\tmin-w-48\n\t";
148
148
  export declare const DROPDOWN_MENU_ITEM_CLASSES = "\n\t\tw-full\n\t\tflex items-center gap-2\n\t\tpx-3 py-1.5\n\t\tmin-h-[44px]\n\t\ttext-left \n\t\trounded-md\n\t\tcursor-pointer\n\t\ttouch-action-manipulation\n\t\thover:bg-neutral-100 dark:hover:bg-neutral-700\n\t\tfocus:outline-none\n\t\tfocus-visible:bg-neutral-200 dark:focus-visible:bg-neutral-600\n\t";
149
149
  export declare const DROPDOWN_MENU_DIVIDER_CLASSES = "\n\t\th-px my-1\n\t\tbg-neutral-200 dark:bg-neutral-700\n\t";
package/dist/components/KbdShortcut/KbdShortcut.svelte CHANGED
@@ -75,7 +75,7 @@
75
75
 
76
76
  <kbd
77
77
  class={twMerge(
78
- "text-xs leading-0 space-x-0.5 rounded px-1 py-0 outline outline-neutral-400",
78
+ "text-sm leading-0 space-x-0.5 rounded px-1 py-0 outline outline-neutral-400",
79
79
  classProp
80
80
  )}
81
81
  >
package/dist/icons/index.d.ts CHANGED
@@ -35,3 +35,4 @@ export { iconLucideCircle as iconCircle } from "@marianmeres/icons-fns/lucide/ic
35
35
  export { iconLucideSquare as iconSquare } from "@marianmeres/icons-fns/lucide/iconLucideSquare.js";
36
36
  export { iconLucideMenu as iconMenu } from "@marianmeres/icons-fns/lucide/iconLucideMenu.js";
37
37
  export { iconLucideUser as iconUser } from "@marianmeres/icons-fns/lucide/iconLucideUser.js";
38
+ export { iconLucideEllipsisVertical as iconEllipsisVertical } from "@marianmeres/icons-fns/lucide/iconLucideEllipsisVertical.js";
package/dist/icons/index.js CHANGED
@@ -39,3 +39,4 @@ export { iconLucideCircle as iconCircle } from "@marianmeres/icons-fns/lucide/ic
39
39
  export { iconLucideSquare as iconSquare } from "@marianmeres/icons-fns/lucide/iconLucideSquare.js";
40
40
  export { iconLucideMenu as iconMenu } from "@marianmeres/icons-fns/lucide/iconLucideMenu.js";
41
41
  export { iconLucideUser as iconUser } from "@marianmeres/icons-fns/lucide/iconLucideUser.js";
42
+ export { iconLucideEllipsisVertical as iconEllipsisVertical } from "@marianmeres/icons-fns/lucide/iconLucideEllipsisVertical.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@marianmeres/stuic",
3
- "version": "2.57.0",
3
+ "version": "2.58.0",
4
4
  "files": [
5
5
  "dist",
6
6
  "!dist/**/*.test.*",