@navikt/ds-tokens 7.9.1 → 7.10.0

package/dist/darkside/static/tokens.scss

@@ -3,21 +3,7 @@
 
 $ax-shadow-dialog: 0px 0px 1px 0px rgba(7 9 13 / 0.02), 0px 2px 5px 0px rgba(7 9 13 / 0.10), 0px 5px 12px 0px rgba(7 9 13 / 0.12); // Used for dialog elements like modals and popovers.
 $ax-opacity-disabled: 0.3; // Used for setting opacity on disabled elements.
-$ax-bg-neutral: #f5f6f7;
-$ax-bg-neutral-hover: #ecedef;
-$ax-bg-neutral-hover-a: #000e2913;
-$ax-bg-neutral-moderate: #ecedef;
-$ax-bg-neutral-moderate-a: #000e2913;
-$ax-bg-neutral-moderate-hover: #e1e3e7;
-$ax-bg-neutral-moderate-hover-a: #0011331e;
-$ax-bg-neutral-moderate-pressed: #cfd3d8;
-$ax-bg-neutral-moderate-pressed-a: #00163030;
-$ax-bg-neutral-strong: #6f7785;
-$ax-bg-neutral-strong-hover: #5d6573;
-$ax-bg-neutral-strong-pressed: #555d6a;
-$ax-bg-neutral-raised: #f5f6f7;
-$ax-bg-neutral-raised-hover: #ecedef;
-$ax-bg-accent: #f1f7ff;
+$ax-bg-accent-soft: #f1f7ff;
 $ax-bg-accent-hover: #e4eeff;
 $ax-bg-accent-hover-a: #005fff1b;
 $ax-bg-accent-moderate: #e4eeff;
@@ -29,9 +15,7 @@ $ax-bg-accent-moderate-pressed-a: #0064f145;
 $ax-bg-accent-strong: #2277d5;
 $ax-bg-accent-strong-hover: #0063c1;
 $ax-bg-accent-strong-pressed: #005bb6;
-$ax-bg-accent-raised: #f1f7ff;
-$ax-bg-accent-raised-hover: #e4eeff;
-$ax-bg-success: #e2fde8;
+$ax-bg-success-soft: #e2fde8;
 $ax-bg-success-hover: #d5f6db;
 $ax-bg-success-hover-a: #00c9252a;
 $ax-bg-success-moderate: #d5f6db;
@@ -43,9 +27,7 @@ $ax-bg-success-moderate-pressed-a: #00a22457;
 $ax-bg-success-strong: #00893c;
 $ax-bg-success-strong-hover: #007629;
 $ax-bg-success-strong-pressed: #006c1f;
-$ax-bg-success-raised: #e2fde8;
-$ax-bg-success-raised-hover: #d5f6db;
-$ax-bg-warning: #fff5e4;
+$ax-bg-warning-soft: #fff5e4;
 $ax-bg-warning-hover: #ffebc7;
 $ax-bg-warning-hover-a: #ffa40038;
 $ax-bg-warning-moderate: #ffebc7;
@@ -57,9 +39,7 @@ $ax-bg-warning-moderate-pressed-a: #ffa30090;
 $ax-bg-warning-strong: #c95100;
 $ax-bg-warning-strong-hover: #ac4400;
 $ax-bg-warning-strong-pressed: #a03e00;
-$ax-bg-warning-raised: #fff5e4;
-$ax-bg-warning-raised-hover: #ffebc7;
-$ax-bg-danger: #fff2f7;
+$ax-bg-danger-soft: #fff2f7;
 $ax-bg-danger-hover: #ffe8f0;
 $ax-bg-danger-hover-a: #ff005917;
 $ax-bg-danger-moderate: #ffe8f0;
@@ -71,9 +51,7 @@ $ax-bg-danger-moderate-pressed-a: #ff00583d;
 $ax-bg-danger-strong: #e22a49;
 $ax-bg-danger-strong-hover: #cb0035;
 $ax-bg-danger-strong-pressed: #bc002a;
