@altinn/altinn-components 0.11.0 → 0.13.0

package/dist/tokens/design-tokens-build/altinn-ds/color-scheme/light.css

@@ -0,0 +1,472 @@
+/**
+ * These files are generated from design tokens defind using Token Studio
+ */
+
+@layer ds.theme.color-scheme.light {
+  :root,
+  [data-color-scheme="light"] {
+    --ds-color-company-background-default: #ffffff;
+    --ds-color-company-background-subtle: #f3f3f6;
+    --ds-color-company-surface-default: #e0e2e7;
+    --ds-color-company-surface-hover: #cfd1da;
+    --ds-color-company-surface-active: #bfc2cd;
+    --ds-color-company-border-subtle: #b8bbc8;
+    --ds-color-company-border-default: #777e95;
+    --ds-color-company-border-strong: #58607d;
+    --ds-color-company-base-default: #111d46;
+    --ds-color-company-base-hover: #242f55;
+    --ds-color-company-base-active: #384264;
+    --ds-color-company-text-subtle: #58607d;
+    --ds-color-company-text-default: #1e2950;
+    --ds-color-company-contrast-default: #ffffff;
+    --ds-color-company-contrast-subtle: #adb1bf;
+    --ds-color-person-background-default: #ffffff;
+    --ds-color-person-background-subtle: #f1f4f2;
+    --ds-color-person-surface-default: #dbe4df;
+    --ds-color-person-surface-hover: #c6d5cd;
+    --ds-color-person-surface-active: #b3c7bc;
+    --ds-color-person-border-subtle: #abc1b5;
+    --ds-color-person-border-default: #5e8771;
+    --ds-color-person-border-strong: #386b50;
+    --ds-color-person-base-default: #084826;
+    --ds-color-person-base-hover: #215a3c;
+    --ds-color-person-base-active: #3b6e53;
+    --ds-color-person-text-subtle: #386b50;
+    --ds-color-person-text-default: #06331b;
+    --ds-color-person-contrast-default: #ffffff;
+    --ds-color-person-contrast-subtle: #cfdbd4;
+    --ds-color-neutral-background-default: #ffffff;
+    --ds-color-neutral-background-subtle: #f3f4f4;
+    --ds-color-neutral-surface-default: #e0e2e4;
+    --ds-color-neutral-surface-hover: #cfd2d5;
+    --ds-color-neutral-surface-active: #bfc3c7;
+    --ds-color-neutral-border-subtle: #b8bcc1;
+    --ds-color-neutral-border-default: #777f89;
+    --ds-color-neutral-border-strong: #59626f;
+    --ds-color-neutral-base-default: #1e2b3c;
+    --ds-color-neutral-base-hover: #313d4d;
+    --ds-color-neutral-base-active: #444f5d;
+    --ds-color-neutral-text-subtle: #59626f;
+    --ds-color-neutral-text-default: #1f2c3d;
+    --ds-color-neutral-contrast-default: #ffffff;
+    --ds-color-neutral-contrast-subtle: #babec4;
+    --ds-color-article-background-default: #ffffff;
+    --ds-color-article-background-subtle: #eef4fa;
+    --ds-color-article-surface-default: #d3e4f3;
+    --ds-color-article-surface-hover: #bad5ec;
+    --ds-color-article-surface-active: #a3c6e6;
+    --ds-color-article-border-subtle: #99c0e3;
+    --ds-color-article-border-default: #3582c8;
+    --ds-color-article-border-strong: #0061b8;
+    --ds-color-article-base-default: #0062ba;
+    --ds-color-article-base-hover: #004f96;
+    --ds-color-article-base-active: #003d75;
+    --ds-color-article-text-subtle: #0061b8;
+    --ds-color-article-text-default: #002c54;
+    --ds-color-article-contrast-default: #ffffff;
+    --ds-color-article-contrast-subtle: #dbe9f5;
+    --ds-color-alert-background-default: #ffffff;
+    --ds-color-alert-background-subtle: #fdf1f2;
+    --ds-color-alert-surface-default: #fadbdf;
+    --ds-color-alert-surface-hover: #f6c5cd;
+    --ds-color-alert-surface-active: #f3b1bb;
+    --ds-color-alert-border-subtle: #f2a8b3;
+    --ds-color-alert-border-default: #e3425b;
+    --ds-color-alert-border-strong: #b9263c;
+    --ds-color-alert-base-default: #e02f4a;
+    --ds-color-alert-base-hover: #e75c71;
+    --ds-color-alert-base-active: #ec7f90;
+    --ds-color-alert-text-subtle: #b9263c;
+    --ds-color-alert-text-default: #55121c;
+    --ds-color-alert-contrast-default: #000000;
+    --ds-color-alert-contrast-subtle: #000000;
+    --ds-color-success-background-default: #ffffff;
+    --ds-color-success-background-subtle: #ecf6ee;
+    --ds-color-success-surface-default: #d0e8d3;
+    --ds-color-success-surface-hover: #b4dbba;
+    --ds-color-success-surface-active: #9bcfa2;
+    --ds-color-success-border-subtle: #8fc997;
+    --ds-color-success-border-default: #1d922d;
+    --ds-color-success-border-strong: #057114;
+    --ds-color-success-base-default: #068718;
+    --ds-color-success-base-hover: #057014;
+    --ds-color-success-base-active: #045a10;
+    --ds-color-success-text-subtle: #057114;
+    --ds-color-success-text-default: #023409;
+    --ds-color-success-contrast-default: #ffffff;
+    --ds-color-success-contrast-subtle: #fafdfb;
+    --ds-color-danger-background-default: #ffffff;
+    --ds-color-danger-background-subtle: #fbf1f1;
+    --ds-color-danger-surface-default: #f5dcdc;
+    --ds-color-danger-surface-hover: #f0c8c8;
+    --ds-color-danger-surface-active: #ebb5b5;
+    --ds-color-danger-border-subtle: #e8adad;
+    --ds-color-danger-border-default: #d15757;
+    --ds-color-danger-border-strong: #bf1b1b;
+    --ds-color-danger-base-default: #bf1b1b;
+    --ds-color-danger-base-hover: #9b1616;
+    --ds-color-danger-base-active: #791111;
+    --ds-color-danger-text-subtle: #bf1b1b;
+    --ds-color-danger-text-default: #590d0d;
+    --ds-color-danger-contrast-default: #ffffff;
+    --ds-color-danger-contrast-subtle: #f7e1e1;
+    --ds-color-info-background-default: #ffffff;
+    --ds-color-info-background-subtle: #edf5fa;
+    --ds-color-info-surface-default: #d2e5f3;
+    --ds-color-info-surface-hover: #b7d5ed;
+    --ds-color-info-surface-active: #9fc7e6;
+    --ds-color-info-border-subtle: #94c1e3;
+    --ds-color-info-border-default: #2a83c8;
+    --ds-color-info-border-strong: #0964a9;
+    --ds-color-info-base-default: #0a71bf;
+    --ds-color-info-base-hover: #085d9f;
+    --ds-color-info-base-active: #074a7e;
+    --ds-color-info-text-subtle: #0964a9;
+    --ds-color-info-text-default: #042d4d;
+    --ds-color-info-contrast-default: #ffffff;
+    --ds-color-info-contrast-subtle: #eff6fb;
+    --ds-color-warning-background-default: #ffffff;
+    --ds-color-warning-background-subtle: #f9f4e1;
+    --ds-color-warning-surface-default: #efe2b2;
+    --ds-color-warning-surface-hover: #e6d184;
+    --ds-color-warning-surface-active: #ddc159;
+    --ds-color-warning-border-subtle: #d9b945;
+    --ds-color-warning-border-default: #957c21;
+    --ds-color-warning-border-strong: #736019;
+    --ds-color-warning-base-default: #b7581d;
+    --ds-color-warning-base-hover: #994918;
+    --ds-color-warning-base-active: #7b3b13;
+    --ds-color-warning-text-subtle: #9b4a18;
+    --ds-color-warning-text-default: #46220b;
+    --ds-color-warning-contrast-default: #ffffff;
+    --ds-color-warning-contrast-subtle: #fdf9f8;
+    --ds-color-focus-inner: #ffffff;
+    --ds-color-focus-outer: #1e2950;
+    --ds-global-blue-1: #ffffff;
+    --ds-global-blue-2: #edf5fa;
+    --ds-global-blue-3: #d2e5f3;
+    --ds-global-blue-4: #b7d5ed;
+    --ds-global-blue-5: #9fc7e6;
+    --ds-global-blue-6: #94c1e3;
+    --ds-global-blue-7: #2a83c8;
+    --ds-global-blue-8: #0964a9;
+    --ds-global-blue-9: #0a71bf;
+    --ds-global-blue-10: #085d9f;
+    --ds-global-blue-11: #074a7e;
+    --ds-global-blue-12: #0964a9;
+    --ds-global-blue-13: #042d4d;
+    --ds-global-blue-contrast-1: #ffffff;
+    --ds-global-blue-contrast-2: #eff6fb;
+    --ds-global-green-1: #ffffff;
+    --ds-global-green-2: #ecf6ee;
+    --ds-global-green-3: #d0e8d3;
+    --ds-global-green-4: #b4dbba;
+    --ds-global-green-5: #9bcfa2;
+    --ds-global-green-6: #8fc997;
+    --ds-global-green-7: #1d922d;
+    --ds-global-green-8: #057114;
+    --ds-global-green-9: #068718;
+    --ds-global-green-10: #057014;
+    --ds-global-green-11: #045a10;
+    --ds-global-green-12: #057114;
+    --ds-global-green-13: #023409;
+    --ds-global-green-contrast-1: #ffffff;
+    --ds-global-green-contrast-2: #fafdfb;
+    --ds-global-orange-1: #ffffff;
+    --ds-global-orange-2: #faf2ee;
+    --ds-global-orange-3: #f1dfd3;
+    --ds-global-orange-4: #e9ccba;
+    --ds-global-orange-5: #e2baa2;
+    --ds-global-orange-6: #dfb398;
+    --ds-global-orange-7: #bf6732;
+    --ds-global-orange-8: #9b4a18;
+    --ds-global-orange-9: #b7581d;
+    --ds-global-orange-10: #994918;
+    --ds-global-orange-11: #7b3b13;
+    --ds-global-orange-12: #9b4a18;
+    --ds-global-orange-13: #46220b;
+    --ds-global-orange-contrast-1: #ffffff;
+    --ds-global-orange-contrast-2: #fdf9f8;
+    --ds-global-purple-1: #ffffff;
+    --ds-global-purple-2: #f6f2f9;
+    --ds-global-purple-3: #e7dfef;
+    --ds-global-purple-4: #d9cde6;
+    --ds-global-purple-5: #cdbcdd;
+    --ds-global-purple-6: #c7b4da;
+    --ds-global-purple-7: #936fb7;
+    --ds-global-purple-8: #794ca6;
+    --ds-global-purple-9: #663299;
+    --ds-global-purple-10: #4f2776;
+    --ds-global-purple-11: #371b53;
+    --ds-global-purple-12: #794ca6;
+    --ds-global-purple-13: #3a1d57;
+    --ds-global-purple-contrast-1: #ffffff;
+    --ds-global-purple-contrast-2: #eee8f3;
+    --ds-global-red-1: #ffffff;
+    --ds-global-red-2: #fbf1f1;
+    --ds-global-red-3: #f5dcdc;
+    --ds-global-red-4: #f0c8c8;
+    --ds-global-red-5: #ebb5b5;
+    --ds-global-red-6: #e8adad;
+    --ds-global-red-7: #d15757;
+    --ds-global-red-8: #bf1b1b;
+    --ds-global-red-9: #bf1b1b;
+    --ds-global-red-10: #9b1616;
+    --ds-global-red-11: #791111;
+    --ds-global-red-12: #bf1b1b;
+    --ds-global-red-13: #590d0d;
+    --ds-global-red-contrast-1: #ffffff;
+    --ds-global-red-contrast-2: #f7e1e1;
+    --ds-global-yellow-1: #ffffff;
+    --ds-global-yellow-2: #f9f4e1;
+    --ds-global-yellow-3: #efe2b2;
+    --ds-global-yellow-4: #e6d184;
+    --ds-global-yellow-5: #ddc159;
+    --ds-global-yellow-6: #d9b945;
+    --ds-global-yellow-7: #957c21;
+    --ds-global-yellow-8: #736019;
+    --ds-global-yellow-9: #d4b12f;
+    --ds-global-yellow-10: #bb9c2a;
+    --ds-global-yellow-11: #a38824;
+    --ds-global-yellow-12: #736019;
+    --ds-global-yellow-13: #332b0b;
+    --ds-global-yellow-contrast-1: #000000;
+    --ds-global-yellow-contrast-2: #282209;
+
+    color-scheme: light;
+  }
+
+  @media (prefers-color-scheme: light) {
+    [data-color-scheme="auto"] {
+      --ds-color-company-background-default: #ffffff;
+      --ds-color-company-background-subtle: #f3f3f6;
+      --ds-color-company-surface-default: #e0e2e7;
+      --ds-color-company-surface-hover: #cfd1da;
+      --ds-color-company-surface-active: #bfc2cd;
+      --ds-color-company-border-subtle: #b8bbc8;
+      --ds-color-company-border-default: #777e95;
+      --ds-color-company-border-strong: #58607d;
+      --ds-color-company-base-default: #111d46;
+      --ds-color-company-base-hover: #242f55;
+      --ds-color-company-base-active: #384264;
+      --ds-color-company-text-subtle: #58607d;
+      --ds-color-company-text-default: #1e2950;
+      --ds-color-company-contrast-default: #ffffff;
+      --ds-color-company-contrast-subtle: #adb1bf;
+      --ds-color-person-background-default: #ffffff;
+      --ds-color-person-background-subtle: #f1f4f2;
+      --ds-color-person-surface-default: #dbe4df;
+      --ds-color-person-surface-hover: #c6d5cd;
+      --ds-color-person-surface-active: #b3c7bc;
+      --ds-color-person-border-subtle: #abc1b5;
+      --ds-color-person-border-default: #5e8771;
+      --ds-color-person-border-strong: #386b50;
+      --ds-color-person-base-default: #084826;
+      --ds-color-person-base-hover: #215a3c;
+      --ds-color-person-base-active: #3b6e53;
+      --ds-color-person-text-subtle: #386b50;
+      --ds-color-person-text-default: #06331b;
+      --ds-color-person-contrast-default: #ffffff;
+      --ds-color-person-contrast-subtle: #cfdbd4;
+      --ds-color-neutral-background-default: #ffffff;
+      --ds-color-neutral-background-subtle: #f3f4f4;
+      --ds-color-neutral-surface-default: #e0e2e4;
+      --ds-color-neutral-surface-hover: #cfd2d5;
+      --ds-color-neutral-surface-active: #bfc3c7;
+      --ds-color-neutral-border-subtle: #b8bcc1;
+      --ds-color-neutral-border-default: #777f89;
+      --ds-color-neutral-border-strong: #59626f;
+      --ds-color-neutral-base-default: #1e2b3c;
+      --ds-color-neutral-base-hover: #313d4d;
+      --ds-color-neutral-base-active: #444f5d;
+      --ds-color-neutral-text-subtle: #59626f;
+      --ds-color-neutral-text-default: #1f2c3d;
+      --ds-color-neutral-contrast-default: #ffffff;
+      --ds-color-neutral-contrast-subtle: #babec4;
+      --ds-color-article-background-default: #ffffff;
+      --ds-color-article-background-subtle: #eef4fa;
+      --ds-color-article-surface-default: #d3e4f3;
+      --ds-color-article-surface-hover: #bad5ec;
+      --ds-color-article-surface-active: #a3c6e6;
+      --ds-color-article-border-subtle: #99c0e3;
+      --ds-color-article-border-default: #3582c8;
+      --ds-color-article-border-strong: #0061b8;
+      --ds-color-article-base-default: #0062ba;
+      --ds-color-article-base-hover: #004f96;
+      --ds-color-article-base-active: #003d75;
+      --ds-color-article-text-subtle: #0061b8;
+      --ds-color-article-text-default: #002c54;
+      --ds-color-article-contrast-default: #ffffff;
+      --ds-color-article-contrast-subtle: #dbe9f5;
+      --ds-color-alert-background-default: #ffffff;
+      --ds-color-alert-background-subtle: #fdf1f2;
+      --ds-color-alert-surface-default: #fadbdf;
+      --ds-color-alert-surface-hover: #f6c5cd;
+      --ds-color-alert-surface-active: #f3b1bb;
+      --ds-color-alert-border-subtle: #f2a8b3;
+      --ds-color-alert-border-default: #e3425b;
+      --ds-color-alert-border-strong: #b9263c;
+      --ds-color-alert-base-default: #e02f4a;
+      --ds-color-alert-base-hover: #e75c71;
+      --ds-color-alert-base-active: #ec7f90;
+      --ds-color-alert-text-subtle: #b9263c;
+      --ds-color-alert-text-default: #55121c;
+      --ds-color-alert-contrast-default: #000000;
+      --ds-color-alert-contrast-subtle: #000000;
+      --ds-color-success-background-default: #ffffff;
+      --ds-color-success-background-subtle: #ecf6ee;
+      --ds-color-success-surface-default: #d0e8d3;
+      --ds-color-success-surface-hover: #b4dbba;
+      --ds-color-success-surface-active: #9bcfa2;
+      --ds-color-success-border-subtle: #8fc997;
+      --ds-color-success-border-default: #1d922d;
+      --ds-color-success-border-strong: #057114;
+      --ds-color-success-base-default: #068718;
+      --ds-color-success-base-hover: #057014;
+      --ds-color-success-base-active: #045a10;
+      --ds-color-success-text-subtle: #057114;
+      --ds-color-success-text-default: #023409;
+      --ds-color-success-contrast-default: #ffffff;
+      --ds-color-success-contrast-subtle: #fafdfb;
+      --ds-color-danger-background-default: #ffffff;
+      --ds-color-danger-background-subtle: #fbf1f1;
+      --ds-color-danger-surface-default: #f5dcdc;
+      --ds-color-danger-surface-hover: #f0c8c8;
+      --ds-color-danger-surface-active: #ebb5b5;
+      --ds-color-danger-border-subtle: #e8adad;
+      --ds-color-danger-border-default: #d15757;
+      --ds-color-danger-border-strong: #bf1b1b;
+      --ds-color-danger-base-default: #bf1b1b;
+      --ds-color-danger-base-hover: #9b1616;
+      --ds-color-danger-base-active: #791111;
+      --ds-color-danger-text-subtle: #bf1b1b;
+      --ds-color-danger-text-default: #590d0d;
+      --ds-color-danger-contrast-default: #ffffff;
+      --ds-color-danger-contrast-subtle: #f7e1e1;
+      --ds-color-info-background-default: #ffffff;
+      --ds-color-info-background-subtle: #edf5fa;
+      --ds-color-info-surface-default: #d2e5f3;
+      --ds-color-info-surface-hover: #b7d5ed;
+      --ds-color-info-surface-active: #9fc7e6;
+      --ds-color-info-border-subtle: #94c1e3;
+      --ds-color-info-border-default: #2a83c8;
+      --ds-color-info-border-strong: #0964a9;
+      --ds-color-info-base-default: #0a71bf;
+      --ds-color-info-base-hover: #085d9f;
+      --ds-color-info-base-active: #074a7e;
+      --ds-color-info-text-subtle: #0964a9;
+      --ds-color-info-text-default: #042d4d;
+      --ds-color-info-contrast-default: #ffffff;
+      --ds-color-info-contrast-subtle: #eff6fb;
+      --ds-color-warning-background-default: #ffffff;
+      --ds-color-warning-background-subtle: #f9f4e1;
+      --ds-color-warning-surface-default: #efe2b2;
+      --ds-color-warning-surface-hover: #e6d184;
+      --ds-color-warning-surface-active: #ddc159;
+      --ds-color-warning-border-subtle: #d9b945;
+      --ds-color-warning-border-default: #957c21;
+      --ds-color-warning-border-strong: #736019;
+      --ds-color-warning-base-default: #b7581d;
+      --ds-color-warning-base-hover: #994918;
+      --ds-color-warning-base-active: #7b3b13;
+      --ds-color-warning-text-subtle: #9b4a18;
+      --ds-color-warning-text-default: #46220b;
+      --ds-color-warning-contrast-default: #ffffff;
+      --ds-color-warning-contrast-subtle: #fdf9f8;
+      --ds-color-focus-inner: #ffffff;
+      --ds-color-focus-outer: #1e2950;
+      --ds-global-blue-1: #ffffff;
+      --ds-global-blue-2: #edf5fa;
+      --ds-global-blue-3: #d2e5f3;
+      --ds-global-blue-4: #b7d5ed;
+      --ds-global-blue-5: #9fc7e6;
+      --ds-global-blue-6: #94c1e3;
+      --ds-global-blue-7: #2a83c8;
+      --ds-global-blue-8: #0964a9;
+      --ds-global-blue-9: #0a71bf;
+      --ds-global-blue-10: #085d9f;
+      --ds-global-blue-11: #074a7e;
+      --ds-global-blue-12: #0964a9;
+      --ds-global-blue-13: #042d4d;
+      --ds-global-blue-contrast-1: #ffffff;
+      --ds-global-blue-contrast-2: #eff6fb;
+      --ds-global-green-1: #ffffff;
+      --ds-global-green-2: #ecf6ee;
+      --ds-global-green-3: #d0e8d3;
+      --ds-global-green-4: #b4dbba;
+      --ds-global-green-5: #9bcfa2;
+      --ds-global-green-6: #8fc997;
+      --ds-global-green-7: #1d922d;
+      --ds-global-green-8: #057114;
+      --ds-global-green-9: #068718;
+      --ds-global-green-10: #057014;
+      --ds-global-green-11: #045a10;
+      --ds-global-green-12: #057114;
+      --ds-global-green-13: #023409;
+      --ds-global-green-contrast-1: #ffffff;
+      --ds-global-green-contrast-2: #fafdfb;
+      --ds-global-orange-1: #ffffff;
+      --ds-global-orange-2: #faf2ee;
+      --ds-global-orange-3: #f1dfd3;
+      --ds-global-orange-4: #e9ccba;
+      --ds-global-orange-5: #e2baa2;
+      --ds-global-orange-6: #dfb398;
+      --ds-global-orange-7: #bf6732;
+      --ds-global-orange-8: #9b4a18;
+      --ds-global-orange-9: #b7581d;
+      --ds-global-orange-10: #994918;
+      --ds-global-orange-11: #7b3b13;
+      --ds-global-orange-12: #9b4a18;
+      --ds-global-orange-13: #46220b;
+      --ds-global-orange-contrast-1: #ffffff;
+      --ds-global-orange-contrast-2: #fdf9f8;
+      --ds-global-purple-1: #ffffff;
+      --ds-global-purple-2: #f6f2f9;
+      --ds-global-purple-3: #e7dfef;
+      --ds-global-purple-4: #d9cde6;
+      --ds-global-purple-5: #cdbcdd;
+      --ds-global-purple-6: #c7b4da;
+      --ds-global-purple-7: #936fb7;
+      --ds-global-purple-8: #794ca6;
+      --ds-global-purple-9: #663299;
+      --ds-global-purple-10: #4f2776;
+      --ds-global-purple-11: #371b53;
+      --ds-global-purple-12: #794ca6;
+      --ds-global-purple-13: #3a1d57;
+      --ds-global-purple-contrast-1: #ffffff;
+      --ds-global-purple-contrast-2: #eee8f3;
+      --ds-global-red-1: #ffffff;
+      --ds-global-red-2: #fbf1f1;
+      --ds-global-red-3: #f5dcdc;
+      --ds-global-red-4: #f0c8c8;
+      --ds-global-red-5: #ebb5b5;
+      --ds-global-red-6: #e8adad;
+      --ds-global-red-7: #d15757;
+      --ds-global-red-8: #bf1b1b;
+      --ds-global-red-9: #bf1b1b;
+      --ds-global-red-10: #9b1616;
+      --ds-global-red-11: #791111;
+      --ds-global-red-12: #bf1b1b;
+      --ds-global-red-13: #590d0d;
+      --ds-global-red-contrast-1: #ffffff;
+      --ds-global-red-contrast-2: #f7e1e1;
+      --ds-global-yellow-1: #ffffff;
+      --ds-global-yellow-2: #f9f4e1;
+      --ds-global-yellow-3: #efe2b2;
+      --ds-global-yellow-4: #e6d184;
+      --ds-global-yellow-5: #ddc159;
+      --ds-global-yellow-6: #d9b945;
+      --ds-global-yellow-7: #957c21;
+      --ds-global-yellow-8: #736019;
+      --ds-global-yellow-9: #d4b12f;
+      --ds-global-yellow-10: #bb9c2a;
+      --ds-global-yellow-11: #a38824;
+      --ds-global-yellow-12: #736019;
+      --ds-global-yellow-13: #332b0b;
+      --ds-global-yellow-contrast-1: #000000;
+      --ds-global-yellow-contrast-2: #282209;
+
+      color-scheme: light;
+    }
+  }
+}

