@entur/tokens 3.12.0 → 3.13.0

package/dist/primitive.css

@@ -0,0 +1,128 @@
+
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+:root {
+	--blue-10: #f6f6f9;
+	--blue-100: #292b6a;
+	--blue-20: #eaeaf1;
+	--blue-30: #d9dae8;
+	--blue-40: #bcbdd2;
+	--blue-50: #9ea0bd;
+	--blue-60: #8284ab;
+	--blue-70: #626493;
+	--blue-80: #54568c;
+	--blue-90: #393d79;
+	--canary-10: #fffbeb;
+	--canary-100: #483705;
+	--canary-20: #fff4cd;
+	--canary-30: #ffeeb3;
+	--canary-40: #ffe082;
+	--canary-50: #ffda6b;
+	--canary-60: #ffca28;
+	--canary-70: #e9b10c;
+	--canary-80: #b38909;
+	--canary-90: #775b09;
+	--coral-10: #ffe5e5;
+	--coral-100: #370606;
+	--coral-20: #ffcece;
+	--coral-30: #ff9494;
+	--coral-40: #ff5959;
+	--coral-50: #f73e3b;
+	--coral-60: #d31b1b;
+	--coral-70: #b31414;
+	--coral-80: #8a1414;
+	--coral-90: #5d0e0e;
+	--ebony-10: #e5e5e9;
+	--ebony-100: #08091c;
+	--ebony-15: #d8d9df;
+	--ebony-20: #cccdd4;
+	--ebony-25: #bfc0c8;
+	--ebony-30: #b3b4bd;
+	--ebony-35: #a6a7b2;
+	--ebony-40: #999aa7;
+	--ebony-45: #8d8e9c;
+	--ebony-5: #f2f2f5;
+	--ebony-50: #81828f;
+	--ebony-55: #757584;
+	--ebony-60: #6a6b78;
+	--ebony-65: #5e5f6c;
+	--ebony-70: #525360;
+	--ebony-75: #464755;
+	--ebony-80: #393a49;
+	--ebony-85: #2d2e3e;
+	--ebony-90: #212233;
+	--ebony-95: #141527;
+	--grey-10: #f2f5f7;
+	--grey-100: #262729;
+	--grey-110: #101112;
+	--grey-20: #edf0f2;
+	--grey-30: #e3e6e8;
+	--grey-40: #cfd2d4;
+	--grey-50: #b6b8ba;
+	--grey-60: #949699;
+	--grey-70: #6e6f73;
+	--grey-80: #515254;
+	--grey-90: #3d3e40;
+	--lavender-10: #f0f1fa;
+	--lavender-100: #11143c;
+	--lavender-20: #d9ddf2;
+	--lavender-30: #c7cdeb;
+	--lavender-40: #aeb7e2;
+	--lavender-50: #8794d4;
+	--lavender-60: #5a68c4;
+	--lavender-70: #3b46ab;
+	--lavender-80: #262f7d;
+	--lavender-90: #181c56;
+	--mint-10: #e6f6f0;
+	--mint-100: #022015;
+	--mint-20: #d0f1e3;
+	--mint-30: #9cd9c2;
+	--mint-40: #5ac39a;
+	--mint-50: #37ab83;
+	--mint-60: #1a8e60;
+	--mint-70: #068152;
+	--mint-80: #05613e;
+	--mint-90: #034029;
+	--peach-10: #fff1eb;
+	--peach-100: #3a1503;
+	--peach-20: #ffe4d6;
+	--peach-30: #ffd3bd;
+	--peach-40: #ffbf9e;
+	--peach-50: #fd9a68;
+	--peach-60: #fd7835;
+	--peach-70: #e6560f;
+	--peach-80: #ae4009;
+	--peach-90: #742b06;
+	--sky-10: #e1eff8;
+	--sky-100: #011a23;
+	--sky-20: #acd7f1;
+	--sky-30: #64b3e7;
+	--sky-40: #2d98d2;
+	--sky-50: #067eb2;
+	--sky-60: #046690;
+	--sky-70: #044d6c;
+	--sky-80: #003852;
+	--sky-90: #022536;
+	--transparent-blue-alpha10: #9ea0bd1a;
+	--transparent-blue-alpha40: #54568c66;
+	--transparent-canary-alpha30: #fff4cd4d;
+	--transparent-coral-alpha20: #ff949433;
+	--transparent-ebony-alpha15: #e5e5e926;
+	--transparent-ebony-alpha25: #e5e5e940;
+	--transparent-ebony-alpha35: #e5e5e959;
+	--transparent-lavender-alpha70: #aeb7e2b2;
+	--transparent-neutral-alpha10: #cfd2d41a;
+	--transparent-neutral-alpha15: #cfd2d426;
+	--transparent-peach-alpha70: #ffbf9eb2;
+	--white-alpha-0: #ffffff00;
+	--white-alpha-10: #ffffff1a;
+	--white-alpha-100: #ffffff;
+	--white-alpha-20: #ffffff33;
+	--white-alpha-30: #ffffff4d;
+	--white-alpha-40: #ffffff66;
+	--white-alpha-50: #ffffff80;
+	--white-alpha-60: #ffffff99;
+	--white-alpha-70: #ffffffb2;
+	--white-alpha-80: #ffffffcc;
+	--white-alpha-90: #ffffffe5;
+}

