@launchpad-ui/tokens - npm Package Compare versions

Comparing version 0.11.4 to 0.12.0

dist/contract.json

@@ -32,4 +32,3 @@ {
         "info": "color-bg-feedback-info",
-        "success": "color-bg-feedback-success",
-        "warning": "color-bg-feedback-warning"
+        "success": "color-bg-feedback-success"
       },
@@ -49,8 +48,2 @@ "interactive": {
         },
-        "secondary-flair": {
-          "base": "color-bg-interactive-secondary-flair-base",
-          "active": "color-bg-interactive-secondary-flair-active",
-          "focus": "color-bg-interactive-secondary-flair-focus",
-          "hover": "color-bg-interactive-secondary-flair-hover"
-        },
         "tertiary": {
@@ -62,14 +55,2 @@ "base": "color-bg-interactive-tertiary-base",
         },
-        "tertiary-flair": {
-          "base": "color-bg-interactive-tertiary-flair-base",
-          "active": "color-bg-interactive-tertiary-flair-active",
-          "focus": "color-bg-interactive-tertiary-flair-focus",
-          "hover": "color-bg-interactive-tertiary-flair-hover"
-        },
-        "success": {
-          "base": "color-bg-interactive-success-base",
-          "hover": "color-bg-interactive-success-hover",
-          "focus": "color-bg-interactive-success-focus",
-          "active": "color-bg-interactive-success-active"
-        },
         "destructive": {
@@ -87,6 +68,4 @@ "base": "color-bg-interactive-destructive-base",
         "primary": "color-bg-ui-primary",
-        "primary-flair": "color-bg-ui-primary-flair",
         "secondary": "color-bg-ui-secondary",
-        "tertiary": "color-bg-ui-tertiary",
-        "quaternary": "color-bg-ui-quaternary"
+        "tertiary": "color-bg-ui-tertiary"
       },
@@ -99,11 +78,7 @@ "overlay": {
         "base": "color-bg-field-base",
-        "disabled": "color-bg-field-disabled",
-        "error": "color-bg-field-error",
-        "aside": "color-bg-field-aside"
+        "disabled": "color-bg-field-disabled"
       },
       "product": {
         "beta": "color-bg-product-beta",
-        "federal": "color-bg-product-federal",
-        "toggle-chip-on": "color-bg-product-toggle-chip-on",
-        "toggle-chip-off": "color-bg-product-toggle-chip-off"
+        "federal": "color-bg-product-federal"
       }
@@ -115,4 +90,3 @@ },
         "info": "color-border-feedback-info",
-        "success": "color-border-feedback-success",
-        "warning": "color-border-feedback-warning"
+        "success": "color-border-feedback-success"
       },
@@ -134,8 +108,2 @@ "field": {
         },
-        "primary-flair": {
-          "base": "color-border-interactive-primary-flair-base",
-          "active": "color-border-interactive-primary-flair-active",
-          "focus": "color-border-interactive-primary-flair-focus",
-          "hover": "color-border-interactive-primary-flair-hover"
-        },
         "secondary": {
@@ -147,14 +115,2 @@ "base": "color-border-interactive-secondary-base",
         },
-        "secondary-flair": {
-          "base": "color-border-interactive-secondary-flair-base",
-          "active": "color-border-interactive-secondary-flair-active",
-          "focus": "color-border-interactive-secondary-flair-focus",
-          "hover": "color-border-interactive-secondary-flair-hover"
-        },
-        "success": {
-          "base": "color-border-interactive-success-base",
-          "hover": "color-border-interactive-success-hover",
-          "focus": "color-border-interactive-success-focus",
-          "active": "color-border-interactive-success-active"
-        },
         "destructive": "color-border-interactive-destructive",
@@ -166,7 +122,3 @@ "disabled": "color-border-interactive-disabled",
         "primary": "color-border-ui-primary",
-        "primary-flair": "color-border-ui-primary-flair",
         "secondary": "color-border-ui-secondary"
-      },
-      "overlay": {
-        "secondary": "color-border-overlay-secondary"
       }
@@ -178,20 +130,11 @@ },
         "info": "color-fill-feedback-info",
-        "success": "color-fill-feedback-success",
-        "warning": "color-fill-feedback-warning"
+        "success": "color-fill-feedback-success"
       },
       "interactive": {
         "primary": "color-fill-interactive-primary",
-        "success": {
-          "base": "color-fill-interactive-success-base",
-          "hover": "color-fill-interactive-success-hover",
-          "focus": "color-fill-interactive-success-focus",
-          "active": "color-fill-interactive-success-active"
-        },
-        "destructive": "color-fill-interactive-destructive",
-        "disabled": "color-fill-interactive-disabled"
+        "destructive": "color-fill-interactive-destructive"
       },
       "ui": {
         "primary": "color-fill-ui-primary",
-        "secondary": "color-fill-ui-secondary",
-        "primary-flair": "color-fill-ui-primary-flair"
+        "secondary": "color-fill-ui-secondary"
       },
@@ -208,3 +151,4 @@ "field": {
       "ui": {
-        "primary": "color-shadow-ui-primary"
+        "primary": "color-shadow-ui-primary",
+        "secondary": "color-shadow-ui-secondary"
       }
@@ -217,3 +161,2 @@ },
         "success": "color-text-feedback-success",
-        "warning": "color-text-feedback-warning",
         "info": "color-text-feedback-info"
@@ -231,16 +174,4 @@ },
         "secondary": "color-text-interactive-secondary",
-        "success": {
-          "base": "color-text-interactive-success-base",
-          "hover": "color-text-interactive-success-hover",
-          "focus": "color-text-interactive-success-focus",
-          "active": "color-text-interactive-success-active"
-        },
         "destructive": "color-text-interactive-destructive",
-        "disabled": "color-text-interactive-disabled",
-        "flair": {
-          "focus": "color-text-interactive-flair-focus",
-          "hover": "color-text-interactive-flair-hover",
-          "base": "color-text-interactive-flair-base",
-          "active": "color-text-interactive-flair-active"
-        }
+        "disabled": "color-text-interactive-disabled"
       },
@@ -252,11 +183,5 @@ "ui": {
         },
-        "secondary": "color-text-ui-secondary",
-        "tertiary": "color-text-ui-tertiary"
+        "secondary": "color-text-ui-secondary"
       },
-      "overlay": {
-        "primary": "color-text-overlay-primary",
-        "secondary": "color-text-overlay-secondary"
-      },
       "field": {
-        "base": "color-text-field-base",
         "disabled": "color-text-field-disabled",
@@ -267,7 +192,3 @@ "placeholder": "color-text-field-placeholder"
         "beta": "color-text-product-beta",
-        "code": "color-text-product-code",
-        "federal": "color-text-product-federal",
-        "flair": "color-text-product-flair",
-        "toggle-chip-on": "color-text-product-toggle-chip-on",
-        "toggle-chip-off": "color-text-product-toggle-chip-off"
+        "federal": "color-text-product-federal"
       },
