@l3mpire/tokens 0.11.0 → 0.13.0

package/dist/css/components.css

@@ -80,6 +80,36 @@
   --comp-badge-outlined-warning-text: var(--core-text-functional-warning);
   --comp-badge-outlined-neutral-border: var(--core-border-main-invert-secondary);
   --comp-badge-outlined-neutral-text: var(--core-text-main-secondary);
+  --comp-badge-indigo-bg: var(--core-bg-specific-tags-indigo);
+  --comp-badge-indigo-text: var(--core-text-specific-tags-indigo);
+  --comp-badge-indigo-border: var(--core-border-specific-tags-indigo);
+  --comp-badge-rose-bg: var(--core-bg-specific-tags-rose);
+  --comp-badge-rose-text: var(--core-text-specific-tags-rose);
+  --comp-badge-rose-border: var(--core-border-specific-tags-rose);
+  --comp-badge-lime-bg: var(--core-bg-specific-tags-lime);
+  --comp-badge-lime-text: var(--core-text-specific-tags-lime);
+  --comp-badge-lime-border: var(--core-border-specific-tags-lime);
+  --comp-badge-violet-bg: var(--core-bg-specific-tags-violet);
+  --comp-badge-violet-text: var(--core-text-specific-tags-violet);
+  --comp-badge-violet-border: var(--core-border-specific-tags-violet);
+  --comp-badge-cyan-bg: var(--core-bg-specific-tags-cyan);
+  --comp-badge-cyan-text: var(--core-text-specific-tags-cyan);
+  --comp-badge-cyan-border: var(--core-border-specific-tags-cyan);
+  --comp-badge-orange-bg: var(--core-bg-specific-tags-orange);
+  --comp-badge-orange-text: var(--core-text-specific-tags-orange);
+  --comp-badge-orange-border: var(--core-border-specific-tags-orange);
+  --comp-badge-emerald-bg: var(--core-bg-specific-tags-emerald);
+  --comp-badge-emerald-text: var(--core-text-specific-tags-emerald);
+  --comp-badge-emerald-border: var(--core-border-specific-tags-emerald);
+  --comp-badge-fuchsia-bg: var(--core-bg-specific-tags-fuchsia);
+  --comp-badge-fuchsia-text: var(--core-text-specific-tags-fuchsia);
+  --comp-badge-fuchsia-border: var(--core-border-specific-tags-fuchsia);
+  --comp-badge-amber-bg: var(--core-bg-specific-tags-amber);
+  --comp-badge-amber-text: var(--core-text-specific-tags-amber);
+  --comp-badge-amber-border: var(--core-border-specific-tags-amber);
+  --comp-badge-slate-bg: var(--core-bg-specific-tags-slate);
+  --comp-badge-slate-text: var(--core-text-specific-tags-slate);
+  --comp-badge-slate-border: var(--core-border-specific-tags-slate);
   --comp-browser-tab-border: var(--core-border-main-primary);
   --comp-browser-tab-item-bg: var(--core-bg-main-primary);
   --comp-browser-tab-item-border: var(--core-border-main-primary);
@@ -188,6 +218,13 @@
   --comp-dropdown-item-icon: var(--core-text-main-secondary);
   --comp-dropdown-heading-text: var(--core-text-main-tertiary);
   --comp-dropdown-clear-text: var(--core-text-main-primary);
+  --comp-emoji-picker-bg: var(--core-bg-main-primary);
+  --comp-emoji-picker-border: var(--core-border-main-primary);
+  --comp-emoji-picker-search-bg: var(--core-bg-main-secondary);
+  --comp-emoji-picker-text: var(--core-text-main-primary);
+  --comp-emoji-picker-text-muted: var(--core-text-main-secondary);
+  --comp-emoji-picker-accent: var(--interactive-bg-primary-dark-default);
+  --comp-emoji-picker-category-bg: var(--core-bg-main-primary);
   --comp-filter-chip-bg: var(--core-bg-main-primary);
   --comp-filter-chip-border: var(--core-border-main-primary);
   --comp-filter-chip-segment-bg-hover: var(--interactive-bg-white-hover);
@@ -330,6 +367,36 @@
   --comp-tag-brand-text: var(--core-text-functional-info);
   --comp-tag-neutral-bg: var(--core-bg-specific-tags-neutral);
   --comp-tag-neutral-text: var(--core-text-main-secondary);
+  --comp-tag-indigo-bg: var(--core-bg-specific-tags-indigo);
+  --comp-tag-indigo-text: var(--core-text-specific-tags-indigo);
+  --comp-tag-indigo-border: var(--core-border-specific-tags-indigo);
+  --comp-tag-rose-bg: var(--core-bg-specific-tags-rose);
+  --comp-tag-rose-text: var(--core-text-specific-tags-rose);
+  --comp-tag-rose-border: var(--core-border-specific-tags-rose);
+  --comp-tag-lime-bg: var(--core-bg-specific-tags-lime);
+  --comp-tag-lime-text: var(--core-text-specific-tags-lime);
+  --comp-tag-lime-border: var(--core-border-specific-tags-lime);
+  --comp-tag-violet-bg: var(--core-bg-specific-tags-violet);
+  --comp-tag-violet-text: var(--core-text-specific-tags-violet);
+  --comp-tag-violet-border: var(--core-border-specific-tags-violet);
+  --comp-tag-cyan-bg: var(--core-bg-specific-tags-cyan);
+  --comp-tag-cyan-text: var(--core-text-specific-tags-cyan);
+  --comp-tag-cyan-border: var(--core-border-specific-tags-cyan);
+  --comp-tag-orange-bg: var(--core-bg-specific-tags-orange);
+  --comp-tag-orange-text: var(--core-text-specific-tags-orange);
+  --comp-tag-orange-border: var(--core-border-specific-tags-orange);
+  --comp-tag-emerald-bg: var(--core-bg-specific-tags-emerald);
+  --comp-tag-emerald-text: var(--core-text-specific-tags-emerald);
+  --comp-tag-emerald-border: var(--core-border-specific-tags-emerald);
+  --comp-tag-fuchsia-bg: var(--core-bg-specific-tags-fuchsia);
+  --comp-tag-fuchsia-text: var(--core-text-specific-tags-fuchsia);
+  --comp-tag-fuchsia-border: var(--core-border-specific-tags-fuchsia);
+  --comp-tag-amber-bg: var(--core-bg-specific-tags-amber);
+  --comp-tag-amber-text: var(--core-text-specific-tags-amber);
+  --comp-tag-amber-border: var(--core-border-specific-tags-amber);
+  --comp-tag-slate-bg: var(--core-bg-specific-tags-slate);
+  --comp-tag-slate-text: var(--core-text-specific-tags-slate);
+  --comp-tag-slate-border: var(--core-border-specific-tags-slate);
   --comp-text-input-bg-default: var(--core-bg-main-primary);
   --comp-text-input-bg-disabled: var(--core-bg-functional-disabled);
   --comp-text-input-border-default: var(--core-border-main-primary);

