@dbcdk/react-components 0.0.97 → 0.0.101

package/dist/index.css

@@ -1337,6 +1337,7 @@
   flex-direction: column;
   min-width: 0;
   overflow: auto;
+  flex-grow: 1;
 }
 .Tabs_headerContainer {
   display: flex;
@@ -1417,6 +1418,12 @@
   min-height: 0;
   overflow: auto;
 }
+.Tabs_loadingContent {
+  display: flex;
+  width: 100%;
+  min-height: 12rem;
+  height: 100%;
+}
 .Tabs_filled {
   gap: 0;
 }
@@ -1745,79 +1752,6 @@
   }
 }
 
-/* src/components/page-layout/components/page-layout-hero/PageLayoutHero.module.css */
-.PageLayoutHero_heroContainer {
-  width: 100%;
-  box-sizing: border-box;
-  background-color: var(--color-brand);
-}
-.PageLayoutHero_splitWrapper {
-  display: flex;
-  width: 100%;
-  height: clamp(260px, 60vh, 540px);
-  overflow: hidden;
-}
-.PageLayoutHero_imageColumn {
-  flex: 0 0 60%;
-  position: relative;
-  overflow: hidden;
-}
-.PageLayoutHero_imageColumn img,
-.PageLayoutHero_imageColumn picture,
-.PageLayoutHero_imageColumn video {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  display: block;
-}
-.PageLayoutHero_textColumn {
-  flex: 0 0 40%;
-  color: var(--color-fg-on-brand);
-  display: flex;
-  align-items: flex-end;
-  padding: var(--spacing-lg);
-  position: relative;
-}
-.PageLayoutHero_textInner {
-  z-index: 1;
-  max-width: 500px;
-}
-.PageLayoutHero_metaHeadline {
-  text-transform: uppercase;
-  opacity: 0.9;
-  font-size: var(--font-size-lg);
-  font-weight: 400;
-  margin-bottom: var(--spacing-xs);
-}
-.PageLayoutHero_metaHeadline::after {
-  content: "";
-  display: block;
-  width: 40px;
-  height: 3px;
-  background-color: var(--color-fg-on-brand);
-  margin-top: 4px;
-  border-radius: 2px;
-}
-.PageLayoutHero_headline h2 {
-  margin: 0 0 var(--spacing-sm) 0;
-  font-size: var(--font-size-3xl);
-  color: var(--color-fg-on-brand);
-}
-@media (max-width: 900px) {
-  .PageLayoutHero_splitWrapper {
-    flex-direction: column;
-    height: auto;
-  }
-  .PageLayoutHero_imageColumn,
-  .PageLayoutHero_textColumn {
-    flex: none;
-    width: 100%;
-  }
-  .PageLayoutHero_textColumn {
-    padding: var(--spacing-xl) var(--spacing-lg);
-  }
-}
-
 /* src/components/page-layout/PageLayout.module.css */
 .PageLayout_root {
   width: 100%;
@@ -2084,13 +2018,13 @@
   block-size: var(--icon-size-sm);
 }
 
-/* src/components/page-layout/components/layout-footer/LayoutFooter.module.css */
-.LayoutFooter_footer {
+/* src/components/page-layout/components/footer/Footer.module.css */
+.Footer_footer {
   inline-size: 100%;
   background: var(--color-bg-surface-subtle);
   line-height: var(--line-height-normal);
 }
-.LayoutFooter_inner {
+.Footer_inner {
   inline-size: 100%;
   max-inline-size: var(--container-xl);
   margin-inline: auto;
@@ -2101,22 +2035,22 @@
   align-items: flex-start;
   gap: var(--spacing-2xl);
 }
-.LayoutFooter_brand {
+.Footer_brand {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xs);
   flex-shrink: 0;
 }
-.LayoutFooter_logoRow {
+.Footer_logoRow {
   flex-shrink: 0;
 }
-.LayoutFooter_logoRow svg {
+.Footer_logoRow svg {
   height: 24px;
   width: auto;
   color: var(--color-brand);
   display: block;
 }
-.LayoutFooter_meta {
+.Footer_meta {
   font-style: normal;
   margin: 0;
   color: var(--color-fg-subtle);
@@ -2125,39 +2059,39 @@
   flex-direction: column;
   gap: 1px;
 }
-.LayoutFooter_part {
+.Footer_part {
   white-space: nowrap;
 }
-.LayoutFooter_links {
+.Footer_links {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 0;
   line-height: var(--line-height-normal);
 }
-.LayoutFooter_linkGroup {
+.Footer_linkGroup {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: var(--spacing-2xs);
 }
-.LayoutFooter_linkGroup + .LayoutFooter_linkGroup {
+.Footer_linkGroup + .Footer_linkGroup {
   margin-block-start: var(--spacing-sm);
   padding-inline: 0;
   border-inline-start: none;
 }
-.LayoutFooter_linkItem {
+.Footer_linkItem {
   white-space: nowrap;
 }
 @media (max-width: 640px) {
-  .LayoutFooter_inner {
+  .Footer_inner {
     flex-direction: column;
     gap: var(--spacing-md);
   }
-  .LayoutFooter_linkGroup {
+  .Footer_linkGroup {
     padding-inline: 0;
   }
-  .LayoutFooter_linkGroup:first-child {
+  .Footer_linkGroup:first-child {
     padding-inline-start: 0;
   }
 }
@@ -2803,6 +2737,7 @@
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
+  flex: 1 1 auto;
   min-width: 0;
   min-height: 0;
 }
@@ -2851,11 +2786,13 @@
   min-width: 0;
 }
 .Page_content {
-  flex: 1 1 auto;
   min-height: 0;
   min-width: 0;
   overflow: auto;
 }
+.Page_contentLoading {
+  flex: 1 1 auto;
+}
 .Page_documentScrolling .Page_content {
   overflow: visible;
 }

package/dist/index.d.ts

@@ -11,7 +11,7 @@ export * from './components/tabs/Tabs';
 export * from './components/headline/Headline';
 export * from './components/headline/CollapsibleHeadline';
 export * from './components/page-layout/PageLayout';
-export * from './components/page-layout/components/layout-footer/LayoutFooter';
+export * from './components/page-layout/components/footer/Footer';
 export * from './components/forms/input/Input';
 export * from './components/search-box/SearchBox';
 export * from './hooks/useTheme';
@@ -26,6 +26,8 @@ export * from './components/breadcrumbs/Breadcrumbs';
 export * from './components/circle/Circle';
 export * from './components/forms/checkbox/Checkbox';
 export * from './components/table/Table';
+export * from './constants/chart-colors';
+export * from './constants/chart-colors.types';
 export * from './constants/severity.types';
 export * from './components/forms/text-area/Textarea';
 export * from './components/app-header/AppHeader';