@lumx/core 2.1.9-alpha-thumbnail3 → 2.1.9-alpha.0

package/js/constants/design-tokens.js

@@ -94,7 +94,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DESIGN_TOKENS", function() { return DESIGN_TOKENS; });
 /**
  * Do not edit directly
- * Generated on Tue, 19 Oct 2021 08:35:25 GMT
+ * Generated on Wed, 08 Dec 2021 08:10:59 GMT
  */
 var DESIGN_TOKENS = {
   button: {
@@ -346,7 +346,7 @@ var DESIGN_TOKENS = {
           },
           color: {
             version: '0.22',
-            comment: 'Neutral dark color',
+            comment: 'Base dark color with 70% opacity',
             attributes: {
               category: 'button',
               type: 'emphasis-medium',
@@ -418,7 +418,7 @@ var DESIGN_TOKENS = {
           },
           color: {
             version: '0.22',
-            comment: 'Neutral dark color',
+            comment: 'Base dark color with 70% opacity',
             attributes: {
               category: 'button',
               type: 'emphasis-medium',
@@ -490,7 +490,7 @@ var DESIGN_TOKENS = {
           },
           color: {
             version: '0.22',
-            comment: 'Neutral dark color',
+            comment: 'Base dark color with 70% opacity',
             attributes: {
               category: 'button',
               type: 'emphasis-medium',
@@ -562,7 +562,7 @@ var DESIGN_TOKENS = {
           },
           color: {
             version: '0.22',
-            comment: 'Neutral dark color',
+            comment: 'Base dark color with 70% opacity',
             attributes: {
               category: 'button',
               type: 'emphasis-low',
@@ -632,7 +632,7 @@ var DESIGN_TOKENS = {
           },
           color: {
             version: '0.22',
-            comment: 'Neutral dark color',
+            comment: 'Base dark color with 70% opacity',
             attributes: {
               category: 'button',
               type: 'emphasis-low',
@@ -704,7 +704,7 @@ var DESIGN_TOKENS = {
           },
           color: {
             version: '0.22',
-            comment: 'Neutral dark color',
+            comment: 'Base dark color with 70% opacity',
             attributes: {
               category: 'button',
               type: 'emphasis-low',
@@ -1326,7 +1326,7 @@ var DESIGN_TOKENS = {
             },
             'icon-color': {
               version: '0.22',
-              comment: 'Neutral dark color',
+              comment: 'Base dark color with 70% opacity',
               attributes: {
                 category: 'navigation',
                 type: 'item',
@@ -1351,7 +1351,7 @@ var DESIGN_TOKENS = {
             },
             'chevron-color': {
               version: '0.22',
-              comment: 'Neutral dark color',
+              comment: 'Base dark color with 70% opacity',
               attributes: {
                 category: 'navigation',
                 type: 'item',
@@ -1472,7 +1472,7 @@ var DESIGN_TOKENS = {
             },
             'icon-color': {
               version: '0.22',
-              comment: 'Neutral dark color',
+              comment: 'Base dark color with 70% opacity',
               attributes: {
                 category: 'navigation',
                 type: 'item',
@@ -1499,7 +1499,7 @@ var DESIGN_TOKENS = {
             },
             'chevron-color': {
               version: '0.22',
-              comment: 'Neutral dark color',
+              comment: 'Base dark color with 70% opacity',
               attributes: {
                 category: 'navigation',
                 type: 'item',
@@ -1624,7 +1624,7 @@ var DESIGN_TOKENS = {
             },
             'icon-color': {
               version: '0.22',
-              comment: 'Neutral dark color',
+              comment: 'Base dark color with 70% opacity',
               attributes: {
                 category: 'navigation',
                 type: 'item',
@@ -1651,7 +1651,7 @@ var DESIGN_TOKENS = {
             },
             'chevron-color': {
               version: '0.22',
-              comment: 'Neutral dark color',
+              comment: 'Base dark color with 70% opacity',
               attributes: {
                 category: 'navigation',
                 type: 'item',
@@ -2205,7 +2205,7 @@ var DESIGN_TOKENS = {
             },
             color: {
               version: '0.22',
-              comment: 'Neutral dark color',
+              comment: 'Base dark color with 70% opacity',
               attributes: {
                 category: 'tabs',
                 type: 'link',
@@ -2301,7 +2301,7 @@ var DESIGN_TOKENS = {
             },
             color: {
               version: '0.22',
-              comment: 'Neutral dark color',
+              comment: 'Base dark color with 70% opacity',
               attributes: {
                 category: 'tabs',
                 type: 'link',
@@ -2399,7 +2399,7 @@ var DESIGN_TOKENS = {
             },
             color: {
               version: '0.22',
-              comment: 'Neutral dark color',
+              comment: 'Base dark color with 70% opacity',
               attributes: {
                 category: 'tabs',
                 type: 'link',
@@ -2497,7 +2497,7 @@ var DESIGN_TOKENS = {
             },
             color: {
               version: '0.22',
-              comment: 'Neutral dark color',
+              comment: 'Base dark color with 70% opacity',
               attributes: {
                 category: 'tabs',
                 type: 'link',
@@ -2591,7 +2591,7 @@ var DESIGN_TOKENS = {
             },
             color: {
               version: '0.22',
-              comment: 'Neutral dark color',
+              comment: 'Base dark color with 70% opacity',
               attributes: {
                 category: 'tabs',
                 type: 'link',
@@ -2687,7 +2687,7 @@ var DESIGN_TOKENS = {
             },
             color: {
               version: '0.22',
-              comment: 'Neutral dark color',
+              comment: 'Base dark color with 70% opacity',
               attributes: {
                 category: 'tabs',
                 type: 'link',
@@ -3114,7 +3114,7 @@ var DESIGN_TOKENS = {
           },
           'border-color': {
             version: '0.22',
-            comment: 'Base blue color with 60% opacity',
+            comment: 'Base primary color with 60% opacity',
             attributes: {
               category: 'text-field',
               type: 'state-focus',
@@ -3227,7 +3227,7 @@ var DESIGN_TOKENS = {
       },
       L1: {
         version: '0.22',
-        comment: 'Base dark color with 80% opacity',
+        comment: 'Base dark color with 70% opacity',
         attributes: {
           category: 'color',
           type: 'dark',
@@ -3444,11 +3444,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'blue',
           item: 'D2',
-          hex: '1976d2',
+          hex: '1546c1',
           rgb: {
-            r: 25,
-            g: 118,
-            b: 210,
+            r: 21,
+            g: 70,
+            b: 193,
             a: 1
           }
         }
@@ -3460,11 +3460,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'blue',
           item: 'D1',
-          hex: '1e88e5',
+          hex: '184ed8',
           rgb: {
-            r: 30,
-            g: 136,
-            b: 229,
+            r: 24,
+            g: 78,
+            b: 216,
             a: 1
           }
         }
@@ -3476,11 +3476,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'blue',
           item: 'N',
-          hex: '2196f3',
+          hex: '245be7',
           rgb: {
-            r: 33,
-            g: 150,
-            b: 243,
+            r: 36,
+            g: 91,
+            b: 231,
             a: 1
           }
         }
@@ -3492,11 +3492,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'blue',
           item: 'L1',
-          hex: '2196f3',
+          hex: '245be7',
           rgb: {
-            r: 33,
-            g: 150,
-            b: 243,
+            r: 36,
+            g: 91,
+            b: 231,
             a: 1
           }
         }
@@ -3508,11 +3508,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'blue',
           item: 'L2',
-          hex: '2196f3',
+          hex: '245be7',
           rgb: {
-            r: 33,
-            g: 150,
-            b: 243,
+            r: 36,
+            g: 91,
+            b: 231,
             a: 1
           }
         }
@@ -3524,11 +3524,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'blue',
           item: 'L3',
-          hex: '2196f3',
+          hex: '245be7',
           rgb: {
-            r: 33,
-            g: 150,
-            b: 243,
+            r: 36,
+            g: 91,
+            b: 231,
             a: 1
           }
         }
@@ -3540,11 +3540,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'blue',
           item: 'L4',
-          hex: '2196f3',
+          hex: '245be7',
           rgb: {
-            r: 33,
-            g: 150,
-            b: 243,
+            r: 36,
+            g: 91,
+            b: 231,
             a: 1
           }
         }
@@ -3556,11 +3556,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'blue',
           item: 'L5',
-          hex: '2196f3',
+          hex: '245be7',
           rgb: {
-            r: 33,
-            g: 150,
-            b: 243,
+            r: 36,
+            g: 91,
+            b: 231,
             a: 1
           }
         }
@@ -3572,11 +3572,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'blue',
           item: 'L6',
-          hex: '2196f3',
+          hex: '245be7',
           rgb: {
-            r: 33,
-            g: 150,
-            b: 243,
+            r: 36,
+            g: 91,
+            b: 231,
             a: 1
           }
         }
@@ -3590,11 +3590,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'green',
           item: 'D2',
-          hex: '388e3c',
+          hex: '1a6e59',
           rgb: {
-            r: 56,
-            g: 142,
-            b: 60,
+            r: 26,
+            g: 110,
+            b: 89,
             a: 1
           }
         }
@@ -3606,11 +3606,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'green',
           item: 'D1',
-          hex: '43a047',
+          hex: '177a61',
           rgb: {
-            r: 67,
-            g: 160,
-            b: 71,
+            r: 23,
+            g: 122,
+            b: 97,
             a: 1
           }
         }
@@ -3622,11 +3622,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'green',
           item: 'N',
-          hex: '4caf50',
+          hex: '138669',
           rgb: {
-            r: 76,
-            g: 175,
-            b: 80,
+            r: 19,
+            g: 134,
+            b: 105,
             a: 1
           }
         }
@@ -3638,11 +3638,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'green',
           item: 'L1',
-          hex: '4caf50',
+          hex: '138669',
           rgb: {
-            r: 76,
-            g: 175,
-            b: 80,
+            r: 19,
+            g: 134,
+            b: 105,
             a: 1
           }
         }
@@ -3654,11 +3654,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'green',
           item: 'L2',
-          hex: '4caf50',
+          hex: '138669',
           rgb: {
-            r: 76,
-            g: 175,
-            b: 80,
+            r: 19,
+            g: 134,
+            b: 105,
             a: 1
           }
         }
@@ -3670,11 +3670,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'green',
           item: 'L3',
-          hex: '4caf50',
+          hex: '138669',
           rgb: {
-            r: 76,
-            g: 175,
-            b: 80,
+            r: 19,
+            g: 134,
+            b: 105,
             a: 1
           }
         }
@@ -3686,11 +3686,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'green',
           item: 'L4',
-          hex: '4caf50',
+          hex: '138669',
           rgb: {
-            r: 76,
-            g: 175,
-            b: 80,
+            r: 19,
+            g: 134,
+            b: 105,
             a: 1
           }
         }
@@ -3702,11 +3702,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'green',
           item: 'L5',
-          hex: '4caf50',
+          hex: '138669',
           rgb: {
-            r: 76,
-            g: 175,
-            b: 80,
+            r: 19,
+            g: 134,
+            b: 105,
             a: 1
           }
         }
@@ -3718,11 +3718,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'green',
           item: 'L6',
-          hex: '4caf50',
+          hex: '138669',
           rgb: {
-            r: 76,
-            g: 175,
-            b: 80,
+            r: 19,
+            g: 134,
+            b: 105,
             a: 1
           }
         }
@@ -3736,11 +3736,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'yellow',
           item: 'D2',
-          hex: 'ff6f00',
+          hex: 'ffa125',
           rgb: {
             r: 255,
-            g: 111,
-            b: 0,
+            g: 161,
+            b: 37,
             a: 1
           }
         }
@@ -3752,11 +3752,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'yellow',
           item: 'D1',
-          hex: 'ff8f00',
+          hex: 'ffb325',
           rgb: {
             r: 255,
-            g: 143,
-            b: 0,
+            g: 179,
+            b: 37,
             a: 1
           }
         }
@@ -3768,11 +3768,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'yellow',
           item: 'N',
-          hex: 'ffb300',
+          hex: 'ffc425',
           rgb: {
             r: 255,
-            g: 179,
-            b: 0,
+            g: 196,
+            b: 37,
             a: 1
           }
         }
@@ -3784,11 +3784,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'yellow',
           item: 'L1',
-          hex: 'ffb300',
+          hex: 'ffc425',
           rgb: {
             r: 255,
-            g: 179,
-            b: 0,
+            g: 196,
+            b: 37,
             a: 1
           }
         }
@@ -3800,11 +3800,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'yellow',
           item: 'L2',
-          hex: 'ffb300',
+          hex: 'ffc425',
           rgb: {
             r: 255,
-            g: 179,
-            b: 0,
+            g: 196,
+            b: 37,
             a: 1
           }
         }
@@ -3816,11 +3816,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'yellow',
           item: 'L3',
-          hex: 'ffb300',
+          hex: 'ffc425',
           rgb: {
             r: 255,
-            g: 179,
-            b: 0,
+            g: 196,
+            b: 37,
             a: 1
           }
         }
@@ -3832,11 +3832,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'yellow',
           item: 'L4',
-          hex: 'ffb300',
+          hex: 'ffc425',
           rgb: {
             r: 255,
-            g: 179,
-            b: 0,
+            g: 196,
+            b: 37,
             a: 1
           }
         }
@@ -3848,11 +3848,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'yellow',
           item: 'L5',
-          hex: 'ffb300',
+          hex: 'ffc425',
           rgb: {
             r: 255,
-            g: 179,
-            b: 0,
+            g: 196,
+            b: 37,
             a: 1
           }
         }
@@ -3864,11 +3864,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'yellow',
           item: 'L6',
-          hex: 'ffb300',
+          hex: 'ffc425',
           rgb: {
             r: 255,
-            g: 179,
-            b: 0,
+            g: 196,
+            b: 37,
             a: 1
           }
         }
@@ -3882,11 +3882,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'red',
           item: 'D2',
-          hex: 'd32f2f',
+          hex: 'be1e46',
           rgb: {
-            r: 211,
-            g: 47,
-            b: 47,
+            r: 190,
+            g: 30,
+            b: 70,
             a: 1
           }
         }
@@ -3898,11 +3898,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'red',
           item: 'D1',
-          hex: 'e53935',
+          hex: 'd42148',
           rgb: {
-            r: 229,
-            g: 57,
-            b: 53,
+            r: 212,
+            g: 33,
+            b: 72,
             a: 1
           }
         }
@@ -3914,11 +3914,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'red',
           item: 'N',
-          hex: 'f44336',
+          hex: 'df3050',
           rgb: {
-            r: 244,
-            g: 67,
-            b: 54,
+            r: 223,
+            g: 48,
+            b: 80,
             a: 1
           }
         }
@@ -3930,11 +3930,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'red',
           item: 'L1',
-          hex: 'f44336',
+          hex: 'df3050',
           rgb: {
-            r: 244,
-            g: 67,
-            b: 54,
+            r: 223,
+            g: 48,
+            b: 80,
             a: 1
           }
         }
@@ -3946,11 +3946,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'red',
           item: 'L2',
-          hex: 'f44336',
+          hex: 'df3050',
           rgb: {
-            r: 244,
-            g: 67,
-            b: 54,
+            r: 223,
+            g: 48,
+            b: 80,
             a: 1
           }
         }
@@ -3962,11 +3962,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'red',
           item: 'L3',
-          hex: 'f44336',
+          hex: 'df3050',
           rgb: {
-            r: 244,
-            g: 67,
-            b: 54,
+            r: 223,
+            g: 48,
+            b: 80,
             a: 1
           }
         }
@@ -3978,11 +3978,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'red',
           item: 'L4',
-          hex: 'f44336',
+          hex: 'df3050',
           rgb: {
-            r: 244,
-            g: 67,
-            b: 54,
+            r: 223,
+            g: 48,
+            b: 80,
             a: 1
           }
         }
@@ -3994,11 +3994,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'red',
           item: 'L5',
-          hex: 'f44336',
+          hex: 'df3050',
           rgb: {
-            r: 244,
-            g: 67,
-            b: 54,
+            r: 223,
+            g: 48,
+            b: 80,
             a: 1
           }
         }
@@ -4010,11 +4010,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'red',
           item: 'L6',
-          hex: 'f44336',
+          hex: 'df3050',
           rgb: {
-            r: 244,
-            g: 67,
-            b: 54,
+            r: 223,
+            g: 48,
+            b: 80,
             a: 1
           }
         }
@@ -4137,7 +4137,7 @@ var DESIGN_TOKENS = {
     primary: {
       D2: {
         version: '0.22',
-        comment: 'Darkest blue color',
+        comment: 'Darkest primary color',
         attributes: {
           category: 'color',
           type: 'primary',
@@ -4153,7 +4153,7 @@ var DESIGN_TOKENS = {
       },
       D1: {
         version: '0.22',
-        comment: 'Dark blue color',
+        comment: 'Dark primary color',
         attributes: {
           category: 'color',
           type: 'primary',
@@ -4169,7 +4169,7 @@ var DESIGN_TOKENS = {
       },
       N: {
         version: '0.22',
-        comment: 'Neutral blue color',
+        comment: 'Neutral primary color',
         attributes: {
           category: 'color',
           type: 'primary',
@@ -4185,7 +4185,7 @@ var DESIGN_TOKENS = {
       },
       L1: {
         version: '0.22',
-        comment: 'Base blue color with 80% opacity',
+        comment: 'Base primary color with 80% opacity',
         attributes: {
           category: 'color',
           type: 'primary',
@@ -4201,7 +4201,7 @@ var DESIGN_TOKENS = {
       },
       L2: {
         version: '0.22',
-        comment: 'Base blue color with 60% opacity',
+        comment: 'Base primary color with 60% opacity',
         attributes: {
           category: 'color',
           type: 'primary',
@@ -4217,7 +4217,7 @@ var DESIGN_TOKENS = {
       },
       L3: {
         version: '0.22',
-        comment: 'Base blue color with 40% opacity',
+        comment: 'Base primary color with 40% opacity',
         attributes: {
           category: 'color',
           type: 'primary',
@@ -4233,7 +4233,7 @@ var DESIGN_TOKENS = {
       },
       L4: {
         version: '0.22',
-        comment: 'Base blue color with 20% opacity',
+        comment: 'Base primary color with 20% opacity',
         attributes: {
           category: 'color',
           type: 'primary',
@@ -4249,7 +4249,7 @@ var DESIGN_TOKENS = {
       },
       L5: {
         version: '0.22',
-        comment: 'Base blue color with 10% opacity',
+        comment: 'Base primary color with 10% opacity',
         attributes: {
           category: 'color',
           type: 'primary',
@@ -4283,7 +4283,7 @@ var DESIGN_TOKENS = {
     secondary: {
       D2: {
         version: '0.22',
-        comment: 'Darkest green color',
+        comment: 'Darkest secondary color',
         attributes: {
           category: 'color',
           type: 'secondary',
@@ -4299,7 +4299,7 @@ var DESIGN_TOKENS = {
       },
       D1: {
         version: '0.22',
-        comment: 'Dark green color',
+        comment: 'Dark secondary color',
         attributes: {
           category: 'color',
           type: 'secondary',
@@ -4315,7 +4315,7 @@ var DESIGN_TOKENS = {
       },
       N: {
         version: '0.22',
-        comment: 'Neutral green color',
+        comment: 'Neutral secondary color',
         attributes: {
           category: 'color',
           type: 'secondary',
@@ -4331,7 +4331,7 @@ var DESIGN_TOKENS = {
       },
       L1: {
         version: '0.22',
-        comment: 'Base green color with 80% opacity',
+        comment: 'Base secondary color with 80% opacity',
         attributes: {
           category: 'color',
           type: 'secondary',
@@ -4347,7 +4347,7 @@ var DESIGN_TOKENS = {
       },
       L2: {
         version: '0.22',
-        comment: 'Base green color with 60% opacity',
+        comment: 'Base secondary color with 60% opacity',
         attributes: {
           category: 'color',
           type: 'secondary',
@@ -4363,7 +4363,7 @@ var DESIGN_TOKENS = {
       },
       L3: {
         version: '0.22',
-        comment: 'Base green color with 40% opacity',
+        comment: 'Base secondary color with 40% opacity',
         attributes: {
           category: 'color',
           type: 'secondary',
@@ -4379,7 +4379,7 @@ var DESIGN_TOKENS = {
       },
       L4: {
         version: '0.22',
-        comment: 'Base green color with 20% opacity',
+        comment: 'Base secondary color with 20% opacity',
         attributes: {
           category: 'color',
           type: 'secondary',
@@ -4395,7 +4395,7 @@ var DESIGN_TOKENS = {
       },
       L5: {
         version: '0.22',
-        comment: 'Base green color with 10% opacity',
+        comment: 'Base secondary color with 10% opacity',
         attributes: {
           category: 'color',
           type: 'secondary',
@@ -4411,7 +4411,7 @@ var DESIGN_TOKENS = {
       },
       L6: {
         version: '0.22',
-        comment: 'Base green color with 5% opacity',
+        comment: 'Base secondary color with 5% opacity',
         attributes: {
           category: 'color',
           type: 'secondary',
@@ -4429,7 +4429,7 @@ var DESIGN_TOKENS = {
     accent: {
       D2: {
         version: '0.22',
-        comment: 'Darkest green color',
+        comment: 'Darkest secondary color',
         attributes: {
           category: 'color',
           type: 'accent',
@@ -4445,7 +4445,7 @@ var DESIGN_TOKENS = {
       },
       D1: {
         version: '0.22',
-        comment: 'Dark green color',
+        comment: 'Dark secondary color',
         attributes: {
           category: 'color',
           type: 'accent',
@@ -4461,7 +4461,7 @@ var DESIGN_TOKENS = {
       },
       N: {
         version: '0.22',
-        comment: 'Neutral green color',
+        comment: 'Neutral secondary color',
         attributes: {
           category: 'color',
           type: 'accent',
@@ -4477,7 +4477,7 @@ var DESIGN_TOKENS = {
       },
       L1: {
         version: '0.22',
-        comment: 'Base green color with 80% opacity',
+        comment: 'Base secondary color with 80% opacity',
         attributes: {
           category: 'color',
           type: 'accent',
@@ -4493,7 +4493,7 @@ var DESIGN_TOKENS = {
       },
       L2: {
         version: '0.22',
-        comment: 'Base green color with 60% opacity',
+        comment: 'Base secondary color with 60% opacity',
         attributes: {
           category: 'color',
           type: 'accent',
@@ -4509,7 +4509,7 @@ var DESIGN_TOKENS = {
       },
       L3: {
         version: '0.22',
-        comment: 'Base green color with 40% opacity',
+        comment: 'Base secondary color with 40% opacity',
         attributes: {
           category: 'color',
           type: 'accent',
@@ -4525,7 +4525,7 @@ var DESIGN_TOKENS = {
       },
       L4: {
         version: '0.22',
-        comment: 'Base green color with 20% opacity',
+        comment: 'Base secondary color with 20% opacity',
         attributes: {
           category: 'color',
           type: 'accent',
@@ -4541,7 +4541,7 @@ var DESIGN_TOKENS = {
       },
       L5: {
         version: '0.22',
-        comment: 'Base green color with 10% opacity',
+        comment: 'Base secondary color with 10% opacity',
         attributes: {
           category: 'color',
           type: 'accent',
@@ -4557,7 +4557,7 @@ var DESIGN_TOKENS = {
       },
       L6: {
         version: '0.22',
-        comment: 'Base green color with 5% opacity',
+        comment: 'Base secondary color with 5% opacity',
         attributes: {
           category: 'color',
           type: 'accent',
@@ -4591,7 +4591,7 @@ var DESIGN_TOKENS = {
       },
       L1: {
         version: '0.22',
-        comment: 'Base dark color with 80% opacity',
+        comment: 'Base dark color with 70% opacity',
         attributes: {
           category: 'color',
           type: 'black',
@@ -4808,11 +4808,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'orange',
           item: 'D2',
-          hex: 'ff6f00',
+          hex: 'ffa125',
           rgb: {
             r: 255,
-            g: 111,
-            b: 0,
+            g: 161,
+            b: 37,
             a: 1
           }
         }
@@ -4824,11 +4824,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'orange',
           item: 'D1',
-          hex: 'ff8f00',
+          hex: 'ffb325',
           rgb: {
             r: 255,
-            g: 143,
-            b: 0,
+            g: 179,
+            b: 37,
             a: 1
           }
         }
@@ -4840,11 +4840,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'orange',
           item: 'N',
-          hex: 'ffb300',
+          hex: 'ffc425',
           rgb: {
             r: 255,
-            g: 179,
-            b: 0,
+            g: 196,
+            b: 37,
             a: 1
           }
         }
@@ -4856,11 +4856,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'orange',
           item: 'L1',
-          hex: 'ffb300',
+          hex: 'ffc425',
           rgb: {
             r: 255,
-            g: 179,
-            b: 0,
+            g: 196,
+            b: 37,
             a: 1
           }
         }
@@ -4872,11 +4872,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'orange',
           item: 'L2',
-          hex: 'ffb300',
+          hex: 'ffc425',
           rgb: {
             r: 255,
-            g: 179,
-            b: 0,
+            g: 196,
+            b: 37,
             a: 1
           }
         }
@@ -4888,11 +4888,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'orange',
           item: 'L3',
-          hex: 'ffb300',
+          hex: 'ffc425',
           rgb: {
             r: 255,
-            g: 179,
-            b: 0,
+            g: 196,
+            b: 37,
             a: 1
           }
         }
@@ -4904,11 +4904,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'orange',
           item: 'L4',
-          hex: 'ffb300',
+          hex: 'ffc425',
           rgb: {
             r: 255,
-            g: 179,
-            b: 0,
+            g: 196,
+            b: 37,
             a: 1
           }
         }
@@ -4920,11 +4920,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'orange',
           item: 'L5',
-          hex: 'ffb300',
+          hex: 'ffc425',
           rgb: {
             r: 255,
-            g: 179,
-            b: 0,
+            g: 196,
+            b: 37,
             a: 1
           }
         }
@@ -4936,11 +4936,11 @@ var DESIGN_TOKENS = {
           category: 'color',
           type: 'orange',
           item: 'L6',
-          hex: 'ffb300',
+          hex: 'ffc425',
           rgb: {
             r: 255,
-            g: 179,
-            b: 0,
+            g: 196,
+            b: 37,
             a: 1
           }
         }