package/dist/css/primitives.css

@@ -114,6 +114,96 @@
   --sand-700: #d9a96e;
   --sand-800: #a88353;
   --sand-900: #7e6440;
+  --indigo-50: #eef2ff;
+  --indigo-100: #e0e7ff;
+  --indigo-200: #c7d2fe;
+  --indigo-300: #a5b4fc;
+  --indigo-400: #818cf8;
+  --indigo-500: #6366f1;
+  --indigo-600: #4f46e5;
+  --indigo-700: #4338ca;
+  --indigo-800: #3730a3;
+  --indigo-900: #312e81;
+  --rose-50: #fff1f2;
+  --rose-100: #ffe4e6;
+  --rose-200: #fecdd3;
+  --rose-300: #fda4af;
+  --rose-400: #fb7185;
+  --rose-500: #f43f5e;
+  --rose-600: #e11d48;
+  --rose-700: #be123c;
+  --rose-800: #9f1239;
+  --rose-900: #881337;
+  --lime-50: #f7fee7;
+  --lime-100: #ecfccb;
+  --lime-200: #d9f99d;
+  --lime-300: #bef264;
+  --lime-400: #a3e635;
+  --lime-500: #84cc16;
+  --lime-600: #65a30d;
+  --lime-700: #4d7c0f;
+  --lime-800: #3f6212;
+  --lime-900: #365314;
+  --violet-50: #f5f3ff;
+  --violet-100: #ede9fe;
+  --violet-200: #ddd6fe;
+  --violet-300: #c4b5fd;
+  --violet-400: #a78bfa;
+  --violet-500: #8b5cf6;
+  --violet-600: #7c3aed;
+  --violet-700: #6d28d9;
+  --violet-800: #5b21b6;
+  --violet-900: #4c1d95;
+  --cyan-50: #ecfeff;
+  --cyan-100: #cffafe;
+  --cyan-200: #a5f3fc;
+  --cyan-300: #67e8f9;
+  --cyan-400: #22d3ee;
+  --cyan-500: #06b6d4;
+  --cyan-600: #0891b2;
+  --cyan-700: #0e7490;
+  --cyan-800: #155e75;
+  --cyan-900: #164e63;
+  --emerald-50: #ecfdf5;
+  --emerald-100: #d1fae5;
+  --emerald-200: #a7f3d0;
+  --emerald-300: #6ee7b7;
+  --emerald-400: #34d399;
+  --emerald-500: #10b981;
+  --emerald-600: #059669;
+  --emerald-700: #047857;
+  --emerald-800: #065f46;
+  --emerald-900: #064e3b;
+  --fuchsia-50: #fdf4ff;
+  --fuchsia-100: #fae8ff;
+  --fuchsia-200: #f5d0fe;
+  --fuchsia-300: #f0abfc;
+  --fuchsia-400: #e879f9;
+  --fuchsia-500: #d946ef;
+  --fuchsia-600: #c026d3;
+  --fuchsia-700: #a21caf;
+  --fuchsia-800: #86198f;
+  --fuchsia-900: #701a75;
+  --amber-50: #fffbeb;
+  --amber-100: #fef3c7;
+  --amber-200: #fde68a;
+  --amber-300: #fcd34d;
+  --amber-400: #fbbf24;
+  --amber-500: #f59e0b;
+  --amber-600: #d97706;
+  --amber-700: #b45309;
+  --amber-800: #92400e;
+  --amber-900: #78350f;
+  --slate-50: #f8fafc;
+  --slate-100: #f1f5f9;
+  --slate-200: #e2e8f0;
+  --slate-300: #cbd5e1;
+  --slate-400: #94a3b8;
+  --slate-500: #64748b;
+  --slate-600: #475569;
+  --slate-700: #334155;
+  --slate-800: #1e293b;
+  --slate-900: #0f172a;
   --shadow-2: rgba(0, 0, 0, 0.02);
   --shadow-4: rgba(0, 0, 0, 0.04);
   --shadow-6: rgba(0, 0, 0, 0.06);

package/dist/css/semantic.css

@@ -16,6 +16,16 @@
   --core-bg-functional-invert-warning: #fffef5;
   --core-bg-specific-highlight-text: #e5fce5;
   --core-bg-specific-tags-neutral: #f2f2f2;
+  --core-bg-specific-tags-indigo: #eef2ff;
+  --core-bg-specific-tags-rose: #fff1f2;
+  --core-bg-specific-tags-lime: #f7fee7;
+  --core-bg-specific-tags-violet: #f5f3ff;
+  --core-bg-specific-tags-cyan: #ecfeff;
+  --core-bg-specific-tags-orange: #fff8f3;
+  --core-bg-specific-tags-emerald: #ecfdf5;
+  --core-bg-specific-tags-fuchsia: #fdf4ff;
+  --core-bg-specific-tags-amber: #fffbeb;
+  --core-bg-specific-tags-slate: #f1f5f9;
   --core-text-main-primary: #213856;
   --core-text-main-secondary: #566f8f;
   --core-text-main-tertiary: #98a1ac;