-$ax-bg-danger-raised: #fff2f7;
-$ax-bg-danger-raised-hover: #ffe8f0;
-$ax-bg-info: #eef6fc;
+$ax-bg-info-soft: #eef6fc;
 $ax-bg-info-hover: #e3eff7;
 $ax-bg-info-hover-a: #006eb71c;
 $ax-bg-info-moderate: #e3eff7;
@@ -85,180 +63,173 @@ $ax-bg-info-moderate-pressed-a: #005a923f;
 $ax-bg-info-strong: #417da0;
 $ax-bg-info-strong-hover: #246b91;
 $ax-bg-info-strong-pressed: #156389;
-$ax-bg-info-raised: #eef6fc;
-$ax-bg-info-raised-hover: #e3eff7;
-$ax-bg-brand-magenta: #fbf3f6;
-$ax-bg-brand-magenta-hover: #f8eaef;
-$ax-bg-brand-magenta-hover-a: #aa003d15;
-$ax-bg-brand-magenta-moderate: #f8eaef;
-$ax-bg-brand-magenta-moderate-a: #aa003d15;
-$ax-bg-brand-magenta-moderate-hover: #f3dde5;
-$ax-bg-brand-magenta-moderate-hover-a: #a5003c22;
-$ax-bg-brand-magenta-moderate-pressed: #eccad6;
-$ax-bg-brand-magenta-moderate-pressed-a: #a4003a35;
-$ax-bg-brand-magenta-strong: #b65781;
-$ax-bg-brand-magenta-strong-hover: #a93d70;
-$ax-bg-brand-magenta-strong-pressed: #a33069;
-$ax-bg-brand-magenta-raised: #fbf3f6;
-$ax-bg-brand-magenta-raised-hover: #f8eaef;
-$ax-bg-brand-beige: #fff4ee;
-$ax-bg-brand-beige-hover: #fdebe0;
-$ax-bg-brand-beige-hover-a: #ef5b001f;
-$ax-bg-brand-beige-moderate: #fdebe0;
-$ax-bg-brand-beige-moderate-a: #ef5b001f;
-$ax-bg-brand-beige-moderate-hover: #fcddcd;
-$ax-bg-brand-beige-moderate-hover-a: #f0520032;
-$ax-bg-brand-beige-moderate-pressed: #f8c8b1;
-$ax-bg-brand-beige-moderate-pressed-a: #e94c004e;
-$ax-bg-brand-beige-strong: #a9654e;
-$ax-bg-brand-beige-strong-hover: #915541;
-$ax-bg-brand-beige-strong-pressed: #874e3b;
-$ax-bg-brand-beige-raised: #fff4ee;
-$ax-bg-brand-beige-raised-hover: #fdebe0;
-$ax-bg-brand-blue: #eef6fc;
-$ax-bg-brand-blue-hover: #e3eff7;
-$ax-bg-brand-blue-hover-a: #006eb71c;
-$ax-bg-brand-blue-moderate: #e3eff7;
-$ax-bg-brand-blue-moderate-a: #006eb71c;
-$ax-bg-brand-blue-moderate-hover: #d7e6f0;
-$ax-bg-brand-blue-moderate-hover-a: #0060a028;
-$ax-bg-brand-blue-moderate-pressed: #c0d6e4;
-$ax-bg-brand-blue-moderate-pressed-a: #005a923f;
-$ax-bg-brand-blue-strong: #417da0;
-$ax-bg-brand-blue-strong-hover: #246b91;
-$ax-bg-brand-blue-strong-pressed: #156389;
-$ax-bg-brand-blue-raised: #eef6fc;
-$ax-bg-brand-blue-raised-hover: #e3eff7;
-$ax-bg-meta-purple: #f7f5f9;
-$ax-bg-meta-purple-hover: #f0edf4;
-$ax-bg-meta-purple-hover-a: #2b006412;
-$ax-bg-meta-purple-moderate: #f0edf4;
-$ax-bg-meta-purple-moderate-a: #2b006412;
-$ax-bg-meta-purple-moderate-hover: #e6e1ed;
-$ax-bg-meta-purple-moderate-hover-a: #2b00661e;
-$ax-bg-meta-purple-moderate-pressed: #d7cfe3;
-$ax-bg-meta-purple-moderate-pressed-a: #2b006b30;
-$ax-bg-meta-purple-strong: #846ca4;
-$ax-bg-meta-purple-strong-hover: #725a91;
-$ax-bg-meta-purple-strong-pressed: #6a5289;
-$ax-bg-meta-purple-raised: #f7f5f9;
-$ax-bg-meta-purple-raised-hover: #f0edf4;
-$ax-bg-meta-lime: #f4f9d1;
-$ax-bg-meta-lime-hover: #ebf4a9;
-$ax-bg-meta-lime-hover-a: #c4df0056;
-$ax-bg-meta-lime-moderate: #ebf4a9;
-$ax-bg-meta-lime-moderate-a: #c4df0056;
-$ax-bg-meta-lime-moderate-hover: #e0ec6b;
-$ax-bg-meta-lime-moderate-hover-a: #cadf0094;
-$ax-bg-meta-lime-moderate-pressed: #d0dc00;
-$ax-bg-meta-lime-moderate-pressed-a: #d0dc00;
-$ax-bg-meta-lime-strong: #757c00;
-$ax-bg-meta-lime-strong-hover: #646900;
-$ax-bg-meta-lime-strong-pressed: #5c6100;
-$ax-bg-meta-lime-raised: #f4f9d1;
-$ax-bg-meta-lime-raised-hover: #ebf4a9;
+$ax-bg-brand-1-soft: #fbf3f6;
+$ax-bg-brand-1-hover: #f8eaef;
+$ax-bg-brand-1-hover-a: #aa003d15;
+$ax-bg-brand-1-moderate: #f8eaef;
+$ax-bg-brand-1-moderate-a: #aa003d15;
+$ax-bg-brand-1-moderate-hover: #f3dde5;
+$ax-bg-brand-1-moderate-hover-a: #a5003c22;
+$ax-bg-brand-1-moderate-pressed: #eccad6;
+$ax-bg-brand-1-moderate-pressed-a: #a4003a35;
+$ax-bg-brand-1-strong: #b65781;
+$ax-bg-brand-1-strong-hover: #a93d70;
+$ax-bg-brand-1-strong-pressed: #a33069;
+$ax-bg-brand-2-soft: #fff4ee;
+$ax-bg-brand-2-hover: #fdebe0;
+$ax-bg-brand-2-hover-a: #ef5b001f;
+$ax-bg-brand-2-moderate: #fdebe0;
+$ax-bg-brand-2-moderate-a: #ef5b001f;
+$ax-bg-brand-2-moderate-hover: #fcddcd;
+$ax-bg-brand-2-moderate-hover-a: #f0520032;
+$ax-bg-brand-2-moderate-pressed: #f8c8b1;
+$ax-bg-brand-2-moderate-pressed-a: #e94c004e;
+$ax-bg-brand-2-strong: #a9654e;
+$ax-bg-brand-2-strong-hover: #915541;
+$ax-bg-brand-2-strong-pressed: #874e3b;
+$ax-bg-brand-3-soft: #eef6fc;
+$ax-bg-brand-3-hover: #e3eff7;
+$ax-bg-brand-3-hover-a: #006eb71c;
+$ax-bg-brand-3-moderate: #e3eff7;
+$ax-bg-brand-3-moderate-a: #006eb71c;
+$ax-bg-brand-3-moderate-hover: #d7e6f0;
+$ax-bg-brand-3-moderate-hover-a: #0060a028;
+$ax-bg-brand-3-moderate-pressed: #c0d6e4;
+$ax-bg-brand-3-moderate-pressed-a: #005a923f;
+$ax-bg-brand-3-strong: #417da0;
+$ax-bg-brand-3-strong-hover: #246b91;
+$ax-bg-brand-3-strong-pressed: #156389;
+$ax-bg-meta-1-soft: #f7f5f9;
+$ax-bg-meta-1-hover: #f0edf4;
+$ax-bg-meta-1-hover-a: #2b006412;
+$ax-bg-meta-1-moderate: #f0edf4;
+$ax-bg-meta-1-moderate-a: #2b006412;
+$ax-bg-meta-1-moderate-hover: #e6e1ed;
+$ax-bg-meta-1-moderate-hover-a: #2b00661e;
+$ax-bg-meta-1-moderate-pressed: #d7cfe3;
+$ax-bg-meta-1-moderate-pressed-a: #2b006b30;
+$ax-bg-meta-1-strong: #846ca4;
+$ax-bg-meta-1-strong-hover: #725a91;
+$ax-bg-meta-1-strong-pressed: #6a5289;
+$ax-bg-meta-2-soft: #f4f9d1;
+$ax-bg-meta-2-hover: #ebf4a9;
+$ax-bg-meta-2-hover-a: #c4df0056;
+$ax-bg-meta-2-moderate: #ebf4a9;
+$ax-bg-meta-2-moderate-a: #c4df0056;
+$ax-bg-meta-2-moderate-hover: #e0ec6b;
+$ax-bg-meta-2-moderate-hover-a: #cadf0094;
+$ax-bg-meta-2-moderate-pressed: #d0dc00;
+$ax-bg-meta-2-moderate-pressed-a: #d0dc00;
+$ax-bg-meta-2-strong: #757c00;
+$ax-bg-meta-2-strong-hover: #646900;
+$ax-bg-meta-2-strong-pressed: #5c6100;
 $ax-bg-default: #ffffff;
 $ax-bg-input: rgba(255, 255, 255, 0.85);
 $ax-bg-raised: white;
 $ax-bg-sunken: #ecedef;
 $ax-bg-overlay: rgba(2, 20, 49, 0.49);
