generate deliverables

packages/tokens/deliverables/administration/dark.css

@@ -0,0 +1,67 @@
+[data-theme="dark"] {
+  --color-interaction-primary-default: #0870ff;
+  --color-interaction-primary-hover: #0042a0;
+  --color-interaction-primary-disabled: #76aaff;
+  --color-interaction-primary-pressed: #005cd7;
+  --color-interaction-secondary-default: #2d2e32;
+  --color-interaction-secondary-hover: #2d2e32;
+  --color-interaction-secondary-disabled: #696a6e;
+  --color-interaction-secondary-dark: #1e1e24;
+  --color-interaction-critical-default: #e2262a;
+  --color-interaction-critical-hover: #90000e;
+  --color-interaction-critical-disabled: #ffa9a0;
+  --color-interaction-critical-pressed: #c20017;
+  --color-elevation-surface-default: #141418;
+  --color-elevation-surface-selected: #2d2e32;
+  --color-elevation-surface-hover: #3d3e42;
+  --color-elevation-surface-overlay: #1e1e24;
+  --color-elevation-surface-raised: #1e1e24;
+  --color-elevation-surface-sunken: #141418;
+  --color-background-primary-default: #1e1e24;
+  --color-background-primary-disabled: #2d2e32;
+  --color-background-critical-default: #360002;
+  --color-background-attention-default: #241500;
+  --color-background-positive-default: #002002;
+  --color-background-brand-default: #00153e;
+  --color-background-accent-default: #1c0049;
+  --color-border-secondary-default: #2d2e32;
+  --color-border-tertiary-default: #f2f3f8;
+  --color-border-brand-selected: #0870ff;
+  --color-border-brand-default: #00296a;
+  --color-border-brand-disabled: #76aaff;
+  --color-border-positive-default: #36d046;
+  --color-border-critical-default: #fc4945;
+  --color-border-critical-dark: #5e0006;
+  --color-border-critical-disabled: #ff7f74;
+  --color-border-attention-default: #fbaf18;
+  --color-border-primary-default: #3d3e42;
+  --color-border-accent-default: #a694ff;
+  --color-icon-primary-default: #e2e3e9;
+  --color-icon-primary-disabled: #3d3e42;
+  --color-icon-inverted-default: #e2e3e9;
+  --color-icon-brand-default: #0870ff;
+  --color-icon-brand-hover: #0042a0;
+  --color-icon-brand-disabled: #76aaff;
+  --color-icon-positive-default: #4dde58;
+  --color-icon-attention-default: #ffbc51;
+  --color-icon-critical-default: #fc4945;
+  --color-icon-critical-hover: #ffffff;
+  --color-icon-critical-disabled: #ffffff;
+  --color-icon-accent-default: #b5a8ff;
+  --color-text-primary-default: #cdced4;
+  --color-text-primary-disabled: #838489;
+  --color-text-secondary-default: #a5a6ab;
+  --color-text-secondary-disabled: #838489;
+  --color-text-tertiary-default: #b9babf;
+  --color-text-accent-default: #f5f4ff;
+  --color-text-attention-default: #fff3e3;
+  --color-text-critical-default: #fc4945;
+  --color-text-critical-hover: #360002;
+  --color-text-critical-disabled: #ff7f74;
+  --color-text-critical-dark: #ffcfc9;
+  --color-text-inverted-default: #ffffff;
+  --color-text-positive-default: #e1ffe0;
+  --color-text-brand-default: #f0f6ff;
+  --color-text-brand-hover: #0042a0;
+  --color-text-brand-disabled: #76aaff;
+}

packages/tokens/deliverables/administration/light.css

