@navikt/ds-tokens 7.0.0 → 7.0.1

package/dist/darkside/dark-tokens.css

@@ -0,0 +1,127 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+.dark, .dark-theme {
+  --a-data-three-1000: #f4da50;
+  --a-data-three-900: #b09600;
+  --a-data-three-800: #9e8400;
+  --a-data-three-700: #927700;
+  --a-data-three-600: #876c00;
+  --a-data-three-500: #7a6000;
+  --a-data-three-400: #412600;
+  --a-data-three-300: #341900;
+  --a-data-three-200: #2b0f00;
+  --a-data-three-100: #200500;
+  --a-data-two-1000: #d7e419;
+  --a-data-two-900: #959e00;
+  --a-data-two-800: #848c00;
+  --a-data-two-700: #788000;
+  --a-data-two-600: #6e7500;
+  --a-data-two-500: #626800;
+  --a-data-two-400: #2f2e00;
+  --a-data-two-300: #232000;
+  --a-data-two-200: #1b1700;
+  --a-data-two-100: #120d00;
+  --a-data-one-1000: #ded7e8;
+  --a-data-one-900: #a28fbb;
+  --a-data-one-800: #927caf;
+  --a-data-one-700: #8770a6;
+  --a-data-one-600: #7d649d;
+  --a-data-one-500: #715890;
+  --a-data-one-400: #382053;
+  --a-data-one-300: #2c1244;
+  --a-data-one-200: #23093b;
+  --a-data-one-100: #19002e;
+  --a-brand-three-1000: #c9dde9;
+  --a-brand-three-900: #6f9db9;
+  --a-brand-three-800: #578cac;
+  --a-brand-three-700: #4580a2;
+  --a-brand-three-600: #357699;
+  --a-brand-three-500: #21698f;
+  --a-brand-three-400: #002f4a;
+  --a-brand-three-300: #002238;
+  --a-brand-three-200: #00192a;
+  --a-brand-three-100: #000e1a;
+  --a-brand-two-1000: #fbd1bf;
+  --a-brand-two-900: #d7806f;
+  --a-brand-two-800: #c46e60;
+  --a-brand-two-700: #b56357;
+  --a-brand-two-600: #a7594e;
+  --a-brand-two-500: #964f44;
+  --a-brand-two-400: #48211b;
+  --a-brand-two-300: #351712;
+  --a-brand-two-200: #270f0b;
+  --a-brand-two-100: #1d0907;
+  --a-brand-one-1000: #efd3dd;
+  --a-brand-one-900: #cb81a0;
+  --a-brand-one-800: #c06b90;
+  --a-brand-one-700: #b85c84;
+  --a-brand-one-600: #b04d7a;
+  --a-brand-one-500: #a73b6f;
+  --a-brand-one-400: #5c0033;
+  --a-brand-one-300: #470022;
+  --a-brand-one-200: #350014;
+  --a-brand-one-100: #27000b;
+  --a-info-1000: #a8e4f3;
+  --a-info-900: #4ca2bb;
+  --a-info-800: #4090a5;
+  --a-info-700: #388397;
+  --a-info-600: #31788a;
+  --a-info-500: #2a6b7b;
+  --a-info-400: #00313a;
+  --a-info-300: #00232d;
+  --a-info-200: #001a24;
+  --a-info-100: #001019;
+  --a-danger-1000: #ffcddd;
+  --a-danger-900: #fd6278;
+  --a-danger-800: #f63f52;
+  --a-danger-700: #e72f47;
+  --a-danger-600: #da1b3c;
+  --a-danger-500: #c8002f;
+  --a-danger-400: #600000;
+  --a-danger-300: #4a0000;
+  --a-danger-200: #380000;
+  --a-danger-100: #290000;
+  --a-warning-1000: #ffd47d;
+  --a-warning-900: #de8000;
+  --a-warning-800: #c47100;
+  --a-warning-700: #b46700;
+  --a-warning-600: #a55e00;
+  --a-warning-500: #935400;
+  --a-warning-400: #442400;
+  --a-warning-300: #341a00;
+  --a-warning-200: #261100;
+  --a-warning-100: #1b0b00;
+  --a-success-1000: #b7e4c6;
+  --a-success-900: #35aa80;
+  --a-success-800: #0c986f;
+  --a-success-700: #008b63;
+  --a-success-600: #007f58;
+  --a-success-500: #00724c;
+  --a-success-400: #003414;
+  --a-success-300: #002708;
+  --a-success-200: #001b01;
+  --a-success-100: #001300;
+  --a-accent-1000: #bdddff;
+  --a-accent-900: #319aff;
+  --a-accent-800: #0086f5;
+  --a-accent-700: #0079e7;
+  --a-accent-600: #006dd9;
+  --a-accent-500: #005fcb;
+  --a-accent-400: #001b87;
+  --a-accent-300: #000478;
+  --a-accent-200: #000060;
+  --a-accent-100: #0e0038;
+  --a-neutral-000: black;
+  --a-neutral-1000: #d7dadf;
+  --a-neutral-900: #9098a4;
+  --a-neutral-800: #7e8694;
+  --a-neutral-700: #727b88;
+  --a-neutral-600: #67707d;
+  --a-neutral-500: #5b6471;
+  --a-neutral-400: #252c38;
+  --a-neutral-300: #19202b;
+  --a-neutral-200: #0f1620;
+  --a-neutral-100: #090f19;
+}