@@ -29,6 +39,16 @@
   --core-text-functional-critical: #ec4343;
   --core-text-functional-info: #316bff;
   --core-text-functional-warning: #dfb009;
+  --core-text-specific-tags-indigo: #4338ca;
+  --core-text-specific-tags-rose: #be123c;
+  --core-text-specific-tags-lime: #4d7c0f;
+  --core-text-specific-tags-violet: #6d28d9;
+  --core-text-specific-tags-cyan: #0e7490;
+  --core-text-specific-tags-orange: #b8422a;
+  --core-text-specific-tags-emerald: #047857;
+  --core-text-specific-tags-fuchsia: #a21caf;
+  --core-text-specific-tags-amber: #b45309;
+  --core-text-specific-tags-slate: #475569;
   --core-border-main-primary: #efefef;
   --core-border-main-secondary: #e6e6e6;
   --core-border-main-invert-primary: #213856;
@@ -37,6 +57,16 @@
   --core-border-functional-critical: #ec4343;
   --core-border-functional-info: #316bff;
   --core-border-functional-warning: #dfb009;
+  --core-border-specific-tags-indigo: #c7d2fe;
+  --core-border-specific-tags-rose: #fecdd3;
+  --core-border-specific-tags-lime: #d9f99d;
+  --core-border-specific-tags-violet: #ddd6fe;
+  --core-border-specific-tags-cyan: #a5f3fc;
+  --core-border-specific-tags-orange: #ffe5d9;
+  --core-border-specific-tags-emerald: #a7f3d0;
+  --core-border-specific-tags-fuchsia: #f5d0fe;
+  --core-border-specific-tags-amber: #fde68a;
+  --core-border-specific-tags-slate: #cbd5e1;
   --interactive-bg-primary-dark-default: #316bff;
   --interactive-bg-primary-dark-hover: #1f5eff;
   --interactive-bg-primary-dark-pressed: #134cdd;

package/dist/css/tokens-dark.css

@@ -114,10 +114,103 @@
   --sand-700: #916735;
   --sand-800: #a3865f;
   --sand-900: #b49e7f;
+  --indigo-50: #eef2ff;
+  --indigo-100: #e0e7ff;
+  --indigo-200: #c7d2fe;
+  --indigo-300: #a5b4fc;
+  --indigo-400: #818cf8;
+  --indigo-500: #6366f1;
+  --indigo-600: #4f46e5;
+  --indigo-700: #4338ca;
+  --indigo-800: #3730a3;
+  --indigo-900: #312e81;
+  --rose-50: #fff1f2;
+  --rose-100: #ffe4e6;
+  --rose-200: #fecdd3;
+  --rose-300: #fda4af;
+  --rose-400: #fb7185;
+  --rose-500: #f43f5e;
+  --rose-600: #e11d48;
+  --rose-700: #be123c;
+  --rose-800: #9f1239;
+  --rose-900: #881337;
+  --lime-50: #f7fee7;
+  --lime-100: #ecfccb;
+  --lime-200: #d9f99d;
+  --lime-300: #bef264;
+  --lime-400: #a3e635;
+  --lime-500: #84cc16;
+  --lime-600: #65a30d;
+  --lime-700: #4d7c0f;
+  --lime-800: #3f6212;
+  --lime-900: #365314;
+  --violet-50: #f5f3ff;
+  --violet-100: #ede9fe;
+  --violet-200: #ddd6fe;
+  --violet-300: #c4b5fd;
+  --violet-400: #a78bfa;
+  --violet-500: #8b5cf6;
+  --violet-600: #7c3aed;
+  --violet-700: #6d28d9;
+  --violet-800: #5b21b6;
+  --violet-900: #4c1d95;
+  --cyan-50: #ecfeff;
+  --cyan-100: #cffafe;
+  --cyan-200: #a5f3fc;
+  --cyan-300: #67e8f9;
+  --cyan-400: #22d3ee;
+  --cyan-500: #06b6d4;
+  --cyan-600: #0891b2;
+  --cyan-700: #0e7490;
+  --cyan-800: #155e75;
+  --cyan-900: #164e63;
+  --emerald-50: #ecfdf5;
+  --emerald-100: #d1fae5;
+  --emerald-200: #a7f3d0;
+  --emerald-300: #6ee7b7;
+  --emerald-400: #34d399;
+  --emerald-500: #10b981;
+  --emerald-600: #059669;
+  --emerald-700: #047857;
+  --emerald-800: #065f46;
+  --emerald-900: #064e3b;
+  --fuchsia-50: #fdf4ff;
+  --fuchsia-100: #fae8ff;
+  --fuchsia-200: #f5d0fe;
+  --fuchsia-300: #f0abfc;
+  --fuchsia-400: #e879f9;
+  --fuchsia-500: #d946ef;
+  --fuchsia-600: #c026d3;
+  --fuchsia-700: #a21caf;
+  --fuchsia-800: #86198f;
+  --fuchsia-900: #701a75;
+  --amber-50: #fffbeb;
+  --amber-100: #fef3c7;
+  --amber-200: #fde68a;
+  --amber-300: #fcd34d;
+  --amber-400: #fbbf24;
+  --amber-500: #f59e0b;
+  --amber-600: #d97706;
+  --amber-700: #b45309;
+  --amber-800: #92400e;
+  --amber-900: #78350f;
+  --slate-50: #f8fafc;
+  --slate-100: #f1f5f9;
+  --slate-200: #e2e8f0;
+  --slate-300: #cbd5e1;
+  --slate-400: #94a3b8;
+  --slate-500: #64748b;
+  --slate-600: #475569;
+  --slate-700: #334155;
+  --slate-800: #1e293b;
+  --slate-900: #0f172a;
   --shadow-2: rgba(0, 0, 0, 0.02);
   --shadow-4: rgba(0, 0, 0, 0.04);
   --shadow-6: rgba(0, 0, 0, 0.06);
   --shadow-8: rgba(0, 0, 0, 0.08);