-$ax-text-neutral: #5d6573;
-$ax-text-neutral-strong: #49515e;
-$ax-text-neutral-icon: #6f7785;
-$ax-text-accent: #0063c1;
-$ax-text-accent-strong: #004ea3;
+$ax-bg-soft: #f5f6f7;
+$ax-bg-hover: #ecedef;
+$ax-bg-hover-a: #000e2913;
+$ax-bg-moderate: #ecedef;
+$ax-bg-moderate-a: #000e2913;
+$ax-bg-moderate-hover: #e1e3e7;
+$ax-bg-moderate-hover-a: #0011331e;
+$ax-bg-moderate-pressed: #cfd3d8;
+$ax-bg-moderate-pressed-a: #00163030;
+$ax-bg-strong: #5d6573;
+$ax-bg-strong-hover: #555d6a;
+$ax-bg-strong-pressed: #49515e;
+$ax-text-accent: #005bb6;
+$ax-text-accent-strong: #002459;
 $ax-text-accent-icon: #2277d5;
-$ax-text-success: #007629;
-$ax-text-success-strong: #005e0f;
+$ax-text-success: #006c1f;
+$ax-text-success-strong: #002e00;
 $ax-text-success-icon: #00893c;
-$ax-text-warning: #ac4400;
-$ax-text-warning-strong: #8c3500;
+$ax-text-warning: #a03e00;
+$ax-text-warning-strong: #481700;
 $ax-text-warning-icon: #c95100;
