@norges-domstoler/dds-components 0.0.0-dev-20240730132129 → 0.0.0-dev-20240802074139

package/dist/index.css

@@ -847,6 +847,55 @@
   align-items: center;
   gap: var(--dds-spacing-x0-5);
 }
+.Breadcrumbs_list--large-screen-hide-xs {
+  @media only screen and (max-width: 600px) {
+    display: none;
+  }
+}
+.Breadcrumbs_list--large-screen-hide-sm {
+  @media only screen and (max-width: 960px) {
+    display: none;
+  }
+}
+.Breadcrumbs_list--large-screen-hide-md {
+  @media only screen and (max-width: 1280px) {
+    display: none;
+  }
+}
+.Breadcrumbs_list--large-screen-hide-lg {
+  @media only screen and (max-width: 1920px) {
+    display: none;
+  }
+}
+.Breadcrumbs_list--large-screen-hide-xl {
+  display: none;
+}
+.Breadcrumbs_list--small-screen {
+  display: none;
+}
+.Breadcrumbs_list--small-screen-show-xs {
+  @media only screen and (max-width: 600px) {
+    display: flex;
+  }
+}
+.Breadcrumbs_list--small-screen-show-sm {
+  @media only screen and (max-width: 960px) {
+    display: flex;
+  }
+}
+.Breadcrumbs_list--small-screen-show-md {
+  @media only screen and (max-width: 1280px) {
+    display: flex;
+  }
+}
+.Breadcrumbs_list--small-screen-show-lg {
+  @media only screen and (max-width: 1920px) {
+    display: flex;
+  }
+}
+.Breadcrumbs_list--small-screen-show-xl {
+  display: flex;
+}
 .Breadcrumbs_list-item {
   align-items: center;
   display: flex;
@@ -2140,7 +2189,35 @@
     margin-left: auto;
   }
 }
-.InternalHeader_bar--small-screen {
+.InternalHeader_bar--small-screen-xs {
+  @media only screen and (max-width: 600px) {
+    gap: var(--dds-spacing-x1);
+    padding-inline-start: var(--dds-spacing-x1);
+    padding-inline-end: var(--dds-spacing-x0-5);
+  }
+}
+.InternalHeader_bar--small-screen-sm {
+  @media only screen and (max-width: 960px) {
+    gap: var(--dds-spacing-x1);
+    padding-inline-start: var(--dds-spacing-x1);
+    padding-inline-end: var(--dds-spacing-x0-5);
+  }
+}
+.InternalHeader_bar--small-screen-md {
+  @media only screen and (max-width: 1280px) {
+    gap: var(--dds-spacing-x1);
+    padding-inline-start: var(--dds-spacing-x1);
+    padding-inline-end: var(--dds-spacing-x0-5);
+  }
+}
+.InternalHeader_bar--small-screen-lg {
+  @media only screen and (max-width: 1920px) {
+    gap: var(--dds-spacing-x1);
+    padding-inline-start: var(--dds-spacing-x1);
+    padding-inline-end: var(--dds-spacing-x0-5);
+  }
+}
+.InternalHeader_bar--small-screen-xl {
   gap: var(--dds-spacing-x1);
   padding-inline-start: var(--dds-spacing-x1);
   padding-inline-end: var(--dds-spacing-x0-5);
@@ -2168,6 +2245,78 @@
   align-items: initial;
   flex-direction: column;
 }
+.InternalHeader_nav-list--small-screen-xs,
+.InternalHeader_context-menu-button-without-nav-xs {
+  @media only screen and (max-width: 600px) {
+    display: none;
+  }
+}
+.InternalHeader_nav-list--small-screen-sm,
+.InternalHeader_context-menu-button-without-nav-sm {
+  @media only screen and (max-width: 960px) {
+    display: none;
+  }
+}
+.InternalHeader_nav-list--small-screen-md,
+.InternalHeader_context-menu-button-without-nav-md {
+  @media only screen and (max-width: 1280px) {
+    display: none;
+  }
+}
+.InternalHeader_nav-list--small-screen-lg,
+.InternalHeader_context-menu-button-without-nav-lg {
+  @media only screen and (max-width: 1920px) {
+    display: none;
+  }
+}
+.InternalHeader_nav-list--small-screen-xl,
+.InternalHeader_context-menu-button-without-nav-xl {
+  display: none;
+}
+.InternalHeader_nav--in-menu--small-screen,
+.InternalHeader_context-menu-group--small-screen-only,
+.InternalHeader_context-menu-button-with-nav,
+.InternalHeader_menu-divider {
+  display: none;
+}
+.InternalHeader_nav--in-menu--small-screen-xs,
+.InternalHeader_context-menu-group--small-screen-only-xs,
+.InternalHeader_context-menu-button-with-nav-xs,
+.InternalHeader_menu-divider--small-screen-xs {
+  @media only screen and (max-width: 600px) {
+    display: block;
+  }
+}
+.InternalHeader_nav--in-menu--small-screen-sm,
+.InternalHeader_context-menu-group--small-screen-only-sm,
+.InternalHeader_context-menu-button-with-nav-sm,
+.InternalHeader_menu-divider--small-screen-sm {
+  @media only screen and (max-width: 960px) {
+    display: block;
+  }
+}
+.InternalHeader_nav--in-menu--small-screen-md,
+.InternalHeader_context-menu-group--small-screen-only-md,
+.InternalHeader_context-menu-button-with-nav-md,
+.InternalHeader_menu-divider--small-screen-md {
+  @media only screen and (max-width: 1280px) {
+    display: block;
+  }
+}
+.InternalHeader_nav--in-menu--small-screen-lg,
+.InternalHeader_context-menu-group--small-screen-only-lg,
+.InternalHeader_context-menu-button-with-nav-lg,
+.InternalHeader_menu-divider--small-screen-lg {
+  @media only screen and (max-width: 1920px) {
+    display: block;
+  }
+}
+.InternalHeader_nav--in-menu--small-screen-xl,
+.InternalHeader_context-menu-group--small-screen-only-xl,
+.InternalHeader_context-menu-button-with-nav-xl,
+.InternalHeader_menu-divider--small-screen-xl {
+  display: block;
+}
 .InternalHeader_nav-list__item {
   display: flex;
 }
@@ -2384,7 +2533,31 @@
   justify-content: space-between;
   flex-wrap: wrap;
 }