package/dist/tokens/design-tokens-build/altinn-ds/semantic.css

@@ -0,0 +1,70 @@
+/**
+ * These files are generated from design tokens defind using Token Studio
+ */
+
+@layer ds.theme.semantic {
+  :root {
+    --ds-border-radius-1: min(var(--ds-border-radius-base), var(--ds-border-radius-scale) * 1);
+    --ds-border-radius-2: min(var(--ds-border-radius-base), var(--ds-border-radius-scale) * 2);
+    --ds-border-radius-3: min(var(--ds-border-radius-base), var(--ds-border-radius-scale) * 5);
+    --ds-border-radius-4: var(--ds-border-radius-base);
+    --ds-border-radius-5: 624.9375rem;
+    --ds-border-radius-base: 0.25rem;
+    --ds-border-radius-scale: 0.25rem;
+    --ds-border-radius-sm: var(--ds-border-radius-1);
+    --ds-border-radius-md: var(--ds-border-radius-2);
+    --ds-border-radius-lg: var(--ds-border-radius-3);
+    --ds-border-radius-default: var(--ds-border-radius-4);
+    --ds-border-radius-full: var(--ds-border-radius-5);
+    --ds-disabled-opacity: 30%;
+    --ds-spacing-0: calc(var(--ds-spacing-scale) * 0);
+    --ds-spacing-1: calc(var(--ds-spacing-scale) * 1);
+    --ds-spacing-2: calc(var(--ds-spacing-scale) * 2);
+    --ds-spacing-3: calc(var(--ds-spacing-scale) * 3);
+    --ds-spacing-4: calc(var(--ds-spacing-scale) * 4);
+    --ds-spacing-5: calc(var(--ds-spacing-scale) * 5);
+    --ds-spacing-6: calc(var(--ds-spacing-scale) * 6);
+    --ds-spacing-7: calc(var(--ds-spacing-scale) * 7);
+    --ds-spacing-8: calc(var(--ds-spacing-scale) * 8);
+    --ds-spacing-9: calc(var(--ds-spacing-scale) * 9);
+    --ds-spacing-10: calc(var(--ds-spacing-scale) * 10);
+    --ds-spacing-11: calc(var(--ds-spacing-scale) * 11);
+    --ds-spacing-12: calc(var(--ds-spacing-scale) * 12);
+    --ds-spacing-13: calc(var(--ds-spacing-scale) * 13);
+    --ds-spacing-14: calc(var(--ds-spacing-scale) * 14);
+    --ds-spacing-15: calc(var(--ds-spacing-scale) * 15);
+    --ds-spacing-18: calc(var(--ds-spacing-scale) * 18);
+    --ds-spacing-22: calc(var(--ds-spacing-scale) * 22);
+    --ds-spacing-26: calc(var(--ds-spacing-scale) * 26);
+    --ds-spacing-30: calc(var(--ds-spacing-scale) * 30);
+    --ds-spacing-scale: 0.25rem;
+    --ds-sizing-0: calc(var(--ds-sizing-scale) * 0);
+    --ds-sizing-1: calc(var(--ds-sizing-scale) * 1);
+    --ds-sizing-2: calc(var(--ds-sizing-scale) * 2);
+    --ds-sizing-3: calc(var(--ds-sizing-scale) * 3);
+    --ds-sizing-4: calc(var(--ds-sizing-scale) * 4);
+    --ds-sizing-5: calc(var(--ds-sizing-scale) * 5);
+    --ds-sizing-6: calc(var(--ds-sizing-scale) * 6);
+    --ds-sizing-7: calc(var(--ds-sizing-scale) * 7);
+    --ds-sizing-8: calc(var(--ds-sizing-scale) * 8);
+    --ds-sizing-9: calc(var(--ds-sizing-scale) * 9);
+    --ds-sizing-10: calc(var(--ds-sizing-scale) * 10);
+    --ds-sizing-11: calc(var(--ds-sizing-scale) * 11);
+    --ds-sizing-12: calc(var(--ds-sizing-scale) * 12);
+    --ds-sizing-13: calc(var(--ds-sizing-scale) * 13);
+    --ds-sizing-14: calc(var(--ds-sizing-scale) * 14);
+    --ds-sizing-15: calc(var(--ds-sizing-scale) * 15);
+    --ds-sizing-18: calc(var(--ds-sizing-scale) * 18);
+    --ds-sizing-22: calc(var(--ds-sizing-scale) * 22);
+    --ds-sizing-26: calc(var(--ds-sizing-scale) * 26);
+    --ds-sizing-30: calc(var(--ds-sizing-scale) * 30);
+    --ds-sizing-scale: 0.25rem;
+    --ds-border-width-default: 1px;
+    --ds-border-width-highlight: 2px;
+    --ds-shadow-xs: 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
+    --ds-shadow-sm: 0 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
+    --ds-shadow-md: 0 0 1px 0 rgba(0, 0, 0, 0.14), 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 4px 8px 0 rgba(0, 0, 0, 0.12);
+    --ds-shadow-lg: 0 0 1px 0 rgba(0, 0, 0, 0.13), 0 3px 5px 0 rgba(0, 0, 0, 0.13), 0 6px 12px 0 rgba(0, 0, 0, 0.14);
+    --ds-shadow-xl: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 4px 8px 0 rgba(0, 0, 0, 0.16), 0 12px 24px 0 rgba(0, 0, 0, 0.16);
+  }
+}