-$ax-text-danger: #cb0035;
-$ax-text-danger-strong: #a60017;
+$ax-text-danger: #bc002a;
+$ax-text-danger-strong: #560000;
 $ax-text-danger-icon: #e22a49;
-$ax-text-info: #246b91;
-$ax-text-info-strong: #00557d;
+$ax-text-info: #156389;
+$ax-text-info-strong: #002942;
 $ax-text-info-icon: #417da0;
-$ax-text-brand-magenta: #a93d70;
-$ax-text-brand-magenta-strong: #98185d;
-$ax-text-brand-magenta-icon: #b65781;
-$ax-text-brand-beige: #915541;
-$ax-text-brand-beige-strong: #764332;
-$ax-text-brand-beige-icon: #a9654e;
-$ax-text-brand-blue: #246b91;
-$ax-text-brand-blue-strong: #00557d;
-$ax-text-brand-blue-icon: #417da0;
-$ax-text-meta-purple: #725a91;
-$ax-text-meta-purple-strong: #5e467c;
-$ax-text-meta-purple-icon: #846ca4;
-$ax-text-meta-lime: #646900;
-$ax-text-meta-lime-strong: #515400;
-$ax-text-meta-lime-icon: #757c00;
+$ax-text-brand-1: #a33069;
+$ax-text-brand-1-strong: #52002b;
+$ax-text-brand-1-icon: #b65781;
+$ax-text-brand-2: #874e3b;
+$ax-text-brand-2-strong: #3c1f15;
+$ax-text-brand-2-icon: #a9654e;
+$ax-text-brand-3: #156389;
+$ax-text-brand-3-strong: #002942;
+$ax-text-brand-3-icon: #417da0;
+$ax-text-meta-1: #6a5289;
+$ax-text-meta-1-strong: #331a4d;
+$ax-text-meta-1-icon: #846ca4;
+$ax-text-meta-2: #5c6100;
+$ax-text-meta-2-strong: #2a2800;
+$ax-text-meta-2-icon: #757c00;
 $ax-text-accent-contrast: white;