package/dist/primitive.d.ts

@@ -0,0 +1,147 @@
+export declare const primitive: {
+    blue: {
+        _10: string;
+        _100: string;
+        _20: string;
+        _30: string;
+        _40: string;
+        _50: string;
+        _60: string;
+        _70: string;
+        _80: string;
+        _90: string;
+    };
+    canary: {
+        _10: string;
+        _100: string;
+        _20: string;
+        _30: string;
+        _40: string;
+        _50: string;
+        _60: string;
+        _70: string;
+        _80: string;
+        _90: string;
+    };
+    coral: {
+        _10: string;
+        _100: string;
+        _20: string;
+        _30: string;
+        _40: string;
+        _50: string;
+        _60: string;
+        _70: string;
+        _80: string;
+        _90: string;
+    };
+    ebony: {
+        _10: string;
+        _100: string;
+        _15: string;
+        _20: string;
+        _25: string;
+        _30: string;
+        _35: string;
+        _40: string;
+        _45: string;
+        _5: string;
+        _50: string;
+        _55: string;
+        _60: string;
+        _65: string;
+        _70: string;
+        _75: string;
+        _80: string;
+        _85: string;
+        _90: string;
+        _95: string;
+    };
+    grey: {
+        _10: string;
+        _100: string;
+        _110: string;
+        _20: string;
+        _30: string;
+        _40: string;
+        _50: string;
+        _60: string;
+        _70: string;
+        _80: string;
+        _90: string;
+    };
+    lavender: {
+        _10: string;
+        _100: string;
+        _20: string;
+        _30: string;
+        _40: string;
+        _50: string;
+        _60: string;
+        _70: string;
+        _80: string;
+        _90: string;
+    };
+    mint: {
+        _10: string;
+        _100: string;
+        _20: string;
+        _30: string;
+        _40: string;
+        _50: string;
+        _60: string;
+        _70: string;
+        _80: string;
+        _90: string;
+    };
+    peach: {
+        _10: string;
+        _100: string;
+        _20: string;
+        _30: string;
+        _40: string;
+        _50: string;
+        _60: string;
+        _70: string;
+        _80: string;
+        _90: string;
+    };
+    sky: {
+        _10: string;
+        _100: string;
+        _20: string;
+        _30: string;
+        _40: string;
+        _50: string;
+        _60: string;
+        _70: string;
+        _80: string;
+        _90: string;
+    };
+    transparent: {
+        blueAlpha10: string;
+        blueAlpha40: string;
+        canaryAlpha30: string;
+        coralAlpha20: string;
+        ebonyAlpha15: string;
+        ebonyAlpha25: string;
+        ebonyAlpha35: string;
+        lavenderAlpha70: string;
+        neutralAlpha10: string;
+        neutralAlpha15: string;
+        peachAlpha70: string;
+    };
+    white: {
+        alpha0: string;
+        alpha10: string;
+        alpha100: string;
+        alpha20: string;
+        alpha30: string;
+        alpha40: string;
+        alpha50: string;
+        alpha60: string;
+        alpha70: string;
+        alpha80: string;
+        alpha90: string;
+    };
+};

package/dist/primitive.less

