@netlify/spark-ui 2.1.0 → 2.3.0

package/README.md

@@ -65,6 +65,18 @@ Installing `@netlify/spark-ui` adds no other packages. Tokens, styles and assets
 
 `@netlify/spark-ui/preact` bundles the Kapa SDK, `marked`, `fflate` and `rusha`, so prefer it over the uncompiled `components` entry.
 
+## Logos
+
+The 2026 logo kit ships in `packages/assets/logos/` and the favicon set in `packages/assets/favicons/`:
+
+```js
+import logo from '@netlify/spark-ui/logos/logo-netlify-full-lightmode.svg';
+import { LOGOS } from '@netlify/spark-ui/logos'; // LOGOS.full.lightmode.svg.src, …
+import { FAVICONS } from '@netlify/spark-ui/favicons'; // FAVICONS.svg.src, …
+```
+
+The docs site’s Logos page (`docs/src/content/docs/foundations/logos.mdx`) lists every variant, file name and import path.
+
 ## Design Tokens
 
 Tokens provide a shared foundation of colors, typography, spacing, and more for our sites and apps. All token information is stored in the `/tokens` directory. These aim to follow standards proposed in the [Design Tokens Format Module](https://tr.designtokens.org/format/).

package/dist/assets/favicons/index.d.ts

@@ -0,0 +1,5 @@
+import { FaviconAsset, FaviconName } from '../../utils/types';
+export type { FaviconAsset, FaviconName } from '../../utils/types';
+/** The 2026 favicon set, as `FAVICONS.<ico|svg|icon192|icon512|maskable192|maskable512|appleTouchIcon>`. */
+export declare const FAVICONS: Record<FaviconName, FaviconAsset>;
+export declare const FAVICON_NAMES: FaviconName[];

package/dist/assets/favicons/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/assets/logos/index.d.ts

@@ -0,0 +1,11 @@
+import { LogoAsset, LogoColor, LogoFormat, LogoName, LogoVariant } from '../../utils/types';
+export type { AssetFile, LogoAsset, LogoColor, LogoFormat, LogoName, LogoVariant, } from '../../utils/types';
+/** Every logo in the 2026 kit, as `LOGOS.<full|monogram>.<lightmode|darkmode|black>.<svg|png>`. */
+export declare const LOGOS: Record<LogoVariant, Record<LogoColor, LogoAsset>>;
+export declare const LOGO_VARIANTS: LogoVariant[];
+export declare const LOGO_COLORS: LogoColor[];
+export declare const LOGO_FORMATS: LogoFormat[];
+/** The published file name of a logo, e.g. `logo-netlify-full-lightmode.svg`. */
+export declare function getLogoFileName(variant: LogoVariant, color: LogoColor, format?: LogoFormat): string;
+/** Splits a `<variant>-<color>` name into its two keys, throwing on a name that isn't in `LOGOS`. */
+export declare function resolveLogoKeys(name: LogoName): [LogoVariant, LogoColor];

package/dist/assets/logos/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/types.d.ts

@@ -26,3 +26,19 @@ export interface Testimonial {
         label?: string;
     };
 }
+export type LogoVariant = 'full' | 'monogram';
+export type LogoColor = 'lightmode' | 'darkmode' | 'black';
+export type LogoName = `${LogoVariant}-${LogoColor}`;
+export type LogoFormat = 'svg' | 'png';
+export interface AssetFile {
+    src: string;
+    fileName: string;
+    width: number;
+    height: number;
+}
+export interface LogoAsset {
+    svg: AssetFile;
+    png: AssetFile;
+}
+export type FaviconName = 'ico' | 'svg' | 'icon192' | 'icon512' | 'maskable192' | 'maskable512' | 'appleTouchIcon';
+export type FaviconAsset = AssetFile;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@netlify/spark-ui",
   "description": "Assets, design tokens, components, and utilities",
-  "version": "2.1.0",
+  "version": "2.3.0",
   "type": "module",
   "main": "dist/components/preact/index.js",
   "types": "dist/components/preact/index.d.ts",
@@ -29,7 +29,11 @@
     "./drop-core": "./dist/drop-core/index.js",
     "./assets/*.css": "./dist/assets/*.css",
     "./assets/icons/*.svg": "./packages/assets/icons/*.svg",
+    "./logos": "./packages/assets/logos/index.ts",
     "./logos/*.svg": "./packages/assets/logos/*.svg",