-$ax-text-neutral-contrast: white;
 $ax-text-danger-contrast: white;
 $ax-text-info-contrast: white;
 $ax-text-success-contrast: white;
 $ax-text-warning-contrast: white;
-$ax-text-brand-magenta-contrast: white;
-$ax-text-brand-beige-contrast: white;
-$ax-text-brand-blue-contrast: white;
-$ax-text-meta-purple-contrast: white;
-$ax-text-meta-lime-contrast: white;
+$ax-text-brand-1-contrast: white;
+$ax-text-brand-2-contrast: white;
+$ax-text-brand-3-contrast: white;
+$ax-text-meta-1-contrast: white;
+$ax-text-meta-2-contrast: white;
 $ax-text-default: #202733;
 $ax-text-subtle: #49515e;
 $ax-text-icon: #6f7785;
 $ax-text-logo: #c30000;
-$ax-border-neutral: #818997;
-$ax-border-neutral-subtle: #cfd3d8;
-$ax-border-neutral-subtle-a: #00163030;
-$ax-border-neutral-strong: #6f7785;
-$ax-border-accent: #428ae3;
+$ax-text-contrast: white;
+$ax-border-accent: #2277d5;
 $ax-border-accent-subtle: #bad5fb;
 $ax-border-accent-subtle-a: #0064f145;
-$ax-border-accent-strong: #2277d5;
-$ax-border-success: #199d4f;
+$ax-border-accent-strong: #0063c1;
+$ax-border-success: #00893c;
 $ax-border-success-subtle: #a8dfb4;
 $ax-border-success-subtle-a: #00a22457;
-$ax-border-success-strong: #00893c;
-$ax-border-warning: #e75e01;
+$ax-border-success-strong: #007629;
+$ax-border-warning: #c95100;
 $ax-border-warning-subtle: #ffcb6f;
 $ax-border-warning-subtle-a: #ffa30090;
-$ax-border-warning-strong: #c95100;
-$ax-border-danger: #ec526e;
+$ax-border-warning-strong: #ac4400;
+$ax-border-danger: #e22a49;
 $ax-border-danger-subtle: #ffc2d7;
 $ax-border-danger-subtle-a: #ff00583d;
-$ax-border-danger-strong: #e22a49;
-$ax-border-info: #5a8fae;
+$ax-border-danger-strong: #cb0035;
+$ax-border-info: #417da0;
 $ax-border-info-subtle: #c0d6e4;
 $ax-border-info-subtle-a: #005a923f;
