@razorpay/blade 12.63.0 → 12.64.0

package/build/lib/web/development/tokens/theme/bladeTheme.js

@@ -292,7 +292,7 @@ var colors = {
           faded: colors$1.neutral.blueGrayLight.a100
         },
         gray: {
-          "default": colors$1.neutral.blueGrayLight[300],
+          "default": colors$1.neutral.blueGrayLight[200],
           highlighted: colors$1.neutral.blueGrayLight[300],
           disabled: colors$1.neutral.blueGrayLight[200],
           faded: colors$1.neutral.blueGrayLight.a100
@@ -457,75 +457,75 @@ var colors = {
         intense: colors$1.neutral.blueGrayLight[900]
       }
     },
-    chart: {
+    data: {
       background: {
         categorical: {
-          azure: {
-            faint: colors$1.chromatic.azure[50],
+          blue: {
+            faint: colors$1.chromatic.azure[100],
             subtle: colors$1.chromatic.azure[200],
-            moderate: colors$1.chromatic.azure[500],
-            intense: colors$1.chromatic.azure[600],
-            strong: colors$1.chromatic.azure[800]
+            moderate: colors$1.chromatic.azure[300],
+            intense: colors$1.chromatic.azure[400],
+            strong: colors$1.chromatic.azure[500]
           },
-          emerald: {
-            faint: colors$1.chromatic.emerald[50],
+          green: {
+            faint: colors$1.chromatic.emerald[100],
             subtle: colors$1.chromatic.emerald[200],
-            moderate: colors$1.chromatic.emerald[600],
-            intense: colors$1.chromatic.emerald[600],
-            strong: colors$1.chromatic.emerald[800]
+            moderate: colors$1.chromatic.emerald[300],
+            intense: colors$1.chromatic.emerald[400],
+            strong: colors$1.chromatic.emerald[500]
           },
-          crimson: {
-            faint: colors$1.chromatic.crimson[50],
+          red: {
+            faint: colors$1.chromatic.crimson[100],
             subtle: colors$1.chromatic.crimson[200],
-            moderate: colors$1.chromatic.crimson[600],
-            intense: colors$1.chromatic.crimson[600],
-            strong: colors$1.chromatic.crimson[800]
+            moderate: colors$1.chromatic.crimson[300],
+            intense: colors$1.chromatic.crimson[400],
+            strong: colors$1.chromatic.crimson[500]
           },
-          cider: {
-            faint: colors$1.chromatic.cider[50],
+          orange: {
+            faint: colors$1.chromatic.cider[100],
             subtle: colors$1.chromatic.cider[200],
-            moderate: colors$1.chromatic.cider[600],
-            intense: colors$1.chromatic.cider[600],
-            strong: colors$1.chromatic.cider[800]
+            moderate: colors$1.chromatic.cider[300],
+            intense: colors$1.chromatic.cider[400],
+            strong: colors$1.chromatic.cider[500]
           },
-          sapphire: {
-            faint: colors$1.chromatic.sapphire[50],
+          skyBlue: {
+            faint: colors$1.chromatic.sapphire[100],
             subtle: colors$1.chromatic.sapphire[200],
-            moderate: colors$1.chromatic.sapphire[600],
-            intense: colors$1.chromatic.sapphire[600],
-            strong: colors$1.chromatic.sapphire[800]
+            moderate: colors$1.chromatic.sapphire[300],
+            intense: colors$1.chromatic.sapphire[400],
+            strong: colors$1.chromatic.sapphire[500]
           },
-          orchid: {
-            faint: colors$1.chromatic.orchid[50],
+          purple: {
+            faint: colors$1.chromatic.orchid[100],
             subtle: colors$1.chromatic.orchid[200],
-            moderate: colors$1.chromatic.orchid[600],
-            intense: colors$1.chromatic.orchid[600],
-            strong: colors$1.chromatic.orchid[800]
+            moderate: colors$1.chromatic.orchid[300],
+            intense: colors$1.chromatic.orchid[400],
+            strong: colors$1.chromatic.orchid[500]
           },
-          magenta: {
-            faint: colors$1.chromatic.magenta[50],
+          pink: {
+            faint: colors$1.chromatic.magenta[100],
             subtle: colors$1.chromatic.magenta[200],
-            moderate: colors$1.chromatic.magenta[600],
-            intense: colors$1.chromatic.magenta[600],
-            strong: colors$1.chromatic.magenta[800]
+            moderate: colors$1.chromatic.magenta[300],
+            intense: colors$1.chromatic.magenta[400],
+            strong: colors$1.chromatic.magenta[500]
           },
-          topaz: {
+          gold: {
             faint: colors$1.chromatic.topaz[50],
-            subtle: colors$1.chromatic.topaz[200],
-            moderate: colors$1.chromatic.topaz[600],
-            intense: colors$1.chromatic.topaz[600],
-            strong: colors$1.chromatic.topaz[800]
+            subtle: colors$1.chromatic.topaz[100],
+            moderate: colors$1.chromatic.topaz[200],
+            intense: colors$1.chromatic.topaz[300],
+            strong: colors$1.chromatic.topaz[400]
           },
           gray: {
-            faint: colors$1.neutral.blueGrayDark.a50,
-            subtle: colors$1.neutral.blueGrayDark[100],
-            moderate: colors$1.neutral.blueGrayDark[300],
-            intense: colors$1.neutral.blueGrayDark[500],
-            strong: colors$1.neutral.blueGrayDark[700]
+            faint: colors$1.neutral.blueGrayLight[0],
+            subtle: colors$1.neutral.blueGrayLight[100],
+            moderate: colors$1.neutral.blueGrayLight[200],
+            intense: colors$1.neutral.blueGrayLight[500],
+            strong: colors$1.neutral.blueGrayLight[800]
           }
         },
         sequential: {
-          azure: {
+          blue: {
             50: colors$1.chromatic.azure[50],
             100: colors$1.chromatic.azure[100],
             200: colors$1.chromatic.azure[200],
@@ -538,7 +538,7 @@ var colors = {
             900: colors$1.chromatic.azure[900],
             1000: colors$1.chromatic.azure[1000]
           },
-          emerald: {
+          green: {
             50: colors$1.chromatic.emerald[50],
             100: colors$1.chromatic.emerald[100],
             200: colors$1.chromatic.emerald[200],
@@ -551,7 +551,7 @@ var colors = {
             900: colors$1.chromatic.emerald[900],
             1000: colors$1.chromatic.emerald[1000]
           },
-          crimson: {
+          red: {
             50: colors$1.chromatic.crimson[50],
             100: colors$1.chromatic.crimson[100],
             200: colors$1.chromatic.crimson[200],
@@ -564,7 +564,7 @@ var colors = {
             900: colors$1.chromatic.crimson[900],
             1000: colors$1.chromatic.crimson[1000]
           },
-          cider: {
+          orange: {
             50: colors$1.chromatic.cider[50],
             100: colors$1.chromatic.cider[100],
             200: colors$1.chromatic.cider[200],
@@ -577,7 +577,7 @@ var colors = {
             900: colors$1.chromatic.cider[900],
             1000: colors$1.chromatic.cider[1000]
           },
-          sapphire: {
+          skyBlue: {
             50: colors$1.chromatic.sapphire[50],
             100: colors$1.chromatic.sapphire[100],
             200: colors$1.chromatic.sapphire[200],
@@ -590,7 +590,7 @@ var colors = {
             900: colors$1.chromatic.sapphire[900],
             1000: colors$1.chromatic.sapphire[1000]
           },
-          orchid: {
+          purple: {
             50: colors$1.chromatic.orchid[50],
             100: colors$1.chromatic.orchid[100],
             200: colors$1.chromatic.orchid[200],
@@ -603,7 +603,7 @@ var colors = {
             900: colors$1.chromatic.orchid[900],
             1000: colors$1.chromatic.orchid[1000]
           },
-          magenta: {
+          pink: {
             50: colors$1.chromatic.magenta[50],
             100: colors$1.chromatic.magenta[100],
             200: colors$1.chromatic.magenta[200],
@@ -616,7 +616,7 @@ var colors = {
             900: colors$1.chromatic.magenta[900],
             1000: colors$1.chromatic.magenta[1000]
           },
-          topaz: {
+          gold: {
             50: colors$1.chromatic.topaz[50],
             100: colors$1.chromatic.topaz[100],
             200: colors$1.chromatic.topaz[200],
@@ -628,6 +628,20 @@ var colors = {
             800: colors$1.chromatic.topaz[800],
             900: colors$1.chromatic.topaz[900],
             1000: colors$1.chromatic.topaz[1000]
+          },
+          gray: {
+            0: colors$1.neutral.blueGrayLight[0],
+            50: colors$1.neutral.blueGrayLight[50],
+            100: colors$1.neutral.blueGrayLight[100],
+            200: colors$1.neutral.blueGrayLight[200],
+            300: colors$1.neutral.blueGrayLight[300],
+            400: colors$1.neutral.blueGrayLight[400],
+            500: colors$1.neutral.blueGrayLight[500],
+            600: colors$1.neutral.blueGrayLight[600],
+            700: colors$1.neutral.blueGrayLight[700],
+            800: colors$1.neutral.blueGrayLight[800],
+            900: colors$1.neutral.blueGrayLight[900],
+            1000: colors$1.neutral.blueGrayLight[1000]
           }
         }
       }
@@ -1082,75 +1096,75 @@ var colors = {
         intense: colors$1.neutral.blueGrayDark.a100
       }
     },
-    chart: {
+    data: {
       background: {
         categorical: {
-          azure: {
-            faint: colors$1.chromatic.azure[900],
+          blue: {
+            faint: colors$1.chromatic.azure[800],
             subtle: colors$1.chromatic.azure[700],
-            moderate: colors$1.chromatic.azure[500],
-            intense: colors$1.chromatic.azure[300],
-            strong: colors$1.chromatic.azure[200]
+            moderate: colors$1.chromatic.azure[600],
+            intense: colors$1.chromatic.azure[500],
+            strong: colors$1.chromatic.azure[400]
           },
-          emerald: {
-            faint: colors$1.chromatic.emerald[1000],
-            subtle: colors$1.chromatic.emerald[800],
-            moderate: colors$1.chromatic.emerald[700],
-            intense: colors$1.chromatic.emerald[300],
-            strong: colors$1.chromatic.emerald[200]
+          green: {
+            faint: colors$1.chromatic.emerald[800],
+            subtle: colors$1.chromatic.emerald[700],
+            moderate: colors$1.chromatic.emerald[600],
+            intense: colors$1.chromatic.emerald[500],
+            strong: colors$1.chromatic.emerald[400]
           },
-          crimson: {
-            faint: colors$1.chromatic.crimson[1000],
-            subtle: colors$1.chromatic.crimson[800],
-            moderate: colors$1.chromatic.crimson[700],
-            intense: colors$1.chromatic.crimson[300],
-            strong: colors$1.chromatic.crimson[200]
+          red: {
+            faint: colors$1.chromatic.crimson[800],
+            subtle: colors$1.chromatic.crimson[700],
+            moderate: colors$1.chromatic.crimson[600],
+            intense: colors$1.chromatic.crimson[500],
+            strong: colors$1.chromatic.crimson[400]
           },
-          cider: {
-            faint: colors$1.chromatic.cider[1000],
-            subtle: colors$1.chromatic.cider[800],
+          orange: {
+            faint: colors$1.chromatic.cider[800],
+            subtle: colors$1.chromatic.cider[700],
             moderate: colors$1.chromatic.cider[600],
-            intense: colors$1.chromatic.cider[300],
-            strong: colors$1.chromatic.cider[200]
+            intense: colors$1.chromatic.cider[500],
+            strong: colors$1.chromatic.cider[400]
           },
-          sapphire: {
-            faint: colors$1.chromatic.sapphire[1000],
-            subtle: colors$1.chromatic.sapphire[800],
+          skyBlue: {
+            faint: colors$1.chromatic.sapphire[800],
+            subtle: colors$1.chromatic.sapphire[700],
             moderate: colors$1.chromatic.sapphire[600],
-            intense: colors$1.chromatic.sapphire[300],
-            strong: colors$1.chromatic.sapphire[200]
+            intense: colors$1.chromatic.sapphire[500],
+            strong: colors$1.chromatic.sapphire[400]
           },
-          orchid: {
-            faint: colors$1.chromatic.orchid[1000],
-            subtle: colors$1.chromatic.orchid[800],
+          purple: {
+            faint: colors$1.chromatic.orchid[800],
+            subtle: colors$1.chromatic.orchid[700],
             moderate: colors$1.chromatic.orchid[600],
-            intense: colors$1.chromatic.orchid[300],
-            strong: colors$1.chromatic.orchid[200]
+            intense: colors$1.chromatic.orchid[500],
+            strong: colors$1.chromatic.orchid[400]
           },
-          magenta: {
-            faint: colors$1.chromatic.magenta[1000],
-            subtle: colors$1.chromatic.magenta[800],
-            moderate: colors$1.chromatic.magenta[700],
-            intense: colors$1.chromatic.magenta[300],
-            strong: colors$1.chromatic.magenta[200]
+          pink: {
+            faint: colors$1.chromatic.magenta[800],
+            subtle: colors$1.chromatic.magenta[700],
+            moderate: colors$1.chromatic.magenta[600],
+            intense: colors$1.chromatic.magenta[500],
+            strong: colors$1.chromatic.magenta[400]
           },
-          topaz: {
-            faint: colors$1.chromatic.topaz[1000],
-            subtle: colors$1.chromatic.topaz[800],
-            moderate: colors$1.chromatic.topaz[600],
-            intense: colors$1.chromatic.topaz[300],
-            strong: colors$1.chromatic.topaz[200]
+          gold: {
+            faint: colors$1.chromatic.topaz[700],
+            subtle: colors$1.chromatic.topaz[600],
+            moderate: colors$1.chromatic.topaz[500],
+            intense: colors$1.chromatic.topaz[400],
+            strong: colors$1.chromatic.topaz[300]
           },
           gray: {
             faint: colors$1.neutral.blueGrayDark[1300],
             subtle: colors$1.neutral.blueGrayDark[1100],
-            moderate: colors$1.neutral.blueGrayDark[900],
-            intense: colors$1.neutral.blueGrayDark[700],
-            strong: colors$1.neutral.blueGrayDark[500]
+            moderate: colors$1.neutral.blueGrayDark[1000],
+            intense: colors$1.neutral.blueGrayDark[400],
+            strong: colors$1.neutral.blueGrayDark[700]
           }
         },
         sequential: {
-          azure: {
+          blue: {
             50: colors$1.chromatic.azure[1000],
             100: colors$1.chromatic.azure[900],
             200: colors$1.chromatic.azure[800],
@@ -1163,7 +1177,7 @@ var colors = {
             900: colors$1.chromatic.azure[100],
             1000: colors$1.chromatic.azure[50]
           },
-          emerald: {
+          green: {
             50: colors$1.chromatic.emerald[1000],
             100: colors$1.chromatic.emerald[900],
             200: colors$1.chromatic.emerald[800],
@@ -1176,7 +1190,7 @@ var colors = {
             900: colors$1.chromatic.emerald[100],
             1000: colors$1.chromatic.emerald[50]
           },
-          crimson: {
+          red: {
             50: colors$1.chromatic.crimson[1000],
             100: colors$1.chromatic.crimson[900],
             200: colors$1.chromatic.crimson[800],
@@ -1189,7 +1203,7 @@ var colors = {
             900: colors$1.chromatic.crimson[100],
             1000: colors$1.chromatic.crimson[50]
           },
-          cider: {
+          orange: {
             50: colors$1.chromatic.cider[1000],
             100: colors$1.chromatic.cider[900],
             200: colors$1.chromatic.cider[800],
@@ -1202,7 +1216,7 @@ var colors = {
             900: colors$1.chromatic.cider[100],
             1000: colors$1.chromatic.cider[50]
           },
-          sapphire: {
+          skyBlue: {
             50: colors$1.chromatic.sapphire[1000],
             100: colors$1.chromatic.sapphire[900],
             200: colors$1.chromatic.sapphire[800],
@@ -1215,7 +1229,7 @@ var colors = {
             900: colors$1.chromatic.sapphire[100],
             1000: colors$1.chromatic.sapphire[50]
           },
-          orchid: {
+          purple: {
             50: colors$1.chromatic.orchid[1000],
             100: colors$1.chromatic.orchid[900],
             200: colors$1.chromatic.orchid[800],
@@ -1228,7 +1242,7 @@ var colors = {
             900: colors$1.chromatic.orchid[100],
             1000: colors$1.chromatic.orchid[50]
           },
-          magenta: {
+          pink: {
             50: colors$1.chromatic.magenta[1000],
             100: colors$1.chromatic.magenta[900],
             200: colors$1.chromatic.magenta[800],
@@ -1241,7 +1255,7 @@ var colors = {
             900: colors$1.chromatic.magenta[100],
             1000: colors$1.chromatic.magenta[50]
           },
-          topaz: {
+          gold: {
             50: colors$1.chromatic.topaz[1000],
             100: colors$1.chromatic.topaz[900],
             200: colors$1.chromatic.topaz[800],
@@ -1253,6 +1267,20 @@ var colors = {
             800: colors$1.chromatic.topaz[200],
             900: colors$1.chromatic.topaz[100],
             1000: colors$1.chromatic.topaz[50]
+          },
+          gray: {
+            0: colors$1.neutral.blueGrayDark[1300],
+            50: colors$1.neutral.blueGrayDark[1200],
+            100: colors$1.neutral.blueGrayDark[1100],
+            200: colors$1.neutral.blueGrayDark[1000],
+            300: colors$1.neutral.blueGrayDark[900],
+            400: colors$1.neutral.blueGrayDark[800],
+            500: colors$1.neutral.blueGrayDark[800],
+            600: colors$1.neutral.blueGrayDark[700],
+            700: colors$1.neutral.blueGrayDark[600],
+            800: colors$1.neutral.blueGrayDark[500],
+            900: colors$1.neutral.blueGrayDark[400],
+            1000: colors$1.neutral.blueGrayDark[300]
           }
         }
       }