+  --core-bg-specific-tags-orange: #892f19;
+  --core-text-specific-tags-orange: #ffdabf;
+  --core-border-specific-tags-orange: #de5837;
   --core-bg-main-primary: var(--grey-white);
   --core-bg-main-secondary: var(--grey-50);
   --core-bg-main-tertiary: var(--grey-100);
@@ -131,6 +224,15 @@
   --core-bg-functional-invert-warning: var(--yellow-50);
   --core-bg-specific-highlight-text: var(--green-100);
   --core-bg-specific-tags-neutral: var(--grey-100);
+  --core-bg-specific-tags-indigo: var(--indigo-900);
+  --core-bg-specific-tags-rose: var(--rose-900);
+  --core-bg-specific-tags-lime: var(--lime-900);
+  --core-bg-specific-tags-violet: var(--violet-900);
+  --core-bg-specific-tags-cyan: var(--cyan-900);
+  --core-bg-specific-tags-emerald: var(--emerald-900);
+  --core-bg-specific-tags-fuchsia: var(--fuchsia-900);
+  --core-bg-specific-tags-amber: var(--amber-900);
+  --core-bg-specific-tags-slate: var(--slate-900);
   --core-text-main-primary: var(--grey-900);
   --core-text-main-secondary: var(--grey-700);
   --core-text-main-tertiary: var(--grey-500);
@@ -144,6 +246,15 @@
   --core-text-functional-critical: var(--red-500);
   --core-text-functional-info: var(--blue-500);
   --core-text-functional-warning: var(--yellow-500);
+  --core-text-specific-tags-indigo: var(--indigo-300);
+  --core-text-specific-tags-rose: var(--rose-300);
+  --core-text-specific-tags-lime: var(--lime-300);
+  --core-text-specific-tags-violet: var(--violet-300);
+  --core-text-specific-tags-cyan: var(--cyan-300);
+  --core-text-specific-tags-emerald: var(--emerald-300);
+  --core-text-specific-tags-fuchsia: var(--fuchsia-300);
+  --core-text-specific-tags-amber: var(--amber-300);
+  --core-text-specific-tags-slate: var(--slate-300);
   --core-border-main-primary: var(--grey-100);
   --core-border-main-secondary: var(--grey-200);
   --core-border-main-invert-primary: var(--grey-900);
@@ -152,6 +263,15 @@
   --core-border-functional-critical: var(--red-500);
   --core-border-functional-info: var(--blue-500);
   --core-border-functional-warning: var(--yellow-500);
+  --core-border-specific-tags-indigo: var(--indigo-700);
+  --core-border-specific-tags-rose: var(--rose-700);
+  --core-border-specific-tags-lime: var(--lime-700);
+  --core-border-specific-tags-violet: var(--violet-700);
+  --core-border-specific-tags-cyan: var(--cyan-700);
+  --core-border-specific-tags-emerald: var(--emerald-700);
+  --core-border-specific-tags-fuchsia: var(--fuchsia-700);
+  --core-border-specific-tags-amber: var(--amber-700);
+  --core-border-specific-tags-slate: var(--slate-700);
   --interactive-bg-primary-dark-default: var(--blue-500);
   --interactive-bg-primary-dark-hover: var(--blue-600);
   --interactive-bg-primary-dark-pressed: var(--blue-700);

package/dist/css/tokens.css

@@ -114,6 +114,96 @@
   --sand-700: #d9a96e;
   --sand-800: #a88353;
   --sand-900: #7e6440;
+  --indigo-50: #eef2ff;
+  --indigo-100: #e0e7ff;
+  --indigo-200: #c7d2fe;
+  --indigo-300: #a5b4fc;
+  --indigo-400: #818cf8;
+  --indigo-500: #6366f1;
+  --indigo-600: #4f46e5;
+  --indigo-700: #4338ca;
+  --indigo-800: #3730a3;
+  --indigo-900: #312e81;
+  --rose-50: #fff1f2;
+  --rose-100: #ffe4e6;
+  --rose-200: #fecdd3;
+  --rose-300: #fda4af;
+  --rose-400: #fb7185;
+  --rose-500: #f43f5e;
+  --rose-600: #e11d48;
+  --rose-700: #be123c;
+  --rose-800: #9f1239;
+  --rose-900: #881337;
+  --lime-50: #f7fee7;
+  --lime-100: #ecfccb;
+  --lime-200: #d9f99d;
+  --lime-300: #bef264;
+  --lime-400: #a3e635;
+  --lime-500: #84cc16;
+  --lime-600: #65a30d;
+  --lime-700: #4d7c0f;
+  --lime-800: #3f6212;
+  --lime-900: #365314;
+  --violet-50: #f5f3ff;
+  --violet-100: #ede9fe;
+  --violet-200: #ddd6fe;
+  --violet-300: #c4b5fd;
+  --violet-400: #a78bfa;
+  --violet-500: #8b5cf6;
+  --violet-600: #7c3aed;
+  --violet-700: #6d28d9;
+  --violet-800: #5b21b6;
+  --violet-900: #4c1d95;
+  --cyan-50: #ecfeff;
+  --cyan-100: #cffafe;
+  --cyan-200: #a5f3fc;
+  --cyan-300: #67e8f9;
+  --cyan-400: #22d3ee;
+  --cyan-500: #06b6d4;
+  --cyan-600: #0891b2;
+  --cyan-700: #0e7490;
+  --cyan-800: #155e75;
+  --cyan-900: #164e63;
+  --emerald-50: #ecfdf5;
+  --emerald-100: #d1fae5;
+  --emerald-200: #a7f3d0;
+  --emerald-300: #6ee7b7;
+  --emerald-400: #34d399;
+  --emerald-500: #10b981;
+  --emerald-600: #059669;
+  --emerald-700: #047857;
+  --emerald-800: #065f46;
+  --emerald-900: #064e3b;
+  --fuchsia-50: #fdf4ff;
+  --fuchsia-100: #fae8ff;
+  --fuchsia-200: #f5d0fe;
+  --fuchsia-300: #f0abfc;
+  --fuchsia-400: #e879f9;
+  --fuchsia-500: #d946ef;
+  --fuchsia-600: #c026d3;
+  --fuchsia-700: #a21caf;
+  --fuchsia-800: #86198f;
+  --fuchsia-900: #701a75;
+  --amber-50: #fffbeb;
+  --amber-100: #fef3c7;
+  --amber-200: #fde68a;
+  --amber-300: #fcd34d;
+  --amber-400: #fbbf24;
+  --amber-500: #f59e0b;
+  --amber-600: #d97706;
+  --amber-700: #b45309;
+  --amber-800: #92400e;
+  --amber-900: #78350f;
+  --slate-50: #f8fafc;
+  --slate-100: #f1f5f9;
+  --slate-200: #e2e8f0;
+  --slate-300: #cbd5e1;
+  --slate-400: #94a3b8;
+  --slate-500: #64748b;
+  --slate-600: #475569;
+  --slate-700: #334155;
+  --slate-800: #1e293b;
+  --slate-900: #0f172a;
   --shadow-2: rgba(0, 0, 0, 0.02);
   --shadow-4: rgba(0, 0, 0, 0.04);
   --shadow-6: rgba(0, 0, 0, 0.06);
