diff --git a/build/native/colors.d.ts b/build/native/colors.d.ts
index af728de0..631328e0 100644
--- a/build/native/colors.d.ts
+++ b/build/native/colors.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Aug 2022 14:07:55 GMT
+ * Generated on Mon, 08 Aug 2022 13:59:12 GMT
  */
 
 export const green100 : string;
diff --git a/build/native/colors.js b/build/native/colors.js
index d82e4b91..e3a33538 100644
--- a/build/native/colors.js
+++ b/build/native/colors.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Aug 2022 14:07:55 GMT
+ * Generated on Mon, 08 Aug 2022 13:59:12 GMT
  */
 
 module.exports = {
diff --git a/build/native/typography.d.ts b/build/native/typography.d.ts
index fc1e388a..c7687cda 100644
--- a/build/native/typography.d.ts
+++ b/build/native/typography.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Aug 2022 14:07:55 GMT
+ * Generated on Mon, 08 Aug 2022 13:59:12 GMT
  */
 
 export const letterSpacingBase : number;
diff --git a/build/native/typography.js b/build/native/typography.js
index ad63e754..79a629a8 100644
--- a/build/native/typography.js
+++ b/build/native/typography.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Aug 2022 14:07:55 GMT
+ * Generated on Mon, 08 Aug 2022 13:59:12 GMT
  */
 
 module.exports = {
diff --git a/build/scss/colors.scss b/build/scss/colors.scss
index f4bb55dd..ce8c1516 100644
--- a/build/scss/colors.scss
+++ b/build/scss/colors.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 05 Aug 2022 14:07:55 GMT
+// Generated on Mon, 08 Aug 2022 13:59:12 GMT
 
 $green100: #FAFFFC;
 $green200: #EBF2EF;
diff --git a/build/scss/typography.scss b/build/scss/typography.scss
index c2f3ebc3..bf1c832e 100644
--- a/build/scss/typography.scss
+++ b/build/scss/typography.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 05 Aug 2022 14:07:55 GMT
+// Generated on Mon, 08 Aug 2022 13:59:12 GMT
 
 $letterSpacingBase: 0;
 $paragraphSpacingBase: 0;
diff --git a/build/ts/colors.d.ts b/build/ts/colors.d.ts
index af728de0..631328e0 100644
--- a/build/ts/colors.d.ts
+++ b/build/ts/colors.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Aug 2022 14:07:55 GMT
+ * Generated on Mon, 08 Aug 2022 13:59:12 GMT
  */
 
 export const green100 : string;
diff --git a/build/ts/colors.js b/build/ts/colors.js
index d82e4b91..e3a33538 100644
--- a/build/ts/colors.js
+++ b/build/ts/colors.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Aug 2022 14:07:55 GMT
+ * Generated on Mon, 08 Aug 2022 13:59:12 GMT
  */
 
 module.exports = {
diff --git a/build/ts/typography.d.ts b/build/ts/typography.d.ts
index 975f14b4..872cc7fa 100644
--- a/build/ts/typography.d.ts
+++ b/build/ts/typography.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Aug 2022 14:07:55 GMT
+ * Generated on Mon, 08 Aug 2022 13:59:12 GMT
  */
 
 export const letterSpacingBase : number;
diff --git a/build/ts/typography.js b/build/ts/typography.js
index d3821bad..c1e0dee6 100644
--- a/build/ts/typography.js
+++ b/build/ts/typography.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Aug 2022 14:07:55 GMT
+ * Generated on Mon, 08 Aug 2022 13:59:12 GMT
  */
 
 module.exports = {
diff --git a/data/core.json b/data/core.json
index bf967aa1..6cc49dbe 100644
--- a/data/core.json
+++ b/data/core.json
@@ -484,4 +484,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/data/light.json b/data/light.json
index 1b95e354..536a4c33 100644
--- a/data/light.json
+++ b/data/light.json
@@ -92,6 +92,246 @@
         }
       }
     },
+    "info": {
+      "text": {
+        "base": {
+          "value": "{colors.blue.600}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{colors.blue.700}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{colors.blue.800}",
+          "type": "color"
+        }
+      },
+      "background": {
+        "base": {
+          "value": "{colors.blue.600}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{colors.blue.700}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{colors.blue.800}",
+          "type": "color"
+        },
+        "muted": {
+          "value": "{colors.blue.200}",
+          "type": "color"
+        },
+        "mutedHover": {
+          "value": "{colors.blue.300}",
+          "type": "color"
+        },
+        "mutedActive": {
+          "value": "{colors.blue.400}",
+          "type": "color"
+        },
+        "box": {
+          "value": "{colors.blue.100}",
+          "type": "color"
+        }
+      },
+      "border": {
+        "base": {
+          "value": "{colors.blue.600}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{colors.blue.700}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{colors.blue.800}",
+          "type": "color"
+        }
+      }
+    },
+    "warning": {
+      "text": {
+        "base": {
+          "value": "{colors.orange.600}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{colors.orange.700}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{colors.orange.800}",
+          "type": "color"
+        }
+      },
+      "background": {
+        "base": {
+          "value": "{colors.orange.600}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{colors.orange.700}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{colors.orange.800}",
+          "type": "color"
+        },
+        "muted": {
+          "value": "{colors.orange.200}",
+          "type": "color"
+        },
+        "mutedHover": {
+          "value": "{colors.orange.300}",
+          "type": "color"
+        },
+        "mutedActive": {
+          "value": "{colors.orange.400}",
+          "type": "color"
+        },
+        "box": {
+          "value": "{colors.orange.100}",
+          "type": "color"
+        }
+      },
+      "border": {
+        "base": {
+          "value": "{colors.orange.600}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{colors.orange.700}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{colors.orange.800}",
+          "type": "color"
+        }
+      }
+    },
+    "danger": {
+      "text": {
+        "base": {
+          "value": "{colors.red.600}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{colors.red.700}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{colors.red.800}",
+          "type": "color"
+        }
+      },
+      "background": {
+        "base": {
+          "value": "{colors.red.600}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{colors.red.700}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{colors.red.800}",
+          "type": "color"
+        },
+        "muted": {
+          "value": "{colors.red.200}",
+          "type": "color"
+        },
+        "mutedHover": {
+          "value": "{colors.red.300}",
+          "type": "color"
+        },
+        "mutedActive": {
+          "value": "{colors.red.400}",
+          "type": "color"
+        },
+        "box": {
+          "value": "{colors.red.100}",
+          "type": "color"
+        }
+      },
+      "border": {
+        "base": {
+          "value": "{colors.red.600}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{colors.red.700}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{colors.red.800}",
+          "type": "color"
+        }
+      }
+    },
+    "highlight": {
+      "text": {
+        "base": {
+          "value": "{colors.purple.600}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{colors.purple.700}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{colors.purple.800}",
+          "type": "color"
+        }
+      },
+      "background": {
+        "base": {
+          "value": "{colors.purple.600}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{colors.purple.700}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{colors.purple.800}",
+          "type": "color"
+        },
+        "muted": {
+          "value": "{colors.purple.200}",
+          "type": "color"
+        },
+        "mutedHover": {
+          "value": "{colors.purple.300}",
+          "type": "color"
+        },
+        "mutedActive": {
+          "value": "{colors.purple.400}",
+          "type": "color"
+        },
+        "box": {
+          "value": "{colors.purple.100}",
+          "type": "color"
+        }
+      },
+      "border": {
+        "base": {
+          "value": "{colors.purple.600}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{colors.purple.700}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{colors.purple.800}",
+          "type": "color"
+        }
+      }
+    },
     "disabled": {
       "text": {
         "value": "{colors.grey.500}",
@@ -115,4 +355,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/data/transformed-light.json b/data/transformed-light.json
index b0bf7e5a..6d6b540e 100644
--- a/data/transformed-light.json
+++ b/data/transformed-light.json
@@ -92,6 +92,246 @@
         }
       }
     },