+    "./logos/*.png": "./packages/assets/logos/*.png",
+    "./favicons": "./packages/assets/favicons/index.ts",
+    "./favicons/*": "./packages/assets/favicons/*",
     "./styles/*.css": "./packages/styles/*.css",
     "./tokens/app": {
       "types": "./packages/tokens/app.d.ts",

package/packages/assets/favicons/icon.svg

@@ -1,30 +1,14 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="32" height="32" viewBox="0 0 390 390" fill="none" xmlns="http://www.w3.org/2000/svg">
   <style>
-    .favicon-center-dot {
-      fill: #014847;
-    }
-
-    .favicon-lines {
-      fill: #05BDBA;
-    }
-
+    .mark { fill: #131619; }
     @media (prefers-color-scheme: dark) {
-      .favicon-center-dot {
-        fill: #fff;
-      }
-
-      .favicon-lines {
-        fill: #05BDBA;
-      }
+      .mark { fill: #ffffff; }
     }
   </style>
-  <path class="favicon-center-dot" stroke="none" d="M17.9922 18.3225H14.005L13.6746 17.9921V14.005L14.005 13.6746H17.9922L18.3226 14.005V17.9921L17.9922 18.3225Z" />
-  <g class="favicon-lines" stroke="none">
-    <path d="M9.6958 24.3311H9.35705L7.6661 22.6401V22.3041L10.2511 19.7164L12.042 19.7191L12.2808 19.9552V21.7461L9.6958 24.3311Z" />
-    <path d="M7.6661 9.69576V9.35701L9.35705 7.66606H9.6958L12.2808 10.2511V12.0392L12.042 12.2808H10.2511L7.6661 9.69576Z" />
-    <path d="M10.0457 17.4369H0.205466L0 17.2314V14.7658L0.205466 14.5603H10.0457L10.2511 14.7658V17.2314L10.0457 17.4369Z" />
-    <path d="M31.7945 17.4369H21.9544L21.7489 17.2314V14.7658L21.9544 14.5603H31.7945L32 14.7658V17.2314L31.7945 17.4369Z" />
-    <path d="M14.5631 10.0456V2.66547L14.7686 2.46001H17.2343L17.4396 2.66547V10.0456L17.2343 10.2511H14.7686L14.5631 10.0456Z" />
-    <path d="M14.5631 29.3316V21.9515L14.7686 21.746H17.2343L17.4396 21.9515V29.3316L17.2343 29.5371H14.7686L14.5631 29.3316Z" />
+  <g class="mark" transform="translate(12.5 14.5)">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M122.608 207.222V298.975C122.608 301.415 123.574 303.775 125.317 305.518L177.467 357.668C181.06 361.261 186.932 361.261 190.525 357.668L232.675 315.519C236.268 311.926 236.268 306.053 232.675 302.434L133.119 202.878C129.231 198.99 122.608 201.726 122.608 207.222Z"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M232.675 44.8449L190.525 2.69468C186.932 -0.898228 181.06 -0.898228 177.467 2.69468L125.317 54.846C123.574 56.5889 122.608 58.922 122.608 61.362V153.115C122.608 158.584 129.231 161.346 133.119 157.459L232.675 57.9031C236.268 54.3101 236.268 48.4385 232.675 44.8187V44.8449Z"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M307.482 126.543L151.056 174.243C145.238 176.012 145.238 184.243 151.056 186.013L307.482 233.713C310.726 234.705 314.319 233.82 316.706 231.407L361.483 186.629C365.076 183.036 365.076 177.165 361.483 173.545L316.706 128.767C314.292 126.354 310.753 125.469 307.482 126.462V126.515V126.543Z"/>
+    <path d="M48.6878 131.481L6.52195 173.647C2.91992 177.249 2.91992 183.089 6.52195 186.691L48.6883 228.857C52.2903 232.459 58.1302 232.459 61.7322 228.857L103.898 186.691C107.5 183.089 107.5 177.249 103.898 173.647L61.7317 131.481C58.1297 127.879 52.2899 127.879 48.6878 131.481Z"/>
   </g>
 </svg>

package/packages/assets/favicons/index.test.ts

@@ -0,0 +1,10 @@
+import { describe, expect, it } from 'vitest';
+import { FAVICONS, FAVICON_NAMES } from './index';
+
+const URL_PATTERN = /^(\/|data:image\/)/;
+
+describe('FAVICONS', () => {
+  it.each(FAVICON_NAMES)('%s resolves to a URL', name => {
+    expect(FAVICONS[name].src).toMatch(URL_PATTERN);
+  });
+});

package/packages/assets/favicons/index.ts

@@ -0,0 +1,38 @@
+import type { FaviconAsset, FaviconName } from '../../utils/types';
+import faviconIco from './favicon.ico?url';
+import iconSvg from './icon.svg?url';
+import icon192 from './icon-192.png?url';
+import icon512 from './icon-512.png?url';
+import icon192Maskable from './icon-192-maskable.png?url';
+import icon512Maskable from './icon-512-maskable.png?url';
+import appleTouchIcon from './apple-touch-icon.png?url';
+
+export type { FaviconAsset, FaviconName } from '../../utils/types';
+
+/** The 2026 favicon set, as `FAVICONS.<ico|svg|icon192|icon512|maskable192|maskable512|appleTouchIcon>`. */
+export const FAVICONS: Record<FaviconName, FaviconAsset> = {
+  ico: { src: faviconIco, fileName: 'favicon.ico', width: 48, height: 48 },
+  svg: { src: iconSvg, fileName: 'icon.svg', width: 32, height: 32 },
+  icon192: { src: icon192, fileName: 'icon-192.png', width: 192, height: 192 },
+  icon512: { src: icon512, fileName: 'icon-512.png', width: 512, height: 512 },
+  maskable192: {
+    src: icon192Maskable,
+    fileName: 'icon-192-maskable.png',
+    width: 192,
+    height: 192,
+  },
+  maskable512: {
+    src: icon512Maskable,
+    fileName: 'icon-512-maskable.png',
+    width: 512,
+    height: 512,
+  },
+  appleTouchIcon: {
+    src: appleTouchIcon,
+    fileName: 'apple-touch-icon.png',
+    width: 180,
+    height: 180,
+  },
+};
+
+export const FAVICON_NAMES = Object.keys(FAVICONS) as FaviconName[];

package/packages/assets/logos/index.test.ts

@@ -0,0 +1,16 @@
+import { describe, expect, it } from 'vitest';
+import { LOGOS, LOGO_COLORS, LOGO_FORMATS, LOGO_VARIANTS } from './index';
+
+const URL_PATTERN = /^(\/|data:image\/)/;
+
+const FILES = LOGO_VARIANTS.flatMap(variant =>
+  LOGO_COLORS.flatMap(color =>
+    LOGO_FORMATS.map(format => [`${variant}.${color}.${format}`, LOGOS[variant][color][format].src])
+  )
+);
+
+describe('LOGOS', () => {
+  it.each(FILES)('%s resolves to a URL', (_key, src) => {
+    expect(src).toMatch(URL_PATTERN);
+  });
+});

package/packages/assets/logos/index.ts

@@ -0,0 +1,79 @@
+import type {
+  AssetFile,
+  LogoAsset,
+  LogoColor,
+  LogoFormat,
+  LogoName,
+  LogoVariant,
+} from '../../utils/types';
+import fullLightmodeSvg from './logo-netlify-full-lightmode.svg?url';
+import fullLightmodePng from './logo-netlify-full-lightmode.png?url';
+import fullDarkmodeSvg from './logo-netlify-full-darkmode.svg?url';
+import fullDarkmodePng from './logo-netlify-full-darkmode.png?url';
+import fullBlackSvg from './logo-netlify-full-black.svg?url';
+import fullBlackPng from './logo-netlify-full-black.png?url';
+import monogramLightmodeSvg from './logo-netlify-monogram-lightmode.svg?url';
+import monogramLightmodePng from './logo-netlify-monogram-lightmode.png?url';
+import monogramDarkmodeSvg from './logo-netlify-monogram-darkmode.svg?url';
+import monogramDarkmodePng from './logo-netlify-monogram-darkmode.png?url';
+import monogramBlackSvg from './logo-netlify-monogram-black.svg?url';
+import monogramBlackPng from './logo-netlify-monogram-black.png?url';
+
+export type {
+  AssetFile,
+  LogoAsset,
+  LogoColor,
+  LogoFormat,
+  LogoName,
+  LogoVariant,
+} from '../../utils/types';
+
+const LOGO_SIZES: Record<LogoVariant, Record<LogoFormat, Pick<AssetFile, 'width' | 'height'>>> = {
+  full: { svg: { width: 583, height: 152 }, png: { width: 2701, height: 701 } },
+  monogram: { svg: { width: 365, height: 361 }, png: { width: 719, height: 711 } },
+};
+
+/** Every logo in the 2026 kit, as `LOGOS.<full|monogram>.<lightmode|darkmode|black>.<svg|png>`. */
+export const LOGOS: Record<LogoVariant, Record<LogoColor, LogoAsset>> = {
+  full: {
+    lightmode: toLogoAsset('full', 'lightmode', fullLightmodeSvg, fullLightmodePng),
+    darkmode: toLogoAsset('full', 'darkmode', fullDarkmodeSvg, fullDarkmodePng),
+    black: toLogoAsset('full', 'black', fullBlackSvg, fullBlackPng),
+  },
+  monogram: {
+    lightmode: toLogoAsset('monogram', 'lightmode', monogramLightmodeSvg, monogramLightmodePng),
+    darkmode: toLogoAsset('monogram', 'darkmode', monogramDarkmodeSvg, monogramDarkmodePng),
+    black: toLogoAsset('monogram', 'black', monogramBlackSvg, monogramBlackPng),
+  },
+};
+
+export const LOGO_VARIANTS = Object.keys(LOGOS) as LogoVariant[];
+export const LOGO_COLORS = Object.keys(LOGOS.full) as LogoColor[];
+export const LOGO_FORMATS = Object.keys(LOGOS.full.lightmode) as LogoFormat[];
+
+/** The published file name of a logo, e.g. `logo-netlify-full-lightmode.svg`. */
+export function getLogoFileName(
+  variant: LogoVariant,
+  color: LogoColor,
+  format: LogoFormat = 'svg'
+): string {
+  return `logo-netlify-${variant}-${color}.${format}`;
+}
+
+/** Splits a `<variant>-<color>` name into its two keys, throwing on a name that isn't in `LOGOS`. */
+export function resolveLogoKeys(name: LogoName): [LogoVariant, LogoColor] {
+  const [variant, color] = name.split('-') as [LogoVariant, LogoColor];
+  if (!LOGO_VARIANTS.includes(variant) || !LOGO_COLORS.includes(color)) {
+    throw new Error(
+      `Unknown logo name "${name}". Expected <${LOGO_VARIANTS.join('|')}>-<${LOGO_COLORS.join('|')}>.`
+    );
+  }
+  return [variant, color];
+}
+
+function toLogoAsset(variant: LogoVariant, color: LogoColor, svg: string, png: string): LogoAsset {
+  return {
+    svg: { src: svg, fileName: getLogoFileName(variant, color, 'svg'), ...LOGO_SIZES[variant].svg },
+    png: { src: png, fileName: getLogoFileName(variant, color, 'png'), ...LOGO_SIZES[variant].png },
+  };
+}

package/packages/assets/logos/logo-netlify-full-black.svg

@@ -0,0 +1,4 @@
+<svg width="583" height="152" viewBox="0 0 583 152" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M46.5567 81.2217C46.5567 79.0651 49.1543 77.9965 50.6739 79.5157L89.6924 118.534C91.1039 119.956 91.104 122.25 89.6924 123.661L73.1729 140.18C71.7612 141.591 69.4674 141.591 68.0557 140.18L47.6153 119.739C46.939 119.063 46.5567 118.141 46.5567 117.181V81.2217ZM119.015 49.5879C120.299 49.1958 121.681 49.5386 122.632 50.4893L140.181 68.0381C141.592 69.4597 141.592 71.7534 140.181 73.1651L122.632 90.7129C121.691 91.6541 120.289 92.0074 119.015 91.6153L57.7031 72.92C55.4194 72.2237 55.4195 68.9991 57.7031 68.3028L119.015 49.6075V49.5879ZM17.5781 51.5274C18.9899 50.116 21.2837 50.1158 22.6953 51.5274L39.2139 68.0469C40.6255 69.4586 40.6256 71.7524 39.2139 73.1641L22.6953 89.6827C21.2837 91.0943 18.9899 91.0942 17.5781 89.6827L1.05862 73.1641C-0.352982 71.7525 -0.352763 69.4587 1.05862 68.0469L17.5781 51.5274ZM68.0557 1.05863C69.4673 -0.352957 71.7612 -0.352799 73.1729 1.05863L89.6924 17.5782C91.1039 18.9997 91.104 21.2935 89.6924 22.7051L50.6739 61.7227C49.1544 63.2422 46.557 62.1643 46.5567 60.0176V24.0577C46.5567 23.097 46.9291 22.1852 47.6153 21.4991L68.0557 1.05863Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M537.698 151.135C539.131 151.135 540.051 150.517 540.594 149.19L582.651 46.3761C583.36 44.6269 582.591 43.4655 580.706 43.4655H562.64C561.177 43.4655 560.258 44.1144 559.805 45.5169L544.122 92.3089C543.368 94.5709 541.634 94.5709 540.895 92.3089L525.348 45.5316C524.881 44.1442 523.976 43.4809 522.513 43.4809H492.78C491.152 43.4809 490.277 42.6061 490.277 40.9775V40.3295C490.277 36.3334 491.166 33.2717 492.961 31.1757C494.861 28.9589 497.59 27.8586 501.164 27.8586C502.959 27.8586 504.587 28.1751 506.065 28.8084C506.563 28.9894 507.045 29.1852 507.498 29.4114C509.066 30.1654 510.182 29.894 510.77 28.2503L514.465 17.7099C514.962 16.2774 514.6 15.131 513.258 14.4223C508.719 12.0246 503.366 10.8335 497.229 10.8335C492.177 10.8335 487.547 11.8284 483.34 13.834C479.239 15.8396 475.921 18.8862 473.387 22.9878C470.869 27.0895 469.602 32.2014 469.602 38.2936V40.9929C469.602 42.6215 468.728 43.4957 467.099 43.4957H460.736C459.107 43.4957 458.232 44.3705 458.232 45.9991V57.7316C458.232 59.3602 459.107 60.2343 460.736 60.2343H467.099C468.728 60.2343 469.602 61.1092 469.602 62.7378V118.668C469.602 120.297 470.477 121.172 472.106 121.172H488.407C490.035 121.172 490.91 120.297 490.91 118.668V62.7378C490.91 61.1092 491.785 60.2343 493.413 60.2343H505.684C507.132 60.2343 508.037 60.853 508.565 62.1951L530.46 117.281C530.943 118.487 530.913 119.453 530.385 120.629L518.064 148.24C517.28 149.989 518.064 151.165 519.965 151.165H537.698V151.135ZM189.712 121.141C191.341 121.141 192.215 120.267 192.215 118.638V52.8307C192.215 50.3123 194.025 49.86 195.201 52.0767L231.045 119.347C231.694 120.584 232.614 121.126 234.016 121.126H256.183C257.812 121.126 258.687 120.252 258.687 118.623V22.2788C258.687 20.6502 257.812 19.7753 256.183 19.7753H240.199C238.57 19.7753 237.695 20.6502 237.695 22.2788V86.4427C237.695 88.961 235.871 89.3987 234.71 87.1819L200.268 21.5704C199.619 20.3339 198.699 19.7753 197.312 19.7753H173.742C172.114 19.7753 171.239 20.6502 171.239 22.2788V118.623C171.239 120.252 172.114 121.126 173.742 121.126H189.727L189.712 121.141ZM335.937 112.154C337.098 111.053 337.083 109.786 335.982 108.61L327.749 99.9246C326.618 98.7333 325.426 98.7785 324.205 99.8944C319.983 103.74 314.841 105.669 308.794 105.669C302.747 105.669 298.057 104.252 294.589 101.402C291.784 99.0198 289.718 95.9135 288.436 92.0681C287.863 90.3641 288.768 89.2326 290.562 89.2326H341.275C342.859 89.2326 343.779 88.4182 343.869 86.8499C343.96 85.1308 344.005 83.0802 344.005 80.7127C344.005 72.826 342.316 65.9195 338.953 60.0384C335.696 54.1423 331.172 49.6184 325.381 46.4667C319.591 43.2095 313.121 41.5658 305.958 41.5658C298.177 41.5658 291.165 43.4057 284.968 47.0852C278.86 50.6591 274.125 55.5596 270.763 61.7725C267.4 67.9853 265.711 74.8162 265.711 82.2958C265.711 89.7753 267.445 96.6069 270.913 102.82C274.381 109.033 279.282 113.918 285.601 117.507C291.919 121.081 299.173 122.876 307.391 122.876C318.912 122.876 328.427 119.302 335.967 112.154H335.937ZM293.322 62.5721C296.473 59.526 300.741 57.9878 306.109 57.9878C309.367 57.9878 312.322 58.7263 314.946 60.2041C317.57 61.5764 319.681 63.5218 321.265 66.0401C322.396 67.7743 323.119 69.7046 323.436 71.8158C323.692 73.4595 322.697 74.4091 321.023 74.4091H290.291C288.526 74.4091 287.607 73.3387 288.074 71.6347C289.099 67.9703 290.834 64.9396 293.292 62.5721H293.322ZM374.693 121.141C376.322 121.141 377.197 120.267 377.197 118.638V62.7076C377.197 61.079 378.071 60.2041 379.7 60.2041H390.633C392.261 60.2041 393.136 59.33 393.136 57.7014V45.9689C393.136 44.3403 392.261 43.4655 390.633 43.4655H379.7C378.071 43.4655 377.197 42.5914 377.197 40.9627V23.6358C377.197 21.9016 376.201 21.0575 374.497 21.3591L358.166 24.149C356.643 24.4054 355.889 25.3102 355.889 26.8483V40.9775C355.889 42.6061 355.014 43.4809 353.386 43.4809H347.022C345.393 43.4809 344.519 44.3558 344.519 45.9844V57.7161C344.519 59.3447 345.393 60.2196 347.022 60.2196H353.386C355.014 60.2196 355.889 61.0937 355.889 62.7223V118.653C355.889 120.282 356.764 121.156 358.392 121.156H374.693V121.141ZM417.577 121.141C419.206 121.141 420.08 120.267 420.08 118.638V15.191C420.08 13.5624 419.206 12.6883 417.577 12.6883H401.427C399.798 12.6883 398.924 13.5624 398.924 15.191V118.638C398.924 120.267 399.798 121.141 401.427 121.141H417.577ZM449.006 121.141C450.635 121.141 451.51 120.267 451.51 118.638V45.9689C451.51 44.3403 450.635 43.4655 449.006 43.4655H432.856C431.227 43.4655 430.353 44.3403 430.353 45.9689V118.638C430.353 120.267 431.227 121.141 432.856 121.141H449.006ZM430.956 14.8744V30.2258C430.956 31.5377 432.027 32.6085 433.338 32.6085H448.69C450.001 32.6085 451.072 31.5377 451.072 30.2258V14.8744C451.072 13.5625 450.001 12.4924 448.69 12.4924H433.338C432.027 12.4924 430.956 13.5625 430.956 14.8744Z" fill="black"/>
+</svg>

package/packages/assets/logos/logo-netlify-full-darkmode.svg

@@ -0,0 +1,4 @@
+<svg width="583" height="152" viewBox="0 0 583 152" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M46.5567 81.2217C46.5567 79.0651 49.1543 77.9965 50.6739 79.5157L89.6924 118.534C91.1039 119.956 91.104 122.25 89.6924 123.661L73.1729 140.18C71.7612 141.591 69.4674 141.591 68.0557 140.18L47.6153 119.739C46.939 119.063 46.5567 118.141 46.5567 117.181V81.2217ZM119.015 49.5879C120.299 49.1958 121.681 49.5386 122.632 50.4893L140.181 68.0381C141.592 69.4597 141.592 71.7534 140.181 73.1651L122.632 90.7129C121.691 91.6541 120.289 92.0074 119.015 91.6153L57.7031 72.92C55.4194 72.2237 55.4195 68.9991 57.7031 68.3028L119.015 49.6075V49.5879ZM17.5781 51.5274C18.9899 50.116 21.2837 50.1158 22.6953 51.5274L39.2139 68.0469C40.6255 69.4586 40.6256 71.7524 39.2139 73.1641L22.6953 89.6827C21.2837 91.0943 18.9899 91.0942 17.5781 89.6827L1.05862 73.1641C-0.352982 71.7525 -0.352763 69.4587 1.05862 68.0469L17.5781 51.5274ZM68.0557 1.05863C69.4673 -0.352957 71.7612 -0.352799 73.1729 1.05863L89.6924 17.5782C91.1039 18.9997 91.104 21.2935 89.6924 22.7051L50.6739 61.7227C49.1544 63.2422 46.557 62.1643 46.5567 60.0176V24.0577C46.5567 23.097 46.9291 22.1852 47.6153 21.4991L68.0557 1.05863Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M537.698 151.135C539.131 151.135 540.051 150.517 540.594 149.19L582.651 46.3761C583.36 44.6269 582.591 43.4655 580.706 43.4655H562.64C561.177 43.4655 560.258 44.1144 559.805 45.5169L544.122 92.3089C543.368 94.5709 541.634 94.5709 540.895 92.3089L525.348 45.5316C524.881 44.1442 523.976 43.4809 522.513 43.4809H492.78C491.152 43.4809 490.277 42.6061 490.277 40.9775V40.3295C490.277 36.3334 491.166 33.2717 492.961 31.1757C494.861 28.9589 497.59 27.8586 501.164 27.8586C502.959 27.8586 504.587 28.1751 506.065 28.8084C506.563 28.9894 507.045 29.1852 507.498 29.4114C509.066 30.1654 510.182 29.894 510.77 28.2503L514.465 17.7099C514.962 16.2774 514.6 15.131 513.258 14.4223C508.719 12.0246 503.366 10.8335 497.229 10.8335C492.177 10.8335 487.547 11.8284 483.34 13.834C479.239 15.8396 475.921 18.8862 473.387 22.9878C470.869 27.0895 469.602 32.2014 469.602 38.2936V40.9929C469.602 42.6215 468.728 43.4957 467.099 43.4957H460.736C459.107 43.4957 458.232 44.3705 458.232 45.9991V57.7316C458.232 59.3602 459.107 60.2343 460.736 60.2343H467.099C468.728 60.2343 469.602 61.1092 469.602 62.7378V118.668C469.602 120.297 470.477 121.172 472.106 121.172H488.407C490.035 121.172 490.91 120.297 490.91 118.668V62.7378C490.91 61.1092 491.785 60.2343 493.413 60.2343H505.684C507.132 60.2343 508.037 60.853 508.565 62.1951L530.46 117.281C530.943 118.487 530.913 119.453 530.385 120.629L518.064 148.24C517.28 149.989 518.064 151.165 519.965 151.165H537.698V151.135ZM189.712 121.141C191.341 121.141 192.215 120.267 192.215 118.638V52.8307C192.215 50.3123 194.025 49.86 195.201 52.0767L231.045 119.347C231.694 120.584 232.614 121.126 234.016 121.126H256.183C257.812 121.126 258.687 120.252 258.687 118.623V22.2788C258.687 20.6502 257.812 19.7753 256.183 19.7753H240.199C238.57 19.7753 237.695 20.6502 237.695 22.2788V86.4427C237.695 88.961 235.871 89.3987 234.71 87.1819L200.268 21.5704C199.619 20.3339 198.699 19.7753 197.312 19.7753H173.742C172.114 19.7753 171.239 20.6502 171.239 22.2788V118.623C171.239 120.252 172.114 121.126 173.742 121.126H189.727L189.712 121.141ZM335.937 112.154C337.098 111.053 337.083 109.786 335.982 108.61L327.749 99.9246C326.618 98.7333 325.426 98.7785 324.205 99.8944C319.983 103.74 314.841 105.669 308.794 105.669C302.747 105.669 298.057 104.252 294.589 101.402C291.784 99.0198 289.718 95.9135 288.436 92.0681C287.863 90.3641 288.768 89.2326 290.562 89.2326H341.275C342.859 89.2326 343.779 88.4182 343.869 86.8499C343.96 85.1308 344.005 83.0802 344.005 80.7127C344.005 72.826 342.316 65.9195 338.953 60.0384C335.696 54.1423 331.172 49.6184 325.381 46.4667C319.591 43.2095 313.121 41.5658 305.958 41.5658C298.177 41.5658 291.165 43.4057 284.968 47.0852C278.86 50.6591 274.125 55.5596 270.763 61.7725C267.4 67.9853 265.711 74.8162 265.711 82.2958C265.711 89.7753 267.445 96.6069 270.913 102.82C274.381 109.033 279.282 113.918 285.601 117.507C291.919 121.081 299.173 122.876 307.391 122.876C318.912 122.876 328.427 119.302 335.967 112.154H335.937ZM293.322 62.5721C296.473 59.526 300.741 57.9878 306.109 57.9878C309.367 57.9878 312.322 58.7263 314.946 60.2041C317.57 61.5764 319.681 63.5218 321.265 66.0401C322.396 67.7743 323.119 69.7046 323.436 71.8158C323.692 73.4595 322.697 74.4091 321.023 74.4091H290.291C288.526 74.4091 287.607 73.3387 288.074 71.6347C289.099 67.9703 290.834 64.9396 293.292 62.5721H293.322ZM374.693 121.141C376.322 121.141 377.197 120.267 377.197 118.638V62.7076C377.197 61.079 378.071 60.2041 379.7 60.2041H390.633C392.261 60.2041 393.136 59.33 393.136 57.7014V45.9689C393.136 44.3403 392.261 43.4655 390.633 43.4655H379.7C378.071 43.4655 377.197 42.5914 377.197 40.9627V23.6358C377.197 21.9016 376.201 21.0575 374.497 21.3591L358.166 24.149C356.643 24.4054 355.889 25.3102 355.889 26.8483V40.9775C355.889 42.6061 355.014 43.4809 353.386 43.4809H347.022C345.393 43.4809 344.519 44.3558 344.519 45.9844V57.7161C344.519 59.3447 345.393 60.2196 347.022 60.2196H353.386C355.014 60.2196 355.889 61.0937 355.889 62.7223V118.653C355.889 120.282 356.764 121.156 358.392 121.156H374.693V121.141ZM417.577 121.141C419.206 121.141 420.08 120.267 420.08 118.638V15.191C420.08 13.5624 419.206 12.6883 417.577 12.6883H401.427C399.798 12.6883 398.924 13.5624 398.924 15.191V118.638C398.924 120.267 399.798 121.141 401.427 121.141H417.577ZM449.006 121.141C450.635 121.141 451.51 120.267 451.51 118.638V45.9689C451.51 44.3403 450.635 43.4655 449.006 43.4655H432.856C431.227 43.4655 430.353 44.3403 430.353 45.9689V118.638C430.353 120.267 431.227 121.141 432.856 121.141H449.006ZM430.956 14.8744V30.2258C430.956 31.5377 432.027 32.6085 433.338 32.6085H448.69C450.001 32.6085 451.072 31.5377 451.072 30.2258V14.8744C451.072 13.5625 450.001 12.4924 448.69 12.4924H433.338C432.027 12.4924 430.956 13.5625 430.956 14.8744Z" fill="white"/>
+</svg>

package/packages/assets/logos/logo-netlify-full-lightmode.svg

@@ -0,0 +1,4 @@
+<svg width="583" height="152" viewBox="0 0 583 152" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M46.5567 81.2217C46.5567 79.0651 49.1543 77.9965 50.6739 79.5157L89.6924 118.534C91.1039 119.956 91.104 122.25 89.6924 123.661L73.1729 140.18C71.7612 141.591 69.4674 141.591 68.0557 140.18L47.6153 119.739C46.939 119.063 46.5567 118.141 46.5567 117.181V81.2217ZM119.015 49.5879C120.299 49.1958 121.681 49.5386 122.632 50.4893L140.181 68.0381C141.592 69.4597 141.592 71.7534 140.181 73.1651L122.632 90.7129C121.691 91.6541 120.289 92.0074 119.015 91.6153L57.7031 72.92C55.4194 72.2237 55.4195 68.9991 57.7031 68.3028L119.015 49.6075V49.5879ZM17.5781 51.5274C18.9899 50.116 21.2837 50.1158 22.6953 51.5274L39.2139 68.0469C40.6255 69.4586 40.6256 71.7524 39.2139 73.1641L22.6953 89.6827C21.2837 91.0943 18.9899 91.0942 17.5781 89.6827L1.05862 73.1641C-0.352982 71.7525 -0.352763 69.4587 1.05862 68.0469L17.5781 51.5274ZM68.0557 1.05863C69.4673 -0.352957 71.7612 -0.352799 73.1729 1.05863L89.6924 17.5782C91.1039 18.9997 91.104 21.2935 89.6924 22.7051L50.6739 61.7227C49.1544 63.2422 46.557 62.1643 46.5567 60.0176V24.0577C46.5567 23.097 46.9291 22.1852 47.6153 21.4991L68.0557 1.05863Z" fill="#131619"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M537.698 151.135C539.131 151.135 540.051 150.517 540.594 149.19L582.651 46.3761C583.36 44.6269 582.591 43.4655 580.706 43.4655H562.64C561.177 43.4655 560.258 44.1144 559.805 45.5169L544.122 92.3089C543.368 94.5709 541.634 94.5709 540.895 92.3089L525.348 45.5316C524.881 44.1442 523.976 43.4809 522.513 43.4809H492.78C491.152 43.4809 490.277 42.6061 490.277 40.9775V40.3295C490.277 36.3334 491.166 33.2717 492.961 31.1757C494.861 28.9589 497.59 27.8586 501.164 27.8586C502.959 27.8586 504.587 28.1751 506.065 28.8084C506.563 28.9894 507.045 29.1852 507.498 29.4114C509.066 30.1654 510.182 29.894 510.77 28.2503L514.465 17.7099C514.962 16.2774 514.6 15.131 513.258 14.4223C508.719 12.0246 503.366 10.8335 497.229 10.8335C492.177 10.8335 487.547 11.8284 483.34 13.834C479.239 15.8396 475.921 18.8862 473.387 22.9878C470.869 27.0895 469.602 32.2014 469.602 38.2936V40.9929C469.602 42.6215 468.728 43.4957 467.099 43.4957H460.736C459.107 43.4957 458.232 44.3705 458.232 45.9991V57.7316C458.232 59.3602 459.107 60.2343 460.736 60.2343H467.099C468.728 60.2343 469.602 61.1092 469.602 62.7378V118.668C469.602 120.297 470.477 121.172 472.106 121.172H488.407C490.035 121.172 490.91 120.297 490.91 118.668V62.7378C490.91 61.1092 491.785 60.2343 493.413 60.2343H505.684C507.132 60.2343 508.037 60.853 508.565 62.1951L530.46 117.281C530.943 118.487 530.913 119.453 530.385 120.629L518.064 148.24C517.28 149.989 518.064 151.165 519.965 151.165H537.698V151.135ZM189.712 121.141C191.341 121.141 192.215 120.267 192.215 118.638V52.8307C192.215 50.3123 194.025 49.86 195.201 52.0767L231.045 119.347C231.694 120.584 232.614 121.126 234.016 121.126H256.183C257.812 121.126 258.687 120.252 258.687 118.623V22.2788C258.687 20.6502 257.812 19.7753 256.183 19.7753H240.199C238.57 19.7753 237.695 20.6502 237.695 22.2788V86.4427C237.695 88.961 235.871 89.3987 234.71 87.1819L200.268 21.5704C199.619 20.3339 198.699 19.7753 197.312 19.7753H173.742C172.114 19.7753 171.239 20.6502 171.239 22.2788V118.623C171.239 120.252 172.114 121.126 173.742 121.126H189.727L189.712 121.141ZM335.937 112.154C337.098 111.053 337.083 109.786 335.982 108.61L327.749 99.9246C326.618 98.7333 325.426 98.7785 324.205 99.8944C319.983 103.74 314.841 105.669 308.794 105.669C302.747 105.669 298.057 104.252 294.589 101.402C291.784 99.0198 289.718 95.9135 288.436 92.0681C287.863 90.3641 288.768 89.2326 290.562 89.2326H341.275C342.859 89.2326 343.779 88.4182 343.869 86.8499C343.96 85.1308 344.005 83.0802 344.005 80.7127C344.005 72.826 342.316 65.9195 338.953 60.0384C335.696 54.1423 331.172 49.6184 325.381 46.4667C319.591 43.2095 313.121 41.5658 305.958 41.5658C298.177 41.5658 291.165 43.4057 284.968 47.0852C278.86 50.6591 274.125 55.5596 270.763 61.7725C267.4 67.9853 265.711 74.8162 265.711 82.2958C265.711 89.7753 267.445 96.6069 270.913 102.82C274.381 109.033 279.282 113.918 285.601 117.507C291.919 121.081 299.173 122.876 307.391 122.876C318.912 122.876 328.427 119.302 335.967 112.154H335.937ZM293.322 62.5721C296.473 59.526 300.741 57.9878 306.109 57.9878C309.367 57.9878 312.322 58.7263 314.946 60.2041C317.57 61.5764 319.681 63.5218 321.265 66.0401C322.396 67.7743 323.119 69.7046 323.436 71.8158C323.692 73.4595 322.697 74.4091 321.023 74.4091H290.291C288.526 74.4091 287.607 73.3387 288.074 71.6347C289.099 67.9703 290.834 64.9396 293.292 62.5721H293.322ZM374.693 121.141C376.322 121.141 377.197 120.267 377.197 118.638V62.7076C377.197 61.079 378.071 60.2041 379.7 60.2041H390.633C392.261 60.2041 393.136 59.33 393.136 57.7014V45.9689C393.136 44.3403 392.261 43.4655 390.633 43.4655H379.7C378.071 43.4655 377.197 42.5914 377.197 40.9627V23.6358C377.197 21.9016 376.201 21.0575 374.497 21.3591L358.166 24.149C356.643 24.4054 355.889 25.3102 355.889 26.8483V40.9775C355.889 42.6061 355.014 43.4809 353.386 43.4809H347.022C345.393 43.4809 344.519 44.3558 344.519 45.9844V57.7161C344.519 59.3447 345.393 60.2196 347.022 60.2196H353.386C355.014 60.2196 355.889 61.0937 355.889 62.7223V118.653C355.889 120.282 356.764 121.156 358.392 121.156H374.693V121.141ZM417.577 121.141C419.206 121.141 420.08 120.267 420.08 118.638V15.191C420.08 13.5624 419.206 12.6883 417.577 12.6883H401.427C399.798 12.6883 398.924 13.5624 398.924 15.191V118.638C398.924 120.267 399.798 121.141 401.427 121.141H417.577ZM449.006 121.141C450.635 121.141 451.51 120.267 451.51 118.638V45.9689C451.51 44.3403 450.635 43.4655 449.006 43.4655H432.856C431.227 43.4655 430.353 44.3403 430.353 45.9689V118.638C430.353 120.267 431.227 121.141 432.856 121.141H449.006ZM430.956 14.8744V30.2258C430.956 31.5377 432.027 32.6085 433.338 32.6085H448.69C450.001 32.6085 451.072 31.5377 451.072 30.2258V14.8744C451.072 13.5625 450.001 12.4924 448.69 12.4924H433.338C432.027 12.4924 430.956 13.5625 430.956 14.8744Z" fill="#131619"/>
+</svg>

package/packages/assets/logos/logo-netlify-monogram-black.svg

@@ -0,0 +1,6 @@
+<svg width="365" height="361" viewBox="0 0 365 361" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M122.608 207.222V298.975C122.608 301.415 123.574 303.775 125.317 305.518L177.467 357.668C181.06 361.261 186.932 361.261 190.525 357.668L232.675 315.519C236.268 311.926 236.268 306.053 232.675 302.434L133.119 202.878C129.231 198.99 122.608 201.726 122.608 207.222Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M232.675 44.8449L190.525 2.69468C186.932 -0.898228 181.06 -0.898228 177.467 2.69468L125.317 54.846C123.574 56.5889 122.608 58.922 122.608 61.362V153.115C122.608 158.584 129.231 161.346 133.119 157.459L232.675 57.9031C236.268 54.3101 236.268 48.4385 232.675 44.8187V44.8449Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M307.482 126.543L151.056 174.243C145.238 176.012 145.238 184.243 151.056 186.013L307.482 233.713C310.726 234.705 314.319 233.82 316.706 231.407L361.483 186.629C365.076 183.036 365.076 177.165 361.483 173.545L316.706 128.767C314.292 126.354 310.753 125.469 307.482 126.462V126.515V126.543Z" fill="black"/>
+<path d="M48.6878 131.481L6.52195 173.647C2.91992 177.249 2.91992 183.089 6.52195 186.691L48.6883 228.857C52.2903 232.459 58.1302 232.459 61.7322 228.857L103.898 186.691C107.5 183.089 107.5 177.249 103.898 173.647L61.7317 131.481C58.1297 127.879 52.2899 127.879 48.6878 131.481Z" fill="black"/>
+</svg>

package/packages/assets/logos/logo-netlify-monogram-darkmode.svg

@@ -0,0 +1,6 @@
+<svg width="365" height="361" viewBox="0 0 365 361" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M122.608 207.222V298.975C122.608 301.415 123.574 303.775 125.317 305.518L177.467 357.668C181.06 361.261 186.932 361.261 190.525 357.668L232.675 315.519C236.268 311.926 236.268 306.053 232.675 302.434L133.119 202.878C129.231 198.99 122.608 201.726 122.608 207.222Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M232.675 44.8449L190.525 2.69468C186.932 -0.898228 181.06 -0.898228 177.467 2.69468L125.317 54.846C123.574 56.5889 122.608 58.922 122.608 61.362V153.115C122.608 158.584 129.231 161.346 133.119 157.459L232.675 57.9031C236.268 54.3101 236.268 48.4385 232.675 44.8187V44.8449Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M307.482 126.543L151.056 174.243C145.238 176.012 145.238 184.243 151.056 186.013L307.482 233.713C310.726 234.705 314.319 233.82 316.706 231.407L361.483 186.629C365.076 183.036 365.076 177.165 361.483 173.545L316.706 128.767C314.292 126.354 310.753 125.469 307.482 126.462V126.515V126.543Z" fill="white"/>
+<path d="M48.6878 131.481L6.52195 173.647C2.91992 177.249 2.91992 183.089 6.52195 186.691L48.6883 228.857C52.2903 232.459 58.1302 232.459 61.7322 228.857L103.898 186.691C107.5 183.089 107.5 177.249 103.898 173.647L61.7317 131.481C58.1297 127.879 52.2899 127.879 48.6878 131.481Z" fill="white"/>
+</svg>

package/packages/assets/logos/logo-netlify-monogram-lightmode.svg

@@ -0,0 +1,6 @@
+<svg width="365" height="361" viewBox="0 0 365 361" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M122.608 207.222V298.975C122.608 301.415 123.574 303.775 125.317 305.518L177.467 357.668C181.06 361.261 186.932 361.261 190.525 357.668L232.675 315.519C236.268 311.926 236.268 306.053 232.675 302.434L133.119 202.878C129.231 198.99 122.608 201.726 122.608 207.222Z" fill="#131619"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M232.675 44.8449L190.525 2.69468C186.932 -0.898228 181.06 -0.898228 177.467 2.69468L125.317 54.846C123.574 56.5889 122.608 58.922 122.608 61.362V153.115C122.608 158.584 129.231 161.346 133.119 157.459L232.675 57.9031C236.268 54.3101 236.268 48.4385 232.675 44.8187V44.8449Z" fill="#131619"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M307.482 126.543L151.056 174.243C145.238 176.012 145.238 184.243 151.056 186.013L307.482 233.713C310.726 234.705 314.319 233.82 316.706 231.407L361.483 186.629C365.076 183.036 365.076 177.165 361.483 173.545L316.706 128.767C314.292 126.354 310.753 125.469 307.482 126.462V126.515V126.543Z" fill="#131619"/>
+<path d="M48.6878 131.481L6.52195 173.647C2.91992 177.249 2.91992 183.089 6.52195 186.691L48.6883 228.857C52.2903 232.459 58.1302 232.459 61.7322 228.857L103.898 186.691C107.5 183.089 107.5 177.249 103.898 173.647L61.7317 131.481C58.1297 127.879 52.2899 127.879 48.6878 131.481Z" fill="#131619"/>
+</svg>

package/packages/styles/app/color.rgb.css

@@ -93,93 +93,93 @@
 }
 
 [data-brand="hues"] {
-  --colorRgbFacetsBlue000: 237 244 255;
-  --colorRgbFacetsBlue100: 205 226 255;
-  --colorRgbFacetsBlue200: 181 210 251;
-  --colorRgbFacetsBlue300: 156 190 246;
-  --colorRgbFacetsBlue400: 128 171 250;
-  --colorRgbFacetsBlue500: 93 141 245;
-  --colorRgbFacetsBlue600: 49 107 244;
-  --colorRgbFacetsBlue700: 46 81 237;
-  --colorRgbFacetsBlue800: 32 54 161;
-  --colorRgbFacetsBlue900: 27 32 91;
-  --colorRgbFacetsGold000: 253 245 216;
-  --colorRgbFacetsGold100: 246 224 165;
-  --colorRgbFacetsGold200: 250 205 111;
-  --colorRgbFacetsGold300: 251 177 61;
-  --colorRgbFacetsGold400: 249 142 33;
-  --colorRgbFacetsGold500: 213 119 26;
-  --colorRgbFacetsGold600: 168 93 19;
-  --colorRgbFacetsGold700: 140 76 13;
-  --colorRgbFacetsGold800: 96 52 8;
-  --colorRgbFacetsGold900: 51 34 19;
-  --colorRgbFacetsGreen000: 231 252 233;
-  --colorRgbFacetsGreen100: 190 249 198;
-  --colorRgbFacetsGreen200: 147 245 165;
-  --colorRgbFacetsGreen300: 100 216 127;
-  --colorRgbFacetsGreen400: 58 195 100;
-  --colorRgbFacetsGreen500: 49 168 85;
-  --colorRgbFacetsGreen600: 34 130 64;
-  --colorRgbFacetsGreen700: 26 107 52;
-  --colorRgbFacetsGreen800: 15 74 33;
-  --colorRgbFacetsGreen900: 21 42 25;
+  --colorRgbFacetsBlue000: 243 247 255;
+  --colorRgbFacetsBlue100: 204 222 255;
+  --colorRgbFacetsBlue200: 204 222 255;
+  --colorRgbFacetsBlue300: 164 196 255;
+  --colorRgbFacetsBlue400: 122 168 254;
+  --colorRgbFacetsBlue500: 77 137 253;
+  --colorRgbFacetsBlue600: 6 94 255;
+  --colorRgbFacetsBlue700: 6 94 255;
+  --colorRgbFacetsBlue800: 0 54 160;
+  --colorRgbFacetsBlue900: 0 37 115;
+  --colorRgbFacetsGold000: 254 238 209;
+  --colorRgbFacetsGold100: 255 222 160;
+  --colorRgbFacetsGold200: 253 203 101;
+  --colorRgbFacetsGold300: 253 203 101;
+  --colorRgbFacetsGold400: 195 153 64;
+  --colorRgbFacetsGold500: 195 153 64;
+  --colorRgbFacetsGold600: 140 105 25;
+  --colorRgbFacetsGold700: 140 105 25;
+  --colorRgbFacetsGold800: 87 62 2;
+  --colorRgbFacetsGold900: 37 24 0;
+  --colorRgbFacetsGreen000: 236 252 239;
+  --colorRgbFacetsGreen100: 207 240 214;
+  --colorRgbFacetsGreen200: 176 227 189;
+  --colorRgbFacetsGreen300: 109 199 136;
+  --colorRgbFacetsGreen400: 63 182 107;
+  --colorRgbFacetsGreen500: 63 182 107;
+  --colorRgbFacetsGreen600: 36 142 79;
+  --colorRgbFacetsGreen700: 3 105 52;
+  --colorRgbFacetsGreen800: 1 68 31;
+  --colorRgbFacetsGreen900: 0 34 12;
   --colorRgbFacetsNeutralDark000: 255 255 255;
-  --colorRgbFacetsNeutralDark100: 230 236 242;
-  --colorRgbFacetsNeutralDark200: 171 181 191;
-  --colorRgbFacetsNeutralDark300: 126 135 146;
-  --colorRgbFacetsNeutralDark400: 77 86 95;
-  --colorRgbFacetsNeutralDark500: 59 67 76;
-  --colorRgbFacetsNeutralDark600: 39 47 56;
-  --colorRgbFacetsNeutralDark700: 30 36 44;
-  --colorRgbFacetsNeutralDark800: 18 24 31;
-  --colorRgbFacetsNeutralDark900: 6 11 16;
+  --colorRgbFacetsNeutralDark100: 244 247 249;
+  --colorRgbFacetsNeutralDark200: 163 176 181;
+  --colorRgbFacetsNeutralDark300: 122 137 143;
+  --colorRgbFacetsNeutralDark400: 55 72 78;
+  --colorRgbFacetsNeutralDark500: 55 72 78;
+  --colorRgbFacetsNeutralDark600: 1 50 71;
+  --colorRgbFacetsNeutralDark700: 7 27 34;
+  --colorRgbFacetsNeutralDark800: 7 27 34;
+  --colorRgbFacetsNeutralDark900: 3 15 20;
   --colorRgbFacetsNeutralLight000: 255 255 255;
-  --colorRgbFacetsNeutralLight100: 246 246 247;
-  --colorRgbFacetsNeutralLight200: 233 235 237;
-  --colorRgbFacetsNeutralLight300: 209 213 218;
-  --colorRgbFacetsNeutralLight400: 157 167 178;
-  --colorRgbFacetsNeutralLight500: 119 128 137;
-  --colorRgbFacetsNeutralLight600: 84 90 97;
-  --colorRgbFacetsNeutralLight700: 53 58 62;
-  --colorRgbFacetsNeutralLight800: 24 26 28;
-  --colorRgbFacetsPink000: 252 240 251;
-  --colorRgbFacetsPink100: 246 210 242;
-  --colorRgbFacetsPink200: 247 188 243;
-  --colorRgbFacetsPink300: 243 168 238;
-  --colorRgbFacetsPink400: 239 127 235;
-  --colorRgbFacetsPink500: 223 90 220;
-  --colorRgbFacetsPink600: 185 56 184;
-  --colorRgbFacetsPink700: 154 45 153;
-  --colorRgbFacetsPink800: 108 29 107;
-  --colorRgbFacetsPink900: 56 27 55;
-  --colorRgbFacetsPurple000: 245 242 252;
-  --colorRgbFacetsPurple100: 226 217 247;
-  --colorRgbFacetsPurple200: 216 199 255;
-  --colorRgbFacetsPurple300: 202 185 244;
-  --colorRgbFacetsPurple400: 180 157 241;
-  --colorRgbFacetsPurple500: 155 128 237;
-  --colorRgbFacetsPurple600: 119 92 231;
-  --colorRgbFacetsPurple700: 97 74 202;
-  --colorRgbFacetsPurple800: 56 42 164;
-  --colorRgbFacetsPurple900: 41 33 66;
-  --colorRgbFacetsRed000: 251 238 237;
-  --colorRgbFacetsRed100: 251 211 208;
-  --colorRgbFacetsRed200: 255 189 186;
-  --colorRgbFacetsRed300: 255 173 169;
-  --colorRgbFacetsRed400: 254 131 130;
-  --colorRgbFacetsRed500: 254 78 92;
-  --colorRgbFacetsRed600: 214 39 64;
-  --colorRgbFacetsRed700: 175 37 54;
-  --colorRgbFacetsRed800: 128 10 32;
-  --colorRgbFacetsRed900: 61 28 27;
-  --colorRgbFacetsTeal000: 222 255 254;
-  --colorRgbFacetsTeal100: 142 251 247;
-  --colorRgbFacetsTeal200: 50 230 226;
-  --colorRgbFacetsTeal300: 20 216 212;
-  --colorRgbFacetsTeal400: 5 189 186;
-  --colorRgbFacetsTeal500: 4 162 159;
-  --colorRgbFacetsTeal600: 2 128 125;
-  --colorRgbFacetsTeal700: 1 105 104;
-  --colorRgbFacetsTeal800: 1 72 71;
-  --colorRgbFacetsTeal900: 12 42 42;
+  --colorRgbFacetsNeutralLight100: 243 244 244;
+  --colorRgbFacetsNeutralLight200: 234 237 238;
+  --colorRgbFacetsNeutralLight300: 207 217 221;
+  --colorRgbFacetsNeutralLight400: 163 176 181;
+  --colorRgbFacetsNeutralLight500: 122 137 143;
+  --colorRgbFacetsNeutralLight600: 82 100 106;
+  --colorRgbFacetsNeutralLight700: 45 65 72;
+  --colorRgbFacetsNeutralLight800: 7 27 34;
+  --colorRgbFacetsPink000: 255 243 247;
+  --colorRgbFacetsPink100: 255 217 230;
+  --colorRgbFacetsPink200: 254 190 212;
+  --colorRgbFacetsPink300: 255 159 195;
+  --colorRgbFacetsPink400: 254 123 176;
+  --colorRgbFacetsPink500: 255 61 156;
+  --colorRgbFacetsPink600: 204 34 121;
+  --colorRgbFacetsPink700: 154 4 88;
+  --colorRgbFacetsPink800: 97 45 104;
+  --colorRgbFacetsPink900: 64 26 69;
+  --colorRgbFacetsPurple000: 244 246 255;
+  --colorRgbFacetsPurple100: 210 219 254;
+  --colorRgbFacetsPurple200: 210 219 254;
+  --colorRgbFacetsPurple300: 176 190 254;
+  --colorRgbFacetsPurple400: 142 159 254;
+  --colorRgbFacetsPurple500: 109 125 253;
+  --colorRgbFacetsPurple600: 109 125 253;
+  --colorRgbFacetsPurple700: 61 54 211;
+  --colorRgbFacetsPurple800: 45 35 169;
+  --colorRgbFacetsPurple900: 48 18 53;
+  --colorRgbFacetsRed000: 255 244 243;
+  --colorRgbFacetsRed100: 255 217 213;
+  --colorRgbFacetsRed200: 254 189 183;
+  --colorRgbFacetsRed300: 255 158 149;
+  --colorRgbFacetsRed400: 254 121 113;
+  --colorRgbFacetsRed500: 248 71 71;
+  --colorRgbFacetsRed600: 199 46 49;
+  --colorRgbFacetsRed700: 199 46 49;
+  --colorRgbFacetsRed800: 152 19 27;
+  --colorRgbFacetsRed900: 58 0 3;
+  --colorRgbFacetsTeal000: 232 252 247;
+  --colorRgbFacetsTeal100: 174 242 228;
+  --colorRgbFacetsTeal200: 99 230 208;
+  --colorRgbFacetsTeal300: 16 221 196;
+  --colorRgbFacetsTeal400: 9 169 149;
+  --colorRgbFacetsTeal500: 9 169 149;
+  --colorRgbFacetsTeal600: 7 120 105;
+  --colorRgbFacetsTeal700: 7 120 105;
+  --colorRgbFacetsTeal800: 0 74 64;
+  --colorRgbFacetsTeal900: 0 32 27;
 }