tokka-ui 0.2.2 → 0.3.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 (71) hide show
  1. package/dist/alert-dialog.d.ts +5 -1
  2. package/dist/alert-dialog.js +13 -1
  3. package/dist/avatar.d.ts +4 -1
  4. package/dist/avatar.js +36 -0
  5. package/dist/breadcrumb.js +1 -1
  6. package/dist/button.d.ts +1 -1
  7. package/dist/button.js +1 -1
  8. package/dist/calendar.js +2 -2
  9. package/dist/card.d.ts +3 -2
  10. package/dist/card.js +11 -1
  11. package/dist/carousel.js +1 -1
  12. package/dist/checkbox.js +2 -2
  13. package/dist/{chunk-QBAV4RWS.js → chunk-A7UVRY2Z.js} +1 -1
  14. package/dist/{chunk-HHN2GS4U.js → chunk-CR3N6JKY.js} +1 -1
  15. package/dist/{chunk-BOKKBA25.js → chunk-ETVGPIML.js} +35 -1
  16. package/dist/{chunk-63HUTNB3.js → chunk-UFTU4NA7.js} +2 -2
  17. package/dist/{chunk-DVPPDIDA.js → chunk-XWKD7TFC.js} +13 -9
  18. package/dist/combobox.d.ts +1 -1
  19. package/dist/combobox.js +9 -1
  20. package/dist/data-table.js +1 -1
  21. package/dist/date-picker.d.ts +1 -1
  22. package/dist/date-picker.js +11 -3
  23. package/dist/drawer.js +1 -1
  24. package/dist/dropdown-menu.d.ts +1 -0
  25. package/dist/dropdown-menu.js +2 -1
  26. package/dist/field.d.ts +9 -0
  27. package/dist/field.js +62 -0
  28. package/dist/hover-card.js +2 -2
  29. package/dist/input.js +2 -2
  30. package/dist/native-select.js +1 -1
  31. package/dist/pagination.js +1 -1
  32. package/dist/popover.d.ts +9 -1
  33. package/dist/popover.js +9 -1
  34. package/dist/progress.js +1 -1
  35. package/dist/radio-group.js +1 -1
  36. package/dist/scroll-area.js +1 -1
  37. package/dist/select.js +1 -1
  38. package/dist/sidebar.js +1 -1
  39. package/dist/slider.js +1 -1
  40. package/dist/switch.js +1 -1
  41. package/dist/table.js +1 -1
  42. package/dist/tabs.js +2 -2
  43. package/dist/textarea.js +1 -1
  44. package/dist/toggle-group.js +1 -1
  45. package/dist/toggle.js +1 -1
  46. package/dist/tooltip.js +7 -3
  47. package/package.json +7 -2
  48. package/src/alert-dialog.tsx +12 -0
  49. package/src/avatar.tsx +43 -1
  50. package/src/breadcrumb.tsx +1 -1
  51. package/src/button.tsx +13 -9
  52. package/src/card.tsx +16 -4
  53. package/src/checkbox.tsx +2 -2
  54. package/src/drawer.tsx +1 -1
  55. package/src/dropdown-menu.tsx +3 -1
  56. package/src/field.tsx +67 -0
  57. package/src/hover-card.tsx +12 -10
  58. package/src/input.tsx +2 -2
  59. package/src/native-select.tsx +1 -1
  60. package/src/popover.tsx +38 -1
  61. package/src/progress.tsx +1 -1
  62. package/src/radio-group.tsx +1 -1
  63. package/src/scroll-area.tsx +1 -1
  64. package/src/select.tsx +1 -1
  65. package/src/slider.tsx +1 -1
  66. package/src/switch.tsx +1 -1
  67. package/src/table.tsx +2 -2
  68. package/src/tabs.tsx +2 -2
  69. package/src/textarea.tsx +1 -1
  70. package/src/toggle.tsx +1 -1
  71. package/src/tooltip.tsx +5 -2
package/src/tabs.tsx CHANGED
@@ -26,7 +26,7 @@ const TabsTrigger = React.forwardRef<
26
26
  <TabsPrimitive.Trigger
27
27
  ref={ref}
28
28
  className={cn(
29
- "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
29
+ "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
30
30
  className
31
31
  )}
32
32
  {...props}
@@ -41,7 +41,7 @@ const TabsContent = React.forwardRef<
41
41
  <TabsPrimitive.Content
42
42
  ref={ref}
43
43
  className={cn(
44
- "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
44
+ "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50",
45
45
  className
46
46
  )}
47
47
  {...props}
package/src/textarea.tsx CHANGED
@@ -9,7 +9,7 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
9
9
  return (
10
10
  <textarea
11
11
  className={cn(
12
- "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
12
+ "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50",
13
13
  className
14
14
  )}
15
15
  ref={ref}
package/src/toggle.tsx CHANGED
@@ -4,7 +4,7 @@ import { cva, type VariantProps } from "class-variance-authority"
4
4
  import { cn } from "./lib/utils"
5
5
 
6
6
  const toggleVariants = cva(
7
- "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
7
+ "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
8
8
  {
9
9
  variants: {
10
10
  variant: {
package/src/tooltip.tsx CHANGED
@@ -11,7 +11,7 @@ const TooltipTrigger = TooltipPrimitive.Trigger
11
11
  const TooltipContent = React.forwardRef<
12
12
  React.ElementRef<typeof TooltipPrimitive.Content>,
13
13
  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
14
- >(({ className, sideOffset = 4, ...props }, ref) => (
14
+ >(({ className, sideOffset = 0, ...props }, ref) => (
15
15
  <TooltipPrimitive.Content
16
16
  ref={ref}
17
17
  sideOffset={sideOffset}
@@ -20,7 +20,10 @@ const TooltipContent = React.forwardRef<
20
20
  className
21
21
  )}
22
22
  {...props}
23
- />
23
+ >
24
+ {props.children}
25
+ <TooltipPrimitive.Arrow className="fill-border" />
26
+ </TooltipPrimitive.Content>
24
27
  ))
25
28
  TooltipContent.displayName = TooltipPrimitive.Content.displayName
26
29