@dbcdk/react-components 0.0.163 → 0.0.165

package/dist/components/headline/Headline.module.css

@@ -42,6 +42,10 @@
   min-width: 0; /* required for truncation inside flex */
 }
 
+h2.headline {
+  min-block-size: var(--component-size-md);
+}
+
 /* CollapsibleHeadline wrapper */
 .collapsibleRoot {
   display: flex;

package/dist/components/page-layout/PageLayout.module.css

@@ -221,6 +221,7 @@
 
 .horizontal .content {
   padding-top: var(--spacing-lg);
+  padding-inline: var(--spacing-lg);
 }
 
 .footer {
@@ -228,6 +229,7 @@
   background: var(--color-bg-surface-subtle);
   display: flex;
   justify-content: center;
+  padding-inline: var(--spacing-md);
 
   /* When there is extra space (content is short), this pushes footer to the bottom.
      When content is long, footer follows content normally and is reached by scrolling.
@@ -236,6 +238,10 @@
   flex: 0 0 auto;
 }
 
+.horizontal .footer {
+  padding-inline: var(--spacing-lg);
+}
+
 /* Header slot wrappers */
 .headerContainer {
   display: flex;
@@ -244,6 +250,10 @@
   padding-inline: var(--spacing-md);
 }
 
+.horizontal .headerContainer {
+  padding-inline: var(--spacing-lg);
+}
+
 .headerContent {
   width: 100%;
   box-sizing: border-box;

package/dist/components/page-layout/components/footer/Footer.module.css

@@ -6,10 +6,7 @@
 
 .inner {
   inline-size: 100%;
-  max-inline-size: var(--container-xl);
-  margin-inline: auto;
   padding-block: var(--spacing-lg);
-  padding-inline: var(--spacing-xl);
   display: flex;
   flex-direction: row;
   align-items: flex-start;

package/dist/components/tabs/Tabs.cjs

@@ -53,7 +53,6 @@ function Tabs({
   storageKey,
   onValueChange,
   addition,
-  disableTopPadding,
   loading = false,
   children
 }) {
@@ -139,8 +138,7 @@ function Tabs({
       {
         className: [
           styles__default.default.headerContainer,
-          variant === "outlined" ? styles__default.default.headerContainerOutlined : "",
-          disableTopPadding ? styles__default.default.disableTopPadding : ""
+          variant === "outlined" ? styles__default.default.headerContainerOutlined : ""
         ].filter(Boolean).join(" "),
         children: /* @__PURE__ */ jsxRuntime.jsx(Headline.Headline, { disableMargin: true, size: 2, subheader, addition, children: header })
       }

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

@@ -28,7 +28,6 @@ export interface TabsProps {
     storageKey?: string;
     onValueChange?: (id: TabId, tab: TabItem, index: number) => void;
     addition?: ReactNode;
-    disableTopPadding?: boolean;
     loading?: boolean;
     /** Composition API */
     children?: ReactNode;
@@ -46,7 +45,7 @@ type SlotName = 'Item';
 type TabsItemComponent = ((props: TabsItemProps) => JSX.Element) & {
     __TABS_SLOT__?: SlotName;
 };
-export declare function Tabs({ header, subheader, variant, panelStyle, tabs, value, defaultValue, storageKey, onValueChange, addition, disableTopPadding, loading, children, }: TabsProps): JSX.Element;
+export declare function Tabs({ header, subheader, variant, panelStyle, tabs, value, defaultValue, storageKey, onValueChange, addition, loading, children, }: TabsProps): JSX.Element;
 export declare namespace Tabs {
     var Item: TabsItemComponent;
 }

package/dist/components/tabs/Tabs.js

@@ -47,7 +47,6 @@ function Tabs({
   storageKey,
   onValueChange,
   addition,
-  disableTopPadding,
   loading = false,
   children
 }) {
@@ -133,8 +132,7 @@ function Tabs({
       {
         className: [
           styles.headerContainer,
-          variant === "outlined" ? styles.headerContainerOutlined : "",
-          disableTopPadding ? styles.disableTopPadding : ""
+          variant === "outlined" ? styles.headerContainerOutlined : ""
         ].filter(Boolean).join(" "),
         children: /* @__PURE__ */ jsx(Headline, { disableMargin: true, size: 2, subheader, addition, children: header })
       }

package/dist/components/tabs/Tabs.module.css

@@ -10,12 +10,9 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding-block: var(--spacing-lg);
-  gap: var(--spacing-md);
-}
-
-.headerContainer.disableTopPadding {
   padding-block-start: 0;
+  padding-block-end: var(--spacing-lg);
+  gap: var(--spacing-md);
 }
 
 /* Outer wrapper for tablist + content */
@@ -188,12 +185,7 @@
 }
 
 .headerContainerOutlined {
-  padding-block-start: var(--spacing-sm);
-  padding-block-end: 0;
-}
-
-.headerContainerOutlined.disableTopPadding {
-  padding-block-start: 0;
+  padding-block-end: var(--spacing-xs);
 }
 
 .outlined .tab {
@@ -240,7 +232,8 @@
 
 @media (max-width: 767px) {
   .headerContainer {
-    padding-block: var(--spacing-md);
+    padding-block-start: 0;
+    padding-block-end: var(--spacing-md);
   }
 
   .tabButton {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dbcdk/react-components",
-  "version": "0.0.163",
+  "version": "0.0.165",
   "description": "Reusable React components for DBC projects",
   "license": "ISC",
   "author": "",