package/dist/darkside/light-tokens.css

@@ -0,0 +1,355 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root, :host, .light, .light-theme {
+  --a-data-three-1000: #3c2000;
+  --a-data-three-900: #6e5300;
+  --a-data-three-800: #7d6300;
+  --a-data-three-700: #896e00;
+  --a-data-three-600: #947900;
+  --a-data-three-500: #a28700;
+  --a-data-three-400: #edd247;
+  --a-data-three-300: #fee35b;
+  --a-data-three-200: #ffefa2;
+  --a-data-three-100: #fff6c9;
+  --a-data-two-1000: #2a2800;
+  --a-data-two-900: #575b00;
+  --a-data-two-800: #656b00;
+  --a-data-two-700: #707600;
+  --a-data-two-600: #7a8100;
+  --a-data-two-500: #878f00;
+  --a-data-two-400: #d0dc00;
+  --a-data-two-300: #e0ec6b;
+  --a-data-two-200: #ebf4a9;
+  --a-data-two-100: #f4f9d1;
+  --a-data-one-1000: #331a4d;
+  --a-data-one-900: #654c83;
+  --a-data-one-800: #735b93;
+  --a-data-one-700: #7e669e;
+  --a-data-one-600: #8972a8;
+  --a-data-one-500: #9580b1;
+  --a-data-one-400: #d7cfe3;
+  --a-data-one-300: #e6e1ed;
+  --a-data-one-200: #f0edf4;
+  --a-data-one-100: #f7f5f9;
+  --a-brand-three-1000: #002942;
+  --a-brand-three-900: #065d84;
+  --a-brand-three-800: #276c92;
+  --a-brand-three-700: #38779b;
+  --a-brand-three-600: #4982a4;
+  --a-brand-three-500: #5a8fae;
+  --a-brand-three-400: #c0d6e4;
+  --a-brand-three-300: #d7e6f0;
+  --a-brand-three-200: #e3eff7;
+  --a-brand-three-100: #eef6fc;
+  --a-brand-two-1000: #401c17;
+  --a-brand-two-900: #86443b;
+  --a-brand-two-800: #9a5147;
+  --a-brand-two-700: #a95b4f;
+  --a-brand-two-600: #b76558;
+  --a-brand-two-500: #c87163;
+  --a-brand-two-400: #fac8b3;
+  --a-brand-two-300: #fcdccd;
+  --a-brand-two-200: #fdeae0;
+  --a-brand-two-100: #fff3ed;
+  --a-brand-one-1000: #52002b;
+  --a-brand-one-900: #9e2664;
+  --a-brand-one-800: #a93f71;
+  --a-brand-one-700: #b24f7c;
+  --a-brand-one-600: #b95e86;
+  --a-brand-one-500: #c26f92;
+  --a-brand-one-400: #eccad6;
+  --a-brand-one-300: #f3dde5;
+  --a-brand-one-200: #f8eaef;
+  --a-brand-one-100: #fbf3f6;
+  --a-info-1000: #002b35;
+  --a-info-900: #225e6c;
+  --a-info-800: #2b6e7e;
+  --a-info-700: #327a8c;
+  --a-info-600: #3a8599;
+  --a-info-500: #4293a9;
+  --a-info-400: #97ddf1;
+  --a-info-300: #bcebf6;
+  --a-info-200: #d1f3fa;
+  --a-info-100: #e6fafe;
+  --a-danger-1000: #560000;
+  --a-danger-900: #b2001d;
+  --a-danger-800: #cd0033;
+  --a-danger-700: #db1e3e;
+  --a-danger-600: #e93148;
+  --a-danger-500: #f94356;
+  --a-danger-400: #ffc2d7;
+  --a-danger-300: #ffdae6;
+  --a-danger-200: #ffe9f0;
+  --a-danger-100: #fff3f7;
+  --a-warning-1000: #3d1f00;
+  --a-warning-900: #824900;
+  --a-warning-800: #975600;
+  --a-warning-700: #a65f00;
+  --a-warning-600: #b66900;
+  --a-warning-500: #c97400;
+  --a-warning-400: #ffcb63;
+  --a-warning-300: #ffdfa2;
+  --a-warning-200: #ffeccb;
+  --a-warning-100: #fff5e6;
+  --a-success-1000: #002e0f;
+  --a-success-900: #00643f;
+  --a-success-800: #00754e;
+  --a-success-700: #008159;
+  --a-success-600: #008d65;
+  --a-success-500: #159b72;
+  --a-success-400: #abdebd;
+  --a-success-300: #c6edd1;
+  --a-success-200: #d6f6dd;
+  --a-success-100: #e3fde8;
+  --a-accent-1000: #001280;
+  --a-accent-900: #0051bc;
+  --a-accent-800: #0063ce;
+  --a-accent-700: #006fdb;
+  --a-accent-600: #007be8;
+  --a-accent-500: #008af9;
+  --a-accent-400: #b0d7ff;
+  --a-accent-300: #cee6ff;
+  --a-accent-200: #e1f0ff;
+  --a-accent-100: #edf6ff;
+  --a-neutral-000: white;
+  --a-neutral-1000: #202733;
+  --a-neutral-900: #4f5864;
+  --a-neutral-800: #5e6674;
+  --a-neutral-700: #69717f;
+  --a-neutral-600: #747c8a;
+  --a-neutral-500: #818997;
+  --a-neutral-400: #cfd3d8;
+  --a-neutral-300: #e1e3e7;
+  --a-neutral-200: #ecedef;
+  --a-neutral-100: #f5f6f7;
+  --a-contrast-data-two: #ffffff;
+  --a-contrast-data-three: #ffffff;
+  --a-contrast-data-one: #ffffff;
+  --a-contrast-brand-three: #ffffff;
+  --a-contrast-brand-two: #ffffff;
+  --a-contrast-brand-one: #ffffff;
+  --a-contrast-warning: #ffffff;
+  --a-contrast-success: #ffffff;
+  --a-contrast-info: #ffffff;
+  --a-contrast-danger: #ffffff;
+  --a-contrast-neutral: #ffffff;
+  --a-contrast-accent: #ffffff;
+  --a-bg-overlay: #021431;
+  --a-border-focus: var(--a-accent-700);
+  --a-border-strong: var(--a-neutral-600);
+  --a-border-subtle: var(--a-neutral-400);
+  --a-border-default: var(--a-neutral-500);
+  --a-border-data-three-strong: var(--a-data-three-600);
+  --a-border-data-three-subtle: var(--a-data-three-400);
+  --a-border-data-three: var(--a-data-three-500);
+  --a-border-data-two-strong: var(--a-data-two-600);
+  --a-border-data-two-subtle: var(--a-data-two-400);
+  --a-border-data-two: var(--a-data-two-500);
+  --a-border-data-one-strong: var(--a-data-one-600);
+  --a-border-data-one-subtle: var(--a-data-one-400);
+  --a-border-data-one: var(--a-data-one-500);
+  --a-border-brand-three-strong: var(--a-brand-three-600);
+  --a-border-brand-three-subtle: var(--a-brand-three-400);
+  --a-border-brand-three: var(--a-brand-three-500);
+  --a-border-brand-two-strong: var(--a-brand-two-600);
+  --a-border-brand-two-subtle: var(--a-brand-two-400);
+  --a-border-brand-two: var(--a-brand-two-500);
+  --a-border-brand-one-strong: var(--a-brand-one-600);
+  --a-border-brand-one-subtle: var(--a-brand-one-400);
+  --a-border-brand-one: var(--a-brand-one-500);
+  --a-border-info-strong: var(--a-info-600);
+  --a-border-info-subtle: var(--a-info-400);
+  --a-border-info: var(--a-info-500);
+  --a-border-danger-strong: var(--a-danger-600);
+  --a-border-danger-subtle: var(--a-danger-400);
+  --a-border-danger: var(--a-danger-500);
+  --a-border-warning-strong: var(--a-warning-600);
+  --a-border-warning-subtle: var(--a-warning-400);
+  --a-border-warning: var(--a-warning-500);
+  --a-border-success-strong: var(--a-success-600);
+  --a-border-success-subtle: var(--a-success-400);
+  --a-border-success: var(--a-success-500);
+  --a-border-accent-strong: var(--a-accent-600);
+  --a-border-accent-subtle: var(--a-accent-400);
+  --a-border-accent: var(--a-accent-500);
+  --a-border-neutral-strong: var(--a-neutral-600);
+  --a-border-neutral-subtle: var(--a-neutral-400);
+  --a-border-neutral: var(--a-neutral-500);
+  --a-text-icon: var(--a-neutral-600);
+  --a-text-subtle: var(--a-neutral-900);
+  --a-text-default: var(--a-neutral-1000);
+  --a-text-data-three-icon: var(--a-data-three-600);
+  --a-text-data-three-subtle: var(--a-data-three-900);
+  --a-text-data-three: var(--a-data-three-1000);
+  --a-text-data-two-icon: var(--a-data-two-600);
+  --a-text-data-two-subtle: var(--a-data-two-900);
+  --a-text-data-two: var(--a-data-two-1000);
+  --a-text-data-one-icon: var(--a-data-one-600);
+  --a-text-data-one-subtle: var(--a-data-one-900);
+  --a-text-data-one: var(--a-data-one-1000);
+  --a-text-brand-three-icon: var(--a-brand-three-600);
+  --a-text-brand-three-subtle: var(--a-brand-three-900);
+  --a-text-brand-three: var(--a-brand-three-1000);
+  --a-text-brand-two-icon: var(--a-brand-two-600);
+  --a-text-brand-two-subtle: var(--a-brand-two-900);
+  --a-text-brand-two: var(--a-brand-two-1000);
+  --a-text-brand-one-icon: var(--a-brand-one-600);
+  --a-text-brand-one-subtle: var(--a-brand-one-900);
+  --a-text-brand-one: var(--a-brand-one-1000);
+  --a-text-info-icon: var(--a-info-600);
+  --a-text-info-subtle: var(--a-info-900);
+  --a-text-info: var(--a-info-1000);
+  --a-text-danger-icon: var(--a-danger-600);
+  --a-text-danger-subtle: var(--a-danger-900);
+  --a-text-danger: var(--a-danger-1000);
+  --a-text-warning-icon: var(--a-warning-600);
+  --a-text-warning-subtle: var(--a-warning-900);
+  --a-text-warning: var(--a-warning-1000);
+  --a-text-success-icon: var(--a-success-600);
+  --a-text-success-subtle: var(--a-success-900);
+  --a-text-success: var(--a-success-1000);
+  --a-text-accent-icon: var(--a-accent-600);
+  --a-text-accent-subtle: var(--a-accent-900);
+  --a-text-accent: var(--a-accent-1000);
+  --a-text-neutral-icon: var(--a-neutral-600);
+  --a-text-neutral-subtle: var(--a-neutral-900);
+  --a-text-neutral: var(--a-neutral-1000);
+  --a-bg-sunken: var(--a-neutral-200);
+  --a-bg-raised: var(--a-neutral-000);
+  --a-bg-input: var(--a-neutral-000);
+  --a-bg-default: var(--a-neutral-000);
+  --a-bg-data-three-raised-hover: var(--a-data-three-200);
+  --a-bg-data-three-raised: var(--a-data-three-100);
+  --a-bg-data-three-strong-active: var(--a-data-three-900);
+  --a-bg-data-three-strong-hover: var(--a-data-three-800);
+  --a-bg-data-three-strong: var(--a-data-three-700);
+  --a-bg-data-three-moderate-selected: var(--a-data-three-700);
+  --a-bg-data-three-moderate-active: var(--a-data-three-400);
+  --a-bg-data-three-moderate-hover: var(--a-data-three-300);
+  --a-bg-data-three-moderate: var(--a-data-three-200);
+  --a-bg-data-three-hover: var(--a-data-three-200);
+  --a-bg-data-three: var(--a-data-three-100);
+  --a-bg-data-two-raised-hover: var(--a-data-two-200);
+  --a-bg-data-two-raised: var(--a-data-two-100);
+  --a-bg-data-two-strong-active: var(--a-data-two-900);
+  --a-bg-data-two-strong-hover: var(--a-data-two-800);
+  --a-bg-data-two-strong: var(--a-data-two-700);
+  --a-bg-data-two-moderate-selected: var(--a-data-two-700);
+  --a-bg-data-two-moderate-active: var(--a-data-two-400);
+  --a-bg-data-two-moderate-hover: var(--a-data-two-300);
+  --a-bg-data-two-moderate: var(--a-data-two-200);
+  --a-bg-data-two-hover: var(--a-data-two-200);
+  --a-bg-data-two: var(--a-data-two-100);
+  --a-bg-data-one-raised-hover: var(--a-data-one-200);
+  --a-bg-data-one-raised: var(--a-data-one-100);
+  --a-bg-data-one-strong-active: var(--a-data-one-900);
+  --a-bg-data-one-strong-hover: var(--a-data-one-800);
+  --a-bg-data-one-strong: var(--a-data-one-700);
+  --a-bg-data-one-moderate-selected: var(--a-data-one-700);
+  --a-bg-data-one-moderate-active: var(--a-data-one-400);
+  --a-bg-data-one-moderate-hover: var(--a-data-one-300);
+  --a-bg-data-one-moderate: var(--a-data-one-200);
+  --a-bg-data-one-hover: var(--a-data-one-200);
+  --a-bg-data-one: var(--a-data-one-100);
+  --a-bg-brand-three-raised-hover: var(--a-brand-three-200);
+  --a-bg-brand-three-raised: var(--a-brand-three-100);
+  --a-bg-brand-three-strong-active: var(--a-brand-three-900);
+  --a-bg-brand-three-strong-hover: var(--a-brand-three-800);
+  --a-bg-brand-three-strong: var(--a-brand-three-700);
+  --a-bg-brand-three-moderate-selected: var(--a-brand-three-700);
+  --a-bg-brand-three-moderate-active: var(--a-brand-three-400);
+  --a-bg-brand-three-moderate-hover: var(--a-brand-three-300);
+  --a-bg-brand-three-moderate: var(--a-brand-three-200);
+  --a-bg-brand-three-hover: var(--a-brand-three-200);
+  --a-bg-brand-three: var(--a-brand-three-100);
+  --a-bg-brand-two-raised-hover: var(--a-brand-two-200);
+  --a-bg-brand-two-raised: var(--a-brand-two-100);
+  --a-bg-brand-two-strong-active: var(--a-brand-two-900);
+  --a-bg-brand-two-strong-hover: var(--a-brand-two-800);
+  --a-bg-brand-two-strong: var(--a-brand-two-700);
+  --a-bg-brand-two-moderate-selected: var(--a-brand-two-700);
+  --a-bg-brand-two-moderate-active: var(--a-brand-two-400);
+  --a-bg-brand-two-moderate-hover: var(--a-brand-two-300);
+  --a-bg-brand-two-moderate: var(--a-brand-two-200);
+  --a-bg-brand-two-hover: var(--a-brand-two-200);
+  --a-bg-brand-two: var(--a-brand-two-100);
+  --a-bg-brand-one-raised-hover: var(--a-brand-one-200);
+  --a-bg-brand-one-raised: var(--a-brand-one-100);
+  --a-bg-brand-one-strong-active: var(--a-brand-one-900);
+  --a-bg-brand-one-strong-hover: var(--a-brand-one-800);
+  --a-bg-brand-one-strong: var(--a-brand-one-700);
+  --a-bg-brand-one-moderate-selected: var(--a-brand-one-700);
+  --a-bg-brand-one-moderate-active: var(--a-brand-one-400);
+  --a-bg-brand-one-moderate-hover: var(--a-brand-one-300);
+  --a-bg-brand-one-moderate: var(--a-brand-one-200);
+  --a-bg-brand-one-hover: var(--a-brand-one-200);
+  --a-bg-brand-one: var(--a-brand-one-100);
+  --a-bg-info-raised-hover: var(--a-info-200);
+  --a-bg-info-raised: var(--a-info-100);
+  --a-bg-info-strong-active: var(--a-info-900);
+  --a-bg-info-strong-hover: var(--a-info-800);
+  --a-bg-info-strong: var(--a-info-700);
+  --a-bg-info-moderate-selected: var(--a-info-700);
+  --a-bg-info-moderate-active: var(--a-info-400);
+  --a-bg-info-moderate-hover: var(--a-info-300);
+  --a-bg-info-moderate: var(--a-info-200);
+  --a-bg-info-hover: var(--a-info-200);
+  --a-bg-info: var(--a-info-100);
+  --a-bg-danger-raised-hover: var(--a-danger-200);
+  --a-bg-danger-raised: var(--a-danger-100);
+  --a-bg-danger-strong-active: var(--a-danger-900);
+  --a-bg-danger-strong-hover: var(--a-danger-800);
+  --a-bg-danger-strong: var(--a-danger-700);
+  --a-bg-danger-moderate-selected: var(--a-danger-700);
+  --a-bg-danger-moderate-active: var(--a-danger-400);
+  --a-bg-danger-moderate-hover: var(--a-danger-300);
+  --a-bg-danger-moderate: var(--a-danger-200);
+  --a-bg-danger-hover: var(--a-danger-200);
+  --a-bg-danger: var(--a-danger-100);
+  --a-bg-warning-raised-hover: var(--a-warning-200);
+  --a-bg-warning-raised: var(--a-warning-100);
+  --a-bg-warning-strong-active: var(--a-warning-900);
+  --a-bg-warning-strong-hover: var(--a-warning-800);
+  --a-bg-warning-strong: var(--a-warning-700);
+  --a-bg-warning-moderate-selected: var(--a-warning-700);
+  --a-bg-warning-moderate-active: var(--a-warning-400);
+  --a-bg-warning-moderate-hover: var(--a-warning-300);
+  --a-bg-warning-moderate: var(--a-warning-200);
+  --a-bg-warning-hover: var(--a-warning-200);
+  --a-bg-warning: var(--a-warning-100);
+  --a-bg-success-raised-hover: var(--a-success-200);
+  --a-bg-success-raised: var(--a-success-100);
+  --a-bg-success-strong-active: var(--a-success-900);
+  --a-bg-success-strong-hover: var(--a-success-800);
+  --a-bg-success-strong: var(--a-success-700);
+  --a-bg-success-moderate-selected: var(--a-success-700);
+  --a-bg-success-moderate-active: var(--a-success-400);
+  --a-bg-success-moderate-hover: var(--a-success-300);
+  --a-bg-success-moderate: var(--a-success-200);
+  --a-bg-success-hover: var(--a-success-200);
+  --a-bg-success: var(--a-success-100);
+  --a-bg-accent-raised-hover: var(--a-accent-200);
+  --a-bg-accent-raised: var(--a-accent-100);
+  --a-bg-accent-strong-active: var(--a-accent-900);
+  --a-bg-accent-strong-hover: var(--a-accent-800);
+  --a-bg-accent-strong: var(--a-accent-700);
+  --a-bg-accent-moderate-selected: var(--a-accent-700);
+  --a-bg-accent-moderate-active: var(--a-accent-400);
+  --a-bg-accent-moderate-hover: var(--a-accent-300);
+  --a-bg-accent-moderate: var(--a-accent-200);
+  --a-bg-accent-hover: var(--a-accent-200);
+  --a-bg-accent: var(--a-accent-100);
+  --a-bg-neutral-raised-hover: var(--a-neutral-200);
+  --a-bg-neutral-raised: var(--a-neutral-100);
+  --a-bg-neutral-strong-active: var(--a-neutral-900);
+  --a-bg-neutral-strong-hover: var(--a-neutral-800);
+  --a-bg-neutral-strong: var(--a-neutral-700);
+  --a-bg-neutral-moderate-selected: var(--a-neutral-700);
+  --a-bg-neutral-moderate-active: var(--a-neutral-400);
+  --a-bg-neutral-moderate-hover: var(--a-neutral-300);
+  --a-bg-neutral-moderate: var(--a-neutral-200);
+  --a-bg-neutral-hover: var(--a-neutral-200);
+  --a-bg-neutral: var(--a-neutral-100);
+}