@@ -279,5 +200,22 @@ "code": {
         "comment": "color-text-code-comment",
-        "base": "color-text-code-base"
+        "base": "color-text-code-base",
+        "keyword": "color-text-code-keyword",
+        "title": "color-text-code-title",
+        "number": "color-text-code-number"
       }
     },
+    "gray": {
+      "0": "color-gray-0",
+      "50": "color-gray-50",
+      "100": "color-gray-100",
+      "200": "color-gray-200",
+      "300": "color-gray-300",
+      "400": "color-gray-400",
+      "500": "color-gray-500",
+      "600": "color-gray-600",
+      "700": "color-gray-700",
+      "800": "color-gray-800",
+      "900": "color-gray-900",
+      "950": "color-gray-950"
+    },
     "blue": {
@@ -297,30 +235,2 @@ "0": "color-blue-0",
     },
-    "cyan": {
-      "0": "color-cyan-0",
-      "50": "color-cyan-50",
-      "100": "color-cyan-100",
-      "200": "color-cyan-200",
-      "300": "color-cyan-300",
-      "400": "color-cyan-400",
-      "500": "color-cyan-500",
-      "600": "color-cyan-600",
-      "700": "color-cyan-700",
-      "800": "color-cyan-800",
-      "900": "color-cyan-900",
-      "950": "color-cyan-950"
-    },
-    "pink": {
-      "0": "color-pink-0",
-      "50": "color-pink-50",
-      "100": "color-pink-100",
-      "200": "color-pink-200",
-      "300": "color-pink-300",
-      "400": "color-pink-400",
-      "500": "color-pink-500",
-      "600": "color-pink-600",
-      "700": "color-pink-700",
-      "800": "color-pink-800",
-      "900": "color-pink-900",
-      "950": "color-pink-950"
-    },
     "purple": {
@@ -340,30 +250,44 @@ "0": "color-purple-0",
     },
-    "yellow": {
-      "0": "color-yellow-0",
-      "50": "color-yellow-50",
-      "100": "color-yellow-100",
-      "200": "color-yellow-200",
-      "300": "color-yellow-300",
-      "400": "color-yellow-400",
-      "500": "color-yellow-500",
-      "600": "color-yellow-600",
-      "700": "color-yellow-700",
-      "800": "color-yellow-800",
-      "900": "color-yellow-900",
-      "950": "color-yellow-950"
+    "green": {
+      "0": "color-green-0",
+      "50": "color-green-50",
+      "100": "color-green-100",
+      "200": "color-green-200",
+      "300": "color-green-300",
+      "400": "color-green-400",
+      "500": "color-green-500",
+      "600": "color-green-600",
+      "700": "color-green-700",
+      "800": "color-green-800",
+      "900": "color-green-900",
+      "950": "color-green-950"
     },
-    "gray": {
-      "0": "color-gray-0",
-      "50": "color-gray-50",
-      "100": "color-gray-100",
-      "200": "color-gray-200",
-      "300": "color-gray-300",
-      "400": "color-gray-400",
-      "500": "color-gray-500",
-      "600": "color-gray-600",
-      "700": "color-gray-700",
-      "800": "color-gray-800",
-      "900": "color-gray-900",
-      "950": "color-gray-950"
+    "red": {
+      "0": "color-red-0",
+      "50": "color-red-50",
+      "100": "color-red-100",
+      "200": "color-red-200",
+      "300": "color-red-300",
+      "400": "color-red-400",
+      "500": "color-red-500",
+      "600": "color-red-600",
+      "700": "color-red-700",
+      "800": "color-red-800",
+      "900": "color-red-900",
+      "950": "color-red-950"
     },
+    "black": {
+      "0": "color-black-0",
+      "50": "color-black-50",
+      "100": "color-black-100",
+      "200": "color-black-200",
+      "300": "color-black-300",
+      "400": "color-black-400",
+      "500": "color-black-500",
+      "600": "color-black-600",
+      "700": "color-black-700",
+      "800": "color-black-800",
+      "900": "color-black-900",
+      "950": "color-black-950"
+    },
     "white": {
@@ -383,58 +307,37 @@ "0": "color-white-0",
     },
-    "black": {
-      "0": "color-black-0",
-      "50": "color-black-50",
-      "100": "color-black-100",
-      "200": "color-black-200",
-      "300": "color-black-300",
-      "400": "color-black-400",
-      "500": "color-black-500",
-      "600": "color-black-600",
-      "700": "color-black-700",
-      "800": "color-black-800",
-      "900": "color-black-900",
-      "950": "color-black-950"
-    },
-    "system": {
-      "green": {
-        "0": "color-system-green-0",
-        "50": "color-system-green-50",
-        "100": "color-system-green-100",
-        "200": "color-system-green-200",
-        "300": "color-system-green-300",
-        "400": "color-system-green-400",
-        "500": "color-system-green-500",
-        "600": "color-system-green-600",
-        "700": "color-system-green-700",
-        "800": "color-system-green-800",
-        "900": "color-system-green-900",
-        "950": "color-system-green-950"
+    "brand": {
+      "blue": {
+        "light": "color-brand-blue-light",
+        "base": "color-brand-blue-base",
+        "dark": "color-brand-blue-dark"
       },
-      "red": {
-        "0": "color-system-red-0",
-        "50": "color-system-red-50",
-        "100": "color-system-red-100",
-        "200": "color-system-red-200",
-        "300": "color-system-red-300",
-        "400": "color-system-red-400",
-        "500": "color-system-red-500",
-        "600": "color-system-red-600",
-        "700": "color-system-red-700",
-        "800": "color-system-red-800",
-        "900": "color-system-red-900",
-        "950": "color-system-red-950"
+      "cyan": {
+        "light": "color-brand-cyan-light",
+        "base": "color-brand-cyan-base",
+        "dark": "color-brand-cyan-dark"
       },
+      "purple": {
+        "light": "color-brand-purple-light",
+        "base": "color-brand-purple-base",
+        "dark": "color-brand-purple-dark"
+      },
+      "pink": {
+        "light": "color-brand-pink-light",
+        "base": "color-brand-pink-base",
+        "dark": "color-brand-pink-dark"
+      },
+      "orange": {
+        "light": "color-brand-orange-light",
+        "base": "color-brand-orange-base",
+        "dark": "color-brand-orange-dark"
+      },
       "yellow": {
-        "0": "color-system-yellow-0",
-        "50": "color-system-yellow-50",
-        "100": "color-system-yellow-100",
-        "200": "color-system-yellow-200",
-        "300": "color-system-yellow-300",
-        "400": "color-system-yellow-400",
-        "500": "color-system-yellow-500",
-        "600": "color-system-yellow-600",
-        "700": "color-system-yellow-700",
-        "800": "color-system-yellow-800",
-        "900": "color-system-yellow-900",
-        "950": "color-system-yellow-950"
+        "light": "color-brand-yellow-light",
+        "base": "color-brand-yellow-base",
+        "dark": "color-brand-yellow-dark"
+      },
+      "green": {
+        "light": "color-brand-green-light",
+        "base": "color-brand-green-base",
+        "dark": "color-brand-green-dark"
       }
@@ -444,6 +347,8 @@ },
       "yellow-cyan": "color-gradient-yellow-cyan",
+      "yellow-pink": "color-gradient-yellow-pink",
+      "yellow-blue-pale": "color-gradient-yellow-blue-pale",
       "cyan-blue": "color-gradient-cyan-blue",
       "cyan-purple": "color-gradient-cyan-purple",
       "purple-blue": "color-gradient-purple-blue",
-      "pink-purple": "color-gradient-pink-purple"
+      "purple-pink": "color-gradient-purple-pink"
     }
@@ -450,0 +355,0 @@ },

dist/index.d.ts

@@ -205,11 +205,10 @@ declare const root: RootObject
   text: Text;
-  blue: Blue;
-  cyan: Blue;
-  pink: Blue;
-  purple: Blue;
-  yellow: Blue;
-  gray: Blue;
-  white: Blue;
-  black: Blue;
-  system: System;
+  gray: Gray;
+  blue: Gray;
+  purple: Gray;
+  green: Gray;
+  red: Gray;
+  black: Gray;
+  white: Gray;
+  brand: Brand;
   gradient: Gradient;
@@ -219,13 +218,24 @@ }
   'yellow-cyan': string;
+  'yellow-pink': string;
+  'yellow-blue-pale': string;
   'cyan-blue': string;
   'cyan-purple': string;
   'purple-blue': string;
-  'pink-purple': string;
+  'purple-pink': string;
 }
-interface System {
+interface Brand {
+  blue: Blue;
+  cyan: Blue;
+  purple: Blue;
+  pink: Blue;
+  orange: Blue;
+  yellow: Blue;
   green: Blue;
-  red: Blue;
-  yellow: Blue;
 }
 interface Blue {
+  light: string;
+  base: string;
+  dark: string;
+}
+interface Gray {
   '0': string;
@@ -247,6 +257,5 @@ '50': string;
   interactive: Interactive5;
-  ui: Ui4;
-  overlay: Overlay;
+  ui: Ui2;
   field: Field4;
-  product: Product2;
+  product: Product;
   code: Code;
@@ -260,20 +269,13 @@ }
   base: string;
+  keyword: string;
+  title: string;
+  number: string;
 }
-interface Product2 {
-  beta: string;
-  code: string;
-  federal: string;
-  flair: string;
-  'toggle-chip-on': string;
-  'toggle-chip-off': string;
-}
 interface Field4 {
-  base: string;
   disabled: string;
   placeholder: string;
 }
-interface Ui4 {
+interface Ui2 {
   primary: Primary2;
   secondary: string;
-  tertiary: string;
 }
@@ -289,6 +291,4 @@ interface Primary2 {
   secondary: string;
-  success: Primary;
   destructive: string;
   disabled: string;
-  flair: Primary;
 }
@@ -299,3 +299,2 @@ interface Feedback3 {
   success: string;
-  warning: string;
   info: string;
@@ -305,7 +304,4 @@ }
   interactive: Interactive4;
-  ui: Ui3;
+  ui: Overlay;
 }
-interface Ui3 {
-  primary: string;
-}
 interface Interactive4 {
@@ -318,3 +314,3 @@ focus: string;
   interactive: Interactive3;
-  ui: Ui2;
+  ui: Overlay;
   field: Field3;
@@ -327,5 +323,3 @@ }
   primary: string;
-  success: Primary;
   destructive: string;
-  disabled: string;
 }
