@razorpay/blade 12.68.0 → 12.89.1

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

@@ -2,6 +2,7 @@ import '../global/index.js';
 import { colors as colors$1 } from '../global/colors.js';
 import { opacity } from '../global/opacity.js';
 import { border } from '../global/border.js';
+import { backdropBlur } from '../global/blur.js';
 import { breakpoints } from '../global/breakpoints.js';
 import { motion } from '../global/motion.js';
 import { spacing } from '../global/spacing.js';
@@ -32,9 +33,9 @@ var colors = {
       },
       border: {
         gray: {
-          normal: colors$1.neutral.blueGrayLight[400],
-          subtle: colors$1.neutral.blueGrayLight[300],
-          muted: colors$1.neutral.blueGrayLight.a100
+          normal: colors$1.neutral.blueGrayLight[300],
+          subtle: colors$1.neutral.blueGrayLight[200],
+          muted: colors$1.neutral.blueGrayLight.a912
         },
         primary: {
           normal: colors$1.chromatic.azure[500],
@@ -43,10 +44,10 @@ var colors = {
       },
       text: {
         gray: {
-          normal: colors$1.neutral.blueGrayLight[1200],
-          subtle: colors$1.neutral.blueGrayLight[900],
-          muted: colors$1.neutral.blueGrayLight[600],
-          disabled: colors$1.neutral.blueGrayLight.a200
+          normal: colors$1.neutral.blueGrayLight[1300],
+          subtle: colors$1.neutral.blueGrayLight[1100],
+          muted: colors$1.neutral.blueGrayLight[700],
+          disabled: colors$1.neutral.blueGrayLight.a932
         },
         primary: {
           normal: colors$1.chromatic.azure[500]
@@ -74,10 +75,10 @@ var colors = {
       },
       icon: {
         gray: {
-          normal: colors$1.neutral.blueGrayLight[1200],
-          subtle: colors$1.neutral.blueGrayLight[900],
-          muted: colors$1.neutral.blueGrayLight[600],
-          disabled: colors$1.neutral.blueGrayLight.a200
+          normal: colors$1.neutral.blueGrayLight[1300],
+          subtle: colors$1.neutral.blueGrayLight[1100],
+          muted: colors$1.neutral.blueGrayLight[700],
+          disabled: colors$1.neutral.blueGrayLight.a932
         },
         primary: {
           normal: colors$1.chromatic.azure[500]
@@ -123,8 +124,8 @@ var colors = {
           intense: colors$1.chromatic.sapphire[600]
         },
         neutral: {
-          subtle: colors$1.neutral.blueGrayLight.a50,
-          intense: colors$1.neutral.blueGrayLight[1000]
+          subtle: colors$1.neutral.blueGrayLight.a909,
+          intense: colors$1.neutral.blueGrayLight[1100]
         }
       },
       border: {
@@ -145,8 +146,8 @@ var colors = {
           intense: colors$1.chromatic.sapphire[700]
         },
         neutral: {
-          subtle: colors$1.neutral.blueGrayLight.a100,
-          intense: colors$1.neutral.blueGrayLight[1100]
+          subtle: colors$1.neutral.blueGrayLight.a918,
+          intense: colors$1.neutral.blueGrayLight[900]
         }
       },
       text: {
@@ -227,16 +228,17 @@ var colors = {
         neutral: {
           "default": colors$1.neutral.blueGrayLight[1000],
           highlighted: colors$1.neutral.blueGrayLight[1100],
-          disabled: colors$1.neutral.blueGrayLight.a100,
-          faded: colors$1.neutral.blueGrayLight.a100,
-          fadedHighlighted: colors$1.neutral.blueGrayLight.a200
+          disabled: colors$1.neutral.blueGrayLight.a918,
+          faded: colors$1.neutral.blueGrayLight.a912,
+          fadedHighlighted: colors$1.neutral.blueGrayLight.a918
         },
         gray: {
-          "default": colors$1.neutral.blueGrayLight.a75,
-          highlighted: colors$1.neutral.blueGrayLight.a100,
-          disabled: colors$1.neutral.blueGrayLight.a100,
-          faded: colors$1.neutral.blueGrayLight.a25,
-          fadedHighlighted: colors$1.neutral.blueGrayLight.a75
+          "default": colors$1.neutral.blueGrayLight.a906,
+          highlighted: colors$1.neutral.blueGrayLight.a912,
+          disabled: colors$1.neutral.blueGrayLight.a906,
+          faded: colors$1.neutral.blueGrayLight.a906,
+          fadedHighlighted: colors$1.neutral.blueGrayLight.a909,
+          ghost: colors$1.neutral.blueGrayLight.a1
         },
         primary: {
           "default": colors$1.chromatic.azure[500],
@@ -250,14 +252,16 @@ var colors = {
           highlighted: colors$1.neutral.black[500],
           disabled: colors$1.neutral.black[200],
           faded: colors$1.neutral.black[50],
-          fadedHighlighted: colors$1.neutral.black[100]
+          fadedHighlighted: colors$1.neutral.black[100],
+          ghost: colors$1.neutral.black[1]
         },
         staticWhite: {
           "default": colors$1.neutral.white[500],
           highlighted: colors$1.neutral.white[400],
           disabled: colors$1.neutral.white[50],
           faded: colors$1.neutral.white[50],
-          fadedHighlighted: colors$1.neutral.white[100]
+          fadedHighlighted: colors$1.neutral.white[100],
+          ghost: colors$1.neutral.white[1]
         }
       },
       border: {
@@ -286,20 +290,20 @@ var colors = {
           faded: colors$1.chromatic.sapphire.a100
         },
         neutral: {
-          "default": colors$1.neutral.blueGrayLight[700],
-          highlighted: colors$1.neutral.blueGrayLight[700],
+          "default": colors$1.neutral.blueGrayLight[1200],
+          highlighted: colors$1.neutral.blueGrayLight[1300],
           disabled: colors$1.neutral.blueGrayLight[300],
-          faded: colors$1.neutral.blueGrayLight.a100
+          faded: colors$1.neutral.blueGrayLight.a912
         },
         gray: {
           "default": colors$1.neutral.blueGrayLight[200],
-          highlighted: colors$1.neutral.blueGrayLight[300],
+          highlighted: colors$1.neutral.blueGrayLight[400],
           disabled: colors$1.neutral.blueGrayLight[200],
-          faded: colors$1.neutral.blueGrayLight.a100
+          faded: colors$1.neutral.blueGrayLight.a918
         },
         primary: {
           "default": colors$1.chromatic.azure[500],
-          highlighted: colors$1.chromatic.azure[500],
+          highlighted: colors$1.chromatic.azure[600],
           disabled: colors$1.chromatic.azure.a100,
           faded: colors$1.chromatic.azure.a100
         },
@@ -307,13 +311,15 @@ var colors = {
           "default": colors$1.neutral.white[500],
           highlighted: colors$1.neutral.white[400],
           disabled: colors$1.neutral.white[100],
-          faded: colors$1.neutral.white[50]
+          faded: colors$1.neutral.white[50],
+          fadedHighlighted: colors$1.neutral.white[100]
         },
         staticBlack: {
           "default": colors$1.neutral.black[500],
           highlighted: colors$1.neutral.black[500],
           disabled: colors$1.neutral.black[100],
-          faded: colors$1.neutral.black[100]
+          faded: colors$1.neutral.black[100],
+          fadedHighlighted: colors$1.neutral.black[50]
         }
       },
       text: {
@@ -342,16 +348,16 @@ var colors = {
           disabled: colors$1.chromatic.sapphire.a200
         },
         neutral: {
-          normal: colors$1.neutral.blueGrayLight[1100],
-          subtle: colors$1.neutral.blueGrayLight[900],
-          muted: colors$1.neutral.blueGrayLight[600],
-          disabled: colors$1.neutral.blueGrayLight.a200
+          normal: colors$1.neutral.blueGrayLight[1300],
+          subtle: colors$1.neutral.blueGrayLight[1100],
+          muted: colors$1.neutral.blueGrayLight[700],
+          disabled: colors$1.neutral.blueGrayLight.a932
         },
         gray: {
-          normal: colors$1.neutral.blueGrayLight[1200],
-          subtle: colors$1.neutral.blueGrayLight[900],
-          muted: colors$1.neutral.blueGrayLight[600],
-          disabled: colors$1.neutral.blueGrayLight.a200
+          normal: colors$1.neutral.blueGrayLight[1300],
+          subtle: colors$1.neutral.blueGrayLight[1100],
+          muted: colors$1.neutral.blueGrayLight[700],
+          disabled: colors$1.neutral.blueGrayLight.a932
         },
         primary: {
           normal: colors$1.chromatic.azure[600],
@@ -404,16 +410,16 @@ var colors = {
           disabled: colors$1.chromatic.sapphire.a200
         },
         neutral: {
-          normal: colors$1.neutral.blueGrayLight[1100],
-          subtle: colors$1.neutral.blueGrayLight[900],
-          muted: colors$1.neutral.blueGrayLight[600],
-          disabled: colors$1.neutral.blueGrayLight.a200
+          normal: colors$1.neutral.blueGrayLight[1300],
+          subtle: colors$1.neutral.blueGrayLight[1100],
+          muted: colors$1.neutral.blueGrayLight[700],
+          disabled: colors$1.neutral.blueGrayLight.a932
         },
         gray: {
-          normal: colors$1.neutral.blueGrayLight[1200],
-          subtle: colors$1.neutral.blueGrayLight[900],
-          muted: colors$1.neutral.blueGrayLight[600],
-          disabled: colors$1.neutral.blueGrayLight.a200
+          normal: colors$1.neutral.blueGrayLight[1300],
+          subtle: colors$1.neutral.blueGrayLight[1100],
+          muted: colors$1.neutral.blueGrayLight[700],
+          disabled: colors$1.neutral.blueGrayLight.a932
         },
         primary: {
           normal: colors$1.chromatic.azure[600],
@@ -443,18 +449,62 @@ var colors = {
     },
     overlay: {
       background: {
-        moderate: colors$1.neutral.blueGrayLight.a200,
+        moderate: colors$1.neutral.blueGrayLight.a918,
         subtle: colors$1.neutral.black[200]
       }
     },
     popup: {
       background: {
+        // @deprecated
         subtle: colors$1.neutral.blueGrayLight[0],
-        intense: colors$1.neutral.blueGrayLight[1000]
+        // @deprecated
+        intense: colors$1.neutral.blueGrayLight[1000],
+        gray: {
+          subtle: colors$1.neutral.blueGrayLight[0],
+          moderate: colors$1.neutral.blueGrayLight.a48,
+          intense: colors$1.neutral.black[300]
+        },
+        positive: {
+          moderate: colors$1.chromatic.emerald.a700
+        },
+        negative: {
+          moderate: colors$1.chromatic.crimson.a700
+        },
+        notice: {
+          moderate: colors$1.chromatic.cider.a700
+        },
+        information: {
+          moderate: colors$1.chromatic.sapphire.a700
+        },
+        neutral: {
+          moderate: colors$1.neutral.blueGrayLight.a1288
+        }
       },
       border: {
+        // @deprecated
         subtle: colors$1.neutral.blueGrayLight.a100,
-        intense: colors$1.neutral.blueGrayLight[900]
+        // @deprecated
+        intense: colors$1.neutral.blueGrayLight[900],
+        gray: {
+          subtle: colors$1.neutral.blueGrayLight.a909,
+          moderate: colors$1.neutral.blueGrayLight[100],
+          intense: colors$1.neutral.blueGrayLight[1000]
+        },
+        positive: {
+          moderate: colors$1.chromatic.emerald[600]
+        },
+        negative: {
+          moderate: colors$1.chromatic.crimson[600]
+        },
+        notice: {
+          moderate: colors$1.chromatic.cider[600]
+        },
+        information: {
+          moderate: colors$1.chromatic.sapphire[600]
+        },
+        neutral: {
+          moderate: colors$1.neutral.blueGrayLight[1100]
+        }
       }
     },
     data: {
@@ -518,10 +568,10 @@ var colors = {
           },
           gray: {
             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]
+            subtle: colors$1.neutral.blueGrayLight[50],
+            moderate: colors$1.neutral.blueGrayLight[100],
+            intense: colors$1.neutral.blueGrayLight[400],
+            strong: colors$1.neutral.blueGrayLight[700]
           }
         },
         sequential: {
@@ -653,8 +703,8 @@ var colors = {
       background: {
         gray: {
           subtle: colors$1.neutral.blueGrayDark[1300],
-          moderate: colors$1.neutral.blueGrayDark[1100],
-          intense: colors$1.neutral.blueGrayDark[1000]
+          moderate: colors$1.neutral.blueGrayDark[1200],
+          intense: colors$1.neutral.blueGrayDark[1100]
         },
         primary: {
           subtle: colors$1.chromatic.azure.a200,
@@ -673,7 +723,7 @@ var colors = {
         gray: {
           normal: colors$1.neutral.blueGrayDark[600],
           subtle: colors$1.neutral.blueGrayDark[800],
-          muted: colors$1.neutral.blueGrayDark.a100
+          muted: colors$1.neutral.blueGrayDark.a518
         },
         primary: {
           normal: colors$1.chromatic.azure[500],
@@ -683,9 +733,9 @@ var colors = {
       text: {
         gray: {
           normal: colors$1.neutral.blueGrayDark[0],
-          subtle: colors$1.neutral.blueGrayDark[50],
-          muted: colors$1.neutral.blueGrayDark[300],
-          disabled: colors$1.neutral.blueGrayDark.a200
+          subtle: colors$1.neutral.blueGrayDark[300],
+          muted: colors$1.neutral.blueGrayDark[500],
+          disabled: colors$1.neutral.blueGrayDark.a564
         },
         primary: {
           normal: colors$1.chromatic.azure[300]
@@ -714,9 +764,9 @@ var colors = {
       icon: {
         gray: {
           normal: colors$1.neutral.blueGrayDark[0],
-          subtle: colors$1.neutral.blueGrayDark[50],
-          muted: colors$1.neutral.blueGrayDark[300],
-          disabled: colors$1.neutral.blueGrayDark.a200
+          subtle: colors$1.neutral.blueGrayDark[300],
+          muted: colors$1.neutral.blueGrayDark[500],
+          disabled: colors$1.neutral.blueGrayDark.a532
         },
         primary: {
           normal: colors$1.chromatic.azure[300]
@@ -762,8 +812,8 @@ var colors = {
           intense: colors$1.chromatic.sapphire[700]
         },
         neutral: {
-          subtle: colors$1.neutral.blueGrayDark.a100,
-          intense: colors$1.neutral.blueGrayDark[900]
+          subtle: colors$1.neutral.blueGrayDark.a509,
+          intense: colors$1.neutral.blueGrayDark[800]
         }
       },
       border: {
@@ -784,8 +834,8 @@ var colors = {
           intense: colors$1.chromatic.sapphire[800]
         },
         neutral: {
-          subtle: colors$1.neutral.blueGrayDark.a100,
-          intense: colors$1.neutral.blueGrayDark[900]
+          subtle: colors$1.neutral.blueGrayDark.a518,
+          intense: colors$1.neutral.blueGrayDark[800]
         }
       },
       text: {
@@ -806,8 +856,8 @@ var colors = {
           intense: colors$1.chromatic.sapphire[400]
         },
         neutral: {
-          subtle: colors$1.neutral.blueGrayDark[400],
-          intense: colors$1.neutral.blueGrayDark[50]
+          subtle: colors$1.neutral.blueGrayDark[500],
+          intense: colors$1.neutral.blueGrayDark[300]
         }
       },
       icon: {
@@ -828,8 +878,8 @@ var colors = {
           intense: colors$1.chromatic.sapphire[400]
         },
         neutral: {
-          subtle: colors$1.neutral.blueGrayDark[700],
-          intense: colors$1.neutral.blueGrayDark[50]
+          subtle: colors$1.neutral.blueGrayDark[500],
+          intense: colors$1.neutral.blueGrayDark[300]
         }
       }
     },
@@ -866,16 +916,17 @@ var colors = {
         neutral: {
           "default": colors$1.neutral.blueGrayDark[50],
           highlighted: colors$1.neutral.blueGrayDark[200],
-          disabled: colors$1.neutral.blueGrayDark.a100,
-          faded: colors$1.neutral.blueGrayDark.a75,
-          fadedHighlighted: colors$1.neutral.blueGrayDark.a100
+          disabled: colors$1.neutral.blueGrayDark.a518,
+          faded: colors$1.neutral.blueGrayDark.a512,
+          fadedHighlighted: colors$1.neutral.blueGrayDark.a518
         },
         gray: {
-          "default": colors$1.neutral.blueGrayDark.a75,
-          highlighted: colors$1.neutral.blueGrayDark.a100,
-          disabled: colors$1.neutral.blueGrayDark.a100,
-          faded: colors$1.neutral.blueGrayDark.a25,
-          fadedHighlighted: colors$1.neutral.blueGrayDark.a75
+          "default": colors$1.neutral.blueGrayDark.a512,
+          highlighted: colors$1.neutral.blueGrayDark.a532,
+          disabled: colors$1.neutral.blueGrayDark.a509,
+          faded: colors$1.neutral.blueGrayDark.a509,
+          fadedHighlighted: colors$1.neutral.blueGrayDark.a518,
+          ghost: colors$1.neutral.blueGrayDark.a1388
         },
         primary: {
           "default": colors$1.chromatic.azure[400],
@@ -889,14 +940,16 @@ var colors = {
           highlighted: colors$1.neutral.black[500],
           disabled: colors$1.neutral.black[200],
           faded: colors$1.neutral.black[50],
-          fadedHighlighted: colors$1.neutral.black[100]
+          fadedHighlighted: colors$1.neutral.black[100],
+          ghost: colors$1.neutral.black[1]
         },
         staticWhite: {
           "default": colors$1.neutral.white[500],
           highlighted: colors$1.neutral.white[400],
           disabled: colors$1.neutral.white[50],
           faded: colors$1.neutral.white[50],
-          fadedHighlighted: colors$1.neutral.white[100]
+          fadedHighlighted: colors$1.neutral.white[100],
+          ghost: colors$1.neutral.white[1]
         }
       },
       border: {
@@ -925,20 +978,20 @@ var colors = {
           faded: colors$1.chromatic.sapphire.a100
         },
         neutral: {
-          "default": colors$1.neutral.blueGrayDark[200],
-          highlighted: colors$1.neutral.blueGrayDark[200],
+          "default": colors$1.neutral.blueGrayDark[100],
+          highlighted: colors$1.neutral.blueGrayDark[0],
           disabled: colors$1.neutral.blueGrayDark[800],
-          faded: colors$1.neutral.blueGrayDark.a100
+          faded: colors$1.neutral.blueGrayDark.a518
         },
         gray: {
-          "default": colors$1.neutral.blueGrayDark[600],
-          highlighted: colors$1.neutral.blueGrayDark[600],
-          disabled: colors$1.neutral.blueGrayDark[700],
-          faded: colors$1.neutral.blueGrayDark.a100
+          "default": colors$1.neutral.blueGrayDark[800],
+          highlighted: colors$1.neutral.blueGrayDark[700],
+          disabled: colors$1.neutral.blueGrayDark[1000],
+          faded: colors$1.neutral.blueGrayDark.a518
         },
         primary: {
           "default": colors$1.chromatic.azure[400],
-          highlighted: colors$1.chromatic.azure[500],
+          highlighted: colors$1.chromatic.azure[600],
           disabled: colors$1.chromatic.azure.a200,
           faded: colors$1.chromatic.azure.a150
         },
@@ -946,13 +999,15 @@ var colors = {
           "default": colors$1.neutral.white[500],
           highlighted: colors$1.neutral.white[400],
           disabled: colors$1.neutral.white[100],
-          faded: colors$1.neutral.white[50]
+          faded: colors$1.neutral.white[50],
+          fadedHighlighted: colors$1.neutral.white[100]
         },
         staticBlack: {
           "default": colors$1.neutral.black[500],
           highlighted: colors$1.neutral.black[500],
           disabled: colors$1.neutral.black[100],
-          faded: colors$1.neutral.black[100]
+          faded: colors$1.neutral.black[100],
+          fadedHighlighted: colors$1.neutral.black[50]
         }
       },
       text: {
@@ -981,16 +1036,16 @@ var colors = {
           disabled: colors$1.chromatic.sapphire.a200
         },
         neutral: {
-          normal: colors$1.neutral.blueGrayDark[50],
+          normal: colors$1.neutral.blueGrayDark[0],
           subtle: colors$1.neutral.blueGrayDark[300],
-          muted: colors$1.neutral.blueGrayDark[600],
-          disabled: colors$1.neutral.blueGrayDark.a200
+          muted: colors$1.neutral.blueGrayDark[500],
+          disabled: colors$1.neutral.blueGrayDark.a532
         },
         gray: {
           normal: colors$1.neutral.blueGrayDark[0],
-          subtle: colors$1.neutral.blueGrayDark[50],
-          muted: colors$1.neutral.blueGrayDark[300],
-          disabled: colors$1.neutral.blueGrayDark.a200
+          subtle: colors$1.neutral.blueGrayDark[300],
+          muted: colors$1.neutral.blueGrayDark[500],
+          disabled: colors$1.neutral.blueGrayDark.a532
         },
         primary: {
           normal: colors$1.chromatic.azure[300],
@@ -1043,16 +1098,16 @@ var colors = {
           disabled: colors$1.chromatic.sapphire.a200
         },
         neutral: {
-          normal: colors$1.neutral.blueGrayDark[50],
+          normal: colors$1.neutral.blueGrayDark[0],
           subtle: colors$1.neutral.blueGrayDark[300],
-          muted: colors$1.neutral.blueGrayDark[600],
-          disabled: colors$1.neutral.blueGrayDark.a200
+          muted: colors$1.neutral.blueGrayDark[500],
+          disabled: colors$1.neutral.blueGrayDark.a532
         },
         gray: {
           normal: colors$1.neutral.blueGrayDark[0],
-          subtle: colors$1.neutral.blueGrayDark[50],
-          muted: colors$1.neutral.blueGrayDark[300],
-          disabled: colors$1.neutral.blueGrayDark.a200
+          subtle: colors$1.neutral.blueGrayDark[300],
+          muted: colors$1.neutral.blueGrayDark[500],
+          disabled: colors$1.neutral.blueGrayDark.a532
         },
         primary: {
           normal: colors$1.chromatic.azure[300],
@@ -1082,18 +1137,62 @@ var colors = {
     },
     overlay: {
       background: {
-        moderate: colors$1.neutral.blueGrayDark.a200,
+        moderate: colors$1.neutral.blueGrayDark.a518,
         subtle: colors$1.neutral.black[400]
       }
     },
     popup: {
       background: {
+        // @deprecated
         subtle: colors$1.neutral.blueGrayDark[1000],
-        intense: colors$1.neutral.blueGrayDark[700]
+        // @deprecated
+        intense: colors$1.neutral.blueGrayDark[700],
+        gray: {
+          subtle: colors$1.neutral.blueGrayDark[1300],
+          moderate: colors$1.neutral.blueGrayDark.a1188,
+          intense: colors$1.neutral.black[300]
+        },
+        positive: {
+          moderate: colors$1.chromatic.emerald.a700
+        },
+        negative: {
+          moderate: colors$1.chromatic.crimson.a700
+        },
+        notice: {
+          moderate: colors$1.chromatic.cider.a700
+        },
+        information: {
+          moderate: colors$1.chromatic.sapphire.a700
+        },
+        neutral: {
+          moderate: colors$1.neutral.blueGrayDark.a888
+        }
       },
       border: {
+        // @deprecated
         subtle: colors$1.neutral.blueGrayDark.a100,
-        intense: colors$1.neutral.blueGrayDark.a100
+        // @deprecated
+        intense: colors$1.neutral.blueGrayDark.a100,
+        gray: {
+          subtle: colors$1.neutral.blueGrayDark.a512,
+          moderate: colors$1.neutral.blueGrayDark[800],
+          intense: colors$1.neutral.blueGrayDark[1000]
+        },
+        positive: {
+          moderate: colors$1.chromatic.emerald[600]
+        },
+        negative: {
+          moderate: colors$1.chromatic.crimson[600]
+        },
+        notice: {
+          moderate: colors$1.chromatic.cider[600]
+        },
+        information: {
+          moderate: colors$1.chromatic.sapphire[600]
+        },
+        neutral: {
+          moderate: colors$1.neutral.blueGrayDark[800]
+        }
       }
     },
     data: {
@@ -1156,11 +1255,11 @@ var colors = {
             strong: colors$1.chromatic.topaz[300]
           },
           gray: {
-            faint: colors$1.neutral.blueGrayDark[1300],
-            subtle: colors$1.neutral.blueGrayDark[1100],
-            moderate: colors$1.neutral.blueGrayDark[1000],
-            intense: colors$1.neutral.blueGrayDark[400],
-            strong: colors$1.neutral.blueGrayDark[700]
+            faint: colors$1.neutral.blueGrayDark[1200],
+            subtle: colors$1.neutral.blueGrayDark[1000],
+            moderate: colors$1.neutral.blueGrayDark[900],
+            intense: colors$1.neutral.blueGrayDark[300],
+            strong: colors$1.neutral.blueGrayDark[600]
           }
         },
         sequential: {
@@ -1285,12 +1384,13 @@ var colors = {
         }
       }
     },
-    transparent: "hsla(217, 27%, 15%, ".concat(opacity[0], ")")
+    transparent: "hsla(210, 6%, 13%, ".concat(opacity[0], ")")
   }
 };
 var bladeTheme = {
   name: 'bladeTheme',
   border: border,
+  backdropBlur: backdropBlur,
   breakpoints: breakpoints,
   colors: colors,
   motion: motion,