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

package/dist/index.css

@@ -114,9 +114,25 @@
 }
 
 /* src/components/Typography/typographyStyles.module.css */
+:root {
+  --dds-color-text-body: var(--dds-color-text-default);
+  --dds-color-text-link: var(--dds-color-text-action-resting);
+  --dds-color-text-link-visited: var(--dds-color-text-action-visited);
+  --dds-color-text-label: var(--dds-color-text-medium);
+  --dds-color-text-placeholder: var(--dds-color-text-subtle);
+  --dds-color-text-helper: var(--dds-color-text-subtle);
+}
+.typographyStyles_contrast {
+  --dds-color-text-body: var(--dds-color-text-on-inverse);
+  --dds-color-text-link: var(--dds-color-text-on-inverse);
+  --dds-color-text-link-visited: var(--dds-color-visited-lighter);
+  --dds-color-text-label: var(--dds-color-text-on-inverse);
+  --dds-color-text-helper: var(--dds-color-text-on-inverse);
+  --dds-color-text-placeholder: var(--dds-color-text-subtle);
+}
 :where(.typographyStyles_a) {
   font: inherit;
-  color: var(--dds-color-text-action-resting);
+  color: var(--dds-color-text-link);
   width: -moz-fit-content;
   width: fit-content;
   text-decoration: underline;
@@ -153,7 +169,7 @@
   margin: 0;
   font: var(--dds-font-body-sans-01);
   letter-spacing: var(--dds-font-body-sans-01-letter-spacing);
-  color: var(--dds-color-text-default);
+  color: var(--dds-color-text-body);
 }
 :where(.typographyStyles_body-sans-01--margins) {
   display: block;
@@ -164,7 +180,7 @@
   margin: 0;
   font: var(--dds-font-body-sans-02);
   letter-spacing: var(--dds-font-body-sans-02-letter-spacing);
-  color: var(--dds-color-text-default);
+  color: var(--dds-color-text-body);
 }
 :where(.typographyStyles_body-sans-02--margins) {
   display: block;
@@ -175,7 +191,7 @@
   margin: 0;
   font: var(--dds-font-body-sans-03);
   letter-spacing: var(--dds-font-body-sans-03-letter-spacing);
-  color: var(--dds-color-text-default);
+  color: var(--dds-color-text-body);
 }
 :where(.typographyStyles_body-sans-03--margins) {
   display: block;
@@ -186,7 +202,7 @@
   margin: 0;
   font: var(--dds-font-body-sans-04);
   letter-spacing: var(--dds-font-body-sans-04-letter-spacing);
-  color: var(--dds-color-text-default);
+  color: var(--dds-color-text-body);
 }
 :where(.typographyStyles_body-sans-04--margins) {
   display: block;
@@ -196,7 +212,8 @@
 :where(.typographyStyles_lead-sans-01) {
   margin: 0;
   font: var(--dds-font-lead-sans-01);
-  color: var(--dds-color-text-default);
+  letter-spacing: var(--dds-font-lead-sans-01-letter-spacing);
+  color: var(--dds-color-text-body);
 }
 :where(.typographyStyles_lead-sans-01--margins) {
   display: block;
@@ -207,7 +224,7 @@
   margin: 0;
   font: var(--dds-font-lead-sans-02);
   letter-spacing: var(--dds-font-lead-sans-02-letter-spacing);
-  color: var(--dds-color-text-default);
+  color: var(--dds-color-text-body);
 }
 :where(.typographyStyles_lead-sans-02--margins) {
   display: block;
@@ -218,7 +235,7 @@
   margin: 0;
   font: var(--dds-font-lead-sans-03);
   letter-spacing: var(--dds-font-lead-sans-03-letter-spacing);
-  color: var(--dds-color-text-default);
+  color: var(--dds-color-text-body);
 }
 :where(.typographyStyles_lead-sans-03--margins) {
   display: block;
@@ -229,7 +246,7 @@
   margin: 0;
   font: var(--dds-font-lead-sans-04);
   letter-spacing: var(--dds-font-lead-sans-04-letter-spacing);
-  color: var(--dds-color-text-default);
+  color: var(--dds-color-text-body);
 }
 :where(.typographyStyles_lead-sans-04--margins) {
   display: block;
@@ -239,7 +256,8 @@
 :where(.typographyStyles_lead-sans-05) {
   margin: 0;
   font: var(--dds-font-lead-sans-05);
-  color: var(--dds-color-text-default);
+  letter-spacing: var(--dds-font-lead-sans-05-letter-spacing);
+  color: var(--dds-color-text-body);
 }
 :where(.typographyStyles_lead-sans-05--margins) {
   display: block;
@@ -250,7 +268,7 @@
   margin: 0;
   font: var(--dds-font-heading-sans-01);
   letter-spacing: var(--dds-font-heading-sans-01-letter-spacing);
-  color: var(--dds-color-text-default);
+  color: var(--dds-color-text-body);
 }
 :where(.typographyStyles_heading-sans-01--margins) {
   display: block;
@@ -262,7 +280,7 @@
   margin: 0;
   font: var(--dds-font-heading-sans-02);
   letter-spacing: var(--dds-font-heading-sans-02-letter-spacing);
-  color: var(--dds-color-text-default);
+  color: var(--dds-color-text-body);
 }
 :where(.typographyStyles_heading-sans-02--margins) {
   display: block;
@@ -274,7 +292,7 @@
   margin: 0;
   font: var(--dds-font-heading-sans-03);
   letter-spacing: var(--dds-font-heading-sans-03-letter-spacing);
-  color: var(--dds-color-text-default);
+  color: var(--dds-color-text-body);
 }
 :where(.typographyStyles_heading-sans-03--margins) {
   display: block;
@@ -286,7 +304,7 @@
   margin: 0;
   font: var(--dds-font-heading-sans-04);
   letter-spacing: var(--dds-font-heading-sans-04-letter-spacing);
-  color: var(--dds-color-text-default);
+  color: var(--dds-color-text-body);
 }
 :where(.typographyStyles_heading-sans-04--margins) {
   display: block;
@@ -298,7 +316,7 @@
   margin: 0;
   font: var(--dds-font-heading-sans-05);
   letter-spacing: var(--dds-font-heading-sans-05-letter-spacing);
-  color: var(--dds-color-text-default);
+  color: var(--dds-color-text-body);
 }
 :where(.typographyStyles_heading-sans-05--margins) {
   display: block;
@@ -310,7 +328,7 @@
   margin: 0;
   font: var(--dds-font-heading-sans-06);
   letter-spacing: var(--dds-font-heading-sans-06-letter-spacing);
-  color: var(--dds-color-text-default);
+  color: var(--dds-color-text-body);
 }
 :where(.typographyStyles_heading-sans-06--margins) {
   display: block;
@@ -322,7 +340,7 @@
   margin: 0;
   font: var(--dds-font-heading-sans-07);
   letter-spacing: var(--dds-font-heading-sans-07-letter-spacing);
-  color: var(--dds-color-text-default);
+  color: var(--dds-color-text-body);
 }
 :where(.typographyStyles_heading-sans-07--margins) {
   display: block;
@@ -334,7 +352,7 @@
   margin: 0;
   font: var(--dds-font-heading-sans-08);
   letter-spacing: var(--dds-font-heading-sans-08-letter-spacing);
-  color: var(--dds-color-text-default);
+  color: var(--dds-color-text-body);
 }
 :where(.typographyStyles_heading-sans-08--margins) {
   display: block;
@@ -346,7 +364,7 @@
   margin: 0;
   font: var(--dds-font-supporting-style-label-01);
   letter-spacing: var(--dds-font-supporting-style-label-01-letter-spacing);
-  color: var(--dds-color-text-medium);
+  color: var(--dds-color-text-label);
 }
 :where(.typographyStyles_supporting-style-label-01--margins) {
   display: block;
@@ -357,7 +375,7 @@
   margin: 0;
   font: var(--dds-font-supporting-style-helper-text-01);
   letter-spacing: var(--dds-font-supporting-style-helpertext-01-letter-spacing);
-  color: var(--dds-color-text-subtle);
+  color: var(--dds-color-text-helper);
 }
 :where(.typographyStyles_supporting-style-helper-text-01--margins) {
   display: block;
@@ -368,7 +386,7 @@
   margin: 0;
   font: var(--dds-font-supporting-style-placeholder-text-01);
   letter-spacing: var( --dds-font-supporting-style-placeholdertext-01-letter-spacing );
-  color: var(--dds-color-text-subtle);
+  color: var(--dds-color-text-placeholder);
 }
 :where(.typographyStyles_supporting-style-placeholder-text-01--margins) {
   display: block;
@@ -379,7 +397,7 @@
   margin: 0;
   font: var(--dds-font-supporting-style-placeholder-text-02);
   letter-spacing: var( --dds-font-supporting-style-placeholdertext-02-letter-spacing );
-  color: var(--dds-color-text-subtle);
+  color: var(--dds-color-text-placeholder);
 }
 :where(.typographyStyles_supporting-style-placeholder-text-02--margins) {
   display: block;
@@ -390,7 +408,7 @@
   margin: 0;
   font: var(--dds-font-supporting-style-placeholder-text-03);
   letter-spacing: var( --dds-font-supporting-style-placeholdertext-03-letter-spacing );
-  color: var(--dds-color-text-subtle);
+  color: var(--dds-color-text-placeholder);
 }
 :where(.typographyStyles_supporting-style-placeholder-text-03--margins) {
   display: block;
@@ -401,7 +419,7 @@
   margin: 0;
   font: var(--dds-font-supporting-style-tiny-01);
   letter-spacing: var(--dds-font-supporting-style-tiny-01-letter-spacing);
-  color: var(--dds-color-text-default);
+  color: var(--dds-color-text-body);
 }
 :where(.typographyStyles_supporting-style-tiny-01--margins) {
   display: block;
@@ -412,7 +430,7 @@
   margin: 0;
   font: var(--dds-font-supporting-style-tiny-02);
   letter-spacing: var(--dds-font-supporting-style-tiny-02-letter-spacing);
-  color: var(--dds-color-text-default);
+  color: var(--dds-color-text-body);
 }
 :where(.typographyStyles_supporting-style-tiny-02--margins) {
   display: block;
@@ -435,7 +453,7 @@
   text-decoration: underline;
 }
 :where(.typographyStyles_a) {
-  color: var(--dds-color-text-action-resting);
+  color: var(--dds-color-text-link);
 }
 .typographyStyles_text-color--default {
   color: var(--dds-color-text-default);
@@ -1879,6 +1897,55 @@
   width: 100%;
 }
 
+/* src/components/Footer/Footer.module.css */
+.Footer_container {
+  background-color: var(--dds-color-brand-primary-default);
+  padding-block-start: var(--dds-spacing-x3);
+  padding-block-end: var(--dds-spacing-x6);
+  @media only screen and (min-width: 960px) {
+    padding-block: var(--dds-spacing-x4);
+  }
+}
+.Footer_logo--xs-hide {
+  @media only screen and (max-width: 600px) {
+    display: none;
+  }
+}
+.Footer_logo--sm-hide {
+  @media only screen and (max-width: 960px) {
+    display: none;
+  }
+}
+.Footer_logo--md-hide {
+  @media only screen and (max-width: 1280px) {
+    display: none;
+  }
+}
+.Footer_left {
+  display: flex;
+  flex-direction: column;
+  gap: var(--dds-spacing-x4);
+}
+.Footer_list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--dds-spacing-x1-5);
+}
+.Footer_list-group {
+  display: flex;
+  flex-direction: column;
+  gap: var(--dds-spacing-x1-5);
+}
+.Footer_socials-group {
+  display: flex;
+  flex-direction: column;
+  gap: var(--dds-spacing-x1);
+}
+.Footer_socials-list {
+  display: flex;
+  gap: var(--dds-spacing-x1-5);
+}
+
 /* src/components/GlobalMessage/GlobalMessage.module.css */
 .GlobalMessage_container {
   border-bottom: 2px solid;