@dbcdk/react-components 0.0.163 → 0.0.164

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/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.164",
   "description": "Reusable React components for DBC projects",
   "license": "ISC",
   "author": "",