@@ -210,6 +300,16 @@
   --core-bg-functional-invert-warning: var(--yellow-50);
   --core-bg-specific-highlight-text: var(--green-100);
   --core-bg-specific-tags-neutral: var(--grey-100);
+  --core-bg-specific-tags-indigo: var(--indigo-50);
+  --core-bg-specific-tags-rose: var(--rose-50);
+  --core-bg-specific-tags-lime: var(--lime-50);
+  --core-bg-specific-tags-violet: var(--violet-50);
+  --core-bg-specific-tags-cyan: var(--cyan-50);
+  --core-bg-specific-tags-orange: var(--orange-50);
+  --core-bg-specific-tags-emerald: var(--emerald-50);
+  --core-bg-specific-tags-fuchsia: var(--fuchsia-50);
+  --core-bg-specific-tags-amber: var(--amber-50);
+  --core-bg-specific-tags-slate: var(--slate-100);
   --core-text-main-primary: var(--grey-900);
   --core-text-main-secondary: var(--grey-700);
   --core-text-main-tertiary: var(--grey-500);
@@ -223,6 +323,16 @@
   --core-text-functional-critical: var(--red-500);
   --core-text-functional-info: var(--blue-500);
   --core-text-functional-warning: var(--yellow-500);
+  --core-text-specific-tags-indigo: var(--indigo-700);
+  --core-text-specific-tags-rose: var(--rose-700);
+  --core-text-specific-tags-lime: var(--lime-700);
+  --core-text-specific-tags-violet: var(--violet-700);
+  --core-text-specific-tags-cyan: var(--cyan-700);
+  --core-text-specific-tags-orange: var(--orange-800);
+  --core-text-specific-tags-emerald: var(--emerald-700);
+  --core-text-specific-tags-fuchsia: var(--fuchsia-700);
+  --core-text-specific-tags-amber: var(--amber-700);
+  --core-text-specific-tags-slate: var(--slate-600);
   --core-border-main-primary: var(--grey-200);
   --core-border-main-secondary: var(--grey-300);
   --core-border-main-invert-primary: var(--grey-900);
@@ -231,6 +341,16 @@
   --core-border-functional-critical: var(--red-500);
   --core-border-functional-info: var(--blue-500);
   --core-border-functional-warning: var(--yellow-500);
+  --core-border-specific-tags-indigo: var(--indigo-200);
+  --core-border-specific-tags-rose: var(--rose-200);
+  --core-border-specific-tags-lime: var(--lime-200);
+  --core-border-specific-tags-violet: var(--violet-200);
+  --core-border-specific-tags-cyan: var(--cyan-200);
+  --core-border-specific-tags-orange: var(--orange-200);
+  --core-border-specific-tags-emerald: var(--emerald-200);
+  --core-border-specific-tags-fuchsia: var(--fuchsia-200);
+  --core-border-specific-tags-amber: var(--amber-200);
+  --core-border-specific-tags-slate: var(--slate-300);
   --interactive-bg-primary-dark-default: var(--blue-500);
   --interactive-bg-primary-dark-hover: var(--blue-600);
   --interactive-bg-primary-dark-pressed: var(--blue-700);
@@ -385,6 +505,36 @@
   --comp-badge-outlined-warning-text: var(--core-text-functional-warning);
   --comp-badge-outlined-neutral-border: var(--core-border-main-invert-secondary);
   --comp-badge-outlined-neutral-text: var(--core-text-main-secondary);