@@ -0,0 +1,128 @@
+
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+
+@blue-10: #f6f6f9;
+@blue-100: #292b6a;
+@blue-20: #eaeaf1;
+@blue-30: #d9dae8;
+@blue-40: #bcbdd2;
+@blue-50: #9ea0bd;
+@blue-60: #8284ab;
+@blue-70: #626493;
+@blue-80: #54568c;
+@blue-90: #393d79;
+@canary-10: #fffbeb;
+@canary-100: #483705;
+@canary-20: #fff4cd;
+@canary-30: #ffeeb3;
+@canary-40: #ffe082;
+@canary-50: #ffda6b;
+@canary-60: #ffca28;
+@canary-70: #e9b10c;
+@canary-80: #b38909;
+@canary-90: #775b09;
+@coral-10: #ffe5e5;
+@coral-100: #370606;
+@coral-20: #ffcece;
+@coral-30: #ff9494;
+@coral-40: #ff5959;
+@coral-50: #f73e3b;
+@coral-60: #d31b1b;
+@coral-70: #b31414;
+@coral-80: #8a1414;
+@coral-90: #5d0e0e;
+@ebony-10: #e5e5e9;
+@ebony-100: #08091c;
+@ebony-15: #d8d9df;
+@ebony-20: #cccdd4;
+@ebony-25: #bfc0c8;
+@ebony-30: #b3b4bd;
+@ebony-35: #a6a7b2;
+@ebony-40: #999aa7;
+@ebony-45: #8d8e9c;
+@ebony-5: #f2f2f5;
+@ebony-50: #81828f;
+@ebony-55: #757584;
+@ebony-60: #6a6b78;
+@ebony-65: #5e5f6c;
+@ebony-70: #525360;
+@ebony-75: #464755;
+@ebony-80: #393a49;
+@ebony-85: #2d2e3e;
+@ebony-90: #212233;
+@ebony-95: #141527;
+@grey-10: #f2f5f7;
+@grey-100: #262729;
+@grey-110: #101112;
+@grey-20: #edf0f2;
+@grey-30: #e3e6e8;
+@grey-40: #cfd2d4;
+@grey-50: #b6b8ba;
+@grey-60: #949699;
+@grey-70: #6e6f73;
+@grey-80: #515254;
+@grey-90: #3d3e40;
+@lavender-10: #f0f1fa;
+@lavender-100: #11143c;
+@lavender-20: #d9ddf2;
+@lavender-30: #c7cdeb;
+@lavender-40: #aeb7e2;
+@lavender-50: #8794d4;
+@lavender-60: #5a68c4;
+@lavender-70: #3b46ab;
+@lavender-80: #262f7d;
+@lavender-90: #181c56;
+@mint-10: #e6f6f0;
+@mint-100: #022015;
+@mint-20: #d0f1e3;
+@mint-30: #9cd9c2;
+@mint-40: #5ac39a;
+@mint-50: #37ab83;
+@mint-60: #1a8e60;
+@mint-70: #068152;
+@mint-80: #05613e;
+@mint-90: #034029;
+@peach-10: #fff1eb;
+@peach-100: #3a1503;
+@peach-20: #ffe4d6;
+@peach-30: #ffd3bd;
+@peach-40: #ffbf9e;
+@peach-50: #fd9a68;
+@peach-60: #fd7835;
+@peach-70: #e6560f;
+@peach-80: #ae4009;
+@peach-90: #742b06;
+@sky-10: #e1eff8;
+@sky-100: #011a23;
+@sky-20: #acd7f1;
+@sky-30: #64b3e7;
+@sky-40: #2d98d2;
+@sky-50: #067eb2;
+@sky-60: #046690;
+@sky-70: #044d6c;
+@sky-80: #003852;
+@sky-90: #022536;
+@transparent-blue-alpha10: #9ea0bd1a;
+@transparent-blue-alpha40: #54568c66;
+@transparent-canary-alpha30: #fff4cd4d;
+@transparent-coral-alpha20: #ff949433;
+@transparent-ebony-alpha15: #e5e5e926;
+@transparent-ebony-alpha25: #e5e5e940;
+@transparent-ebony-alpha35: #e5e5e959;
+@transparent-lavender-alpha70: #aeb7e2b2;
+@transparent-neutral-alpha10: #cfd2d41a;
+@transparent-neutral-alpha15: #cfd2d426;
+@transparent-peach-alpha70: #ffbf9eb2;
+@white-alpha-0: #ffffff00;
+@white-alpha-10: #ffffff1a;
+@white-alpha-100: #ffffff;
+@white-alpha-20: #ffffff33;
+@white-alpha-30: #ffffff4d;
+@white-alpha-40: #ffffff66;
+@white-alpha-50: #ffffff80;
+@white-alpha-60: #ffffff99;
+@white-alpha-70: #ffffffb2;
+@white-alpha-80: #ffffffcc;
+@white-alpha-90: #ffffffe5;
+

