@sybilion/uilib 1.3.4 → 1.3.5

package/dist/esm/components/ui/Page/PageTabs/PageTabs.js

@@ -15,8 +15,8 @@ function hasTabPanelContent(content) {
         return false;
     return true;
 }
-function PageTabs({ className, contentClassName, scrollbarClassName, items, tabsListProps, ...props }) {
-    return (jsxs(Tabs, { className: cn(S.root, className), variant: "link", ...props, children: [jsx(TabsList, { ...tabsListProps, className: cn(S.list, tabsListProps?.withPaddings && S.withPaddings), children: jsx(PageXScroll, { size: "sm", scrollbarClassName: cn(S.scrollbar, scrollbarClassName), children: items.map(item => (jsx(TabsTrigger, { value: item.value, children: item.label }, item.value))) }) }), items.map(item => hasTabPanelContent(item.content) ? (jsx(TabsContent, { value: item.value, className: cn(S.content, contentClassName), children: item.content }, item.value)) : null)] }));
+function PageTabs({ className, contentClassName, innerClassName, scrollbarClassName, items, tabsListProps, ...props }) {
+    return (jsxs(Tabs, { className: cn(S.root, className), variant: "link", ...props, children: [jsx(TabsList, { ...tabsListProps, className: cn(S.list, tabsListProps?.withPaddings && S.withPaddings), children: jsx(PageXScroll, { size: "sm", scrollbarClassName: cn(S.scrollbar, scrollbarClassName), innerClassName: innerClassName, children: items.map(item => (jsx(TabsTrigger, { value: item.value, children: item.label }, item.value))) }) }), items.map(item => hasTabPanelContent(item.content) ? (jsx(TabsContent, { value: item.value, className: cn(S.content, contentClassName), children: item.content }, item.value)) : null)] }));
 }
 
 export { PageTabs };

package/dist/esm/types/src/components/ui/Page/PageTabs/PageTabs.d.ts

@@ -1,5 +1,5 @@
 import { TabsListProps, TabsProps } from '#uilib/components/ui/Tabs';
-export declare function PageTabs({ className, contentClassName, scrollbarClassName, items, tabsListProps, ...props }: {
+export declare function PageTabs({ className, contentClassName, innerClassName, scrollbarClassName, items, tabsListProps, ...props }: {
     items: {
         value: string;
         label: string;
@@ -11,5 +11,6 @@ export declare function PageTabs({ className, contentClassName, scrollbarClassNa
     };
 } & TabsProps & {
     contentClassName?: string;
+    innerClassName?: string;
     scrollbarClassName?: string;
 }): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sybilion/uilib",
-  "version": "1.3.4",
+  "version": "1.3.5",
   "description": "Sybilion Design System — React UI components (Webpack + Stylus)",
   "publishConfig": {
     "access": "public",

package/src/components/ui/Page/PageTabs/PageTabs.tsx

@@ -23,6 +23,7 @@ function hasTabPanelContent(content: React.ReactNode | undefined): boolean {
 export function PageTabs({
   className,
   contentClassName,
+  innerClassName,
   scrollbarClassName,
   items,
   tabsListProps,
@@ -33,7 +34,11 @@ export function PageTabs({
     fullWidth?: boolean;
     withPaddings?: boolean;
   };
-} & TabsProps & { contentClassName?: string; scrollbarClassName?: string }) {
+} & TabsProps & {
+    contentClassName?: string;
+    innerClassName?: string;
+    scrollbarClassName?: string;
+  }) {
   return (
     <Tabs className={cn(S.root, className)} variant="link" {...props}>
       <TabsList
@@ -43,6 +48,7 @@ export function PageTabs({
         <PageXScroll
           size="sm"
           scrollbarClassName={cn(S.scrollbar, scrollbarClassName)}
+          innerClassName={innerClassName}
         >
           {items.map(item => (
             <TabsTrigger value={item.value} key={item.value}>