@@ -336,20 +330,8 @@ interface Border {
   interactive: Interactive2;
-  ui: Ui2;
-  overlay: Overlay2;
+  ui: Overlay;
 }
-interface Overlay2 {
-  secondary: string;
-}
-interface Ui2 {
-  primary: string;
-  'primary-flair': string;
-  secondary: string;
-}
 interface Interactive2 {
   focus: string;
   primary: Primary;
-  'primary-flair': Primary;
   secondary: Primary;
-  'secondary-flair': Primary;
-  success: Primary;
   destructive: string;
@@ -370,3 +352,2 @@ disabled: string;
   success: string;
-  warning: string;
 }
@@ -384,4 +365,2 @@ interface Bg {
   federal: string;
-  'toggle-chip-on': string;
-  'toggle-chip-off': string;
 }
@@ -391,4 +370,2 @@ interface Field {
   disabled: string;
-  error: string;
-  aside: string;
 }
@@ -401,6 +378,4 @@ interface Overlay {
   primary: string;
-  'primary-flair': string;
   secondary: string;
   tertiary: string;
-  quaternary: string;
 }
@@ -410,6 +385,3 @@ interface Interactive {
   secondary: Primary;
-  'secondary-flair': Primary;
   tertiary: Primary;
-  'tertiary-flair': Primary;
-  success: Primary;
   destructive: Primary;
@@ -431,3 +403,2 @@ disabled: string;
   success: string;
-  warning: string;
 }