package/dist/darkside/scale-tokens.css

@@ -0,0 +1,32 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root, :host {
+  --a-border-radius-full: 9999px;
+  --a-border-radius-xlarge: 12px;
+  --a-border-radius-large: 8px;
+  --a-border-radius-medium: 4px;
+  --a-border-radius-small: 2px;
+  --a-spacing-1-alt: 0.375rem;
+  --a-spacing-05: 0.125rem;
+  --a-spacing-32: 8rem;
+  --a-spacing-24: 6rem;
+  --a-spacing-20: 5rem;
+  --a-spacing-18: 4.5rem;
+  --a-spacing-16: 4rem;
+  --a-spacing-14: 3.5rem;
+  --a-spacing-12: 3rem;
+  --a-spacing-11: 2.75rem;
+  --a-spacing-10: 2.5rem;
+  --a-spacing-9: 2.25rem;
+  --a-spacing-8: 2rem;
+  --a-spacing-7: 1.75rem;
+  --a-spacing-6: 1.5rem;
+  --a-spacing-5: 1.25rem;
+  --a-spacing-4: 1rem;
+  --a-spacing-3: 0.75rem;
+  --a-spacing-2: 0.5rem;
+  --a-spacing-1: 0.25rem;
+  --a-spacing-0: 0;
+}