-$ax-border-info-strong: #417da0;
-$ax-border-brand-magenta: #c26f92;
-$ax-border-brand-magenta-subtle: #eccad6;
-$ax-border-brand-magenta-subtle-a: #a4003a35;
-$ax-border-brand-magenta-strong: #b65781;
-$ax-border-brand-beige: #c0765d;
-$ax-border-brand-beige-subtle: #f8c8b1;
-$ax-border-brand-beige-subtle-a: #e94c004e;
-$ax-border-brand-beige-strong: #a9654e;
-$ax-border-brand-blue: #5a8fae;
-$ax-border-brand-blue-subtle: #c0d6e4;
-$ax-border-brand-blue-subtle-a: #005a923f;
-$ax-border-brand-blue-strong: #417da0;
-$ax-border-meta-purple: #9580b1;
-$ax-border-meta-purple-subtle: #d7cfe3;
-$ax-border-meta-purple-subtle-a: #2b006b30;
-$ax-border-meta-purple-strong: #846ca4;
-$ax-border-meta-lime: #878f00;
-$ax-border-meta-lime-subtle: #d0dc00;
-$ax-border-meta-lime-subtle-a: #d0dc00;
-$ax-border-meta-lime-strong: #757c00;
+$ax-border-info-strong: #246b91;
+$ax-border-brand-1: #b65781;
+$ax-border-brand-1-subtle: #eccad6;
+$ax-border-brand-1-subtle-a: #a4003a35;
+$ax-border-brand-1-strong: #a93d70;
+$ax-border-brand-2: #a9654e;
+$ax-border-brand-2-subtle: #f8c8b1;
+$ax-border-brand-2-subtle-a: #e94c004e;
+$ax-border-brand-2-strong: #915541;
+$ax-border-brand-3: #417da0;
+$ax-border-brand-3-subtle: #c0d6e4;
+$ax-border-brand-3-subtle-a: #005a923f;
+$ax-border-brand-3-strong: #246b91;
+$ax-border-meta-1: #846ca4;
+$ax-border-meta-1-subtle: #d7cfe3;
+$ax-border-meta-1-subtle-a: #2b006b30;
+$ax-border-meta-1-strong: #725a91;
+$ax-border-meta-2: #757c00;
+$ax-border-meta-2-subtle: #d0dc00;
+$ax-border-meta-2-subtle-a: #d0dc00;
+$ax-border-meta-2-strong: #646900;
 $ax-border-default: #818997;
 $ax-border-subtle: #cfd3d8;
 $ax-border-subtle-a: #00163030;
 $ax-border-strong: #6f7785;
-$ax-border-focus: #0063c1;
+$ax-border-focus: #202733;
 $ax-neutral-100: #f5f6f7;
 $ax-neutral-200: #ecedef;
 $ax-neutral-300: #e1e3e7;
@@ -344,97 +315,98 @@ $ax-info-100-a: #0078d211;
 $ax-info-200-a: #006eb71c;
 $ax-info-300-a: #0060a028;
 $ax-info-400-a: #005a923f;