-.Pagination_container--small-screen {
+.Pagination_container--small-screen-xs {
+  @media only screen and (max-width: 600px) {
+    flex-direction: column;
+    align-items: center;
+  }
+}
+.Pagination_container--small-screen-sm {
+  @media only screen and (max-width: 960px) {
+    flex-direction: column;
+    align-items: center;
+  }
+}
+.Pagination_container--small-screen-md {
+  @media only screen and (max-width: 1280px) {
+    flex-direction: column;
+    align-items: center;
+  }
+}
+.Pagination_container--small-screen-lg {
+  @media only screen and (max-width: 1920px) {
+    flex-direction: column;
+    align-items: center;
+  }
+}
+.Pagination_container--small-screen-xl {
   flex-direction: column;
   align-items: center;
 }
@@ -2392,6 +2565,55 @@
   display: flex;
   align-items: center;
 }
+.Pagination_nav--large-screen-hide-xs {
+  @media only screen and (max-width: 600px) {
+    display: none;
+  }
+}
+.Pagination_nav--large-screen-hide-sm {
+  @media only screen and (max-width: 960px) {
+    display: none;
+  }
+}
+.Pagination_nav--large-screen-hide-md {
+  @media only screen and (max-width: 1280px) {
+    display: none;
+  }
+}
+.Pagination_nav--large-screen-hide-lg {
+  @media only screen and (max-width: 1920px) {
+    display: none;
+  }
+}
+.Pagination_nav--large-screen-hide-xl {
+  display: none;
+}
+.Pagination_nav--small-screen {
+  display: none;
+}
+.Pagination_nav--small-screen-show-xs {
+  @media only screen and (max-width: 600px) {
+    display: block;
+  }
+}
+.Pagination_nav--small-screen-show-sm {
+  @media only screen and (max-width: 960px) {
+    display: block;
+  }
+}
+.Pagination_nav--small-screen-show-md {
+  @media only screen and (max-width: 1280px) {
+    display: block;
+  }
+}
+.Pagination_nav--small-screen-show-lg {
+  @media only screen and (max-width: 1920px) {
+    display: block;
+  }
+}
+.Pagination_nav--small-screen-show-xl {
+  display: block;
+}
 .Pagination_list {
   display: grid;
   grid-auto-flow: column;