@phcdevworks/spectre-tokens 3.5.0 → 4.0.0

package/dist/index.css

@@ -223,6 +223,292 @@
   --sp-color-focus-info: #0369a1;
   --sp-color-white: #ffffff;
   --sp-color-black: #000000;
+  --sp-color-palette-red-50: #fef2f2;
+  --sp-color-palette-red-100: #ffe2e2;
+  --sp-color-palette-red-200: #ffc9c9;
+  --sp-color-palette-red-300: #ffa2a2;
+  --sp-color-palette-red-400: #ff6467;
+  --sp-color-palette-red-500: #fb2c36;
+  --sp-color-palette-red-600: #e7000b;
+  --sp-color-palette-red-700: #c10007;
+  --sp-color-palette-red-800: #9f0712;
+  --sp-color-palette-red-900: #82181a;
+  --sp-color-palette-red-950: #460809;
+  --sp-color-palette-orange-50: #fff7ed;
+  --sp-color-palette-orange-100: #ffedd4;
+  --sp-color-palette-orange-200: #ffd6a7;
+  --sp-color-palette-orange-300: #ffb86a;
+  --sp-color-palette-orange-400: #ff8904;
+  --sp-color-palette-orange-500: #ff6900;
+  --sp-color-palette-orange-600: #f54900;
+  --sp-color-palette-orange-700: #ca3500;
+  --sp-color-palette-orange-800: #9f2d00;
+  --sp-color-palette-orange-900: #7e2a0c;
+  --sp-color-palette-orange-950: #441306;
+  --sp-color-palette-amber-50: #fffbeb;
+  --sp-color-palette-amber-100: #fef3c6;
+  --sp-color-palette-amber-200: #fee685;
+  --sp-color-palette-amber-300: #ffd230;
+  --sp-color-palette-amber-400: #ffb900;
+  --sp-color-palette-amber-500: #fe9a00;
+  --sp-color-palette-amber-600: #e17100;
+  --sp-color-palette-amber-700: #bb4d00;
+  --sp-color-palette-amber-800: #973c00;
+  --sp-color-palette-amber-900: #7b3306;
+  --sp-color-palette-amber-950: #461901;
+  --sp-color-palette-yellow-50: #fefce8;
+  --sp-color-palette-yellow-100: #fef9c2;
+  --sp-color-palette-yellow-200: #fff085;
+  --sp-color-palette-yellow-300: #ffdf20;
+  --sp-color-palette-yellow-400: #fdc700;
+  --sp-color-palette-yellow-500: #f0b100;
+  --sp-color-palette-yellow-600: #d08700;
+  --sp-color-palette-yellow-700: #a65f00;
+  --sp-color-palette-yellow-800: #894b00;
+  --sp-color-palette-yellow-900: #733e0a;
+  --sp-color-palette-yellow-950: #432004;
+  --sp-color-palette-lime-50: #f7fee7;
+  --sp-color-palette-lime-100: #ecfcca;
+  --sp-color-palette-lime-200: #d8f999;
+  --sp-color-palette-lime-300: #bbf451;
+  --sp-color-palette-lime-400: #9ae600;
+  --sp-color-palette-lime-500: #7ccf00;
+  --sp-color-palette-lime-600: #5ea500;
+  --sp-color-palette-lime-700: #497d00;
+  --sp-color-palette-lime-800: #3c6300;
+  --sp-color-palette-lime-900: #35530e;
+  --sp-color-palette-lime-950: #192e03;
+  --sp-color-palette-green-50: #f0fdf4;
+  --sp-color-palette-green-100: #dcfce7;
+  --sp-color-palette-green-200: #b9f8cf;
+  --sp-color-palette-green-300: #7bf1a8;
+  --sp-color-palette-green-400: #05df72;
+  --sp-color-palette-green-500: #00c950;
+  --sp-color-palette-green-600: #00a63e;
+  --sp-color-palette-green-700: #008236;
+  --sp-color-palette-green-800: #016630;
+  --sp-color-palette-green-900: #0d542b;
+  --sp-color-palette-green-950: #032e15;
+  --sp-color-palette-emerald-50: #ecfdf5;
+  --sp-color-palette-emerald-100: #d0fae5;
+  --sp-color-palette-emerald-200: #a4f4cf;
+  --sp-color-palette-emerald-300: #5ee9b5;
+  --sp-color-palette-emerald-400: #00d492;
+  --sp-color-palette-emerald-500: #00bc7d;
+  --sp-color-palette-emerald-600: #009966;
+  --sp-color-palette-emerald-700: #007a55;
+  --sp-color-palette-emerald-800: #006045;
+  --sp-color-palette-emerald-900: #004f3b;
+  --sp-color-palette-emerald-950: #002c22;
+  --sp-color-palette-teal-50: #f0fdfa;
+  --sp-color-palette-teal-100: #cbfbf1;
+  --sp-color-palette-teal-200: #96f7e4;
+  --sp-color-palette-teal-300: #46ecd5;
+  --sp-color-palette-teal-400: #00d5be;
+  --sp-color-palette-teal-500: #00bba7;
+  --sp-color-palette-teal-600: #009689;
+  --sp-color-palette-teal-700: #00786f;
+  --sp-color-palette-teal-800: #005f5a;
+  --sp-color-palette-teal-900: #0b4f4a;
+  --sp-color-palette-teal-950: #022f2e;
+  --sp-color-palette-cyan-50: #ecfeff;
+  --sp-color-palette-cyan-100: #cefafe;
+  --sp-color-palette-cyan-200: #a2f4fd;
+  --sp-color-palette-cyan-300: #53eafd;
+  --sp-color-palette-cyan-400: #00d3f2;
+  --sp-color-palette-cyan-500: #00b8db;
+  --sp-color-palette-cyan-600: #0092b8;
+  --sp-color-palette-cyan-700: #007595;
+  --sp-color-palette-cyan-800: #005f78;
+  --sp-color-palette-cyan-900: #104e64;
+  --sp-color-palette-cyan-950: #053345;
+  --sp-color-palette-sky-50: #f0f9ff;
+  --sp-color-palette-sky-100: #dff2fe;
+  --sp-color-palette-sky-200: #b8e6fe;
+  --sp-color-palette-sky-300: #74d4ff;
+  --sp-color-palette-sky-400: #00bcff;
+  --sp-color-palette-sky-500: #00a6f4;
+  --sp-color-palette-sky-600: #0084d1;
+  --sp-color-palette-sky-700: #0069a8;
+  --sp-color-palette-sky-800: #00598a;
+  --sp-color-palette-sky-900: #024a70;
+  --sp-color-palette-sky-950: #052f4a;
+  --sp-color-palette-blue-50: #eff6ff;
+  --sp-color-palette-blue-100: #dbeafe;
+  --sp-color-palette-blue-200: #bedbff;
+  --sp-color-palette-blue-300: #8ec5ff;
+  --sp-color-palette-blue-400: #51a2ff;
+  --sp-color-palette-blue-500: #2b7fff;
+  --sp-color-palette-blue-600: #155dfc;
+  --sp-color-palette-blue-700: #1447e6;
+  --sp-color-palette-blue-800: #193cb8;
+  --sp-color-palette-blue-900: #1c398e;
+  --sp-color-palette-blue-950: #162456;
+  --sp-color-palette-indigo-50: #eef2ff;
+  --sp-color-palette-indigo-100: #e0e7ff;
+  --sp-color-palette-indigo-200: #c6d2ff;
+  --sp-color-palette-indigo-300: #a3b3ff;
+  --sp-color-palette-indigo-400: #7c86ff;
+  --sp-color-palette-indigo-500: #615fff;
+  --sp-color-palette-indigo-600: #4f39f6;
+  --sp-color-palette-indigo-700: #432dd7;
+  --sp-color-palette-indigo-800: #372aac;
+  --sp-color-palette-indigo-900: #312c85;
+  --sp-color-palette-indigo-950: #1e1a4d;
+  --sp-color-palette-violet-50: #f5f3ff;
+  --sp-color-palette-violet-100: #ede9fe;
+  --sp-color-palette-violet-200: #ddd6ff;
+  --sp-color-palette-violet-300: #c4b4ff;
+  --sp-color-palette-violet-400: #a684ff;
+  --sp-color-palette-violet-500: #8e51ff;
+  --sp-color-palette-violet-600: #7f22fe;
+  --sp-color-palette-violet-700: #7008e7;
+  --sp-color-palette-violet-800: #5d0ec0;
+  --sp-color-palette-violet-900: #4d179a;
+  --sp-color-palette-violet-950: #2f0d68;
+  --sp-color-palette-purple-50: #faf5ff;
+  --sp-color-palette-purple-100: #f3e8ff;
+  --sp-color-palette-purple-200: #e9d4ff;
+  --sp-color-palette-purple-300: #dab2ff;
+  --sp-color-palette-purple-400: #c27aff;
+  --sp-color-palette-purple-500: #ad46ff;
+  --sp-color-palette-purple-600: #9810fa;
+  --sp-color-palette-purple-700: #8200db;
+  --sp-color-palette-purple-800: #6e11b0;
+  --sp-color-palette-purple-900: #59168b;
+  --sp-color-palette-purple-950: #3c0366;
+  --sp-color-palette-fuchsia-50: #fdf4ff;
+  --sp-color-palette-fuchsia-100: #fae8ff;
+  --sp-color-palette-fuchsia-200: #f6cfff;
+  --sp-color-palette-fuchsia-300: #f4a8ff;
+  --sp-color-palette-fuchsia-400: #ed6aff;
+  --sp-color-palette-fuchsia-500: #e12afb;
+  --sp-color-palette-fuchsia-600: #c800de;
+  --sp-color-palette-fuchsia-700: #a800b7;
+  --sp-color-palette-fuchsia-800: #8a0194;
+  --sp-color-palette-fuchsia-900: #721378;
+  --sp-color-palette-fuchsia-950: #4b004f;
+  --sp-color-palette-pink-50: #fdf2f8;
+  --sp-color-palette-pink-100: #fce7f3;
+  --sp-color-palette-pink-200: #fccee8;
+  --sp-color-palette-pink-300: #fda5d5;
+  --sp-color-palette-pink-400: #fb64b6;
+  --sp-color-palette-pink-500: #f6339a;
+  --sp-color-palette-pink-600: #e60076;
+  --sp-color-palette-pink-700: #c6005c;
+  --sp-color-palette-pink-800: #a3004c;
+  --sp-color-palette-pink-900: #861043;
+  --sp-color-palette-pink-950: #510424;
+  --sp-color-palette-rose-50: #fff1f2;
+  --sp-color-palette-rose-100: #ffe4e6;
+  --sp-color-palette-rose-200: #ffccd3;
+  --sp-color-palette-rose-300: #ffa1ad;
+  --sp-color-palette-rose-400: #ff637e;
+  --sp-color-palette-rose-500: #ff2056;
+  --sp-color-palette-rose-600: #ec003f;
+  --sp-color-palette-rose-700: #c70036;
+  --sp-color-palette-rose-800: #a50036;
+  --sp-color-palette-rose-900: #8b0836;
+  --sp-color-palette-rose-950: #4d0218;
+  --sp-color-palette-slate-50: #f8fafc;
+  --sp-color-palette-slate-100: #f1f5f9;
+  --sp-color-palette-slate-200: #e2e8f0;
+  --sp-color-palette-slate-300: #cad5e2;
+  --sp-color-palette-slate-400: #90a1b9;
+  --sp-color-palette-slate-500: #62748e;
+  --sp-color-palette-slate-600: #45556c;
+  --sp-color-palette-slate-700: #314158;
+  --sp-color-palette-slate-800: #1d293d;
+  --sp-color-palette-slate-900: #0f172b;
+  --sp-color-palette-slate-950: #020618;
+  --sp-color-palette-gray-50: #f9fafb;
+  --sp-color-palette-gray-100: #f3f4f6;
+  --sp-color-palette-gray-200: #e5e7eb;
+  --sp-color-palette-gray-300: #d1d5dc;
+  --sp-color-palette-gray-400: #99a1af;
+  --sp-color-palette-gray-500: #6a7282;
+  --sp-color-palette-gray-600: #4a5565;
+  --sp-color-palette-gray-700: #364153;
+  --sp-color-palette-gray-800: #1e2939;
+  --sp-color-palette-gray-900: #101828;
+  --sp-color-palette-gray-950: #030712;
+  --sp-color-palette-zinc-50: #fafafa;
+  --sp-color-palette-zinc-100: #f4f4f5;
+  --sp-color-palette-zinc-200: #e4e4e7;
+  --sp-color-palette-zinc-300: #d4d4d8;
+  --sp-color-palette-zinc-400: #9f9fa9;
+  --sp-color-palette-zinc-500: #71717b;
+  --sp-color-palette-zinc-600: #52525c;
+  --sp-color-palette-zinc-700: #3f3f46;
+  --sp-color-palette-zinc-800: #27272a;
+  --sp-color-palette-zinc-900: #18181b;
+  --sp-color-palette-zinc-950: #09090b;
+  --sp-color-palette-neutral-50: #fafafa;
+  --sp-color-palette-neutral-100: #f5f5f5;
+  --sp-color-palette-neutral-200: #e5e5e5;
+  --sp-color-palette-neutral-300: #d4d4d4;
+  --sp-color-palette-neutral-400: #a1a1a1;
+  --sp-color-palette-neutral-500: #737373;
+  --sp-color-palette-neutral-600: #525252;
+  --sp-color-palette-neutral-700: #404040;
+  --sp-color-palette-neutral-800: #262626;
+  --sp-color-palette-neutral-900: #171717;
+  --sp-color-palette-neutral-950: #0a0a0a;
+  --sp-color-palette-stone-50: #fafaf9;
+  --sp-color-palette-stone-100: #f5f5f4;
+  --sp-color-palette-stone-200: #e7e5e4;
+  --sp-color-palette-stone-300: #d6d3d1;
+  --sp-color-palette-stone-400: #a6a09b;
+  --sp-color-palette-stone-500: #79716b;
+  --sp-color-palette-stone-600: #57534d;
+  --sp-color-palette-stone-700: #44403b;
+  --sp-color-palette-stone-800: #292524;
+  --sp-color-palette-stone-900: #1c1917;
+  --sp-color-palette-stone-950: #0c0a09;
+  --sp-color-palette-mauve-50: #fafafa;
+  --sp-color-palette-mauve-100: #f3f1f3;
+  --sp-color-palette-mauve-200: #e7e4e7;
+  --sp-color-palette-mauve-300: #d7d0d7;
+  --sp-color-palette-mauve-400: #a89ea9;
+  --sp-color-palette-mauve-500: #79697b;
+  --sp-color-palette-mauve-600: #594c5b;
+  --sp-color-palette-mauve-700: #463947;
+  --sp-color-palette-mauve-800: #2a212c;
+  --sp-color-palette-mauve-900: #1d161e;
+  --sp-color-palette-mauve-950: #0c090c;
+  --sp-color-palette-olive-50: #fbfbf9;
+  --sp-color-palette-olive-100: #f4f4f0;
+  --sp-color-palette-olive-200: #e8e8e3;
+  --sp-color-palette-olive-300: #d8d8d0;
+  --sp-color-palette-olive-400: #abab9c;
+  --sp-color-palette-olive-500: #7c7c67;
+  --sp-color-palette-olive-600: #5b5b4b;
+  --sp-color-palette-olive-700: #474739;
+  --sp-color-palette-olive-800: #2b2b22;
+  --sp-color-palette-olive-900: #1d1d16;
+  --sp-color-palette-olive-950: #0c0c09;
+  --sp-color-palette-mist-50: #f9fbfb;
+  --sp-color-palette-mist-100: #f1f3f3;
+  --sp-color-palette-mist-200: #e3e7e8;
+  --sp-color-palette-mist-300: #d0d6d8;
+  --sp-color-palette-mist-400: #9ca8ab;
+  --sp-color-palette-mist-500: #67787c;
+  --sp-color-palette-mist-600: #4b585b;
+  --sp-color-palette-mist-700: #394447;
+  --sp-color-palette-mist-800: #22292b;
+  --sp-color-palette-mist-900: #161b1d;
+  --sp-color-palette-mist-950: #090b0c;
+  --sp-color-palette-taupe-50: #fbfaf9;
+  --sp-color-palette-taupe-100: #f3f1f1;
+  --sp-color-palette-taupe-200: #e8e4e3;
+  --sp-color-palette-taupe-300: #d8d2d0;
+  --sp-color-palette-taupe-400: #aba09c;
+  --sp-color-palette-taupe-500: #7c6d67;
+  --sp-color-palette-taupe-600: #5b4f4b;
+  --sp-color-palette-taupe-700: #473c39;
+  --sp-color-palette-taupe-800: #2b2422;
+  --sp-color-palette-taupe-900: #1d1816;
+  --sp-color-palette-taupe-950: #0c0a09;
   --sp-space-0: 0rem;
   --sp-space-1: 0.0625rem;
   --sp-space-2: 0.125rem;