+    "info": {
+      "text": {
+        "base": {
+          "value": "#3971A8",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#21588F",
+          "type": "color"
+        },
+        "active": {
+          "value": "#194673",
+          "type": "color"
+        }
+      },
+      "background": {
+        "base": {
+          "value": "#3971A8",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#21588F",
+          "type": "color"
+        },
+        "active": {
+          "value": "#194673",
+          "type": "color"
+        },
+        "muted": {
+          "value": "#E6F1FC",
+          "type": "color"
+        },
+        "mutedHover": {
+          "value": "#C0D8F0",
+          "type": "color"
+        },
+        "mutedActive": {
+          "value": "#88B1D9",
+          "type": "color"
+        },
+        "box": {
+          "value": "#F5FAFF",
+          "type": "color"
+        }
+      },
+      "border": {
+        "base": {
+          "value": "#3971A8",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#21588F",
+          "type": "color"
+        },
+        "active": {
+          "value": "#194673",
+          "type": "color"
+        }
+      }
+    },
+    "warning": {
+      "text": {
+        "base": {
+          "value": "#B4631D",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#8E4D14",
+          "type": "color"
+        },
+        "active": {
+          "value": "#784213",
+          "type": "color"
+        }
+      },
+      "background": {
+        "base": {
+          "value": "#B4631D",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#8E4D14",
+          "type": "color"
+        },
+        "active": {
+          "value": "#784213",
+          "type": "color"
+        },
+        "muted": {
+          "value": "#FFF3E8",
+          "type": "color"
+        },
+        "mutedHover": {
+          "value": "#F3D8C0",
+          "type": "color"
+        },
+        "mutedActive": {
+          "value": "#E7B88F",
+          "type": "color"
+        },
+        "box": {
+          "value": "#FFFAF5",
+          "type": "color"
+        }
+      },
+      "border": {
+        "base": {
+          "value": "#B4631D",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#8E4D14",
+          "type": "color"
+        },
+        "active": {
+          "value": "#784213",
+          "type": "color"
+        }
+      }
+    },
+    "danger": {
+      "text": {
+        "base": {
+          "value": "#AF2645",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#980B29",
+          "type": "color"
+        },
+        "active": {
+          "value": "#800D25",
+          "type": "color"
+        }
+      },
+      "background": {
+        "base": {
+          "value": "#AF2645",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#980B29",
+          "type": "color"
+        },
+        "active": {
+          "value": "#800D25",
+          "type": "color"
+        },
+        "muted": {
+          "value": "#FEEEF2",
+          "type": "color"
+        },
+        "mutedHover": {
+          "value": "#F0C4CD",
+          "type": "color"
+        },
+        "mutedActive": {
+          "value": "#E296A6",
+          "type": "color"
+        },
+        "box": {
+          "value": "#FFF7F9",
+          "type": "color"
+        }
+      },
+      "border": {
+        "base": {
+          "value": "#AF2645",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#980B29",
+          "type": "color"
+        },
+        "active": {
+          "value": "#800D25",
+          "type": "color"
+        }
+      }
+    },
+    "highlight": {
+      "text": {
+        "base": {
+          "value": "#533E7D",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#3B2566",
+          "type": "color"
+        },
+        "active": {
+          "value": "#2A174F",
+          "type": "color"
+        }
+      },
+      "background": {
+        "base": {
+          "value": "#533E7D",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#3B2566",
+          "type": "color"
+        },
+        "active": {
+          "value": "#2A174F",
+          "type": "color"
+        },
+        "muted": {
+          "value": "#F2ECFE",
+          "type": "color"
+        },
+        "mutedHover": {
+          "value": "#D7CEE9",
+          "type": "color"
+        },
+        "mutedActive": {
+          "value": "#B9ABD5",
+          "type": "color"
+        },
+        "box": {
+          "value": "#FCFAFF",
+          "type": "color"
+        }
+      },
+      "border": {
+        "base": {
+          "value": "#533E7D",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#3B2566",
+          "type": "color"
+        },
+        "active": {
+          "value": "#2A174F",
+          "type": "color"
+        }
+      }
+    },
     "disabled": {
       "text": {
         "value": "#596D84",