@@ -0,0 +1,67 @@
+:root {
+  --color-interaction-primary-default: #0870ff;
+  --color-interaction-primary-hover: #0042a0;
+  --color-interaction-primary-disabled: #76aaff;
+  --color-interaction-primary-pressed: #005cd7;
+  --color-interaction-secondary-default: #ffffff;
+  --color-interaction-secondary-hover: #e2e3e9;
+  --color-interaction-secondary-disabled: #e2e3e9;
+  --color-interaction-secondary-dark: #f2f3f8;
+  --color-interaction-critical-default: #e2262a;
+  --color-interaction-critical-hover: #90000e;
+  --color-interaction-critical-disabled: #ffa9a0;
+  --color-interaction-critical-pressed: #c20017;
+  --color-elevation-surface-default: #fafbfe;
+  --color-elevation-surface-selected: #cdced4;
+  --color-elevation-surface-hover: #e2e3e9;
+  --color-elevation-surface-overlay: #ffffff;
+  --color-elevation-surface-raised: #ffffff;
+  --color-elevation-surface-sunken: #ffffff;
+  --color-background-primary-default: #fafbfe;
+  --color-background-primary-disabled: #f2f3f8;
+  --color-background-critical-default: #fff2f0;
+  --color-background-attention-default: #fff3e3;
+  --color-background-positive-default: #e1ffe0;
+  --color-background-brand-default: #f0f6ff;
+  --color-background-accent-default: #e4e1ff;
+  --color-border-secondary-default: #e2e3e9;
+  --color-border-tertiary-default: #f2f3f8;
+  --color-border-brand-selected: #0870ff;
+  --color-border-brand-default: #00296a;
+  --color-border-brand-disabled: #76aaff;
+  --color-border-positive-default: #36d046;
+  --color-border-critical-default: #e2262a;
+  --color-border-critical-dark: #5e0006;
+  --color-border-critical-disabled: #ff7f74;
+  --color-border-attention-default: #fbaf18;
+  --color-border-primary-default: #cdced4;
+  --color-border-accent-default: #a694ff;
+  --color-icon-primary-default: #3d3e42;
+  --color-icon-primary-disabled: #cdced4;
+  --color-icon-inverted-default: #ffffff;
+  --color-icon-brand-default: #0870ff;
+  --color-icon-brand-hover: #0042a0;
+  --color-icon-brand-disabled: #76aaff;
+  --color-icon-positive-default: #36d046;
+  --color-icon-attention-default: #fbaf18;
+  --color-icon-critical-default: #e2262a;
+  --color-icon-critical-hover: #90000e;
+  --color-icon-critical-disabled: #ff7f74;
+  --color-icon-accent-default: #633bc6;
+  --color-text-primary-default: #2d2e32;
+  --color-text-primary-disabled: #b9babf;
+  --color-text-secondary-default: #696a6e;
+  --color-text-secondary-disabled: #b9babf;
+  --color-text-tertiary-default: #696a6e;
+  --color-text-accent-default: #633bc6;
+  --color-text-attention-default: #533600;
+  --color-text-critical-default: #e2262a;
+  --color-text-critical-hover: #90000e;
+  --color-text-critical-disabled: #ff7f74;
+  --color-text-critical-dark: #5e0006;
+  --color-text-inverted-default: #ffffff;
+  --color-text-positive-default: #00470a;
+  --color-text-brand-default: #0870ff;
+  --color-text-brand-hover: #0042a0;
+  --color-text-brand-disabled: #76aaff;
+}

packages/tokens/deliverables/foundation/primitives.css

