@norges-domstoler/dds-components 0.0.0-dev-20240603111417 → 0.0.0-dev-20240604095924

package/README.md

@@ -40,7 +40,6 @@ Sjekk [komponentstatus](https://design.domstol.no/987b33f71/p/438035-komponenter
 
 Tilgjengelige komponenter:
 
-- AppShell
 - Breadcrumbs
 - Button
 - Card (inkludert CardAccordion)
@@ -67,7 +66,6 @@ Tilgjengelige komponenter:
 - Popover
 - ProgressTracker
 - RadioButton
-- Scrollbar
 - Search
 - Select
 - SkipToContent

package/dist/index.css

@@ -486,6 +486,19 @@
 .utilStyles_scrollbar {
   scrollbar-width: thin;
   scrollbar-color: var(--dds-color-surface-scrollbar) transparent;
+  &::-webkit-scrollbar {
+    width: var(--dds-spacing-x0-5);
+    height: var(--dds-spacing-x0-5);
+  }
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    background: var(--dds-color-surface-scrollbar);
+  }
+}
+.utilStyles_scrollable-y {
+  overflow-y: auto;
 }
 .utilStyles_visibility-transition {
   --dds-visiblity-transition: visibility 0.4s;
@@ -1490,11 +1503,9 @@
 }
 
 /* src/components/Drawer/Drawer.module.css */
-:root {
+.Drawer_container {
   --dds-drawer-content-container-padding: var(--dds-spacing-x0-25);
   --dds-drawer-container-padding: calc( var(--dds-spacing-x1) - var(--dds-drawer-content-container-padding) ) calc(var(--dds-spacing-x1) - var(--dds-drawer-content-container-padding)) calc(var(--dds-spacing-x1) - var(--dds-drawer-content-container-padding)) calc(var(--dds-spacing-x1-5) - var(--dds-drawer-content-container-padding));
-}
-.Drawer_container {
   position: fixed;
   top: 0;
   height: 100%;
@@ -1545,45 +1556,6 @@
   align-self: flex-end;
 }
 
-/* src/components/ScrollableContainer/ScrollableContainer.module.css */
-.ScrollableContainer_container {
-  grid-template: auto / 1fr 10px;
-  overflow: hidden;
-  position: relative;
-  display: grid;
-  padding: var(--dds-spacing-x0-25);
-}
-.ScrollableContainer_content {
-  overflow: auto;
-  scrollbar-width: none;
-  padding-right: var(--dds-spacing-x0-5);
-  ::-webkit-scrollbar {
-    display: none;
-  }
-}
-.ScrollableContainer_scrollbar {
-  display: block;
-  height: 100%;
-  position: relative;
-  display: grid;
-  justify-items: center;
-}
-.ScrollableContainer_track {
-  bottom: 0;
-  top: 0;
-  position: absolute;
-  background-color: transparent;
-  border-radius: 100px;
-  width: 10px;
-}
-.ScrollableContainer_thumb {
-  position: absolute;
-  transition: background-color 0.2s;
-  background-color: var(--dds-color-surface-scrollbar);
-  border-radius: 100px;
-  width: 10px;
-}
-
 /* src/components/EmptyContent/EmptyContent.module.css */
 .EmptyContent_containter {
   display: flex;
@@ -2261,16 +2233,24 @@
   opacity: 0;
 }
 .Modal_container {
+  --dds-modal-content-padding: var(--dds-spacing-x0-25);
+  --dds-modal-container-padding: calc( var(--dds-spacing-x1) - var(--dds-modal-content-padding) ) calc(var(--dds-spacing-x1) - var(--dds-modal-content-padding)) calc(var(--dds-spacing-x1-5) - var(--dds-modal-content-padding)) calc(var(--dds-spacing-x1-5) - var(--dds-modal-content-padding));
   display: flex;
   flex-direction: column-reverse;
   min-width: 200px;
-  padding: var(--dds-spacing-x1) var(--dds-spacing-x1) var(--dds-spacing-x1-5) var(--dds-spacing-x1-5);
+  padding: var(--dds-modal-container-padding);
 }
 .Modal_content {
   display: grid;
-  padding-right: var(--dds-spacing-x1);
+  padding-right: calc(var(--dds-spacing-x1) - var(--dds-modal-content-padding));
   gap: var(--dds-spacing-x1);
 }
+.Modal_body {
+  padding: var(--dds-modal-content-padding);
+}
+.Modal_header {
+  padding: var(--dds-modal-content-padding);
+}
 .Modal_actions {
   display: flex;
   flex-wrap: wrap;