+  --comp-badge-indigo-bg: var(--core-bg-specific-tags-indigo);
+  --comp-badge-indigo-text: var(--core-text-specific-tags-indigo);
+  --comp-badge-indigo-border: var(--core-border-specific-tags-indigo);
+  --comp-badge-rose-bg: var(--core-bg-specific-tags-rose);
+  --comp-badge-rose-text: var(--core-text-specific-tags-rose);
+  --comp-badge-rose-border: var(--core-border-specific-tags-rose);
+  --comp-badge-lime-bg: var(--core-bg-specific-tags-lime);
+  --comp-badge-lime-text: var(--core-text-specific-tags-lime);
+  --comp-badge-lime-border: var(--core-border-specific-tags-lime);
+  --comp-badge-violet-bg: var(--core-bg-specific-tags-violet);
+  --comp-badge-violet-text: var(--core-text-specific-tags-violet);
+  --comp-badge-violet-border: var(--core-border-specific-tags-violet);
+  --comp-badge-cyan-bg: var(--core-bg-specific-tags-cyan);
+  --comp-badge-cyan-text: var(--core-text-specific-tags-cyan);
+  --comp-badge-cyan-border: var(--core-border-specific-tags-cyan);
+  --comp-badge-orange-bg: var(--core-bg-specific-tags-orange);
+  --comp-badge-orange-text: var(--core-text-specific-tags-orange);
+  --comp-badge-orange-border: var(--core-border-specific-tags-orange);
+  --comp-badge-emerald-bg: var(--core-bg-specific-tags-emerald);
+  --comp-badge-emerald-text: var(--core-text-specific-tags-emerald);
+  --comp-badge-emerald-border: var(--core-border-specific-tags-emerald);
+  --comp-badge-fuchsia-bg: var(--core-bg-specific-tags-fuchsia);
+  --comp-badge-fuchsia-text: var(--core-text-specific-tags-fuchsia);
+  --comp-badge-fuchsia-border: var(--core-border-specific-tags-fuchsia);
+  --comp-badge-amber-bg: var(--core-bg-specific-tags-amber);
+  --comp-badge-amber-text: var(--core-text-specific-tags-amber);
+  --comp-badge-amber-border: var(--core-border-specific-tags-amber);
+  --comp-badge-slate-bg: var(--core-bg-specific-tags-slate);
+  --comp-badge-slate-text: var(--core-text-specific-tags-slate);
+  --comp-badge-slate-border: var(--core-border-specific-tags-slate);
   --comp-browser-tab-border: var(--core-border-main-primary);
   --comp-browser-tab-item-bg: var(--core-bg-main-primary);
   --comp-browser-tab-item-border: var(--core-border-main-primary);
@@ -493,6 +643,13 @@
   --comp-dropdown-item-icon: var(--core-text-main-secondary);
   --comp-dropdown-heading-text: var(--core-text-main-tertiary);
   --comp-dropdown-clear-text: var(--core-text-main-primary);
+  --comp-emoji-picker-bg: var(--core-bg-main-primary);
+  --comp-emoji-picker-border: var(--core-border-main-primary);
+  --comp-emoji-picker-search-bg: var(--core-bg-main-secondary);
+  --comp-emoji-picker-text: var(--core-text-main-primary);
+  --comp-emoji-picker-text-muted: var(--core-text-main-secondary);
+  --comp-emoji-picker-accent: var(--interactive-bg-primary-dark-default);
+  --comp-emoji-picker-category-bg: var(--core-bg-main-primary);
   --comp-filter-chip-bg: var(--core-bg-main-primary);
   --comp-filter-chip-border: var(--core-border-main-primary);
   --comp-filter-chip-segment-bg-hover: var(--interactive-bg-white-hover);
@@ -635,6 +792,36 @@
   --comp-tag-brand-text: var(--core-text-functional-info);
   --comp-tag-neutral-bg: var(--core-bg-specific-tags-neutral);
   --comp-tag-neutral-text: var(--core-text-main-secondary);
+  --comp-tag-indigo-bg: var(--core-bg-specific-tags-indigo);
+  --comp-tag-indigo-text: var(--core-text-specific-tags-indigo);
+  --comp-tag-indigo-border: var(--core-border-specific-tags-indigo);
+  --comp-tag-rose-bg: var(--core-bg-specific-tags-rose);
+  --comp-tag-rose-text: var(--core-text-specific-tags-rose);
+  --comp-tag-rose-border: var(--core-border-specific-tags-rose);
+  --comp-tag-lime-bg: var(--core-bg-specific-tags-lime);
+  --comp-tag-lime-text: var(--core-text-specific-tags-lime);
+  --comp-tag-lime-border: var(--core-border-specific-tags-lime);
+  --comp-tag-violet-bg: var(--core-bg-specific-tags-violet);
+  --comp-tag-violet-text: var(--core-text-specific-tags-violet);
+  --comp-tag-violet-border: var(--core-border-specific-tags-violet);
+  --comp-tag-cyan-bg: var(--core-bg-specific-tags-cyan);
+  --comp-tag-cyan-text: var(--core-text-specific-tags-cyan);
+  --comp-tag-cyan-border: var(--core-border-specific-tags-cyan);
+  --comp-tag-orange-bg: var(--core-bg-specific-tags-orange);
+  --comp-tag-orange-text: var(--core-text-specific-tags-orange);
+  --comp-tag-orange-border: var(--core-border-specific-tags-orange);
+  --comp-tag-emerald-bg: var(--core-bg-specific-tags-emerald);
+  --comp-tag-emerald-text: var(--core-text-specific-tags-emerald);
+  --comp-tag-emerald-border: var(--core-border-specific-tags-emerald);
+  --comp-tag-fuchsia-bg: var(--core-bg-specific-tags-fuchsia);
+  --comp-tag-fuchsia-text: var(--core-text-specific-tags-fuchsia);
+  --comp-tag-fuchsia-border: var(--core-border-specific-tags-fuchsia);
+  --comp-tag-amber-bg: var(--core-bg-specific-tags-amber);
+  --comp-tag-amber-text: var(--core-text-specific-tags-amber);
+  --comp-tag-amber-border: var(--core-border-specific-tags-amber);
+  --comp-tag-slate-bg: var(--core-bg-specific-tags-slate);
+  --comp-tag-slate-text: var(--core-text-specific-tags-slate);
+  --comp-tag-slate-border: var(--core-border-specific-tags-slate);
   --comp-text-input-bg-default: var(--core-bg-main-primary);
   --comp-text-input-bg-disabled: var(--core-bg-functional-disabled);
   --comp-text-input-border-default: var(--core-border-main-primary);

package/dist/ts/tokens.ts