-$ax-brand-magenta-100: #fbf3f6;
-$ax-brand-magenta-200: #f8eaef;
-$ax-brand-magenta-300: #f3dde5;
-$ax-brand-magenta-400: #eccad6;
-$ax-brand-magenta-500: #c26f92;
-$ax-brand-magenta-600: #b65781;
-$ax-brand-magenta-700: #a93d70;
-$ax-brand-magenta-800: #a33069;
-$ax-brand-magenta-900: #98185d;
-$ax-brand-magenta-1000: #52002b;
-$ax-brand-magenta-100-a: #aa00400c;
-$ax-brand-magenta-200-a: #aa003d15;
-$ax-brand-magenta-300-a: #a5003c22;
-$ax-brand-magenta-400-a: #a4003a35;
-$ax-brand-beige-100: #fff4ee;
-$ax-brand-beige-200: #fdebe0;
-$ax-brand-beige-300: #fcddcd;
-$ax-brand-beige-400: #f8c8b1;
-$ax-brand-beige-500: #c0765d;
-$ax-brand-beige-600: #a9654e;
-$ax-brand-beige-700: #915541;
-$ax-brand-beige-800: #874e3b;
-$ax-brand-beige-900: #764332;
-$ax-brand-beige-1000: #3c1f15;
-$ax-brand-beige-100-a: #ff5a0011;
-$ax-brand-beige-200-a: #ef5b001f;
-$ax-brand-beige-300-a: #f0520032;
-$ax-brand-beige-400-a: #e94c004e;
-$ax-brand-blue-100: #eef6fc;
-$ax-brand-blue-200: #e3eff7;
-$ax-brand-blue-300: #d7e6f0;
-$ax-brand-blue-400: #c0d6e4;
-$ax-brand-blue-500: #5a8fae;
-$ax-brand-blue-600: #417da0;
-$ax-brand-blue-700: #246b91;
-$ax-brand-blue-800: #156389;
-$ax-brand-blue-900: #00557d;
-$ax-brand-blue-1000: #002942;
-$ax-brand-blue-100-a: #0078d211;
-$ax-brand-blue-200-a: #006eb71c;
-$ax-brand-blue-300-a: #0060a028;
-$ax-brand-blue-400-a: #005a923f;
-$ax-meta-purple-100: #f7f5f9;
-$ax-meta-purple-200: #f0edf4;
-$ax-meta-purple-300: #e6e1ed;
-$ax-meta-purple-400: #d7cfe3;
-$ax-meta-purple-500: #9580b1;
-$ax-meta-purple-600: #846ca4;
-$ax-meta-purple-700: #725a91;
-$ax-meta-purple-800: #6a5289;
-$ax-meta-purple-900: #5e467c;
-$ax-meta-purple-1000: #331a4d;
-$ax-meta-purple-100-a: #3300660a;
-$ax-meta-purple-200-a: #2b006412;
-$ax-meta-purple-300-a: #2b00661e;
-$ax-meta-purple-400-a: #2b006b30;
-$ax-meta-lime-100: #f4f9d1;
-$ax-meta-lime-200: #ebf4a9;
-$ax-meta-lime-300: #e0ec6b;
-$ax-meta-lime-400: #d0dc00;
-$ax-meta-lime-500: #878f00;
-$ax-meta-lime-600: #757c00;
-$ax-meta-lime-700: #646900;
-$ax-meta-lime-800: #5c6100;
-$ax-meta-lime-900: #515400;
-$ax-meta-lime-1000: #2a2800;
-$ax-meta-lime-100-a: #c3de002e;
-$ax-meta-lime-200-a: #c4df0056;
-$ax-meta-lime-300-a: #cadf0094;
-$ax-meta-lime-400-a: #d0dc00;
-$ax-spacing-0: 0;
-$ax-spacing-1: 0.25rem;
-$ax-spacing-2: 0.5rem;
-$ax-spacing-3: 0.75rem;
-$ax-spacing-4: 1rem;
-$ax-spacing-5: 1.25rem;
-$ax-spacing-6: 1.5rem;
-$ax-spacing-7: 1.75rem;
-$ax-spacing-8: 2rem;
-$ax-spacing-9: 2.25rem;
-$ax-spacing-10: 2.5rem;
-$ax-spacing-11: 2.75rem;
-$ax-spacing-12: 3rem;
-$ax-spacing-14: 3.5rem;
-$ax-spacing-16: 4rem;
-$ax-spacing-18: 4.5rem;
-$ax-spacing-20: 5rem;
-$ax-spacing-24: 6rem;
-$ax-spacing-32: 8rem;
-$ax-spacing-05: 0.125rem;
-$ax-spacing-1-alt: 0.375rem;
+$ax-brand-1-100: #fbf3f6;
+$ax-brand-1-200: #f8eaef;
+$ax-brand-1-300: #f3dde5;
+$ax-brand-1-400: #eccad6;
+$ax-brand-1-500: #c26f92;
+$ax-brand-1-600: #b65781;
+$ax-brand-1-700: #a93d70;
+$ax-brand-1-800: #a33069;
+$ax-brand-1-900: #98185d;
+$ax-brand-1-1000: #52002b;
+$ax-brand-1-100-a: #aa00400c;
+$ax-brand-1-200-a: #aa003d15;
+$ax-brand-1-300-a: #a5003c22;
+$ax-brand-1-400-a: #a4003a35;
+$ax-brand-2-100: #fff4ee;
+$ax-brand-2-200: #fdebe0;
+$ax-brand-2-300: #fcddcd;
+$ax-brand-2-400: #f8c8b1;
+$ax-brand-2-500: #c0765d;
+$ax-brand-2-600: #a9654e;
+$ax-brand-2-700: #915541;
+$ax-brand-2-800: #874e3b;
+$ax-brand-2-900: #764332;
+$ax-brand-2-1000: #3c1f15;
+$ax-brand-2-100-a: #ff5a0011;
+$ax-brand-2-200-a: #ef5b001f;
+$ax-brand-2-300-a: #f0520032;
+$ax-brand-2-400-a: #e94c004e;
+$ax-brand-3-100: #eef6fc;
+$ax-brand-3-200: #e3eff7;
+$ax-brand-3-300: #d7e6f0;
+$ax-brand-3-400: #c0d6e4;
+$ax-brand-3-500: #5a8fae;
+$ax-brand-3-600: #417da0;
+$ax-brand-3-700: #246b91;
+$ax-brand-3-800: #156389;
+$ax-brand-3-900: #00557d;
+$ax-brand-3-1000: #002942;
+$ax-brand-3-100-a: #0078d211;
+$ax-brand-3-200-a: #006eb71c;
+$ax-brand-3-300-a: #0060a028;
+$ax-brand-3-400-a: #005a923f;
+$ax-meta-1-100: #f7f5f9;
+$ax-meta-1-200: #f0edf4;
+$ax-meta-1-300: #e6e1ed;
+$ax-meta-1-400: #d7cfe3;
+$ax-meta-1-500: #9580b1;
+$ax-meta-1-600: #846ca4;
+$ax-meta-1-700: #725a91;
+$ax-meta-1-800: #6a5289;
+$ax-meta-1-900: #5e467c;
+$ax-meta-1-1000: #331a4d;
+$ax-meta-1-100-a: #3300660a;
+$ax-meta-1-200-a: #2b006412;
+$ax-meta-1-300-a: #2b00661e;
+$ax-meta-1-400-a: #2b006b30;
+$ax-meta-2-100: #f4f9d1;
+$ax-meta-2-200: #ebf4a9;
+$ax-meta-2-300: #e0ec6b;
+$ax-meta-2-400: #d0dc00;
+$ax-meta-2-500: #878f00;
+$ax-meta-2-600: #757c00;
+$ax-meta-2-700: #646900;
+$ax-meta-2-800: #5c6100;
+$ax-meta-2-900: #515400;
+$ax-meta-2-1000: #2a2800;
+$ax-meta-2-100-a: #c3de002e;
+$ax-meta-2-200-a: #c4df0056;
+$ax-meta-2-300-a: #cadf0094;
+$ax-meta-2-400-a: #d0dc00;
+$ax-space-0: 0rem;
+$ax-space-1: 0.0625rem;
+$ax-space-2: 0.125rem;
+$ax-space-4: 0.25rem;
+$ax-space-6: 0.375rem;
+$ax-space-8: 0.5rem;
+$ax-space-12: 0.75rem;
+$ax-space-16: 1rem;
+$ax-space-20: 1.25rem;
+$ax-space-24: 1.5rem;
+$ax-space-28: 1.75rem;
+$ax-space-32: 2rem;
+$ax-space-36: 2.25rem;
+$ax-space-40: 2.5rem;
+$ax-space-44: 2.75rem;
+$ax-space-48: 3rem;
+$ax-space-56: 3.5rem;
+$ax-space-64: 4rem;
+$ax-space-72: 4.5rem;
+$ax-space-80: 5rem;
+$ax-space-96: 6rem;
+$ax-space-128: 8rem;
 $ax-border-radius-small: 2px;
 $ax-border-radius-medium: 4px;
 $ax-border-radius-large: 8px;