@@ -434,0 +405,0 @@ interface BorderWidth {

dist/index.es.js

@@ -33,77 +33,52 @@ /**
       "feedback": {
-        "primary": "#373841",
-        "error": "#fff5f3",
-        "info": "#f5f7ff",
-        "success": "#eefdf7",
-        "warning": "#fffcf2"
+        "primary": "#2d3239",
+        "error": "#ffe8eb",
+        "info": "#e4eaff",
+        "success": "#c7fbce"
       },
       "interactive": {
         "primary": {
-          "base": "#2443ff",
-          "active": "#2936b5",
-          "focus": "#2936b5",
-          "hover": "#3c5efb"
+          "base": "#425eff",
+          "active": "#425eff",
+          "focus": "#3144d9",
+          "hover": "#3144d9"
         },
         "secondary": {
           "base": "#000000",
-          "active": "#d6d8dc",
-          "focus": "#d6d8dc",
-          "hover": "#e8e9ee"
+          "active": "#000000",
+          "focus": "#eceff2",
+          "hover": "#eceff2"
         },
-        "secondary-flair": {
-          "base": "#eedbfb",
-          "active": "#bf80ed",
-          "focus": "#bf80ed",
-          "hover": "#d4adf0"
-        },
         "tertiary": {
           "base": "#000000",
-          "active": "#d6d8dc",
-          "focus": "#d6d8dc",
-          "hover": "#e8e9ee"
+          "active": "#000000",
+          "focus": "#eceff2",
+          "hover": "#eceff2"
         },
-        "tertiary-flair": {
+        "destructive": {
           "base": "#000000",
-          "active": "#d4adf0",
-          "focus": "#d4adf0",
-          "hover": "#eedbfb"
+          "active": "#000000",
+          "focus": "#ffe8eb",
+          "hover": "#ffe8eb"
         },
-        "success": {
-          "base": "#c3fde5",
-          "hover": "#94ffd0",
-          "focus": "#42ffad",
-          "active": "#42ffad"
-        },
-        "destructive": {
-          "base": "#ffffff",
-          "active": "#f7bcb3",
-          "focus": "#f7bcb3",
-          "hover": "#ffe7e4"
-        },
-        "disabled": "#e8e9ee",
-        "link": "#e5ebff",
-        "selected": "#f5f7ff"
+        "disabled": "#d8dde3",
+        "link": "#e4eaff",
+        "selected": "#f6f8ff"
       },
       "ui": {
         "primary": "#ffffff",
-        "primary-flair": "#d4adf0",
-        "secondary": "#f7f7f8",
-        "tertiary": "#e8e9ee",
-        "quaternary": "#d6d8dc"
+        "secondary": "#f7f9fb",
+        "tertiary": "#eceff2"
       },
       "overlay": {
         "primary": "#ffffff",
-        "secondary": "#191919"
+        "secondary": "#ffffff"
       },
       "field": {
         "base": "#ffffff",
-        "disabled": "#e8e9ee",
-        "error": "#c41a01",
-        "aside": "#e8e9ee"
+        "disabled": "#eceff2"
       },
       "product": {
-        "beta": "#eedbfb",
-        "federal": "#e6fd1a",
-        "toggle-chip-on": "#c3fde5",
-        "toggle-chip-off": "#e8e9ee"
+        "beta": "#e6d0ff",
+        "federal": "#ebff38"
       }
@@ -113,57 +88,34 @@ },
       "feedback": {
-        "error": "#e52618",
-        "info": "#2443ff",
-        "success": "#00a85f",
-        "warning": "#a37d03"
+        "error": "#db2251",
+        "info": "#425eff",
+        "success": "#008344"
       },
       "field": {
-        "base": "#d6d8dc",
-        "active": "#2443ff",
-        "focus": "#2443ff",
-        "error": "#c41a01",
-        "disabled": "#d6d8dc"
+        "base": "#d8dde3",
+        "active": "#425eff",
+        "focus": "#425eff",
+        "error": "#db2251",
+        "disabled": "#eceff2"
       },
       "interactive": {
-        "focus": "#2443ff",
+        "focus": "#425eff",
         "primary": {
-          "base": "#2443ff",
-          "active": "#2936b5",
-          "focus": "#2936b5",
-          "hover": "#3c5efb"
+          "base": "#000000",
+          "active": "#000000",
+          "focus": "#000000",
+          "hover": "#000000"
         },
-        "primary-flair": {
-          "base": "#912fd6",
-          "active": "#671d9b",
-          "focus": "#671d9b",
-          "hover": "#8325c6"
-        },
         "secondary": {
-          "base": "#d6d8dc",
-          "active": "#d6d8dc",
-          "focus": "#d6d8dc",
-          "hover": "#d6d8dc"
+          "base": "#d8dde3",
+          "active": "#d8dde3",
+          "focus": "#d8dde3",
+          "hover": "#d8dde3"
         },
-        "secondary-flair": {
-          "base": "#912fd6",
-          "active": "#671d9b",
-          "focus": "#671d9b",
-          "hover": "#8325c6"
-        },
-        "success": {
-          "base": "#00f087",
-          "hover": "#00cc73",
-          "focus": "#00a85f",
-          "active": "#00a85f"
-        },
-        "destructive": "#9b1403",
-        "disabled": "#e8e9ee",
-        "selected": "#2936b5"
+        "destructive": "#db2251",
+        "disabled": "#000000",
+        "selected": "#425eff"
       },
       "ui": {
-        "primary": "#d6d8dc",
-        "primary-flair": "#bf80ed",
-        "secondary": "#e8e9ee"
-      },
-      "overlay": {
-        "secondary": "#373841"
+        "primary": "#d8dde3",
+        "secondary": "#eceff2"
       }
@@ -173,25 +125,16 @@ },
       "feedback": {
-        "error": "#e52618",
-        "info": "#2443ff",
-        "success": "#00854b",
-        "warning": "#a37d03"
+        "error": "#db2251",
+        "info": "#425eff",
+        "success": "#008344"
       },
       "interactive": {
         "primary": "#ffffff",
-        "success": {
-          "base": "#00522e",
-          "hover": "#00522e",
-          "focus": "#00522e",
-          "active": "#00522e"
-        },
-        "destructive": "#9b1403",
-        "disabled": "#515362"
+        "destructive": "#db2251"
       },
       "ui": {
-        "primary": "currentcolor",
-        "secondary": "#868893",
-        "primary-flair": "#912fd6"
+        "primary": "#3f454c",
+        "secondary": "#6c727a"
       },
       "field": {
-        "base": "#6c6e7a"
+        "base": "#545a62"
       }
@@ -201,7 +144,8 @@ },
       "interactive": {
-        "focus": "#2443ff",
+        "focus": "#3144d9",
         "primary": "#ffffff"
       },
       "ui": {
-        "primary": "#868893"
+        "primary": "#07080c",
+        "secondary": "#07080c"
       }
@@ -211,11 +155,10 @@ },
       "feedback": {
-        "base": "#191919",
-        "error": "#c41a01",
-        "success": "#006b3c",
-        "warning": "#795605",
-        "info": "#24318a"
+        "base": "#23252a",
+        "error": "#b6073c",
+        "success": "#006933",
+        "info": "#3144d9"
       },
       "interactive": {
-        "base": "#2936b5",
-        "active": "#8325c6",
+        "base": "#3144d9",
+        "active": "#6a00a9",
         "primary": {
@@ -227,135 +170,116 @@ "base": "#ffffff",
         },
-        "secondary": "#6c6e7a",
-        "success": {
-          "base": "#00522e",
-          "hover": "#00522e",
-          "focus": "#00522e",
-          "active": "#00522e"
-        },
-        "destructive": "#9b1403",
-        "disabled": "#868893",
-        "flair": {
-          "focus": "#4b1570",
-          "hover": "#671d9b",
-          "base": "#8325c6",
-          "active": "#4b1570"
-        }
+        "secondary": "#545a62",
+        "destructive": "#b6073c",
+        "disabled": "#6c727a"
       },
       "ui": {
         "primary": {
-          "base": "#191919",
+          "base": "#23252a",
           "inverted": "#ffffff"
         },
-        "secondary": "#373841",
-        "tertiary": "#6c6e7a"
+        "secondary": "#545a62"
       },
-      "overlay": {
-        "primary": "#373841",
-        "secondary": "#ffffff"
-      },
       "field": {
-        "base": "#6c6e7a",
-        "disabled": "#515362",
-        "placeholder": "#6c6e7a"
+        "disabled": "#6c727a",
+        "placeholder": "#6c727a"
       },
       "product": {
-        "beta": "#912fd6",
-        "code": "#dc0a40",
-        "federal": "#191919",
-        "flair": "#8325c6",
-        "toggle-chip-on": "#00854b",
-        "toggle-chip-off": "#373841"
+        "beta": "#8717cd",
+        "federal": "#181a1f"
       },
       "code": {
-        "function": "#00a0bc",
-        "tag": "#912fd6",
-        "string": "#dc0a40",
-        "comment": "#6c6e7a",
-        "base": "#373841"
+        "function": "#6a3390",
+        "tag": "#a35901",
+        "string": "#238ca3",
+        "comment": "#898e94",
+        "base": "#545a62",
+        "keyword": "#ff35a2",
+        "title": "#ff9d29",
+        "number": "#2a3ba6"
       }
     },
+    "gray": {
+      "0": "#f7f9fb",
+      "50": "#eceff2",
+      "100": "#d8dde3",
+      "200": "#c6cbd1",
+      "300": "#a9afb4",
+      "400": "#898e94",
+      "500": "#6c727a",
+      "600": "#545a62",
+      "700": "#3f454c",
+      "800": "#2d3239",
+      "900": "#23252a",
+      "950": "#181a1f"
+    },
     "blue": {
-      "0": "#f5f7ff",
-      "50": "#e5ebff",
-      "100": "#d6ddff",
-      "200": "#c1caff",
-      "300": "#98aaff",
-      "400": "#5f7bff",
-      "500": "#3c5efb",
-      "600": "#2443ff",
-      "700": "#2936b5",
-      "800": "#24318a",
-      "900": "#1d2865",
-      "950": "#111946"
+      "0": "#f6f8ff",
+      "50": "#e4eaff",
+      "100": "#cfd9ff",
+      "200": "#afbfff",
+      "300": "#8a9eff",
+      "400": "#7084ff",
+      "500": "#425eff",
+      "600": "#3144d9",
+      "700": "#2536a6",
+      "800": "#19267d",
+      "900": "#121d61",
+      "950": "#0b144d"
     },
-    "cyan": {
-      "0": "#e5fbff",
-      "50": "#c9f4fd",
-      "100": "#a6efff",
-      "200": "#7ae9fe",
-      "300": "#35defa",
-      "400": "#00cded",
-      "500": "#00b8d7",
-      "600": "#00a0bc",
-      "700": "#007d95",
-      "800": "#00677b",
-      "900": "#004f5e",
-      "950": "#003742"
+    "purple": {
+      "0": "#fbf6ff",
+      "50": "#f4e9ff",
+      "100": "#e6d0ff",
+      "200": "#dcb9ff",
+      "300": "#cb91ff",
+      "400": "#bd61ff",
+      "500": "#a636ec",
+      "600": "#8717cd",
+      "700": "#6a00a9",
+      "800": "#4e007e",
+      "900": "#3c0262",
+      "950": "#2e004d"
     },
-    "pink": {
-      "0": "#fff5f8",
-      "50": "#ffe5ec",
-      "100": "#ffd0dc",
-      "200": "#ffadc2",
-      "300": "#ff7599",
-      "400": "#ff3d6f",
-      "500": "#ff1451",
-      "600": "#dc0a40",
-      "700": "#b8002f",
-      "800": "#850022",
-      "900": "#520015",
-      "950": "#410e1a"
+    "green": {
+      "0": "#e5ffe8",
+      "50": "#c7fbce",
+      "100": "#a3f2b4",
+      "200": "#6ce090",
+      "300": "#1ecb6a",
+      "400": "#00a455",
+      "500": "#008344",
+      "600": "#006933",
+      "700": "#005025",
+      "800": "#003b1b",
+      "900": "#092c17",
+      "950": "#00210d"
     },
-    "purple": {
-      "0": "#fbf5ff",
-      "50": "#f5eafc",
-      "100": "#eedbfb",
-      "200": "#e2c9f4",
-      "300": "#d4adf0",
-      "400": "#bf80ed",
-      "500": "#a14bdd",
-      "600": "#912fd6",
-      "700": "#8325c6",
-      "800": "#671d9b",
-      "900": "#4b1570",
-      "950": "#2e0c45"
+    "red": {
+      "0": "#fff5f6",
+      "50": "#ffe8eb",
+      "100": "#ffcdd6",
+      "200": "#ffb5bd",
+      "300": "#ff8a96",
+      "400": "#f84f6e",
+      "500": "#db2251",
+      "600": "#b6073c",
+      "700": "#8c062b",
+      "800": "#6b001c",
+      "900": "#4e0b16",
+      "950": "#3c040d"
     },
-    "yellow": {
-      "0": "#fcfef0",
-      "50": "#f9fdd3",
-      "100": "#f7ffaf",
-      "200": "#f3fc88",
-      "300": "#e2f160",
-      "400": "#d8eb33",
-      "500": "#e6fd1a",
-      "600": "#baca00",
-      "700": "#94a300",
-      "800": "#7a8202",
-      "900": "#62680f",
-      "950": "#393d06"
+    "black": {
+      "0": "#07080c",
+      "50": "#07080c",
+      "100": "#07080c",
+      "200": "#07080c",
+      "300": "#07080c",
+      "400": "#07080c",
+      "500": "#07080c",
+      "600": "#07080c",
+      "700": "#07080c",
+      "800": "#07080c",
+      "900": "#07080c",
+      "950": "#07080c"
     },
-    "gray": {
-      "0": "#fcfcfc",
-      "50": "#f7f7f8",
-      "100": "#e8e9ee",
-      "200": "#d6d8dc",
-      "300": "#bcbdc3",
-      "400": "#a1a3ab",
-      "500": "#868893",
-      "600": "#6c6e7a",
-      "700": "#515362",
-      "800": "#373841",
-      "900": "#26272e",
-      "950": "#191919"
-    },
     "white": {
@@ -375,66 +299,47 @@ "0": "#ffffff",
     },
-    "black": {
-      "0": "#0b0b0b",
-      "50": "#0b0b0b",
-      "100": "#0b0b0b",
-      "200": "#0b0b0b",
-      "300": "#0b0b0b",
-      "400": "#0b0b0b",
-      "500": "#0b0b0b",
-      "600": "#0b0b0b",
-      "700": "#0b0b0b",
-      "800": "#0b0b0b",
-      "900": "#0b0b0b",
-      "950": "#0b0b0b"
-    },
-    "system": {
-      "green": {
-        "0": "#eefdf7",
-        "50": "#dafcee",
-        "100": "#c3fde5",
-        "200": "#94ffd0",
-        "300": "#42ffad",
-        "400": "#00f087",
-        "500": "#00cc73",
-        "600": "#00a85f",
-        "700": "#00854b",
-        "800": "#006b3c",
-        "900": "#00522e",
-        "950": "#003a21"
+    "brand": {
+      "blue": {
+        "light": "#7084ff",
+        "base": "#405bff",
+        "dark": "#2a3ba6"
       },
-      "red": {
-        "0": "#fff5f3",
-        "50": "#ffe7e4",
-        "100": "#fdd4ce",
-        "200": "#f7bcb3",
-        "300": "#f48d7f",
-        "400": "#f74c3a",
-        "500": "#e52618",
-        "600": "#c41a01",
-        "700": "#9b1403",
-        "800": "#720e06",
-        "900": "#490904",
-        "950": "#370403"
+      "cyan": {
+        "light": "#6de0f7",
+        "base": "#3dd6f5",
+        "dark": "#238ca3"
       },
+      "purple": {
+        "light": "#b675e4",
+        "base": "#a34fde",
+        "dark": "#6a3390"
+      },
+      "pink": {
+        "light": "#ee5dac",
+        "base": "#ff35a2",
+        "dark": "#810b4b"
+      },
+      "orange": {
+        "light": "#ffd099",
+        "base": "#ff9d29",
+        "dark": "#a35901"
+      },
       "yellow": {
-        "0": "#fffcf2",
-        "50": "#fef6db",
-        "100": "#fef1c6",
-        "200": "#fde59e",
-        "300": "#f5d672",
-        "400": "#eec649",
-        "500": "#ebba23",
-        "600": "#d7a613",
-        "700": "#a37d03",
-        "800": "#795605",
-        "900": "#52370a",
-        "950": "#3d2b10"
+        "light": "#f7ffaf",
+        "base": "#ebff38",
+        "dark": "#818c1f"
+      },
+      "green": {
+        "light": "#e1ffc8",
+        "base": "#8bef34",
+        "dark": "#439000"
       }
     },
     "gradient": {
-      "yellow-cyan": "linear-gradient(126.73deg, #e6fd1a -38.66%, #00cded 83.73%)",
-      "cyan-blue": "linear-gradient(136.11deg, #00cded 22.68%, #2443ff 127.6%)",
-      "cyan-purple": "linear-gradient(41.76deg, #912fd6 -17.05%, #00cded 147.06%)",
-      "purple-blue": "linear-gradient(131.04deg, #912fd6 -15.82%, #2443ff 118.85%)",
-      "pink-purple": "linear-gradient(39.47deg, #912fd6 -17.19%, #ff1451 148.9%)"
+      "yellow-cyan": "linear-gradient(127deg, #ebff38 -38.66%, #3dd6f5 83.73%)",
+      "yellow-pink": "linear-gradient(180deg, #ebff38 0%, #ff35a2 100%)",
+      "yellow-blue-pale": "linear-gradient(0deg, #ffffff 0%, #ffffff 100%), linear-gradient(180deg, #f7ffaf 0%, #7084ff 100%)",
+      "cyan-blue": "linear-gradient(136deg, #3dd6f5 22.68%, #405bff 127.6%)",
+      "cyan-purple": "linear-gradient(42deg, #a34fde -17.05%, #3dd6f5 147.06%)",
+      "purple-blue": "linear-gradient(131deg, #a34fde -15.82%, #405bff 118.85%)",
+      "purple-pink": "linear-gradient(39deg, #a34fde -17.19%, #ff35a2 148.9%)"
     }
@@ -441,0 +346,0 @@ },

dist/index.js

@@ -33,77 +33,52 @@ /**
       "feedback": {
-        "primary": "#373841",
-        "error": "#fff5f3",
-        "info": "#f5f7ff",
-        "success": "#eefdf7",
-        "warning": "#fffcf2"
+        "primary": "#2d3239",
+        "error": "#ffe8eb",
+        "info": "#e4eaff",
+        "success": "#c7fbce"
       },
       "interactive": {
         "primary": {
-          "base": "#2443ff",
-          "active": "#2936b5",
-          "focus": "#2936b5",
-          "hover": "#3c5efb"
+          "base": "#425eff",
+          "active": "#425eff",
+          "focus": "#3144d9",
+          "hover": "#3144d9"
         },
         "secondary": {
           "base": "#000000",
-          "active": "#d6d8dc",
-          "focus": "#d6d8dc",
-          "hover": "#e8e9ee"
+          "active": "#000000",
+          "focus": "#eceff2",
+          "hover": "#eceff2"
         },
-        "secondary-flair": {
-          "base": "#eedbfb",
-          "active": "#bf80ed",
-          "focus": "#bf80ed",
-          "hover": "#d4adf0"
-        },
         "tertiary": {
           "base": "#000000",
-          "active": "#d6d8dc",
-          "focus": "#d6d8dc",
-          "hover": "#e8e9ee"
+          "active": "#000000",
+          "focus": "#eceff2",
+          "hover": "#eceff2"
         },
-        "tertiary-flair": {
+        "destructive": {
           "base": "#000000",
-          "active": "#d4adf0",
-          "focus": "#d4adf0",
-          "hover": "#eedbfb"
+          "active": "#000000",
+          "focus": "#ffe8eb",
+          "hover": "#ffe8eb"
         },
-        "success": {
-          "base": "#c3fde5",
-          "hover": "#94ffd0",
-          "focus": "#42ffad",
-          "active": "#42ffad"
-        },
-        "destructive": {
-          "base": "#ffffff",
-          "active": "#f7bcb3",
-          "focus": "#f7bcb3",
-          "hover": "#ffe7e4"
-        },
-        "disabled": "#e8e9ee",
-        "link": "#e5ebff",
-        "selected": "#f5f7ff"
+        "disabled": "#d8dde3",
+        "link": "#e4eaff",
+        "selected": "#f6f8ff"
       },
       "ui": {
         "primary": "#ffffff",
-        "primary-flair": "#d4adf0",
-        "secondary": "#f7f7f8",
-        "tertiary": "#e8e9ee",
-        "quaternary": "#d6d8dc"
+        "secondary": "#f7f9fb",
+        "tertiary": "#eceff2"
       },
       "overlay": {
         "primary": "#ffffff",
-        "secondary": "#191919"
+        "secondary": "#ffffff"
       },
       "field": {
         "base": "#ffffff",
-        "disabled": "#e8e9ee",
-        "error": "#c41a01",
-        "aside": "#e8e9ee"
+        "disabled": "#eceff2"
       },
       "product": {
-        "beta": "#eedbfb",
-        "federal": "#e6fd1a",
-        "toggle-chip-on": "#c3fde5",
-        "toggle-chip-off": "#e8e9ee"
+        "beta": "#e6d0ff",
+        "federal": "#ebff38"
       }
@@ -113,57 +88,34 @@ },
       "feedback": {
-        "error": "#e52618",
-        "info": "#2443ff",
-        "success": "#00a85f",
-        "warning": "#a37d03"
+        "error": "#db2251",
+        "info": "#425eff",
+        "success": "#008344"
       },
       "field": {
-        "base": "#d6d8dc",
-        "active": "#2443ff",
-        "focus": "#2443ff",
-        "error": "#c41a01",
-        "disabled": "#d6d8dc"
+        "base": "#d8dde3",
+        "active": "#425eff",
+        "focus": "#425eff",
+        "error": "#db2251",
+        "disabled": "#eceff2"
       },
       "interactive": {
-        "focus": "#2443ff",
+        "focus": "#425eff",
         "primary": {
-          "base": "#2443ff",
-          "active": "#2936b5",
-          "focus": "#2936b5",
-          "hover": "#3c5efb"
+          "base": "#000000",
+          "active": "#000000",
+          "focus": "#000000",
+          "hover": "#000000"
         },
-        "primary-flair": {
-          "base": "#912fd6",
-          "active": "#671d9b",
-          "focus": "#671d9b",
-          "hover": "#8325c6"
-        },
         "secondary": {
-          "base": "#d6d8dc",
-          "active": "#d6d8dc",
-          "focus": "#d6d8dc",
-          "hover": "#d6d8dc"
+          "base": "#d8dde3",
+          "active": "#d8dde3",
+          "focus": "#d8dde3",
+          "hover": "#d8dde3"
         },
-        "secondary-flair": {
-          "base": "#912fd6",
-          "active": "#671d9b",
-          "focus": "#671d9b",
-          "hover": "#8325c6"
-        },
-        "success": {
-          "base": "#00f087",
-          "hover": "#00cc73",
-          "focus": "#00a85f",
-          "active": "#00a85f"
-        },
-        "destructive": "#9b1403",
-        "disabled": "#e8e9ee",
-        "selected": "#2936b5"
+        "destructive": "#db2251",
+        "disabled": "#000000",
+        "selected": "#425eff"
       },
       "ui": {
-        "primary": "#d6d8dc",
-        "primary-flair": "#bf80ed",
-        "secondary": "#e8e9ee"
-      },
-      "overlay": {
-        "secondary": "#373841"
+        "primary": "#d8dde3",
+        "secondary": "#eceff2"
       }
@@ -173,25 +125,16 @@ },
       "feedback": {
-        "error": "#e52618",
-        "info": "#2443ff",
-        "success": "#00854b",
-        "warning": "#a37d03"
+        "error": "#db2251",
+        "info": "#425eff",
+        "success": "#008344"
       },
       "interactive": {
         "primary": "#ffffff",
-        "success": {
-          "base": "#00522e",
-          "hover": "#00522e",
-          "focus": "#00522e",
-          "active": "#00522e"
-        },
-        "destructive": "#9b1403",
-        "disabled": "#515362"
+        "destructive": "#db2251"
       },
       "ui": {
-        "primary": "currentcolor",
-        "secondary": "#868893",
-        "primary-flair": "#912fd6"
+        "primary": "#3f454c",
+        "secondary": "#6c727a"
       },
       "field": {
-        "base": "#6c6e7a"
+        "base": "#545a62"
       }
@@ -201,7 +144,8 @@ },
       "interactive": {
-        "focus": "#2443ff",
+        "focus": "#3144d9",
         "primary": "#ffffff"
       },
       "ui": {
-        "primary": "#868893"
+        "primary": "#07080c",
+        "secondary": "#07080c"
       }
@@ -211,11 +155,10 @@ },
       "feedback": {
-        "base": "#191919",
-        "error": "#c41a01",
-        "success": "#006b3c",
-        "warning": "#795605",
-        "info": "#24318a"
+        "base": "#23252a",
+        "error": "#b6073c",
+        "success": "#006933",
+        "info": "#3144d9"
       },
       "interactive": {
-        "base": "#2936b5",
-        "active": "#8325c6",
+        "base": "#3144d9",
+        "active": "#6a00a9",
         "primary": {
@@ -227,135 +170,116 @@ "base": "#ffffff",
         },
-        "secondary": "#6c6e7a",
-        "success": {
-          "base": "#00522e",
-          "hover": "#00522e",
-          "focus": "#00522e",
-          "active": "#00522e"
-        },
-        "destructive": "#9b1403",
-        "disabled": "#868893",
-        "flair": {
-          "focus": "#4b1570",
-          "hover": "#671d9b",
-          "base": "#8325c6",
-          "active": "#4b1570"
-        }
+        "secondary": "#545a62",
+        "destructive": "#b6073c",
+        "disabled": "#6c727a"
       },
       "ui": {
         "primary": {
-          "base": "#191919",
+          "base": "#23252a",
           "inverted": "#ffffff"
         },
-        "secondary": "#373841",
-        "tertiary": "#6c6e7a"
+        "secondary": "#545a62"
       },
-      "overlay": {
-        "primary": "#373841",
-        "secondary": "#ffffff"
-      },
       "field": {
-        "base": "#6c6e7a",
-        "disabled": "#515362",
-        "placeholder": "#6c6e7a"
+        "disabled": "#6c727a",
+        "placeholder": "#6c727a"
       },
       "product": {
-        "beta": "#912fd6",
-        "code": "#dc0a40",
-        "federal": "#191919",
-        "flair": "#8325c6",
-        "toggle-chip-on": "#00854b",
-        "toggle-chip-off": "#373841"
+        "beta": "#8717cd",
+        "federal": "#181a1f"
       },
       "code": {
-        "function": "#00a0bc",
-        "tag": "#912fd6",
-        "string": "#dc0a40",
-        "comment": "#6c6e7a",
-        "base": "#373841"
+        "function": "#6a3390",
+        "tag": "#a35901",
+        "string": "#238ca3",
+        "comment": "#898e94",
+        "base": "#545a62",
+        "keyword": "#ff35a2",
+        "title": "#ff9d29",
+        "number": "#2a3ba6"
       }
     },
+    "gray": {
+      "0": "#f7f9fb",
+      "50": "#eceff2",
+      "100": "#d8dde3",
+      "200": "#c6cbd1",
+      "300": "#a9afb4",
+      "400": "#898e94",
+      "500": "#6c727a",
+      "600": "#545a62",
+      "700": "#3f454c",
+      "800": "#2d3239",
+      "900": "#23252a",
+      "950": "#181a1f"
+    },
     "blue": {
-      "0": "#f5f7ff",
-      "50": "#e5ebff",
-      "100": "#d6ddff",
-      "200": "#c1caff",
-      "300": "#98aaff",
-      "400": "#5f7bff",
-      "500": "#3c5efb",
-      "600": "#2443ff",
-      "700": "#2936b5",
-      "800": "#24318a",
-      "900": "#1d2865",
-      "950": "#111946"
+      "0": "#f6f8ff",
+      "50": "#e4eaff",
+      "100": "#cfd9ff",
+      "200": "#afbfff",
+      "300": "#8a9eff",
+      "400": "#7084ff",
+      "500": "#425eff",
+      "600": "#3144d9",
+      "700": "#2536a6",
+      "800": "#19267d",
+      "900": "#121d61",
+      "950": "#0b144d"
     },
-    "cyan": {
-      "0": "#e5fbff",
-      "50": "#c9f4fd",
-      "100": "#a6efff",
-      "200": "#7ae9fe",
-      "300": "#35defa",
-      "400": "#00cded",
-      "500": "#00b8d7",
-      "600": "#00a0bc",
-      "700": "#007d95",
-      "800": "#00677b",
-      "900": "#004f5e",
-      "950": "#003742"
+    "purple": {
+      "0": "#fbf6ff",
+      "50": "#f4e9ff",
+      "100": "#e6d0ff",
+      "200": "#dcb9ff",
+      "300": "#cb91ff",
+      "400": "#bd61ff",
+      "500": "#a636ec",
+      "600": "#8717cd",
+      "700": "#6a00a9",
+      "800": "#4e007e",
+      "900": "#3c0262",
+      "950": "#2e004d"
     },
-    "pink": {
-      "0": "#fff5f8",
-      "50": "#ffe5ec",
-      "100": "#ffd0dc",
-      "200": "#ffadc2",
-      "300": "#ff7599",
-      "400": "#ff3d6f",
-      "500": "#ff1451",
-      "600": "#dc0a40",
-      "700": "#b8002f",
-      "800": "#850022",
-      "900": "#520015",
-      "950": "#410e1a"
+    "green": {
+      "0": "#e5ffe8",
+      "50": "#c7fbce",
+      "100": "#a3f2b4",
+      "200": "#6ce090",
+      "300": "#1ecb6a",
+      "400": "#00a455",
+      "500": "#008344",
+      "600": "#006933",
+      "700": "#005025",
+      "800": "#003b1b",
+      "900": "#092c17",
+      "950": "#00210d"
     },
-    "purple": {
-      "0": "#fbf5ff",
-      "50": "#f5eafc",
-      "100": "#eedbfb",
-      "200": "#e2c9f4",
-      "300": "#d4adf0",
-      "400": "#bf80ed",
-      "500": "#a14bdd",
-      "600": "#912fd6",
-      "700": "#8325c6",
-      "800": "#671d9b",
-      "900": "#4b1570",
-      "950": "#2e0c45"
+    "red": {
+      "0": "#fff5f6",
+      "50": "#ffe8eb",
+      "100": "#ffcdd6",
+      "200": "#ffb5bd",
+      "300": "#ff8a96",
+      "400": "#f84f6e",
+      "500": "#db2251",
+      "600": "#b6073c",
+      "700": "#8c062b",
+      "800": "#6b001c",
+      "900": "#4e0b16",
+      "950": "#3c040d"
     },
-    "yellow": {
-      "0": "#fcfef0",
-      "50": "#f9fdd3",
-      "100": "#f7ffaf",
-      "200": "#f3fc88",
-      "300": "#e2f160",
-      "400": "#d8eb33",
-      "500": "#e6fd1a",
-      "600": "#baca00",
-      "700": "#94a300",
-      "800": "#7a8202",
-      "900": "#62680f",
-      "950": "#393d06"
+    "black": {
+      "0": "#07080c",
+      "50": "#07080c",
+      "100": "#07080c",
+      "200": "#07080c",
+      "300": "#07080c",
+      "400": "#07080c",
+      "500": "#07080c",
+      "600": "#07080c",
+      "700": "#07080c",
+      "800": "#07080c",
+      "900": "#07080c",
+      "950": "#07080c"
     },
-    "gray": {
-      "0": "#fcfcfc",
-      "50": "#f7f7f8",
-      "100": "#e8e9ee",
-      "200": "#d6d8dc",
-      "300": "#bcbdc3",
-      "400": "#a1a3ab",
-      "500": "#868893",
-      "600": "#6c6e7a",
-      "700": "#515362",
-      "800": "#373841",
-      "900": "#26272e",
-      "950": "#191919"
-    },
     "white": {
@@ -375,66 +299,47 @@ "0": "#ffffff",
     },
-    "black": {
-      "0": "#0b0b0b",
-      "50": "#0b0b0b",
-      "100": "#0b0b0b",
-      "200": "#0b0b0b",
-      "300": "#0b0b0b",
-      "400": "#0b0b0b",
-      "500": "#0b0b0b",
-      "600": "#0b0b0b",
-      "700": "#0b0b0b",
-      "800": "#0b0b0b",
-      "900": "#0b0b0b",
-      "950": "#0b0b0b"
-    },
-    "system": {
-      "green": {
-        "0": "#eefdf7",
-        "50": "#dafcee",
-        "100": "#c3fde5",
-        "200": "#94ffd0",
-        "300": "#42ffad",
-        "400": "#00f087",
-        "500": "#00cc73",
-        "600": "#00a85f",
-        "700": "#00854b",
-        "800": "#006b3c",
-        "900": "#00522e",
-        "950": "#003a21"
+    "brand": {
+      "blue": {
+        "light": "#7084ff",
+        "base": "#405bff",
+        "dark": "#2a3ba6"
       },
-      "red": {
-        "0": "#fff5f3",
-        "50": "#ffe7e4",
-        "100": "#fdd4ce",
-        "200": "#f7bcb3",
-        "300": "#f48d7f",
-        "400": "#f74c3a",
-        "500": "#e52618",
-        "600": "#c41a01",
-        "700": "#9b1403",
-        "800": "#720e06",
-        "900": "#490904",
-        "950": "#370403"
+      "cyan": {
+        "light": "#6de0f7",
+        "base": "#3dd6f5",
+        "dark": "#238ca3"
       },
+      "purple": {
+        "light": "#b675e4",
+        "base": "#a34fde",
+        "dark": "#6a3390"
+      },
+      "pink": {
+        "light": "#ee5dac",
+        "base": "#ff35a2",
+        "dark": "#810b4b"
+      },
+      "orange": {
+        "light": "#ffd099",
+        "base": "#ff9d29",
+        "dark": "#a35901"
+      },
       "yellow": {
-        "0": "#fffcf2",
-        "50": "#fef6db",
-        "100": "#fef1c6",
-        "200": "#fde59e",
-        "300": "#f5d672",
-        "400": "#eec649",
-        "500": "#ebba23",
-        "600": "#d7a613",
-        "700": "#a37d03",
-        "800": "#795605",
-        "900": "#52370a",
-        "950": "#3d2b10"
+        "light": "#f7ffaf",
+        "base": "#ebff38",
+        "dark": "#818c1f"
+      },
+      "green": {
+        "light": "#e1ffc8",
+        "base": "#8bef34",
+        "dark": "#439000"
       }
     },
     "gradient": {
-      "yellow-cyan": "linear-gradient(126.73deg, #e6fd1a -38.66%, #00cded 83.73%)",
-      "cyan-blue": "linear-gradient(136.11deg, #00cded 22.68%, #2443ff 127.6%)",
-      "cyan-purple": "linear-gradient(41.76deg, #912fd6 -17.05%, #00cded 147.06%)",
-      "purple-blue": "linear-gradient(131.04deg, #912fd6 -15.82%, #2443ff 118.85%)",
-      "pink-purple": "linear-gradient(39.47deg, #912fd6 -17.19%, #ff1451 148.9%)"
+      "yellow-cyan": "linear-gradient(127deg, #ebff38 -38.66%, #3dd6f5 83.73%)",
+      "yellow-pink": "linear-gradient(180deg, #ebff38 0%, #ff35a2 100%)",
+      "yellow-blue-pale": "linear-gradient(0deg, #ffffff 0%, #ffffff 100%), linear-gradient(180deg, #f7ffaf 0%, #7084ff 100%)",
+      "cyan-blue": "linear-gradient(136deg, #3dd6f5 22.68%, #405bff 127.6%)",
+      "cyan-purple": "linear-gradient(42deg, #a34fde -17.05%, #3dd6f5 147.06%)",
+      "purple-blue": "linear-gradient(131deg, #a34fde -15.82%, #405bff 118.85%)",
+      "purple-pink": "linear-gradient(39deg, #a34fde -17.19%, #ff35a2 148.9%)"
     }
@@ -441,0 +346,0 @@ },

package.json

 {
   "name": "@launchpad-ui/tokens",
-  "version": "0.11.4",
+  "version": "0.12.0",
   "status": "beta",
@@ -41,3 +41,4 @@ "publishConfig": {
     "./dist/fonts.css": "./dist/fonts.css",
-    "./dist/contract.json": "./dist/contract.json"
+    "./dist/contract.json": "./dist/contract.json",
+    "./dist/tokens.json": "./dist/tokens.json"
   },
@@ -44,0 +45,0 @@ "devDependencies": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

411403

increased by56.88%

Number of package files

14

increased by7.69%

Lines of code

10236

increased by228.92%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes