@db-ux/react-core-components 4.4.0 → 4.4.1-footer-28739e3

package/dist/components/footer/footer.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const DBFooter: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../..").GlobalProps | "width" | keyof import("./model").DBFooterDefaultProps> & import("./model").DBFooterDefaultProps & import("../..").GlobalProps & import("../..").ContainerWidthProps & React.RefAttributes<any>>;
+export default DBFooter;

package/dist/components/footer/footer.js

@@ -0,0 +1,21 @@
+"use client";
+import * as React from "react";
+import { filterPassingProps, getRootProps } from "../../utils/react";
+import { useRef, forwardRef } from "react";
+import { cls, getBoolean } from "../../utils";
+function DBFooterFn(props, component) {
+    props = Object.assign({ showCopyright: true, showMain: true, showMeta: true }, props);
+    const _ref = component || useRef(component);
+    return (React.createElement("footer", Object.assign({ ref: _ref }, filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { id: props.id }, getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { className: cls("db-footer", props.className), "data-width": props.width }),
+        getBoolean(props.showMain, "showMain") ? (React.createElement("section", { className: "db-footer-main" },
+            React.createElement("div", { className: "db-footer-content-container" },
+                React.createElement("div", { className: "db-footer-main-inner" },
+                    React.createElement(React.Fragment, null, props.main))))) : null,
+        getBoolean(props.showMeta, "showMeta") ? (React.createElement("section", { className: "db-footer-meta" },
+            React.createElement("div", { className: "db-footer-content-container" },
+                React.createElement("div", { className: "db-footer-meta-inner" },
+                    getBoolean(props.showCopyright, "showCopyright") ? (React.createElement("p", { className: "db-footer-copyright" }, "\u00A9 Deutsche Bahn AG")) : null,
+                    React.createElement(React.Fragment, null, props.meta))))) : null));
+}
+const DBFooter = forwardRef(DBFooterFn);
+export default DBFooter;

package/dist/components/footer/index.d.ts

@@ -0,0 +1 @@
+export { default as DBFooter } from './footer';

package/dist/components/footer/index.js

@@ -0,0 +1 @@
+export { default as DBFooter } from './footer';

package/dist/components/footer/model.d.ts

@@ -0,0 +1,26 @@
+import { ContainerWidthProps, GlobalProps } from '../../shared/model';
+export type DBFooterDefaultProps = {
+    /**
+     * Slot for the main footer content.
+     * Typically used for navigation links, footer columns, etc.
+     */
+    main?: any;
+    /**
+     * Slot for the meta footer content.
+     * Typically used for copyright information, legal links, etc.
+     */
+    meta?: any;
+    /**
+     * Shows or hides the copyright text "© Deutsche Bahn AG".
+     */
+    showCopyright?: boolean | string;
+    /**
+     * Shows or hides the main footer section.
+     */
+    showMain?: boolean | string;
+    /**
+     * Shows or hides the meta footer section.
+     */
+    showMeta?: boolean | string;
+};
+export type DBFooterProps = DBFooterDefaultProps & GlobalProps & ContainerWidthProps;

package/dist/components/footer/model.js

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -26,6 +26,8 @@ export * from './components/divider';
 export * from './components/divider/model';
 export * from './components/drawer';
 export * from './components/drawer/model';
+export * from './components/footer';
+export * from './components/footer/model';
 export * from './components/header';
 export * from './components/header/model';
 export * from './components/icon';

package/dist/index.js

@@ -26,6 +26,8 @@ export * from './components/divider';
 export * from './components/divider/model';
 export * from './components/drawer';
 export * from './components/drawer/model';
+export * from './components/footer';
+export * from './components/footer/model';
 export * from './components/header';
 export * from './components/header/model';
 export * from './components/icon';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/react-core-components",
-  "version": "4.4.0",
+  "version": "4.4.1-footer-28739e3",
   "description": "React components for @db-ux/core-components",
   "repository": {
     "type": "git",
@@ -41,7 +41,7 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@db-ux/core-components": "4.4.0",
-    "@db-ux/core-foundations": "4.4.0"
+    "@db-ux/core-components": "4.4.1-footer-28739e3",
+    "@db-ux/core-foundations": "4.4.1-footer-28739e3"
   }
 }