@@ -0,0 +1,128 @@
+:root {
+  --slate-50: #fafbfe;
+  --slate-100: #f0f3ff;
+  --slate-200: #e0e3f3;
+  --slate-300: #cbcede;
+  --slate-400: #b6b9c9;
+  --slate-500: #a3a6b5;
+  --slate-600: #808392;
+  --slate-700: #666977;
+  --slate-800: #474a57;
+  --slate-900: #2b2e3a;
+  --slate-950: #12141e;
+  --blue-50: #eef6ff;
+  --blue-100: #cce5ff;
+  --blue-200: #a8d4ff;
+  --blue-300: #83c3ff;
+  --blue-400: #59b1ff;
+  --blue-500: #189eff;
+  --blue-600: #0081d4;
+  --blue-700: #005b99;
+  --blue-800: #00375f;
+  --blue-900: #001931;
+  --yellow-50: #fffef7;
+  --yellow-100: #fff7d6;
+  --yellow-200: #ffefb3;
+  --yellow-300: #ffe88e;
+  --yellow-400: #ffe061;
+  --yellow-500: #ffd702;
+  --yellow-600: #cdac00;
+  --yellow-700: #8d7600;
+  --yellow-800: #4f4100;
+  --yellow-900: #1e1800;
+  --pumpkin-50: #fff2ec;
+  --pumpkin-100: #ffddcc;
+  --pumpkin-200: #ffc7aa;
+  --pumpkin-300: #ffb086;
+  --pumpkin-400: #ff985e;
+  --pumpkin-500: #f88138;
+  --pumpkin-600: #d46000;
+  --pumpkin-700: #974200;
+  --pumpkin-800: #5c2600;
+  --pumpkin-900: #2c0e00;
+  --pink-50: #fff1f5;
+  --pink-100: #ffd8e4;
+  --pink-200: #ffbed3;
+  --pink-300: #ffa2c2;
+  --pink-400: #ff83b1;
+  --pink-500: #ff5ea1;
+  --pink-600: #e42683;
+  --pink-700: #a8005c;
+  --pink-800: #670036;
+  --pink-900: #340018;
+  --purple-50: #f5f4ff;
+  --purple-100: #e4e1ff;
+  --purple-200: #d4ceff;
+  --purple-300: #c4bbff;
+  --purple-400: #b5a8ff;
+  --purple-500: #a694ff;
+  --purple-600: #886fe9;
+  --purple-700: #633bc6;
+  --purple-800: #3e0091;
+  --purple-900: #1c0049;
+  --emerald-50: #ddffea;
+  --emerald-100: #aeffd0;
+  --emerald-200: #80fbba;
+  --emerald-300: #74f0af;
+  --emerald-400: #67e4a4;
+  --emerald-500: #57d998;
+  --emerald-600: #00b472;
+  --emerald-700: #007e4e;
+  --emerald-800: #00492b;
+  --emerald-900: #001f0f;
+  --zinc-0: #ffffff;
+  --zinc-50: #fafbfe;
+  --zinc-75: #f2f3f8;
+  --zinc-100: #e2e3e9;
+  --zinc-200: #cdced4;
+  --zinc-300: #b9babf;
+  --zinc-400: #a5a6ab;
+  --zinc-500: #838489;
+  --zinc-600: #696a6e;
+  --zinc-700: #3d3e42;
+  --zinc-800: #2d2e32;
+  --zinc-900: #1e1e24;
+  --zinc-950: #141418;
+  --zinc-1000: #000000;
+  --orange-50: #fff3e3;
+  --orange-100: #ffe6c4;
+  --orange-200: #ffd9a2;
+  --orange-300: #ffcb7e;
+  --orange-400: #ffbc51;
+  --orange-500: #fbaf18;
+  --orange-600: #cc8c00;
+  --orange-700: #8f6000;
+  --orange-800: #533600;
+  --orange-900: #241500;
+  --green-50: #e1ffe0;
+  --green-100: #b0fbb0;
+  --green-200: #86f98c;
+  --green-300: #73f27a;
+  --green-400: #4dde58;
+  --green-500: #36d046;
+  --green-600: #00ab26;
+  --green-700: #007818;
+  --green-800: #00470a;
+  --green-900: #002002;
+  --red-50: #fff2f0;
+  --red-100: #ffcfc9;
+  --red-200: #ffa9a0;
+  --red-300: #ff7f74;
+  --red-400: #fc4945;
+  --red-500: #e2262a;
+  --red-600: #c20017;
+  --red-700: #90000e;
+  --red-800: #5e0006;
+  --red-900: #360002;
+  --brand-50: #f0f6ff;
+  --brand-100: #c8ddff;
+  --brand-200: #9fc4ff;
+  --brand-300: #76aaff;
+  --brand-400: #4a8fff;
+  --brand-500: #0870ff;
+  --brand-600: #005cd7;
+  --brand-700: #0042a0;
+  --brand-800: #00296a;
+  --brand-900: #00153e;
+  --brand-950: #000c2b;
+}