@manafishrov/ui 1.3.11 → 1.3.12
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.
package/README.md
CHANGED
|
@@ -15,7 +15,7 @@ const m = t.Root, f = t.Trigger, g = t.Context, u = (o) => {
|
|
|
15
15
|
return a(t.Content, s({
|
|
16
16
|
"data-slot": "tooltip-content",
|
|
17
17
|
get class() {
|
|
18
|
-
return i("px-3 py-1.5 text-xs shadow-md relative isolate transform-gpu overflow-visible rounded-md bg-foreground text-background will-change-transform [--arrow-background:var(--foreground)]", "origin-(--transform-origin)", "data-[state=open]:animate-in data-[state=open]:fade-in-0", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0", "data-[placement^=bottom]:slide-in-from-top-2", "data-[placement^=left]:slide-in-from-right-2", "data-[placement^=right]:slide-in-from-left-2", "data-[placement^=top]:slide-in-from-bottom-2", r.class);
|
|
18
|
+
return i("px-3 py-1.5 text-xs shadow-md relative isolate z-50 transform-gpu overflow-visible rounded-md bg-foreground text-background will-change-transform [--arrow-background:var(--foreground)]", "origin-(--transform-origin)", "data-[state=open]:animate-in data-[state=open]:fade-in-0", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0", "data-[placement^=bottom]:slide-in-from-top-2", "data-[placement^=left]:slide-in-from-right-2", "data-[placement^=right]:slide-in-from-left-2", "data-[placement^=top]:slide-in-from-bottom-2", r.class);
|
|
19
19
|
}
|
|
20
20
|
}, e));
|
|
21
21
|
}, w = (o) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sources":["../../src/components/Tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from '@ark-ui/solid/tooltip';\nimport { splitProps, type Component } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const Tooltip = TooltipPrimitive.Root;\nexport const TooltipTrigger = TooltipPrimitive.Trigger;\nexport const TooltipContext = TooltipPrimitive.Context;\n\nexport const TooltipPositioner: Component<TooltipPrimitive.PositionerProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <TooltipPrimitive.Positioner\n data-slot='tooltip-positioner'\n class={cn('isolate z-50', local.class)}\n {...others}\n />\n );\n};\n\nexport const TooltipContent: Component<TooltipPrimitive.ContentProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n\n return (\n <TooltipPrimitive.Content\n data-slot='tooltip-content'\n class={cn(\n 'px-3 py-1.5 text-xs shadow-md relative isolate transform-gpu overflow-visible rounded-md bg-foreground text-background will-change-transform [--arrow-background:var(--foreground)]',\n 'origin-(--transform-origin)',\n 'data-[state=open]:animate-in data-[state=open]:fade-in-0',\n 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',\n 'data-[placement^=bottom]:slide-in-from-top-2',\n 'data-[placement^=left]:slide-in-from-right-2',\n 'data-[placement^=right]:slide-in-from-left-2',\n 'data-[placement^=top]:slide-in-from-bottom-2',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const TooltipArrow: Component<TooltipPrimitive.ArrowProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n\n return (\n <TooltipPrimitive.Arrow\n data-slot='tooltip-arrow'\n class={cn('z-50 [--arrow-offset:-6px]! [--arrow-size:10px]', local.class)}\n {...others}\n >\n <TooltipPrimitive.ArrowTip class='rounded-[2px]' />\n </TooltipPrimitive.Arrow>\n );\n};\n"],"names":["Tooltip","TooltipPrimitive","Root","TooltipTrigger","Trigger","TooltipContext","Context","TooltipPositioner","props","local","others","splitProps","_$createComponent","Positioner","_$mergeProps","cn","class","TooltipContent","Content","TooltipArrow","Arrow","children","ArrowTip"],"mappings":";;;;AAIO,MAAMA,IAAUC,EAAiBC,MAC3BC,IAAiBF,EAAiBG,SAClCC,IAAiBJ,EAAiBK,SAElCC,IAAkEC,CAAAA,MAAU;AACvF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGX,EAAiBY,YAAUC,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEnBC,EAAG,gBAAgBN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAClCN,CAAM,CAAA;AAGhB,GAEaO,IAA4DT,CAAAA,MAAU;AACjF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AAEnD,SAAAI,EACGX,EAAiBiB,SAAOJ,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEhBC,EACL,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../src/components/Tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from '@ark-ui/solid/tooltip';\nimport { splitProps, type Component } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const Tooltip = TooltipPrimitive.Root;\nexport const TooltipTrigger = TooltipPrimitive.Trigger;\nexport const TooltipContext = TooltipPrimitive.Context;\n\nexport const TooltipPositioner: Component<TooltipPrimitive.PositionerProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <TooltipPrimitive.Positioner\n data-slot='tooltip-positioner'\n class={cn('isolate z-50', local.class)}\n {...others}\n />\n );\n};\n\nexport const TooltipContent: Component<TooltipPrimitive.ContentProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n\n return (\n <TooltipPrimitive.Content\n data-slot='tooltip-content'\n class={cn(\n 'px-3 py-1.5 text-xs shadow-md relative isolate z-50 transform-gpu overflow-visible rounded-md bg-foreground text-background will-change-transform [--arrow-background:var(--foreground)]',\n 'origin-(--transform-origin)',\n 'data-[state=open]:animate-in data-[state=open]:fade-in-0',\n 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',\n 'data-[placement^=bottom]:slide-in-from-top-2',\n 'data-[placement^=left]:slide-in-from-right-2',\n 'data-[placement^=right]:slide-in-from-left-2',\n 'data-[placement^=top]:slide-in-from-bottom-2',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const TooltipArrow: Component<TooltipPrimitive.ArrowProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n\n return (\n <TooltipPrimitive.Arrow\n data-slot='tooltip-arrow'\n class={cn('z-50 [--arrow-offset:-6px]! [--arrow-size:10px]', local.class)}\n {...others}\n >\n <TooltipPrimitive.ArrowTip class='rounded-[2px]' />\n </TooltipPrimitive.Arrow>\n );\n};\n"],"names":["Tooltip","TooltipPrimitive","Root","TooltipTrigger","Trigger","TooltipContext","Context","TooltipPositioner","props","local","others","splitProps","_$createComponent","Positioner","_$mergeProps","cn","class","TooltipContent","Content","TooltipArrow","Arrow","children","ArrowTip"],"mappings":";;;;AAIO,MAAMA,IAAUC,EAAiBC,MAC3BC,IAAiBF,EAAiBG,SAClCC,IAAiBJ,EAAiBK,SAElCC,IAAkEC,CAAAA,MAAU;AACvF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGX,EAAiBY,YAAUC,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEnBC,EAAG,gBAAgBN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAClCN,CAAM,CAAA;AAGhB,GAEaO,IAA4DT,CAAAA,MAAU;AACjF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AAEnD,SAAAI,EACGX,EAAiBiB,SAAOJ,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEhBC,EACL,4LACA,+BACA,4DACA,kEACA,gDACA,gDACA,gDACA,gDACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEaS,IAAwDX,CAAAA,MAAU;AAC7E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AAEnD,SAAAI,EACGX,EAAiBmB,OAAKN,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEdC,EAAG,mDAAmDN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GACrEN,GAAM;AAAA,IAAA,IAAAW,WAAA;AAAA,aAAAT,EAETX,EAAiBqB,UAAQ;AAAA,QAAA,OAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAGhC;"}
|
package/package.json
CHANGED
|
@@ -24,7 +24,7 @@ export const TooltipContent: Component<TooltipPrimitive.ContentProps> = (props)
|
|
|
24
24
|
<TooltipPrimitive.Content
|
|
25
25
|
data-slot='tooltip-content'
|
|
26
26
|
class={cn(
|
|
27
|
-
'px-3 py-1.5 text-xs shadow-md relative isolate transform-gpu overflow-visible rounded-md bg-foreground text-background will-change-transform [--arrow-background:var(--foreground)]',
|
|
27
|
+
'px-3 py-1.5 text-xs shadow-md relative isolate z-50 transform-gpu overflow-visible rounded-md bg-foreground text-background will-change-transform [--arrow-background:var(--foreground)]',
|
|
28
28
|
'origin-(--transform-origin)',
|
|
29
29
|
'data-[state=open]:animate-in data-[state=open]:fade-in-0',
|
|
30
30
|
'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',
|