@@ -110,6 +110,96 @@ export const tokens = {
   "sand-700": "#d9a96e",
   "sand-800": "#a88353",
   "sand-900": "#7e6440",
+  "indigo-50": "#eef2ff",
+  "indigo-100": "#e0e7ff",
+  "indigo-200": "#c7d2fe",
+  "indigo-300": "#a5b4fc",
+  "indigo-400": "#818cf8",
+  "indigo-500": "#6366f1",
+  "indigo-600": "#4f46e5",
+  "indigo-700": "#4338ca",
+  "indigo-800": "#3730a3",
+  "indigo-900": "#312e81",
+  "rose-50": "#fff1f2",
+  "rose-100": "#ffe4e6",
+  "rose-200": "#fecdd3",
+  "rose-300": "#fda4af",
+  "rose-400": "#fb7185",
+  "rose-500": "#f43f5e",
+  "rose-600": "#e11d48",
+  "rose-700": "#be123c",
+  "rose-800": "#9f1239",
+  "rose-900": "#881337",
+  "lime-50": "#f7fee7",
+  "lime-100": "#ecfccb",
+  "lime-200": "#d9f99d",
+  "lime-300": "#bef264",
+  "lime-400": "#a3e635",
+  "lime-500": "#84cc16",
+  "lime-600": "#65a30d",
+  "lime-700": "#4d7c0f",
+  "lime-800": "#3f6212",
+  "lime-900": "#365314",
+  "violet-50": "#f5f3ff",
+  "violet-100": "#ede9fe",
+  "violet-200": "#ddd6fe",
+  "violet-300": "#c4b5fd",
+  "violet-400": "#a78bfa",
+  "violet-500": "#8b5cf6",
+  "violet-600": "#7c3aed",
+  "violet-700": "#6d28d9",
+  "violet-800": "#5b21b6",
+  "violet-900": "#4c1d95",
+  "cyan-50": "#ecfeff",
+  "cyan-100": "#cffafe",
+  "cyan-200": "#a5f3fc",
+  "cyan-300": "#67e8f9",
+  "cyan-400": "#22d3ee",
+  "cyan-500": "#06b6d4",
+  "cyan-600": "#0891b2",
+  "cyan-700": "#0e7490",
+  "cyan-800": "#155e75",
+  "cyan-900": "#164e63",
+  "emerald-50": "#ecfdf5",
+  "emerald-100": "#d1fae5",
+  "emerald-200": "#a7f3d0",
+  "emerald-300": "#6ee7b7",
+  "emerald-400": "#34d399",
+  "emerald-500": "#10b981",
+  "emerald-600": "#059669",
+  "emerald-700": "#047857",
+  "emerald-800": "#065f46",
+  "emerald-900": "#064e3b",
+  "fuchsia-50": "#fdf4ff",
+  "fuchsia-100": "#fae8ff",
+  "fuchsia-200": "#f5d0fe",
+  "fuchsia-300": "#f0abfc",
+  "fuchsia-400": "#e879f9",
+  "fuchsia-500": "#d946ef",
+  "fuchsia-600": "#c026d3",
+  "fuchsia-700": "#a21caf",
+  "fuchsia-800": "#86198f",
+  "fuchsia-900": "#701a75",
+  "amber-50": "#fffbeb",
+  "amber-100": "#fef3c7",
+  "amber-200": "#fde68a",
+  "amber-300": "#fcd34d",
+  "amber-400": "#fbbf24",
+  "amber-500": "#f59e0b",
+  "amber-600": "#d97706",
+  "amber-700": "#b45309",
+  "amber-800": "#92400e",
+  "amber-900": "#78350f",
+  "slate-50": "#f8fafc",
+  "slate-100": "#f1f5f9",
+  "slate-200": "#e2e8f0",
+  "slate-300": "#cbd5e1",
+  "slate-400": "#94a3b8",
+  "slate-500": "#64748b",
+  "slate-600": "#475569",
+  "slate-700": "#334155",
+  "slate-800": "#1e293b",
+  "slate-900": "#0f172a",
   "shadow-2": "rgba(0, 0, 0, 0.02)",
   "shadow-4": "rgba(0, 0, 0, 0.04)",
   "shadow-6": "rgba(0, 0, 0, 0.06)",
@@ -127,6 +217,16 @@ export const tokens = {
   "core-bg-functional-invert-warning": "#fffef5",
   "core-bg-specific-highlight-text": "#e5fce5",
   "core-bg-specific-tags-neutral": "#f2f2f2",
+  "core-bg-specific-tags-indigo": "#eef2ff",
+  "core-bg-specific-tags-rose": "#fff1f2",
+  "core-bg-specific-tags-lime": "#f7fee7",
+  "core-bg-specific-tags-violet": "#f5f3ff",
+  "core-bg-specific-tags-cyan": "#ecfeff",
+  "core-bg-specific-tags-orange": "#fff8f3",
+  "core-bg-specific-tags-emerald": "#ecfdf5",
+  "core-bg-specific-tags-fuchsia": "#fdf4ff",
+  "core-bg-specific-tags-amber": "#fffbeb",
+  "core-bg-specific-tags-slate": "#f1f5f9",
   "core-text-main-primary": "#213856",
   "core-text-main-secondary": "#566f8f",
   "core-text-main-tertiary": "#98a1ac",
@@ -140,6 +240,16 @@ export const tokens = {
   "core-text-functional-critical": "#ec4343",
   "core-text-functional-info": "#316bff",
   "core-text-functional-warning": "#dfb009",
+  "core-text-specific-tags-indigo": "#4338ca",
+  "core-text-specific-tags-rose": "#be123c",
+  "core-text-specific-tags-lime": "#4d7c0f",
+  "core-text-specific-tags-violet": "#6d28d9",
+  "core-text-specific-tags-cyan": "#0e7490",
+  "core-text-specific-tags-orange": "#b8422a",
+  "core-text-specific-tags-emerald": "#047857",
+  "core-text-specific-tags-fuchsia": "#a21caf",
+  "core-text-specific-tags-amber": "#b45309",
+  "core-text-specific-tags-slate": "#475569",
   "core-border-main-primary": "#efefef",
   "core-border-main-secondary": "#e6e6e6",
   "core-border-main-invert-primary": "#213856",
@@ -148,6 +258,16 @@ export const tokens = {
   "core-border-functional-critical": "#ec4343",
   "core-border-functional-info": "#316bff",
   "core-border-functional-warning": "#dfb009",
+  "core-border-specific-tags-indigo": "#c7d2fe",
+  "core-border-specific-tags-rose": "#fecdd3",
+  "core-border-specific-tags-lime": "#d9f99d",
+  "core-border-specific-tags-violet": "#ddd6fe",
+  "core-border-specific-tags-cyan": "#a5f3fc",
+  "core-border-specific-tags-orange": "#ffe5d9",
+  "core-border-specific-tags-emerald": "#a7f3d0",
+  "core-border-specific-tags-fuchsia": "#f5d0fe",
+  "core-border-specific-tags-amber": "#fde68a",
+  "core-border-specific-tags-slate": "#cbd5e1",
   "interactive-bg-primary-dark-default": "#316bff",
   "interactive-bg-primary-dark-hover": "#1f5eff",
   "interactive-bg-primary-dark-pressed": "#134cdd",
@@ -336,6 +456,36 @@ export const tokens = {
   "comp-badge-outlined-warning-text": "#dfb009",
   "comp-badge-outlined-neutral-border": "#3d4f66",
   "comp-badge-outlined-neutral-text": "#566f8f",
+  "comp-badge-indigo-bg": "#eef2ff",
+  "comp-badge-indigo-text": "#4338ca",
+  "comp-badge-indigo-border": "#c7d2fe",
+  "comp-badge-rose-bg": "#fff1f2",
+  "comp-badge-rose-text": "#be123c",
+  "comp-badge-rose-border": "#fecdd3",
+  "comp-badge-lime-bg": "#f7fee7",
+  "comp-badge-lime-text": "#4d7c0f",
+  "comp-badge-lime-border": "#d9f99d",
+  "comp-badge-violet-bg": "#f5f3ff",
+  "comp-badge-violet-text": "#6d28d9",
+  "comp-badge-violet-border": "#ddd6fe",
+  "comp-badge-cyan-bg": "#ecfeff",
+  "comp-badge-cyan-text": "#0e7490",
+  "comp-badge-cyan-border": "#a5f3fc",
+  "comp-badge-orange-bg": "#fff8f3",
+  "comp-badge-orange-text": "#b8422a",
+  "comp-badge-orange-border": "#ffe5d9",
+  "comp-badge-emerald-bg": "#ecfdf5",
+  "comp-badge-emerald-text": "#047857",
+  "comp-badge-emerald-border": "#a7f3d0",
+  "comp-badge-fuchsia-bg": "#fdf4ff",
+  "comp-badge-fuchsia-text": "#a21caf",
+  "comp-badge-fuchsia-border": "#f5d0fe",
+  "comp-badge-amber-bg": "#fffbeb",
+  "comp-badge-amber-text": "#b45309",
+  "comp-badge-amber-border": "#fde68a",
+  "comp-badge-slate-bg": "#f1f5f9",
+  "comp-badge-slate-text": "#475569",
+  "comp-badge-slate-border": "#cbd5e1",
   "comp-browser-tab-border": "#efefef",
   "comp-browser-tab-item-bg": "#ffffff",
   "comp-browser-tab-item-border": "#efefef",
@@ -474,6 +624,13 @@ export const tokens = {
   "comp-dropdown-item-icon": "#566f8f",
   "comp-dropdown-heading-text": "#98a1ac",
   "comp-dropdown-clear-text": "#213856",
+  "comp-emoji-picker-bg": "#ffffff",
+  "comp-emoji-picker-border": "#efefef",
+  "comp-emoji-picker-search-bg": "#fafafa",
+  "comp-emoji-picker-text": "#213856",
+  "comp-emoji-picker-text-muted": "#566f8f",
+  "comp-emoji-picker-accent": "#316bff",
+  "comp-emoji-picker-category-bg": "#ffffff",
   "comp-filter-chip-bg": "#ffffff",
   "comp-filter-chip-border": "#efefef",
   "comp-filter-chip-segment-bg-hover": "#fafafa",
@@ -628,6 +785,36 @@ export const tokens = {
   "comp-tag-brand-text": "#316bff",
   "comp-tag-neutral-bg": "#f2f2f2",
   "comp-tag-neutral-text": "#566f8f",
+  "comp-tag-indigo-bg": "#eef2ff",
+  "comp-tag-indigo-text": "#4338ca",
+  "comp-tag-indigo-border": "#c7d2fe",
+  "comp-tag-rose-bg": "#fff1f2",
+  "comp-tag-rose-text": "#be123c",
+  "comp-tag-rose-border": "#fecdd3",
+  "comp-tag-lime-bg": "#f7fee7",
+  "comp-tag-lime-text": "#4d7c0f",
+  "comp-tag-lime-border": "#d9f99d",
+  "comp-tag-violet-bg": "#f5f3ff",
+  "comp-tag-violet-text": "#6d28d9",
+  "comp-tag-violet-border": "#ddd6fe",
+  "comp-tag-cyan-bg": "#ecfeff",
+  "comp-tag-cyan-text": "#0e7490",
+  "comp-tag-cyan-border": "#a5f3fc",
+  "comp-tag-orange-bg": "#fff8f3",
+  "comp-tag-orange-text": "#b8422a",
+  "comp-tag-orange-border": "#ffe5d9",
+  "comp-tag-emerald-bg": "#ecfdf5",
+  "comp-tag-emerald-text": "#047857",
+  "comp-tag-emerald-border": "#a7f3d0",
+  "comp-tag-fuchsia-bg": "#fdf4ff",
+  "comp-tag-fuchsia-text": "#a21caf",
+  "comp-tag-fuchsia-border": "#f5d0fe",
+  "comp-tag-amber-bg": "#fffbeb",
+  "comp-tag-amber-text": "#b45309",
+  "comp-tag-amber-border": "#fde68a",
+  "comp-tag-slate-bg": "#f1f5f9",
+  "comp-tag-slate-text": "#475569",
+  "comp-tag-slate-border": "#cbd5e1",
   "comp-text-input-bg-default": "#ffffff",
   "comp-text-input-bg-disabled": "#f2f2f2",
   "comp-text-input-border-default": "#efefef",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@l3mpire/tokens",
-  "version": "0.11.0",
+  "version": "0.13.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"