@edifice.io/react 2.2.11-develop-pedago.20250630145158 → 2.2.11-develop-pedago.20250702150822

package/dist/components/Layout/Layout.d.ts

@@ -4,9 +4,11 @@ export interface LayoutProps extends ComponentPropsWithoutRef<any> {
     children: ReactNode;
     /** Full screen mode without header component  */
     headless?: boolean;
+    /** Control white background - defaults to true */
+    whiteBg?: boolean;
 }
 export declare const Layout: {
-    ({ children, headless, ...restProps }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, headless, whiteBg, ...restProps }: LayoutProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Layout;

package/dist/components/Layout/Layout.js

@@ -12,6 +12,7 @@ import Button from "../Button/Button.js";
 const Layout = ({
   children,
   headless = !1,
+  whiteBg = !0,
   ...restProps
 }) => {
   const {
@@ -24,7 +25,8 @@ const Layout = ({
     handleCloseCookiesConsent
   } = useCookiesConsent();
   useZendeskGuide(), useCantoo();
-  const classes = clsx("d-flex flex-column bg-white", {
+  const classes = clsx("d-flex flex-column", {
+    "bg-white": whiteBg,
     "container-fluid": !headless,
     "rounded-4 border": (theme == null ? void 0 : theme.is1d) && !headless,
     "mt-24": (theme == null ? void 0 : theme.is1d) && !headless

package/dist/components/Tabs/components/Tabs.d.ts

@@ -17,12 +17,16 @@ export interface TabsProps {
      * Children Props
      */
     children?: (...props: any) => ReactNode;
+    /**
+     * Whether tabs should take full available width
+     */
+    fullWidth?: boolean;
 }
 /**
  * Tab Content displayed one at a time when a Tab Item is selected
  */
 export declare const Tabs: {
-    ({ defaultId, items, onChange, children }: TabsProps): import("react/jsx-runtime").JSX.Element;
+    ({ defaultId, items, fullWidth, onChange, children, }: TabsProps): import("react/jsx-runtime").JSX.Element;
     Item: {
         ({ icon, badge, label, id, order, }: TabsItemProps & {
             order: number;

package/dist/components/Tabs/components/Tabs.js

@@ -5,9 +5,11 @@ import { useTabs } from "../hooks/useTabs.js";
 import TabsItem from "./TabsItem.js";
 import TabsList from "./TabsList.js";
 import TabsPanel from "./TabsPanel.js";
+import clsx from "clsx";
 const Tabs = ({
   defaultId,
   items,
+  fullWidth = !1,
   onChange,
   children
 }) => {
@@ -30,9 +32,11 @@ const Tabs = ({
     tabUnderlineLeft,
     tabUnderlineWidth,
     onKeyDown
-  }), [activeTab, items, onKeyDown, setSelectedTab, tabUnderlineLeft, tabUnderlineWidth, tabsRef]), currentItem = items.find((item) => item.id === activeTab);
+  }), [activeTab, items, onKeyDown, setSelectedTab, tabUnderlineLeft, tabUnderlineWidth, tabsRef]), currentItem = items.find((item) => item.id === activeTab), tabListClasses = clsx({
+    "w-100": fullWidth
+  });
   return /* @__PURE__ */ jsx(TabsContext.Provider, { value, children: typeof children == "function" ? children(currentItem) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Tabs.List, {}),
+    /* @__PURE__ */ jsx(Tabs.List, { className: tabListClasses }),
     /* @__PURE__ */ jsx(Tabs.Panel, { currentItem, children: currentItem == null ? void 0 : currentItem.content })
   ] }) });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.2.11-develop-pedago.20250630145158",
+  "version": "2.2.11-develop-pedago.20250702150822",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -130,9 +130,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.2.11-develop-pedago.20250630145158",
-    "@edifice.io/tiptap-extensions": "2.2.11-develop-pedago.20250630145158",
-    "@edifice.io/utilities": "2.2.11-develop-pedago.20250630145158"
+    "@edifice.io/bootstrap": "2.2.11-develop-pedago.20250702150822",
+    "@edifice.io/tiptap-extensions": "2.2.11-develop-pedago.20250702150822",
+    "@edifice.io/utilities": "2.2.11-develop-pedago.20250702150822"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -163,8 +163,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.2.11-develop-pedago.20250630145158",
-    "@edifice.io/config": "2.2.11-develop-pedago.20250630145158"
+    "@edifice.io/client": "2.2.11-develop-pedago.20250702150822",
+    "@edifice.io/config": "2.2.11-develop-pedago.20250702150822"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",