package/dist/primitive.scss

@@ -0,0 +1,128 @@
+
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+
+$blue-10: #f6f6f9;
+$blue-100: #292b6a;
+$blue-20: #eaeaf1;
+$blue-30: #d9dae8;
+$blue-40: #bcbdd2;
+$blue-50: #9ea0bd;
+$blue-60: #8284ab;
+$blue-70: #626493;
+$blue-80: #54568c;
+$blue-90: #393d79;
+$canary-10: #fffbeb;
+$canary-100: #483705;
+$canary-20: #fff4cd;
+$canary-30: #ffeeb3;
+$canary-40: #ffe082;
+$canary-50: #ffda6b;
+$canary-60: #ffca28;
+$canary-70: #e9b10c;
+$canary-80: #b38909;
+$canary-90: #775b09;
+$coral-10: #ffe5e5;
+$coral-100: #370606;
+$coral-20: #ffcece;
+$coral-30: #ff9494;
+$coral-40: #ff5959;
+$coral-50: #f73e3b;
+$coral-60: #d31b1b;
+$coral-70: #b31414;
+$coral-80: #8a1414;
+$coral-90: #5d0e0e;
+$ebony-10: #e5e5e9;
+$ebony-100: #08091c;
+$ebony-15: #d8d9df;
+$ebony-20: #cccdd4;
+$ebony-25: #bfc0c8;
+$ebony-30: #b3b4bd;
+$ebony-35: #a6a7b2;
+$ebony-40: #999aa7;
+$ebony-45: #8d8e9c;
+$ebony-5: #f2f2f5;
+$ebony-50: #81828f;
+$ebony-55: #757584;
+$ebony-60: #6a6b78;
+$ebony-65: #5e5f6c;
+$ebony-70: #525360;
+$ebony-75: #464755;
+$ebony-80: #393a49;
+$ebony-85: #2d2e3e;
+$ebony-90: #212233;
+$ebony-95: #141527;
+$grey-10: #f2f5f7;
+$grey-100: #262729;
+$grey-110: #101112;
+$grey-20: #edf0f2;
+$grey-30: #e3e6e8;
+$grey-40: #cfd2d4;
+$grey-50: #b6b8ba;
+$grey-60: #949699;
+$grey-70: #6e6f73;
+$grey-80: #515254;
+$grey-90: #3d3e40;
+$lavender-10: #f0f1fa;
+$lavender-100: #11143c;
+$lavender-20: #d9ddf2;
+$lavender-30: #c7cdeb;
+$lavender-40: #aeb7e2;
+$lavender-50: #8794d4;
+$lavender-60: #5a68c4;
+$lavender-70: #3b46ab;
+$lavender-80: #262f7d;
+$lavender-90: #181c56;
+$mint-10: #e6f6f0;
+$mint-100: #022015;
+$mint-20: #d0f1e3;
+$mint-30: #9cd9c2;
+$mint-40: #5ac39a;
+$mint-50: #37ab83;
+$mint-60: #1a8e60;
+$mint-70: #068152;
+$mint-80: #05613e;
+$mint-90: #034029;
+$peach-10: #fff1eb;
+$peach-100: #3a1503;
+$peach-20: #ffe4d6;
+$peach-30: #ffd3bd;
+$peach-40: #ffbf9e;
+$peach-50: #fd9a68;
+$peach-60: #fd7835;
+$peach-70: #e6560f;
+$peach-80: #ae4009;
+$peach-90: #742b06;
+$sky-10: #e1eff8;
+$sky-100: #011a23;
+$sky-20: #acd7f1;
+$sky-30: #64b3e7;
+$sky-40: #2d98d2;
+$sky-50: #067eb2;
+$sky-60: #046690;
+$sky-70: #044d6c;
+$sky-80: #003852;
+$sky-90: #022536;
+$transparent-blue-alpha10: #9ea0bd1a;
+$transparent-blue-alpha40: #54568c66;
+$transparent-canary-alpha30: #fff4cd4d;
+$transparent-coral-alpha20: #ff949433;
+$transparent-ebony-alpha15: #e5e5e926;
+$transparent-ebony-alpha25: #e5e5e940;
+$transparent-ebony-alpha35: #e5e5e959;
+$transparent-lavender-alpha70: #aeb7e2b2;
+$transparent-neutral-alpha10: #cfd2d41a;
+$transparent-neutral-alpha15: #cfd2d426;
+$transparent-peach-alpha70: #ffbf9eb2;
+$white-alpha-0: #ffffff00;
+$white-alpha-10: #ffffff1a;
+$white-alpha-100: #ffffff;
+$white-alpha-20: #ffffff33;
+$white-alpha-30: #ffffff4d;
+$white-alpha-40: #ffffff66;
+$white-alpha-50: #ffffff80;
+$white-alpha-60: #ffffff99;
+$white-alpha-70: #ffffffb2;
+$white-alpha-80: #ffffffcc;
+$white-alpha-90: #ffffffe5;
+