package/dist/tokens/design-tokens-build/altinn-ds/typography/primary.css

@@ -0,0 +1,128 @@
+/**
+ * These files are generated from design tokens defind using Token Studio
+ */
+
+@layer ds.theme.typography.primary {
+  :root,
+  [data-ds-typography="primary"] {
+    --ds-font-family: Inter;
+    --ds-font-weight-medium: 500;
+    --ds-font-weight-semibold: 600;
+    --ds-font-weight-regular: 400;
+    --ds-heading-2xl-font-weight: 500;
+    --ds-heading-2xl-line-height: 1.3;
+    --ds-heading-2xl-font-size: 3.75rem;
+    --ds-heading-2xl-letter-spacing: -1%;
+    --ds-heading-xl-font-weight: 500;
+    --ds-heading-xl-line-height: 1.3;
+    --ds-heading-xl-font-size: 3rem;
+    --ds-heading-xl-letter-spacing: -1%;
+    --ds-heading-lg-font-weight: 500;
+    --ds-heading-lg-line-height: 1.3;
+    --ds-heading-lg-font-size: 2.25rem;
+    --ds-heading-lg-letter-spacing: -0.5%;
+    --ds-heading-md-font-weight: 500;
+    --ds-heading-md-line-height: 1.3;
+    --ds-heading-md-font-size: 1.875rem;
+    --ds-heading-md-letter-spacing: -0.25%;
+    --ds-heading-sm-font-weight: 500;
+    --ds-heading-sm-line-height: 1.3;
+    --ds-heading-sm-font-size: 1.5rem;
+    --ds-heading-sm-letter-spacing: 0%;
+    --ds-heading-xs-font-weight: 500;
+    --ds-heading-xs-line-height: 1.3;
+    --ds-heading-xs-font-size: 1.3125rem;
+    --ds-heading-xs-letter-spacing: 0.15%;
+    --ds-heading-2xs-font-weight: 500;
+    --ds-heading-2xs-line-height: 1.3;
+    --ds-heading-2xs-font-size: 1.125rem;
+    --ds-heading-2xs-letter-spacing: 0.15%;
+    --ds-body-xl-font-weight: 400;
+    --ds-body-xl-line-height: 1.5;
+    --ds-body-xl-font-size: 1.5rem;
+    --ds-body-xl-letter-spacing: 0.5%;
+    --ds-body-lg-font-weight: 400;
+    --ds-body-lg-line-height: 1.5;
+    --ds-body-lg-font-size: 1.3125rem;
+    --ds-body-lg-letter-spacing: 0.5%;
+    --ds-body-md-font-weight: 400;
+    --ds-body-md-line-height: 1.5;
+    --ds-body-md-font-size: 1.125rem;
+    --ds-body-md-letter-spacing: 0.5%;
+    --ds-body-sm-font-weight: 400;
+    --ds-body-sm-line-height: 1.5;
+    --ds-body-sm-font-size: 1rem;
+    --ds-body-sm-letter-spacing: 0.25%;
+    --ds-body-xs-font-weight: 400;
+    --ds-body-xs-line-height: 1.5;
+    --ds-body-xs-font-size: 0.875rem;
+    --ds-body-xs-letter-spacing: 0.15%;
+    --ds-body-short-xl-font-weight: 400;
+    --ds-body-short-xl-line-height: 1.3;
+    --ds-body-short-xl-font-size: 1.5rem;
+    --ds-body-short-xl-letter-spacing: 0.5%;
+    --ds-body-short-lg-font-weight: 400;
+    --ds-body-short-lg-line-height: 1.3;
+    --ds-body-short-lg-font-size: 1.3125rem;
+    --ds-body-short-lg-letter-spacing: 0.5%;
+    --ds-body-short-md-font-weight: 400;
+    --ds-body-short-md-line-height: 1.3;
+    --ds-body-short-md-font-size: 1.125rem;
+    --ds-body-short-md-letter-spacing: 0.5%;
+    --ds-body-short-sm-font-weight: 400;
+    --ds-body-short-sm-line-height: 1.3;
+    --ds-body-short-sm-font-size: 1rem;
+    --ds-body-short-sm-letter-spacing: 0.25%;
+    --ds-body-short-xs-font-weight: 400;
+    --ds-body-short-xs-line-height: 1.3;
+    --ds-body-short-xs-font-size: 0.875rem;
+    --ds-body-short-xs-letter-spacing: 0.15%;
+    --ds-body-long-xl-font-weight: 400;
+    --ds-body-long-xl-line-height: 1.7;
+    --ds-body-long-xl-font-size: 1.5rem;
+    --ds-body-long-xl-letter-spacing: 0.5%;
+    --ds-body-long-lg-font-weight: 400;
+    --ds-body-long-lg-line-height: 1.7;
+    --ds-body-long-lg-font-size: 1.3125rem;
+    --ds-body-long-lg-letter-spacing: 0.5%;
+    --ds-body-long-md-font-weight: 400;
+    --ds-body-long-md-line-height: 1.7;
+    --ds-body-long-md-font-size: 1.125rem;
+    --ds-body-long-md-letter-spacing: 0.5%;
+    --ds-body-long-sm-font-weight: 400;
+    --ds-body-long-sm-line-height: 1.7;
+    --ds-body-long-sm-font-size: 1rem;
+    --ds-body-long-sm-letter-spacing: 0.25%;
+    --ds-body-long-xs-font-weight: 400;
+    --ds-body-long-xs-line-height: 1.7;
+    --ds-body-long-xs-font-size: 0.875rem;
+    --ds-body-long-xs-letter-spacing: 0.15%;
+    --ds-line-height-sm: 1.3;
+    --ds-line-height-md: 1.5;
+    --ds-line-height-lg: 1.7;
+    --ds-font-size-1: 0.75rem;
+    --ds-font-size-2: 0.8125rem;
+    --ds-font-size-3: 0.875rem;
+    --ds-font-size-4: 1rem;
+    --ds-font-size-5: 1.125rem;
+    --ds-font-size-6: 1.3125rem;
+    --ds-font-size-7: 1.5rem;
+    --ds-font-size-8: 1.875rem;
+    --ds-font-size-9: 2.25rem;
+    --ds-font-size-10: 3rem;
+    --ds-font-size-11: 3.75rem;
+    --ds-letter-spacing-1: -1%;
+    --ds-letter-spacing-2: -0.5%;
+    --ds-letter-spacing-3: -0.25%;
+    --ds-letter-spacing-4: -0.15%;
+    --ds-letter-spacing-5: 0%;
+    --ds-letter-spacing-6: 0.15%;
+    --ds-letter-spacing-7: 0.25%;
+    --ds-letter-spacing-8: 0.5%;
+    --ds-letter-spacing-9: 1.5%;
+    --ds-altinn-ds-main: Inter;
+    --ds-altinn-ds-bold: 500;
+    --ds-altinn-ds-extra-bold: 600;
+    --ds-altinn-ds-regular: 400;
+  }
+}