feat: add smart tokens (#163)

* add smart core tokens * add smart tokens to themes * Transformed tokens * Built and updated design tokens * Files compiled! --------- Co-authored-by: alexandra-lim <alexandra-lim@users.noreply.github.com>
Fullscript · Jul 24, 2024 · d0091e6 · d0091e6
1 parent 1d008bd
commit d0091e6
Show file tree

Hide file tree

Showing 68 changed files with 515 additions and 63 deletions.
diff --git a/dist/documentation/core-dark-colors.d.ts b/dist/documentation/core-dark-colors.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 08 Jul 2024 12:56:30 GMT
+ * Generated on Tue, 23 Jul 2024 13:51:28 GMT
  */
 
 export const green : {100:{
@@ -238,4 +238,21 @@ export const brown : {200:{
             name: string,
             hex: string,
 
+          }};
+export const smart : {400:{
+            name: string,
+            hex: string,
+
+          },500:{
+            name: string,
+            hex: string,
+
+          },600:{
+            name: string,
+            hex: string,
+
+          },700:{
+            name: string,
+            hex: string,
+
           }};
diff --git a/dist/documentation/core-dark-colors.js b/dist/documentation/core-dark-colors.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 08 Jul 2024 12:56:30 GMT
+ * Generated on Tue, 23 Jul 2024 13:51:28 GMT
  */
 
 module.exports = {green : {100:{
@@ -238,4 +238,21 @@ brown : {200:{
             name: "brown.800",
             hex: "#F6F1E5",
 
+          }},
+smart : {400:{
+            name: "smart.400",
+            hex: "#8FA7C1",
+
+          },500:{
+            name: "smart.500",
+            hex: "#B0C1D4",
+
+          },600:{
+            name: "smart.600",
+            hex: "#C8D6E4",
+
+          },700:{
+            name: "smart.700",
+            hex: "#DDE5EE",
+
           }},};
diff --git a/dist/documentation/core-light-colors.d.ts b/dist/documentation/core-light-colors.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 08 Jul 2024 12:56:30 GMT
+ * Generated on Tue, 23 Jul 2024 13:51:28 GMT
  */
 
 export const green : {100:{
@@ -275,4 +275,21 @@ export const brown : {200:{
             name: string,
             hex: string,
 
+          }};
+export const smart : {400:{
+            name: string,
+            hex: string,
+
+          },500:{
+            name: string,
+            hex: string,
+
+          },600:{
+            name: string,
+            hex: string,
+
+          },700:{
+            name: string,
+            hex: string,
+
           }};
diff --git a/dist/documentation/core-light-colors.js b/dist/documentation/core-light-colors.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 08 Jul 2024 12:56:30 GMT
+ * Generated on Tue, 23 Jul 2024 13:51:28 GMT
  */
 
 module.exports = {green : {100:{
@@ -275,4 +275,21 @@ brown : {200:{
             name: "brown.800",
             hex: "#3E3114",
 
+          }},
+smart : {400:{
+            name: "smart.400",
+            hex: "#7495B9",
+
+          },500:{
+            name: "smart.500",
+            hex: "#4D7199",
+
+          },600:{
+            name: "smart.600",
+            hex: "#2E5988",
+
+          },700:{
+            name: "smart.700",
+            hex: "#264A6E",
+
           }},};
diff --git a/dist/documentation/themes/dark.d.ts b/dist/documentation/themes/dark.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 08 Jul 2024 12:56:30 GMT
+ * Generated on Tue, 23 Jul 2024 13:51:28 GMT
  */
 
 export const text : {emphasis:{
@@ -679,4 +679,17 @@ export const secondary : {textBase:{
             name: string,
             hex: string,
 
+          }};
+export const smart : {backgroundBase:{
+            name: string,
+            hex: string,
+
+          },backgroundHover:{
+            name: string,
+            hex: string,
+
+          },backgroundActive:{
+            name: string,
+            hex: string,
+
           }};
diff --git a/dist/documentation/themes/dark.js b/dist/documentation/themes/dark.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 08 Jul 2024 12:56:30 GMT
+ * Generated on Tue, 23 Jul 2024 13:51:28 GMT
  */
 
 module.exports = {text : {emphasis:{
@@ -679,4 +679,17 @@ secondary : {textBase:{
             name: "secondary.borderActive",
             hex: "#E8E9EA",
 
+          }},
+smart : {backgroundBase:{
+            name: "smart.backgroundBase",
+            hex: "linear-gradient(65deg, #8FA7C1 10.68%, #B0C1D4 38.02%, #C8D6E4 79.03%)",
+
+          },backgroundHover:{
+            name: "smart.backgroundHover",
+            hex: "linear-gradient(65deg, #8FA7C1 10.68%, #B0C1D4 20.59%, #C8D6E4 32.55%)",
+
+          },backgroundActive:{
+            name: "smart.backgroundActive",
+            hex: "linear-gradient(65deg, #B0C1D4 10.68%, #C8D6E4 20.59%, #DDE5EE 32.55%)",
+
           }},};
diff --git a/dist/documentation/themes/emerson.d.ts b/dist/documentation/themes/emerson.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 08 Jul 2024 12:56:30 GMT
+ * Generated on Tue, 23 Jul 2024 13:51:28 GMT
  */
 
 export const text : {emphasis:{
@@ -675,4 +675,17 @@ export const secondary : {textBase:{
             name: string,
             hex: string,
 
+          }};
+export const smart : {backgroundBase:{
+            name: string,
+            hex: string,
+
+          },backgroundHover:{
+            name: string,
+            hex: string,
+
+          },backgroundActive:{
+            name: string,
+            hex: string,
+
           }};
diff --git a/dist/documentation/themes/emerson.js b/dist/documentation/themes/emerson.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 08 Jul 2024 12:56:30 GMT
+ * Generated on Tue, 23 Jul 2024 13:51:28 GMT
  */
 
 module.exports = {text : {emphasis:{
@@ -675,4 +675,17 @@ secondary : {textBase:{
             name: "secondary.borderActive",
             hex: "#212933",
 
+          }},
+smart : {backgroundBase:{
+            name: "smart.backgroundBase",
+            hex: "linear-gradient(65deg, #7495B9 10.68%, #4D7199 38.02%, #2E5988 79.03%)",
+
+          },backgroundHover:{
+            name: "smart.backgroundHover",
+            hex: "linear-gradient(65deg, #7495B9 10.68%, #4D7199 20.59%, #2E5988 32.55%)",
+
+          },backgroundActive:{
+            name: "smart.backgroundActive",
+            hex: "linear-gradient(65deg, #4D7199 10.68%, #2E5988 20.59%, #264A6E 32.55%)",
+
           }},};
diff --git a/dist/documentation/themes/light.d.ts b/dist/documentation/themes/light.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 08 Jul 2024 12:56:30 GMT
+ * Generated on Tue, 23 Jul 2024 13:51:28 GMT
  */
 
 export const text : {emphasis:{
@@ -675,4 +675,17 @@ export const secondary : {borderBase:{
             name: string,
             hex: string,
 
+          }};
+export const smart : {backgroundBase:{
+            name: string,
+            hex: string,
+
+          },backgroundHover:{
+            name: string,
+            hex: string,
+
+          },backgroundActive:{
+            name: string,
+            hex: string,
+
           }};
diff --git a/dist/documentation/themes/light.js b/dist/documentation/themes/light.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 08 Jul 2024 12:56:30 GMT
+ * Generated on Tue, 23 Jul 2024 13:51:28 GMT
  */
 
 module.exports = {text : {emphasis:{
@@ -675,4 +675,17 @@ secondary : {borderBase:{
             name: "secondary.textActive",
             hex: "#2E3A47",
 
+          }},
+smart : {backgroundBase:{
+            name: "smart.backgroundBase",
+            hex: "linear-gradient(65deg, #7495B9 10.68%, #4D7199 38.02%, #2E5988 79.03%)",
+
+          },backgroundHover:{
+            name: "smart.backgroundHover",
+            hex: "linear-gradient(65deg, #7495B9 10.68%, #4D7199 20.59%, #2E5988 32.55%)",
+
+          },backgroundActive:{
+            name: "smart.backgroundActive",
+            hex: "linear-gradient(65deg, #4D7199 10.68%, #2E5988 20.59%, #264A6E 32.55%)",
+
           }},};
diff --git a/dist/documentation/themes/lightDS3.d.ts b/dist/documentation/themes/lightDS3.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 08 Jul 2024 12:56:30 GMT
+ * Generated on Tue, 23 Jul 2024 13:51:28 GMT
  */
 
 export const text : {emphasis:{
@@ -675,4 +675,17 @@ export const secondary : {borderBase:{
             name: string,
             hex: string,
 
+          }};
+export const smart : {backgroundBase:{
+            name: string,
+            hex: string,
+
+          },backgroundHover:{
+            name: string,
+            hex: string,
+
+          },backgroundActive:{
+            name: string,
+            hex: string,
+
           }};
diff --git a/dist/documentation/themes/lightDS3.js b/dist/documentation/themes/lightDS3.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 08 Jul 2024 12:56:30 GMT
+ * Generated on Tue, 23 Jul 2024 13:51:28 GMT
  */
 
 module.exports = {text : {emphasis:{
@@ -675,4 +675,17 @@ secondary : {borderBase:{
             name: "secondary.textActive",
             hex: "#2E3A47",
 
+          }},
+smart : {backgroundBase:{
+            name: "smart.backgroundBase",
+            hex: "linear-gradient(65deg, #7495B9 10.68%, #4D7199 38.02%, #2E5988 79.03%)",
+
+          },backgroundHover:{
+            name: "smart.backgroundHover",
+            hex: "linear-gradient(65deg, #7495B9 10.68%, #4D7199 20.59%, #2E5988 32.55%)",
+
+          },backgroundActive:{
+            name: "smart.backgroundActive",
+            hex: "linear-gradient(65deg, #4D7199 10.68%, #2E5988 20.59%, #264A6E 32.55%)",
+
           }},};
diff --git a/dist/tokens/native/borders.d.ts b/dist/tokens/native/borders.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 08 Jul 2024 12:56:30 GMT
+ * Generated on Tue, 23 Jul 2024 13:51:28 GMT
  */
 
 export const radiusBase : number;

diff --git a/dist/tokens/native/borders.js b/dist/tokens/native/borders.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 08 Jul 2024 12:56:30 GMT
+ * Generated on Tue, 23 Jul 2024 13:51:28 GMT
  */
 
 module.exports = {

diff --git a/dist/tokens/native/core-dark-colors.d.ts b/dist/tokens/native/core-dark-colors.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 08 Jul 2024 12:56:30 GMT
+ * Generated on Tue, 23 Jul 2024 13:51:28 GMT
  */
 
 export const green: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string};
@@ -11,3 +11,4 @@ export const orange: {100 : string,200 : string,300 : string,400 : string,500 :
 export const grey: {100 : string,200 : string,300 : string,400 : string,500 : string,510 : string,600 : string,700 : string,800 : string};
 export const shades: {white : string,black : string,transparent : string};
 export const brown: {200 : string,300 : string,400 : string,700 : string,800 : string};
+export const smart: {400 : string,500 : string,600 : string,700 : string};
diff --git a/dist/tokens/native/core-dark-colors.js b/dist/tokens/native/core-dark-colors.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 08 Jul 2024 12:56:30 GMT
+ * Generated on Tue, 23 Jul 2024 13:51:28 GMT
  */
 
 module.exports = {green: {100 : "#0C291E",200 : "#124935",300 : "#1F5B45",400 : "#206A4F",500 : "#288563",600 : "#42AD86",700 : "#BFE8D9",800 : "#F0FFF9"},
@@ -11,4 +11,5 @@ orange: {100 : "#29170C",200 : "#4A2915",300 : "#63371C",400 : "#8A4E29",500 : "
 grey: {100 : "#141719",200 : "#1D2124",300 : "#22272B",400 : "#2D3238",500 : "#515357",510 : "#686B70",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"},
 shades: {white : "#FFFFFF",black : "#000000",transparent : "transparent"},
 brown: {200 : "#493612",300 : "#5E4317",400 : "#6B5024",700 : "#EFE5D1",800 : "#F6F1E5"},
+smart: {400 : "#8FA7C1",500 : "#B0C1D4",600 : "#C8D6E4",700 : "#DDE5EE"},
 };
diff --git a/dist/tokens/native/core-light-colors.d.ts b/dist/tokens/native/core-light-colors.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 08 Jul 2024 12:56:30 GMT
+ * Generated on Tue, 23 Jul 2024 13:51:28 GMT
  */
 
 export const green: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string};
@@ -12,3 +12,4 @@ export const grey: {100 : string,200 : string,300 : string,400 : string,410 : st
 export const shades: {white : string,black : string,transparent : string};
 export const yellow: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string};
 export const brown: {200 : string,300 : string,400 : string,700 : string,800 : string};
+export const smart: {400 : string,500 : string,600 : string,700 : string};