@dbcdk/react-components 0.0.97 → 0.0.98

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%;
@@ -2803,6 +2737,7 @@
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
+  flex: 1 1 auto;
   min-width: 0;
   min-height: 0;
 }

package/dist/index.d.ts

@@ -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';