npm - @fremtind/jokul - Versions diffs - 5.0.0-next.1 → 5.0.0-next.3 - Mend

@fremtind/jokul 5.0.0-next.1 → 5.0.0-next.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (350) hide show

package/styles/theme/brands/eika/_color-scheme.scss ADDED Viewed

@@ -0,0 +1,119 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+@layer jokul.theme {
+    [data-brand="eika"] {
+        /* stylelint-disable declaration-block-no-duplicate-custom-properties -- fallback and light-dark() declarations are intentionally paired. */
+        --jkl-color-neutral-background-page: #F4F2EF;
+        --jkl-color-neutral-background-page: light-dark(#F4F2EF, #1B1917);
+        --jkl-color-neutral-background-container: #F9F9F9;
+        --jkl-color-neutral-background-container: light-dark(#F9F9F9, #313030);
+        --jkl-color-neutral-background-action: #1B1917;
+        --jkl-color-neutral-background-action: light-dark(#1B1917, #F9F9F9);
+        --jkl-color-neutral-text-default: #1B1917;
+        --jkl-color-neutral-text-default: light-dark(#1B1917, #F9F9F9);
+        --jkl-color-neutral-text-subdued: #636060;
+        --jkl-color-neutral-text-subdued: light-dark(#636060, #C8C5C3);
+        --jkl-color-neutral-text-on-action: #F9F9F9;
+        --jkl-color-neutral-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-neutral-border-strong: #1B1917;
+        --jkl-color-neutral-border-strong: light-dark(#1B1917, #F9F9F9);
+        --jkl-color-neutral-border-default: #636060;
+        --jkl-color-neutral-border-default: light-dark(#636060, #C8C5C3);
+        --jkl-color-neutral-border-subdued: #C8C5C3;
+        --jkl-color-neutral-border-subdued: light-dark(#C8C5C3, #636060);
+        --jkl-color-accent-background-page: #F4F2EF;
+        --jkl-color-accent-background-page: light-dark(#F4F2EF, #1B1917);
+        --jkl-color-accent-background-container: #F9F9F9;
+        --jkl-color-accent-background-container: light-dark(#F9F9F9, #313030);
+        --jkl-color-accent-background-action: #90D000;
+        --jkl-color-accent-background-action: light-dark(#90D000, #D3EC99);
+        --jkl-color-accent-text-default: #1B1917;
+        --jkl-color-accent-text-default: light-dark(#1B1917, #F9F9F9);
+        --jkl-color-accent-text-subdued: #636060;
+        --jkl-color-accent-text-subdued: light-dark(#636060, #C8C5C3);
+        --jkl-color-accent-text-on-action: #00383D;
+        --jkl-color-accent-text-on-action: light-dark(#00383D, #00383D);
+        --jkl-color-accent-border-strong: #90D000;
+        --jkl-color-accent-border-strong: light-dark(#90D000, #D3EC99);
+        --jkl-color-accent-border-default: #90D000;
+        --jkl-color-accent-border-default: light-dark(#90D000, #D3EC99);
+        --jkl-color-accent-border-subdued: #D3EC99;
+        --jkl-color-accent-border-subdued: light-dark(#D3EC99, #F4FAE6);
+        --jkl-color-warning-background-page: #FCF7E8;
+        --jkl-color-warning-background-page: light-dark(#FCF7E8, #392B10);
+        --jkl-color-warning-background-container: #F7EBC2;
+        --jkl-color-warning-background-container: light-dark(#F7EBC2, #5A4519);
+        --jkl-color-warning-background-action: #B98900;
+        --jkl-color-warning-background-action: light-dark(#B98900, #E4B63A);
+        --jkl-color-warning-text-default: #5B4200;
+        --jkl-color-warning-text-default: light-dark(#5B4200, #FFF5D9);
+        --jkl-color-warning-text-subdued: #8B6B22;
+        --jkl-color-warning-text-subdued: light-dark(#8B6B22, #EEDFAE);
+        --jkl-color-warning-text-on-action: #1B1917;
+        --jkl-color-warning-text-on-action: light-dark(#1B1917, #1B1917);
+        --jkl-color-warning-border-strong: #B98900;
+        --jkl-color-warning-border-strong: light-dark(#B98900, #E4B63A);
+        --jkl-color-warning-border-default: #B98900;
+        --jkl-color-warning-border-default: light-dark(#B98900, #E4B63A);
+        --jkl-color-warning-border-subdued: #DECC8D;
+        --jkl-color-warning-border-subdued: light-dark(#DECC8D, #8B6B22);
+        --jkl-color-success-background-page: #EEF7F0;
+        --jkl-color-success-background-page: light-dark(#EEF7F0, #173122);
+        --jkl-color-success-background-container: #D7EADB;
+        --jkl-color-success-background-container: light-dark(#D7EADB, #234530);
+        --jkl-color-success-background-action: #2E8C4A;
+        --jkl-color-success-background-action: light-dark(#2E8C4A, #67B479);
+        --jkl-color-success-text-default: #1E5D31;
+        --jkl-color-success-text-default: light-dark(#1E5D31, #F1FBF3);
+        --jkl-color-success-text-subdued: #507A5B;
+        --jkl-color-success-text-subdued: light-dark(#507A5B, #C9DDCE);
+        --jkl-color-success-text-on-action: #F9F9F9;
+        --jkl-color-success-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-success-border-strong: #2E8C4A;
+        --jkl-color-success-border-strong: light-dark(#2E8C4A, #67B479);
+        --jkl-color-success-border-default: #2E8C4A;
+        --jkl-color-success-border-default: light-dark(#2E8C4A, #67B479);
+        --jkl-color-success-border-subdued: #94B79B;
+        --jkl-color-success-border-subdued: light-dark(#94B79B, #507A5B);
+        --jkl-color-info-background-page: #EEF5FE;
+        --jkl-color-info-background-page: light-dark(#EEF5FE, #162A40);
+        --jkl-color-info-background-container: #DDEBFB;
+        --jkl-color-info-background-container: light-dark(#DDEBFB, #264261);
+        --jkl-color-info-background-action: #4AA3F0;
+        --jkl-color-info-background-action: light-dark(#4AA3F0, #7EBEF4);
+        --jkl-color-info-text-default: #1B3B60;
+        --jkl-color-info-text-default: light-dark(#1B3B60, #F5FAFF);
+        --jkl-color-info-text-subdued: #4E6C8E;
+        --jkl-color-info-text-subdued: light-dark(#4E6C8E, #D7E9F8);
+        --jkl-color-info-text-on-action: #F9F9F9;
+        --jkl-color-info-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-info-border-strong: #4AA3F0;
+        --jkl-color-info-border-strong: light-dark(#4AA3F0, #7EBEF4);
+        --jkl-color-info-border-default: #4AA3F0;
+        --jkl-color-info-border-default: light-dark(#4AA3F0, #7EBEF4);
+        --jkl-color-info-border-subdued: #A9A9CA;
+        --jkl-color-info-border-subdued: light-dark(#A9A9CA, #4E6C8E);
+        --jkl-color-error-background-page: #FDEEEE;
+        --jkl-color-error-background-page: light-dark(#FDEEEE, #3A1C1C);
+        --jkl-color-error-background-container: #F8D1D1;
+        --jkl-color-error-background-container: light-dark(#F8D1D1, #5B2828);
+        --jkl-color-error-background-action: #E84B3C;
+        --jkl-color-error-background-action: light-dark(#E84B3C, #F27B70);
+        --jkl-color-error-text-default: #7B1F18;
+        --jkl-color-error-text-default: light-dark(#7B1F18, #FFF1EF);
+        --jkl-color-error-text-subdued: #A14E46;
+        --jkl-color-error-text-subdued: light-dark(#A14E46, #F1C8C4);
+        --jkl-color-error-text-on-action: #F9F9F9;
+        --jkl-color-error-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-error-border-strong: #E84B3C;
+        --jkl-color-error-border-strong: light-dark(#E84B3C, #F27B70);
+        --jkl-color-error-border-default: #E84B3C;
+        --jkl-color-error-border-default: light-dark(#E84B3C, #F27B70);
+        --jkl-color-error-border-subdued: #DE9E9E;
+        --jkl-color-error-border-subdued: light-dark(#DE9E9E, #A14E46);
+        /* stylelint-enable declaration-block-no-duplicate-custom-properties */
+    }
+}

package/styles/theme/brands/eika/_fonts.scss ADDED Viewed

@@ -0,0 +1,46 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+$webfonts-dir-eika: "/fonts/brands/eika" !default;
+@layer jokul.theme {
+    @font-face {
+        font-family: "Open Sans";
+        font-display: fallback;
+        font-weight: 300;
+        font-style: normal;
+        src: url("#{$webfonts-dir-eika}/OpenSans-Light.woff2") format("woff2");
+    }
+    @font-face {
+        font-family: "Open Sans";
+        font-display: fallback;
+        font-weight: 400;
+        font-style: normal;
+        src: url("#{$webfonts-dir-eika}/OpenSans-Regular.woff2") format("woff2");
+    }
+    @font-face {
+        font-family: "Open Sans";
+        font-display: fallback;
+        font-weight: 600;
+        font-style: normal;
+        src: url("#{$webfonts-dir-eika}/OpenSans-SemiBold.woff2") format("woff2");
+    }
+    @font-face {
+        font-family: "Open Sans";
+        font-display: fallback;
+        font-weight: 700;
+        font-style: normal;
+        src: url("#{$webfonts-dir-eika}/OpenSans-Bold.woff2") format("woff2");
+    }
+    [data-brand="eika"] {
+        --jkl-font-family-regular: 'Open Sans', 'Adjusted Arial Fallback', Arial, sans-serif;
+        --jkl-font-family-display: 'Open Sans', 'Adjusted Arial Display Fallback', Arial, sans-serif;
+        --jkl-font-family-mono: 'Adjusted Courier New Fallback', -apple-system, BlinkMacSystemFont, monospace;
+    }
+}

package/styles/theme/brands/jokul/_color-scheme.scss ADDED Viewed

@@ -0,0 +1,119 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+@layer jokul.theme {
+    [data-brand="jokul"] {
+        /* stylelint-disable declaration-block-no-duplicate-custom-properties -- fallback and light-dark() declarations are intentionally paired. */
+        --jkl-color-neutral-background-page: #F4F2EF;
+        --jkl-color-neutral-background-page: light-dark(#F4F2EF, #1B1917);
+        --jkl-color-neutral-background-container: #F9F9F9;
+        --jkl-color-neutral-background-container: light-dark(#F9F9F9, #313030);
+        --jkl-color-neutral-background-action: #1B1917;
+        --jkl-color-neutral-background-action: light-dark(#1B1917, #F9F9F9);
+        --jkl-color-neutral-text-default: #1B1917;
+        --jkl-color-neutral-text-default: light-dark(#1B1917, #F9F9F9);
+        --jkl-color-neutral-text-subdued: #636060;
+        --jkl-color-neutral-text-subdued: light-dark(#636060, #C8C5C3);
+        --jkl-color-neutral-text-on-action: #F9F9F9;
+        --jkl-color-neutral-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-neutral-border-strong: #1B1917;
+        --jkl-color-neutral-border-strong: light-dark(#1B1917, #F9F9F9);
+        --jkl-color-neutral-border-default: #636060;
+        --jkl-color-neutral-border-default: light-dark(#636060, #C8C5C3);
+        --jkl-color-neutral-border-subdued: #C8C5C3;
+        --jkl-color-neutral-border-subdued: light-dark(#C8C5C3, #636060);
+        --jkl-color-accent-background-page: #F4F2EF;
+        --jkl-color-accent-background-page: light-dark(#F4F2EF, #1B1917);
+        --jkl-color-accent-background-container: #F9F9F9;
+        --jkl-color-accent-background-container: light-dark(#F9F9F9, #313030);
+        --jkl-color-accent-background-action: #1B1917;
+        --jkl-color-accent-background-action: light-dark(#1B1917, #F9F9F9);
+        --jkl-color-accent-text-default: #1B1917;
+        --jkl-color-accent-text-default: light-dark(#1B1917, #F9F9F9);
+        --jkl-color-accent-text-subdued: #636060;
+        --jkl-color-accent-text-subdued: light-dark(#636060, #C8C5C3);
+        --jkl-color-accent-text-on-action: #F9F9F9;
+        --jkl-color-accent-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-accent-border-strong: #1B1917;
+        --jkl-color-accent-border-strong: light-dark(#1B1917, #F9F9F9);
+        --jkl-color-accent-border-default: #636060;
+        --jkl-color-accent-border-default: light-dark(#636060, #C8C5C3);
+        --jkl-color-accent-border-subdued: #C8C5C3;
+        --jkl-color-accent-border-subdued: light-dark(#C8C5C3, #636060);
+        --jkl-color-warning-background-page: #FCF7E8;
+        --jkl-color-warning-background-page: light-dark(#FCF7E8, #392B10);
+        --jkl-color-warning-background-container: #F7EBC2;
+        --jkl-color-warning-background-container: light-dark(#F7EBC2, #5A4519);
+        --jkl-color-warning-background-action: #B98900;
+        --jkl-color-warning-background-action: light-dark(#B98900, #E4B63A);
+        --jkl-color-warning-text-default: #5B4200;
+        --jkl-color-warning-text-default: light-dark(#5B4200, #FFF5D9);
+        --jkl-color-warning-text-subdued: #8B6B22;
+        --jkl-color-warning-text-subdued: light-dark(#8B6B22, #EEDFAE);
+        --jkl-color-warning-text-on-action: #1B1917;
+        --jkl-color-warning-text-on-action: light-dark(#1B1917, #1B1917);
+        --jkl-color-warning-border-strong: #B98900;
+        --jkl-color-warning-border-strong: light-dark(#B98900, #E4B63A);
+        --jkl-color-warning-border-default: #B98900;
+        --jkl-color-warning-border-default: light-dark(#B98900, #E4B63A);
+        --jkl-color-warning-border-subdued: #DECC8D;
+        --jkl-color-warning-border-subdued: light-dark(#DECC8D, #8B6B22);
+        --jkl-color-success-background-page: #EEF7F0;
+        --jkl-color-success-background-page: light-dark(#EEF7F0, #173122);
+        --jkl-color-success-background-container: #D7EADB;
+        --jkl-color-success-background-container: light-dark(#D7EADB, #234530);
+        --jkl-color-success-background-action: #2E8C4A;
+        --jkl-color-success-background-action: light-dark(#2E8C4A, #67B479);
+        --jkl-color-success-text-default: #1E5D31;
+        --jkl-color-success-text-default: light-dark(#1E5D31, #F1FBF3);
+        --jkl-color-success-text-subdued: #507A5B;
+        --jkl-color-success-text-subdued: light-dark(#507A5B, #C9DDCE);
+        --jkl-color-success-text-on-action: #F9F9F9;
+        --jkl-color-success-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-success-border-strong: #2E8C4A;
+        --jkl-color-success-border-strong: light-dark(#2E8C4A, #67B479);
+        --jkl-color-success-border-default: #2E8C4A;
+        --jkl-color-success-border-default: light-dark(#2E8C4A, #67B479);
+        --jkl-color-success-border-subdued: #94B79B;
+        --jkl-color-success-border-subdued: light-dark(#94B79B, #507A5B);
+        --jkl-color-info-background-page: #EEF5FE;
+        --jkl-color-info-background-page: light-dark(#EEF5FE, #162A40);
+        --jkl-color-info-background-container: #DDEBFB;
+        --jkl-color-info-background-container: light-dark(#DDEBFB, #264261);
+        --jkl-color-info-background-action: #4AA3F0;
+        --jkl-color-info-background-action: light-dark(#4AA3F0, #7EBEF4);
+        --jkl-color-info-text-default: #1B3B60;
+        --jkl-color-info-text-default: light-dark(#1B3B60, #F5FAFF);
+        --jkl-color-info-text-subdued: #4E6C8E;
+        --jkl-color-info-text-subdued: light-dark(#4E6C8E, #D7E9F8);
+        --jkl-color-info-text-on-action: #F9F9F9;
+        --jkl-color-info-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-info-border-strong: #4AA3F0;
+        --jkl-color-info-border-strong: light-dark(#4AA3F0, #7EBEF4);
+        --jkl-color-info-border-default: #4AA3F0;
+        --jkl-color-info-border-default: light-dark(#4AA3F0, #7EBEF4);
+        --jkl-color-info-border-subdued: #A9A9CA;
+        --jkl-color-info-border-subdued: light-dark(#A9A9CA, #4E6C8E);
+        --jkl-color-error-background-page: #FDEEEE;
+        --jkl-color-error-background-page: light-dark(#FDEEEE, #3A1C1C);
+        --jkl-color-error-background-container: #F8D1D1;
+        --jkl-color-error-background-container: light-dark(#F8D1D1, #5B2828);
+        --jkl-color-error-background-action: #E84B3C;
+        --jkl-color-error-background-action: light-dark(#E84B3C, #F27B70);
+        --jkl-color-error-text-default: #7B1F18;
+        --jkl-color-error-text-default: light-dark(#7B1F18, #FFF1EF);
+        --jkl-color-error-text-subdued: #A14E46;
+        --jkl-color-error-text-subdued: light-dark(#A14E46, #F1C8C4);
+        --jkl-color-error-text-on-action: #F9F9F9;
+        --jkl-color-error-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-error-border-strong: #E84B3C;
+        --jkl-color-error-border-strong: light-dark(#E84B3C, #F27B70);
+        --jkl-color-error-border-default: #E84B3C;
+        --jkl-color-error-border-default: light-dark(#E84B3C, #F27B70);
+        --jkl-color-error-border-subdued: #DE9E9E;
+        --jkl-color-error-border-subdued: light-dark(#DE9E9E, #A14E46);
+        /* stylelint-enable declaration-block-no-duplicate-custom-properties */
+    }
+}

package/styles/theme/brands/jokul/_fonts.scss ADDED Viewed

@@ -0,0 +1,46 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+$webfonts-dir-jokul: "/fonts/brands/jokul" !default;
+@layer jokul.theme {
+    @font-face {
+        font-family: "Inter";
+        font-display: fallback;
+        font-weight: 300;
+        font-style: normal;
+        src: url("#{$webfonts-dir-jokul}/InterVariable.woff2") format("woff2");
+    }
+    @font-face {
+        font-family: "Inter";
+        font-display: fallback;
+        font-weight: 400;
+        font-style: normal;
+        src: url("#{$webfonts-dir-jokul}/InterVariable.woff2") format("woff2");
+    }
+    @font-face {
+        font-family: "Inter";
+        font-display: fallback;
+        font-weight: 600;
+        font-style: normal;
+        src: url("#{$webfonts-dir-jokul}/InterVariable.woff2") format("woff2");
+    }
+    @font-face {
+        font-family: "Inter";
+        font-display: fallback;
+        font-weight: 700;
+        font-style: normal;
+        src: url("#{$webfonts-dir-jokul}/InterVariable.woff2") format("woff2");
+    }
+    [data-brand="jokul"] {
+        --jkl-font-family-regular: 'Inter', 'Adjusted Arial Fallback', Arial, sans-serif;
+        --jkl-font-family-display: 'Inter', 'Adjusted Arial Display Fallback', Arial, sans-serif;
+        --jkl-font-family-mono: monospace, -apple-system, BlinkMacSystemFont;
+    }
+}

package/styles/theme/brands/sparebank1/_color-scheme.scss ADDED Viewed

@@ -0,0 +1,119 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+@layer jokul.theme {
+    [data-brand="sparebank1"] {
+        /* stylelint-disable declaration-block-no-duplicate-custom-properties -- fallback and light-dark() declarations are intentionally paired. */
+        --jkl-color-neutral-background-page: #F4F2EF;
+        --jkl-color-neutral-background-page: light-dark(#F4F2EF, #1B1917);
+        --jkl-color-neutral-background-container: #F9F9F9;
+        --jkl-color-neutral-background-container: light-dark(#F9F9F9, #313030);
+        --jkl-color-neutral-background-action: #1B1917;
+        --jkl-color-neutral-background-action: light-dark(#1B1917, #F9F9F9);
+        --jkl-color-neutral-text-default: #1B1917;
+        --jkl-color-neutral-text-default: light-dark(#1B1917, #F9F9F9);
+        --jkl-color-neutral-text-subdued: #636060;
+        --jkl-color-neutral-text-subdued: light-dark(#636060, #C8C5C3);
+        --jkl-color-neutral-text-on-action: #F9F9F9;
+        --jkl-color-neutral-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-neutral-border-strong: #1B1917;
+        --jkl-color-neutral-border-strong: light-dark(#1B1917, #F9F9F9);
+        --jkl-color-neutral-border-default: #636060;
+        --jkl-color-neutral-border-default: light-dark(#636060, #C8C5C3);
+        --jkl-color-neutral-border-subdued: #C8C5C3;
+        --jkl-color-neutral-border-subdued: light-dark(#C8C5C3, #636060);
+        --jkl-color-accent-background-page: #F4F2EF;
+        --jkl-color-accent-background-page: light-dark(#F4F2EF, #1B1917);
+        --jkl-color-accent-background-container: #F9F9F9;
+        --jkl-color-accent-background-container: light-dark(#F9F9F9, #313030);
+        --jkl-color-accent-background-action: #005AA4;
+        --jkl-color-accent-background-action: light-dark(#005AA4, #9EC2E5);
+        --jkl-color-accent-text-default: #1B1917;
+        --jkl-color-accent-text-default: light-dark(#1B1917, #F9F9F9);
+        --jkl-color-accent-text-subdued: #636060;
+        --jkl-color-accent-text-subdued: light-dark(#636060, #C8C5C3);
+        --jkl-color-accent-text-on-action: #F9F9F9;
+        --jkl-color-accent-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-accent-border-strong: #005AA4;
+        --jkl-color-accent-border-strong: light-dark(#005AA4, #9EC2E5);
+        --jkl-color-accent-border-default: #005AA4;
+        --jkl-color-accent-border-default: light-dark(#005AA4, #9EC2E5);
+        --jkl-color-accent-border-subdued: #C3D9EF;
+        --jkl-color-accent-border-subdued: light-dark(#C3D9EF, #D7E7F4);
+        --jkl-color-warning-background-page: #FCF7E8;
+        --jkl-color-warning-background-page: light-dark(#FCF7E8, #392B10);
+        --jkl-color-warning-background-container: #F7EBC2;
+        --jkl-color-warning-background-container: light-dark(#F7EBC2, #5A4519);
+        --jkl-color-warning-background-action: #B98900;
+        --jkl-color-warning-background-action: light-dark(#B98900, #E4B63A);
+        --jkl-color-warning-text-default: #5B4200;
+        --jkl-color-warning-text-default: light-dark(#5B4200, #FFF5D9);
+        --jkl-color-warning-text-subdued: #8B6B22;
+        --jkl-color-warning-text-subdued: light-dark(#8B6B22, #EEDFAE);
+        --jkl-color-warning-text-on-action: #1B1917;
+        --jkl-color-warning-text-on-action: light-dark(#1B1917, #1B1917);
+        --jkl-color-warning-border-strong: #B98900;
+        --jkl-color-warning-border-strong: light-dark(#B98900, #E4B63A);
+        --jkl-color-warning-border-default: #B98900;
+        --jkl-color-warning-border-default: light-dark(#B98900, #E4B63A);
+        --jkl-color-warning-border-subdued: #DECC8D;
+        --jkl-color-warning-border-subdued: light-dark(#DECC8D, #8B6B22);
+        --jkl-color-success-background-page: #EEF7F0;
+        --jkl-color-success-background-page: light-dark(#EEF7F0, #173122);
+        --jkl-color-success-background-container: #D7EADB;
+        --jkl-color-success-background-container: light-dark(#D7EADB, #234530);
+        --jkl-color-success-background-action: #2E8C4A;
+        --jkl-color-success-background-action: light-dark(#2E8C4A, #67B479);
+        --jkl-color-success-text-default: #1E5D31;
+        --jkl-color-success-text-default: light-dark(#1E5D31, #F1FBF3);
+        --jkl-color-success-text-subdued: #507A5B;
+        --jkl-color-success-text-subdued: light-dark(#507A5B, #C9DDCE);
+        --jkl-color-success-text-on-action: #F9F9F9;
+        --jkl-color-success-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-success-border-strong: #2E8C4A;
+        --jkl-color-success-border-strong: light-dark(#2E8C4A, #67B479);
+        --jkl-color-success-border-default: #2E8C4A;
+        --jkl-color-success-border-default: light-dark(#2E8C4A, #67B479);
+        --jkl-color-success-border-subdued: #94B79B;
+        --jkl-color-success-border-subdued: light-dark(#94B79B, #507A5B);
+        --jkl-color-info-background-page: #EEF5FE;
+        --jkl-color-info-background-page: light-dark(#EEF5FE, #162A40);
+        --jkl-color-info-background-container: #DDEBFB;
+        --jkl-color-info-background-container: light-dark(#DDEBFB, #264261);
+        --jkl-color-info-background-action: #4AA3F0;
+        --jkl-color-info-background-action: light-dark(#4AA3F0, #7EBEF4);
+        --jkl-color-info-text-default: #1B3B60;
+        --jkl-color-info-text-default: light-dark(#1B3B60, #F5FAFF);
+        --jkl-color-info-text-subdued: #4E6C8E;
+        --jkl-color-info-text-subdued: light-dark(#4E6C8E, #D7E9F8);
+        --jkl-color-info-text-on-action: #F9F9F9;
+        --jkl-color-info-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-info-border-strong: #4AA3F0;
+        --jkl-color-info-border-strong: light-dark(#4AA3F0, #7EBEF4);
+        --jkl-color-info-border-default: #4AA3F0;
+        --jkl-color-info-border-default: light-dark(#4AA3F0, #7EBEF4);
+        --jkl-color-info-border-subdued: #A9A9CA;
+        --jkl-color-info-border-subdued: light-dark(#A9A9CA, #4E6C8E);
+        --jkl-color-error-background-page: #FDEEEE;
+        --jkl-color-error-background-page: light-dark(#FDEEEE, #3A1C1C);
+        --jkl-color-error-background-container: #F8D1D1;
+        --jkl-color-error-background-container: light-dark(#F8D1D1, #5B2828);
+        --jkl-color-error-background-action: #E84B3C;
+        --jkl-color-error-background-action: light-dark(#E84B3C, #F27B70);
+        --jkl-color-error-text-default: #7B1F18;
+        --jkl-color-error-text-default: light-dark(#7B1F18, #FFF1EF);
+        --jkl-color-error-text-subdued: #A14E46;
+        --jkl-color-error-text-subdued: light-dark(#A14E46, #F1C8C4);
+        --jkl-color-error-text-on-action: #F9F9F9;
+        --jkl-color-error-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-error-border-strong: #E84B3C;
+        --jkl-color-error-border-strong: light-dark(#E84B3C, #F27B70);
+        --jkl-color-error-border-default: #E84B3C;
+        --jkl-color-error-border-default: light-dark(#E84B3C, #F27B70);
+        --jkl-color-error-border-subdued: #DE9E9E;
+        --jkl-color-error-border-subdued: light-dark(#DE9E9E, #A14E46);
+        /* stylelint-enable declaration-block-no-duplicate-custom-properties */
+    }
+}

package/styles/theme/brands/sparebank1/_fonts.scss ADDED Viewed

@@ -0,0 +1,38 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+$webfonts-dir-sparebank1: "/fonts/brands/sparebank1" !default;
+@layer jokul.theme {
+    @font-face {
+        font-family: "SpareBank1 Sans";
+        font-display: fallback;
+        font-weight: 400;
+        font-style: normal;
+        src: url("#{$webfonts-dir-sparebank1}/SpareBank1-Regular-Web.woff2") format("woff2");
+    }
+    @font-face {
+        font-family: "SpareBank1 Sans";
+        font-display: fallback;
+        font-weight: 500;
+        font-style: normal;
+        src: url("#{$webfonts-dir-sparebank1}/SpareBank1-Medium-Web.woff2") format("woff2");
+    }
+    @font-face {
+        font-family: "SpareBank1 Title";
+        font-display: fallback;
+        font-weight: 500;
+        font-style: normal;
+        src: url("#{$webfonts-dir-sparebank1}/SpareBank1-Title-Medium-Web.woff2") format("woff2");
+    }
+    [data-brand="sparebank1"] {
+        --jkl-font-family-regular: 'SpareBank1 Sans', 'Adjusted Arial Fallback', Arial, sans-serif;
+        --jkl-font-family-display: 'SpareBank1 Title', 'Adjusted Arial Display Fallback', Arial, sans-serif;
+        --jkl-font-family-mono: 'Adjusted Courier New Fallback', -apple-system, BlinkMacSystemFont, monospace;
+    }
+}

package/styles/utility/_headings.scss CHANGED Viewed

@@ -1,4 +1,4 @@
-@use "jkl";
+@use "../jkl";
 @layer jokul.utility {
     .jkl-title {

package/styles/utility/_paragraphs.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 @use "sass:map";
-@use "jkl";
-@use "jkl/typography";
+@use "../jkl";
+@use "../jkl/typography";
 @layer jokul.utility {
     .jkl-body {

package/styles/utility/_screen-reader.scss CHANGED Viewed

@@ -1,4 +1,4 @@
-@use "jkl";
+@use "../jkl";
 @layer jokul.utility {
     .jkl-sr-only {

package/styles/utility/_spacing.scss CHANGED Viewed

@@ -1,8 +1,8 @@
 @use "sass:list";
 @use "sass:map";
 @use "sass:string";
-@use "jkl";
-@use "jkl/spacing";
+@use "../jkl";
+@use "../jkl/spacing";
 @function get-class-name($spacing-combination) {
     $class-name: "jkl-spacing";