package/dist/semantic.css

@@ -0,0 +1,131 @@
+@import '~@entur/tokens/dist/primitive.css';
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+:root {
+	--fill-background-contrast-dark: var(--ebony-90);
+	--fill-background-contrast-light: var(--lavender-90);
+	--fill-background-contrast-lightalt: var(--blue-90);
+	--fill-background-contrast-lightalt-2: var(--blue-100);
+	--fill-background-overlay-solid: var(--ebony-80);
+	--fill-background-overlay-solidalt: var(--ebony-75);
+	--fill-background-overlay-transparent: var(--transparent-ebony-alpha15);
+	--fill-background-overlay-transparentalt: var(--transparent-ebony-alpha25);
+	--fill-background-standard-colorless: var(--white-alpha-0);
+	--fill-background-standard-dark: var(--ebony-100);
+	--fill-background-standard-light: var(--white-alpha-100);
+	--fill-background-subdued-dark: var(--ebony-85);
+	--fill-background-subdued-light: var(--blue-30);
+	--fill-background-tint-dark: var(--ebony-95);
+	--fill-background-tint-light: var(--blue-10);
+	--fill-background-tint-neutral: var(--grey-10);
+	--fill-background-tint-transparent: var(--transparent-blue-alpha10);
+	--fill-boolean-false-contrast: var(--blue-50);
+	--fill-boolean-false-dark: var(--transparent-ebony-alpha35);
+	--fill-boolean-false-light: var(--grey-60);
+	--fill-boolean-true-contrast: var(--mint-40);
+	--fill-boolean-true-dark: var(--mint-40);
+	--fill-boolean-true-light: var(--mint-60);
+	--fill-disabled-light: var(--grey-40);
+	--fill-disabled-transparent: var(--transparent-neutral-alpha15);
+	--fill-disabled-transparentalt: var(--transparent-neutral-alpha10);
+	--fill-information-contrast: var(--sky-30);
+	--fill-information-deep: var(--sky-50);
+	--fill-information-muted: var(--sky-10);
+	--fill-information-tint: var(--sky-20);
+	--fill-negative-contrast: var(--coral-40);
+	--fill-negative-dark: var(--coral-90);
+	--fill-negative-deep: var(--coral-60);
+	--fill-negative-muted: var(--coral-20);
+	--fill-negative-tint: var(--coral-30);
+	--fill-negative-transparent: var(--transparent-coral-alpha20);
+	--fill-primary-active-contrast: var(--lavender-50);
+	--fill-primary-active-light: var(--lavender-100);
+	--fill-primary-default-contrast: var(--lavender-40);
+	--fill-primary-default-light: var(--lavender-90);
+	--fill-primary-hover-contrast: var(--lavender-30);
+	--fill-primary-hover-light: var(--blue-90);
+	--fill-secondary-active-contrast: var(--lavender-50);
+	--fill-secondary-active-light: var(--lavender-40);
+	--fill-secondary-default-colorless: var(--white-alpha-0);
+	--fill-secondary-hover-contrast: var(--blue-70);
+	--fill-secondary-hover-light: var(--lavender-20);
+	--fill-selected-default-contrast: var(--blue-90);
+	--fill-selected-default-dark: var(--ebony-10);
+	--fill-selected-default-light: var(--blue-10);
+	--fill-selected-default-neutral: var(--grey-30);
+	--fill-selected-hover-contrast: var(--blue-80);
+	--fill-selected-hover-dark: var(--transparent-ebony-alpha35);
+	--fill-selected-hover-light: var(--blue-20);
+	--fill-selected-hover-neutral: var(--grey-20);
+	--fill-success-contrast: var(--mint-40);
+	--fill-success-deep: var(--mint-60);
+	--fill-success-muted: var(--mint-20);
+	--fill-success-subdued: var(--mint-50);
+	--fill-success-tint: var(--mint-30);
+	--fill-warning-contrast: var(--canary-40);
+	--fill-warning-deep: var(--canary-60);
+	--fill-warning-muted: var(--canary-20);
+	--fill-warning-tint: var(--canary-30);
+	--shape-accent: var(--lavender-90);
+	--shape-contrast: var(--lavender-40);
+	--shape-dark: var(--ebony-100);
+	--shape-darkalt: var(--ebony-30);
+	--shape-disabled: var(--grey-80);
+	--shape-highlight: var(--coral-40);
+	--shape-highlightalt: var(--coral-30);
+	--shape-inactive: var(--blue-40);
+	--shape-information: var(--sky-50);
+	--shape-informationalt: var(--sky-30);
+	--shape-light: var(--white-alpha-100);
+	--shape-lightalt: var(--ebony-10);
+	--shape-negative: var(--coral-60);
+	--shape-negativealt: var(--coral-30);
+	--shape-neutral: var(--grey-70);
+	--shape-neutralalt: var(--grey-50);
+	--shape-neutralalt2: var(--grey-60);
+	--shape-subdued: var(--blue-70);
+	--shape-subduedalt: var(--blue-30);
+	--shape-success: var(--mint-60);
+	--shape-successalt: var(--mint-40);
+	--shape-warning: var(--canary-60);
+	--shape-warningalt: var(--canary-40);
+	--stroke-accent: var(--lavender-90);
+	--stroke-colorless: var(--white-alpha-0);
+	--stroke-contrast: var(--lavender-40);
+	--stroke-contrastalt: var(--blue-80);
+	--stroke-dark: var(--ebony-30);
+	--stroke-darkalt: var(--ebony-50);
+	--stroke-darkalt-2: var(--ebony-100);
+	--stroke-highlight: var(--coral-40);
+	--stroke-highlightalt: var(--coral-30);
+	--stroke-information: var(--sky-50);
+	--stroke-light: var(--white-alpha-100);
+	--stroke-lightalt: var(--ebony-10);
+	--stroke-negative: var(--coral-60);
+	--stroke-negativealt: var(--coral-30);
+	--stroke-neutral: var(--grey-30);
+	--stroke-neutralalt: var(--grey-60);
+	--stroke-subdued: var(--blue-60);
+	--stroke-success: var(--mint-60);
+	--stroke-successalt: var(--mint-40);
+	--stroke-transparent: var(--transparent-blue-alpha40);
+	--stroke-transparentalt: var(--transparent-lavender-alpha70);
+	--stroke-warning: var(--canary-70);
+	--text-accent: var(--lavender-90);
+	--text-dark: var(--ebony-100);
+	--text-darkalt: var(--ebony-30);
+	--text-disabled: var(--grey-80);
+	--text-highlight: var(--lavender-40);
+	--text-highlightalt: var(--peach-40);
+	--text-light: var(--white-alpha-100);
+	--text-lightalt: var(--ebony-10);
+	--text-negative: var(--coral-60);
+	--text-negativealt: var(--coral-30);
+	--text-neutral: var(--grey-70);
+	--text-neutralalt: var(--grey-50);
+	--text-neutralalt2: var(--grey-60);
+	--text-subdued: var(--blue-70);
+	--text-subduedalt: var(--blue-30);
+	--text-success: var(--mint-60);
+	--text-successalt: var(--mint-40);
+}