@manafishrov/ui 1.5.4 → 1.5.5
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.
|
@@ -8,7 +8,7 @@ var a = t.Root, o = (a) => {
|
|
|
8
8
|
return n(t.Viewport, r({
|
|
9
9
|
"data-slot": "scroll-area-viewport",
|
|
10
10
|
get class() {
|
|
11
|
-
return e("size-full rounded-[inherit] transition-[color,box-shadow] outline-none
|
|
11
|
+
return e("size-full [scrollbar-width:none] rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 [&::-webkit-scrollbar]:hidden", o.class);
|
|
12
12
|
}
|
|
13
13
|
}, s));
|
|
14
14
|
}, s = (a) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollArea.js","names":["ScrollArea","ScrollAreaPrimitive","Component","splitProps","cn","Root","ScrollAreaViewport","ViewportProps","props","local","others","_$createComponent","Viewport","_$mergeProps","class","ScrollAreaContent","ContentProps","Content","ScrollAreaScrollbar","ScrollbarProps","Scrollbar","ScrollAreaThumb","ThumbProps","Thumb","ScrollAreaCorner","CornerProps","Corner"],"sources":["../../src/components/ScrollArea.tsx"],"sourcesContent":["import { ScrollArea as ScrollAreaPrimitive } from '@ark-ui/solid/scroll-area';\nimport { type Component, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const ScrollArea = ScrollAreaPrimitive.Root;\n\nexport const ScrollAreaViewport: Component<ScrollAreaPrimitive.ViewportProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <ScrollAreaPrimitive.Viewport\n data-slot='scroll-area-viewport'\n class={cn(\n 'size-full rounded-[inherit] transition-[color,box-shadow] outline-none
|
|
1
|
+
{"version":3,"file":"ScrollArea.js","names":["ScrollArea","ScrollAreaPrimitive","Component","splitProps","cn","Root","ScrollAreaViewport","ViewportProps","props","local","others","_$createComponent","Viewport","_$mergeProps","class","ScrollAreaContent","ContentProps","Content","ScrollAreaScrollbar","ScrollbarProps","Scrollbar","ScrollAreaThumb","ThumbProps","Thumb","ScrollAreaCorner","CornerProps","Corner"],"sources":["../../src/components/ScrollArea.tsx"],"sourcesContent":["import { ScrollArea as ScrollAreaPrimitive } from '@ark-ui/solid/scroll-area';\nimport { type Component, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const ScrollArea = ScrollAreaPrimitive.Root;\n\nexport const ScrollAreaViewport: Component<ScrollAreaPrimitive.ViewportProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <ScrollAreaPrimitive.Viewport\n data-slot='scroll-area-viewport'\n class={cn(\n 'size-full [scrollbar-width:none] rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 [&::-webkit-scrollbar]:hidden',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const ScrollAreaContent: Component<ScrollAreaPrimitive.ContentProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <ScrollAreaPrimitive.Content\n data-slot='scroll-area-content'\n class={cn(local.class)}\n {...others}\n />\n );\n};\n\nexport const ScrollAreaScrollbar: Component<ScrollAreaPrimitive.ScrollbarProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'orientation']);\n return (\n <ScrollAreaPrimitive.Scrollbar\n data-slot='scroll-area-scrollbar'\n class={cn(\n 'hidden touch-none p-px transition-colors select-none',\n 'data-[orientation=horizontal]:h-2.5 data-[orientation=horizontal]:flex-col data-[orientation=horizontal]:border-t data-[orientation=horizontal]:border-t-transparent data-[orientation=horizontal]:data-[overflow-x]:flex',\n 'data-[orientation=vertical]:w-2.5 data-[orientation=vertical]:h-full data-[orientation=vertical]:border-l data-[orientation=vertical]:border-l-transparent data-[orientation=vertical]:data-[overflow-y]:flex',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const ScrollAreaThumb: Component<ScrollAreaPrimitive.ThumbProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <ScrollAreaPrimitive.Thumb\n data-slot='scroll-area-thumb'\n class={cn('relative flex-1 rounded-full bg-border', local.class)}\n {...others}\n />\n );\n};\n\nexport const ScrollAreaCorner: Component<ScrollAreaPrimitive.CornerProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <ScrollAreaPrimitive.Corner\n data-slot='scroll-area-corner'\n class={cn(local.class)}\n {...others}\n />\n );\n};\n"],"mappings":";;;;;AAIA,IAAaA,IAAaC,EAAoBI,MAEjCC,KAAoEE,MAAU;CACzF,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGV,EAAoBW,UAAQC,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAEpBT,EACL,2MACAK,EAAMK,KACR;EAAC;CAAA,GACGJ,CAAM,CAAA;AAGhB,GAEaK,KAAkEP,MAAU;CACvF,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGV,EAAoBgB,SAAOJ,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAEnBT,EAAGK,EAAMK,KAAK;EAAC;CAAA,GAClBJ,CAAM,CAAA;AAGhB,GAEaQ,KAAsEV,MAAU;CAC3F,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,aAAa,CAAC;CAClE,OAAAG,EACGV,EAAoBmB,WAASP,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAErBT,EACL,wDACA,6NACA,iNACAK,EAAMK,KACR;EAAC;CAAA,GACGJ,CAAM,CAAA;AAGhB,GAEaW,KAA8Db,MAAU;CACnF,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGV,EAAoBsB,OAAKV,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAEjBT,EAAG,0CAA0CK,EAAMK,KAAK;EAAC;CAAA,GAC5DJ,CAAM,CAAA;AAGhB,GAEac,KAAgEhB,MAAU;CACrF,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGV,EAAoByB,QAAMb,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAElBT,EAAGK,EAAMK,KAAK;EAAC;CAAA,GAClBJ,CAAM,CAAA;AAGhB"}
|
package/package.json
CHANGED
|
@@ -10,7 +10,7 @@ export const ScrollAreaViewport: Component<ScrollAreaPrimitive.ViewportProps> =
|
|
|
10
10
|
<ScrollAreaPrimitive.Viewport
|
|
11
11
|
data-slot='scroll-area-viewport'
|
|
12
12
|
class={cn(
|
|
13
|
-
'size-full rounded-[inherit] transition-[color,box-shadow] outline-none
|
|
13
|
+
'size-full [scrollbar-width:none] rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 [&::-webkit-scrollbar]:hidden',
|
|
14
14
|
local.class,
|
|
15
15
|
)}
|
|
16
16
|
{...others}
|