@@ -332,6 +618,41 @@
   --sp-font-4xl-letter-spacing: 0em;
   --sp-font-5xl-letter-spacing: 0em;
   --sp-font-6xl-letter-spacing: 0em;
+  --sp-heading-h1-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
+  --sp-heading-h1-size: 3.75rem;
+  --sp-heading-h1-line-height: 4.25rem;
+  --sp-heading-h1-weight: 800;
+  --sp-heading-h1-letter-spacing: 0em;
+  --sp-heading-h2-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
+  --sp-heading-h2-size: 3rem;
+  --sp-heading-h2-line-height: 3.5rem;
+  --sp-heading-h2-weight: 700;
+  --sp-heading-h2-letter-spacing: 0em;
+  --sp-heading-h3-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
+  --sp-heading-h3-size: 2.25rem;
+  --sp-heading-h3-line-height: 2.75rem;
+  --sp-heading-h3-weight: 700;
+  --sp-heading-h3-letter-spacing: 0em;
+  --sp-heading-h4-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
+  --sp-heading-h4-size: 1.875rem;
+  --sp-heading-h4-line-height: 2.5rem;
+  --sp-heading-h4-weight: 600;
+  --sp-heading-h4-letter-spacing: 0em;
+  --sp-heading-h5-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
+  --sp-heading-h5-size: 1.5rem;
+  --sp-heading-h5-line-height: 2.125rem;
+  --sp-heading-h5-weight: 600;
+  --sp-heading-h5-letter-spacing: 0em;
+  --sp-heading-h6-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
+  --sp-heading-h6-size: 1.25rem;
+  --sp-heading-h6-line-height: 2rem;
+  --sp-heading-h6-weight: 600;
+  --sp-heading-h6-letter-spacing: 0em;
+  --sp-body-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
+  --sp-body-size: 1rem;
+  --sp-body-line-height: 1.75rem;
+  --sp-body-weight: 400;
+  --sp-body-letter-spacing: 0em;
   --sp-shadow-none: none;
   --sp-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   --sp-shadow-md: 0 2px 6px -1px rgba(0, 0, 0, 0.08);